.ingredient{position:relative}.ingredient__kv{position:relative;overflow:hidden;height:800px}.ingredient__kv .page-width{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;color:var(--color-black);text-align:center}.ingredient__kv .kv-title{font-weight:700;word-wrap:break-word;font-size:58px;line-height:1.3;letter-spacing:-.01em}@media (max-width: 750px){.ingredient__kv .kv-title{font-size:28px;line-height:1.35}}.ingredient__kv .kv-headline{margin-top:16px;font-weight:600;word-wrap:break-word;font-size:36px;line-height:1.45;letter-spacing:-.01em}@media (max-width: 750px){.ingredient__kv .kv-headline{font-size:18px;letter-spacing:-.005em}}.ingredient__kv .kv-object{position:absolute;inset:50% 0 auto 0;height:1210px;transform:translateY(-50%);background-color:var(--color-white)}.ingredient__kv .kv-object img{width:100%;height:100%;object-fit:cover;opacity:.75}.ingredient__section{--section-width-cqi: 1920;position:relative;height:500px;background:center center/cover no-repeat var(--background)}.ingredient__section .page-width{position:relative;z-index:1;height:100%}@media (max-width: 750px){.ingredient__section{height:375px}}.ingredient__title{position:absolute;inset:50% 0 auto;transform:translateY(-50%);text-align:center;font-size:80px;font-weight:700;line-height:1.3;letter-spacing:-.01em;color:var(--color-black)}@media (max-width: 750px){.ingredient__title{font-size:40px}}.ingredient__point{position:absolute}.ingredient__point--yuja1{top:324px;left:clamp(324 / 2 * 1px,324 / var(--page-width-cqi) * 100cqi,324px)}@media (max-width: 750px){.ingredient__point--yuja1{top:58px;left:clamp(88 / 2 * 1px,88 / var(--page-width-cqi) * 100cqi,88px)}}.ingredient__point--yuja2{top:108px;right:clamp(344 / 2 * 1px,344 / var(--page-width-cqi) * 100cqi,344px)}@media (max-width: 750px){.ingredient__point--yuja2{top:230px;right:clamp(96 / 2 * 1px,96 / var(--page-width-cqi) * 100cqi,96px)}}.ingredient__point--artemisia1{top:378px;left:clamp(220 / 2 * 1px,220 / var(--page-width-cqi) * 100cqi,220px)}@media (max-width: 750px){.ingredient__point--artemisia1{top:214px;left:clamp(70 / 2 * 1px,70 / var(--page-width-cqi) * 100cqi,70px)}}.ingredient__point--artemisia2{top:286px;right:clamp(260 / 2 * 1px,260 / var(--page-width-cqi) * 100cqi,260px)}@media (max-width: 750px){.ingredient__point--artemisia2{top:262px;right:clamp(76 / 2 * 1px,76 / var(--page-width-cqi) * 100cqi,76px)}}.ingredient__point--redrice1{top:282px;left:clamp(240 / 2 * 1px,240 / var(--page-width-cqi) * 100cqi,240px)}@media (max-width: 750px){.ingredient__point--redrice1{top:272px;left:clamp(86 / 2 * 1px,86 / var(--page-width-cqi) * 100cqi,86px)}}.ingredient__point--redrice2{top:364px;right:clamp(440 / 2 * 1px,440 / var(--page-width-cqi) * 100cqi,440px)}@media (max-width: 750px){.ingredient__point--redrice2{top:182px;right:clamp(86 / 2 * 1px,86 / var(--page-width-cqi) * 100cqi,86px)}}.ingredient__button{display:flex;width:34px;height:34px;background:var(--color-black) center/12px auto no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Crect y='5' width='12' height='2' rx='1' fill='white'/%3E%3Crect x='7' width='12' height='2' rx='1' transform='rotate(90 7 0)' fill='white'/%3E%3C/svg%3E");border-radius:100%;animation:shadow 2s infinite}@keyframes shadow{0%{box-shadow:0 0 #000}to{box-shadow:0 0 0 10px #0000}}.ingredient__tooltip{position:absolute;bottom:calc(-100% - 25px);left:-2px;padding:10px;width:auto;border-radius:4px;background-color:var(--color-black);color:var(--color-white);text-wrap:nowrap;font-size:14px;line-height:1.5}.ingredient__tooltip:after{position:absolute;top:-8px;left:7px;width:24px;height:24px;background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='16' viewBox='0 0 18 16' fill='none'%3E%3Cpath d='M7.26795 1C8.03775 -0.333333 9.96225 -0.333333 10.7321 1L17.6603 13C18.4301 14.3333 17.4678 16 15.9282 16H2.0718C0.532197 16 -0.430054 14.3333 0.339746 13L7.26795 1Z' fill='black'/%3E%3C/svg%3E");content:""}.ingredient__tooltip--right{left:auto;right:-2px}.ingredient__tooltip--right:after{left:auto;right:7px}.ingredient-popup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;justify-content:center;align-items:center;padding:var(--page-padding);background-color:#0009;opacity:0;visibility:hidden;transition:all var(--duration-long)}.ingredient-popup--visible{display:flex;opacity:1;visibility:visible}.ingredient-popup__content{position:relative;overflow:hidden;width:min(1100px,100%);background-color:var(--color-white);border-radius:12px;opacity:0;transform:translateY(80px);transition:all var(--duration-long)}.ingredient-popup__content--min{width:min(480px,100%)}.ingredient-popup--visible .ingredient-popup__content{opacity:1;transform:translateY(0)}.ingredient-popup__header{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;height:240px;padding-inline:var(--page-padding);color:var(--color, var(--color-black));text-align:center;background:center/cover no-repeat var(--header-bg)}.ingredient-popup__header .header-title{font-weight:700;font-size:48px;line-height:1.35;letter-spacing:-.01em}@media (max-width: 750px){.ingredient-popup__header .header-title{font-size:24px;line-height:1.4}}.ingredient-popup__header .header-desc{font-size:20px;line-height:1.45}@media (max-width: 750px){.ingredient-popup__header .header-desc{font-size:14px;line-height:1.5}}@media (max-width: 750px){.ingredient-popup__header{height:165px}}.ingredient-popup__body{padding:60px 80px;overflow-y:auto;max-height:calc(90vh - 240px);scrollbar-width:thin}.ingredient-popup__body--fit{padding:0!important;max-height:unset}@media (max-width: 750px){.ingredient-popup__body{padding:40px 20px}}.ingredient-popup__close{position:absolute;overflow:hidden;top:20px;right:20px;z-index:10;width:40px;height:40px;border-radius:100%;background:var(--color-black) center center/14px auto no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M2 12L11.8995 2.10051' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M12 12L2.10051 2.10051' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");cursor:pointer}@media (max-width: 750px){.ingredient-popup__close{top:10px;right:10px;width:24px;height:24px;background-size:10px auto}}.ingredient-popup .body-ingredient{display:grid;grid-template-areas:"desc desc" "title title" "text thumb";grid-template-columns:1fr 1fr;column-gap:40px}.ingredient-popup .body-ingredient__desc{grid-area:desc;margin-bottom:8px;color:var(--color-gray09);word-wrap:break-word;font-size:20px;line-height:1.45}@media (max-width: 750px){.ingredient-popup .body-ingredient__desc{font-size:14px;line-height:1.5}}.ingredient-popup .body-ingredient__title{grid-area:title;margin-bottom:40px;color:var(--color-gray09);word-wrap:break-word;font-size:36px;line-height:1.45;letter-spacing:-.01em}@media (max-width: 750px){.ingredient-popup .body-ingredient__title{font-size:24px;line-height:1.4}}.ingredient-popup .body-ingredient__content{grid-area:text;color:var(--color-gray09);word-wrap:break-word;font-size:20px;line-height:1.45}@media (max-width: 750px){.ingredient-popup .body-ingredient__content{font-size:16px;line-height:1.5}}.ingredient-popup .body-ingredient__thumb{display:grid;grid-template-columns:repeat(3,1fr);column-gap:2px;grid-area:thumb}.ingredient-popup .body-ingredient__thumb img{width:100%;max-width:unset;aspect-ratio:1/1;object-fit:cover}.ingredient-popup .body-ingredient__thumb p{margin-top:12px;text-align:center;color:var(--color-gray09);word-wrap:break-word;font-size:12px;line-height:1.45}@media (max-width: 750px){.ingredient-popup .body-ingredient__thumb p{font-size:10px;line-height:1.4}}@media (max-width: 750px){.ingredient-popup .body-ingredient{display:block}.ingredient-popup .body-ingredient__title{display:block;margin-bottom:24px}.ingredient-popup .body-ingredient__content{margin-bottom:24px}}.ingredient-popup .sample-link{display:flex;justify-content:center;align-items:flex-end}.ingredient-popup .sample-link .c-button:hover:not(:disabled):not(.disabled),.ingredient-popup .sample-link .c-button:focus-visible:not(:disabled):not(.disabled){background-color:var(--color-black);color:var(--color-white)}
/*# sourceMappingURL=/cdn/shop/t/12/assets/ingredient.scss.css.map */