@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 #141734;}
#header .logo{float: left;line-height: 80px; margin-left: 20px; margin-right: 60px;}
#header .logo img{vertical-align: middle;}
#gnb{float: right;width: 810px; margin-right: 50px;}
#gnb ul.gnb_list > li{position: relative;float: left;width: 16.66666%;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: #141734;}
#gnb ul.gnb_list > li:hover a{color: #fff;}
#gnb ul.gnb_list > li.active{background-color: #141734;} 
#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; height: 232px;}
.main_visual .vs_cont .vs_txt{padding-top: 120px;color: #fff;margin-bottom: 130px;}
.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(20,23,52,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: #141734;}
.main_content{padding: 40px 0 90px;}
.main_content:after{content: "";display: block;clear: both;}
.mc_top {margin-bottom: 20px;}
.product_list:after {content: "";display: block; clear: both;}
.product_list li{position: relative;float: left;width: 14.2857%;}
.product_list li > a {position: relative; display: block; width: 155px; height: 200px; margin: 0 auto;}
.product_list li .pl_tit {position: absolute; display: table; left: 0; bottom: 0; width: 100%; height: 60px; background: rgba(27,30,47,0.9);}
.product_list li .pl_tit span {display: table-cell; width: 100%; vertical-align: middle; text-align: center; color: #fff; font-size: 18px; font-weight: 400; letter-spacing: -0.025em;}

.mc_box{position: relative;width: 380px; height: 230px; background-color: #fff; float: left; display: block; margin-left: 5px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.mc_box:first-child {margin-left: 0;}
.mc_box h3 {font-size: 22px; color: #333; font-family: "aritadm"; margin-bottom: 15px;}
.mc_box h3 .num {font-size: 20px; color: #cf332b;}
.mc_box p {font-size: 15px; color: #666; font-family: "aritadm"; line-height: 20px;}
.mc_box .cont_box {padding-top: 45px; padding-left: 35px; height: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.mc_box .link {position: absolute; display: table; left: 0; bottom: 0; width: 100%; height: 60px;  background: rgba(27,30,47,0.9);}
.mc_box .link span {display: table-cell; width: 100%; vertical-align: middle; text-align: center; color: #fff; font-size: 18px; font-weight: 400; letter-spacing: -0.025em;}
.mc_box.box02 .cont_box  {background: url('/img/main/icon01.png') no-repeat 92% 53px ;}
.mc_box.box03 .cont_box  {background: url('/img/main/icon02.png') no-repeat 92% 53px ;}
/*///////////////////// container End /////////////////////*/






/*///////////////////// footer /////////////////////*/
#footer{padding: 50px 0;border-top:1px solid #ddd;background-color: #fff;}
#footer .f_logo{float: left; margin: 0 56px;}
#footer .f_cont{float: left;}
#footer .f_cont p,
#footer .f_cont address{font-size: 14px;color: #666;line-height: 16px;font-family: "aritadm";}
.f_link {position: absolute; left: 195px;top: 50%; margin-top: -22px; text-align: center;}
.f_link .limg {margin-bottom: 5px;}
.f_link span {display: block; font-family: "aritadm"; color: #666; font-size: 14px; line-height: 16px;}
/*///////////////////// footer End /////////////////////*/






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