@charset "utf-8";

.faq .title_area{background-image:url(/recruit/newgrads/img/common/h1_faq.jpg);}
.faq_box{
	margin:0;
}
.faq_head{
	position:relative;
	font-size:2rem;
	letter-spacing:.2px;
	line-height:3.24rem;
	font-weight:500;
	padding:15px 35px 15px 44px;
	margin:23px 0 0;
	border-bottom:2px solid #333;
	cursor:pointer;
	transition:color .3s;
}
.faq_head:hover{color:var(--color-green);}
.faq_head::before,
.faq_head::after{
	position:absolute;
	content:'';
	width:16px;
	height:2px;
	background:var(--color-green);
	top:0;
	bottom:0;
	right:10px;
	margin:auto;
	transition:opacity .3s;
}
.faq_head::after{transform:rotate(90deg);}
.faq_head.is-open::after{opacity:0;}
.faq_head span{
	position:relative;
}
.faq_head span::before{
	position:absolute;
	content:'Q.';
	width:40px;
	height:28px;
	font-family:var(--font-Syncopate);
	font-size:2.6rem;
	letter-spacing:0;
	line-height:3.2rem;
	font-weight:bold;
	top:0;
	bottom:0;
	left:-44px;
	margin:auto;
	transition:color .3s;
}
.faq_head:hover span::before{color:var(--color-green);}
.faq_txt{
	display:none;
	background:#F5F5F5;
	border-bottom:2px solid #333;
}
.faq_txt_in{
	position:relative;
	padding:32px 57px 34px;
}
.faq_txt_in::before{
	position:absolute;
	content:'A.';
	font-size:1.6rem;
	letter-spacing:1.28px;
	line-height:2.4rem;
	top:34px;
	left:40px;
}
.faq_txt_in > *:first-child{margin-top:0 !important;}
.faq_txt_in > *:last-child{margin-bottom:0 !important;}


@media screen and (min-width:768px) and (max-width:1024px){
.faq_head{
	font-size:1.8rem;
	letter-spacing:.18px;
	line-height:2.5rem;
}
.faq_txt_in{padding:27px 45px 29px;}
.faq_txt_in::before{
	top:29px;
	left:26px;
}
}


@media screen and (max-width:767px){
.faq_head{
	font-size:1.7rem;
	letter-spacing:.17px;
	line-height:2.1rem;
	padding:19px 35px 19px 44px;
	margin:25px 0 0;
}
.faq_head span::before{top:4px;}
.faq_txt_in{padding:23px 31px 23px;}
.faq_txt_in::before{
	top:23px;
	left:14px;
}
}