@charset "UTF-8";
/*--------------------------------
	guide
	（.page-header は overview.css を共用）
--------------------------------*/
#guide {
	background-color: #FFFAE5;
	overflow: hidden;
}
#guide .guide-wrap {
	max-width: 94rem;
	margin: 0 auto;
	padding: 10rem 2rem;
}
#guide .guide-block + .guide-block {
	margin-top: 8rem;
}
#guide h3 {
	margin-bottom: 2.5rem;
	padding-bottom: 1.2rem;
	border-bottom: solid 1px #FEB980;
	font-size: 2.2rem;
	font-weight: 500;
	color: #EDA00C;
	letter-spacing: 0.05em;
}
#guide p {
	line-height: 1.9;
}
#guide p + p {
	margin-top: 2rem;
}
#guide p + ul,
#guide p + ol,
#guide ul + p,
#guide ol + p {
	margin-top: 3rem;
}
#guide ul + table,
#guide p + table,
#guide table + p {
	margin-top: 4rem;
}
#guide a {
	color: #EDA00C;
	text-decoration: underline;
}
#guide a:hover {
	text-decoration: none;
}

/* リスト */
#guide ul,
#guide ol {
	padding-left: 1.5em;
}
#guide ul {
	list-style-type: disc;
}
#guide ol {
	padding-left: 0;
	list-style: none;
	counter-reset: guide-step;
}
#guide ol li {
	position: relative;
	padding-left: 4rem;
	counter-increment: guide-step;
}
#guide ol li::before {
	position: absolute;
	content: counter(guide-step);
	left: 0;
	top: 0.1rem;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2.8rem;
	height: 2.8rem;
	border-radius: 100%;
	background: #EDA00C;
	font-family: 'Poppins', sans-serif;
	font-size: 1.5rem;
	font-weight: 500;
	line-height: 1;
	color: #FFF;
}
#guide ol li + li {
	margin-top: 1.4rem;
}
#guide li {
	line-height: 1.9;
}
#guide li + li {
	margin-top: 1rem;
}
#guide li::marker {
	color: #EDA00C;
	font-weight: 600;
}
#guide li strong {
	font-weight: 700;
}

/* テーブル（団体概要ページと同じ仕様） */
#guide table {
	width: 100%;
	background-color: #FFF;
	border-radius: 40px;
	border-collapse: collapse;
	border-spacing: 0;
}
#guide table th,
#guide table td {
	box-sizing: border-box;
	padding: 2.5rem;
	border-top: solid 1px #FEB980;
	line-height: 1.7;
}
#guide table thead th {
	border-top: none;
}
#guide table th {
	font-weight: 500;
	color: #EDA00C;
}
#guide .guide-table-compare {
	table-layout: fixed;
}
#guide .guide-table-compare td + td {
	border-left: solid 1px #EEEEEE;
}
#guide .guide-table-contact th:first-child {
	width: 32rem;
}
#guide .guide-table-contact td {
	overflow-wrap: anywhere;
}

/* よくあるご質問（トップページのFAQと同じ仕様のアコーディオン。開閉は js/index.js） */
#guide dl {
	position: relative;
}
#guide dl + dl {
	margin-top: 5.5rem;
}
#guide dl::before {
	position: absolute;
	right: 0;
	top: 1.2rem;
	content: "";
	display: inline-block;
	width: 1.5rem;
	height: 0.3rem;
	background: #EDA00C;
	cursor: pointer;
}
#guide dl::after {
	position: absolute;
	right: 0.6rem;
	top: 0.6rem;
	content: "";
	display: inline-block;
	width: 0.3rem;
	height: 1.5rem;
	background: #EDA00C;
	opacity: 1;
	visibility: visible;
	transition: .3s;
}
#guide dl.open::after {
	opacity: 0;
	visibility: hidden;
}
#guide dl dt {
	position: relative;
	margin: 0 0 2.5rem;
	padding: 0 3rem 0 4rem;
	font-size: 1.8rem;
	font-weight: 700;
	color: #EDA00C;
	letter-spacing: 0.05em;
	cursor: pointer;
}
#guide dl dt::before {
	position: absolute;
	content: "Q";
	left: 0;
	top: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 3.2rem;
	height: 3.2rem;
	border-radius: 100%;
	background: #EDA00C;
	font-family: 'Poppins', sans-serif;
	font-size: 2rem;
	font-weight: 500;
	color: #FFF;
}
#guide dl dd {
	display: none;
	padding: 3.5rem 4rem;
	border-radius: 0.5rem 3rem 3rem 3rem;
	background: #FFF;
	font-size: 1.6rem;
	font-weight: 400;
	color: #212121;
	letter-spacing: 0.05em;
	line-height: 2;
}

@media (max-width: 1024px) {
	#guide {
		font-size: 1.5rem;
	}
	#guide h3 {
		font-size: 2rem;
	}
	#guide .guide-table-contact th:first-child {
		width: auto;
	}
	#guide dl + dl {
		margin-top: 4.5rem;
	}
	#guide dl dt {
		font-size: 1.7rem;
	}
	#guide dl dt::before {
		top: -0.5rem;
	}
	#guide dl dd {
		padding: 3.5rem 2.5rem 3rem;
		font-size: 1.5rem;
	}
}
@media (max-width: 629px) {
	#guide .guide-wrap {
		padding: 6rem 2rem;
	}
	#guide .guide-block + .guide-block {
		margin-top: 6rem;
	}
	#guide table {
		border-radius: 20px;
	}
	#guide table th,
	#guide table td {
		padding: 1.5rem;
	}
	#guide .guide-table-contact thead {
		display: none;
	}
	#guide .guide-table-contact tr,
	#guide .guide-table-contact th,
	#guide .guide-table-contact td {
		display: block;
		text-align: left;
	}
	#guide .guide-table-contact tbody tr:first-child th {
		border-top: none;
	}
	#guide .guide-table-contact th {
		padding-bottom: 0;
	}
	#guide .guide-table-contact td {
		padding-top: 0.5rem;
		border-top: none;
	}
}