@charset "utf-8";

/*==============================
コンテンツ設定
==============================*/

main{
	width: 100%;
	background: url(../img/local_area/bg_back.svg) repeat-y top left / 100%;
}

/*見出し*/
.contents h3{
	margin: 100px auto 0;
	width: 846px;
	color: #fff;
	font-size: 2.5rem;
	line-height: 55px;
	text-align: center;
	background: #b9b191;
	position: relative;
}

/*写真*/
.contents .photo{
	margin: 100px auto;
	width: 846px;
}

/*本文*/
.contents .intro,
.contents .txt{
	margin: 70px auto 0;
	width: 846px;
	font-size: 1.8rem;
	line-height: 3.6rem;
	text-align: justify;
}

/*本文*/
.contents .intro a,
.contents .txt a{
	text-decoration: underline;
}



/*==============================
レスポンシブ設定
==============================*/

/*768px以下の場合*/
@media screen and (max-width: 768px){

	/*見出し*/
	.contents h3{
		margin: 60px auto 0;
		width: 100%;
		font-size: 2rem;
	}

	/*写真*/
	.contents .photo{
		margin: 30px auto;
		width: 100%;
	}

	/*本文*/
	.contents .intro,
	.contents .txt{
		margin: 50px auto;
		width: 100%;
		font-size: 1.6rem;
		line-height: 3.4rem;
	}



}


/*414px以下の場合*/
@media screen and (max-width: 414px){

	/*見出し*/
	.contents h3{
		margin: 40px auto 0;
		padding: 5px 0;
		font-size: 1.8rem;
		line-height: 26px;
	}

	/*見出し 改行*/
	.contents h3 .sp{
		display: block;
	}


	/*写真*/
	.contents .photo{
		margin: 20px auto;
	}

	/*本文*/
	.contents .intro,
	.contents .txt{
		margin: 30px auto;
		font-size: 1.4rem;
		line-height: 3.2rem;
	}



}