@charset "utf-8";


#faq{
	padding-bottom:80px; 
}

#faq .list{
	margin-bottom: 50px;
}
#faq .list li{
	position: relative;
	padding-left: 1.0em;
	line-height: 130%;
	margin-bottom: 10px;
}
#faq .list li:before{
	content: "";
	display: block;
	border-bottom:2px solid #ff7500;
	border-right:2px solid #ff7500;
	transform: rotate(45deg);
	width: 0.4em;
	height: 0.4em;
	position: absolute;
	top: 25%; 
	left:0;
}
#faq .list li a{
	color: #333;
	transition: all 0.3s;
}
#faq .list li a:hover{
	color: #ff7500;
}


#faq article{
	margin-bottom: 50px;
}
#faq article h2{
	max-width: inherit;
	margin-bottom: 15px;
}
#faq article h3{
	background: url(../images/answer_icon.png) no-repeat left 50%; 
	background-size: contain;
	padding-left:1.7em;
	min-height: 1.5em;
	font-size: 150%; 
	line-height: 120%;
	margin-bottom: 10px;
	padding-top: 0.2em;
	font-weight: 500;
}















/* ========================== Tablet / PC  ※1000px以内の時============================= */
@media screen and (max-width: 1000px) {












}

/* ========================== Tablet / PC  ※760px以内の時============================= */
@media screen and (max-width: 760px) {










}

/* =========================== Mobile ※600px以内の時=========================== */
@media screen and (max-width: 600px) {


#faq{
	padding-bottom:60px; 
}

#faq .list li:before{
	top: 15%; 
}
#faq .list li a:hover{
	color: #333;
}


#faq article{
	margin-bottom: 50px;
}
#faq article h2{
	text-align: left;
	line-height: 130%;
	margin-bottom: 10px;
}
#faq article h3{
	background: url(../images/answer_icon.png) no-repeat left top; 
	background-size: 1.5em;
	padding-left:1.6em;
	font-size: 130%; 
	line-height: 120%;
	margin-bottom: 10px;
	padding-top: 0.2em;
	font-weight: 500;
}











}