@charset "utf-8";
/*
 * commons css 
 * pc width 1000px fixed
 */


:root {
	--orange-color: #e2750f;
	--text-color: #505050;
	--skin-color: #fffbf1;
	
	--pc-h3: clamp(1.5rem, 0.948rem + 1.15vw, 1.875rem);
	--pc-h4: clamp(0.875rem, 0.507rem + 0.77vw, 1.125rem);
	
	--sp-h3: clamp(1.125rem, 0.857rem + 1.34vw, 1.5rem);
	--sp-h4: clamp(0.875rem, 0.786rem + 0.45vw, 1rem);
}

/* ---------------------------------------- common */

.inner {
	width: 100%;
	margin: 0 auto;
}
.inner.w910 {
	max-width: 910px;
}
.inner.w1100 {
	max-width: 1100px;
}
.inner.w1140 {
	max-width: 1140px;
}
.inner.w1170 {
	max-width: 1170px;
}
.inner.w1290 {
	max-width: 1290px;
}

@media (max-width: 767px) {

	main {
		font-size: clamp(0.813rem, 0.678rem + 0.67vw, 1rem);
		padding: 0 1em;
	}

}

@media (min-width: 768px) {

	main {
		font-size: clamp(0.813rem, 0.537rem + 0.57vw, 1rem);
		padding: 0 1em;
	}

}

.pagelink { text-align: center; }
.pagelink a {
	display: inline-block;
	color :#fff;
	background: var( --orange-color );
	border: 1px var( --orange-color ) solid;
	line-height: 1;
	padding: 1em 2em;
	border-radius: 100px;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.pagelink a:hover {
	color: var( --orange-color );
	background: #fff;
}