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

/*===============================================
●style.css 画面の横幅が992px以上
===============================================*/

.main_image {
	font-weight: bold;
	font-size: 1.5em;
	padding: 2rem 0;
	background-color: #334E5D;
	margin-top: 140px;
}

.main_image h2 {
	color: #fff;
}

.main_image h2::before {
	display: none;
}

/****************/
/**  Contents  **/
/****************/
.Contents {
	width: 60%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 2%;
	/* font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; */
	color: #49423e;
	padding-top: 5%;
	font-size: 16px;
}

.Contents dl {
	border-bottom-width: thin;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
	display: block;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5%;
	margin-left: 0px;
}

.Contents dl dt {
	float: left;
	clear: left;
	width: 25%;
	padding: 2% 0 2% 2rem;
}

.Contents dl dd {
	margin: 0px;
	float: left;
	width: 65%;
	padding-top: 2%;
	padding-bottom: 2%;
}

.Contents section {
	padding-bottom: 5%;
	clear: left;
}


#KensetuKyoka {
	padding-top: 5%;
	padding-bottom: 5%;
}

.Access {
	margin: 0px;
}

.Access iframe {
	width: 100%;
}





/*===============================================
●tablet.css 画面の横幅が991pxまで
===============================================*/
@media screen and (max-width: 991px) {

	div.main_image {
		font-weight: bold;
		color: #FFF;
		font-size: 1.5em;
		padding: 1.5rem 0 1rem;
		width: 100%;
		text-align: center;
		margin-top: 100px;
	}

	/****************/
	/**  Contents  **/
	/****************/
	.Contents {
		width: 80%;
		margin-right: auto;
		margin-left: auto;
		margin-top: 2%;
		/* font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; */
		color: #49423e;
	}

	.Contents dl {
		border-bottom-width: thin;
		border-bottom-style: dashed;
		border-bottom-color: #CCC;
		display: block;
		padding: 0px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 5%;
		margin-left: 0px;
	}

	.Contents dl dt {
		float: left;
		clear: left;
		width: 25%;
	}

	.Contents dl dd {
		margin: 0px;
		float: left;
		width: 65%;
		padding-top: 2%;
		padding-bottom: 2%;
	}

	.Contents section {
		padding-bottom: 5%;
		clear: left;
	}

	#KensetuKyoka {
		padding-top: 8%;
		padding-bottom: 8%;
	}

	.Access {
		margin: 0px;
	}

	.Access iframe {
		width: 100%;
	}

}



/*===============================================
●smart.css  画面の横幅が576pxまで
===============================================*/
@media screen and (max-width: 576px) {

	div.main_image {
		margin-top: 75px;
	}

	/****************/
	/**  Contents  **/
	/****************/
	.Contents {
		width: 90%;
		margin-right: auto;
		margin-left: auto;
		margin-top: 2%;
		color: #49423e;
		font-size: 14px;
	}

	.Contents dl {
		border-bottom-width: thin;
		border-bottom-style: dashed;
		border-bottom-color: #CCC;
		display: block;
		padding: 0px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 5%;
		margin-left: 0px;
	}

	.Contents dl dt {
		float: left;
		clear: left;
		width: 30%;
		padding-top: 2%;
		padding-bottom: 2%;
		padding-left: 0.5rem;
	}

	.Contents dl dd {
		margin: 0px;
		float: left;
		width: 67%;
		padding-top: 2%;
		padding-bottom: 2%;
	}

	.Contents section {
		padding-bottom: 5%;
		clear: left;
	}

	#KensetuKyoka {
		padding-top: 12%;
		padding-bottom: 12%;
	}

	.Access {
		margin: 0px;
	}

}