@charset "UTF-8";

@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP:wght@200..900&display=swap");

:root {
	--c-green: #3ba208;
	--c-yellow: #ecb425;
	--c-brown: #7b4c1d;
	--c-red: #dc3516;
	--font-sans: "Noto Sans JP", "ヒラギノ角ゴシック", "Hiragino Sans", "IPA Pゴシック", "游ゴシック体", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	--font-serif: "Noto Serif JP", "ヒラギノ明朝", "Hiragino Mincho", "IPA P明朝", "游明朝体", "ＭＳ Ｐ明朝", serif;
	--font-bold: 700;
}

.-hide_sp {
	display: block;
}

.-vis_sp {
	display: none;
}

a[href=""],
a[href^="tel:"],
a:not([href]):not([data-event]) {
	pointer-events: none;
}

.-red {
	color: var(--color_red);
}

.-ff-serif {
	font-weight: 600;
	font-family: var(--font-serif);
}

.main {
	position: relative;
	overflow: hidden;
	background-image: url(../img/pattern@2x.webp);
	background-size: 500px 500px;
	background-repeat: repeat;
	color: #7b4c1d;
	font-size: 16px;
	line-height: 1.6;
}

.main,
.main * {
	position: relative;
	box-sizing: border-box;
}

.main img {
	max-width: 100%;
	height: auto;
}

.marker {
	background: linear-gradient(transparent 60%, #fade29 60%);
}

.cmn-btn {
	display: flex;
	justify-content: center;
	align-items: center;
	max-width: 500px;
	margin: 0 auto;
	padding: 18px;
	border-radius: 20px;
	box-shadow: 0 4px 4px rgba(0, 0, 0, 0.3);
	background-color: var(--c-red);
	color: #ffffff;
	font-weight: var(--font-bold);
	font-size: 28px;
	transition: 0.3s;
}

.cmn-btn.-green {
	background-color: var(--c-green);
}

.cmn-btn.-disabled {
	box-shadow: none;
	background-color: #aaaaaa;
}

.cmn-btn:hover {
	transform: translateY(4px);
	box-shadow: none;
	color: var(--c-yellow);
}

.cmn-btn.-disabled:hover {
	transform: translateY(0);
	color: #ffffff;
}

.cmn-btn .-arrow {
	display: block;
	transform: rotate(-90deg);
	margin: 10px;
}

.pgcmninner {
	width: 100%;
	max-width: 1240px;
	margin: 0 auto;
	padding: 0 40px;
	box-sizing: border-box;
}

.pgcmnsec {
	padding: 100px 0;
}

@media screen and (max-width:1240px) {
}

@media screen and (max-width:640px) {
	.-hide_sp {
		display: none;
	}

	.-vis_sp {
		display: block;
	}

	.cmn-btn {
		display: flex;
		font-size: 20px;
	}

	.pgcmninner {
		padding: 0 20px;
	}

	.pgcmnsec {
		padding: 60px 0;
	}
}

@media print {
}