@charset "UTF-8";


/* -- Structure [Index] -----------------------------------------------------*/
@media screen and (max-width: 767px) {
	header { position: relative; background: url("../img/common/main_bg.jpg") top center no-repeat; background-size: 165%; height: 335px; }
	.main_txt { position: absolute; top: 100px; left: 2%; width: 300px; }
	.sub_txt { position: absolute; top: 200px; left: 2%; width: 300px; }
	.h_logo { margin-left: 2%; }
}
@media screen and (min-width: 768px) {
	header { background: url("../img/common/main_bg.jpg") top center no-repeat; background-size: cover; }
	h1 {margin-left: 2%; padding-top:5px; color: #fff; } 
	.h_logo {margin-left: 2%;}
	nav { margin-bottom: 40px; }
	.h_contact { margin-right: 2%;margin-top: 15px;}
}
@media screen and (min-width: 768px) and (max-width: 961px) {
	h1 { font-size: 12px; }
	header { height: 550px; }
	.main_txt { position: absolute; top: 160px; left: 4%; width: 600px; }
	.sub_txt { position: absolute; top: 350px; left: 4%; width: 600px; }
	.h_contact { position: absolute; right: 2%; top: 35px;}
}
@media screen and (min-width: 961px) and (max-width: 1024px) {
	h1 { font-size: 13px; }
	header { height: 650px; }
	.main_txt { position: absolute; top: 180px; left: 4%; width: 750px; }
	.sub_txt { position: absolute; top: 430px; left: 4%; width: 750px; }
	.h_contact { position: absolute; right: 2%; top: 25px;}
}
@media screen and (min-width: 1025px) {
	header { height: 750px; }
	.main_txt { position: absolute; top: 200px; left: 8%; width: 800px; }
	.sub_txt { position: absolute; top: 450px; left: 8%; width: 800px; }
}


/* -- slider ----------------------------------------------------------------*/
@media screen and (max-width: 767px) {
	.bx-wrapper {
		margin-bottom:2%;
	}
	.bx-viewport {
		margin-bottom:10px;
	}	
	#slider {
		margin-bottom:10px;
	}
	#slider li {
		width:100%;
		height:270px;
	}
	
	#slider li.slide01 {background:url() center center no-repeat; background-size: cover;}
	#slider li.slide02 {background:url() center center no-repeat; background-size: cover;}
	#slider li.slide03 {background:url() center center no-repeat; background-size: cover;}
	#slider li.slide04 {background:url() center center no-repeat; background-size: cover;}
	#slider li.slide05 {background:url() center center no-repeat; background-size: cover;}
}
@media screen and (min-width: 768px) {
	.bx-wrapper {
		margin-bottom:10px;
	}
	.bx-viewport {
		margin-bottom:10px;
	}	
	#slider {
		margin-bottom:10px;
	}
	#slider li {
		width:100%;
		height:550px;
	}
	
	#slider li.slide01 {background:url() center center no-repeat; background-size: cover;}
	#slider li.slide02 {background:url() center center no-repeat; background-size: cover;}
	#slider li.slide03 {background:url() center center no-repeat; background-size: cover;}
	#slider li.slide04 {background:url() center center no-repeat; background-size: cover;}
	#slider li.slide05 {background:url() center center no-repeat; background-size: cover;}
	

}

/* -- LINE ----------------------------------------------------------------*/

#line h3{text-align:center;}
#line .line_tbl{
	display:table;
	width:100%;
}
#line .line_tbl li{
	display:table-cell;
	vertical-align:top;
}
#line .line_tbl li:first-child{
	width:250px;
	padding-right:60px;
	text-align:center;
}
#line .line_tbl li:first-child .note{
	padding:1em;
	margin-top:1em;
	background:#073895;
	color:#fff;
	font-size:14px;
	text-align:left;
}
#line .line_tbl li h4.subt {
	margin-bottom:1em;
	border-bottom:solid 2px #073895;
	color: #073895;
    text-align: center;
	font-size: 24px;
}
@media screen and (max-width: 767px) {
	#line .line_tbl,
	#line .line_tbl li{
		display:block;
	}
	#line .line_tbl li:first-child{
		width:100%;
		padding-right:0;
		margin-bottom:1em;
	}
	#line .line_tbl li:first-child img{
		width:50%;
	}
}

/* -- APPEND ----------------------------------------------------------------*/