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

/* 中身-モバイルファースト======================================================================================================== */

#qa{
position: relative;
}
#qa .illust{
position: absolute;
top: -8vw;
right: 5vw;
margin: 0 auto;
}
#qa .illust img{
width: 15vw;
box-sizing: content-box;
}

#qa .accordion{
background-color: #FFF;
box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.15);
padding: 10px;
margin-bottom: 20px;
}
#qa .accordion:last-child{
margin-bottom: 0;
}
#qa .accordion_title{
font-size: 16px;
}
#qa .accordion_title h4{
padding-left: 30px;
position: relative;
}
#qa .accordion_title h4::before{
content: "Q.";
font-size: 24px;
line-height: 1;
color: #cb261e;
position: absolute;
top: .1em;
left: 0;
margin: 0;
}

#qa .accordion dd{
padding-left: 30px;
margin-top: 10px;
position: relative;
}
#qa .accordion dd::before{
content: "A.";
font-size: 24px;
line-height: 1;
color: #cb841e;
position: absolute;
top: .1em;
left: 0;
margin: 0;

}




/* PCのみ======================================================================================================== */
@media print, screen and (min-width: 751px){


#qa .illust{
top: -30px;
right: 20px;
transform: inherit;
-webkit-transform: inherit;
}
#qa .illust img{
width: 80px;
padding-left: 0;
box-sizing: content-box;
}

#qa .accordion{
padding: 15px;
margin-bottom: 30px;
}
#qa .accordion_title{
font-size: 20px;
}
#qa .accordion_title h4{
padding-left: 40px;
}
#qa .accordion_title h4::before{
font-size: 30px;
top: 0;
}
#qa .accordion dd{
padding-left: 40px;
}
#qa .accordion dd::before{
font-size: 30px;
top: 0;
}



}