@charset "UTF-8";

.subpage {
	background: #F8F8F4;
}

.subpg-contents {
	overflow: hidden;
	width: 100%;
	max-width: 920px;
	text-align: center;
	padding: 2em 10px;
	margin: 0 auto;
}

.circle-accent span {
	font-size: 28px;
	vertical-align: -3px;
	margin-right: 0.1em;
}

.text-list {
	line-height: 1.2em;
}

.a-text .Annotation {
	color: #B20000;
}

.Annotation li {
	text-indent: -1.2em;
	padding-left: 1.2em;
}

.Annotation li::before {
	content: "※";
	margin-right: 0.2em;
}

/* .subpg-header ================================================================================= */
.subpg-header {
	background-color: #FBDE40;
	padding-top: 7em;
}

.lead {
	margin-bottom: 0;
}

.subpg-header .subpg-contents {
	text-align: center;
}

/* .category-list ================================================================================= */
.category-list {
	width: 100%;
	background: #ECEAE0;
	border: 1px solid #D9DADA;
	border-radius: 5px;
	text-align: center;
	padding: 1.8em 1.2em;
}

.category-list li {
	display: inline-block;
	margin-right: 3%;
}
.category-list li:last-child {
	margin-right: 0;
}

/* .subpg-container ================================================================================= */
.circle-accent {
	font-size: 1.2em;
	margin-bottom: 1em;
}

.q-icon,
.a-icon {
	align-items: center;
	font-size: 1.6em;
	font-weight: bolder;
	line-height: 1em;
	padding-right: 0.4rem;
	margin-bottom: 5px;
}

.a-icon {
	color: #FF6C00;
}

 .a-text {
	 padding-bottom: 1px;
 }

 .a-text a {
	 color: #FF6C00;
 }

 .a-text p {
	 margin-bottom: 1em;
 }

 .text-link {
	border-bottom:1px solid #FF6C00;
 }

 .a-text dl {
	 margin-bottom: 2em;
 }
 .a-text dl:last-child {
	 margin-bottom: 0;
 }

 .a-text dt {
	 margin:1em 0 0.5em;
 }

 .a-text dd {
	 margin-left: 1em;
	 margin-bottom: 0;
 }

 .a-text .type-disc {
	margin-bottom: 0.3em;
 }

 .a-text li {
	 margin-bottom: 0.3em;
 }

.a-text .link-list li {
	margin-bottom: 0.8em;
}
.a-text .link-list li:last-child {
	margin-bottom: 0;
}


 @media screen and (max-width:790px) {
	.category-list {
		text-align: left;
		padding-left: 8%;
	}

	.category-list li {
		display: inline-block;
		width: 29%;
	}

	.category-list li a {
		display: inline-block;
		text-align: left;
		width: 100%;
		margin-right: 0;
	}

	.category-list li:first-child {
		margin-bottom: 0.5em;
	}
}
@media screen and (max-width:768px) {
	.wrapper {
		 display: block;
		 margin-top: 65px;
	}

	.subpg-header {
		padding: 3rem 0;
	}

	.subpg-header .subpg-contents {
		padding: 0;
	}
	
	 .category-list li {
		width:32%;
		margin-right: 0;
	}

	#faq p {
		margin-bottom: 0;
	}
}

@media screen and (max-width:700px) {
	.category-list {
		padding: 1.2em 1.8em 1.2em 8%;
	}
	.category-list li {
		width: 49%;
		margin-right: 0;
	}
	.category-list li:nth-child(even){
		margin-bottom: 0.5em;
	}
}

@media screen and (max-width:450px) {
	.category-list li {
		display: block;
		width: 100%;
		margin-bottom: 0.5em;
	}
	.category-list li a {
		width: 90%;
	}
	.category-list li::before {
		display: inline-block;
		content: '●';
		color:#D4D2C9;
		vertical-align: 2px;
		padding-right: 0.1em;
	}
	.category-list li:last-child {
		margin-bottom: 0;
	}
}