.mt{position:relative;background:var(--bg);padding-block:var(--sec)}
.mt-in{--hf:clamp(44px,7.6vw,128px);--col:clamp(356px,25vw,440px);display:grid;grid-template-columns:minmax(0,var(--col)) minmax(0,1fr);column-gap:clamp(40px,4.4vw,80px);align-items:start}
.mt-hd{grid-column:1/-1;grid-row:1;position:relative;z-index:2}
.mt-lb{margin-bottom:clamp(14px,1.4vw,24px)}
.mt-h{position:relative;z-index:2;font-size:var(--hf);line-height:1;letter-spacing:-.02em;white-space:nowrap;margin-left:-.04em}
.mt-ph{grid-column:2;grid-row:2;align-self:start;position:relative;z-index:1;margin:calc(var(--hf) * -.21) calc(-1 * var(--pad) - max(0px, (100vw - 1680px) / 2)) 0 0;aspect-ratio:3/2;border-radius:14px 0 0 14px;overflow:hidden;background:var(--line)}
.mt-ph img{width:100%;height:100%;object-fit:cover;transform:scale(1.215);transform-origin:100% 0;filter:saturate(0);transition:filter 1.2s var(--out)}
.mt-ph.is-in img{filter:saturate(.9)}
.mt-body{grid-column:1;grid-row:2;padding-top:clamp(32px,3.4vw,60px)}
.mt-p{font-size:clamp(16px,1.04vw,17px);font-weight:500;line-height:1.85;color:#000}
.mt-lead{display:block;margin-bottom:clamp(20px,1.9vw,30px);font-size:clamp(24px,2.08vw,32px);font-weight:700;line-height:1.5;font-feature-settings:"palt"}
.mt-ln{display:block}
.mt-who{position:relative;display:inline-block}
.mt-who::after{content:"";position:absolute;left:0;right:0;bottom:.06em;height:2px;border-radius:2px;background:var(--blue);transform:scaleX(0);transform-origin:0 50%}
.mt.is-on .mt-who::after{animation:mt-u 7.2s var(--ease) infinite}
.mt.is-on .mt-w2::after{animation-delay:2.4s}
.mt.is-on .mt-w3::after{animation-delay:4.8s}
@keyframes mt-u{
0%{transform:scaleX(0);transform-origin:0 50%}
8%{transform:scaleX(1);transform-origin:0 50%}
26%{transform:scaleX(1);transform-origin:100% 50%}
33.3%,100%{transform:scaleX(0);transform-origin:100% 50%}
}
.mt-wk{font-size:1.25em;font-weight:700;line-height:1}
.mt-wk .n{font-size:1.1em;font-weight:500;padding:0 .06em}
.mt-btn{display:flex;width:max-content;margin-top:var(--g-body-btn)}
@media (max-width:1199px){
.mt-in{display:block}
.mt-ph{margin-top:calc(var(--hf) * -.21);margin-left:22%}
.mt-body{max-width:34em;padding-top:clamp(36px,4.4vw,52px)}
}
@media (max-width:767px){
.mt-in{--hf:11.2vw}
.mt-h{line-height:1.1;white-space:normal}
.mt-ph{margin-top:calc(var(--hf) * -.22);margin-left:0}
.mt-lead{font-size:24px;line-height:1.55;margin-bottom:20px}
.mt-btn{margin-top:28px}
}
@media (prefers-reduced-motion:reduce){
.mt-who::after,.mt.is-on .mt-who::after{animation:none!important;transform:scaleX(1)}
}

@media (min-width:1200px){
.mt-in{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:clamp(32px,3.3vw,56px)}
.mt-ph{grid-column:2/-1;grid-row:2;margin-top:calc(var(--hf) * -.21);aspect-ratio:2/1}
.mt-body{display:contents}
.mt-p{padding-top:24px;border-top:1px solid var(--blue)}
.mt-p:nth-child(1){grid-column:1;grid-row:2;align-self:end}
.mt-btn{grid-column:1;grid-row:3;align-self:start;margin-top:clamp(48px,4.4vw,72px)}
}
@media (max-width:1199px){
.mt-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:clamp(24px,4vw,48px);align-items:start;max-width:none}
.mt-p{padding-top:22px;border-top:1px solid var(--blue)}
.mt-p:nth-child(1){grid-column:1/-1}
.mt-btn{grid-column:1/-1}
}
@media (max-width:767px){
.mt-body{grid-template-columns:minmax(0,1fr)}
.mt-p{padding-top:20px}
.mt-btn{margin-top:40px}
}
.mt-ph img,.mt-ph.is-in img{filter:none}
.mt-in{--hf:clamp(36px,4.45vw,64px)}
@media (max-width:767px){.mt-in{--hf:9vw}}
.mt-act .mt-btn{margin-top:20px}
@media (min-width:1200px){
.mt-act{grid-column:1;grid-row:3;align-self:start;margin-top:clamp(48px,4.4vw,72px)}
}
@media (max-width:1199px){
.mt-act{grid-column:1/-1}
.mt-act{margin-top:40px}
}
.mt-h{line-height:1.12}
.mt-q{font-weight:700}
.mt-in{--hf:clamp(36px,4.45vw,64px)}
@media (max-width:767px){.mt-in{--hf:9vw}}
@media (min-width:1200px){
.mt-in{grid-template-columns:minmax(0,1.14fr) repeat(2,minmax(0,1fr))}
.mt-ph{grid-column:2/-1;grid-row:2;align-self:stretch;aspect-ratio:auto;min-height:clamp(420px,33vw,600px);margin-top:calc(var(--hf) * -1.33)}
.mt-body{display:flex;flex-direction:column;align-self:stretch;grid-column:1;grid-row:2;padding-top:0;margin-top:var(--g-h-body)}
.mt-p:nth-child(1){align-self:stretch}
.mt-ph img{position:absolute;left:0;top:0}
.mt-act{margin-top:auto;padding-top:clamp(40px,3.4vw,56px)}
}
@media (min-width:992px) and (max-width:1199px){
.mt-ph{margin-top:calc(var(--hf) * -.46)}
.mt-body{margin-top:clamp(36px,4.4vw,52px);padding-top:22px;border-top:1px solid var(--blue)}
.mt-p{padding-top:0;border-top:0}
.mt-p:nth-child(1){grid-column:1}
.mt-act{grid-column:2;grid-row:1;align-self:end;margin-top:0}
}
.mt-h{line-height:1.46}
@media (min-width:1200px){.mt-ph{margin-top:calc(var(--hf) * -1.84)}}
@media (max-width:1199px){.mt-ph{margin-top:calc(var(--hf) * -.38)}}
@media (min-width:992px) and (max-width:1199px){.mt-ph{margin-top:calc(var(--hf) * -.63)}}
@media (max-width:767px){.mt-ph{margin-top:calc(var(--hf) * -.39)}}
.mtv{position:absolute;inset:0}
.mt-ph.is-vid .mtv video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;background:#7690ad;pointer-events:none}
.mt-ph.is-vid{aspect-ratio:16/9}
@media (min-width:1200px){.mt-ph.is-vid{align-self:start;aspect-ratio:16/9;min-height:0}}
@media (max-width:767px){.mt-ph.is-vid{aspect-ratio:640/426}}
@media (min-width:1200px){.mt-ph.is-vid{margin-top:calc(var(--hf) * -1.42)}}
@media (max-width:1199px){.mt-ph.is-vid{margin-top:clamp(16px,2.4vw,28px)}}
@media (max-width:767px){.mt-ph.is-vid{margin-right:0;border-radius:14px}.mt-ph.is-vid .mtv,.mt-ph.is-vid .mtv video{border-radius:inherit}}