/*共通css*/
.bgline2 {position:relative; z-index:5; margin-top:calc((100 / 1920) * -100vw); margin-bottom:calc((100 / 1920) * -150vw);}

/*メニュー１*/
.menu5{}

/*トップ*/
.top{background-image:url("../img/Q&A/fv.png");background-repeat: no-repeat;background-position: 0 0;background-size:100% 100%;height:calc((100 / 1920) * 538vw);display: flex;align-items: center;justify-content: center;width:100%;}
.top h1{color:white;font-size:40px;margin: 0;}

/*qaitem*/
.qaitem {background-image:url("../img/Q&A/bgline1.svg");background-repeat: no-repeat;background-size:calc((100 / 1500) * 368vw);background-position:0 0;width:100%;}
.qaitem .inner {max-width:1500px; width:100%; margin:0 auto;}
.qaitem .inner ul{width:90%;margin: 0;padding-top: 13%;margin-left: 5%;}
.qaitem .inner li{list-style: none;}
.q {background-color:#F1F6F2; font-size:20px;color:#4D4D4D; padding: 1.5% 2%; transform:rotateZ(0.03deg);}
.a {background-color:white; font-size:20px;color:#4D4D4D;font-weight: 500;padding: 1% 2%;margin-bottom: 2%; margin-top: 2%; display:flex; justify-content: flex-start; align-items: flex-start;}
.a .icon {width:35px; padding-right:5px; width:5%;}
.a .icon img {width:100%;}
.a .text {width:95%;background-color:white; font-size:20px; color:#4D4D4D; font-weight: 500; transform:rotateZ(0.03deg);}
.q::before {content:"";display: inline-block;width:35px;height:35px;background-image:url("../img/Q&A/5.svg");background-size: contain;vertical-align: middle;background-repeat: no-repeat;margin-right: 1%;}
.p::before {content:"";display: inline-block;width:35px;height:35px;background-image:url("../img/Q&A/6.svg");background-size: contain;vertical-align: middle;background-repeat: no-repeat;margin-right: 1%;}
.s{margin-left: 3.7%;}

/*背景アイコン画像*/
.qaimg img{position: absolute;width:min(calc((100 / 1500) * 345vw), 345px);right:0;margin-right:7%;margin-top: 2%;z-index: 30;}

@media screen and (max-width : 800px ){
    .top,.qaitem{max-width:800px; width:100%; margin:0 auto;}
    .qaitem ul{width:90%; margin: 0; padding-top: 0%; margin-left: 5%;}      
    .s{margin-left: 0%;} 
    
    .top h1{color:white;font-size:24px;margin: 0;}

    .qaitem .inner ul{width:90%;margin: 0;padding-top: 13%;margin-left: 5%;}
    .qaitem .inner li{list-style: none;}
    .q {background-color:#F1F6F2; font-size:14px;color:#4D4D4D; padding: 1.5% 2%;}
    .a {font-size:14px;padding: 1% 2%;margin-bottom: 2%; margin-top: 2%; }
    .a .icon {width:35px; padding-right:5px;}
    .a .text {font-size:14px;}
    .a .text br {display:none;}
    .q::before {width:35px;height:35px;}
    .p::before {width:35px;height:35px;}
    .s{margin-left: 3.7%;}
}

