.celvit-about-science{width:100%;background-color:var(--celvit-color-black);color:var(--celvit-color-white)}.celvit-about-science__inner{position:relative;width:min(100%,1440px);margin-inline:auto;overflow:hidden;background-color:var(--celvit-color-black)}.celvit-about-science__background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;display:block;width:100%;height:100%}.celvit-about-science__background-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.celvit-about-science__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(to bottom,#000000f2,#000000b3 12%,#00000059 28%,#00000014 48%,#0000 65%);pointer-events:none}.celvit-about-science__content{position:relative;z-index:2;width:100%;height:100%;box-sizing:border-box}.celvit-about-science__header{text-align:center}.celvit-about-science__heading{margin:0;color:#fffffff5;font-family:var(--celvit-font-serif-ja);font-weight:400}.celvit-about-science__subheading{margin:0;color:var(--celvit-color-gold);font-family:var(--celvit-font-display);font-weight:400}.celvit-about-science__br-sp{display:none}.celvit-about-science__br-pc{display:block}.celvit-about-science__grid{display:grid;margin-inline:auto}.celvit-about-science-card{position:relative;min-width:0;box-sizing:border-box;text-align:center;background-color:#ffffff1a}.celvit-about-science-card__icon{position:absolute;left:50%;transform:translate(-50%)}.celvit-about-science-card__icon-ring,.celvit-about-science-card__icon-c{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:contain}.celvit-about-science-card__icon-ring{transform:rotate(0);transition:transform .8s cubic-bezier(.4,0,.2,1)}.celvit-about-science-card__icon-c{opacity:0;transition:opacity .35s ease}.celvit-about-science-card:hover .celvit-about-science-card__icon-ring{transform:rotate(120deg)}.celvit-about-science-card:hover .celvit-about-science-card__icon-c{opacity:1}.celvit-about-science-card__title{position:relative;display:inline-block;margin:0;padding-bottom:10px;color:#fffffff5;font-family:var(--celvit-font-serif-ja);font-weight:400;transition:color .35s ease}.celvit-about-science-card__title:after{content:"";position:absolute;left:50%;bottom:0;width:100%;height:1px;background-color:#ffffffb8;transform:translate(-50%)}.celvit-about-science-card:hover .celvit-about-science-card__title{color:var(--celvit-color-gold)}.celvit-about-science-card__body{color:#ffffffe6;font-family:var(--celvit-font-serif-ja);font-weight:400}@media screen and (min-width:769px)and (max-width:1440px){.celvit-about-science__inner{height:clamp(560px,48.611vw,700px)}.celvit-about-science__content{padding:clamp(84px,7.5vw,108px) clamp(50px,5.556vw,80px) clamp(54px,4.861vw,70px)}.celvit-about-science__heading{font-size:clamp(27px,2.361vw,34px);line-height:1.5}.celvit-about-science__subheading{margin-top:clamp(7px,.556vw,8px);font-size:clamp(14px,1.25vw,18px);line-height:1.4}.celvit-about-science__grid{grid-template-columns:repeat(3,minmax(0,1fr));width:min(100%,1120px);margin-top:clamp(62px,5.417vw,78px);gap:clamp(24px,2.361vw,34px)}.celvit-about-science-card{min-height:clamp(170px,12.5vw,180px);padding:clamp(44px,3.472vw,50px) clamp(20px,1.806vw,26px) clamp(22px,1.806vw,26px)}.celvit-about-science-card__icon{top:clamp(-27px,-1.875vw,-22px);width:clamp(46px,3.611vw,52px);height:clamp(46px,3.611vw,52px)}.celvit-about-science-card__title{font-size:clamp(19px,1.667vw,24px);line-height:1.5}.celvit-about-science-card__body{margin-top:clamp(12px,1.042vw,15px);font-size:clamp(13px,1.111vw,16px);line-height:1.9}.celvit-about-science__br-sp{display:none}.celvit-about-science__br-pc{display:block}}@media screen and (max-width:768px){.celvit-about-science{width:100vw;max-width:none;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}.celvit-about-science__inner{width:100%;max-width:none;height:auto;min-height:clamp(760px,198vw,980px)}.celvit-about-science__background-image{object-position:center bottom}.celvit-about-science__content{padding:clamp(48px,12vw,72px) clamp(20px,5vw,32px) clamp(54px,13vw,80px)}.celvit-about-science__heading{font-size:26px;line-height:1.5}.celvit-about-science__subheading{margin-top:7px;font-size:18px;line-height:1.4}.celvit-about-science__grid{grid-template-columns:1fr;width:min(100%,420px);margin-top:clamp(54px,14vw,76px);gap:clamp(44px,11vw,58px)}.celvit-about-science-card{min-height:clamp(160px,42vw,190px);padding:clamp(42px,10vw,50px) clamp(18px,5vw,26px) clamp(22px,6vw,30px)}.celvit-about-science-card__icon{top:-24px;width:48px;height:48px}.celvit-about-science-card__title{font-size:20px;line-height:1.5}.celvit-about-science-card__body{margin-top:13px;font-size:14px;line-height:1.9}.celvit-about-science__br-sp{display:block}.celvit-about-science__br-pc{display:none}}@media screen and (min-width:1441px){.celvit-about-science__inner{height:700px}.celvit-about-science__content{padding:108px 80px 70px}.celvit-about-science__heading{font-size:34px;line-height:1.5}.celvit-about-science__subheading{margin-top:8px;font-size:18px;line-height:1.4}.celvit-about-science__grid{grid-template-columns:repeat(3,minmax(0,1fr));width:min(100%,1120px);margin-top:78px;gap:34px}.celvit-about-science-card{min-height:180px;padding:50px 26px 26px}.celvit-about-science-card__icon{top:-27px;width:52px;height:52px}.celvit-about-science-card__title{font-size:24px;line-height:1.5}.celvit-about-science-card__body{margin-top:15px;font-size:16px;line-height:1.9}.celvit-about-science__br-sp{display:none}.celvit-about-science__br-pc{display:block}}@media(prefers-reduced-motion:reduce){.celvit-about-science-card__icon-ring,.celvit-about-science-card__icon-c,.celvit-about-science-card__title{transition:none}.celvit-about-science-card:hover .celvit-about-science-card__icon-ring{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/about-science.css.map */
