@charset "utf-8";

/* Q&A section */ 
.qna__sec { margin-bottom:8rem }
.qna__sec:last-child { margin-bottom:0  } 



/* Q&A information */
.qna__info { width:100% ; text-align:center }
.qna__info__warp , .qna__info__face , .qna__info__box { display:inline-block }
.qna__info__warp { 
    margin:0 auto 4rem ; background-color:#ffffff ;
    font-size:0 ; text-align:center ; overflow:hidden ; border-radius:0.6rem ; border:solid 1px rgba(0,0,0,0.1) }
.qna__info__face , .qna__info__face img { width:100% }
.qna__info__face { max-width:21rem } 
.qna__info__title {
    display:block ; padding:1rem 1rem 1.2rem ; background-color:#0e1ea3 ;
    font-size:2rem ; line-height:2.8rem ; font-weight:500 ; color:#ffffff ; text-align:center ; 
    text-shadow:0 0 0.3rem rgba(0,0,0,0.3) ;
}
.qna__info__list { padding:0 1.5rem ; text-align:left ; margin-bottom:1rem }
.qna__info__item {
    font-size:1.8rem ; line-height:2.8rem ; 
    position:relative ; padding:0.5rem 0.5rem 0.7rem 1rem ;
    border-bottom:solid 1px rgba(0,0,0,0.1) ;
}
.qna__info__item::before {
    display:block ; content:"" ; width:0.4rem ; height:0.4rem ;
    background-color:#111111 ; opacity:0.3 ;
    position:absolute ; left:0.1rem ; top:1.8rem
} 



/* Q&A */
.qna__Q , .qna__A { position:relative }
.qna__Q { 
    font-size:2.2rem ; line-height:2.8rem ; font-weight:700 ; color:#111111 ;
    margin-bottom:1rem ; padding:0.5rem 0 0.7rem 4.5rem ;
}
.qna__A { padding:0.5rem 0 0 4.5rem ; margin-bottom:4rem }
.qna__A:last-child { margin-bottom:0 } 
.qna__icon {
    display:block ; overflow:hidden ; width:4rem ; height:4rem ; border-radius:100% ;
    font-size:0 ; color:transparent ;
    position:absolute ; left:0 ; top:0 ;
    background:url(../img_sub/icon_QA.png) no-repeat left top ; background-size:4rem auto ;
}
.qna__icon.question { background-color:#0e1ea3  }
.qna__icon.ask {
    background-color:#cccccc ; background-position:left bottom ;
}




/* PC */
@media screen and (min-width:1024px){ 
   

    /* Q&A information */
    .qna__info , .qna__info__warp { width:67rem ; padding:0 ; margin:0 ; border:none }
    .qna__info { position:relative ; float:right ; margin-left:5rem }
    .qna__info::before {
        display:block ; overflow:hidden ; content:"" ; width:100% ; height:100% ;
        border:solid 1px rgba(0,0,0,0.1) ; border-radius:0.6rem ; box-sizing:border-box ;
        position:absolute ; left:50% ; top:50% ; transform:translate(-50%,-50%) ;
    }
    .qna__info__warp::after { display:block ; content:"" ; clear:both } 
    .qna__info__warp , .qna__info__face , .qna__info__box { display:block }
    .qna__info__face , .qna__info__box { float:left }
    .qna__info__box  { width:46rem }
    .qna__info__list { padding:1rem 2.5rem 0 ; margin:0 }
    .qna__info__item:last-child { border:none } 
    .qna__info__title  { 
        font-size:2.4rem ; line-height:2.8rem ; text-align:left ;
        padding:1rem 1rem 1.2rem 2.5rem }



    /* Q&A */
    .qna__Q { font-size:2.4rem } 
} 





/* PRINT */
@media print { }