@charset 'UTF-8';

.faq .article {
	padding-bottom: 0;
	margin-bottom: 20px;
	-webkit-transition: padding .4s;
	-o-transition: padding .4s;
	transition: padding .4s;
}
.faq .article:last-child {
	/* margin-bottom: 0; */
}
.faq .article .title {
	position: relative;
    /* border: 1px solid #1A1A1A; */
    padding: 28px 50px 28px 68px;
    margin-bottom: 0;
    font-size: 1.8rem;
    color: #E6E6E6;
    line-height: 1.6;
    background: #333;
}

.faq .article .title{
	margin-bottom: 14px;
}

.faq .article .title {
    margin-bottom: 0;
}

.faq .article .title:hover {
    opacity: 0.8;
    cursor: pointer;
}

.faq .article .title::before {
    content: '';
    display: block;
    position: absolute;
    left: 29px;
    top: 31px;
    width: 31px;
    height: 24px;
    background: url("../image/faq_icon.png") left no-repeat;
}

.faq .article .title::after {
	content: '';
	position: absolute;
	z-index: 10;
	top: 50%;
	right: 18px;
	width: 20px;
	height: 20px;
	background: url('../image/faq_arrow02.png') center no-repeat;
	transform: translateY(-50%);
	-webkit-transition: -webkit-transform .4s;
	transition: -webkit-transform .4s;
	-o-transition: transform .4s;
	transition: transform .4s;
	transition: transform .4s, -webkit-transform .4s;
}
.faq .article .text {
	overflow: hidden;
	height: 0;
	-webkit-transition: height .4s;
	-o-transition: height .4s;
	transition: height .4s;
    background: #333;
    color: #E6E6E6;
    padding: 0 50px 0 30px;
}
.faq .article.on {
	/* padding-bottom: 20px; */
}

.faq .article.on .title::after {
	-webkit-transform: translateY(-50%) rotate(180deg);
	-ms-transform: translateY(-50%) rotate(180deg);
	transform: translateY(-50%) rotate(180deg);
	background: url('../image/faq_arrow02.png') center no-repeat;
}

.faq .article.on .text {
    /* border: 1px solid #397A64; */
    border-top: none;
    background: #333;
    padding: 0 50px 0 30px;
    color: #E6E6E6;
}

.faq .article .text span {
    /* padding: 20px 0; */
    padding-bottom: 20px;
    display: inline-block;

}

.side .box {
    padding-top: 0;
}

/* faq-button
------------------------------*/
.faq-button {

}