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


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

/*main-img*/

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



/*contents*/

#contents {
	padding-top: 60px;
}

/*contents01*/

.contents01 {
	width: 1000px;
	margin-bottom: 70px;
	border: 1px solid #715f57;
	padding-top: 30px;
	padding-bottom: 30px;
}

.name-box {
	background-color: #21b7c5;
	width: 950px;
	margin-bottom: 40px;
}

.name-box .contents-left {
	width: 370px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
	padding-right: 10px;
	border-right-width: 6px;
	border-right-style: solid;
	border-right-color: #FFF;
}

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

.name-box .contents-right {
	width: 520px;
}

.name-box .contents-right h3 {
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 26px;
	font-weight: normal;
	color: #FFF;
	line-height: 1.4em;
	margin-top: 17px;
	letter-spacing: 0.05em;
}

.staff {
	width: 930px;
	margin-bottom: 40px;
}

.staff .contents-right {
	width: 410px;
}

.staff .contents-right img {
	width: 100%;
	height: auto;
}

.staff .contents-left {
	width: 500px;
	margin-top: 10px;
}

.staff .contents-left h4 {
	font-size: 28px;
	font-weight: normal;
	color: #e0ba30;
	letter-spacing: 0.05em;
	margin-bottom: 5px;
}

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

.message-box {
	background-image: url(images/message_02.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	width: 940px;
	padding-bottom: 20px;
	clear: both;
	margin-right: auto;
	margin-left: auto;
}

.message {
	background-image: url(images/message_01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 75px;
}

#contents .message p {
	color: #000;
	width: 880px;
	margin-right: auto;
	margin-left: auto;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}



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

/*contents01*/

.contents01 {
	width: 93%;
	margin-bottom: 10%;
	padding-top: 5%;
	padding-bottom: 5%;
}

.name-box {
	width: 90%;
	margin-bottom: 7%;
}

.name-box .contents-left {
	width: 94%;
	margin-top: 3%;
	margin-right: 3%;
	margin-bottom: 2%;
	margin-left: 3%;
	padding-right: 0px;
	border-right-style: none;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}

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

.name-box .contents-right {
	width: 94%;
	margin-right: 3%;
	margin-left: 3%;
	padding-bottom: 3%;
}

.name-box .contents-right h3 {
	margin-top: 0px;
	font-size: 20px;
}

.staff {
	width: 90%;
	margin-bottom: 6%;
}


.staff .contents-left {
	width: 100%;
	margin-top: 0px;
	margin-bottom: 4%;
}

.staff .contents-left h4 {
	font-size: 22px;
	margin-bottom: 1%;
}

.staff .contents-right {
	width: 100%;
}

.staff .contents-right img {
	width: 100%;
	height: auto;
}


.message-box {
	background-size: 100% auto;
	width: 90%;
	padding-bottom: 4%;
}

.message {
	padding-top: 15%;
	background-size: 190% auto;
}

#contents .message p {
	width: 90%;
}



	
}