@charset "utf-8";

/* ==================================================================
	index.css
	
=================================================================== */

.contents .accentArea .wrap:before {
	background-image:url(../../images/faq/mainvisual.png);
}

.contents main > section:last-child {
    margin-bottom: 70px;
}

.contents section .container .area{
	margin-bottom: 85px;
}

.contents section .container p.introtext{
	margin-bottom:65px;
}

.contents section .container p.introtext span a{
	color: #e55934;
    border-bottom: 1px solid #e55934;
    padding-bottom: 5px;
}

.contents section .container .area ul.qa li{
	position:relative;
	margin-bottom: 45px;
}

.contents section .container .area ul.qa li:before{
	content:"Q";
	color: #fff;
    background: #8ec555;
    padding: 0;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    display: inline-block;
    border-radius: 50%;
    margin-right: 15px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
	font-family: "Josefin Sans";
}

.contents section .container .area ul.qa li:after{
	content: "";
    position: absolute;
    top: 33px;
    right: 25px;
    width: 15px;
    height: 2px;
    background: #e55934;
    transition: all .2s ease-in-out;
}

.contents section .container .area ul.qa li.open:after{
	opacity: 0;
}

.contents section .container .area ul.qa li dl{
}

.contents section .container .area ul.qa li dl dt{
	padding: 10px 0 10px 65px;
	position:relative;
    font-size: 131%;
    font-weight: 700;
	margin-bottom: 25px;
	cursor: pointer;

}

.contents section .container .area ul.qa li dl dt:before{
	content: "";
    position: absolute;
    top: 33px;
    right: 25px;
    width: 15px;
    height: 2px;
    transform: rotate(90deg);
    background: #e55934;
    transition: all .3s ease-in-out;
}

.contents section .container .area ul.qa li dl dt.open:before {
	display:none;
}

.contents section .container .area ul.qa li dl dd{
	padding: 30px 60px;
	background:url(../../images/bg.gif);
	border-radius:20px;
	position: relative;
	display:none;
}

.contents section .container .area ul.qa li.open dl dd{
}


.contents section .container .area ul.qa li dl dd:before{
	content: "A";
    color: #e55934;
    width: 81px;
    height: 43px;
    line-height: 50px;
    text-align: center;
    position: absolute;
    left: 0;
    top: 21px;
    bottom: 0;
    margin: 0;
    font-size: 135%;
    font-family: "Josefin Sans";
    font-weight: 700;
}


@media only screen and
(max-width : 767px) {
	
/* --------------------------------
   □ 
-------------------------------- */ 
.contents .wide .container {
    width: auto;
    margin-top: 5%;
}

	.contents section .container p.introtext{
		text-align: left;
		margin: 10% 0;
		font-size: 106%;
	}
	
		.contents section .container .area ul.qa li:after {
			top: 25px;
		}

	.contents section .container .area ul.qa li dl dt {
		padding: 15px 55px 15px 65px;
		font-size: 112%;
	}
	
		.contents section .container .area ul.qa li dl dt:before {
			top: 25px;
		}


	.contents section .container .area ul.qa li dl dd {
		padding: 15px 15px 15px 60px;
	}
	
		.contents section .container .area ul.qa li dl dd:before {
			width: 60px;
			top: 15px;
		}

	.contents main > section:last-child {
		margin-bottom: 0;
	}








}