@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Tajawal:wght@700&display=swap);.p-product_cards{display:grid;grid-template-columns:1fr 1fr;gap:1.6rem 1rem;margin:2rem 0 3rem}@media (width <= 630px){.p-product_cards{grid-template-columns:1fr}}.p-product_cards .cards_item{display:grid;grid-template-rows:repeat(4,1fr);align-items:end;transition:filter .3s ease}@media (width <= 630px){.p-product_cards .cards_item{grid-template-rows:auto}}.p-product_cards .cards_item:hover{filter:brightness(110%)}.p-product_cards .cards_item:hover img{transform:scale(1.05)}.p-product_cards .cards_item img{width:100%;aspect-ratio:535/247;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.p-product_cards .cards_item:not(:has(.item_pict)){grid-template-rows:auto}.p-product_cards .cards_item:not(:has(.item_pict)) .item_title{grid-area:1/1/span 1/span 1}.p-product_cards .item_pict{grid-area:1/1/span 3/span 1;overflow:hidden}.p-product_cards .item_title{grid-area:4/1/span 1/span 1;background-color:#78b844;color:#fff;padding:1.2rem;height:100%;font-weight:700;align-self:center}.p-product_cards .item_title span{display:grid;align-items:center;gap:1rem;height:100%}.p-product_cards .item_title span.popup{grid-template-columns:1fr max-content}.p-product_cards .item_title span.popup::after{display:inline-block;content:"";width:1.2rem;height:1.2rem;-webkit-mask-image:url(../img/common/icon-popup.svg);mask-image:url(../img/common/icon-popup.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:cover;mask-size:cover;background-color:#fff;speak:none}:root{--itemcolor:#78B844;--colorpr:#78B844;--colorsec:#328AB9;--colorac:#E6902A}.p-product_sec01{background:linear-gradient(180deg,rgba(50,138,185,0) 0,rgba(50,138,185,.12) 2.4%);--itemcolor:var(--colorsec)}.p-product_sec02{background-color:rgba(120,184,68,.1);--itemcolor:var(--colorpr)}.p-product_sec03{background-color:rgba(230,144,42,.05);--itemcolor:var(--colorac)}.p-heading_product{font-size:clamp(1rem,.4400684932rem + .9132420091vw,1.125rem);font-weight:700}@media (width <= 980px){.p-heading_product{font-size:clamp(.875rem,.8143939394rem + .303030303vw,1rem)}}.p-heading_product::after{display:block;content:"";height:1px;margin-top:.4rem;background:linear-gradient(90deg,var(--itemcolor) 0,var(--itemcolor) 16%,#e0e3ef 16%,#e0e3ef 100%);speak:none}.p-list_products{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin:2rem 0;line-height:1}.p-list_products.is-open .product_item{display:list-item;opacity:1}@media (width <= 630px){.p-list_products{grid-template-columns:1fr}}.p-list_products .product_item a{display:grid;gap:1rem}.p-list_products .product_item:hover .item_pict{box-shadow:0 0 20px color-mix(in srgb,var(--itemcolor) 30%,#fff)}.p-list_products .product_item:hover .item_pict img{transform:scale(.95)}.p-list_products .product_item:hover .item_pict .icon{filter:brightness(120%)}.p-list_products .product_item:hover .item_title{color:var(--itemcolor)}.p-list_products .product_item:where(:nth-child(n+4)){display:none;opacity:0;transition:opacity .5s ease}.p-list_products .item_pict{position:relative;background-color:#fff;width:100%;aspect-ratio:3/2;display:grid;place-content:center;overflow:hidden;transition:box-shadow .5s ease-in}.p-list_products .item_pict img{width:100%;aspect-ratio:3/2;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.p-list_products .item_pict .icon{position:absolute;right:0;bottom:0;width:1.6rem;height:1.6rem;background-color:var(--itemcolor);display:grid;place-content:center;transition:filter .3s ease}.p-list_products .item_pict .icon::after{display:inline-block;content:"";width:.6rem;height:.6rem;-webkit-mask-image:url(../img/common/icon-arrowS.svg);mask-image:url(../img/common/icon-arrowS.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:.6rem .6rem;mask-size:.6rem .6rem;background-color:#fff;speak:none}.p-list_products .item_title{font-weight:700;transition:color .3s ease}.p-list_products .item_category small{display:inline-block;padding:.4rem 1rem;border:1px solid var(--itemcolor);color:var(--itemcolor);background-color:#fff}.p-list_products+.c-btn_group{opacity:1;transition:opacity .4s ease}.p-list_products+.c-btn_group.is-fadeout{opacity:0;pointer-events:none}.p-productList_btn_group{margin:3rem;display:flex;gap:2rem;justify-content:center}.p-productList_btn{width:20rem;text-align:center;background-color:var(--itemcolor);color:#fff;display:grid;grid-template-columns:1fr max-content;align-items:center;padding:1rem 0;line-height:1;border-radius:5px;font-weight:700;letter-spacing:.2rem;border:none;transition:filter .3s ease}.p-productList_btn:hover{filter:brightness(110%)}.p-productList_btn i{display:inline-block;content:"";width:2rem;height:1rem;-webkit-mask-image:url(../img/common/icon-plus.svg);mask-image:url(../img/common/icon-plus.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:.8rem .8rem;mask-size:.8rem .8rem;background-color:#fff}.p-product_faqbnr{border:1px solid #78b844;border-radius:8px;overflow:hidden}.p-product_faqbnr:hover .bnr_text .btn{background-color:#fff;color:#78b844}.p-product_faqbnr:hover .bnr_text .btn i{background-color:#78b844}.p-product_faqbnr a{display:grid;grid-template-columns:1fr 2fr}@media (width <= 630px){.p-product_faqbnr a{grid-template-columns:1fr;grid-template-rows:max-content 20vw}}.p-product_faqbnr .bnr_text{font-weight:700;padding:2.4rem 2rem;background-color:#78b844;color:#fff;transition:background-color .3s}@media (width <= 630px){.p-product_faqbnr .bnr_text{padding:1.6rem}}.p-product_faqbnr .bnr_text .bnr_text_wrap{width:-moz-max-content;width:max-content;display:grid;grid-template-columns:max-content max-content;align-content:flex-end;gap:1rem 1rem;line-height:1}@media (width <= 980px){.p-product_faqbnr .bnr_text .bnr_text_wrap{width:100%;grid-template-columns:1fr}}.p-product_faqbnr .bnr_text .title{font-size:clamp(1.375rem,.8150684932rem + .9132420091vw,1.5rem);display:inline-block;letter-spacing:.2rem}@media (width <= 980px){.p-product_faqbnr .bnr_text .title{font-size:clamp(1.125rem,1.0037878788rem + .6060606061vw,1.375rem)}}.p-product_faqbnr .bnr_text .titie_s{align-self:flex-end}.p-product_faqbnr .bnr_text .btn{grid-column:span 2;display:grid;grid-template-columns:1fr max-content;align-items:center;border:1px solid #fff;border-radius:100px;padding:.6rem 1rem;font-size:clamp(.875rem,.3150684932rem + .9132420091vw,1rem);transition:color .3s,background-color .3s}@media (width <= 980px){.p-product_faqbnr .bnr_text .btn{font-size:14px}}.p-product_faqbnr .bnr_text .btn i{display:inline-block;content:"";width:.6rem;height:.6rem;-webkit-mask-image:url(../img/common/icon-arrowS.svg);mask-image:url(../img/common/icon-arrowS.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;background-color:#fff;transition:background-color .3s}.p-product_faqbnr .bnr_img{background-image:url(../img/contents/product/bnr-faq.webp);background-size:cover;background-position:center;display:grid;align-items:center;justify-content:flex-end;padding:1.6rem}.c-product_inqurybnr{background-color:#fff;box-shadow:0 0 30px 0 rgba(50,138,185,.15);margin:2rem 0;padding:2rem;border-radius:20px}.c-product_inqurybnr .inqurybnr_title{display:block;font-weight:700;font-size:clamp(1.5rem,.9400684932rem + .9132420091vw,1.625rem);text-align:center;margin-bottom:2rem}@media (width <= 980px){.c-product_inqurybnr .inqurybnr_title{font-size:clamp(1.125rem,.9431818182rem + .9090909091vw,1.5rem)}}.c-product_inqurybnr .inqurybnr_title::after{display:block;content:"";width:4rem;height:3px;margin-top:.6rem;margin-inline:auto;background:linear-gradient(90deg,#e6902a 0,#e6902a 50%,#78b844 50%,#78b844 100%);speak:none}.c-product_inqurybnr .inqurybnr_info{display:grid;grid-template-columns:max-content 1fr;justify-content:center;gap:3rem}@media (width <= 980px){.c-product_inqurybnr .inqurybnr_info{grid-template-columns:1fr;gap:1rem}}.c-product_inqurybnr .inqurybnr_info .info_title{font-weight:700;font-size:clamp(1rem,.4400684932rem + .9132420091vw,1.125rem);line-height:1.2;padding-bottom:.6rem;border-bottom:1px dotted #a4adb7;margin-bottom:1rem}@media (width <= 980px){.c-product_inqurybnr .inqurybnr_info .info_title{font-size:clamp(.875rem,.8143939394rem + .303030303vw,1rem)}}.c-product_inqurybnr .inqurybnr_info .info_content{padding-right:2rem}@media (width <= 630px){.c-product_inqurybnr .inqurybnr_info .info_content{padding-right:0}}.c-product_inqurybnr .inqurybnr_info .info_form .contact_btn{display:grid;grid-template-columns:1fr max-content;align-items:center;background-color:#328ab9;border:1px solid #328ab9;color:#fff;width:20rem;padding:1.6rem 1rem;letter-spacing:.2rem;text-align:center;font-weight:700;line-height:1;border-radius:5px;transition:background-color .5s,color .3s}@media (width <= 630px){.c-product_inqurybnr .inqurybnr_info .info_form .contact_btn{width:100%}}.c-product_inqurybnr .inqurybnr_info .info_form .contact_btn:hover{background-color:#fff;color:#328ab9}.c-product_inqurybnr .inqurybnr_info .info_form .contact_btn:hover .icon{background-color:rgba(50,138,185,.6)}.c-product_inqurybnr .inqurybnr_info .info_form .contact_btn .icon{display:inline-block;content:"";width:1rem;height:1rem;-webkit-mask-image:url(../img/common/icon-arrowC.svg);mask-image:url(../img/common/icon-arrowC.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;background-color:rgba(255,255,255,.6);transition:background-color .3s}.c-product_inqurybnr .inqurybnr_info .info_tel .contact_dial{display:grid;grid-template-columns:max-content 1fr;align-items:flex-start;gap:.6rem;font-size:3rem;line-height:1;color:#328ab9;font-weight:900}@media (width <= 630px){.c-product_inqurybnr .inqurybnr_info .info_tel .contact_dial{align-items:center;font-size:8cqw}}.c-product_inqurybnr .inqurybnr_info .info_tel .contact_dial .logo{display:inline-block;content:"";width:3rem;height:3rem;-webkit-mask-image:url(../img/common/logo-freedial.svg);mask-image:url(../img/common/logo-freedial.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;background-color:#328ab9}.c-product_inqurybnr .inqurybnr_info .info_tel .contact_dial span{transform:translateY(-.3rem)}:root{--gradation01:#D8E8FC;--gradation02:#C2EAFF;--productColor:#328AB9}.p-detail_bg{background:linear-gradient(180deg,var(--gradation01) 0,var(--gradation02) 61.61%,#fff 99.34%)}.p-inner_product{border-radius:20px;background:#fff;box-shadow:0 0 34.1px 0 rgba(38,97,185,.1);box-sizing:content-box;width:1100px;padding:3rem 3rem;max-width:100%;margin-inline:auto}@media (width <= 1160px){.p-inner_product{box-sizing:border-box;padding:2rem;border-radius:0}}.p-product_head{display:grid;grid-template-columns:minmax(510px,1fr) 1fr;gap:3rem;margin-bottom:4rem}@media (width <= 980px){.p-product_head{grid-template-columns:1fr}}.p-product_head .product_head_slide{position:relative;border:1px solid rgba(164,173,183,.6)}.p-product_head .splide__slide img{width:100%;aspect-ratio:3/2;-o-object-fit:cover;object-fit:cover}.p-product_head .slide_pagination{position:absolute;left:50%;bottom:-2.4rem;transform:translateX(-50%);width:100%}.p-product_head .slide_pagination .splide__pagination__page{opacity:1}.p-product_head .slide_pagination .splide__pagination__page.is-active{background-color:#328ab9;transform:scale(1)}.p-product_head .slide_pagination .splide__pagination{gap:.4rem}.p-product_head .product_head_detail{display:grid;align-items:flex-start;grid-template-rows:auto auto auto 1fr max-content;gap:1rem}.p-product_head .detail_title{font-weight:700;font-size:clamp(1.375rem,.8150684932rem + .9132420091vw,1.5rem);line-height:1.2;padding-bottom:.6rem;border-bottom:1px dotted #a4adb7}@media (width <= 980px){.p-product_head .detail_title{font-size:clamp(1.125rem,1.0037878788rem + .6060606061vw,1.375rem)}}.p-product_head .detail_ex{display:grid;grid-template-columns:max-content 1fr auto;gap:.6rem;align-items:center}@media (width <= 630px){.p-product_head .detail_ex{grid-template-columns:1fr auto}}.p-product_head .detail_revel{background-color:color-mix(in srgb,var(--productColor) 15%,#fff);border-radius:80px;padding:1rem 1.6rem;line-height:1;display:grid;grid-template-columns:max-content 1fr 1fr 1fr 1fr 1fr;gap:.2rem;color:#2088c4}@media (width <= 630px){.p-product_head .detail_revel{grid-column:span 2;width:-moz-max-content;width:max-content}}.p-product_head .detail_revel span{display:inline-block;margin-right:.4rem}.p-product_head .detail_revel .lv{display:inline-block;content:"";width:1rem;height:1rem;-webkit-mask-image:url(../img/contents/product/icon-drop.svg);mask-image:url(../img/contents/product/icon-drop.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;background-color:#00a7e4}.p-product_head .detail_revel .lv.--gray{background-color:rgba(153,153,153,.6)}.p-product_head .detail_category{justify-self:flex-end}@media (width <= 630px){.p-product_head .detail_category{justify-self:flex-start}}.p-product_head .detail_category small{display:inline-block;padding:.4rem 1rem;border:1px solid var(--productColor);color:var(--productColor);background-color:#fff}.p-product_head .detail_batch{max-width:85px;height:auto}.p-product_head .detail_text{margin:.6rem 0}.p-product_head .detail_btns{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (width <= 630px){.p-product_head .detail_btns{grid-template-columns:1fr}}.p-product_head .detail_btns .btn_item a{display:grid;grid-template-columns:1fr max-content;align-items:center;border:1px solid var(--productColor);color:var(--productColor);display:grid;padding:.6rem 1rem;text-align:center;border-radius:5px;font-weight:700;transition:background-color .3s ease}.p-product_head .detail_btns .btn_item a:hover{background-color:color-mix(in srgb,var(--productColor) 15%,#fff)}.p-product_head .detail_btns .btn_item small{display:inline-block;margin-right:.6rem;line-height:1;padding:0 .6rem;border:1px solid var(--productColor);border-radius:2px;font-weight:400}.p-product_head .detail_btns .btn_item .icon::after{display:inline-block;content:"";width:1rem;height:1rem;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;background-color:var(--productColor);speak:none}.p-product_head .detail_btns .btn_item.--pdf .icon::after{-webkit-mask-image:url(../img/common/icon-download.svg);mask-image:url(../img/common/icon-download.svg)}.p-product_head .detail_btns .btn_item.--faq .icon{background:rgba(50,138,185,.15);border-radius:50%;display:grid;place-content:center}.p-product_head .detail_btns .btn_item.--faq .icon::after{-webkit-mask-size:.6rem .6rem;mask-size:.6rem .6rem;padding-left:.1rem;transform:translateX(.1rem);-webkit-mask-image:url(../img/common/icon-arrowS.svg);mask-image:url(../img/common/icon-arrowS.svg)}.p-product_body table{width:100%;max-width:100%;border-collapse:collapse;border:1px solid color-mix(in srgb,#78b844 60%,#fff);background-color:#fff}@media (width <= 980px){.p-product_body table{width:100%}}.p-product_body table thead{text-align:center;background-color:rgba(164,173,183,.15)}.p-product_body table td{width:33.33%;border:solid 1px color-mix(in srgb,#78b844 60%,#fff);padding:.4rem .6rem}@media (width <= 630px){.p-product_body table td{word-break:break-all}}.p-product_body table tr:first-of-type td{background-color:rgba(120,184,68,.15);font-weight:700}.c-product_faqs{display:grid;gap:1rem}.c-product_faqs .faq_detail{background-color:rgba(230,144,42,.15);border-radius:5px;overflow:hidden}.c-product_faqs .icon_faq{width:2.4rem;aspect-ratio:1/1;border-radius:50%;line-height:1;align-self:flex-start;display:grid;place-content:center}.c-product_faqs .icon_faq::after{display:inline-block;content:"";width:2rem;height:2rem;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;speak:none}.c-product_faqs .faq_detail_q{display:grid;grid-template-columns:max-content 1fr max-content;align-items:center;gap:1rem;padding:.6rem;font-weight:700;cursor:pointer}.c-product_faqs .faq_detail_q .icon_faq{background-color:#e6902a}.c-product_faqs .faq_detail_q .icon_faq::after{-webkit-mask-image:url(../img/contents/product/icon-faqQ.svg);mask-image:url(../img/contents/product/icon-faqQ.svg);background-color:#fff;speak:none}.c-product_faqs .faq_detail_q::after{display:inline-block;content:"";width:2rem;height:1rem;-webkit-mask-image:url(../img/common/icon-plus.svg);mask-image:url(../img/common/icon-plus.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:.8rem .8rem;mask-size:.8rem .8rem;background-color:#e6902a;align-self:center;transition:-webkit-mask-image .3s;transition:mask-image .3s;transition:mask-image .3s,-webkit-mask-image .3s;speak:none}.c-product_faqs .faq_detail_q.is-open::after{-webkit-mask-image:url(../img/common/icon-minus.svg);mask-image:url(../img/common/icon-minus.svg)}.c-product_faqs .faq_detail_a{display:grid;grid-template-columns:max-content 1fr;align-items:center;gap:1rem;padding:1rem .6rem;border-top:1px dotted #e6902a}.c-product_faqs .faq_detail_a .icon_faq{background-color:#fff}.c-product_faqs .faq_detail_a .icon_faq::after{-webkit-mask-image:url(../img/contents/product/icon-faqA.svg);mask-image:url(../img/contents/product/icon-faqA.svg);background-color:#e6902a;speak:none}.c-product_faqs .detail_inner{padding-right:1rem}.c-product_faqs .detail_inner blockquote{padding:.6rem;background-color:color-mix(in srgb,#999 30%,#fff);border-left:2px solid #328ab9}.c-product_faqs .detail_inner ul{list-style:disc;margin:.4rem 0;margin-left:1rem}.c-product_faqs .detail_inner ol{list-style:decimal;margin:.4rem 0;margin-left:1rem}.c-product_faqs .detail_inner hr{margin:1rem 0;border-color:rgba(153,153,153,.6);border-style:dashed}.c-product_faqs .detail_inner a{color:#2088c4;text-decoration:underline}
/*# sourceMappingURL=product.css.map */