@charset "utf-8";


section {width: 90.625%;}
section > h3,
section > p {color: #fff;}

.mds_maru {
	font-size: 1.8em;
	letter-spacing: 0.1482em;
	padding-left: 2.593em;}
.mds_maru::before {
	top: calc(50% - 1.1115em); left: 0;
	width: 2.223em; height: 2.223em;
	background-color: #f7ce5e;}
.mds_maru::after {
	top: calc(50% - 0.926em); left: 0.371em;
	width: 1.852em; height: 1.852em;
	background-color: #f9eed1;}

@media (min-width:641px) {
	section {max-width: 800px;}
}


/* --------------- common container：faq --------------- */

.guide + .faq_wk {
	margin-top: 5.09992em;}

/* --------------- container：●●● --------------- */
/* --------- contents：●●● --------- */
/* --- section：faq_wk --- */

.faq_wk {}
details + h3 {
	margin-top: 2em;}

details {
	background: #fff;
	border: 2px solid #ece8fc;
	font-family: "Noto Sans JP", serif;
	font-size: 1.0667em;}
details + details {
	margin-top: 1em;}
h3  + details {
	margin-top: 1.625em;}
details p {
	padding: 1em 1.25em;}
summary {
	position: relative;
	display: block;
	padding: 0.5em 2.5em 0.5em 1em;
	background-color: #fff;
	color: #5a248a;
	font-size: 1.25em;
	font-weight: 500;}
summary::-webkit-details-marker {
	display: none;}
summary:hover {
	cursor: pointer;
	opacity: 0.8;}
details[open] summary {
	background: #e9e3fa;
	border-bottom: 3px solid #ece8fc;}
summary .btn {
	position: absolute;
	top: 50%;
	right: 1em;
	width: 1em;
	height: 1em;
	transform: translateY(-50%);
	transform-origin: center center;
	transition-duration: 0.2s;}
summary .btn::before,
summary .btn::after {
	content: "";
	background-color: currentColor;
	width: 100%;
	height: 2px;
	position: absolute;
	top: calc(50% - 1px);
	left: 0;
	transform-origin: center center;}
summary .btn::before {
	width: 2px;
	height: 100%;
	top: 0;
	left: calc(50% - 1px);}
details[open] summary .btn {
	transform: translateY(-50%) rotate(-180deg);}
details[open] summary .btn::before {
	content: none;}	

/* --- ●●● --- */