@charset "UTF-8";

/*------------------------------------------
スマホ/sp
------------------------------------------*/

/*------------ メインビジュアル --------------*/
.qa_main {
	position:relative;
	width: 100%;
	/*margin-top: 6rem;*/
}
.qa_main__txt{
	position:absolute;
	bottom: -15%;
	right:5%;
	width:45%;
}

/*------------ タイトル --------------*/
.qa_ttl{
	font-size: 6vw;
	white-space: nowrap;
	text-align: center;
	color:#00508f;
	margin: 3rem auto;
	font-weight:900;
	letter-spacing: 0.5rem;
}

/*------------ Q&Aリスト --------------*/
.qa_archive{
	margin-bottom: 3rem;
}
.qa_archive__list{
	margin-bottom:1rem;
}
.qa_archive__q{
	width:100%;
	position:relative;
	font-size: 1.8rem;
	color:#00a7a5;
	border-radius: 1rem;
	padding:1rem 3rem 1rem 4rem;
	font-weight: 700;
	background:url("../images/qa/qa_icon_q.svg");
	background-repeat: no-repeat;
	background-position: 1rem 1rem;
	background-size: 2.4rem;
	background-color:#fff1ac;
	cursor:pointer;
}
.qa_archive__q::after{   
    content: '';
	top:0;
	right: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    background: url("../images/qa/qa_arrow.png");
    background-repeat: no-repeat;
    background-position: center right 1rem;
	background-size: 1.8rem;
	animation: q_close 0.5s forwards;
}
.qa_archive__q.open::after{ 
	animation: q_open 0.5s forwards;
}
@keyframes q_close {
  0%   { transform: scaleY(-1); }
  100% { transform: scaleY(1); }
}
@keyframes q_open {
  0%   { transform: scaleY(1); }
  100% { transform: scaleY(-1); }
}
.qa_archive__a{
	width:100%;
	font-size: 1.4rem;
	padding:1rem;
	margin:0.5rem 0 2rem;
	line-height: 1.6;
	text-align: justify;
}
.qa_archive__a__img{
	float:left;
	width:3.5rem;
	padding:0.5rem 0.7rem 0 0;
}
.toggle_contents{
	display: none;
}    

/*------------ お問い合わせ・資料請求 --------------*/
.qa_contact__link {
	display: block;
    width: 80%;
	outline: 1px solid #fff;
	outline-offset: -0.5rem;
	padding:1rem;
	color:#fff;
	font-size: 2rem;
	font-weight: 700;
	text-align: center;
	white-space: nowrap;
	background:linear-gradient(to left,#836300,#dec074);
	margin: 0 auto 6rem;
}
.qa_contact__link:hover {
	background:linear-gradient(to left,#6c5200,#bb9f57);
	color:#ddd;
}


/*------------------------------------------
PC画面/pc
------------------------------------------*/
@media screen and (min-width: 768px) {
	
	/*------------ メインビジュアル --------------*/
	.qa_main {
		width: 1400px;/**/
    	margin: 0 auto;/**/
	}
	.qa_main__txt{
		position: absolute;
		bottom: 15%;/**/
		right: 13%;/**/
		width: 32%;/**/
	}
	/*------------ タイトル --------------*/
	.qa_ttl{
		font-size: 3.2rem;/**/
		margin: 8rem auto;/**/
	}
	.qa_ttl br {
		display:none;
	}
	
	/*------------ Q&Aリスト --------------*/
	.qa_archive__list{
		margin-bottom:2rem;
	}
	.qa_archive__q{
		width: 90%;/**/
    	margin: 0 auto;/**/
		font-size: 2rem;/**/
		border-radius: 1.5rem;/**/
		padding:2.5rem 6rem 2.5rem 8rem;/**/
		background-position: 1.5rem 2rem;/**/
		background-size: 4rem, 2.8rem;/**/
	}
	.qa_archive__q::after{   
		background-position: center right 2rem;/**/
		background-size: 2.8rem;/**/  
	}
	.qa_archive__a{
		width:90%;/**/
		margin:1.5rem auto 5.5rem;/**/
		font-size: 1.55rem;/**/
	}
	.qa_archive__a__img{
		width:5.5rem;/**/
		padding:0.5rem 1.5rem 0.5rem 0;/**/
	}

	/*------------ お問い合わせ・資料請求 --------------*/
	.qa_contact__link {
		width: 90%;/**/
		outline-offset: -1rem;/**/
		padding: 1.2rem 0 1.5rem;/**/
		font-size: 2.4rem;/**/
		margin: 9rem auto 6rem;/**/
	}

}