*{min-height:0;min-width:0}.f14{font-size:14px}.f20{font-size:20px}.f24{font-size:1.4rem}.ec_flex_container .ec-layoutRole__header .header-content,.ec_flex_container .ec-layoutRole__header .header-content .left{display:block}.ec_flex_container{display:flex}.ec_flex_container .ec-layoutRole__header{flex:0 0 20%;position:sticky;top:0;height:100vh;overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none}.ec_flex_container .ec-layoutRole__header ::-webkit-scrollbar{display:none}.ec-layoutRole .ec-layoutRole__main .mv{width:100%}.ec_flex_container .ec_content_wrapper{position:relative;flex:0 0 80%;width:100%;padding-top:150px}.ec_flex_container .ec-layoutRole__header .header-content{padding:20px 3vw 25px}.ec_flex_container .ec-layoutRole__header .header-content .h_logo .logo_box{display:block}.ec_flex_container .ec-layoutRole__header .header-content .h_logo .logo_box .text_box{margin-top:6px}.ec_flex_container .ec-layoutRole__header .header-content .h_logo .logo_box .text_box h4{margin-top:6px;text-align:center;color:#3a5eaa}.ec_flex_container .ec-layoutRole__header .category_block{padding-right:0;padding-left:0}.ec_flex_container .ec-layoutRole__header .category_block .wrapper{display:block}.ec_flex_container .ec-layoutRole__header .category_block .wrapper .cart_box{padding:10px 0;border-top:1px solid #87b6d3;border-bottom:1px solid #87b6d3}.ec_flex_container .ec-layoutRole__header .category_block .wrapper .cart_box .nav_text{display:flex;align-items:center;justify-content:center}.ec_flex_container .ec-layoutRole__header .category_block .wrapper .cart_box .nav_text .position{position:relative;flex:0 0 16%}.ec_flex_container .ec-layoutRole__header .category_block .wrapper .cart_box .nav_text .position .icon{width:100%;object-fit:cover}.ec_flex_container .ec-layoutRole__header .category_block .wrapper .cart_box .nav_text .position .cart_counter{position:absolute;top:-8px;right:-10px;background-color:#e23a3a;color:#fff;display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%}.ec_flex_container .ec-layoutRole__header .category_block .wrapper .cart_box .nav_text .text{margin-left:8px;color:#3a5eaa}.ec_flex_container .ec-layoutRole__header .category_block .wrapper .category_serch,.ec_flex_container .ec-layoutRole__header .category_block .wrapper .list li{width:100%}.ec_flex_container .ec-layoutRole__header .category_block .wrapper .list{display:flex;flex-wrap:wrap;width:100%}.ec_flex_container .ec-layoutRole__header .category_block .wrapper .list li{flex:0 0 50%;border-right:1px solid #87b6d3}.ec_flex_container .ec-layoutRole__header .category_block .wrapper .list li:nth-child(-n+2){border-bottom:1px solid #87b6d3}.ec_flex_container .ec-layoutRole__header .category_block .wrapper .list li:nth-child(2n){border-right:transparent}.ec_flex_container .ec-layoutRole__header .category_block .wrapper .category_serch{padding:6% 0;border-top:2px solid #3a5eaa;border-bottom:2px solid #3a5eaa;color:#3a5eaa;background-color:#edf4f9;text-align:center;cursor:pointer}.ec_flex_container .ec-layoutRole__header .category_block .wrapper .category_serch span.text::before{display:none}.ec_flex_container .ec-layoutRole__header .category_block .menu_sub{position:inherit;width:100%;background-color:#fff;margin:auto;margin-top:0;border-radius:0;box-shadow:none}.ec_flex_container .ec-layoutRole__header .category_block .menu_sub .category_box{display:block;padding:0}.ec_flex_container .ec-layoutRole__header .category_block .menu_sub .category_box .category{display:flex;align-items:center;padding:10px;margin-right:0;border-radius:0;background-color:#3a5eaa;color:#fff;text-align:left;border-bottom:1px solid #fff}.ec_flex_container .ec-layoutRole__header .category_block .menu_sub .category_box .category:last-child{border-bottom:transparent}.ec_flex_container .ec-layoutRole__header .category_block .menu_sub .category_box .category .icon{display:block;flex:0 0 11%;margin-right:5%;aspect-ratio:1/1}.ec_flex_container .ec-layoutRole__header .category_block .menu_sub .category_box .category .icon img{width:100%;height:100%;object-fit:cover}.ec_flex_container .ec-layoutRole__header .category_block .menu_sub .category_box .category .name{flex:auto}.ec_flex_container .ec-layoutRole__header .category_block .menu_sub .category_box .category::before{display:none}.ec_flex_container .ec-layoutRole__header .category_block .menu_sub .category_box .category:nth-child(n+5){margin-top:0}.ec_flex_container .info_container{background-color:#edf4f9}.ec_flex_container .info_container{padding:2.8rem .5rem}.ec_flex_container .info_container .side_news{padding:0 1rem}.ec_flex_container .info_container .side_news h3.ttl{margin-bottom:1.8rem;color:#222}.ec_flex_container .info_container .side_news .block a.box{display:block}.ec_flex_container .info_container .side_news .block a.box:nth-child(n+2){margin-top:1rem}.ec_flex_container .info_container .side_popular{border-top:1px solid #707070;padding:1.8rem 1rem 0;margin-top:1.8rem}.ec_flex_container .info_container .side_popular .ttl{margin-bottom:1.8rem;color:#222}.ec_flex_container .info_container .side_popular .block .item_box{display:block;padding:8%;border:1px solid #bcbcbc}.ec_flex_container .info_container .side_popular .block .item_box:nth-child(n+2){margin-top:1.1rem}.ec_flex_container .info_container .side_popular .block .item_box .img{width:70%;margin:0 auto 5%}.ec_flex_container .info_container .side_popular .block .item_box .text_box .price{margin-top:5%;text-align:center;color:#e23a3a}.ec_flex_container .info_container .side_popular .block .item_box .text_box .price span{color:#222}.ec_flex_container .info_container .side_popular .description{display:flex;align-items:center;justify-content:center;width:100%;border:transparent;padding:6% 0;font-weight:700;margin-top:5%;background-color:#f39900;border-radius:5px;color:#fff;text-align:center}.ec_flex_container .info_container .side_popular .description .icon{max-width:29px;margin-right:4%}.ec_flex_container .info_container .company_info{padding-right:.5rem;padding-left:.5rem;margin-top:3rem}.ec_flex_container .info_container .company_info .contact_btn .btn{display:block;background-color:#3a5eaa;color:#fff;text-align:center;border-radius:5px;padding:4% 0}.ec_flex_container .info_container .company_info .tel_box{margin-top:1rem}.ec_flex_container .info_container .company_info .tel_box .btn{display:flex;align-items:center}.ec_flex_container .info_container .company_info .tel_box .btn .icon{flex:0 0 17%;margin-right:3%}.ec_flex_container .info_container .company_info .tel_box .btn .tel{color:#3a5eaa}.ec_flex_container .info_container .company_info .tel_box .time{margin-top:3%;text-align:center}.ec_flex_container .info_container .company_info .tel_box.mail_box{padding-top:1rem;margin-top:1rem;border-top:1px solid #87b6d3}.ec_content_wrapper .fix_top{position:fixed;top:0;left:20%;width:-webkit-fill-available;z-index:10;padding-bottom:20px;background-color:#fff}.ec_content_wrapper .fix_top .text_bar{display:flex;align-items:center;padding:1.5% 2%;background-color:#305fda}.ec_content_wrapper .fix_top .text_bar .btn_box{display:flex;justify-content:center;flex:0 0 25%}.ec_content_wrapper .fix_top .text_bar .btn_box .btn_item{display:block;color:#305fda;background-color:#fff;text-align:center;border-radius:20px;flex:auto;padding:9px 0;margin-right:10px}.ec_content_wrapper .fix_top .text_bar .btn_box .btn_item:last-child{margin-right:0}.ec_content_wrapper .fix_top .catch_phrase{flex:auto;color:#fff}.ec_content_wrapper .fix_top .catch_phrase .mds{color:#ffff05}.ec_content_wrapper .fix_top .catch_phrase .bar.off1024{display:inline}.fix_top .logo_area{display:none}.fix_top .user_info{display:none}.cta_container .wrapper{position:relative}.cta_container .wrapper .block{width:85%;position:absolute;top:20%;left:0;right:0;padding:4% 0;margin:auto;background-color:#fff;border-radius:20px}.cta_container .wrapper .bg_img{height:500px}.cta_container .wrapper .bg_img img{width:100%;height:100%;object-fit:cover}.cta_container .wrapper .block .top_box{display:flex;align-items:center;justify-content:center}.cta_container .wrapper .block .top_box .icon{width:10%;margin-right:3%}.cta_container .wrapper .block .top_box .mds{line-height:calc(42 / 32);font-size:32px;font-weight:700;text-align:left;color:#222}.cta_container .wrapper .block .bottom_box{display:flex;align-items:center;justify-content:center;width:85%;margin:auto;margin-top:3%}.cta_container .wrapper .block .bottom_box .left_box .sub_mds{color:#3559a8;font-weight:700;font-size:18px}.cta_container .wrapper .block .bottom_box .left_box .tel_box a.tel{display:flex;align-items:center;justify-content:center}.cta_container .wrapper .block .bottom_box .left_box .tel_box a.tel .sub_icon{display:block;width:36px;margin-right:5px}.cta_container .wrapper .block .bottom_box .left_box .tel_box a.tel .number{font-size:38px;font-weight:700;line-height:calc(56 / 42);color:#3559a8}.cta_container .wrapper .block .bottom_box .right_box .cta_contact{display:flex;align-items:center;justify-content:center;width:85%;padding:5% 0;margin-right:auto;margin-left:auto;background-color:#4879f0;color:#fff;border-radius:5px}.cta_container .wrapper .block .bottom_box .right_box .cta_contact .con_icon{width:28px;margin-right:12px}.cta_container .wrapper .block .bottom_box .right_box .cta_contact .sub_t{font-size:22px;font-weight:700}.cta_container .wrapper .block .bottom_box .left_box{flex:0 0 50%}.cta_container .wrapper .block .bottom_box .right_box{flex:0 0 50%}#footer{margin-top:5%}.floating{width:260px;position:fixed;bottom:0;right:0;border:2px solid #f44e37;overflow:hidden}.floating.none{display:none}.floating .top{display:flex;align-items:center;justify-content:center;padding:13px 0;background-color:#f44e37}.floating .top .icon{display:block;width:48px;margin-right:10px}.floating .top .mds{font-size:16px;color:#fff;line-height:calc(24 / 16);font-weight:700}.floating .bottom{padding:15px;background-color:#fff}.floating .bottom .left_box .sub_mds{text-align:center;font-size:14px;font-weight:700;color:#222}.floating .bottom .left_box .tel{display:flex;align-items:center;justify-content:center}.floating .bottom .left_box .tel .sub_icon{width:32px;margin-right:5px}.floating .bottom .left_box .tel .number{font-size:23px;font-weight:700}.floating .bottom .left_box .tel_box .sub_text{text-align:center;font-size:10px}.floating .bottom .right_box .cta_contact{display:flex;align-items:center;justify-content:center;width:85%;padding:5% 0;margin-top:15px;margin-right:auto;margin-left:auto;background-color:#f44e37;color:#fff;border-radius:5px}.floating .bottom .right_box .cta_contact .con_icon{width:22px;margin-right:7px}.floating .bottom .right_box .cta_contact .sub_t{font-size:17px;font-weight:700}.floating .close_btn{position:absolute;color:#fff;font-size:25px;top:-3px;right:4px;font-weight:700;cursor:pointer}@media (min-width:1367px){.ec_flex_container .ec-layoutRole__header .header-content{padding-right:41px;padding-left:41px}}@media (max-width:1024px){.ec_flex_container .info_container .side_news,.ec_flex_container .info_container .side_popular{padding-right:0;padding-left:0}.ec_flex_container .ec-layoutRole__header .header-content{padding:20px 1.5vw 25px}.ec_flex_container .info_container .company_info .tel_box .btn{font-size:17px}.ec_flex_container .info_container .company_info .tel_box.mail_box .btn{font-size:13px}.ec_flex_container .info_container .company_info .tel_box .time{font-size:12px}.ec_content_wrapper .fix_top .catch_phrase .bar.off1024{display:none}.cta_container .wrapper .block .top_box .mds{font-size:28px}.cta_container .wrapper .block .bottom_box .left_box .tel_box a.tel .number{font-size:30px}.cta_container .wrapper .bg_img{height:380px}}@media (max-width:768px){.ec_flex_container .ec-layoutRole__header .header-content{position:relative;padding:110px 0 0}.ec_flex_container .ec-layoutRole__header{display:none;width:40%;background-color:#fff;flex:auto;position:fixed;top:0;right:0;height:100vh;overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none;z-index:12}.ec_flex_container .ec-layoutRole__header .header-content .close_btn span{position:absolute;right:18px;display:block;width:40px;height:4px;background-color:#305fda}.ec_flex_container .ec-layoutRole__header .header-content .close_btn span:first-child{transform:translateY(-35px) rotate(45deg)}.ec_flex_container .ec-layoutRole__header .header-content .close_btn span:last-child{transform:translateY(-35px) rotate(-45deg)}.ec_flex_container .ec-layoutRole__header.active{display:block}.ec_content_wrapper .fix_top{width:100%;left:0}.ec_flex_container .ec_content_wrapper{flex:0 0 100%}.ec_flex_container .ec-layoutRole__header .header-content .h_logo{display:none}.ec_flex_container .ec-layoutRole__header .user_info{display:none}.ec_flex_container .info_container .company_info .tel_box .btn{font-size:24px}.ec_flex_container .info_container .company_info .tel_box.mail_box .btn{font-size:18px}.ec_flex_container .ec-layoutRole__header .header-content .close_btn span{width:34px}.ec_flex_container .ec-layoutRole__header{width:70%}.fix_top .flex_wrapper{display:flex;align-items:center;padding:5px 10px}.fix_top .flex_wrapper .logo_area .logo{max-width:180px}.fix_top .flex_wrapper .logo_area .text_box{color:#2b4da3;font-size:14px;margin-left:15px;top:7px;position:relative}.fix_top .flex_wrapper .logo_area{display:flex;align-items:center}.fix_top .user_info{display:flex;align-items:center}.ec_content_wrapper .fix_top .text_bar .btn_box{font-size:14px}.ec_content_wrapper .fix_top .text_bar .btn_box .btn_item{border-radius:10px}.ec_content_wrapper .fix_top .catch_phrase .mds{font-size:14px}.ec_content_wrapper .fix_top .catch_phrase{font-size:12px}.cta_container .wrapper .block{width:90%;top:23%}}@media (max-width:480px){.ec_content_wrapper .fix_top{padding-bottom:0}.ec_flex_container .info_container{padding-bottom:8rem}.ec_flex_container .info_container .company_info .tel_box .btn{font-size:20px}.ec_flex_container .info_container .company_info .tel_box.mail_box .btn{font-size:16px}.fix_top .flex_wrapper .logo_area .logo{max-width:150px}.fix_top .flex_wrapper{justify-content:space-between}.ec_content_wrapper .fix_top .catch_phrase .mds{font-size:12px}.ec_content_wrapper .fix_top .text_bar .btn_box .btn_item{border-radius:5px}.ec_content_wrapper .fix_top .text_bar .btn_box{flex:0 0 40%;font-size:12px}.ec_content_wrapper .fix_top .text_bar{padding-top:2%;padding-bottom:2%}#footer{margin-top:8%}.cta_container .wrapper .block{width:95%;padding:6% 12px;top:12%;border-radius:10px}.cta_container .wrapper .block .top_box .icon{width:48px}.cta_container .wrapper .block .top_box .mds{font-size:16px}.cta_container .wrapper .block .bottom_box{width:100%;margin-top:8%;display:block}.cta_container .wrapper .block .bottom_box .right_box{margin-top:8%}.floating{width:100%}.floating .top{padding:10px 0}.floating .top .icon,.floating .bottom .left_box .sub_mds{display:none}.floating .top .mds{font-size:15px}.floating .bottom{display:flex;align-items:center;justify-content:space-between;padding:7px}.floating .close_btn{font-size:20px;top:-3px;right:5px}.floating .bottom .left_box .tel .number{font-size:18px}.floating .bottom .left_box .tel .sub_icon{width:20px}.floating .bottom .left_box .tel_box .sub_text{margin-top:3px}.floating .bottom .right_box .cta_contact{width:100%;padding:10px 17px;margin-top:0}.floating .bottom .right_box .cta_contact .sub_t{font-size:15px}.floating .bottom .right_box .cta_contact .con_icon{width:16px}#footer .f_main{padding-bottom:100px}}.user_info{width:100%;padding:10px;background-color:#3a5eaa;color:#fff}.user_info .user_name{display:flex;align-items:center}.user_info .user_name div{padding-right:8px}#page_product_detail .relate-item-zone{display:none}#page_product_detail .relate-item-zone.point{display:block}