@charset "utf-8";

/* ------------ 下層ページ共通 ------------ */
/* ページタイトル */
#page-ttl {
	background: url(../images/lower_ttl_bg.jpg) repeat center center;
	height: 115px;
	position: relative;
}

#page-ttl h1 {
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
}

#page-ttl h1 img {
	margin: 0 auto;
}

/* ------------ イントロ ------------ */
#intro {
	margin-top: 20px;
}

#intro .txt {
	font-size: 2.1rem;
	font-weight: bold;
	text-align: center;
	line-height: 1.75;
}

#intro .txt h2 {
	font-size: 2.7rem;
	line-height: 1.75;
}

#intro .mv {
	margin-top: 20px;
}

#intro .mv img {
	margin: 0 auto;
}


/* リンクボタン */
.link-box p {
	font-size: 2.4rem;
	font-weight: bold;
	text-align: center;
}

.link-box .link-btn {
	margin: 20px auto 0;
	transition: 0.5s;
}

.link-box .link-btn a {
	display: block;
	margin: 0 auto;
}


/* ------------ レスポンシブ ------------ */
@media screen and (max-width: 768px) {
	/* ページタイトル */
	#page-ttl {
		height: 57.5px;
	}
	
	#page-ttl h1 img{
		width: 76%;
		margin: 0 auto;
	}

	
	/* ------------ イントロ ------------ */
	#intro {
		margin-top: 10px;
	}

	#intro .txt {
		font-size: 1.05rem;
		line-height: 23px;
	}

	#intro .txt h2 {
		font-size: 1.4rem;
	}

	#intro p {
		font-size: 1.3rem;
		line-height: 23px;
		letter-spacing: -0.5px;
	}

	#intro .mv {
		margin-top: 10px;
	}


	/* リンクボタン */
	.link-box p {
		font-size : 1.35rem;
	}
	
	.link-box .link-btn {
		height: 30px;
		margin-top: 15px;
	}

}