@charset "UTF-8";body.page-front{background-color:var(--color-bg);background-image:url(../img/common/bg_mask.png);background-size:auto 100%;background-position:center;background-repeat:repeat-x}.horizontal-container{display:flex;flex-wrap:nowrap;height:100dvh;position:relative}@media (max-width: 1024px){.horizontal-container{display:block;min-height:inherit;height:auto}}.panel{height:100dvh;flex-shrink:0;position:relative;overflow:hidden}.panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background-color:var(--color-bg);background-image:url(../img/common/bg_mask.png);background-size:auto 100%;background-position:center;z-index:-1}.panel__inner{height:100%;position:relative}@media (max-width: 1024px){.panel{height:auto;min-height:inherit;overflow:visible}.panel:before{background-image:url(../img/common/bg_mask_sp.png);background-size:100% auto}.panel__inner{height:auto}}.grayscale-reveal{position:relative;overflow:hidden}.grayscale-reveal picture{display:block;width:100%;height:100%}.grayscale-reveal picture:first-child{position:relative}.grayscale-reveal picture:last-child{position:absolute;top:0;right:0;bottom:0;left:0}.grayscale-reveal img{width:100%;height:100%;object-fit:cover;display:block}.grayscale-reveal__gray{filter:grayscale(100%)}.grayscale-reveal__color{clip-path:inset(0 100% 0 0)}.grayscale-reveal--rtl .grayscale-reveal__color{clip-path:inset(0 0 0 100%)}.hero{width:100vw;font-family:var(--font-en)}.hero__inner{display:flex}@media (max-width: 1024px){.hero__inner{flex-direction:column;gap:3rem;padding-inline:var(--container-inline)}}.hero__heading{display:flex;flex-direction:column;justify-content:space-between;z-index:100;flex-shrink:0;width:calc(350 / var(--width-pc) * 100vw);max-width:350px;padding-top:clamp(45px * var(--scale-pc-min),45 / var(--width-pc) * 100vw,45px);padding-left:clamp(50px * var(--scale-pc-min),50 / var(--width-pc) * 100vw,50px)}@media (max-width: 1024px){.hero__heading{width:100%;max-width:inherit;padding-inline:0;padding-top:clamp(20px * var(--scale-mobile),20 / var(--width-sp) * 100vw,20px)}}.hero__logo{font-size:clamp(28px * var(--scale-pc-min),28 / var(--width-pc) * 100vw,28px)}.hero__logo-text{font-size:clamp(10px * var(--scale-pc-min),10 / var(--width-pc) * 100vw,10px);line-height:1.5}@media (max-width: 1024px){.hero__logo{font-size:clamp(28px * var(--scale-mobile),28 / var(--width-sp) * 100vw,28px)}.hero__logo-text{font-size:clamp(10px * var(--scale-mobile),10 / var(--width-sp) * 100vw,10px)}}.hero__nav{font-size:clamp(18px * var(--scale-pc-min),18 / var(--width-pc) * 100vw,18px);padding-bottom:clamp(135px * var(--scale-pc-min),135 / var(--width-pc) * 100vw,135px)}.hero__nav-sub{padding-left:1.5em}.hero__nav-sub li{display:flex}.hero__nav-sub li:before{content:"-";margin-right:clamp(10px * var(--scale-pc-min),10 / var(--width-pc) * 100vw,10px)}@media (max-width: 1024px){.hero__logo{font-size:clamp(28px * var(--scale-mobile),28 / var(--width-sp) * 100vw,28px)}.hero__logo-text{font-size:clamp(10px * var(--scale-mobile),10 / var(--width-sp) * 100vw,10px)}.hero__nav{display:none}}.hero__content{position:relative;width:100%;display:flex;flex-direction:column;padding-right:clamp(90px * var(--scale-pc-min),90 / var(--width-pc) * 100vw,90px)}@media (max-width: 1024px){.hero__content{padding-right:0;padding-bottom:clamp(88px * var(--scale-mobile),88 / var(--width-sp) * 100vw,88px * var(--scale-tablet));gap:clamp(30px * var(--scale-mobile),30 / var(--width-sp) * 100vw,30px * var(--scale-tablet))}}.hero__logos{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(80px * var(--scale-pc-min),80 / var(--width-pc) * 100vw,80px);height:calc(178 / var(--width-pc) * 100vw);max-height:178px;flex-shrink:0}.hero__logos img{width:100%}.hero__logo-item{display:block;transition:opacity .22s ease}@media (hover: hover){.hero__logo-item:hover{opacity:.78}}.hero__logo-item--sbk{width:calc(130 / var(--width-pc) * 100vw);max-width:130px;aspect-ratio:130/98}.hero__logo-item--nb{width:calc(127 / var(--width-pc) * 100vw);max-width:127px;aspect-ratio:127/68}.hero__logo-item--cc{width:calc(174 / var(--width-pc) * 100vw);max-width:174px;aspect-ratio:174/38}.hero__logo-item--tpf{width:calc(125 / var(--width-pc) * 100vw);max-width:125px;aspect-ratio:125/81}@media (max-width: 1024px){.hero__logos{order:2;display:grid;grid-template-columns:repeat(2,1fr);place-items:center;height:auto;max-height:inherit;gap:0;row-gap:4rem}.hero__logo-item--sbk,.hero__logo-item--nb{width:calc(130 / var(--width-sp) * 100vw);max-width:calc(130px * var(--scale-tablet))}.hero__logo-item--cc{width:calc(150 / var(--width-sp) * 100vw);max-width:calc(150px * var(--scale-tablet))}.hero__logo-item--tpf{width:calc(127 / var(--width-sp) * 100vw);max-width:calc(127px * var(--scale-tablet))}}.hero__photo{height:100%;display:flex;justify-content:center;align-items:center}.hero__photo img{width:100%;height:100%;object-fit:cover;display:block}@media (max-width: 1024px){.hero__photo{order:1}}.hero__heading,.hero__logo-group,.hero__nav,.hero__logos,.hero__logo-item,.hero__photo{will-change:transform,opacity}.hero__photo{overflow:hidden}.hero__photo img{transform-origin:center center}.hero__logo-item,.hero__logo-group,.hero__nav{transform:translateY(24px);opacity:0}.hero__photo{transform:scale(1.04);opacity:0}body.is-hero-intro-ready .hero__logo-group,body.is-hero-intro-ready .hero__nav,body.is-hero-intro-ready .hero__logo-item,body.is-hero-intro-ready .hero__photo{visibility:visible}@media (max-width: 1024px){.hero__logo-item,.hero__logo-group,.hero__nav{transform:translateY(18px)}.hero__photo{transform:scale(1.02)}}