@charset "utf-8";

/* -----------------------------
	20260409 faq共通化
	アロマセラピスト資格認定講座
	東京校
	アロマセラピーベーシック講座
	タイ古式マッサージ資格認定講座
-------------------------------- */
.faq-area.school .faq-bg {
	background: #F6F8FF;
	padding: 80px 0 100px;
}
#course.itmthai .faq-area.school .faq-bg {
	background: #fff;
}

.faq-area.school .faq-area {
	max-width: 1000px!important;
	min-width: 1000px!important;
	margin: 0 auto;
	padding: 80px 0 100px;
}

.faq-area.school .faq-accordion {
	margin: 50px 0 0 0;
}

.faq-area.school .faq-accordion ul {
	border-bottom: #ddd solid 1px;
}

.faq-area.school .faq-accordion ul li {
	border-top: #ddd solid 1px;
	position: relative;
}

.faq-area.school .faq-accordion .title {
	font-family: 'Noto Serif JP', serif;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.5;
	width: 100%;
	text-align: left!important;
}

.faq-area.school .faq-accordion .quest {
	display: flex;
	position: relative;
	padding: 37px 25px 37px 95px;
	justify-content: space-between;
	width: 100%;
}

.faq-area.school .faq-accordion .quest::before {
	content: "Q";
	color: #0852a0;
	font-family: 'Cormorant', serif;
	font-size: 3.4rem;
	font-weight: bold;
	position: absolute;
	left: 25px;
	top: 31px;
}

.faq-area.school .faq-accordion .quest:hover {
	cursor: pointer;
}

.faq-area.school .faq-accordion .answer {
	display: none;
	padding: 0px 75px 0 96px;
	position: relative;
}

.faq-area.school .faq-accordion .answer::before {
	content: "A";
	color: #B18867;
	font-family: 'Cormorant', serif;
	font-size: 3.5rem;
	font-weight: bold;
	position: absolute;
	top: 0;
	margin: auto;
	left: 26px;
}

.faq-area.school .faq-accordion .answer-txt {
	padding: 0 0 35px 0;
	line-height: 1.8;
}
.faq-area.school .faq-accordion .answer-txt.pb {
	padding: 0 0 15px 0;
}

.faq-area.school .faq-accordion .answer-txt a{
	text-decoration: underline;
}

.faq-area.school .faq-accordion-icon {
	height: 20px;
	margin: 0 0 0 20px;
	padding: 12px 0 0 0;
	position: relative;
	width: 20px;
}

.faq-area.school .faq-accordion-icon::before,.faq-area.school .faq-accordion-icon::after {
	background-color: #000;
	content: "";
	height: 1px;
	position: absolute;
	width: 100%;
	transition: all .3s;
}

.faq-area.school .faq-accordion-icon::before {
	transform: rotate(0deg);
}

.faq-area.school .faq-accordion-icon::after {
	transform: rotate(90deg);
}

.faq-area.school .inner .faq-accordion .quest.active .faq-accordion-icon::after {
	transform: rotate(180deg);
}

.faq-area.school span{
	font-weight: bold;
}

.faq-area.school .link{
    font-weight: bold;
}

.faq-area.school .link:hover{
	transition: 0.5s;
    color: #B18867;
	
}

@media screen and (max-width: 768px){
	.faq-area.school .faq-bg {
		padding: 50px 20px 50px;
	}
	.faq-area.school .faq-area {
		max-width: 100%!important;
		min-width: 100%!important;
		margin: 0 0;
		padding: 30px 20px ;
	}
	
	.faq-area.school .faq-accordion {
		margin: 30px 0 0 0;
	}

	.faq-area.school .faq-accordion ul li a {
		position: relative;
	}

	.faq-area.school .faq-accordion ul li a .title {
		font-size: 1.6rem!important;
	}
	
	.faq-area.school .faq-accordion .quest {
		padding: 25px 8px 25px 35px;
	}

	.faq-area.school .faq-accordion .quest::before {
		font-size: 2.2rem;
		top: 22px;
		left: 0;
	}

	.faq-area.school .faq-accordion .answer {
		padding: 0 10px 0 35px;
	}

	.faq-area.school .faq-accordion .answer::before {
		font-size: 2.2rem;
		top: 0;
		left: 0;
	}
	
	.faq-area.school .faq-accordion .answer-txt {
		padding: 0 0 20px 0;
		width: calc( 100% - 23px );
	}
	.faq-area.school .faq-accordion .answer-txt.pb {
		padding: 0 0 10px 0;
	}
	
	.faq-area.school .faq-accordion-icon {
		height: 13px;
		margin: 0 0 0 10px;
		width: 13px;
	}

}