html,body{max-width:100%;overflow-x:hidden}
main{width:100%;min-width:0;overflow:hidden}
.hero>div{min-width:0}
.phone{width:100%;min-width:0;overflow:hidden}
.desc,.bubble,.notice p{min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:break-word}
.notice{min-width:0;overflow:hidden}
.hero h2{overflow-wrap:anywhere}
.mark{flex:0 0 44px}
#status{white-space:nowrap}
@media(max-width:700px){
  header{gap:10px;min-width:0;overflow:hidden}
  header>div:nth-child(2){min-width:0}
  h1{font-size:16px}
  #status{display:none}
  .hero{width:100%;max-width:100%;min-width:0;grid-template-columns:minmax(0,1fr)}
  .steps,.notice{width:100%;max-width:100%}
}