/* ===========================================
 * QA
=========================================== */

#qa_contentsInner {
	padding-top: 60px;
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

.qa_contents {
	padding-bottom: 80px;
	padding-top: 40px;
}
.qa_tit {
	text-align: center;
	font-size: 2.4rem;
	font-weight: bold;
	padding-bottom: 60px;
	color: #005aab;
}

.qa_list {
	background-color: #f6f5f5;
	padding: 40px;
	margin-bottom: 60px;
}

#qaBanner {
	width: 100%;
	padding-bottom: 80px;
	text-align: center;
}


#qaBanner a{
	display: inline-block;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
}

@media screen and (max-width:1200px){
	
	#qa_contentsInner {
		width: 90%;
	}
	
	#qaBanner a{
		width: 40%;
		margin-left: 3%;
		margin-right: 3%;
	}
	
	#qaBanner a img{
		width: 100%;
	}
	
}

@media screen and (max-width:1050px){


}


@media screen and (max-width:640px){
	
	.qa_tit {
		padding-bottom: 30px;
	}
	
	.qa_list {
		margin-bottom: 30px;
	}
	
	#qaBanner a{
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
	
	#qaBanner a img{
		width: 100%;
	}
	
}


/* ===========================================
 * QA　Action
=========================================== */



.accordion {
  width: 100%;
	padding-bottom: 60px;
}

/* input縺ｮ繝√ぉ繝�け繝懊ャ繧ｯ繧ｹ繧帝撼陦ｨ遉ｺ */
.accordion-hidden {
  display: none;
}

/* 隕句�縺励�繧ｿ繝ｳ驛ｨ蛻� */
.accordion-open {
  display: block;
  cursor: pointer;
  margin: 5px 0;
  position: relative;
}

/* �九い繧､繧ｳ繝ｳ */
.accordion-open::before,
.accordion-open::after {
  content: '';
  width: 20px;
  height: 3px;
  background: #d8d8d8;
  position: absolute;
  top: 50%;
  right: 2%;
  transform: translateY(-50%);
}

/* 繧｢繧､繧ｳ繝ｳ縺ｮ繝ｼ */
.accordion-open::after {
  transform: translateY(-50%) rotate(90deg);
  transition: .5s;
}

/* 繧｢繧ｳ繝ｼ繝�ぅ繧ｪ繝ｳ縺碁幕縺�◆繧峨�縺ｫ */
.accordion-hidden:checked+.accordion-open:after {
  transform: translateY(-50%) rotate(0);
}

/* 繧｢繧ｳ繝ｼ繝�ぅ繧ｪ繝ｳ荳ｭ霄ｫ驛ｨ蛻� */
.accordion-inner {
  display: block;
  height: 0;
  overflow: hidden;
  padding: 0;
  opacity: 0;
  transition: 0.5s;
  /* 陦ｨ遉ｺ騾溷ｺｦ縺ｮ險ｭ螳� */
  cursor: pointer;
}

/* 繝√ぉ繝�け繝懊ャ繧ｯ繧ｹ縺ｫ繝√ぉ繝�け縺悟�縺｣縺溘ｉ荳ｭ霄ｫ驛ｨ蛻�ｒ陦ｨ遉ｺ縺吶ｋ */
.accordion-hidden:checked+.accordion-open+.accordion-inner {
  height: auto;
  opacity: 1;
  padding: 10px;
}
/* 竊代％縺薙∪縺ｧ蜈ｱ騾� */



.q_icon {
	display:block;
	float: left;

}



.a_icon {
	width: 70px;
	height: 65px;
	display: block;
	text-align: center;
	box-sizing: border-box;
	color: #FFF;
	border-top-right-radius: 15px;
	background-color: #909090;
	    padding-top: 12px;
	float: left;
	font-size: 3.6rem;
	    padding-top: 2px;
    padding-left: 7px;
}

.qa_body {
	width: 85%;
	float: left;
	margin-left: 10px;
	display: block;
	font-weight: bold;
	font-size: 2rem;
}

.qa_bodyInner {
	width: 100%;
	float: left;
	margin-left: 0px;
	display: block;
	background-color: #FFF;
	box-sizing: border-box;
	padding: 20px;
}




/* Q&A霑ｽ蜉� */
.accordion_qa .Q,
.accordion_qa .A {
  position: relative;
}

.accordion_qa .Q::before,
.accordion_qa .A::before {
  font-size: 1.5em;
  display: block;
  position: absolute;
  top: -.6em;
  left: -1.3em;
}

.accordion_qa .Q::before {
  content: 'Q.';
}

.accordion_qa .A::before {
  content: 'A.';
}


.accordion_qa .accordion-hidden:checked+.accordion-open+.accordion-inner {
  height: auto;
  opacity: 1;
  padding: 10px 10px 10px 2.5em;
}
/* Q&A霑ｽ蜉�縺薙％縺ｾ縺ｧ */


/* 荳ｭ縺ｫ縺�ｍ縺�ｍ蜈･繧後◆縺�→縺� */
.accordion-box {
  display: block;
  height: 0;
  overflow: hidden;
  padding: 0;
  opacity: 0;
  transition: 1s;
}

.accordion-hidden:checked+.accordion-open+.accordion-box {
  height: auto;
  opacity: 1;
}

.accordion_qa .Q::before,
.accordion_qa .A::before {
  font-size: 1.5em;
  display: block;
  position: absolute;
  top: -.6em;
  left: -1.3em;
}


.accordion_qa .accordion-open {
}

.accordion_qa .accordion-hidden:checked+.accordion-open+.accordion-inner {
  height: auto;
  opacity: 1;
  padding: 10px 10px 10px 2.5em;
}
/* Q&A霑ｽ蜉�縺薙％縺ｾ縺ｧ */


/* 荳ｭ縺ｫ縺�ｍ縺�ｍ蜈･繧後◆縺�→縺� */
.accordion-box {
  display: block;
  height: 0;
  overflow: hidden;
  padding: 0;
  opacity: 0;
  transition: 1s;
}

.accordion-hidden:checked+.accordion-open+.accordion-box {
  height: auto;
  opacity: 1;
	padding-top: 30px;
}


@media screen and (max-width:1200px){
	
}

@media screen and (max-width:1050px){


}


@media screen and (max-width:640px){
	
	.qa_body {
		width: 70%;
}
	
}