/* Content fit only: original section geometry, colours and animation stay in layout.css. */
.mc-web-layout .mc-service-label{font-size:12px;font-weight:700;white-space:nowrap;color:#202226}
.mc-web-layout .mc-hero-copy{font-family:'Noto Sans JP',sans-serif;font-size:clamp(22px,3.1vw,45px);font-style:italic;letter-spacing:.02em;line-height:1.45;white-space:nowrap}
.mc-web-layout .l-header__logo-image img,.mc-web-layout .l-menu__logo-image img,.mc-web-layout .c-logo__image img,.mc-web-layout .l-footer__logo-image img{object-fit:contain;height:100%;width:100%}
.mc-web-layout .mc-plan-price{font-size:1.3em;font-weight:700}
.mc-web-layout .mc-flow-desc{display:block;font-size:.53em;line-height:1.75;font-weight:400;margin-top:1em;max-width:19em}
.mc-web-layout .c-interview-card__affiliation{line-height:1.75;max-width:42em}
.mc-web-layout .p-top-pickup-media__title{font-size:clamp(28px,3.5vw,50px);font-weight:600}
.mc-web-layout .p-top-style__image img,.mc-web-layout .p-top-about__image img,.mc-web-layout .p-top-topics__image img,.mc-web-layout .p-top-banner__image img{object-fit:cover;width:100%;height:100%}
.mc-web-layout [id^="sec-"],.mc-web-layout [id^="plan-"],.mc-web-layout [id^="flow-"]{scroll-margin-top:110px}
.mc-web-layout .l-entry__panel-item-title{font-size:1rem;line-height:1.7}
.mc-web-layout.admin-bar .l-header{margin-top:32px}
@media(max-width:767px){.mc-web-layout .mc-service-label{font-size:9px}.mc-web-layout .mc-hero-copy{font-size:5.3vw}.mc-web-layout .c-interview-card__affiliation{font-size:3vw}.mc-web-layout .mc-flow-desc{font-size:.55em}.mc-web-layout.admin-bar .l-header{margin-top:46px}}
@media(prefers-reduced-motion:reduce){.mc-web-layout{scroll-behavior:auto!important}.mc-web-layout *,.mc-web-layout *::before,.mc-web-layout *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Original MADE IN CREW gradient material: no reference image or video. */
.mc-web-layout{background:#fff;color:#202226;overflow:hidden;isolation:isolate}
.mc-web-layout .mc-brand-gradient{
 position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none;
 background-color:#222936;
 background-image:radial-gradient(ellipse at 76% 18%,rgba(240,225,190,.94) 0%,rgba(196,153,85,.7) 16%,transparent 43%),radial-gradient(ellipse at 13% 77%,#65728b 0%,#363b4a 32%,transparent 65%),linear-gradient(128deg,#101724 9%,#363b4a 35%,#8e7b59 59%,#d9c59c 73%,#363b4a 94%);
 background-size:170% 170%,190% 190%,155% 155%;background-position:0% 15%,100% 85%,50% 50%;
 animation:mcShootingMaterial 18s ease-in-out infinite alternate;
}
.mc-web-layout .triangle-video-inner{position:relative}
.mc-web-layout .triangle-left .mc-brand-gradient{animation-delay:-6s}
.mc-web-layout .triangle-right .mc-brand-gradient{animation-delay:-12s}
.mc-web-layout .c-decoration__video-area .mc-brand-gradient{animation-delay:-4s}
.mc-web-layout .l-entry__bg .mc-brand-gradient{background-size:190% 190%,220% 220%,180% 180%;animation-delay:-9s}
@keyframes mcShootingMaterial{0%{background-position:0% 15%,100% 85%,30% 50%}50%{background-position:75% 45%,35% 35%,90% 20%}100%{background-position:100% 85%,0% 15%,20% 90%}}
@media(prefers-reduced-motion:reduce){.mc-web-layout .mc-brand-gradient{animation:none}}

/* Let native touch scrolling reach the document while retaining decorative clipping. */
.mc-web-layout{overscroll-behavior-y:auto}
.mc-web-layout .p-top-intro__line{white-space:normal;max-width:100%;overflow-wrap:break-word}
.mc-web-layout .p-top-intro__lead p span:before{height:calc(100% - .3em)}
.mc-web-layout .l-entry__panel-button .c-button__text{white-space:normal;text-align:center}
