@charset "UTF-8";


h2,h3,h4{
	font-weight: 600;
}
.txt{
	text-indent:1em;
	line-height: 2.6rem;
	margin-bottom: 20px;
}
@media screen and (max-width: 640px) {
	.txt{
		text-indent:1em;
		line-height: 2.1rem;
		margin-bottom: 15px;
	}
}
/*-----------------------------------

	side

-----------------------------------*/
#side{
    top: 60px;
}
/*-----------------------------------

	faq_list

-----------------------------------*/
.faq_list{
	padding: 60px 0;
}
.faq_list li{
	margin-bottom: 30px;
}
.faq_list li .right{
	width: 550px;
}
.faq_list li .left{
	width: 200px;
}
.faq_list dt{
	font-size: 18px;
    line-height: 2.1rem;
    background: #ffcc74;
    position: relative;
    padding: 10px 10px 10px 45px;
    border-radius: 10px 10px 0 0;
}
.faq_list dt:before{
	width: 25px;
	content: url(../img/faq/icon_hatena.svg);
	display: inline-block;
	position:absolute;
	top:8px;
	left: 10px;
}
.faq_list dd {
    background: #fff;
	padding: 20px 10px 1px;
}
.faq_list dd .p_list{
    background: #fcfbe1;
}
.faq_list dd .p_list li{
	margin-bottom: 0;
}
.faq_list dd .link_btn{
	margin-bottom: 25px;
}
@media screen and (max-width: 1000px) {
	.faq_list li .right{
		width: 78%;
	}
	.faq_list li .left{
		width: 20%;
	}
}
@media screen and (max-width: 640px) {
	.faq_list{
		padding:40px 0;
	}
	.faq_list dt{
		font-size: 16px;
		line-height: 1.8rem;
		padding: 10px 10px 10px 45px;
	}
	.faq_list li .right{
		width: 100%;
		float: none !important;
	}
	.faq_list li .left{
		width: 60%;
		max-width:200px;
		margin: 0 auto ;
		float: none !important;
	}
	.faq_list li .left{
		width: 60%;
		max-width:200px;
		margin: 0 auto 20px;
		float: none !important;
	}
}