@charset "UTF-8";
/* CSS Document */
	
/*プリントアウト用CSS（PCと同内容）*/
img{
	width:auto;
}
.page_title{
	background-color:#23B8BC;
	margin-bottom:0;
}
	.page_title h2{
		margin-bottom:0;
	}
.wrapper{
	background-color:#8B3625;
	padding:40px 0;
	margin-bottom:60px;
}

.contents{
	background-color:#FFF;
	width: 1200px;
	max-width:96%;
	margin:0 auto;
	padding:70px 0 50px;
}

.section01{
	width:926px;
	margin:0 auto 2em;
}
	.section01 .block01{
		float:left;
		width:184px;
		padding-bottom:2em;
	}
	.section01 .block02{
		float:right;
		width:702px;
		padding-bottom:2em;
	}
	
.section02{
	width:850px;
	margin:0 auto 8em;
}
	.section02 .block01{
		width:424px;
		float:left;
	}
	.section02 .block02{
		width:424px;
		float:right;
	}
	
.section03{
	text-align:center;
	margin-bottom:8em;
}
	.section03 img{
		width:100%;
	}
	.section03 .block01{
		margin:0 auto;
		margin-bottom:4em;
		max-width:1000px;
		width:100%;
		
	}
	.section03 .block02{
		margin:0 auto;
		margin-bottom:4em;
		max-width:1063px;
		width:100%;
		
	}
	
	
.section04{
	text-align:center;
	background:#F8E7EB;
	width:900px;
	margin:0 auto;
	margin-bottom:40px;
	padding:0;
}
	.section04 .block01{
		position:relative;
		top:-30px;
		margin-bottom:0;
	}
	.section04 .block02{
		width:670px;
		margin:0 auto 30px;
		text-align:left;
		font-size:17px;
		background:url(../images/present_q.png) no-repeat;
	}
		.section04 .block02 p{
			padding-left:45px;
		}
	.section04 .block03{
		margin-bottom:30px;
	}
	.section04 .block04{
		padding-bottom:30px;
	}
	
.section05{
	text-align:center;
	margin-bottom:2em;
}



	

/*  スマホ向けのスタイル：0以上-------------------------------------------------*/
@media only screen and (min-width: 0px) {
img{
	width:100%;
}
.page_title{
	background-color:#23B8BC;
	margin-bottom:0;
}
	.page_title h2{
		margin-bottom:0;
	}
.wrapper{
	background-color:#8B3625;
	padding:10px 0;
	margin-bottom:0;
}

.contents{
	background-color:#FFF;
	width: 96%;
	margin:0 auto;
	padding:20px 0 20px;
}

.section01{
	width:94%;
	margin:0 auto 1.5em;
}
	.section01 .block01{
		float:none;
		width:25%;
		margin:0 auto;
		padding-bottom:1em;
	}
	.section01 .block02{
		float:right;
		width:100%;
		margin:0 auto;
		padding-bottom:0em;
	}
	
.section02{
	width:75%;
	margin:0 auto 4em;
	line-height:1;
}
	.section02 .block01{
		width:100%;
		float:left;
	}
	.section02 .block02{
		width:100%;
		float:right;
	}
.section03{
	text-align:center;
	width:96%;
	margin:0 auto;
	margin-bottom:4em;
}
	.section03 .block01{
		margin-bottom:2em;
	}
	.section03 .block02{
		margin-bottom:2em;
	}
	
	
.section04{
	text-align:center;
	background:#F8E7EB;
	width:90%;
	margin:0 auto;
	margin-bottom:30px;
	padding:5%;
}
	.section04 img{
		width:90%;
	}
	.section04 .block01{
		position:relative;
		top:-30px;
		margin-bottom:0;
	}
	.section04 .block02{
		width:100%;
		margin:0 auto 30px;
		text-align:left;
		font-size:13px;
		background:url(../images/present_q.png) no-repeat;
	}
		.section04 .block02 p{
			padding-left:45px;
		}
	.section04 .block03{
		margin-bottom:20px;
	}
	.section04 .block04{
		padding-bottom:5px;
	}
	
.section05{
	text-align:center;
	margin-bottom:0.5em;
}
	.section05 img{
		width:90%;
	}

	


}

/*  タブレット向けのスタイル：768px以上--------------------------------------------*/
@media only screen and (min-width: 768px) {
img{
	width:100%;
}
.page_title{
	background-color:#23B8BC;
	margin-bottom:0;
}
	.page_title h2{
		margin-bottom:0;
	}
.wrapper{
	background-color:#8B3625;
	padding:40px 0;
	margin-bottom:60px;
}

.contents{
	background-color:#FFF;
	width: 96%;
	margin:0 auto;
	padding:70px 0 50px;
}

.section01{
	width:96%;
	margin:0 auto 2em;
}
	.section01 .block01{
		float:left;
		width:20%;
		padding-bottom:2em;
	}
	.section01 .block02{
		float:right;
		width:76%;
		padding-bottom:2em;
	}
	
.section02{
	width:90%;
	margin:0 auto 8em;
}
	.section02 .block01{
		width:49.8%;
		float:left;
	}
	.section02 .block02{
		width:49.8%;
		float:right;
	}
	
.section03{
	text-align:center;
	width:90%;
	margin:0 auto;
	margin-bottom:8em;
	padding:0;
}
	.section03 .block01{
		margin-bottom:4em;
	}
	.section03 .block02{
		margin-bottom:4em;
	}
	
	
.section04{
	text-align:center;
	background:#F8E7EB;
	width:90%;
	margin:0 auto;
	margin-bottom:40px;
}
	.section04 img{
		width:auto;
	}
	.section04 .block01{
		position:relative;
		top:-30px;
		margin-bottom:0;
	}
	.section04 .block02{
		width:670px;
		margin:0 auto 30px;
		text-align:left;
		font-size:17px;
		background:url(../images/present_q.png) no-repeat;
	}
		.section04 .block02 p{
			padding-left:45px;
		}
	.section04 .block03{
		margin-bottom:30px;
	}
	.section04 .block04{
		padding-bottom:30px;
	}
	
.section05{
	text-align:center;
	margin-bottom:2em;
}
	.section05 img{
		width:auto;
	}


}

/*  PC向けのスタイル：1000px以上-------------------------------------------------*/
@media only screen and (min-width: 1000px) {
img{
	width:auto;
}
.page_title{
	background-color:#23B8BC;
	margin-bottom:0;
}
	.page_title h2{
		margin-bottom:0;
	}
.wrapper{
	background-color:#8B3625;
	padding:40px 0;
	margin-bottom:60px;
}

.contents{
	background-color:#FFF;
	width: 1200px;
	max-width:96%;
	margin:0 auto;
	padding:70px 0 50px;
}

.section01{
	width:926px;
	margin:0 auto 2em;
}
	.section01 .block01{
		float:left;
		width:184px;
		padding-bottom:2em;
	}
	.section01 .block02{
		float:right;
		width:702px;
		padding-bottom:2em;
	}
	
.section02{
	width:850px;
	margin:0 auto 8em;
}
	.section02 .block01{
		width:424px;
		float:left;
	}
	.section02 .block02{
		width:424px;
		float:right;
	}
	
.section03{
	text-align:center;
	margin-bottom:8em;
}
	.section03 img{
		width:100%;
	}
	.section03 .block01{
		margin:0 auto;
		margin-bottom:3em;
		max-width:1032px;
		width:100%;
		
	}
	.section03 .block02{
		margin:0 auto;
		margin-bottom:4em;
		max-width:1032px;
		width:100%;
		
	}
	
	
.section04{
	text-align:center;
	background:#F8E7EB;
	width:900px;
	margin:0 auto;
	margin-bottom:40px;
	padding:0;
}
	.section04 .block01{
		position:relative;
		top:-30px;
		margin-bottom:0;
	}
	.section04 .block02{
		width:670px;
		margin:0 auto 30px;
		text-align:left;
		font-size:17px;
		background:url(../images/present_q.png) no-repeat;
	}
		.section04 .block02 p{
			padding-left:45px;
		}
	.section04 .block03{
		margin-bottom:30px;
	}
	.section04 .block04{
		padding-bottom:30px;
	}
	
.section05{
	text-align:center;
	margin-bottom:2em;
}




}