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


#nav ul li a.nav02 {
	background-position: left -70px;
}

/*main-img*/

#main-img {
	background-image: url(images/main-img.jpg);
}



/*contents*/

#contents {
	padding-top: 60px;
}

/*contents01*/

.contents01 {
	width: 970px;
	margin-bottom: 0px;
	padding-right: 15px;
	padding-left: 15px;
	background-color: #21b7c5;
	padding-top: 60px;
	padding-bottom: 60px;
}

.contents02 {
	margin-bottom: 70px;
}

.contents01 h5 {
	line-height: 1em;
	margin-bottom: 20px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 30px;
	font-weight: normal;
	color: #FFF;
	letter-spacing: 0.1em;
}

#contents .contents01 p {
	color: #FFF;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.contents01 .contents-left {
	width: 500px;
}

.contents01 .contents-left img {
	width: 100%;
	height:auto;
}

.contents01 .contents-right {
	width: 455px;
	text-align: center;
	padding-left: 15px;
}

.arrow {
	width: 970px;
	text-align: center;
	margin-bottom: 10px;
}




@media screen and (max-width: 737px) {
	
#contents {
	padding-top: 10%;
}
	

/*contents01*/

.contents01 {
	width: 82%;
	margin-bottom: 0px;
	padding-right: 4%;
	padding-left: 4%;
	padding-top: 4%;
	padding-bottom: 4%;
}

.contents02 {
	margin-bottom: 10%;
}

.contents01 .contents-left {
	width: 100%;
	margin-bottom: 4%;
}


.contents01 .contents-right {
	width: 100%;
	text-align: center;
	padding-left: 0px;
}

.contents01 h5 {
	font-size: 24px;
	margin-bottom: 4%;
}

.arrow {
	width: 100%;
	text-align: center;
	margin-bottom: 2%;
}

.arrow img {
	width: 20%;
	height:auto;
}
	
}