@charset "UTF-8";
/*----------------------------------------------------
	パーツ
----------------------------------------------------*/
.serif {
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
}

.btn01 {
	display: inline-block;
	padding: 0.6em 1.5em;
	font-size: 14px;
	line-height: 1.25;
	border: #D6D6D6 2px solid;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.btn01:hover {
	color: #FFF;
	border: #99D4DA 2px solid;
	background-color: #99D4DA;
}

.ttl01 {
	padding: 0.5em 1.3em;
	font-size: 18px;
	color: #467172;
	background-color: #F6F6F6;
}

/*----------------------------------------------------
	ヘッダー
----------------------------------------------------*/
.main_header {
	-js-display: flex;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 300px;
}
.main_header .title {
	display: inline-block;
	padding: 0.7em 3.5em;
	line-height: 1.2;
	font-size: 30px;
	background-color: rgba(255, 255, 255, 0.5);
}

@media (max-width: 767px) {
	.main_header {
		height: auto;
	}
	.main_header .title {
		width: 100%;
		padding: 0.7em 0;
		font-size: 24px;
		text-align: center;
	}
}
/*----------------------------------------------------
	キャッチコピー
----------------------------------------------------*/
.common_catch {
	margin-bottom: 20px;
	text-align: center;
}
.common_catch .title {
	margin-bottom: 16px;
	font-size: 34px;
	line-height: 1.5;
}
.common_catch .lead {
	font-size: 14px;
	line-height: 1.6;
}

@media (max-width: 767px) {
	.common_catch .title {
		font-size: 24px;
	}
	.common_catch .lead {
		font-size: 14px;
	}
}