@charset "UTF-8";.technology__list{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.technology__list>li{display:flex;align-items:center;-moz-column-gap:24px;column-gap:24px}.technology__list>li:nth-child(1){transition-delay:0s}.technology__list>li:nth-child(2){transition-delay:.12s}.technology__list>li:nth-child(3){transition-delay:.24s}.technology__list>li:nth-child(4){transition-delay:.36s}.technology__list>li:nth-child(5){transition-delay:.48s}.technology__list>li i{display:block;overflow:hidden;width:200px;aspect-ratio:1/1;border-radius:100%}.technology__list>li i img{width:100%;-o-object-fit:cover;object-fit:cover}.technology__list>li .content{flex:1}.technology__list>li .content .tech-title{word-break:break-word;font-size:28px;line-height:1.5}.technology__list>li .content .tech-text{margin-top:4px;word-break:break-word;font-size:16px;line-height:1.5}.technology .tech-note{display:flex;justify-content:flex-end;margin-top:clamp(28px,calc(40 / var(--page-width-cqi) * 100cqi),40px);text-align:left;color:var(--color, var(--text-base-color));font-size:clamp(9.8px,calc(14 / var(--page-width-cqi) * 100cqi),14px);line-height:1.43}@media (max-width: 750px){.technology .tech-note{font-size:clamp(10px,calc(18 / var(--page-width-cqi) * 100cqi),18px);line-height:1}}@media (max-width: 750px){.technology .astr-pdp__title{text-align:center}.technology__list{grid-template-columns:repeat(1,1fr);gap:24px}.technology__list>li{-moz-column-gap:20px;column-gap:20px}.technology__list>li i{width:80px}.technology__list>li .content .tech-title{font-size:16px;line-height:1.5}.technology__list>li .content .tech-text{font-size:12px;line-height:1.5}}.ato-tech__title{display:block;margin-bottom:48px;padding-bottom:40px;border-bottom:1px solid #222}.ato-tech__grid{display:flex;align-items:flex-start;-moz-column-gap:20px;column-gap:20px}.ato-tech__note{margin-top:40px;text-align:right;color:#aaa;font-size:14px;line-height:1.43}.ato-tech__list{flex:1}.ato-tech__list>li,.ato-tech__list>p{position:relative;word-break:break-word;font-size:20px;line-height:1.5}.ato-tech__list>li:not(:first-child),.ato-tech__list>p:not(:first-child){margin-top:40px}.ato-tech__list>li:not(.no-dot),.ato-tech__list>p:not(.no-dot){padding-left:30px}.ato-tech__list>li:not(.no-dot):before,.ato-tech__list>p:not(.no-dot):before{position:absolute;top:.55em;left:0;width:10px;height:10px;background-color:var(--text-base-color);border-radius:100%;content:""}@media (max-width: 750px){.ato-tech__title{margin-bottom:32px;padding-bottom:32px}.ato-tech__grid{display:block}.ato-tech__list{margin-top:32px}.ato-tech__list>li:not(:first-child),.ato-tech__list>p:not(:first-child){margin-top:12px}.ato-tech__list>li:not(.no-dot),.ato-tech__list>p:not(.no-dot){padding-left:22px}.ato-tech__list>li:not(.no-dot):before,.ato-tech__list>p:not(.no-dot):before{width:8px;height:8px}}.ato-tech__grid{align-items:center}.ato-tech__list{flex:3}.ato-tech__thumb{flex:4}.ato-tech__thumb--mist{flex:2}.ato-tech__thumb img{display:block;margin:0 auto}.ato-tech__cleanser{display:flex;align-items:center;justify-content:center;-moz-column-gap:20px;column-gap:20px}.ato-tech__cleanser .cleanser-grid{display:flex;align-items:flex-end;flex:0 1 600px;-moz-column-gap:20px;column-gap:20px}.ato-tech__cleanser .cleanser-grid strong{display:block;flex:0 0 clamp(100px,calc(200 / var(--page-width-cqi) * 100cqi),200px);font-weight:500;font-size:clamp(19.6px,calc(28 / var(--page-width-cqi) * 100cqi),28px);line-height:1.5}@media (max-width: 750px){.ato-tech__cleanser .cleanser-grid strong{font-size:clamp(16px,calc(28.8 / var(--page-width-cqi) * 100cqi),28.8px)}}.ato-tech__cleanser .cleanser-grid .thumb{flex:0 1 398px}.ato-tech__cleanser .cleanser-grid .thumb img{display:block;flex:1}.ato-tech__cleanser .cleanser-grid:first-child{text-align:right}.ato-tech__cleanser .cleanser-grid:first-child .thumb{order:2}.ato-tech__cleanser .versus{flex:1 1 auto;max-width:120px;text-align:center;font-weight:700;font-size:28px;line-height:1.5}@media (max-width: 750px){.ato-tech__cleanser .versus{font-size:16px}}.ato-tech .tech-note{display:flex;justify-content:flex-end;margin-top:clamp(28px,calc(40 / var(--page-width-cqi) * 100cqi),40px);text-align:left;color:var(--color, #aaa);font-size:14px;line-height:1.43}@media (max-width: 750px){.ato-tech .tech-note{font-size:10px;line-height:1}}@media (max-width: 750px){.ato-tech__thumb{margin-top:32px}.ato-tech__cleanser{align-items:flex-start}.ato-tech__cleanser .cleanser-grid{display:block;-moz-column-gap:10px;column-gap:10px}.ato-tech__cleanser .cleanser-grid .thumb{margin-bottom:16px}.ato-tech__cleanser .cleanser-grid strong{margin-bottom:auto}.ato-tech__cleanser .cleanser-grid:first-child{text-align:left}.ato-tech__cleanser .versus{padding-top:24%}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-tech.scss.css.map */