/* リスト */
ul,
ol {
	line-height: 1.8em;
	padding-left: 1em;
}
li {
	text-align: justify;
	text-justify: distribute;
}
ol {
	margin-top: 2em;
	background-color: hsl(56, 100%, 95%);
	padding: 1em 1em 1em 2em;
}


/* スクロールボタン */
.scroll {
	cursor: pointer;
}
.scroll-buttons a {
	display: inline-block;
	width: 16em;
	padding: .5em;
	margin: .5em;
	text-align: center;
	text-decoration: none;
	color: hsl(136, 42%, 30%);
	background-color: hsl(136, 42%, 95%);
	border-radius: .5em;
	transition: all .3s;
}
.scroll-buttons a i {
	margin-left: .5em;
}
.scroll-buttons a:hover {
	background-color: hsl(136, 42%, 90%);
}

.category-title {
	display: inline-block;
	padding: .5em 1em;
	font-weight: bold;
	background-color: hsl(136, 42%, 30%);
	color: white;
	border-radius: .5em;
	margin-top: 2em;
}

/* FAQ */
.faq-container details {
	outline: none;
	margin: 1em 0;
	border: 1px solid hsl(128, 50%, 77%);
	border-radius: .5em;
	background-color: hsl(128, 50%, 99%);
	padding: 1.5em 1em;
	line-height: 1.7em;
}
.faq-container details summary::-webkit-details-marker {
	display: none;
}
.faq-container summary {
	list-style :none;
	cursor: pointer;
	outline: none;
	font-weight: bold;
	font-size: 1.1em;
}
.faq-container .answer {
	margin-top: 1em;
}
.faq-container .answer p {
	margin: 0;
}
.faq-container .answer a {
	color: hsl(0, 50%, 50%);
	padding: 0 .2em;
	text-decoration: none;
	position: relative;
	transition: all .3s;
}
.faq-container .answer a:hover {
	color: hsl(0, 100%, 50%);
}
.faq-container .answer a::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 2px;
	background-color: hsla(128, 50%, 77%, .4);
	transition: all .3s;
}
.faq-container .answer a:hover::before {
	height: 1.3em;
}
.faq-container hr {
	width: 100%;
	margin: 1em auto;
	border-top: 1px solid hsl(128, 50%, 77%);
	border-bottom: none;
}


/* ご参加にあたって */
.guideline h4 {
	display: inline-block;
	padding: .5em;
	border-radius: .5em;
	background-color: hsl(102, 100%, 95%);
}
.guideline b {
	color: rgb(43, 90, 5);
}
.guideline b::before {
	content: "「";
}
.guideline b::after {
	content: "」";
}
.guideline .underline {
	text-decoration: underline;
}
.guideline hr {
	width: 100%;
	margin: 2em 0;
}


/* コロナガイドライン */
.stuff-guideline h3 {
	text-align: center;
}