@charset "UTF-8";
/* CSS Document */

header{
	margin-bottom:1px;
	background:url(../img/mv_top.jpg) center no-repeat;
	background-size:cover;
}


header .inner{
	height:500px;
}


.line{
	height:336px;
	color:#b28247;
	text-align:center;
	background:url(../img/line_bk.gif) left top repeat-x;
	background-size:auto 100%;
}

.line h2{
	font-size:30px;
	line-height:1.2;
	font-weight:bold;
	padding-top:35px;
	margin-bottom:20px;
}

.line h2 span{
	font-size:18px;
	line-height:1.2;
	font-weight:normal;
	display:block;
}

.line ul li{
	display:inline-block;
	margin:0 55px;
}

.line ul li p{
	font-size:18px;
	line-height:1.2;
	font-weight:bold;
	margin-top:15px;
}

.line ul li p span{
	font-size:14px;
	display:block;
}

.co_box{
	margin-bottom:30px;
}

.co_box:last-child{
	margin-bottom:0;
}

.co_box .inner > div{
	width:400px;
	color:#b28247;
	background:#FFF;
	padding:40px 35px 50px;
}

.co_box .inner > div h2{
	font-size:30px;
	line-height:1.3;
	font-weight:bold;
	text-align:center;
	margin-bottom:20px;
}

.co_box .inner > div p{
	font-size:24px;
	line-height:1.3;
	font-weight:bold;
}

.co_box .inner > div ul li{
	font-size:18px;
	line-height:1.5;
	font-weight:bold;
	padding-left:1em;
	text-indent:-1em;
	margin-bottom:3px;
}

.co_box .inner > div ul li:last-child{
	margin-bottom:0;
}

.co_box .inner > div ul li:before{
	content:"・";
}


.co01{
	background:#000;
}

.co01 > div{
	width:100%;
	max-width:1300px;
	height:375px;
	margin:0 auto;
	background:url(../img/co01_bk.jpg) right top no-repeat;
	background-size:auto 100%;
}

.co01 .inner{
	padding-top:85px;
}

.co02{
	background:#dcdddd;
	padding:45px 0;
}

.co02 img{
	float:right;
	margin:33px 43px 0 0;
}

.co02 .inner > div{
	float:left;
}

.co03{
	background:#dcdddd;
}

.co03 > div{
	width:100%;
	height:313px;
	max-width:1300px;
	margin:0 auto;
	background:url(../img/co03_bk.jpg) right top no-repeat;
	background-size:auto 100%;
}

.co03 .inner{
	padding-top:44px;
}


.co04{
	background:#dcdddd;
}

.co04 > div{
	width:100%;
	height:313px;
	max-width:1300px;
	margin:0 auto;
	background:url(../img/co04_bk.jpg) center top no-repeat;
	background-size:auto 100%;
}

.co04 .inner{
	padding-top:44px;
}

.co05{
	background:#dcdddd;
}

.co05 > div{
	width:100%;
	height:341px;
	max-width:1300px;
	margin:0 auto;
	background:url(../img/co05_bk.jpg) center top no-repeat;
	background-size:auto 100%;
}

.co05 .inner{
	padding-top:44px;
}

.co05 .inner > div{
	position:relative;
	padding:40px 35px 70px;
}

.co05 .inner > div a{
	position:absolute;
	bottom:-20px;
	left:0;
	right:0;
	margin:auto;
}

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

	header .inner{
		height:60vw;
	}
	
	.line{
		height:auto;
		color:#b28247;
	}
	
	.line h2{
		font-size:5vw;
		line-height:1.2;
		font-weight:bold;
		padding-top:3vw;
		margin-bottom:4vw;
	}
	
	.line h2 span{
		font-size:3vw;
		line-height:1.2;
	}
	
	.line ul li{
		width:28%;
		display:inline-block;
		margin:0 2% 3vw;
	}
	
	.line ul li p{
		font-size:2.8vw;
		line-height:1.2;
		font-weight:bold;
		margin-top:2vw;
	}
	
	.line ul li p span{
		font-size:2vw;
		display:block;
	}
	
	.co_box{
		margin-bottom:4vw;
	}
	
	.co_box .inner > div{
		width:100%;
		padding:4vw;
		box-sizing:border-box;
	}
	
	.co_box .inner > div h2{
		font-size:5vw;
		line-height:1.3;
		margin-bottom:2vw;
	}
	
	.co_box .inner > div p{
		font-size:4vw;
		line-height:1.3;
		font-weight:bold;
	}
	
	.co_box .inner > div ul li{
		font-size:3vw;
		line-height:1.5;
	}
	
	.co01{
		padding-top:30vw;
	}
	
	.co01 > div{
		height:40vw;
		padding:0 4vw;
		box-sizing:border-box;
	}
				
	.co01 .inner{
		padding-top:0;
	}
	
	.co01 .inner > div{
		width:100%;
		position:absolute;
		top:-25vw;
		left:0;
		right:0;
		margin:auto;
	}
	
	.co02{
		padding:5vw 0;
	}
	
	.co02 img{
		width:90%;
		float:none;
		margin:5vw auto 0;
		display:block;
	}
	
	.co02 .inner > div{
		float:none;
	}
	
	.co03{
		padding-top:35vw;
	}
	
	.co03 > div{
		height:40vw;
		padding:0 4vw;
		box-sizing:border-box;
	}
	
	.co03 .inner{
		padding-top:0;
	}
	
	.co03 .inner > div{
		width:100%;
		position:absolute;
		top:-30vw;
		left:0;
		right:0;
		margin:auto;
	}
	
	
	.co04{
		background:#dcdddd;
	}
	
	.co04 > div{
		height:auto;
		padding:10vw 0;
		box-sizing:border-box;
	}
	
	.co04 .inner{
		padding-top:0;
	}
	
	
	.co05{
		background:#dcdddd;
	}
	
	.co05 > div{
		height:60vw;
		padding:10vw 4vw;
		box-sizing:border-box;
	}
	
	.co05 .inner{
		padding-top:0;
	}
	
	.co05 .inner > div{
		width:100%;
		position:relative;
		padding:6vw 4vw 10vw;
		box-sizing:border-box;
	}
	
	.co05 .inner > div a{
		position:absolute;
		bottom:-5vw;
		left:50%;
		right:auto;
		margin-left:-25%;
	}


}