@charset "UTF-8";

/*******************************************************************************
	共通ボタン
 *******************************************************************************/
.common_btn {
	display: flex;
	margin: 0 auto;
	border: 2px solid #ff8c05;
	background-color: #ff8c05;
	color: #ffffff;
	justify-content: center;
	align-items: center;
	transition: all 0.6s;
}

.common_btn:hover {
	background-color: #ffffff;
	color: #ff8c05;
}

/*******************************************************************************
	各ページ共通タイトル
 *******************************************************************************/
.title_container {
	display: flex;
	max-width: 1000px;
	width: 95%;
	margin: 0 auto;
	flex-direction: column;
}
.title_container h2 {
	margin-bottom: clamp(0rem, -0.674rem + 1.4vw, 0.25rem);
	margin-left: -4px;
	color: #72522d;
	font-size: clamp(3.688rem, -1.197rem + 10.18vw, 5.5rem);
	text-transform: uppercase;
}
body.font-large .title_container h2 {
	font-size: calc(clamp(3.688rem, -1.197rem + 10.18vw, 5.5rem) + 2px);
}
body.font-extra-large .title_container h2 {
	font-size: calc(clamp(3.688rem, -1.197rem + 10.18vw, 5.5rem) + 6px);
}
.title_container span {
	display: block;
	color: #ff8c05;
	font-weight: bold;
	font-size: 20px;
}
body.font-large .title_container span {
	font-size: calc(20px + 2px);
}
body.font-extra-large .title_container span {
	font-size: calc(20px + 6px);
}
@media screen and (min-width: 768px) {
	.title_container {
		width: 95%;
	}
}
@media screen and (max-width: 767px) {
	.title_container {
		width: 90% !important;
	}
	.title_container h2 {
		line-height: 1.2;
	}
}