.c-concept-hero{background-color:#fff}.c-concept-hero__container{--hero-gutter: max(24px, calc((100vw - 1060px)/2 + 24px) );display:grid;grid-template-columns:3fr 4fr;gap:0;align-items:stretch}.c-concept-hero__visual{position:relative;height:100%}.c-concept-hero__picture{display:block;height:100%}.c-concept-hero__image{width:100%;height:100%;display:block;object-fit:cover}.c-concept-hero__image--placeholder{background-color:#bababa}.c-concept-hero__video{width:100%;height:100%;display:block;object-fit:contain;background-color:var(--c-concept-hero-video-bg, #f5f5f5)}@media screen and (max-width:749px){.c-concept-hero__video--pc+.c-concept-hero__video--sp~.c-concept-hero__video--pc,.c-concept-hero__visual:has(.c-concept-hero__video--sp) .c-concept-hero__video--pc{display:none}}@media screen and (min-width:750px){.c-concept-hero__video--sp{display:none}}.c-concept-hero__picture--pc-only{display:block}@media screen and (max-width:749px){.c-concept-hero__picture--pc-only{display:none}}.c-concept-hero__picture--sp-only{display:none}@media screen and (max-width:749px){.c-concept-hero__picture--sp-only{display:block}}@media screen and (max-width:749px){.c-concept-hero__video--pc{display:none}}.c-concept-hero__body{width:100%;height:100%;display:flex;flex-direction:column;padding-top:var(--c-concept-hero-body-padding-top-sp, 40px);padding-bottom:var(--c-concept-hero-body-padding-bottom-sp, 40px)}@media screen and (min-width:750px){.c-concept-hero__body{padding-top:var(--c-concept-hero-body-padding-top-pc, 80px);padding-bottom:var(--c-concept-hero-body-padding-bottom-pc, 80px)}}.c-concept-hero__body--align-center{justify-content:center}.c-concept-hero__body--align-stretch{justify-content:stretch}.c-concept-hero__body--align-stretch>.c-concept-hero__body-content{flex:1 1 auto}.c-concept-hero__body-content{width:100%;display:flex;flex-direction:column;padding-inline:24px;margin-inline:auto}@media screen and (min-width:750px){.c-concept-hero__body-content{max-width:var(--c-concept-hero-body-content-max-width, 100%)}}.c-concept-hero__header{margin-bottom:var(--c-concept-hero-header-margin-bottom-sp, 46px)}@media screen and (min-width:750px){.c-concept-hero__header{margin-bottom:var(--c-concept-hero-header-margin-bottom-pc, 46px)}}.c-concept-hero__title-en{font-size:42px;font-weight:500;letter-spacing:.15em;color:#505050;margin:0 0 6px;line-height:1}@media screen and (max-width:749px){.c-concept-hero__title-en{font-size:28px}}.c-concept-hero__title-en--marquee{overflow:hidden;width:100%;white-space:nowrap}.c-concept-hero__title-en-marquee-track{display:inline-flex;gap:0;animation:c-concept-hero-title-en-marquee var(--c-che-marquee-duration, 20s) linear infinite;will-change:transform}.c-concept-hero__title-en-marquee-item{display:inline-block;flex-shrink:0;padding-right:var(--c-che-marquee-item-gap-pc, 48px)}@media screen and (max-width:749px){.c-concept-hero__title-en-marquee-item{padding-right:var(--c-che-marquee-item-gap-sp, 24px)}}@keyframes c-concept-hero-title-en-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.c-concept-hero__title-en-marquee-track{animation:none}}.c-concept-hero__title-jp{font-size:16px;font-weight:500;letter-spacing:.1em;color:#505050;margin:0}.c-concept-hero__heading{font-size:24px;font-weight:500;letter-spacing:.12em;color:#505050;margin:0 0 8px}.c-concept-hero__subheading-en{font-size:10px;font-weight:400;letter-spacing:.2em;color:#505050;margin:0 0 28px}.c-concept-hero__text{font-size:11px;line-height:1.9;letter-spacing:.15em;color:#6b675f}@media screen and (min-width:750px){.c-concept-hero__text{font-size:16px}}.c-concept-hero__text p{margin:0 0 1.8em}.c-concept-hero__text p:last-child{margin-bottom:0}.c-concept-hero__sub-images{display:flex;align-items:flex-start;gap:0;margin-top:auto;padding-top:40px;position:relative}.c-concept-hero__sub-image{height:auto;object-fit:cover;display:block}.c-concept-hero__sub-image:nth-child(1){width:55%;aspect-ratio:1 / 1;position:relative;z-index:1}.c-concept-hero__sub-image:nth-child(2){width:52%;aspect-ratio:1 / 1;margin-left:-7%;margin-top:18%;position:relative;z-index:0}@media screen and (max-width:749px){.c-concept-hero__container{grid-template-columns:1fr;gap:0}.c-concept-hero__body{padding-inline:0}.c-concept-hero__visual{position:relative}.c-concept-hero__header{width:100vw}.c-concept-hero__body-content{padding-top:0;padding-inline:16px}.c-concept-hero__body-content:first-child{max-width:100%;padding-inline:0}.c-concept-hero__body-content:last-child .c-concept-hero__button{align-self:center}.c-concept-hero__heading{font-size:19px;margin-bottom:6px}.c-concept-hero__subheading-en{font-size:8px;color:#858585;margin-bottom:24px}.c-concept-hero__text{line-height:1.6;text-align:center}.c-concept-hero__sub-images{margin-top:28px}}.c-concept-hero__title-en-image{display:block;max-width:100%;height:auto;margin-inline:auto}.c-concept-hero__button{display:inline-flex;align-items:center;gap:16px;margin-top:28px;color:var(--c-color-primary, #6b675f);font-family:var(--c-font-stack, inherit);font-size:11px;font-weight:700;letter-spacing:.04em;text-decoration:none;align-self:flex-start;transition:opacity .2s ease}.c-concept-hero__button-label{display:inline-block}.c-concept-hero__button-arrow{position:relative;display:inline-block;width:80px;height:14px;flex:0 0 auto;overflow:visible}.c-concept-hero__button-arrow:before{content:"";position:absolute;top:50%;left:0;width:100%;height:var(--c-ch-btn-arrow-stroke, 1px);background-color:currentColor;transform-origin:left center;transition:background-color .3s ease,transform .3s ease}.c-concept-hero__button-arrow:after{content:"";position:absolute;top:50%;right:0;width:10px;height:var(--c-ch-btn-arrow-stroke, 1px);background-color:currentColor;transform-origin:100% 50%;transform:rotate(30deg);transition:background-color .3s ease,transform .3s ease}.c-concept-hero__button:hover .c-concept-hero__button-arrow:before,.c-concept-hero__button:focus-visible .c-concept-hero__button-arrow:before{transform:scaleX(1.08)}.c-concept-hero__button:hover .c-concept-hero__button-arrow:after,.c-concept-hero__button:focus-visible .c-concept-hero__button-arrow:after{transform:translate(8px) rotate(30deg)}.c-concept-hero__button:hover,.c-concept-hero__button:focus-visible{opacity:.7}@media screen and (min-width:750px){.c-concept-hero__button{font-size:16px;margin-top:32px}}.c-concept-hero__button-arrow--simple{width:32px;height:10px;overflow:visible}.c-concept-hero__button-arrow--simple:before,.c-concept-hero__button-arrow--simple:after{display:none}.c-concept-hero__button-arrow--simple svg{display:block;width:100%;height:100%}.c-concept-hero__button:hover .c-concept-hero__button-arrow--simple svg,.c-concept-hero__button:focus-visible .c-concept-hero__button-arrow--simple svg{transform:translate(6px);transition:transform .3s ease}.c-concept-hero__button-arrow--filled{width:32px;height:12px;overflow:visible}.c-concept-hero__button-arrow--filled:before,.c-concept-hero__button-arrow--filled:after{display:none}.c-concept-hero__button-arrow--filled svg{display:block;width:100%;height:100%}.c-concept-hero__button:hover .c-concept-hero__button-arrow--filled svg,.c-concept-hero__button:focus-visible .c-concept-hero__button-arrow--filled svg{transform:translate(6px);transition:transform .3s ease}.c-concept-hero__button--bg-color,.c-concept-hero__button--bg-scheme{padding:var(--c-ch-btn-pad-y-sp, 8px) var(--c-ch-btn-pad-x-sp, 32px);align-self:var(--c-ch-btn-align-sp, flex-start)}@media screen and (min-width:750px){.c-concept-hero__button--bg-color,.c-concept-hero__button--bg-scheme{padding:var(--c-ch-btn-pad-y-pc, 12px) var(--c-ch-btn-pad-x-pc, 60px);align-self:var(--c-ch-btn-align-pc, flex-start)}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/c-concept-hero.css.map */