.wrapper-body{padding:0!important}body.scroll-up .ap-nav-wrapper{transform:translateY(60px)}body:not(:has(#header.is-scroll-hidden)) .ap-nav-wrapper{transform:translateY(60px)}.ap{container-name:article;container-type:inline-size}.ap-post{--primary-color: #4075ff;background-color:#fff;letter-spacing:normal}.ap-post *{margin:0;padding:0}.ap-post *{box-sizing:border-box}.ap-post p{margin:0}.ap-post sup{position:relative;top:-.35em;line-height:0}.ap-post h1,.ap-post h2,.ap-post h3,.ap-post h4,.ap-post h5,.ap-post h6,.ap-post th,.ap-post td{font-weight:inherit}.ap-post .pc-only{display:block}.ap-post .mo-only{display:none}@media (max-width: 720px){.ap-post .pc-only{display:none}.ap-post .mo-only{display:block}}.ap-pos-r{position:relative!important}.ap-pos-a{position:absolute!important;width:100%}.ap-ta-l{text-align:left}.ap-ta-c{text-align:center}.ap-ta-r{text-align:right}.ap-text--weight-m{font-weight:500}.ap-text--weight-sb{font-weight:600}.ap-text--highlight{color:var(--point-color)}.ap-text--underline{text-decoration:underline}.ap-section{--cont-w: 1520 }@media (max-width: 720px){.ap-section{--cont-w:720 }}.ap-section__inner{width:clamp(1px,1520 / var(--cont-w) * 100cqi,1520px);margin:0 auto;padding:clamp(1px,40 / var(--cont-w) * 100cqi,40px);text-align:center}.ap-section--intro{--cont-w: 1920;color:#fff}.ap-section--intro .ap-image img{width:100%;max-height:clamp(1px,766 / var(--cont-w) * 100cqi,766px);-o-object-fit:cover;object-fit:cover;-o-object-position:70%;object-position:70%}.ap-section--intro .ap-section__textwrap{top:clamp(1px,140 / var(--cont-w) * 100cqi,140px);text-align:center}.ap-section--intro .ap-section__textwrap .ap-image{width:clamp(1px,465 / var(--cont-w) * 100cqi,465px);margin:0 auto clamp(1px,52 / var(--cont-w) * 100cqi,52px)}.ap-section--intro .ap-section__desc{margin-bottom:clamp(1px,60 / var(--cont-w) * 100cqi,60px);font-size:clamp(11px,32 / var(--cont-w) * 100cqi,32px);line-height:1.5}.ap-section--intro .ap-section__title{font-size:clamp(11px,40 / var(--cont-w) * 100cqi,40px);font-weight:500;line-height:1.4}.ap-section--intro .ap-tab-list{display:flex;border-bottom:1px solid #ddd}.ap-section--intro .ap-tab-list__item{width:33.3333333333%}.ap-section--intro .ap-tab-list__item .ap-tab{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:clamp(1px,314 / var(--cont-w) * 100cqi,314px);line-height:1}.ap-section--intro .ap-tab-list__item+.ap-tab-list__item{border-left:1px solid #ddd}.ap-section--intro .ap-tab-list__num{padding:clamp(1px,4 / var(--cont-w) * 100cqi,4px) clamp(1px,12 / var(--cont-w) * 100cqi,12px);background:#f0f0f0;border-radius:clamp(1px,20 / var(--cont-w) * 100cqi,20px);font-size:clamp(11px,28 / var(--cont-w) * 100cqi,28px);font-weight:600;color:#666}.ap-section--intro .ap-tab-list__title{margin-top:clamp(1px,26 / var(--cont-w) * 100cqi,26px);font-size:clamp(11px,36 / var(--cont-w) * 100cqi,36px);font-weight:600;color:#4076ff}.ap-section--intro .ap-tab-list__title--01{color:#1043c7}.ap-section--intro .ap-tab-list__title--02{color:#f53c50}.ap-section--intro .ap-tab-list__desc{margin-top:clamp(1px,14 / var(--cont-w) * 100cqi,14px);font-size:clamp(11px,24 / var(--cont-w) * 100cqi,24px);font-weight:500;color:#999}@media (max-width: 720px){.ap-section--intro{--cont-w:720 }.ap-section--intro .ap-image img{max-height:clamp(1px,904 / var(--cont-w) * 100cqi,904px)}.ap-section--intro .ap-section__textwrap{top:clamp(1px,200 / var(--cont-w) * 100cqi,200px)}.ap-section--intro .ap-section__textwrap .ap-image{width:clamp(1px,427 / var(--cont-w) * 100cqi,427px);margin:0 auto clamp(1px,52 / var(--cont-w) * 100cqi,52px)}.ap-section--intro .ap-section__desc{font-size:clamp(11px,32 / var(--cont-w) * 100cqi,32px);line-height:1.5}.ap-section--intro .ap-section__title{font-size:clamp(11px,36 / var(--cont-w) * 100cqi,36px);line-height:1.4444}.ap-section--intro .ap-tab-list__item .ap-tab{height:clamp(1px,246 / var(--cont-w) * 100cqi,246px)}.ap-section--intro .ap-tab-list__title{font-size:clamp(11px,34 / var(--cont-w) * 100cqi,34px)}}.ap-section--promise .ap-nav{width:33.3333333333%}.ap-section--promise .ap-nav-wrapper{position:fixed;top:0;left:0;z-index:10;width:100%;border-bottom:1px solid #dddddd;background:#fff;transition:transform .3s ease,opacity .3s;opacity:0;pointer-events:none;box-shadow:0 15px 26px #0000000f}.ap-section--promise .ap-nav-list{max-width:clamp(1px,1440 / var(--cont-w) * 100cqi,1440px);display:flex;margin:0 auto;height:80px}.ap-section--promise .ap-nav+.ap-nav{border-left:1px solid #dddddd}.ap-section--promise .ap-nav-link{height:100%;display:flex;justify-content:center;align-items:center;font-size:clamp(20px,26 / var(--cont-w) * 100cqi,26px)}.ap-section--promise .ap-nav-link.active{height:calc(100% + 1px);font-weight:600;border-bottom:3px solid #000}.ap-section--promise .ap-nav:nth-child(1) .active{color:#1043c7;border-color:#1043c7}.ap-section--promise .ap-nav:nth-child(2) .active{color:#f53c50;border-color:#f53c50}.ap-section--promise .ap-nav:nth-child(3) .active{color:#4076ff;border-color:#4076ff}.ap-section--promise__section{display:flex;align-items:center;min-height:clamp(1px,960 / var(--cont-w) * 100cqi,960px)}.ap-section--promise__section--reduce{--point-color: #ffffff;background:#6691ff}.ap-section--promise__section--reuse{--point-color: #f53c50;background:#ffebec}.ap-section--promise__section--reuse .ap-section__inner{flex-direction:row-reverse}.ap-section--promise__section--recycle{--point-color: #4076ff;background:#ebf3fd}.ap-section--promise__section .ap-section__inner{display:flex;gap:clamp(1px,60 / var(--cont-w) * 100cqi,60px)}@media (max-width: 1100px){.ap-section--promise__section .ap-section__inner{padding:clamp(1px,50 / var(--cont-w) * 100cqi,50px) clamp(1px,40 / var(--cont-w) * 100cqi,40px) clamp(1px,60 / var(--cont-w) * 100cqi,60px)}.ap-section--promise__section .ap-section__inner br.pc-only{display:none}}.ap-section--promise__section .ap-section__textwrap{color:#000;width:clamp(1px,720 / var(--cont-w) * 100cqi,720px);text-align:left}.ap-section--promise__section .ap-section__imgwrap{flex-shrink:1;width:clamp(1px,660 / var(--cont-w) * 100cqi,660px)}.ap-section--promise__section .ap-section__imgwrap .ap-image-caption{min-height:clamp(1px,56 / var(--cont-w) * 100cqi,56px);margin-top:clamp(1px,20 / var(--cont-w) * 100cqi,20px);font-size:clamp(11px,24 / var(--cont-w) * 100cqi,24px);line-height:1.25;text-align:left;color:#000}.ap-section--promise__section .ap-section__imgwrap .ap-image-caption__sup{margin-top:clamp(1px,16 / var(--cont-w) * 100cqi,16px);font-size:clamp(11px,16 / var(--cont-w) * 100cqi,16px);display:block;color:#333}.ap-section--promise__section .ap-section__num{margin-bottom:clamp(1px,32 / var(--cont-w) * 100cqi,32px);font-size:clamp(11px,18 / var(--cont-w) * 100cqi,18px);font-weight:400;color:#bbb;line-height:1}.ap-section--promise__section .ap-section__num strong{font-size:clamp(11px,20 / var(--cont-w) * 100cqi,20px);font-weight:600}.ap-section--promise__section .ap-section__title{margin-bottom:clamp(1px,40 / var(--cont-w) * 100cqi,40px);font-size:clamp(20px,60 / var(--cont-w) * 100cqi,60px);font-weight:500;line-height:1.3333}.ap-section--promise__section .ap-section__desc{margin-top:clamp(1px,16 / var(--cont-w) * 100cqi,16px);font-size:clamp(14px,20 / var(--cont-w) * 100cqi,20px);line-height:1.6}.ap-section--promise__section .ap-swiper{flex-shrink:1;overflow:hidden}.ap-section--promise__section .ap-swiper-pager{margin-top:clamp(1px,20 / var(--cont-w) * 100cqi,20px);display:flex;justify-content:center;gap:clamp(1px,10 / var(--cont-w) * 100cqi,10px)}.ap-section--promise__section .ap-swiper-pager .swiper-pagination-bullet{margin:0;width:clamp(1px,15 / var(--cont-w) * 100cqi,15px);height:clamp(1px,15 / var(--cont-w) * 100cqi,15px);background:#b9b9b9;opacity:.4}.ap-section--promise__section .ap-swiper-pager .swiper-pagination-bullet-active{border:0;opacity:1;background:#000}@media (max-width: 720px){.ap-section--promise .ap-nav-list{height:clamp(1px,80 / var(--cont-w) * 100cqi,80px)}.ap-section--promise .ap-nav-link{font-size:clamp(11px,32 / var(--cont-w) * 100cqi,32px)}.ap-section--promise__section--reuse .ap-image-caption{line-height:1!important}.ap-section--promise__section .ap-section__inner{flex-direction:column;gap:clamp(1px,80 / var(--cont-w) * 100cqi,80px);width:100%;padding:clamp(1px,120 / var(--cont-w) * 100cqi,120px) 0 clamp(1px,100 / var(--cont-w) * 100cqi,100px)}.ap-section--promise__section .ap-section__textwrap{flex-shrink:1;min-width:0;padding:0 clamp(1px,40 / var(--cont-w) * 100cqi,40px)}.ap-section--promise__section .ap-section__imgwrap{width:100%}.ap-section--promise__section .ap-section__imgwrap .ap-image{padding:0 clamp(1px,40 / var(--cont-w) * 100cqi,40px)}.ap-section--promise__section .ap-section__imgwrap .ap-image-caption{margin-top:clamp(1px,24 / var(--cont-w) * 100cqi,24px)}.ap-section--promise__section .ap-section__imgwrap .ap-image-caption__sup{margin-top:clamp(1px,12 / var(--cont-w) * 100cqi,12px);font-size:clamp(11px,20 / var(--cont-w) * 100cqi,20px)}.ap-section--promise__section .ap-section__num{margin-bottom:clamp(1px,28 / var(--cont-w) * 100cqi,28px)}.ap-section--promise__section .ap-section__num strong{font-size:clamp(11px,28 / var(--cont-w) * 100cqi,28px)}.ap-section--promise__section .ap-section__title{margin-bottom:clamp(1px,36 / var(--cont-w) * 100cqi,36px);font-size:clamp(11px,44 / var(--cont-w) * 100cqi,44px);line-height:1.2727}.ap-section--promise__section .ap-section__desc{font-size:clamp(11px,24 / var(--cont-w) * 100cqi,24px);line-height:1.5}.ap-section--promise .ap-swiper{width:100%}.ap-section--promise .ap-swiper .swiper-slide:first-child{padding-left:clamp(1px,40 / var(--cont-w) * 100cqi,40px)}.ap-section--promise .ap-swiper .swiper-slide:last-child{padding-right:clamp(1px,40 / var(--cont-w) * 100cqi,40px)}.ap-section--promise .ap-swiper-pager{margin-top:clamp(1px,40 / var(--cont-w) * 100cqi,40px);gap:clamp(1px,12 / var(--cont-w) * 100cqi,12px)}.ap-section--promise .ap-swiper-pager .swiper-pagination-bullet{width:clamp(1px,18 / var(--cont-w) * 100cqi,18px);height:clamp(1px,18 / var(--cont-w) * 100cqi,18px)}}.ap-section--outro{padding-top:clamp(1px,80 / var(--cont-w) * 100cqi,80px);padding-bottom:clamp(1px,160 / var(--cont-w) * 100cqi,160px)}.ap-section--outro .ap-image{width:clamp(1px,120 / var(--cont-w) * 100cqi,120px);margin:0 auto clamp(1px,40 / var(--cont-w) * 100cqi,40px)}.ap-section--outro .ap-section__desc{font-size:clamp(14px,20 / var(--cont-w) * 100cqi,20px);line-height:2;color:#333}.ap-section--outro .ap-section__list{margin:clamp(1px,32 / var(--cont-w) * 100cqi,32px) 0;font-size:clamp(14px,20 / var(--cont-w) * 100cqi,20px);line-height:1;color:#6094d3}.ap-section--outro .ap-section__list li{display:flex;justify-content:center;align-items:center;gap:clamp(1px,8 / var(--cont-w) * 100cqi,8px)}.ap-section--outro .ap-section__list li:before{display:block;width:clamp(1px,4 / var(--cont-w) * 100cqi,4px);height:clamp(1px,4 / var(--cont-w) * 100cqi,4px);background-color:#6094d3;content:""}.ap-section--outro .ap-section__list li+li{margin-top:clamp(1px,16 / var(--cont-w) * 100cqi,16px)}@media (max-width: 720px){.ap-section--outro{padding-bottom:clamp(1px,100 / var(--cont-w) * 100cqi,100px)}.ap-section--outro .ap-image{margin-bottom:clamp(1px,60 / var(--cont-w) * 100cqi,60px)}.ap-section--outro .ap-section__inner{width:100%}.ap-section--outro .ap-section__desc{font-size:clamp(11px,24 / var(--cont-w) * 100cqi,24px);line-height:1.6667}.ap-section--outro .ap-section__list{font-size:clamp(11px,24 / var(--cont-w) * 100cqi,24px)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/page-brand-sustainability.scss.css.map */