@charset "utf-8";

.faq-item {
    border-bottom: 1px solid #EBEBEB;
}

.faq-item:first-of-type {
    border-top: 1px solid #EBEBEB;	
}
.faq-item .q_item {
    font-weight: bold;
    line-height: 2;
    padding: 2.353vw 2.941vw 2.426vw 6.618vw;
    position: relative;

    cursor: pointer;
}
.faq-item .q_item:before {
	content: "";
	display: inline-block;
	background: url(../../img/common/icon_q.svg) no-repeat center;
	background-size: 100%;
	width: 2.146vw;
	height: 1.777vw;

	position: absolute;
    left: 3.235vw;
    top: 35%;
}
.faq-item .q_item:after {
	content: "";
	display: inline-block;
	background: url(../../img/common/icon_toggle-grey.svg) no-repeat center;
	background-size: 100%;
	width: 1.155vw;
	height: 0.629vw;

	position: absolute;
    right: 2.941vw;
    top: 45%;
}
.faq-item .q_item.open:after {
	transform: rotate(180deg);
}
.faq-item .a_item {
    letter-spacing: 0.06em;
    line-height: 2;
    padding-left: 6.618vw;
    padding-right: 9.559vw;
    padding-bottom: 2.941vw;
    position: relative;

    display: none;
}
.faq-item .a_item:before {
	content: "";
	display: inline-block;
	background: url(../../img/common/icon_a.svg) no-repeat center;
	background-size: 100%;
	width: 2.162vw;
	height: 1.454vw;

	position: absolute;
    left: 3.235vw;
    top: 0.368vw;
}
@media screen and (min-width: 1360px) {
	.faq-item {
	    border-bottom: 1px solid #EBEBEB;
	}

	.faq-item:first-of-type {
	    border-top: 1px solid #EBEBEB;	
	}
	.faq-item .q_item {
	    padding: 32px 40px 33px 90px;
	}
	.faq-item .q_item:before {
		width: 29.18px;
		height: 24.17px;

	    left: 44px;
	}
	.faq-item .q_item:after {
		width: 15.71px;
		height: 8.56px;

	    right: 40px;
	}
	.faq-item .a_item {
	    padding-left: 90px;
	    padding-right: 130px;
	    padding-bottom: 40px;
	}
	.faq-item .a_item:before {
		width: 29.4px;
		height: 19.78px;
		
	    left: 44px;
	    top: 5px;
	}
}
@media screen and (max-width: 750px) {
	.faq-item .q_item {
	    padding: 10.933vw 4vw 10.4vw 9.333vw;
	}
	.faq-item .q_item:before {
		width: 5.557vw;
		height: 4.605vw;

		position: absolute;
	    left: 0;
	    top: 41%;
	}
	.faq-item .q_item:after {
		width: 2.856vw;
		height: 1.616vw;

		position: absolute;
	    right: 1.333vw;
	    top: 45%;
	}
	.faq-item .a_item {
	    padding-left: 9.333vw;
	    padding-right: 6.933vw;
	    padding-bottom: 10.667vw;
	    line-height: 1.75;
	}
	.faq-item .a_item:before {
		width: 5.6vw;
		height: 3.768vw;

		position: absolute;
	    left: 1.333vw;
	    top: 2vw;
	}
}