h2{font-size:28px;font-weight:700;line-height:1.6;color:#707070}@media all and (max-width: 767px){h2{font-size:24px}}h3{font-size:28px;font-weight:700;line-height:1.6}@media all and (max-width: 767px){h3{font-size:26px}}h4{font-size:20px;font-weight:700;line-height:1.6;letter-spacing:.04em}@media all and (max-width: 767px){h4{font-size:18px}}h5{font-size:23px;font-weight:700;line-height:1.6}input[type=number]{-moz-appearance:textfield}.right-arrow{transform:rotate(-45deg)}.arrow{border:solid black;border-width:0 1px 1px 0;display:inline-block;padding:4px}#MainContent:has(.banner-top){background-color:#f8f8f8}.banner-top{position:relative;height:844px;max-width:1920px;margin:0 auto;background-image:url(./top-banner_pc.png);background-position:bottom center;background-repeat:no-repeat;background-size:cover}@media all and (max-width: 1920px){.banner-top{height:max(44vw,632px)}}@media all and (max-width: 1024px){.banner-top{height:457px;background-image:url(./top-banner_tb.png)}}@media all and (max-width: 767px){.banner-top{height:max(100.8vw,378px);background-image:url(./top-banner_sp.png)}}.banner-top .container{width:100%;height:100%;position:relative}.banner-top__box{width:100%;text-align:center;position:absolute;top:213px;left:50%;transform:translate(-50%)}@media all and (max-width: 1920px){.banner-top__box{top:max(11.1vw,160px)}}@media all and (max-width: 1024px){.banner-top__box{top:27%}}@media all and (max-width: 767px){.banner-top__box{top:30.4%}}.banner-top__box .banner-logo{width:100%;max-width:496px;height:auto;margin:0 auto}.banner-top__box .banner-logo.banner-logo--sp{display:none}@media all and (max-width: 767px){.banner-top__box .banner-logo{max-width:273px}.banner-top__box .banner-logo.banner-logo--pc{display:none}.banner-top__box .banner-logo.banner-logo--sp{display:block}}.banner-top__box .banner-title{color:#fff;text-shadow:0px 0px 20px #000000;font-size:20px;margin-top:24px}@media all and (min-width: 768px) and (max-width: 1024px){.banner-top__box .banner-title{font-size:18px}}@media all and (max-width: 767px){.banner-top__box .banner-title{font-size:16px;margin-top:20px}}.banner-top__box .banner-title br{display:none}@media all and (max-width: 767px){.banner-top__box .banner-title br{display:block}}.banner-top__box .banner-title span{background-image:url(../assets/icon-plus-green.svg);background-size:contain;background-repeat:no-repeat;background-position:center;width:17px;height:17px;display:inline-block;vertical-align:middle}.banner-top__box .banner-button{position:relative;margin:32px auto 24px}.banner-top__box a:hover.banner-button{opacity:1}.banner-top__box .banner-button:before{position:absolute;content:"";display:none;width:100%;height:100%;top:0;left:0;background-color:#fff;opacity:.2}.banner-top__box a:hover.banner-button:before{display:block}.banner-top__box .form-search{margin-top:40px;display:flex;gap:8px}@media all and (max-width: 767px){.banner-top__box .banner-button{width:10em;margin:5px auto 0}.banner-top__box .form-search{margin-top:35px;width:100%}.banner-top__box .form-search__input{width:100%}}.banner-top__box .form-search__input input{width:512px;height:65px;padding-left:23px;border-radius:4px;border:none}@media all and (max-width: 767px){.banner-top__box .form-search__input input{width:100%;height:48px}}.banner-top__box .form-search__input input::placeholder{color:#b8bfb6}.banner-top__box .form-search__input .error{text-align:left;display:none}.banner-top__box .form-search__input .error-input{border:2.8px solid #c81b1b;border-radius:4px;background-color:#f7dddd;color:#c81b1b}.banner-top__box .form-search__button{width:65px;height:65px;border-radius:4px}@media all and (max-width: 767px){.banner-top__box .form-search__button{width:48px;height:48px}}.banner-top__box .form-search__button button{width:100%;height:100%;background-image:url(./icon-search.svg);background-repeat:no-repeat;background-color:#02a900;border:unset;border-radius:4px;background-position:center;background-size:30px}.shape{margin-top:-280px}@media all and (max-width: 1920px){.shape{margin-top:min(-14.09vw,-203px)}}@media all and (max-width: 1024px){.shape{margin-top:-95px}}@media all and (max-width: 767px){.shape{margin-top:min(-11.46vw,-43px)}}.shape .flext-center{display:flex;align-items:center;justify-content:center}.shape .button-search{width:280px;height:64px;background-color:#02a900;border:none;border-radius:4px;margin-left:52px;color:#fff;margin-bottom:54px}@media all and (max-width: 767px){.shape .button-search{width:100%;height:58px}}.shape .button-search.button-none{display:none}@media all and (max-width: 1024px){.shape .button-search.search-1{margin:24px 0 39px}}@media all and (max-width: 767px){.shape .button-search.search-1{margin:17px 0 28px}}.shape .button-search.search-2{display:flex;justify-content:center;align-items:center;margin:54px auto 0}@media all and (max-width: 767px){.shape .button-search.search-2{margin-top:30px}}.tab-content{display:none}.tab-content.active{display:block}.tab-nav.--search{display:flex;justify-content:center;margin-bottom:20px}.tab-nav.--search .tab-button{width:50%;padding:16px 0;background-color:#d5d5d5;border:none;cursor:pointer;font-size:20px;font-weight:700;color:#242e2e;position:relative;border-radius:10px 10px 0 0}@media all and (max-width: 767px){.tab-nav.--search .tab-button{font-size:14px}}.tab-nav.--search .tab-button.active{background-color:#fff;z-index:2}.keyword-box{background-color:#fff;padding:48px 0;border-radius:0 0 10px 10px;width:1108px;margin-top:-21px;z-index:10}@media all and (max-width: 767px){.keyword-box{padding:28px 14px}}.keyword-box .banner_product{background-color:transparent;padding:0}.keyword-box .banner_product .product-container{width:100%}.keyword-box .banner_product--form .banner--top{justify-content:center}.keyword-box .banner_product--form .banner--top__search{margin-top:0;flex-direction:column}@media all and (max-width: 767px){.keyword-box .banner_product--form .banner--top__search{width:100%}}.keyword-box .banner_product--form .banner--top .form-search__text{font-size:16px;line-height:1.5;letter-spacing:.04em}@media all and (max-width: 767px){.keyword-box .banner_product--form .banner--top .form-search__text{font-size:14px}}.keyword-box .banner_product--form .banner--top .form-search__inputGroup{display:flex;align-items:flex-start;margin-top:10px;gap:8px}.keyword-box .banner_product--form .banner--top__search input{border:2px solid #d5d5d5;border-radius:4px;padding:19px 24px;line-height:1.25;width:512px;height:64px}@media all and (max-width: 767px){.keyword-box .banner_product--form .banner--top__search input{width:100%;height:48px;padding:16px 12px}}.keyword-box .banner_product--form .banner--top__search input.error-input{color:#c81b1b;background-color:#f7dede;border-color:#c81b1b}.keyword-box .banner_product--form .banner--top__search .text-white.content-sBold.show-error{position:absolute;bottom:0;margin-top:5px}.keyword-box .banner_product--form .banner--top__search button{margin-left:0;width:64px;height:64px;background-size:30px}@media all and (max-width: 767px){.keyword-box .banner_product--form .banner--top__search button{width:48px;height:48px;background-size:22px}}.shape-box{background-color:#fff;border-radius:0 0 10px 10px;width:1108px;margin-top:-21px;z-index:10;padding:48px 64px}@media all and (min-width: 768px) and (max-width: 1024px){.shape-box{padding:48px 44px}}@media all and (max-width: 767px){.shape-box{padding:16px 16px 28px}}.tab-nav.--shape{display:flex}.tab-nav.--shape .tab-button{width:25%;padding:8px 0;border:none;background-color:transparent;border-bottom:1px solid #D5D5D5;cursor:pointer;font-size:20px;font-weight:700;color:#242e2e;position:relative;border-radius:0;transition:background-color .2s ease}@media all and (max-width: 767px){.tab-nav.--shape .tab-button{font-size:14px}}.tab-nav.--shape .tab-button:not(.active):hover{background-color:#eee}.tab-nav.--shape .tab-button.active{padding-bottom:5px;border-bottom:4px solid #02A900}.shape-box--title{color:#242e2e;margin-top:44px;margin-bottom:20px;display:inline-block}@media all and (max-width: 767px){.shape-box--title{margin-top:20px;font-size:20px}}.shape-box--title:after{content:"";background-image:linear-gradient(to left,#02a900 20%,#242e2e 80%);height:1px;width:100%;display:block}.shape-box--btn-group{display:flex;flex-wrap:wrap;gap:18px}@media all and (max-width: 767px){.shape-box--btn-group{gap:10px}}.shape-box--btn{padding:0 18px;min-width:120px;height:48px;font-size:20px;color:#242e2e;border-radius:32px;background-color:#f6f6f6;cursor:pointer;border:1px solid transparent;transition:background-color .2s ease}@media all and (max-width: 767px){.shape-box--btn{min-width:initial;font-size:18px;height:37px;padding:0 16px;border-radius:20px}}.shape-box--btn.active{background-color:#f2fbf2;border-color:#02a900}.shape-box--btn:not(.active):hover{background-color:#d5d5d5}.shape-box__list{margin-bottom:47px}@media all and (max-width: 767px){.shape-box__list{margin-bottom:41px}}.shape-box__list ul{display:flex;flex-wrap:wrap;gap:18px}@media all and (max-width: 767px){.shape-box__list ul{gap:10px}}.shape-box__list ul li{min-width:152px;height:50px;background-color:#f7f7f7;border-radius:25px}@media all and (max-width: 767px){.shape-box__list ul li{min-width:92px;height:36px}}.shape-box__list ul li:hover{opacity:.5}.shape-box__list ul li label{display:flex;align-items:center;justify-content:center;color:#000;width:100%;height:100%}.shape-box__list ul li.active{background:#242e2e}.shape-box__list ul li.active label{color:#f8f8f8}.shape-box__form .variety{display:flex;align-items:center;margin-bottom:2px;-moz-column-gap:4px;column-gap:4px}@media all and (max-width: 767px){.shape-box__form .variety{margin-bottom:18px}}@media all and (max-width: 767px){.shape-box__form .variety .select-all{display:none}}@media all and (max-width: 767px){.shape-box__form .variety h3{font-size:18px}}.shape-box__form .variety h3:after{content:"";margin-top:8px;background-image:linear-gradient(to left,#02a900 20%,#242e2e 80%);height:1px;width:100%;display:block}.shape-box__form .variety .checkbox-container label{background-color:unset;height:35px;margin-bottom:13px}.shape-box__form .variety .checkbox-container label.w-100{width:100%}.shape-box__form .variety .checkbox-container label .checkmark{width:26px;height:26px}.shape-box__form .mb-60{margin-bottom:60px}@media all and (max-width: 767px){.shape-box__form .mb-60{margin-bottom:40px}}.shape-box__form .thickness{margin-bottom:55px}@media all and (max-width: 767px){.shape-box__form .thickness{margin-bottom:44px}}.shape-box__form .thickness h3{display:inline-block}@media all and (max-width: 767px){.shape-box__form .thickness h3{font-size:20px}}.shape-box__form .thickness h3:after{content:"";margin-top:0;background-image:linear-gradient(to right,#242e2e 80%,#02a900 50%);height:1px;width:100%;display:block;margin-bottom:19px}@media all and (max-width: 767px){.shape-box__form .thickness__input{display:flex;justify-content:space-between}}.shape-box__form .thickness__input label{display:inline-flex;align-items:center;-moz-column-gap:18px;column-gap:18px}@media all and (max-width: 767px){.shape-box__form .thickness__input label{width:calc(50% - 5px);-moz-column-gap:8px;column-gap:8px}.shape-box__form .thickness__input label span{min-width:44%}}.shape-box__form .thickness__input label input{width:146px;height:64px;padding-left:24px;border:unset;background-color:#f7f7f7}@media all and (max-width: 767px){.shape-box__form .thickness__input label input{width:100%;padding-left:5px}}@media all and (max-width: 375px){.shape-box__form .thickness__input label input{min-width:89px}}.shape-box__form .more-conditions{max-width:980px;display:flex;flex-wrap:wrap}@media all and (max-width: 1024px){.shape-box__form .more-conditions{flex-direction:column}}.shape-box__form .more-conditions.show-more{border:2px solid #d5d5d5;border-radius:4px}.shape-box__form .more-conditions.show-more label{border:none}.shape-box__form .more-conditions input{border-radius:2px}.shape-box__form .more-conditions label{display:flex;align-items:center;justify-content:center;width:337px;height:64px;border:2px solid #d5d5d5;border-radius:4px}@media all and (max-width: 767px){.shape-box__form .more-conditions label{width:100%;height:58px}}.shape-box__form .more-conditions label span{margin-left:14px;display:flex;align-items:center}.shape-box__form .more-conditions .conditions-flex{margin-top:31px;display:flex;padding-bottom:40px}@media all and (max-width: 1024px){.shape-box__form .more-conditions .conditions-flex{flex-wrap:wrap;justify-content:space-around}}.shape-box__form .more-conditions .conditions-flex .item:not(:first-child){margin-top:32px}@media all and (max-width: 767px){.shape-box__form .more-conditions .conditions-flex .item{margin-top:32px}}.shape-box__form .more-conditions .conditions-flex__left{margin-right:80px;margin-left:60px}@media all and (max-width: 1024px){.shape-box__form .more-conditions .conditions-flex__left{width:100%;margin-right:0;margin-left:0}}.shape-box__form .more-conditions .conditions-flex__left .item{display:flex;flex-wrap:wrap}@media all and (max-width: 767px){.shape-box__form .more-conditions .conditions-flex__left .item{flex-direction:column}}.shape-box__form .more-conditions .conditions-flex__left .item:not(:first-child){margin-top:32px}.shape-box__form .more-conditions .conditions-flex__left .item label{width:50%;border:unset}@media all and (max-width: 767px){.shape-box__form .more-conditions .conditions-flex__left .item label{width:100%;display:flex;flex-direction:column;margin-bottom:24px}}.shape-box__form .more-conditions .conditions-flex__left .item label span{margin:0 auto 0 12px;min-width:64px}.shape-box__form .more-conditions .conditions-flex__left .item h3{width:100%;margin-bottom:8px;font-size:20px}.shape-box__form .more-conditions .conditions-flex__left .item input{width:136px;height:58px;border:unset;background-color:#f7f7f7;padding-left:20px}@media all and (max-width: 1024px){.shape-box__form .more-conditions .conditions-flex__left .item input{width:75%}}@media all and (max-width: 767px){.shape-box__form .more-conditions .conditions-flex__left .item input{width:100%;min-height:48px;order:2}}@media all and (max-width: 1024px){.shape-box__form .more-conditions .conditions-flex__right{width:100%}}.shape-box__form .more-conditions .conditions-flex__right .item select,.shape-box__form .more-conditions .conditions-flex__right .item option{background-color:#f8f8f8}.shape-box__form .more-conditions .conditions-flex__right .item label{border:none;width:unset}.shape-box__form .more-conditions .conditions-flex__right .item input{width:310px;height:58px;padding-left:21px;border:none;background-color:#f8f8f8}@media all and (max-width: 1024px){.shape-box__form .more-conditions .conditions-flex__right .item input{width:100%}}.shape-box__form .more-conditions .conditions-flex__right .item select,.shape-box__form .more-conditions .conditions-flex__left .item select,.shape-box__form .thickness .thickness__input select{width:310px;height:58px;border:none;padding-left:21px;background:url(./icon-arrow.svg) no-repeat #f8f8f8;-webkit-appearance:none;background-position:270px}@media all and (max-width: 1024px){.shape-box__form .more-conditions .conditions-flex__right .item select,.shape-box__form .more-conditions .conditions-flex__left .item select{width:100%;background-position:96%}}.shape-box__form .more-conditions .conditions-flex__right .item h3{margin-bottom:8px;font-size:20px}@media all and (max-width: 1024px){.shape-box__form .more-conditions .conditions-flex__right .item,.shape-box__form .more-conditions .conditions-flex__left .item{padding:0 22px}}.link-box{margin-top:72px}@media all and (max-width: 767px){.link-box{margin-top:62px}}.link-box--list{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}@media all and (max-width: 1024px){.link-box--list{grid-template-columns:repeat(2,1fr)}}@media all and (max-width: 767px){.link-box--list{grid-template-columns:repeat(1,1fr)}}.link-box--item{background-color:#fff;border-radius:10px;border-width:2px;border:2px solid #D5D5D5;transition:all .2s ease}.link-box--item:hover{background-color:#eee}.link-box--link{display:flex;flex-direction:column;align-items:center;gap:16px;padding:24px}@media all and (min-width: 768px) and (max-width: 1024px){.link-box--link{flex-direction:row}}@media all and (max-width: 767px){.link-box--link{gap:14px;flex-direction:row;padding:16px 20px}}.link-box--link:hover{opacity:1}.link-box--img{width:64px;height:64px}@media all and (max-width: 767px){.link-box--img{width:40px;height:40px}}.link-box--text{font-weight:700;font-size:18px}@media all and (max-width: 767px){.link-box--text{font-size:16px}}.common-standards{margin-top:72px}@media all and (max-width: 767px){.common-standards{margin-top:62px}}.common-standards .standards-box{background-color:#fff;border-radius:10px;display:flex;flex-direction:column;justify-content:center;padding:44px 64px}@media all and (min-width: 768px) and (max-width: 1024px){.common-standards .standards-box{padding:44px}}@media all and (max-width: 767px){.common-standards .standards-box{padding:28px 14px}}.common-standards .standards-box .see-more{font-size:14px;line-height:1.6;letter-spacing:.04em;margin-left:auto}.common-standards .standards-box .standard-item{position:relative;width:100%;min-height:165px;background-color:#f6f6f6;padding:20px;transition:all .2s ease;word-break:break-all}.common-standards .standards-box .standard-item:hover{opacity:.5}.common-standards .standards-box .standard-item__tagbox{display:flex;align-items:center;gap:10px}.common-standards .standards-box .standard-item__tag{width:fit-content;padding:2px 12px;line-height:1.6;letter-spacing:.04em;background-color:#707070;border-radius:2px;font-weight:700}.common-standards .standards-box .standard-item__content{display:flex;gap:18px;margin-top:12px;width:100%}.common-standards .standards-box .standard-item__info{width:100%}.common-standards .standards-box .standard-item img{width:80px;height:80px;object-fit:cover}.common-standards .standards-box .standard-item__info .title{display:flex;align-items:center;margin:0}.common-standards .standards-box .standard-item__info .title h5{font-weight:700;font-size:20px;line-height:1.6;letter-spacing:.04em;color:#242e2e}.common-standards .standards-box .standard-item__info .content-m{font-size:16px;line-height:1.5;letter-spacing:.04em;color:#242e2e}.common-standards .standards-box .standard-item__info .price{margin-top:12px;width:100%;display:flex;justify-content:flex-end;align-items:baseline}.common-standards .standards-box .common-standard__collection{gap:16px;display:flex;flex-direction:column}.common-standards .standards-box h2{font-size:28px;line-height:1.6;letter-spacing:.04em;margin-bottom:24px}@media all and (min-width: 768px) and (max-width: 1024px){.common-standards .standards-box h2{margin-bottom:24px}}@media all and (max-width: 767px){.common-standards .standards-box h2{margin-bottom:20px;font-size:26px}}.common-standards .standards-box .common-standard__collection h3{font-size:24px;line-height:1.6;letter-spacing:.04em;color:#242e2e;margin:0}.common-standards .standards-box .common-standard__collection h3:after{content:"";margin-top:8px;background-image:linear-gradient(to right,#242e2e 85%,#02a900 15%);height:1px;width:100%;display:block}.common-standards .standards-box .flex-container{display:grid;grid-template-columns:repeat(2,1fr);gap:60px}@media all and (min-width: 768px) and (max-width: 1024px){.common-standards .standards-box .flex-container{grid-template-columns:repeat(1,1fr);gap:48px}}@media all and (max-width: 767px){.common-standards .standards-box .flex-container{grid-template-columns:repeat(1,1fr);gap:68px}}.news-triangle{display:block!important;padding-top:220px;max-width:1920px;margin:20px auto 0;position:relative}.news-triangle:before,.news-triangle:after{content:"";display:inline-block;width:100%;position:absolute}.news-triangle:before{height:calc(100% - 20px);left:0;bottom:0;background-color:#02a900;clip-path:polygon(0 0,100% 333px,100% 100%,0% 100%)}.news-triangle:after{height:calc(100% + 1px);right:0;bottom:-1px;background-color:#fff;clip-path:polygon(0 218px,100% 0,100% 100%,0% 100%)}.news{padding-bottom:40px;max-width:1920px;margin:-62px auto 0;background-color:#fff}.news .container{position:relative;z-index:1}@media all and (max-width: 1024px){.news-triangle{padding-top:220px;margin:36px auto 0}.news-triangle:before{height:calc(100% - 12px);clip-path:polygon(0 0,100% 183px,100% 100%,0% 100%)}.news-triangle:after{clip-path:polygon(0 120px,100% 0,100% 100%,0% 100%)}.news{padding-bottom:95px;margin:-80px auto 0}}@media all and (max-width: 767px){.news-triangle{padding-top:120px;margin:86px auto 0}.news-triangle:before{height:100%;clip-path:polygon(0 0,100% 87px,100% 100%,0% 100%)}.news-triangle:after{clip-path:polygon(0 60px,100% 0,100% 100%,0% 100%)}.news{padding-bottom:50px;margin:-10px auto 0}}.news .flex-center{width:100%;text-align:center;margin-bottom:44px}@media all and (max-width: 767px){.news .flex-center{margin-bottom:74px}}.news .news-content{width:100%;max-width:975px;margin:auto;padding:0 25px}@media all and (max-width: 1024px){.news .news-content{padding-left:0;padding-top:0}}.news .news-content__item{padding:24px;border-bottom:1px solid #EEEEEE}.news .news-content__item:hover{opacity:.5}.news .news-content__item a{display:flex;color:#242e2e}@media all and (max-width: 767px){.news .news-content__item a{flex-wrap:wrap;row-gap:18px}}.news-content__item .content-l{line-height:1.5}.news .news-content__item .new-date{margin-right:32px;color:#707070}@media all and (max-width: 767px){.news .news-content__item .new-date{font-size:16px}}.news .news-content__item .tag{display:flex;align-items:center;justify-content:center;min-width:93px;border:1px solid #02A900;border-radius:16px;margin-right:12px;color:#02a900;height:100%;min-height:32px}@media all and (max-width: 767px){.news .news-content__item .new-title{font-size:18px}}.news .news-content__more{width:100%;text-align:end;display:block;margin-top:20px}.clip-path{position:relative;max-width:1920px;z-index:1;margin:0 auto}.contact{background-color:#242e2e}.contact__content{width:100%;display:flex;justify-content:space-between;align-items:center;padding:0 63px;min-height:166px}@media all and (max-width: 1024px){.contact__content{-moz-column-gap:26px;column-gap:26px;padding:0}}@media all and (max-width: 767px){.contact__content{flex-wrap:wrap;justify-content:center;padding-top:16px;padding-bottom:55px}}@media all and (max-width: 767px){.contact__content .contact-text{width:100%;text-align:left}.contact__content .contact-text p{font-size:18px}}@media all and (max-width: 767px){.contact .contact-right{width:100%}}.contact .contact-right .contact-btn{display:flex;position:relative;align-content:center;justify-content:center;min-width:280px;min-height:58px;border-radius:4px;border:none;background:#fff}@media all and (max-width: 1024px){.contact .contact-right .contact-btn{min-width:252px}}@media all and (max-width: 767px){.contact .contact-right .contact-btn{min-width:100%;max-width:327px;height:64px;margin-top:34px}}.contact .contact-right .contact-btn svg{display:initial;width:30px;height:30px;margin-right:16.32px}.contact .contact-right .contact-btn span{position:absolute;display:flex;align-items:center;justify-content:center;height:100%}.show-error{text-align:left;position:absolute;color:#c81b1b}.banner-top__box .form-search__input input{padding-right:15px}
/*# sourceMappingURL=/cdn/shop/t/28/assets/top.css.map */