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


/*contents01*/

.contents01 .box {
	margin-bottom: 30px;
}

.contents01 .box:last-child {
	margin-bottom: 0px;
}


.faq-box {
	position: relative;
	padding: 18px 30px;
	padding-left: 80px;
	display: none;/*はじめは非表示*/
	background-color: #fafafa;
}

.faq-box::before {
	content: "";
	position: absolute;
left: 20px;
top: 12px;
	background-image: url("images/answer.svg");
background-position: left top;
background-repeat: no-repeat;
	background-size: auto 100%;
	width: 40px;
	height: 40px;
}

.faq {
	position: relative;/*+マークの位置基準とするためrelative指定*/
    cursor: pointer;
    transition: all .5s ease;
	background-color: #f2f2f2;
	padding: 20px 15px;
}

.faq  h6 {
	font-size: 20px;
color: #13418c;
line-height: 1.4;
letter-spacing: 0.1em;
font-weight: 400;
	position: relative;
	padding-left: 70px;
}

.faq  h6::before {
	content: "";
	position: absolute;
left: 0px;
top: 0px;
	background-image: url("images/question.svg");
background-position: left top;
background-repeat: no-repeat;
	background-size: auto 100%;
	width: 50px;
	height: 50px;
	margin-top: -12px;
}

.faq::before,
.faq::after{
    position: absolute;
    content:'';
    width: 20px;
    height: 2px;
    background-color: #13418c;
	 transition: all .5s ease;
    
}
.faq::before{
    top:48%;
    right: 20px;
    transform: rotate(0deg);
    
}
.faq::after{    
    top:48%;
    right: 20px;
    transform: rotate(90deg);

}
/*　closeというクラスがついたら形状変化　*/
.faq.close::before{
  transform: rotate(45deg);
}

.faq.close::after{
  transform: rotate(135deg);
}


.wcedit_400228858101 .faq-box{
	display: block !important;
}



.text01 {
	margin-bottom: 50px;
}

.text02 {
	margin-bottom: 30px;
}

.text03 {
	margin-bottom: 0px;
}

.text04 {
	margin-bottom: 60px;
}



.sp-view {
    display: none;
}

html, body {
    height: 100%;
}