@charset "utf-8";

/*===========================================================
よくあるご質問
===========================================================*/

.faq-accordionlist {
	margin: 20px 0 0;
}

.faq-accordionlist:first-child {
	margin: 0;
}

.faq-accordion-btn {
	padding: 20px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
	border-bottom: 1px solid var(--quaternary);
}

.question-box {
	display: flex;
    align-items: baseline;
    width: 100%;
}

.accordion-q {
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--white);
    font-size: clamp(22px, 20.058px + 0.518vw, 30px);
    font-weight: 400;
    letter-spacing: 0.05em;
    line-height: 1.3333;
	font-family: var(--font-family02);
	background: var(--bg-primary);
	border-radius: 50%;
	width: 40px;
	height: 40px;
	text-align: center;
}

.question {
    font-size: clamp(14px, 13.029px + 0.259vw, 18px);
    font-weight: 500;
    letter-spacing: 0.05em;
    line-height: 1.5555;
	margin: 0 0 0 2%;
	width: 100%;
	flex: 1;
	transition: all .3s;
}

.faq-accordion-btn:hover .question {
	color: var(--primary);
}

.answer-box {
	padding: 20px 0 0;
	display: none;
}

/* 管理画面 */

.gjs-dashed .answer-box {
	display: block;
}

/*---------*/

.answer-in-box {
	display: flex;
	align-items: baseline;
}

.accordion-a {
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--base-font-color);
    font-size: clamp(22px, 20.058px + 0.518vw, 30px);
    font-weight: 400;
    letter-spacing: 0.05em;
    line-height: 1.3333;
	background: var(--bg-ninth);
	border-radius: 50%;
	width: 40px;
	height: 40px;
	text-align: center;
}

.answer {
	margin: 0 0 0 2%;
	flex: 1;
}

.accordion-icon {
	position: relative;
	width: 100%;
	height: 30px;
	margin: 0 0 0 2%;
	max-width: 30px;
}

.accordion-icon-item01 {
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	width: 80%;
	height: 2px;
	background-color: var(--primary);
	border-radius: 4px;
	top: 50%;
	transform: rotate(0deg);
}

.accordion-icon-item02 {
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	width: 80%;
	height: 2px;
	background-color: var(--primary);
	border-radius: 4px;
	top: 50%;
	transform: rotate(90deg);
	transition: .5s;
}

.accordion-icon.active > .accordion-icon-item01 {
	display: none;
}

.accordion-icon.active > .accordion-icon-item02 {
	top: 50%;
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
}

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width:414px) {


/*===========================================================

===========================================================*/



} /* min-width: 414px ここまで */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width:544px) {


/*===========================================================

===========================================================*/



} /* min-width: 544px ここまで */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width: 768px) {


/*===========================================================

===========================================================*/

.faq-accordionlist {
	margin: 40px 0 0;
}

.faq-accordion-btn {
	padding: 20px;
}

.accordion-q {
	width: 50px;
	height: 50px;
}

.answer-box {
	padding: 20px 20px 0;
	display: none;
}

.accordion-a {
	width: 50px;
	height: 50px;
}

.accordion-icon-item01 {
	width: 100%;
	height: 2px;
}

.accordion-icon-item02 {
	width: 100%;
	height: 2px;
}

} /* min-width: 768px ここまで */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width: 1024px) {


/*===========================================================

===========================================================*/

.faq-accordionlist {
	margin: 50px 0 0;
}

} /* min-width: 1024px ここまで */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width:1200px) {


/*===========================================================

===========================================================*/



} /* min-width: 1200px ここまで */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width:1440px) {


/*===========================================================

===========================================================*/



} /* min-width: 1440px ここまで */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width:1620px) {




} /* min-width: 1520px ここまで */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */