@charset "utf-8";

/* --------------------------------------------------
 *  トップページのCSSの宣言
 *
 *  [1] コンテンツ
 * -------------------------------------------------- */


@media screen and (min-width:768px) {
/* --------------------------------------------------
 *  [1] コンテンツ
 * -------------------------------------------------- */
	#contents {
		width: 100%;
		height: 340px;
		padding: 125px 0 130px 0;
		float: left;
		overflow: hidden;
		background: url(../img/top/top_back01.jpg) left center repeat-x;
	}
	#contents h2 {
		width: 355px;
		height: 104px;
		margin: 0 auto;
		padding-top: 235px;
		background: url(../img/top/center.png) center center no-repeat;
		text-align: center;
	}
}
@media screen and (max-width:767px) {

	#contents {
		width: 100%;
		height: calc(100vh - 60px);
		padding: 0;
		float: none;
		overflow: hidden;
		background: url(../img/top/top_back.jpg) left center repeat-x;
		background-size: cover;
	}
	#contents h2 {
		width: 100%;
		height: calc(100vh - 60px);
		margin: 0 auto;
		background: url(../img/top/center.png) center center no-repeat;
		background-size: 65%;
		text-align: center;
		position: absolute;
		top: 60px;
		margin-top: 0;
	}
	#contents h2 a{
		position: absolute;
		bottom: auto;
		top:50%;
		left:50%;
		width: 40%;
		margin-top: 30px;
		margin-left: -20%;
	}
	#contents h2 a img{
		width: 100%;
		height: auto;
	}

}