@charset "utf-8";


body {
	font-size: 1.3rem;
	line-height: 2;
	letter-spacing: 0;
	font-weight: 300;
}

/*mv
--------------------------------------------*/
.faq #lp_mainv .lp_mainv-img{
	background: url(../img/faq/lp_faq_sp.jpg);
	background-position: center left;
}

/*faq
--------------------------------------------*/
#faq{
	padding:50px 0 18px;
}
#faq .ttl03{
	font-size: 1.5rem;
	margin-bottom: 20px;
	background-color: var(--main-color3);
}
#faq .freelance_faq{
	margin-bottom: 40px;
}
#faq .accordion_container{
	margin-bottom: 40px;
}



/* アコーディオン */
#faq .accordion_title {
	position: relative;
	font-size: 1.3rem;
	letter-spacing: 0;
	font-weight: 500;
	/* line-height: 1.69; */
	line-height: 2;
	padding: 8px 40px 8px 35px;
	z-index: +1;
	cursor: pointer;
	transition-duration: 0.2s;
}
#faq .accordion_title:hover {
	opacity: .8;
}
#faq .accordion_title:before{
	position: absolute;
	content: "Q";
	font-family: var(--font-family-serif);
	color: var(--main-color3);
	font-size: 1.7rem;
	top: 2px;
	left: 12px;
}
#faq .faq_box{
	border: 1px solid #4d4d4d;
	margin-bottom: 19px;
}
#faq .accordion_inner{
	background-color: var(--light-green-color);
}
#faq .faq_box .detail{
	font-size: 1.3rem;
	/* line-height: 1.69; */
	line-height: 2;
	padding: 8px 40px 8px 35px;
}
#faq .icon-plus{
	position: absolute;
        display: inline-block;
        width: 12px;
        height: 12px;
        transform: translateY(-50%);
        top: 50%;
		right: 20px;
}
#faq .icon-plus::before{
	width: 12px;
	height: 2px;
	position: absolute;
	top: 6px;
	left: 0;
	background-color: #4d4d4d;
	content: '';
}
#faq .icon-plus::after{
	width: 12px;
	height: 2px;
	position: absolute;
	top: 6px;
	left: 0;
	background-color: #4d4d4d;
	content: '';
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	transition: all .3s;
}
#faq .accordion_title.open .icon-plus::after {
	transform: rotate(0deg);
}
#faq .faq_box .accordion_ttle.open .icon-plus::after{
	transform: rotate(0deg);
}
#faq .faq_box:first-of-type .icon-plus::after{
	transform: rotate(0deg);
}

/* 一番最初のfaqだけアイコンの挙動を逆に */
#faq .faq_box .accordion_title.default .icon-plus::after{
	transform: rotate(0deg);
}
#faq .faq_box .accordion_title.default.open .icon-plus::after{
	transform: rotate(90deg);
}

#faq .accordion_inner {
	display: none;
}
#faq .accordion_inner.default {
	display: block;
}

/* employee */
#faq .employee_faq .ttl03{
	background-color: var(--main-color2);
}
#faq .employee_faq .accordion_title:before{
	color: var(--main-color2);;
}
#faq .employee_faq .ttl05{
	margin-top: 40px;
	margin-bottom: 20px;
}
#faq .employee_faq .ttl05:first-child{
	margin-top: 20px;
}

.faq .sec_cta_inner{
	padding-top: 56px;
}