@charset "utf-8";
/* CSS Document */

.max_w1000{max-width: 1000px;}

/***Q&Aのボックス***/
#faq .box_qa{
	margin-bottom: 30px;
	text-align: left;
	border-radius: 3px;
}
@media screen and (max-width: 750px){
	#faq .box_qa{margin-bottom: 20px;}
}


/***Q***/
#faq .box_qa .qa_q{
	padding: 30px 50px;
	position: relative;
	cursor: pointer;
	border-radius: 3px;
}
#faq .box_qa .qa_q p{color: #234083;}
#faq .box_qa .qa_text{
	display: flex;
	align-items: center;
}

/***Qアイコン***/
#faq .box_qa .qa_text img{
	margin-right: 20px;
	width: 36px;
	height: 36px;
}

@media screen and (max-width: 750px){
	#faq .box_qa .qa_q{padding: 15px 18% 15px 15px;}
}

/***＋ボタン***/
.accordion_icon {
	position: absolute;
	inset: 0 20px 0 auto;
	margin: auto;
	width: 36px;
	height: 36px;
	border-radius: 100%;
	background-color: #365cb2;
    transition: transform 0.3s;
}
.accordion_icon .line{
	position: absolute;
    display: inline-block;
    background-color: #ffffff;
    height: 2px;
    left: 0;
	right: 0;
	margin: auto;
    width: 50%;
    transition: 0.3s;

	&:nth-of-type(1) {
        top: 50%;
        transform: rotate(90deg);
		opacity: 1;
      } 
      &:nth-of-type(2) {
        top: 50%;
      }
}
.accordion_icon.open {
    .line {
      &:nth-of-type(1) {
        opacity: 0;
      }}
}
@media screen and (max-width: 750px){
	.accordion_icon {inset: 0 15px 0 auto;}
}


/***A***/
#faq .box_qa .qa_a{
	display: none;
	padding: 15px 50px 30px;
	border-radius: 3px 3px;
}
#faq .box_qa .qa_a p{font-weight: 500;}

@media screen and (max-width: 750px){
	#faq .box_qa .qa_a{padding: 15px;}
}