@charset "utf-8";

/* secTop */
.secTop .bg{
	background:url(../img/index/bg_top.jpg) top center no-repeat;
}
.secTop .list{
	font-size:0;
	padding:39px 0 28px;
}
.secTop .nav{
	display:inline-block;
	vertical-align:top;
}
.secTop .secBox{ position:relative;}
.secTop .txt02{ padding:35px 0 10px 0;}
.secTop .txt01{ padding:114px 0 114px 90px;}
.secTop .secMap{
	position: absolute;
	top: 40px;
	right: 0;
}
.secTop .secMap iframe{
	width: 500px;
	height: 283px;
}
.secTop .topTxt{
	 font-size:10px; 
	 line-height:120%;
	 padding-top:5px;
	 margin-bottom:30px;
}
.secTop .nav{ text-align:center;}
.secTop .nav:nth-child(1){ 
	width:319px; 
	border-right:1px solid #fff;
	padding-left:18px;
	box-sizing:border-box;
}
.secTop .nav:nth-child(2){ width:283px; border-right:1px solid #fff;}
.secTop .nav:nth-child(3){ 
	width:351px; 
	border-right:1px solid #fff;
	padding-left:6px;
	box-sizing:border-box;
}
.secTop .nav:nth-child(4){ 
	width:241px;
	box-sizing:border-box;
	padding-right:8px;
}
@media only screen and (max-width:767px){
	.secMain{ margin-top:50px;}
	.secTop .bg{ padding-bottom:5px;}
	.secTop .txt02{ padding:20px 3% 0;}
	.secTop .txt01{ padding:40px 10%;}
	.secTop .topTit{ padding:20px 3% 10px;}
	.secTop .topTxt{ padding:0 3% 0; padding-top:10px;}
	.secTop .list{ padding:0;}
	.secTop .nav{ vertical-align:middle;}
	.secTop .nav:nth-child(1){ width:49.5%; border-right:none; padding:3%; box-sizing:border-box; }
	.secTop .nav:nth-child(2){ width:50%; border-right:none; padding:3%; box-sizing:border-box;}
	.secTop .nav:nth-child(3){ width:49.5%; border-right:none; padding:3%; box-sizing:border-box;}
	.secTop .nav:nth-child(4){ width:50%; padding:3%; box-sizing:border-box;}
	.secTop .nav img{ width:auto; height:35px;}
	.secTop .nav{ vertical-align:middle;}
	
	.secTop .secMap{
	    width: 100%;
		height: 0;
		padding-top: 56%;
		position: relative;
		top:0;
		margin-bottom:20px;
	}
	.secTop .secMap iframe{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
}
}
