.tudo-main-healthspan-section{--color-glass: rgba(255, 255, 255, .6);--color-accent-tag: #D9F8C3;--color-text-secondary: #4E637C;--color-divider: #4E637C;--text-main-display: clamp(27px, calc(40px * (var(--max-vw) / var(--vw-base))), 51px);--text-main-hs-body: clamp(12px, calc(18px * (var(--max-vw) / var(--vw-base))), 23px);--text-main-eyebrow: clamp(12px, calc(18px * (var(--max-vw) / var(--vw-base))), 23px);--text-main-hs-small: clamp(11px, calc(16px * (var(--max-vw) / var(--vw-base))), 20px);--text-main-hs-big: clamp(11px, calc(16px * (var(--max-vw) / var(--vw-base))), 20px);--space-section-gap: clamp(54px, calc(80px * (var(--max-vw) / var(--vw-base))), 101px)}@media(max-width:767px){.tudo-main-healthspan-section{--text-main-display: clamp(24px, calc(26px + (var(--max-vw) - 375px) * .015), 28px);--text-main-hs-body: clamp(15px, calc(16px + (var(--max-vw) - 375px) * .015), 17px);--text-main-eyebrow: clamp(15px, calc(16px + (var(--max-vw) - 375px) * .015), 17px);--text-main-hs-small: clamp(13px, calc(14px + (var(--max-vw) - 375px) * .015), 15px);--text-main-hs-big: clamp(16px, calc(16px + (var(--max-vw) - 375px) * .015), 18px);--space-section-gap: clamp(50px, calc(50px + (var(--max-vw) - 375px) * .015), 56px)}}@media(min-width:768px)and (max-width:1023px){.tudo-main-healthspan-section{--text-main-display: clamp(26px, calc(26px + (var(--max-vw) - 768px) * .025), 40px);--text-main-hs-body: clamp(16px, calc(16px + (var(--max-vw) - 768px) * .025), 18px);--text-main-eyebrow: clamp(16px, calc(16px + (var(--max-vw) - 768px) * .025), 18px);--text-main-hs-small: clamp(14px, calc(14px + (var(--max-vw) - 768px) * .025), 16px);--text-main-hs-big: clamp(14px, calc(14px + (var(--max-vw) - 768px) * .025), 16px);--space-section-gap: clamp(50px, calc(50px + (var(--max-vw) - 768px) * .025), 80px)}}.tudo-main-healthspan-section .healthspan{position:relative;width:100%;background-image:var(--hs-bg-image);background-size:cover;background-position:center;background-repeat:no-repeat;margin-top:var(--space-section-gap);padding:30px clamp(16px,calc(20px + (var(--max-vw) - 375px) * .015),24px)}@media(min-width:768px){.tudo-main-healthspan-section .healthspan{padding-top:clamp(25.94px,calc(25.94px + (var(--max-vw) - 768px) * .025),75.3px);padding-bottom:clamp(25.94px,calc(25.94px + (var(--max-vw) - 768px) * .025),75.3px);padding-left:clamp(24px,calc(30px + (var(--max-vw) - 768px) * .025),36px);padding-right:clamp(24px,calc(30px + (var(--max-vw) - 768px) * .025),36px)}}@media(min-width:1024px){.tudo-main-healthspan-section .healthspan{padding-top:clamp(50px,calc(75.3px * (var(--max-vw) / var(--vw-base))),95px);padding-bottom:clamp(50px,calc(75.3px * (var(--max-vw) / var(--vw-base))),95px);padding-left:clamp(63px,calc(94.23px * (var(--max-vw) / var(--vw-base))),119px);padding-right:clamp(63px,calc(94.23px * (var(--max-vw) / var(--vw-base))),119px)}}.tudo-main-healthspan-section .healthspan__card{position:relative;width:100%;background:var(--color-glass);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px)}.tudo-main-healthspan-section .healthspan__content{display:flex;flex-direction:column;align-items:center;gap:clamp(24px,calc(30px + (var(--max-vw) - 375px) * .015),36px);padding:clamp(24px,calc(30px + (var(--max-vw) - 375px) * .015),40px) clamp(16px,calc(20px + (var(--max-vw) - 375px) * .015),24px)}@media(min-width:768px){.tudo-main-healthspan-section .healthspan__content{gap:clamp(30px,calc(30px + (var(--max-vw) - 768px) * .025),50px);padding:clamp(30px,calc(30px + (var(--max-vw) - 768px) * .025),60px) clamp(20px,calc(20px + (var(--max-vw) - 768px) * .025),83.5px)}}@media(min-width:1024px){.tudo-main-healthspan-section .healthspan__content{flex-direction:row;align-items:center;justify-content:center;gap:clamp(34px,calc(50px * (var(--max-vw) / var(--vw-base))),63px);padding:clamp(40px,calc(60px * (var(--max-vw) / var(--vw-base))),76px) clamp(56px,calc(83.5px * (var(--max-vw) / var(--vw-base))),105px)}}.tudo-main-healthspan-section .healthspan__intro{display:flex;flex-direction:column;align-items:flex-start;gap:clamp(12px,calc(15px + (var(--max-vw) - 375px) * .015),18px);width:100%}@media(min-width:768px){.tudo-main-healthspan-section .healthspan__intro{gap:clamp(15px,calc(15px + (var(--max-vw) - 768px) * .025),25px)}}@media(min-width:1024px){.tudo-main-healthspan-section .healthspan__intro{gap:clamp(17px,calc(25px * (var(--max-vw) / var(--vw-base))),32px);max-width:clamp(316px,calc(469px * (var(--max-vw) / var(--vw-base))),593px);flex-shrink:0}}.tudo-main-healthspan-section .healthspan__title{display:flex;flex-direction:column;align-items:flex-start;gap:5px;width:100%}.tudo-main-healthspan-section .healthspan__title-italic{display:inline-block;background:var(--color-accent-tag);font-family:var(--font-display);font-style:italic;font-weight:400;font-size:var(--text-main-display);line-height:1.1;color:var(--color-text-secondary)}.tudo-main-healthspan-section .healthspan__title-regular{font-family:var(--font-display);font-style:normal;font-weight:400;font-size:var(--text-main-display);line-height:1.1;color:var(--color-text-secondary)}.tudo-main-healthspan-section .healthspan__body{font-family:var(--font-body);font-weight:400;font-size:var(--text-main-hs-body);line-height:1.2;letter-spacing:-.04em;color:var(--color-text-secondary);width:100%}.tudo-main-healthspan-section .healthspan__illus{flex-shrink:0;display:flex;justify-content:center;width:clamp(120px,calc(146px + (var(--max-vw) - 375px) * .015),170px)}.tudo-main-healthspan-section .healthspan__illus img{width:100%;height:auto}@media(min-width:768px){.tudo-main-healthspan-section .healthspan__illus{width:clamp(146px,calc(146px + (var(--max-vw) - 768px) * .272),215.5px)}}@media(min-width:1024px){.tudo-main-healthspan-section .healthspan__illus{width:clamp(145px,calc(215.5px * (var(--max-vw) / var(--vw-base))),272px)}}.tudo-main-healthspan-section .accordion-answer{height:0;overflow:hidden;transition:height .3s ease}.tudo-main-healthspan-section .accordion-question{width:100%;text-align:left;background:transparent;border:0;cursor:pointer;display:flex;align-items:center;justify-content:space-between;font:inherit;color:inherit}.tudo-main-healthspan-section .accordion-question .accordion-icon,.tudo-main-healthspan-section .accordion-question svg,.tudo-main-healthspan-section .accordion-question img{pointer-events:none;flex-shrink:0}.tudo-main-healthspan-section .accordion-icon{display:inline-flex;align-items:center;justify-content:center}.tudo-main-healthspan-section .healthspan__accordion{display:flex;flex-direction:column;align-items:stretch;gap:0;width:100%}@media(min-width:1024px){.tudo-main-healthspan-section .healthspan__accordion{max-width:clamp(290px,calc(430px * (var(--max-vw) / var(--vw-base))),543px);flex-shrink:0}}.tudo-main-healthspan-section .healthspan__acc-item{width:100%;border-bottom:1px solid var(--color-divider);padding:10px 0}@media(min-width:768px){.tudo-main-healthspan-section .healthspan__acc-item{padding:clamp(10px,calc(10px + (var(--max-vw) - 768px) * .025),20px) 0}}@media(min-width:1024px){.tudo-main-healthspan-section .healthspan__acc-item{padding:clamp(10px,calc(10px + (var(--max-vw) - 1024px) * .025),20px) 0}}.tudo-main-healthspan-section .healthspan__acc-item:first-child{padding-top:0}.tudo-main-healthspan-section .healthspan__acc-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0;background:transparent;border:0;cursor:pointer;font-family:var(--font-body),"Noto Sans JP",sans-serif;font-weight:500;font-size:var(--text-main-eyebrow);line-height:1.1;color:var(--color-text-secondary);text-transform:uppercase}.tudo-main-healthspan-section .healthspan__acc-q-title{display:inline-flex;gap:5px;align-items:baseline;flex-wrap:wrap}.tudo-main-healthspan-section .healthspan__acc-q-num,.tudo-main-healthspan-section .healthspan__acc-q-name{font-weight:500;color:var(--color-text-secondary)}.tudo-main-healthspan-section .healthspan__acc-q .accordion-icon,.tudo-main-healthspan-section .healthspan__acc-q .accordion-icon svg,.tudo-main-healthspan-section .healthspan__acc-q svg{width:8px;height:8px;flex-shrink:0;pointer-events:none}.tudo-main-healthspan-section .healthspan__acc-a p{padding:8px 0 0;font-family:var(--font-body);font-weight:400;font-size:var(--text-main-hs-big);line-height:1.1;letter-spacing:-.04em;color:var(--color-text-secondary);text-transform:none}.tudo-main-healthspan-section .healthspan__acc-item.active .healthspan__acc-q{padding-bottom:0}
/*# sourceMappingURL=/cdn/shop/t/2/assets/tudo-main-healthspan.css.map */