@charset 'utf-8';

/* Color */
.c_0c69b1{color:#0c69b1;}

/* Table */
.horizontal_table{border-top:2px solid #7396b1;border-bottom:1px solid #ddd;width:100%}
.horizontal_table th{background:#f3f7fa;border-right:1px solid #ddd;font-weight:500;padding:10px 0 15px;box-sizing:border-box;letter-spacing:-0.025em;}
.horizontal_table th:last-child, .horizontal_table td:last-child{border-right:0}
.horizontal_table td{border-top:1px solid #ddd;border-right:1px solid #ddd;padding:14px 14px 16px 14px;box-sizing:border-box;font-weight:300;line-height:26px;vertical-align:top;word-break:break-all;vertical-align:middle;text-align:center;letter-spacing:-0.025em;}
.center_table th, .center_table td{text-align:center}
.th_center_table th{text-align:center;}
.vertical_table{width:100%;border-top:1px solid #7396b1;}
.vertical_table th{background:#f3f7fa;border-bottom:1px solid #ddd;padding:12px 28px 14px;font-weight:500;letter-spacing:-0.025em;}
.vertical_table td{border-bottom:1px solid #ddd;padding:12px 28px 14px;letter-spacing:-0.025em;}

/* Sub Tab*/
.tab_box{margin:48px 0 15px;}
.tab_box ul{display:flex;flex-wrap:wrap;}
.tab_box ul li{text-align:center;border:1px solid #ddd;margin:-1px 0 0 -1px;position:relative;}
.tab_box ul.tab_05 li{width:20%;}
.tab_box ul li a{height:47px;color:#333;display:block;display:flex;align-items:center;justify-content:center;}
.tab_box ul li.selected{border:1px solid #00adef;}
.tab_box ul li.selected a{height:100%;background:#00adef;color:#fff;}

/* common */
.contTitle{position:relative;padding-top:5px;font-size:24px;letter-spacing:-0.025em;font-weight:500;margin-bottom:9px;}
.contTitle:after{width:30px;height:3px;position:absolute;left:0;top:0px;background:#0c69b1;content:'';}

/* Main */
.m_container{clear:both;}
.m_container .mCont{max-width:1200px;margin:0 auto;}
.m_container .mainSlide{position:relative;}
.m_container .slider{width:100%;}
.m_container .slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;}
.m_container .slick-list{position:relative;display:block;overflow:hidden;}
.m_container .slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
.m_container .slick-slide{height:100%;min-height:1px;display:none;float:left;}
.m_container .slick-slide div{width:100%;float:none;}
.m_container .slider_banner .slick-slide img{width:100%;display:block;}
.m_container .slick-initialized .slick-slide{display:block;position:relative;}
.m_container .main_slide_box{position:relative;}
.m_container .main_slide_box .slick-slider .slick-list{margin-left:-3px}
.m_container .main_slide_box .slider{width:100%;}
.m_container .main_slide_box div{text-align:center;width:auto;}
.m_container .main_slide_box .slick-arrow{position:absolute;top:50%;font-size:0;line-height:0;letter-spacing:-1000em;text-indent:-1000em;width:30px;height:57px;border:0;cursor:pointer;z-index:1;margin-top:-28px}
.m_container .main_slide_box .mainSlideBtn {position:absolute;left:50%;bottom:67px;height:34px;border-radius:50px;border:2px solid #fff;line-height:1;margin-left:-570px;padding:0 17px;}
.m_container .main_slide_box .mainSlideBtn .mainSlidePause{padding-right:17px;letter-spacing:-9999em;color:transparent;background:url(/img/main/pasue_icon.png)no-repeat center;display:inline-block;vertical-align:-2px;cursor:pointer;}
.m_container .main_slide_box .mainSlideBtn .mainSlidePause.pause{background:url(/img/main/pasue_icon.png)no-repeat center;}
.m_container .main_slide_box .mainSlideBtn .mainSlidePause.play{background:url(/img/main/white_start_icon.png)no-repeat center;}
.m_container .main_slide_box .mainSlideBtn .mainSlidePause img{padding-top:8px;}
.m_container .main_slide_box .slick-dots{display:inline-block !important;margin-top:5px;}
.m_container .main_slide_box .slick-dots li{display:inline-block;margin-right:8px;}
.m_container .main_slide_box .slick-dots li button{width:12px;height:12px;border-radius:50%;background:#fff;border:none;text-indent:-9999em;font-size:0;opacity:.8;cursor:pointer;vertical-align:middle;}
.m_container .main_slide_box .slick-dots li.slick-active button{background:#fff;opacity:1;}
.m_container .mainSlide .btnQuestion{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);}
.m_container .mainCustomer{padding:52px 0 53px;}
.m_container .mainCustomer .mCont{display:flex;justify-content:space-between;}
.m_container .mainCustomer .customerTime{display:flex;}
.m_container .mainCustomer .customerTime .callTime{border-right:1px solid #d3d1d1;padding-right:39px;margin-right:56px;} 
.m_container .mainCustomer .customerTime dl{width:236px;padding-top:9px;}
.m_container .mainCustomer .customerTime dl:nth-child(1){width:276px;}
.m_container .mainCustomer .customerTime dl dt{color:#222;font-size:2.1rem;font-weight:700;border-bottom:2px dotted #bdbdbd;padding-bottom:10px;margin-bottom:10px;}
.m_container .mainCustomer .customerTime dl dd{display:flex;align-items:center;}
.m_container .mainCustomer .customerTime dl dd .iconCont{display:flex;margin:0 16px 0 7px;}
.m_container .mainCustomer .customerTime dl dd p{font-size:1.8rem;color:#666;}
.m_container .mainCustomer .customerTime dl dd p span{color:#333;}
.m_container .mainProduct{padding:61px 0 89px;background:url(/img/main/product_bg.jpg) no-repeat center top/cover;}
.m_container .mainProduct h3{font-size:3.5rem;margin-bottom:40px;font-weight:700;text-align:center;}
.m_container .mainProduct ul{display:flex;justify-content:space-between;}
.m_container .mainProduct ul li .productImg{border:1px solid #c6c6c6;border-bottom:0;}
.m_container .mainProduct ul li .textBox{font-size:2.0rem;font-weight:500;color:#fff;background:#3599b9;padding:11px 15px 15px 20px;display:flex;justify-content:space-between;align-items:center;}
.m_container .mainBoardBox{padding:68px 0 70px;}
.m_container .mainBoardBox ul{display:flex;}
.m_container .mainBoardBox ul li{width:33.333%;padding:0 23px;border-right:1px solid #d6d6d6;position:relative;}
.m_container .mainBoardBox ul li:last-child{border-right:none}
.m_container .mainBoardBox ul li h3{position:relative;font-size:2.4rem;letter-spacing:-0.025em;margin-bottom:22px;line-height:1;}
.m_container .mainBoardBox ul li h3:before{width:28px;height:24px;background:url(/img/main/main_board_icon01.gif)no-repeat;content:'';display:inline-block;margin-right:2px;vertical-align:-3px;}
.m_container .mainBoardBox ul li:nth-child(2) h3:before{width:17px;background:url(/img/main/main_board_icon02.gif)no-repeat;margin-right:5px;}
.m_container .mainBoardBox ul li:nth-child(3) h3:before{width:28px;background:url(/img/main/main_board_icon03.gif)no-repeat;margin-right:5px;}
.m_container .mainBoardBox ul li.boardGallery h3{margin-bottom:19px;}
.m_container .mainBoardBox ul li.boardGallery .galleryImg{border-bottom:1px dashed #ccc;padding-bottom:23px;margin-bottom:13px;}
.m_container .mainBoardBox ul li.boardGallery .galleryImg img{width:100%;}
.m_container .mainBoardBox ul li.boardGallery .galleryTitle{width:95%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:1.8rem;font-weight:500;letter-spacing:-0.025em;position:relative;padding-left:8px;}
.m_container .mainBoardBox ul li.boardGallery .galleryTitle:before{width:3px;height:3px;background:#333;position:absolute;left:0;top:12px;border-radius:50%;content:"";}
.m_container .mainBoardBox .m_board_list{padding-bottom:14px;font-size:1.5rem;}
.m_container .mainBoardBox .m_board_list > div:first-child{border-bottom:1px dashed #ccc;padding:0 12px 16px 0;margin-bottom:11px;} 
.m_container .mainBoardBox .m_board_list > div:first-child dl dt{padding-left:27px;font-size:1.8rem;color:#333;}
.m_container .mainBoardBox .m_board_list > div:first-child dl dd.date{display:block;text-align:right;font-size:1.4rem;margin-top:18px;color:#666;}
.m_container .mainBoardBox .m_board_list > div:first-child dl dt:before{width:20px;height:20px;background:url(/img/main/board_new_icon.gif)no-repeat;top:5px;border-radius:0;}
.m_container .mainBoardBox .m_board_list dl dt{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;font-size:1.5rem;padding-left:7px;letter-spacing:-0.025em;color:#666;line-height:30px;}
.m_container .mainBoardBox .m_board_list dl dt:before{width:2px;height:2px;border-radius:50%;background:#666;position:absolute;left:0;top:15px;content:'';}
.m_container .mainBoardBox .m_board_list dl dd{display:none}
.m_container .mainBoardBox ul li .btnMore{position:absolute;right:23px;top:4px;}
.m_container .mainQuestion{padding:73px 0 63px;background:url(/img/main/question_bg.jpg) no-repeat center top/cover;}
.m_container .mainQuestion .mCont{display:flex;}
.m_container .mainQuestion h3{width:309px;text-align:center;padding-right:15px;}
.m_container .mainQuestion h3 strong{display:block;color:#fff;font-weight:500;font-size:3.5rem;letter-spacing:-0.025em;margin-top:10px;}
.m_container .mainQuestion form{width:calc(100% - 309px);margin-top:15px;}
.m_container .mainQuestion .questionForm{display:flex;justify-content:space-between;}
.m_container .mainQuestion .questionForm textarea{height:100%;}
.m_container .mainQuestion .questionForm input,
.m_container .mainQuestion .questionForm select,
.m_container .mainQuestion .questionForm textarea{width:100%;border:0;background:#fff;outline:none;font-size:1.8rem;color:#525252;}
.m_container .mainQuestion .questionForm input,
.m_container .mainQuestion .questionForm select{height:41px;}
.m_container .mainQuestion .questionForm input[type="text"],
.m_container .mainQuestion .questionForm input[type="tel"]{padding:10px;}
.m_container .mainQuestion .questionForm select{padding-left:5px;}
.m_container .mainQuestion .questionForm textarea{padding:10px;}
.m_container .mainQuestion .questionForm ul{width:39.281705%;}
.m_container .mainQuestion .questionForm ul li{margin-bottom:10px;}
.m_container .mainQuestion .questionForm ul li:last-child{margin-bottom:0;}
.m_container .mainQuestion .questionForm ul .questionCall{display:flex;justify-content:space-between;}
.m_container .mainQuestion .questionForm ul .questionCall select{width:33%;}
.m_container .mainQuestion .questionForm ul .questionCall input{width:30%;}
.m_container .mainQuestion .questionForm ul .questionEmail{display:flex;justify-content:space-between;align-items:center;}
.m_container .mainQuestion .questionForm ul .questionEmail span{color:#fff;}
.m_container .mainQuestion .questionForm ul .questionEmail input{width:33%;}
.m_container .mainQuestion .questionForm ul .questionEmail select{width:33%;}
.m_container .mainQuestion .questionForm .textareaBox{width:44.556677%;}
.m_container .mainQuestion .questionForm .btnSubmit{width:13.916947%;}
.m_container .mainQuestion .questionForm .btnSubmit input{height:100%;color:#fff;padding-top:60px;font-size:1.9rem;background:#479eef url(/img/main/question_btn.gif) no-repeat center 30px;cursor:pointer;border-radius:5px;}

@media screen and (min-width:2000px){
/* Main */
.m_container .main_slide_box div img{width:100%;}
}


@media screen and (max-width:1900px){
.m_container .main_slide_box div img{max-width:100%;}
}

@media screen and (max-width:1279px){
/* Main */
.m_container .mCont{max-width:100%;padding:0 20px;}
.m_container .main_slide_box{width:100%;margin:0 auto;}
.m_container .main_slide_box .mainSlideBtn{left:43px;margin-left:0;}
.m_container .mainCustomer .mCont{display:block;}
.m_container .mainCustomer .callImg{text-align:center;margin-bottom:20px;}
.m_container .mainCustomer .customerTime{justify-content:center;}
.m_container .mainProduct ul li{width:23%;}
.m_container .mainProduct ul li img{width:100%;}
.m_container .mainBoardBox .m_board_list dl dt:before{top:12px;}
.m_container .mainBoardBox .m_board_list > div:first-child dl dt{padding-left:22px;}
.m_container .mainBoardBox .m_board_list > div:first-child dl dt:before{width:16px;height:16px;background-size:16px auto;top:7px;}
.m_container .mainQuestion h3{width:25%;padding-right:0;}
.m_container .mainQuestion form{width:75%;}
.m_container .mainSlide .btnQuestion img{width:70px;}
}

@media screen and (max-width:979px){
.m_container .mainSlide .btnQuestion img{width:52px;}
.m_container .mainQuestion{padding:40px 0 50px;}
.m_container .mainQuestion .mCont{flex-wrap:wrap;}
.m_container .mainQuestion h3{width:100%;text-align:left;}
.m_container .mainQuestion h3 img{display:none;}
.m_container .mainQuestion h3 strong{margin-top:0;}
.m_container .mainQuestion form{width:100%;}

}


@media screen and (max-width:767px){
/* popup */
.hd_pops{width:100%;left:0 !important;right:auto !important;top:65px !important;}
.hd_pops_con{width:100% !important;height:auto !important;font-size:0;}
.hd_pops img{width:100%;}

/* Sub Tab */
.tab_box{margin:24px 0 0;}
.tab_box ul li a{height:40px;line-height:1.2}

/* Table */
.horizontal_table th{padding:11px 0 13px;}
.horizontal_table td{padding:14px 7px 16px;line-height:20px;}

/*common*/
.contTitle:after{width:25px;}

/* Main */
.m_container .main_slide_box div img{width:100%;}
.m_container .main_slide_box .mainSlideBtn{left:20px;bottom:20px;padding:0 10px;}
.m_container .main_slide_box .mainSlideBtn .mainSlidePause{vertical-align:-4px;}
.m_container .main_slide_box .mainSlideBtn .mainSlidePause img{width:auto;}
.m_container .main_slide_box .slick-dots li button{width:10px;height:10px;vertical-align:1.5px;}
.m_container .mainSlide .btnQuestion img{width:50px;}


.m_container .mainCustomer .callImg img{width:100%;}
.m_container .mainProduct{padding:40px 0;}
.m_container .mainProduct h3{margin-bottom:20px;}
.m_container .mainProduct ul{flex-wrap:wrap;}
.m_container .mainProduct ul li{width:49%;margin:10px 0;}
.m_container .mainCustomer{padding:30px 0;}
.m_container .mainCustomer .customerTime dl{padding-top:0;}
.m_container .mainCustomer .customerTime dl,
.m_container .mainCustomer .customerTime dl:nth-child(1){width:45%;}
.m_container .mainCustomer .customerTime .callTime{padding-right:20px;margin-right:20px;}
.m_container .mainCustomer .customerTime dl dd .iconCont{margin-right:10px;}
.m_container .mainCustomer .customerTime dl dd .iconCont img{width:30px;}
.m_container .mainProduct ul li .textBox{padding:10px;}
.m_container .mainProduct ul li .textBox span{margin-top:7px;}
.m_container .mainProduct ul li .textBox span img{width:20px;}
.m_container .mainBoardBox{padding:30px 0;}
.m_container .mainBoardBox ul{display:block;}
.m_container .mainBoardBox ul li{width:100%;padding:0;border-right:0;margin-bottom:20px;}
.m_container .mainBoardBox ul li h4{margin:0  0 12px;}
.m_container .mainBoardBox ul li h4:before{width:22px;height:19px;background-size:100% 100%;vertical-align:0px;}
.m_container .mainBoardBox ul li .btnMore{top:5px;}
.m_container .mainBoardBox ul li:nth-child(2) h4:before{width:13.5px;background-size:100% 100%;}
.m_container .mainBoardBox ul li:nth-child(3) h4:before{width:22px;background-size:100% 100%;}
.m_container .mainBoardBox ul li .btnBoardMore{width:13px;}
.m_container .mainBoardBox .m_board_list > div:first-child{padding:0 15px 10px 0;}
.m_container .mainBoardBox .m_board_list > div:first-child dl dd.date{margin-top:5px;}
.m_container .mainBoardBox ul li.customerBtnList ul{display:flex;flex-wrap:wrap;justify-content:space-between;}
.m_container .mainBoardBox ul li.customerBtnList ul li{width:49%;}
.m_container .mainBoardBox .m_board_list dl{overflow:hidden;}
.m_container .mainBoardBox .m_board_list dl dt{width:75%;float:left;}
.m_container .mainBoardBox .m_board_list dl dd{float:right;}
.m_container .mainQuestion .questionForm{flex-wrap:wrap;}
.m_container .mainQuestion .questionForm input,
.m_container .mainQuestion .questionForm select{height:32px;}
.m_container .mainQuestion .questionForm ul,
.m_container .mainQuestion .questionForm .textareaBox,
.m_container .mainQuestion .questionForm .btnSubmit{width:100%;}
.m_container .mainQuestion .questionForm ul li:last-child{margin-bottom:10px;}
.m_container .mainQuestion .questionForm .textareaBox{margin-bottom:10px;}
.m_container .mainQuestion .questionForm .textareaBox textarea{height:100px;}
.m_container .mainQuestion .questionForm .btnSubmit input{height:auto;background:#479eef;padding:10px;}
}

@media screen and (max-width:480px){
}