﻿:root{--gutter: 40px}@media(max-width: 1199px){:root{--gutter: 32px}}@media(max-width: 767px){:root{--gutter: 20px}}*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);scroll-behavior:smooth;scrollbar-gutter:stable}@media(prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms !important}}body{margin:0;background:#fff;color:#fff;font-family:"Hiragino Mincho StdN","Hiragino Mincho ProN","ヒラギノ明朝 ProN","Noto Serif JP",serif;font-weight:400;line-height:1.8;font-feature-settings:"palt" 0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,video{display:block;max-width:100%;height:auto}h1,h2,h3,h4,p,ul,ol{margin:0;padding:0}ul,ol{list-style:none}a{color:inherit;text-decoration:none}button{margin:0;padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer}sup,sub{font-size:.6em;line-height:0}sup{vertical-align:.6em}sub{vertical-align:-0.1em}:focus-visible{outline:2px solid #ffd54a;outline-offset:4px}main[tabindex="-1"]:focus,section[tabindex="-1"]:focus{outline:none}.header__logo{position:absolute;top:38px;left:36px;z-index:20;width:130px}@media(max-width: 767px){.header__logo{top:20px;left:16px;width:96px}}.header__logo svg{display:block;width:100%;height:auto}.header__menu-btn{position:fixed;top:40px;right:40px;z-index:110;display:flex;flex-direction:column;justify-content:center;width:70px;height:64px;padding:0 10px;gap:24px}.header__menu-btn .header__menu-line{width:51px}.header__menu-btn[aria-expanded=true] .header__menu-line:first-child{transform:translateY(13px) rotate(20deg)}.header__menu-btn[aria-expanded=true] .header__menu-line:nth-child(2){transform:translateY(-13px) rotate(-20deg)}@media(max-width: 767px){.header__menu-btn{top:16px;right:12px;width:56px;height:48px;padding:0 10px;gap:14px}.header__menu-btn .header__menu-line{width:36px}.header__menu-btn[aria-expanded=true] .header__menu-line:first-child{transform:translateY(8px) rotate(20deg)}.header__menu-btn[aria-expanded=true] .header__menu-line:nth-child(2){transform:translateY(-8px) rotate(-20deg)}}.header__menu-line{display:block;height:2px;background:#fff;box-shadow:0 0 6px rgba(0,0,0,.2);transition:transform .3s ease,background-color .3s ease}.header__menu-btn.is-on-light .header__menu-line{background:#00828a;box-shadow:none}.header__menu-btn[aria-expanded=true] .header__menu-line{background:#fff}.global-nav{--origin: calc(100% - 75px) 72px;position:fixed;inset:0;z-index:100;overflow-y:auto;overscroll-behavior:contain;color:#fff}@media(max-width: 767px){.global-nav{--origin: calc(100% - 40px) 40px}}.global-nav[hidden]{display:none}.global-nav::before,.global-nav::after{content:"";position:absolute;position:fixed;inset:0;clip-path:circle(0 at var(--origin))}.global-nav::before{background:#0f3c3f;transition:clip-path .72s cubic-bezier(0.77, 0, 0.18, 1) .12s}.global-nav::after{background:radial-gradient(circle at var(--origin), #00828a, #08737b 70%);transition:clip-path .72s cubic-bezier(0.77, 0, 0.18, 1)}.global-nav.is-open::before{clip-path:circle(150vmax at var(--origin));transition:clip-path .9s cubic-bezier(0.77, 0, 0.18, 1)}.global-nav.is-open::after{clip-path:circle(150vmax at var(--origin));transition:clip-path .9s cubic-bezier(0.77, 0, 0.18, 1) .12s}.global-nav__inner{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;width:min(880px,100% - 2*var(--gutter));min-height:100%;margin:0 auto;padding:clamp(104px,14vh,140px) 0 clamp(40px,5vh,80px)}@media(max-width: 767px){.global-nav__inner{padding:96px 0 48px}}.global-nav__item{opacity:0;transform:translateY(32px);transition:opacity .2s ease,transform .3s ease}.is-open .global-nav__item{opacity:1;transform:none;transition:opacity .6s ease calc(.45s + var(--i)*0.07s),transform .9s cubic-bezier(0.22, 1, 0.36, 1) calc(.45s + var(--i)*0.07s)}.global-nav__main .global-nav__item:nth-child(1){--i: 0}.global-nav__main .global-nav__item:nth-child(2){--i: 1}.global-nav__main .global-nav__item:nth-child(3){--i: 2}.global-nav__recruit{--i: 3}.global-nav__sub{--i: 4}.global-nav__main .global-nav__item{position:relative}.global-nav__main .global-nav__item::before,.global-nav__main .global-nav__item::after{content:"";position:absolute;right:0;bottom:0;left:0;height:1px;transform-origin:left}.global-nav__main .global-nav__item::before{background:hsla(0,0%,100%,.3);scale:0 1;transition:scale .3s ease}.global-nav__main .global-nav__item::after{background:#fff;scale:0 1;transition:scale .5s cubic-bezier(0.22, 1, 0.36, 1)}@media(hover: hover){.global-nav__main .global-nav__item:hover::after{scale:1}}.is-open .global-nav__main .global-nav__item::before{scale:1;transition:scale 1.1s cubic-bezier(0.22, 1, 0.36, 1) calc(.55s + var(--i)*0.07s)}.global-nav__link{display:flex;align-items:baseline;gap:32px;padding:clamp(18px,3vh,26px) 0}@media(max-width: 767px){.global-nav__link{gap:18px;padding:18px 0}}.global-nav__link::after{content:"";position:absolute;position:relative;align-self:center;flex-shrink:0;width:28px;height:7px;margin-left:auto;border-bottom:1px solid currentColor;background:linear-gradient(to top right, transparent calc(50% - 0.5px), currentColor calc(50% - 0.5px), currentColor calc(50% + 0.5px), transparent calc(50% + 0.5px)) right top/8px 7px no-repeat;transition:transform .4s cubic-bezier(0.22, 1, 0.36, 1)}@media(max-width: 767px){.global-nav__link::after{width:20px}}@media(hover: hover){.global-nav__link:hover::after{transform:translateX(6px)}.global-nav__link:hover .global-nav__label{transform:translateX(10px)}}.global-nav__num{flex-shrink:0;width:2em;font-family:"DIN 2014",Arial,sans-serif;font-size:14px;font-weight:500;letter-spacing:.08em;opacity:.6}@media(max-width: 767px){.global-nav__num{font-size:12px}}.global-nav__label{font-size:40px;line-height:1.4;letter-spacing:.08em;transition:transform .5s cubic-bezier(0.22, 1, 0.36, 1)}@media(max-width: 1199px){.global-nav__label{font-size:34px}}@media(max-width: 767px){.global-nav__label{font-size:min(22px,(100vw - 120px)/12.5)}}.global-nav__label-en{font-family:"DIN 2014",Arial,sans-serif;font-size:.9em;font-weight:500;letter-spacing:.25em}.global-nav__recruit{position:relative;display:flex;align-items:center;gap:28px;margin-top:clamp(48px,9vh,88px);padding:28px 104px 28px 40px;overflow:hidden;border:1px solid hsla(0,0%,100%,.6);border-radius:8px;background:hsla(0,0%,100%,.08);transition:background-color .3s ease}@media(max-width: 767px){.global-nav__recruit{flex-direction:column;align-items:flex-start;gap:4px;margin-top:56px;padding:20px 72px 20px 24px}}.global-nav__recruit::before{content:"";position:absolute;width:52px;height:52px;border-radius:50%;top:50%;right:28px;margin-top:-26px;border:1px solid currentColor;border-right-color:rgba(0,0,0,0);transition:scale .4s cubic-bezier(0.22, 1, 0.36, 1),rotate 0s}@media(max-width: 767px){.global-nav__recruit::before{width:40px;height:40px;border-radius:50%;right:20px;margin-top:-20px}}.global-nav__recruit::after{content:"";position:absolute;top:50%;right:46px;width:15px;height:5px;margin-top:-3px;border-bottom:1px solid currentColor;background:linear-gradient(to top right, transparent calc(50% - 0.5px), currentColor calc(50% - 0.5px), currentColor calc(50% + 0.5px), transparent calc(50% + 0.5px)) right top/6px 5px no-repeat;transition:transform .4s cubic-bezier(0.22, 1, 0.36, 1)}@media(max-width: 767px){.global-nav__recruit::after{right:34px;width:12px}}@media(hover: hover){.global-nav__recruit:hover{background:hsla(0,0%,100%,.16)}.global-nav__recruit:hover::before{scale:.72;rotate:360deg;transition:scale .3s cubic-bezier(0.22, 1, 0.36, 1),rotate .9s cubic-bezier(0.22, 1, 0.36, 1) .2s}.global-nav__recruit:hover::after{transform:translateX(4px)}}.global-nav__recruit-en{margin-right:-0.25em;font-family:"DIN 2014",Arial,sans-serif;font-size:14px;font-weight:500;letter-spacing:.25em}@media(max-width: 767px){.global-nav__recruit-en{font-size:12px}}.global-nav__recruit-text{font-size:24px;line-height:1.5;letter-spacing:.08em}@media(max-width: 767px){.global-nav__recruit-text{font-size:18px}}.global-nav__sub{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:clamp(48px,9vh,88px);font-family:"Yu Gothic Pr6N","Yu Gothic Medium","游ゴシック Medium",YuGothic,"游ゴシック体",Meiryo,"メイリオ",sans-serif;font-size:14px;font-weight:500}.global-nav__sub li:first-child{margin-right:auto}@media(max-width: 767px){.global-nav__sub{display:grid;grid-template-columns:repeat(auto-fit, minmax(160px, 1fr));gap:10px;margin-top:56px;font-size:13px}.global-nav__sub li:first-child{grid-column:1/-1;margin:0}}.global-nav .global-nav__corp{min-height:48px;padding-left:44px;font-size:inherit}.global-nav .global-nav__corp::before{width:48px;height:48px;margin-top:-24px}.global-nav .global-nav__corp::after{left:15px}@media(max-width: 767px){.global-nav .global-nav__corp{border:1px solid hsla(0,0%,100%,.24);border-radius:8px;background:hsla(0,0%,100%,.06);transition:background-color .3s ease;display:flex;width:100%;min-height:52px;padding:0 20px}}@media(max-width: 767px)and (hover: hover){.global-nav .global-nav__corp:hover{background:hsla(0,0%,100%,.14)}}@media(max-width: 767px){.global-nav .global-nav__corp:active{background:hsla(0,0%,100%,.16)}.global-nav .global-nav__corp::before{display:none}.global-nav .global-nav__corp::after{right:20px;left:auto}}.global-nav__sub-link{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:48px;padding:0 22px;border:1px solid hsla(0,0%,100%,.24);border-radius:8px;background:hsla(0,0%,100%,.06);transition:background-color .3s ease}@media(hover: hover){.global-nav__sub-link:hover{background:hsla(0,0%,100%,.14)}}.global-nav__sub-link:active{background:hsla(0,0%,100%,.16)}.global-nav__sub-link img{width:20px;filter:brightness(0) invert(1)}@media(max-width: 767px){.global-nav__sub-link{gap:8px;width:100%;height:52px;padding:0 8px;white-space:nowrap}}.footer{max-width:calc(1200px + 2*var(--gutter));margin:0 auto;padding:66px var(--gutter) 240px;color:#00828a;font-family:"Yu Gothic Pr6N","Yu Gothic Medium","游ゴシック Medium",YuGothic,"游ゴシック体",Meiryo,"メイリオ",sans-serif;font-weight:500}.footer :focus-visible{outline-color:#00828a}@media(max-width: 767px){.footer{padding-top:40px;padding-bottom:120px}}.footer__sns{display:flex;flex-wrap:wrap;gap:16px 44px;margin-top:36px}.footer__sns-link{display:inline-flex;align-items:center;gap:16px;font-size:16px}.footer__sns-link img{width:36px}.footer__sns-link:hover{opacity:.7}@media(max-width: 767px){.footer__sns-link{font-size:14px}}.footer__copy{margin-top:112px;font-size:14px;letter-spacing:.02em}@media(max-width: 767px){.footer__copy{margin-top:64px;font-size:12px}}.skip-link{position:absolute;top:8px;left:8px;z-index:1000;padding:8px 16px;background:#fff;color:#00828a;font-family:"Yu Gothic Pr6N","Yu Gothic Medium","游ゴシック Medium",YuGothic,"游ゴシック体",Meiryo,"メイリオ",sans-serif;transform:translateY(-200%)}.skip-link:focus{transform:none}.split-line,.split-line__inner{display:block}.split-char{display:inline-block}.arrow-link{position:relative;display:inline-flex;align-items:center;min-height:60px;padding-left:54px;font-family:"Yu Gothic Pr6N","Yu Gothic Medium","游ゴシック Medium",YuGothic,"游ゴシック体",Meiryo,"メイリオ",sans-serif;font-size:16px;font-weight:500;line-height:1.5}@media(max-width: 767px){.arrow-link{font-size:14px}}.arrow-link::before{content:"";position:absolute;width:60px;height:60px;border-radius:50%;top:50%;left:0;margin-top:-30px;border:1px solid currentColor;border-right-color:rgba(0,0,0,0);transition:scale .4s cubic-bezier(0.22, 1, 0.36, 1),rotate 0s}.arrow-link::after{content:"";position:absolute;top:50%;left:22px;width:17px;height:5px;margin-top:-3px;border-bottom:1px solid currentColor;background:linear-gradient(to top right, transparent calc(50% - 0.5px), currentColor calc(50% - 0.5px), currentColor calc(50% + 0.5px), transparent calc(50% + 0.5px)) right top/6px 5px no-repeat;transition:transform .4s ease}.arrow-link:hover::before{scale:.72;rotate:360deg;transition:scale .3s cubic-bezier(0.22, 1, 0.36, 1),rotate .9s cubic-bezier(0.22, 1, 0.36, 1) .2s}.arrow-link:hover::after{transform:translateX(4px)}.arrow-link--teal{color:#00828a}.recruit-btn{position:fixed;top:clamp(120px,100vh - 248px - 40px,502px);top:clamp(120px,100svh - 248px - 40px,502px);right:0;z-index:90;display:flex;align-items:center;justify-content:center;width:68px;height:248px;border-radius:8px 0 0 8px;background:linear-gradient(to bottom, #08737b, #459da1);font-size:22px;line-height:1;letter-spacing:.08em;writing-mode:vertical-rl;transition:filter .3s ease,color .4s ease}.recruit-btn::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:#fff;box-shadow:0 4px 16px rgba(0,0,0,.2);opacity:0;transition:opacity .4s ease}.recruit-btn.is-on-teal{color:#00828a}.recruit-btn.is-on-teal::before{opacity:1}.recruit-btn:hover{filter:brightness(1.15)}.recruit-btn.is-on-teal:hover{filter:brightness(0.95)}@media(max-height: 407px){.recruit-btn{top:auto;bottom:16px;width:36px;height:150px;font-size:13px}}@media(max-width: 767px){.recruit-btn{top:auto;bottom:96px;width:36px;height:150px;font-size:13px}}.movie-modal{width:min(836px,100% - 2*var(--gutter));width:round(down,min(836px,100% - 2*var(--gutter)),16px);max-width:none;max-height:none;padding:0;border:0;background:none;color:#fff;overflow:visible}.movie-modal:focus-visible{outline:none}.movie-modal::backdrop{background:rgba(0,22,34,.68);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}body>:not(dialog){transition:filter .6s ease}.is-modal-open{overflow:hidden}.is-modal-open body{background:#0f3c3f}.is-modal-open body>:not(dialog){filter:blur(8px)}.movie-modal__title{margin-bottom:12px;font-size:16px;line-height:1.6}.movie-modal__screen{position:relative;aspect-ratio:16/9;background:#000}.movie-modal[data-mode=opening] .movie-modal__screen{background:#000 url("../img/movie/thumb_03.webp?ver=20261028-3") center/cover no-repeat}.movie-modal__iframe{display:block;width:100%;height:100%;border:0}.movie-modal__close{position:relative;display:block;margin:12px 0 0 auto;padding:4px 0 4px 16px;font-size:16px;letter-spacing:.04em}.movie-modal__close::after{content:"";position:absolute;right:0;bottom:0;left:16px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right center;transition:transform .4s cubic-bezier(0.22, 1, 0.36, 1)}@media(hover: hover){.movie-modal__close:hover::after{transform:scaleX(1);transform-origin:left center}}@media(prefers-reduced-motion: no-preference){.movie-modal[open]::backdrop{animation:modal-backdrop-in .8s ease both}.movie-modal[open] .movie-modal__screen{animation:modal-screen-in 1.1s cubic-bezier(0.77, 0, 0.18, 1) .15s both}.movie-modal[open] .movie-modal__title{animation:modal-rise .9s cubic-bezier(0.22, 1, 0.36, 1) .95s both}.movie-modal[open] .movie-modal__close{animation:modal-rise .9s cubic-bezier(0.22, 1, 0.36, 1) 1.3s both}.movie-modal.is-closing::backdrop{animation:modal-backdrop-out .6s ease both}.movie-modal.is-closing .movie-modal__screen{animation:modal-screen-out .6s cubic-bezier(0.77, 0, 0.18, 1) both}.movie-modal.is-closing .movie-modal__title,.movie-modal.is-closing .movie-modal__close{animation:modal-fade-out .3s ease both}}@keyframes modal-backdrop-in{from{background-color:rgba(0,22,34,0)}}@keyframes modal-backdrop-out{to{background-color:rgba(0,22,34,0)}}@keyframes modal-screen-in{0%{clip-path:inset(calc(50% - 1px) 50% calc(50% - 1px) 50%)}45%{clip-path:inset(calc(50% - 1px) 0 calc(50% - 1px) 0)}100%{clip-path:inset(0)}}@keyframes modal-screen-out{0%{clip-path:inset(0)}55%{clip-path:inset(calc(50% - 1px) 0 calc(50% - 1px) 0)}100%{clip-path:inset(calc(50% - 1px) 50% calc(50% - 1px) 50%)}}@keyframes modal-rise{from{opacity:0;translate:0 16px}}@keyframes modal-fade-out{to{opacity:0}}.intro{position:relative;overflow:hidden;background:#0f3c3f}.intro>:not(picture){position:relative}.intro__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top}.kv{padding-top:176px;min-height:1240px}@media(max-width: 767px){.kv{padding-top:26vh;min-height:88svh}}.kv__title{display:grid;justify-items:center;gap:35px;width:min(730px,100% - 2*var(--gutter));margin:0 auto}@media(max-width: 767px){.kv__title{gap:20px;width:calc(100% - 56px)}}.kv__catch,.kv__logo{width:100%}.lead{display:grid;gap:50px;padding:0 var(--gutter);text-align:center;font-size:20px;line-height:2.5;letter-spacing:.15em;text-shadow:0 0 12px rgba(0,0,0,.25)}@media(max-width: 767px){.lead{gap:32px;padding-top:40vh;font-size:15px;line-height:2.2;letter-spacing:.08em}}.lead__statement{margin-top:4px;font-size:34px;line-height:1.6;letter-spacing:.04em}@media(max-width: 767px){.lead__statement{font-size:21px}}.movie{padding:182px 0 157px;scroll-margin-top:-22px}@media(max-width: 767px){.movie{padding:120px 0 90px;scroll-margin-top:-20px}}.movie__title{position:relative;width:fit-content;margin:0 auto;padding:0 4px 9px calc(4px + .25em);font-family:"DIN 2014",Arial,sans-serif;font-size:32px;font-weight:500;line-height:1.4;letter-spacing:.25em}@media(max-width: 767px){.movie__title{font-size:24px}}.movie__title::after{content:"";position:absolute;right:0;bottom:0;left:0;height:3px;background:currentColor}.movie__slider{--autoplay: 5s;position:relative;max-width:1440px;margin:85px auto 0;padding:0 110px}@media(max-width: 1199px){.movie__slider{padding:0 80px}}@media(max-width: 767px){.movie__slider{margin-top:48px;padding:0 var(--gutter)}}.movie__list{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.movie__list::-webkit-scrollbar{display:none}@media(max-width: 767px){.movie__list{gap:12px}}.movie__list.is-dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}.movie__list.is-dragging .movie__card{pointer-events:none}.movie__item{flex:0 0 calc((100% - 20px)/2);scroll-snap-align:start}@media(max-width: 767px){.movie__item{flex-basis:100%}}.movie__card{display:block;width:100%;text-align:left}.movie__card-title{display:block;margin-bottom:12px;font-size:16px;line-height:1.6}@media(max-width: 767px){.movie__card-title{font-size:14px}}.movie__thumb{position:relative;display:block;overflow:hidden;background:#000}.movie__thumb img{width:100%;aspect-ratio:598/336;object-fit:cover;transition:scale 1s cubic-bezier(0.22, 1, 0.36, 1)}.movie__play{width:118px;height:118px;border-radius:50%;position:absolute;top:50%;left:50%;background:hsla(0,0%,100%,.72);transform:translate(-50%, -50%);transition:transform .5s cubic-bezier(0.34, 1.56, 0.64, 1),background-color .4s ease}@media(max-width: 767px){.movie__play{width:72px;height:72px}}.movie__play::before{content:"";position:absolute;top:50%;left:50%;width:34px;height:38px;background:#00828a;clip-path:polygon(0 0, 100% 50%, 0 100%, 0 0, 2px 3.5px, 2px calc(100% - 3.5px), calc(100% - 4px) 50%, 2px 3.5px);transform:translate(-40%, -50%);transition:clip-path .4s ease,background-color .4s ease}@media(max-width: 767px){.movie__play::before{width:22px;height:26px}}@media(hover: hover){.movie__card:hover .movie__thumb img{scale:1.05}.movie__card:hover .movie__play{background:#00828a;transform:translate(-50%, -50%) scale(1.12)}.movie__card:hover .movie__play::before{background:#fff;clip-path:polygon(0 0, 100% 50%, 0 100%, 0 0, 0 0, 0 0, 0 0, 0 0)}}.movie__arrow{position:absolute;top:calc(50% - 6px);width:70px;height:50px}.movie__arrow::before{content:"";position:absolute;top:50%;left:10px;width:50px;height:20px;margin-top:-19px;border-bottom:1px solid currentColor;background:linear-gradient(to top right, transparent calc(50% - 0.5px), currentColor calc(50% - 0.5px), currentColor calc(50% + 0.5px), transparent calc(50% + 0.5px)) right top/20px 20px no-repeat;transition:transform .3s ease}.movie__arrow:disabled{opacity:.3;cursor:default}@media(max-width: 767px){.movie__arrow{top:auto;bottom:-10px;width:56px}.movie__arrow::before{left:8px;width:40px;height:14px;margin-top:-13px;background-size:14px 14px}}.movie__arrow--prev{left:20px}.movie__arrow--prev::before{transform:scaleX(-1)}.movie__arrow--prev:hover::before{transform:scaleX(-1) translateX(6px)}@media(max-width: 1199px){.movie__arrow--prev{left:5px}}@media(max-width: 767px){.movie__arrow--prev{left:var(--gutter)}}.movie__arrow--next{right:20px}.movie__arrow--next:hover::before{transform:translateX(6px)}@media(max-width: 1199px){.movie__arrow--next{right:5px}}@media(max-width: 767px){.movie__arrow--next{right:var(--gutter)}}.movie__controls{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:30px}@media(max-width: 767px){.movie__controls{margin-top:20px}}.movie__dots{display:flex;justify-content:center;gap:4px}.movie__dot{position:relative;width:30px;height:30px}.movie__dot::before{content:"";position:absolute;width:10px;height:10px;border-radius:50%;top:10px;left:10px;background:#bbb;transition:background-color .4s ease}.movie__dot[aria-current=true]::before{background:#00828a}.movie__dot::after{content:"";position:absolute;width:0;height:0}.movie__slider.is-autoplay .movie__dot[aria-current=true]::after{animation:dot-progress var(--autoplay, 5s) linear forwards}.movie__slider.is-autoplay.is-paused .movie__dot[aria-current=true]::after{animation-play-state:paused}@keyframes dot-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}.history{--slope: 28.125vw;padding:160px var(--gutter) calc(var(--slope) + 10px);background:#00828a;clip-path:polygon(0 0, 100% 0, 100% calc(100% - var(--slope)), 0 100%)}@media(max-width: 767px){.history{padding-top:100px}}.history__heading{margin-bottom:110px;text-align:center}@media(max-width: 767px){.history__heading{margin-bottom:60px}}.history__sub{font-size:22px;line-height:1.6;letter-spacing:.1em}@media(max-width: 767px){.history__sub{font-size:16px}}.history__title{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:8px;font-size:36px;font-weight:400;line-height:1.5;letter-spacing:.04em}.history__title::before,.history__title::after{content:"";flex:0 0 100px;height:2px;background:currentColor}@media(max-width: 767px){.history__title{gap:10px;font-size:23px}.history__title::before,.history__title::after{flex-basis:28px;height:1px}}.timeline{--media-w: 360px;--line-x: 418px;--body-x: 455px;position:relative;display:grid;gap:40px;max-width:1200px;margin:0 auto;padding-bottom:44px}@media(max-width: 1199px){.timeline{--media-w: 30vw;--line-x: calc(30vw + 32px);--body-x: calc(30vw + 64px)}}@media(max-width: 767px){.timeline{--line-x: 6px;gap:96px;padding-left:32px}}.timeline::before{content:"";position:absolute;transform-origin:center top;top:127px;bottom:0;left:var(--line-x);width:2px;margin-left:-1px;background:#fff}@media(max-width: 1199px){.timeline::before{top:10.4166666667vw}}@media(max-width: 767px){.timeline::before{top:17px}}.timeline::after{content:"";position:absolute;bottom:0;left:calc(var(--line-x) - 18px);width:18px;height:18px;background:linear-gradient(to top right, transparent calc(50% - 1px), currentColor calc(50% - 1px), currentColor calc(50% + 1px), transparent calc(50% + 1px))}.timeline__item{--media-h: 250px;position:relative;display:grid;grid-template-columns:var(--media-w) 1fr;column-gap:calc(var(--body-x) - var(--media-w));align-items:start}@media(max-width: 1199px){.timeline__item{--media-h: calc(30vw * 250 / 360)}}@media(max-width: 767px){.timeline__item{grid-template-columns:1fr}.timeline__item::before{content:"";position:absolute;width:14px;height:14px;border-radius:50%;top:10px;left:calc(var(--line-x) - 32px - 7px);background:#fff}}.timeline__item--square{--media-h: 360px}@media(max-width: 1199px){.timeline__item--square{--media-h: 30vw}}@media(max-width: 767px){.timeline__media{max-width:360px;margin-top:16px}}.timeline__body{position:relative;padding-top:calc(var(--media-h)/2 - 30px);padding-left:120px}@media(max-width: 1199px){.timeline__body{padding-top:calc(var(--media-h)/2 - 24px);padding-left:0}}@media(max-width: 767px){.timeline__body{display:contents}}.timeline__body>.arrow-link{margin-top:40px}@media(max-width: 767px){.timeline__body>.arrow-link{margin-top:24px}}.timeline__title{position:relative;font-feature-settings:"palt";margin-right:-0.5em;font-size:38px;font-weight:400;line-height:1.5;letter-spacing:0}@media(max-width: 1199px){.timeline__title{font-size:30px}}@media(max-width: 767px){.timeline__title{order:-1;margin-right:0;font-size:21px;overflow-wrap:anywhere}}.timeline__title::before{content:"";position:absolute;width:14px;height:14px;border-radius:50%;top:.75em;left:calc(var(--line-x) - var(--body-x) - 120px);margin:-7px 0 0 -7px}@media(max-width: 1199px){.timeline__title::before{left:calc(var(--line-x) - var(--body-x))}}.timeline__title::before{background:#fff}@media(max-width: 767px){.timeline__title::before{display:none}}.timeline__year{position:absolute;top:.08em;left:-127px;font-family:"DIN 2014",Arial,sans-serif;font-size:40px;font-weight:500;line-height:1.4;letter-spacing:.02em}@media(max-width: 1199px){.timeline__year{position:static;display:block;font-size:32px;line-height:1.3}}@media(max-width: 767px){.timeline__year{font-size:26px}}.timeline__year img{width:auto;height:1em;margin:.12em 0 .18em}.timeline__text{margin-top:22px;font-size:15px;line-height:1.8;letter-spacing:.04em}@media(max-width: 1199px){.timeline__text br{display:none}}@media(max-width: 767px){.timeline__text{margin-top:16px;font-size:14px}}.timeline__note{margin-top:-2px;text-align:right;font-size:12px;line-height:1.5}.timeline__note small{font-size:inherit}.brand{display:grid;grid-template-columns:171px 1fr;align-items:center;gap:18px;margin-top:26px;padding:24px 32px 24px 14px;background:#fff;color:#231815}@media(max-width: 767px){.brand{grid-template-columns:1fr;justify-items:center;gap:4px;padding:12px 20px 20px}}@media(max-width: 767px){.brand__logo{width:140px}}.product-box__text,.brand__text{font-size:16px;line-height:1.72}@media(max-width: 767px){.product-box__text,.brand__text{font-size:14px}}.brand__text{text-align:justify;font-family:"Yu Gothic Pr6N","Yu Gothic Medium","游ゴシック Medium",YuGothic,"游ゴシック体",Meiryo,"メイリオ",sans-serif;font-weight:500}.product-box{margin-top:24px;padding:24px;border:1px solid hsla(0,0%,100%,.85);font-family:"Yu Gothic Pr6N","Yu Gothic Medium","游ゴシック Medium",YuGothic,"游ゴシック体",Meiryo,"メイリオ",sans-serif;font-weight:500}@media(max-width: 767px){.product-box{padding:20px 16px}}.product-box .arrow-link{margin-top:18px}.product-box__title{padding-left:10px;border-left:4px solid currentColor;font-size:16px;font-weight:500;line-height:1.1}.product-box__text{margin-top:14px}.u-visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.u-nowrap{display:inline-block}.u-sp{display:none}@media(max-width: 767px){.u-sp{display:inline}}@media(prefers-reduced-motion: no-preference){.js [data-reveal]{opacity:0;transform:translateY(40px);transition:opacity 1.2s cubic-bezier(0.22, 1, 0.36, 1),transform 1.2s cubic-bezier(0.22, 1, 0.36, 1)}.js [data-reveal].is-inview{opacity:1;transform:none}.js .kv__catch,.js .kv__logo{opacity:0;transition:opacity 1.6s cubic-bezier(0.22, 1, 0.36, 1),filter 1.6s cubic-bezier(0.22, 1, 0.36, 1),transform 1.6s cubic-bezier(0.22, 1, 0.36, 1),clip-path 1.8s cubic-bezier(0.22, 1, 0.36, 1)}.js .kv__catch{filter:blur(12px);transform:translateY(16px)}.js .kv__logo{clip-path:inset(0 100% 0 0);transition-delay:.5s}.js.is-intro .kv__catch{opacity:1;filter:none;transform:none}.js.is-intro .kv__logo{opacity:1;clip-path:inset(0 -1% 0 0)}.js .kv__title{opacity:calc(1 - var(--kv-progress, 0)*1.2);transform:translateY(calc(var(--kv-progress, 0) * 180px)) scale(calc(1 - var(--kv-progress, 0) * 0.08));will-change:transform,opacity}.js .split-line{overflow:hidden}.js .split-line__inner{opacity:0;transform:translateY(105%);transition:transform 1.3s cubic-bezier(0.22, 1, 0.36, 1),opacity 1.3s cubic-bezier(0.22, 1, 0.36, 1);transition-delay:calc(var(--i)*.14s)}.js .is-inview .split-line__inner{opacity:1;transform:none}.js .split-char{opacity:0;filter:blur(10px);transform:translateY(0.4em) scale(0.92);transition:opacity 1s cubic-bezier(0.22, 1, 0.36, 1),filter 1s cubic-bezier(0.22, 1, 0.36, 1),transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);transition-delay:calc(var(--char-delay, 0s) + var(--i)*var(--char-step, 0.04s))}.js .is-inview .split-char{opacity:1;filter:none;transform:none}.js [data-split=chars-mask] .split-chars{display:inline-block;overflow:hidden;vertical-align:top}.js [data-split=chars-mask] .split-char{filter:none;transform:translateY(110%);transition:transform 1s cubic-bezier(0.22, 1, 0.36, 1),opacity .4s ease;transition-delay:calc(var(--char-delay, 0s) + var(--i)*.06s)}.js .is-inview[data-split=chars-mask] .split-char{transform:none}.js .lead [data-reveal]{transform:none;transition:opacity .4s ease}.js .lead__statement{--char-delay: 0.2s;--char-step: 0.06s}.js .intro__bg{transform:scale(1.08);transform-origin:50% 15%;transition:transform 3.2s cubic-bezier(0.22, 1, 0.36, 1)}.js.is-intro .intro__bg{transform:none}.js .movie__title[data-reveal]{transform:none;transition:opacity .3s ease}.js .movie__title::after{transform:scaleX(0);transition:transform 1s cubic-bezier(0.22, 1, 0.36, 1) .4s}.js .movie__title.is-inview::after{transform:none}.js .movie__slider{transition-delay:.2s}.js .movie__item>.movie__card{opacity:calc(1 - var(--dist, 0)*.7);transform:scale(calc(1 - var(--dist, 0) * 0.08));transform-origin:var(--origin, center) center}.js .movie__thumb img{scale:calc(1 + var(--dist, 0)*.14);translate:calc(var(--pos, 0)*-7%) 0}.js .movie__card-title{translate:calc(var(--pos, 0)*40px) 0}}@media(prefers-reduced-motion: no-preference)and (hover: hover){.js .movie__card:hover .movie__thumb img{scale:calc(1.05 + var(--dist, 0)*.14)}}@media(prefers-reduced-motion: no-preference){.js .history__title [data-split]{--char-delay: 0.35s;--char-step: 0.05s}.js .history__title::before,.js .history__title::after{transform:scaleX(0);transition:transform 1.2s cubic-bezier(0.22, 1, 0.36, 1) .5s}.js .history__title::before{transform-origin:right center}.js .history__title::after{transform-origin:left center}.js .history__heading.is-inview .history__title::before,.js .history__heading.is-inview .history__title::after{transform:none}.js .timeline::before{transform:scaleY(var(--line-progress, 0))}.js .timeline::after{opacity:0;transform:translate(-6px, -6px);transition:opacity .2s ease,transform .2s ease}.js .timeline.is-complete::after{opacity:1;transform:none;transition:opacity .5s ease .1s,transform .6s cubic-bezier(0.22, 1, 0.36, 1) .1s}.js .timeline__item[data-reveal]{opacity:1;transform:none}.js .timeline__media{position:relative;overflow:hidden}.js .timeline__media::after{content:"";position:absolute;inset:0;background:#fff;transform:translateX(-101%)}.js .timeline__item.is-inview .timeline__media::after{animation:media-wipe 1.4s cubic-bezier(0.77, 0, 0.18, 1) forwards}.js .timeline__media img{opacity:0;transform:scale(1.25);transition:opacity 0s linear .7s,transform 2s cubic-bezier(0.22, 1, 0.36, 1) .7s}.js .timeline__item.is-inview .timeline__media img{opacity:1;transform:none}.js .timeline__body>.timeline__title{opacity:1;transform:none}.js .timeline__year,.js .timeline__title-text{clip-path:inset(0 0 100% 0);transform:translateY(100%);transition:clip-path 1.1s cubic-bezier(0.22, 1, 0.36, 1),transform 1.1s cubic-bezier(0.22, 1, 0.36, 1)}.js .timeline__title-text{display:inline-block;transition-delay:.45s}.js .timeline__year{transition-delay:.35s}.js .timeline__item.is-inview .timeline__year,.js .timeline__item.is-inview .timeline__title-text{clip-path:inset(-10% -10% -10% -10%);transform:none}.js .timeline__body>.brand,.js .timeline__body>.product-box{clip-path:inset(0 100% 0 0);transform:none;transition:opacity .6s ease,clip-path 1.2s cubic-bezier(0.77, 0, 0.18, 1)}.js .timeline__item.is-inview .timeline__body>.brand,.js .timeline__item.is-inview .timeline__body>.product-box{clip-path:inset(0)}.js [data-reveal] .arrow-link::before{opacity:0;transform:rotate(-180deg) scale(0.4);transition:scale .4s cubic-bezier(0.22, 1, 0.36, 1),rotate 0s,opacity .6s ease .5s,transform 1.2s cubic-bezier(0.22, 1, 0.36, 1) .5s}.js .is-inview .arrow-link::before{opacity:1;transform:none}.js .is-inview .arrow-link:hover::before{transition:scale .3s cubic-bezier(0.22, 1, 0.36, 1),rotate .9s cubic-bezier(0.22, 1, 0.36, 1) .2s,opacity .6s ease,transform 1.2s cubic-bezier(0.22, 1, 0.36, 1)}.js .timeline__title::before,.js .timeline__item::before{transform:scale(0);transition:transform .25s ease}.js .timeline__item.is-dot .timeline__title::before,.js .timeline__item.is-dot::before{transform:none;transition:transform .6s cubic-bezier(0.34, 1.56, 0.64, 1)}.js .timeline__item.is-dot .timeline__title::after{content:"";position:absolute;width:14px;height:14px;border-radius:50%;top:.75em;left:calc(var(--line-x) - var(--body-x) - 120px);margin:-7px 0 0 -7px;border:1px solid #fff;pointer-events:none;animation:timeline-ripple 1.6s cubic-bezier(0.22, 1, 0.36, 1) .15s both}}@media(prefers-reduced-motion: no-preference)and (max-width: 1199px){.js .timeline__item.is-dot .timeline__title::after{left:calc(var(--line-x) - var(--body-x))}}@media(prefers-reduced-motion: no-preference)and (max-width: 767px){.js .timeline__item.is-dot .timeline__title::after{display:none}}@media(prefers-reduced-motion: no-preference){.js .timeline__body>*{opacity:0;transform:translateY(30px);transition:opacity 1s cubic-bezier(0.22, 1, 0.36, 1),transform 1s cubic-bezier(0.22, 1, 0.36, 1)}.js .timeline__item.is-inview .timeline__body>*{opacity:1;transform:none}.js .timeline__item.is-inview .timeline__body>:nth-child(1){transition-delay:.25s}.js .timeline__item.is-inview .timeline__body>:nth-child(2){transition-delay:.4s}.js .timeline__item.is-inview .timeline__body>:nth-child(3){transition-delay:.55s}.js .timeline__item.is-inview .timeline__body>:nth-child(4){transition-delay:.7s}.js .timeline__item.is-inview .timeline__body>:nth-child(n+5){transition-delay:.85s}@keyframes media-wipe{0%{transform:translateX(-101%)}45%,55%{transform:translateX(0)}100%{transform:translateX(101%)}}@keyframes timeline-ripple{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(3.2)}}}/*# sourceMappingURL=style.css.map */
