@charset "utf-8";


/* -----------------------------------------------------------
    よくある質問
-------------------------------------------------------------- */
#faq{}

#faq .faq-wrap{
	padding: 80px 80px;
}

@media screen and (max-width: 667px){
	#faq > .faq-wrap{
		padding: 0;
	}	
}


/*    faq-area
-------------------------------------------------------------- */
/*#faq .faq-area{
	padding: 0 0 60px;
}*/

#faq .faq-list{
	border-top: 1px solid #d0d0d0;
}

#faq .faq-list > li{
	border-bottom: 1px solid #d0d0d0;
}

#faq .faq-q{
	display: flex;
    width: 100%;
	align-items: center;
    background: #fff;
    padding: 25px 20px 20px;
	position: relative;
    cursor: pointer;
}

#faq .faq-q::before,
#faq .faq-a::before{
    font: 500 2.2rem / 1 'Josefin Sans', sans-serif;
	margin: 0 20px 0 0;
}

#faq .faq-q::before{
	content: 'Q';
	color: #8b8b8b;
}

#faq .faq-area .faq-q h2{
	font-size: 1.7rem;
}

#faq .faq-a{
	display: none;
	border-top: 1px solid #ddd;
    background: #fafafa;
    padding: 30px 60px 30px 90px;
}

#faq .faq-a{
	line-height: 2;
    position: relative;
}
#faq .faq-a::before{
	content: 'A';
	position: absolute;
	top: 33px;
    left: 50px;
	color: #3fa6b1;
}

#faq .faq-a a{
    text-decoration: underline;
}

.faq-ul{
    margin: 20px;
}
.faq-ul > li{
    list-style: disc;
    margin: 0 0 10px;
}
.faq-ul > li:last-of-type{
    margin: 0;
}

.faq-a-title{
    display: flex;
    width: 100%;
    align-items: center;
    font: 500 1.8rem / 1 'Noto Sans JP', sans-serif;
    margin: 40px 0 20px;
}
.faq-a-title::after{
    content: '';
    height: 1px;
    background: #000;
    flex-grow: 1;
    margin: 0 0 0 25px;
}

@media screen and (max-width: 667px){
    
	/*#faq .faq-area{
		padding: 0 0 40px;
	}*/

	#faq .faq-list > li:last-child{
		border-bottom: none;
	}
	
	#faq .faq-q{
		align-items: flex-start;
		padding: 20px 30px 20px 20px;
	}

	#faq .faq-q::before, #faq .faq-a::before{
		font-size: 2rem;
        line-height: 1.4;
        margin: 0 15px 0 0;
	}

	#faq .faq-area .faq-q h2{
		font-size: 1.6rem;
		line-height: 1.6;
	}

	#faq .faq-a{
		padding: 20px 20px 20px 50px;
		font-size: 1.5rem;
	}

	#faq .faq-a::before{
		top: 22px;
    	left: 22px;
	}
	
	#faq .accordion_icon{
		right: 15px;
	}
    
    .faq-ul > li{
        margin: 0;
    }

    .faq-a-title{
        line-height: 1.4;
        margin: 25px 0 10px;
    }
    .faq-a-title::after{
        display: none;
    }
}