@charset "utf-8";
/* CSS Document */
.clogo{width:140px; height:120px; margin-top:30px; margin-left:30px;}
.clogo a{display:block; width:140px; height:120px;}

.service{display: block; height:60px;}
.business{display: block; height:60px;}
.company{display: block; height:60px;}

@media screen and (max-width: 768px) {
.service{display: block; height: 100px;}
.business{display: block; height: 100px;}
.company{display: block; height: 100px;}
}


.comingsoon_w{background:url(../img/btn/comingsoon_w.png) no-repeat center; width:242px; height:52px; margin:0 auto;}
.comingsoon_b{background:url(../img/btn/comingsoon_b.png) no-repeat center; width:242px; height:52px; margin:0 auto;}


.btn01 a{background:url(../img/btn/01.png) no-repeat center; width:357px; height:89px; display:block; margin:0 auto;}
.btn01 a:hover{background:url(../img/btn/01_on.png) no-repeat center;}
.btn01_on{background:url(../img/btn/01_on.png) no-repeat center; width:357px; height:89px;}


.btn02 a{background:url(../img/btn/02.png) no-repeat center; width:242px; height:89px; display:block; margin:0 auto;}
.btn02 a:hover{background:url(../img/btn/02_on.png) no-repeat center; display:block;}
.btn02_on{background:url(../img/btn/02_on.png) no-repeat center; width:242px; height:89px;}

.btn02_w a{background:url(../img/btn/02_w.png) no-repeat center; width:242px; height:89px; display:block; margin:0 auto;}
.btn02_w a:hover{background:url(../img/btn/02_w_on.png) no-repeat center; display:block;}
.btn02_w_on{background:url(../img/btn/02_w_on.png) no-repeat center; width:242px; height:89px;}

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

.btn02_w a{background:url(../img/btn/02.png) no-repeat center; width:242px; height:89px; display:block; margin:0 auto;}
.btn02_w a:hover{background:url(../img/btn/02_on.png) no-repeat center; display:block;}
.btn02_w_on{background:url(../img/btn/02_on.png) no-repeat center; width:242px; height:89px;}	
	
}


.btn03 a{background:url(../img/btn/03.png) no-repeat center bottom; width:365px; height:160px; display:block; margin-top:60px;}
.btn03 a:hover{background:url(../img/btn/03_on.png) no-repeat center bottom;}
.btn03_on{background:url(../img/btn/03_on.png) no-repeat center bottom; width:365px; height:160px;}

.btn04 a{background:url(../img/btn/04.png) no-repeat center bottom; width:472px; height:160px; display:block; margin-top:0px;}
.btn04 a:hover{background:url(../img/btn/04_on.png) no-repeat center bottom;}
.btn04_on{background:url(../img/btn/04_on.png) no-repeat center bottom; width:472px; height:160px;}


.tab01{background:url(../img/menu/01.png) no-repeat center;}
.tab01:hover{background:url(../img/menu/01_on.png) no-repeat center;}
.tab01_on{background:url(../img/menu/01_on.png) no-repeat center;}


.tab02{background:url(../img/menu/02.png) no-repeat center;}
.tab02:hover{background:url(../img/menu/02_on.png) no-repeat center;}
.tab02_on{background:url(../img/menu/02_on.png) no-repeat center;}


.tab03{background:url(../img/menu/03.png) no-repeat center;}
.tab03:hover{background:url(../img/menu/03_on.png) no-repeat center;}
.tab03_on{background:url(../img/menu/03_on.png) no-repeat center;}

.tab04{background:url(../img/menu/04.png) no-repeat center;}
.tab04:hover{background:url(../img/menu/04_on.png) no-repeat center;}
.tab04_on{background:url(../img/menu/04_on.png) no-repeat center;}

.tab05{background:url(../img/menu/05.png) no-repeat center;}
.tab05:hover{background:url(../img/menu/05_on.png) no-repeat center;}
.tab05_on{background:url(../img/menu/05_on.png) no-repeat center;}

.tab06{background:url(../img/menu/06.png) no-repeat center;}
.tab06:hover{background:url(../img/menu/06_on.png) no-repeat center;}
.tab06_on{background:url(../img/menu/06_on.png) no-repeat center;}


.slick-prev:before,.slick-next:before{color:#FFFFFF;}

h3{font-size:30px;}

.locationbox{ height:550px;}

.menubox{ height:550px;}


section.menubox h2{
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	width: 290px;
	height: 30px;
	padding-top: 5px;
	padding-bottom: 5px;
	overflow: hidden;
	margin: 0 auto;
}

section.menubox{min-height:750px !important;}

section.menubox p{color:#FFFFFF; height:auto;}

section.menubox dt{float:none !important; width:100% !important; font-weight:bold !important;}
section.menubox dd{float:none !important; width:100% !important; text-align:right !important;}
section.menubox dl{padding:0 5px; border-bottom:solid 1px #FFFFFF; margin-bottom:5px;}

.Col6box .boxex01{padding:10px; font-size:20px;}
.Col6box .boxex02{padding:10px; font-size:18px;}
.Col6box h3.boxex01{padding:10px; font-size:25px;}

.Col3box .boxex01{padding:5px; font-size:16px; text-align:center;}
.Col3box .boxex02{padding:10px; font-size:12px;}
.Col3box h3.boxex01{padding:10px; font-size:18px;}



.Col6box .detailBtn01{width:460px; height:30px; line-height:30px; margin:0 auto; text-align:center; color:#FFFFFF; font-weight:bold; border:1px solid #FFFFFF; box-sizing:border-box; position:absolute; left:10px; bottom:10px;}


.Col6box{width:480px;}
.Col3box{width:240px;}

.Col6box .AnimationDivArea{width:480px; height:480px;}
.Col3box .AnimationDivArea{width:240px; height:240px;}

.boxex01 a{color:#FFFFFF !important;}
.boxex01 a:visited{color:#FFFFFF !important;}
.boxex01 a:hover{color:#EEEEEE !important;}
.boxex01 a:active{color:#EEEEEE !important;}




@media only screen and (max-width:1199px) {
.KMboxArea{width:960px;}
}

@media only screen and (max-width:959px) {
.KMboxArea{width:720px;}
}

@media only screen and (max-width:719px) {
.KMboxArea{width:480px;}
}

@media only screen and (max-width:479px) {
.KMboxArea{width:320px;}
.Col6box{width:320px;}
.Col3box{width:320px;}

.Col6box .AnimationDivArea{width:320px; height:320px;}
.Col3box .AnimationDivArea{width:320px; height:320px;}
}


/*base*/
@media only screen and (min-width:960px) and (max-width:1280px) {

}

/*add*/
@media screen and (max-width: 768px) {
.KMBG07{ display:none;}
}

.KMBG01{background:url("../img/bg/01.png") center top no-repeat,#FFFFFF; height:815px;}
.KMBG02{background:url("../img/bg/02.png") center top no-repeat,#FFFFFF; height:1210px; padding:100px 0 0;}
.KMBG03{background:url("../img/bg/03.png") center top no-repeat,#FFFFFF; height:680px; padding:250px 0 0;}
.KMBG04{background:url("../img/bg/04.png") center top no-repeat,#FFFFFF; height:auto; padding:200px 0 0;}
.KMBG05{background:url("../img/bg/05.png") center top no-repeat,#FFFFFF; height:auto; padding:250px 0 0;}
.KMBG06{background:url("../img/bg/06.png") center top no-repeat,#FFFFFF; height:auto; padding:200px 0 0; margin-top:-70px;}
.KMBG07{background:url("../img/bg/07.png") center top no-repeat,#FFFFFF; height:auto;padding: 20px 0 0;}
.KMBG08{background:url("../img/bg/08.png") center top no-repeat,#FFFFFF; height:auto;padding: 50px 0 0;}
.KMBG09{background:url("../img/bg/09.png") center top no-repeat,#FFFFFF; height:auto; padding:200px 0 0;}
.KMBG10{background:url("../img/bg/10.png") center top no-repeat,#FFFFFF; height:auto; padding:200px 0 0;}
.KMBG11{background:url("../img/bg/11.png") center top no-repeat,#FFFFFF; height:auto; padding:200px 0 0;}
.KMBG12{background:url("../img/bg/12.png") center top no-repeat,#FFFFFF; height:auto; padding:200px 0 0;}
.KMBG13{background:url("../img/bg/13.png") center top no-repeat,#FFFFFF; height:auto;padding: 200px 0 0;}

.contactbox{background:url("../img/bg/contact.png") center bottom no-repeat; height:auto;}

.KMBG{background:#1f2023; height:auto;}



/*base*/
@media only screen and (min-width:767px) and (max-width:959px) {
.KMBG01{background:url("../img/bg/01.png") center top no-repeat,#FFFFFF; height:auto;}
.KMBG02{background:url("../img/bg/02.png") center top no-repeat,#FFFFFF; height:auto; padding:100px 0 0;}
.KMBG03{background:url("../img/bg/03.png") center top no-repeat,#FFFFFF; height:auto; padding:220px 0 0;}
.KMBG04{background:url("../img/bg/04.png") center top no-repeat,#FFFFFF; height:auto; padding:220px 0 0;}
.KMBG05{background:url("../img/bg/05.png") center top no-repeat,#FFFFFF; height:auto; padding:220px 0 0;}
.KMBG06{background:url("../img/bg/06.png") center top no-repeat,#FFFFFF; height:auto; padding:100px 0 0;}
.KMBG07{background:url("../img/bg/07.png") center top no-repeat,#FFFFFF; height:230px; padding:10px 0 0; margin-bottom: -10px;}
.KMBG08{background:url("../img/bg/08.png") center top no-repeat,#FFFFFF; height:auto;padding: 100px 0 0;}
.KMBG09{background:url("../img/bg/09.png") center top no-repeat,#FFFFFF; height:auto; padding:100px 0 0;}
.KMBG10{background:url("../img/bg/10.png") center top no-repeat,#FFFFFF; height:auto; padding:100px 0 0;}
.KMBG11{background:url("../img/bg/11.png") center top no-repeat,#FFFFFF; height:auto; padding:100px 0 0;}
.KMBG12{background:url("../img/bg/12.png") center top no-repeat,#FFFFFF; height:auto; padding:100px 0 0;}
.KMBG13{background:url("../img/bg/13.png") center top no-repeat,#FFFFFF; height:auto; padding:100px 0 0;}
	
.contactbox{background:none;}	
}

@media only screen and (min-width:600px) and (max-width:768px) {
.KMBG01{background:url("../img/bg/01.png") center top no-repeat,#FFFFFF; height:auto;}
.KMBG02{background:url("../img/bg/02.png") center top no-repeat,#FFFFFF; height:auto; padding:20px 0 0;}
.KMBG03{background:url("../img/bg/03.png") center top no-repeat,#FFFFFF; height:auto; padding:100px 0 0;}
.KMBG04{background:url("../img/bg/04.png") center top no-repeat,#FFFFFF; height:auto; padding:100px 0 0;}
.KMBG05{background:url("../img/bg/05.png") center top no-repeat,#FFFFFF; height:auto; padding:100px 0 0;}
.KMBG06{background:url("../img/bg/06.png") center top no-repeat,#FFFFFF; height:auto; padding:100px 0 0;}
		
.KMBG09{background:url("../img/bg/09.png") center top no-repeat,#FFFFFF; height:auto; padding:100px 0 0;}
.KMBG10{background:url("../img/bg/10.png") center top no-repeat,#FFFFFF; height:auto; padding:100px 0 0;}
.KMBG11{background:url("../img/bg/11.png") center top no-repeat,#FFFFFF; height:auto; padding:100px 0 0;}
.KMBG12{background:url("../img/bg/12.png") center top no-repeat,#FFFFFF; height:auto; padding:100px 0 0;}
.KMBG13{background:url("../img/bg/13.png") center top no-repeat,#FFFFFF; height:auto; padding:100px 0 0;}
	
.contactbox{background:none;}
}

@media only screen and (max-width:599px) {
.KMBG01{background:url("../img/bg/01_sp.png") center top no-repeat,#FFFFFF; height:auto;}
.KMBG02{background:url("../img/bg/02_sp.png") center top no-repeat,#FFFFFF; height:auto; padding:20px 0 0;}
.KMBG03{background:url("../img/bg/03_sp.png") center top no-repeat,#FFFFFF; height:auto; padding:80px 0 0;}
.KMBG04{background:url("../img/bg/04_sp.png") center top no-repeat,#FFFFFF; height:auto; padding:120px 0 0;}
.KMBG05{background:url("../img/bg/05_sp.png") center top no-repeat,#FFFFFF; height:auto; padding:120px 0 0;}
.KMBG06{background:url("../img/bg/06_sp.png") center top no-repeat,#FFFFFF; height:auto; padding:80px 0 0;}
	
.KMBG09{background:url("../img/bg/09_sp.png") center top no-repeat,#FFFFFF; height:auto; padding:80px 0 0;}
.KMBG10{background:url("../img/bg/10_sp.png") center top no-repeat,#FFFFFF; height:auto; padding:80px 0 0;}
.KMBG11{background:url("../img/bg/11_sp.png") center top no-repeat,#FFFFFF; height:auto; padding:80px 0 0;}
.KMBG12{background:url("../img/bg/12_sp.png") center top no-repeat,#FFFFFF; height:auto; padding:80px 0 0;}
.KMBG13{background:url("../img/bg/13_sp.png") center top no-repeat,#FFFFFF; height:auto; padding:80px 0 0;}
	

}



/*base*/
@media only screen and (min-width:767px) and (max-width:959px) {
.btn03 a{background:url("../img/btn/03_tb.png") no-repeat center bottom; width:100%; height:150px; display:block; background-size:100%;margin-top:0px;}
.btn03 a:hover{background:url("../img/btn/03_tb_on.png") no-repeat center bottom; background-size:100%;}
.btn03_on{background:url("../img/btn/03_tb_on.png") no-repeat center bottom; width:100%; height:100px; background-size:100%;}

.btn04 a{background:url("../img/btn/04_tb.png") no-repeat center bottom; width:100%; height:150px; display:block; background-size:100%; margin-top:0px;}
.btn04 a:hover{background:url("../img/btn/04_tb_on.png") no-repeat center bottom; background-size:100%;}
.btn04_on{background:url("../img/btn/04_tb_on.png") no-repeat center bottom; width:100%; height:100px; background-size:100%;}

.KMggmap {
position:relative;
padding-bottom:55%;
padding-top:50px;
height:0;
overflow:hidden;
}

}

@media only screen and (min-width:600px) and (max-width:768px) {
.btn03 a{background:url("../img/btn/03_tb.png") no-repeat center bottom; width:100%; height:100px; display:block; background-size:100%;margin-top:0px;}
.btn03 a:hover{background:url("../img/btn/03_tb_on.png") no-repeat center bottom; background-size:100%;}
.btn03_on{background:url("../img/btn/03_tb_on.png") no-repeat center bottom; width:100%; height:100px; background-size:100%;}

.btn04 a{background:url("../img/btn/04_tb.png") no-repeat center bottom; width:100%; height:100px; display:block; background-size:100%; margin-top:0px;}
.btn04 a:hover{background:url("../img/btn/04_tb_on.png") no-repeat center bottom; background-size:100%;}
.btn04_on{background:url("../img/btn/04_tb_on.png") no-repeat center bottom; width:100%; height:100px; background-size:100%;}
	
.KMCont h2{height:25px; line-height:18px; margin-bottom:20px; text-align:center; font-size:18px;}
h3{font-size:20px;}	

.KMggmap {
position:relative;
padding-bottom:55%;
padding-top:50px;
height:0;
overflow:hidden;
}

}

/*base*/
@media only screen and (max-width:599px) {
.KMlist li dt{float:none}
.KMlist li dd{float:none;}

.KMlist li dt{width:auto;}
.KMlist li dd{width:auto;}

.KMlist li dl{margin-bottom:5px;}

.btn01 a{background:url(../img/btn/01_sp.png) no-repeat center; width:290px; height:42px; display:block; margin:0 auto;}
.btn01 a:hover{background:url(../img/btn/01_sp_on.png) no-repeat center;}
.btn01_on{background:url(../img/btn/01_sp_on.png) no-repeat center; width:290px; height:42px;}

.btn03 a{background:url(../img/btn/03_sp.png) no-repeat center bottom; width:290px; height:76px; display:block; margin:0 auto; margin-top:-130px;}
.btn03 a:hover{background:url(../img/btn/03_sp_on.png) no-repeat center bottom;}
.btn03_on{background:url(../img/btn/03_sp_on.png) no-repeat center bottom; width:290px; height:76px; margin:0 auto;}

.btn04 a{background:url(../img/btn/04_sp.png) no-repeat center bottom; width:290px; height:76px; display:block; margin:0 auto; margin-top:-50px;}
.btn04 a:hover{background:url(../img/btn/04_sp_on.png) no-repeat center bottom;}
.btn04_on{background:url(../img/btn/04_sp_on.png) no-repeat center bottom; width:290px; height:76px; margin:0 auto;}

.KMCont h2{height:18px; line-height:18px; margin-bottom:20px; text-align:center; font-size:18px;}
h3{font-size:16px;}

.KMtabs ul li{margin-bottom:5px;}

.KMggmap {
position:relative;
padding-bottom:75%;
padding-top:70px;
height:0;
overflow:hidden;
}
	
}


/*add*/
@media screen and (max-width: 768px) {

}





/* Color */

/* Font Color */

body{color:#333333;}

a:link{color:#e83416;}
a:visited{color:#e83416;}
a:hover{color:#e83416;}
a:active{color:#e83416;}
a:focus{color:#e83416;}


body{background:#1f2023;}
#wrap{background:#1f2023;}


header.KMheader{background:none !important;}


header#KMFixMenu .menu{border-bottom:1px solid #FFFFFF;}
header#KMFixMenu .menu{background:#1f2023;}
header#KMFixMenu .menu nav>ul>li h3{color:#FFFFFF;}
header#KMFixMenu .menu nav>ul>li a{color:#FFFFFF;}
header#KMFixMenu .menu nav ul li a:hover{color:#EEEEEE;}



header#KMFixMenu .menu {background:#1f2023;}
header#KMFixMenu .menu nav{background:#1f2023; border-top:1px solid #FFFFFF;}
header#KMFixMenu .menu nav>ul{border-left:1px solid #FFFFFF;}
header#KMFixMenu .menu nav>ul>li{border-right:1px solid #FFFFFF;}
header#KMFixMenu .menu nav>ul>li h3{border-bottom:1px solid #FFFFFF;}
.breadcrumbs{background:#555555;}

footer{background:#1f2023; color:#FFFFFF;}
.KMfooter ul{background:#1f2023;}
.KMfooter ul{color:#FFFFFF;}
.KMfooter ul a{color:#FFFFFF;}


@media screen and (max-width: 768px) {
header#KMFixMenu .menu nav>ul>li h3{color:#FFFFFF; background:#333333; border-bottom:1px solid #FFFFFF;}
header#KMFixMenu .menu nav>ul>li>ul>li{background:#555555; border-bottom:1px solid #FFFFFF;}
header#KMFixMenu .menu nav>ul>li a{color:#FFFFFF;}
}







/* Font Size */

body{font-size:16px;}

.breadcrumbs{font-size:1.2em;}

header.KMheader nav{font-size:20px;}
header.KMheader nav a{font-size:20px; font-weight:bold; text-decoration:none;}


@media screen and (max-width: 768px) {
header#KMFixMenu .menu nav>ul>li h3{font-size:14px;}
header#KMFixMenu .menu nav>ul>li h3 a{font-size:14px;}
header#KMFixMenu .menu nav>ul>li>ul>li{font-size:12px;}
header#KMFixMenu .menu nav>ul>li a{font-size:12px;}
}