@charset "utf-8";
@import url("sub.css");
@import url("slick.css");
@import url("jquery-ui.css");

/*///////////////////// header /////////////////////*/
#wrap{min-width:1150px;}
#header{position: absolute;left: 0;right: 0;top: 0;height: 80px;z-index: 99;background-color: #fff;overflow: hidden;}
#header.active{border-bottom: 1px solid #cf332b;}
#header .logo{float: left;line-height: 80px;}
#header .logo img{vertical-align: middle;}
#gnb{float: right;width: 780px;}
#gnb ul.gnb_list > li{position: relative;float: left;width: 20%;text-align: center;height: 80px;
	transition: 0.4s all;
}
#gnb ul.gnb_list > li > a{display: block;line-height: 80px;font-family: "aritadsb";color: #333;font-size: 18px;}
#gnb ul.gnb_list > li:hover{background-color: #cf332b;}
#gnb ul.gnb_list > li:hover a{color: #fff;}
#gnb ul.gnb_list > li.active{background-color: #cf332b;} 
#gnb ul.gnb_list > li.active a{color: #fff;}
#gnb ul.gnb_list > li .depth02{position: absolute;left: 0;right: 0;top: 80px;padding: 12px 0;}
#gnb ul.gnb_list > li .depth02 > li{}
#gnb ul.gnb_list > li .depth02 > li > a{display: block;padding: 11px 0;font-size: 14px;color: #666;font-family: "aritadm";}
#gnb ul.gnb_list > li:hover .depth02 > li > a{color: #666;}
#gnb ul.gnb_list > li.active .depth02 > li > a{color: #000 ;}
#wrap{padding-top: 80px;}
/*///////////////////// header End /////////////////////*/






/*///////////////////// container /////////////////////*/
#container.main{background-color: #f3f3f3;}
.visual_slide{position: relative;}
.visual_slide .vsimg{width: 100%;height: 590px;background-repeat: no-repeat;background-position: center center;}
.main_visual .vs_cont{position: absolute;top: 0;left: 50%;margin-left: -575px;}
.main_visual .vs_cont .vs_txt{padding-top: 120px;color: #fff;margin-bottom: 50px;}
.main_visual .vs_cont .vs_txt .txt01{font-size: 42px;font-family: "aritadl";margin-bottom: 40px;}
.main_visual .vs_cont .vs_txt .txt02{font-size: 18px;font-family: "aritadl";line-height: 30px;}
.main_visual .vs_cont .btn_wrap a{display: inline-block;width: 195px;height: 45px;line-height: 45px;padding-left: 14px;font-size: 18px;color: #fff;font-family: "aritadl";background: rgba(207,51,43,0.9) url("../img/main/icon_arrow01.png") no-repeat 95% center;margin-right: 5px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.visual_slide .slick-dots{position: absolute;width: 1150px;left: 50%;margin-left: -575px;bottom: 75px;}
.visual_slide .slick-dots li{display:inline-block;margin:0 3px;}
.visual_slide .slick-dots li button{display:inline-block;width:59px;height:6px;font-size:0;background: none;text-indent:-9999%;outline:none;background-color: #fff;
	transition: 0.3s all;
}
.visual_slide .slick-dots li.slick-active button{background-color: #cf332b;}
.main_content{padding: 40px 0 90px;}
.main_content:after{content: "";display: block;clear: both;}
.mc_left{float: left;width: 378px;}
.product_list li{position: relative;float: left;width: 188px;margin-right: 1px;margin-bottom: 1px;}
.product_list li .pl_txt{display: block;}
.product_list li .pl_txt span{position: absolute;background: rgba(207,51,43,0.9); color: #fff;text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.product_list li .pl_txt .off{display: block;font-size: 16px;line-height: 20px;padding-top: 18px;width: 73px;height: 73px;}
.product_list li.pl01 .pl_txt .off{right: 0;bottom: 0;}
.product_list li.pl02 .pl_txt .off{left: 0;bottom: 0;}
.product_list li.pl03 .pl_txt .off{right: 0;top: 0;}
.product_list li.pl04 .pl_txt .off{left: 0;top: 0;padding-top: 29px;}
.product_list li .pl_txt .on{display: none;left: 0;right: 0;top: 0;bottom: 0;width: 100%;height: 100%;font-size: 20px;line-height: 30px;
	padding-top: 109px;
}
.product_list li.pl01 .pl_txt .on{padding-top: 89px;}
.mc_right{float: right;width: 764px;}
.mc_box{position: relative;width: 377px;background-color: #fff;padding: 26px 35px 0;float: left;margin-right: 10px;margin-bottom: 9px;display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.mc_box.bo_box{height: 335px;}
.mc_box.bn_box{height: 117px;}
.mc_box.box02,
.mc_box.box04{margin-right: 0;}
.mc_box h3{font-size: 22px; font-family: "aritadm";color: #333;margin-bottom: 12px;}
.mc_box h3 .num{display: inline-block;margin-left: 5px;font-size: 20px; color: #cf332b;}
.mc_box .bo_list li .txt01{font-size: 16px;color: #666;line-height: 22px;font-family: "aritadl";margin-bottom: 20px;}
.mc_box  .bo_slide{position: static;}
.bo_slide .slick-arrow{position:absolute;top: 0;width:40px;height:40px;z-index:56;text-indent:-9999em;font-size:0;overflow:hidden;outline: none;opacity: 0.9;}
.bo_slide .slick-arrow.slick-prev{right: 41px;background: #cf332b url("../img/main/slide_arrow_prev.png") no-repeat center center;}
.bo_slide .slick-arrow.slick-next{right:0;background: #cf332b url("../img/main/slide_arrow_next.png") no-repeat center center;}
.bo_slide .slick-arrow:hover{opacity: 1;}
.mc_box.bn_box p{font-size: 15px;line-height: 20px;color: #666;font-family: "aritadm";}
.bn_box.box03{background: #fff url("../img/main/icon01.png") no-repeat 92% center;}
.bn_box.box04{background: #fff url("../img/main/icon02.png") no-repeat 92% center;}
/*///////////////////// container End /////////////////////*/






/*///////////////////// footer /////////////////////*/
#footer{padding: 30px 0;border-top:1px solid #ddd;background-color: #fff;}
#footer .f_logo{float: left;margin-right: 60px;padding-top: 20px;}
#footer .f_cont{float: left;}
#footer .f_cont p,
#footer .f_cont address{font-size: 14px;color: #666;line-height: 20px;font-family: "aritadm";}
/*///////////////////// footer End /////////////////////*/






/*///////////////////// common /////////////////////*/
.wrap_layout{position: relative;width:1150px ;margin: 0 auto;}
.wrap_layout:after{content: "";display: block;clear: both;}
/*///////////////////// common End /////////////////////*/