/* Styles apply exclusively to the added introduction section. */
.sn-introduction{position:relative;padding:clamp(64px,8vw,104px) 0;text-align:center;isolation:isolate}
.sn-introduction--tabi{background:#f8fcfb;color:var(--ink,#273b4d)}
.sn-introduction--kuni{background:#eee9e0;color:var(--ink,#30465c)}
.sn-introduction__content{position:relative;z-index:1;margin:0 auto}
.sn-introduction h2{margin:0 auto 28px;max-width:900px;padding:0 24px;color:var(--navy,#29435a);font-weight:500;line-height:1.65;font-size:clamp(1.45rem,3vw,2.25rem);letter-spacing:.04em;text-wrap:balance}
.sn-introduction--tabi h2{font-family:'Zen Maru Gothic',sans-serif;font-weight:700}
.sn-introduction--kuni h2{font-family:'Shippori Mincho',serif;letter-spacing:.08em}
.sn-introduction__description{padding:0 24px;margin:0 auto 32px;max-width:780px;font-size:1rem;line-height:2;color:#425e72}
.sn-introduction__frame{position:relative;width:min(390px,88vw);aspect-ratio:9/16;margin:0 auto;border-radius:18px;background:#172940;box-shadow:0 0 40px 8px rgba(231,201,135,.16),0 12px 30px rgba(29,53,83,.12)}
.sn-introduction--tabi .sn-introduction__frame{box-shadow:0 0 42px 8px rgba(46,131,184,.10),0 12px 30px rgba(23,58,89,.12)}
.sn-introduction__video{display:block;width:100%;height:100%;aspect-ratio:9/16;object-fit:contain;border-radius:18px}
.sn-introduction__link{display:inline-flex;align-items:center;justify-content:center;margin:32px 20px 0;padding:14px 26px;max-width:calc(100% - 40px);border:1px solid rgba(46,131,184,.24);border-radius:999px;background:#e7f5f8;color:#173a59;text-decoration:none;font-size:1rem;line-height:1.6;font-weight:600;transition:background .2s,box-shadow .2s}
.sn-introduction__link:hover{background:#dff2f7;box-shadow:0 3px 14px rgba(46,131,184,.12)}
.sn-introduction__link:focus-visible,.sn-introduction__video:focus-visible{outline:3px solid #b78637;outline-offset:5px}
@media(prefers-reduced-motion:reduce){.sn-introduction__link{transition:none}}