/* 承認済みのスマホ修正。PC用のルールには触れない。 */
.mobile-team{display:none}
@media(max-width:520px){
 .hero-bg{display:none}
 .hero-inner{display:flex;flex-direction:column;gap:16px;padding-top:29px;padding-bottom:26px}
 .hero-copy{display:contents}
 .hero-kicker{order:0;align-self:flex-start}
 .hero-copy h1{order:1;margin:0}
 .hero-description{order:2;margin:0}
 .thoughts{order:3;position:relative;inset:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 18px;padding:12px 4px 24px;pointer-events:none}
 .thoughts .thought{position:relative;inset:auto;min-width:0;min-height:76px;padding:12px 10px;font-size:11px;gap:6px;justify-content:center}
 .thoughts .thought span{min-width:0}
 .thoughts .thought .icon{width:25px;height:25px}
 .thoughts .t0{transform:rotate(-4deg)}.thoughts .t1{transform:translateY(12px) rotate(4deg)}
 .thoughts .t2{transform:rotate(3deg)}.thoughts .t3{transform:translateY(8px) rotate(-3deg)}
 .mobile-team{order:4;display:block;position:relative;width:100%;aspect-ratio:1.45;overflow:hidden;border-radius:12px}
 .mobile-team img{display:block;width:200%;max-width:none;height:auto;transform:translateX(-50%)}
 .hero-actions{order:5;position:relative;inset:auto;background:none;padding:0;width:100%;display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:0}
 .hero-actions .button{max-width:100%;white-space:normal;text-align:center}
}
@media(max-width:360px){.thoughts{gap:35px 12px}.thoughts .thought{font-size:10px;padding:11px 8px;gap:5px}.thoughts .thought .icon{width:23px;height:23px}}