/* 180509 「よくある質問」コンテンツの変更 */
.qa {
margin-top:20px;
}
.qa_ttl{
font-size:1.6rem;
font-weight: bold;
padding: 10px 0;
margin-top:25px;
}
.qa dt {
padding: 25px 30px 25px 100px;
position: relative;
border-radius: 5px;
}

.qa dt:before {
content:'Q';
margin-left: 20px;
position: absolute;
top: 16px;
left: 10px;
color:#fff;
font-size:32px;
}

.qa dt span{
color:#fff;
font-size:  1.4rem;
letter-spacing: 2px;
font-weight: 400;
line-height: 0.5;
}


.qa dt span:after {
content: '';
display: block;
width: 15px;
height: 15px;
border-top: 2px solid #fff;;
border-right: 2px solid #fff;;
position: absolute;
right: 40px;
top: 50%;
transform: translateY(-75%) rotate(-225deg);
transition: all .5s ease;
}
.qa dd {
display: none;
margin:0;
padding:30px 30px 30px 100px;
position:relative;
text-indent:0;
font-size:  1.4rem;
line-height: 1;
margin-bottom: -3px;
}
.qa dd:before {
content:'A';
margin-left: 20px;
position: absolute;
top: 35px;
left: 10px;
font-size:32px;
}

.qa dd span{
color:#111;
font-size:  1.2rem;
font-weight: 400;
line-height: 30px;
}
.qa dl.active dt span:after {
transform: rotate(-45deg);
}

/* qa_color1 */

.qa_color1 dt {
background: #63BBF2;
}

.qa_color1 dd {
background-color: #C9EBFF;
}
.qa_color1 dd:before {
color: #63BBF2;
}


/* qa_color2 */

.qa_color2 dt {
background: #4381CF;
}

.qa_color2 dd {
background-color: #C9EBFF;
}
.qa_color2 dd:before {
color: #4381CF;
}