/*! HTML5 Boilerplate v6.1.0 | MIT License | https://html5boilerplate.com/ */
.qalowpageMainVisialArea{ background: url(../img/qaMainVisial.jpg) center right 42% / auto 100%; }
.qalowpageMainVisialArea .pageTitle h1{ width: 60%;}

.qaBoxImg{ position: absolute; }
.qaBoxImg1{ width: 32%; right: 4%; top: 4%;}
.qaBoxImg2{ width: 24.3%; width: 36%; right: 8%; top: -5.5%;}
.qaBoxImg3{ width: 24.3%; width: 28%; margin: 3% 12% -28.5% auto; position: relative; }
.qaTxt{ padding-right: 40%; margin-bottom: 8.819vw;}
.qaList{ }

.qaList dl{ line-height: 1.4;}

.qaList dt {
    padding-left: 12%;
    background: url(../img/iconQ.png) left 1vw top 6vw / 8vw no-repeat;
    min-height: 14vw;
    padding: 5% 0 3% 12%;
    line-height: 1.6;
}
.qaList dt:first-child { background: url(../img/iconQ.png) left 1vw top 35% / 8vw no-repeat; padding: 0% 0 3% 12%;}
.qaList dd {
    padding-left: 12%;
    background: url(../img/iconA.png) left 1vw top 1vw / 8vw no-repeat;
    min-height: 14vw;
    margin-top: 0%;
    padding: 0% 0 0% 12%;
    line-height: 1.6;
}
.qaList dd + dt{ border-top: 1px solid #2c4e76; margin-top: 5%;}
.qaList dt.line1Sp{ line-height: 13vw;}

@media screen and (min-width: 560px) {
  .qaBoxImg1{ width: 21.79%; margin-top: 2.4%; top: 0;}
  .qaBoxImg2{ width: 21.3%; right: 4%; top: -5.5%;}
  .qaBoxImg3 { width: 14.92%; margin: 3% 6% -11% auto; position: relative;}

  .qaTxt{  margin-top: 2.69%; margin-bottom: 2.69%;}
  .qaList {}
  .qaList dt{
    min-height: 4vw; padding: 5% 0% 3% 6.4%;
    background: url(../img/iconQ.png) left 1vw top 5vw / auto 4vw no-repeat;
  }
  .qaList dt:first-child { background: url(../img/iconQ.png) left 1vw top 8% / auto 4vw no-repeat;padding: 0% 0 3% 6.4%;}
  .qaList dd {
    background: url(../img/iconA.png) left 1vw top 1vw /  auto 4vw no-repeat;
    min-height: 5vw;
    margin-top: 0%;
    padding: 0% 0 0% 6.4%;
    line-height: 1.6;
}
  .qaList dt.line1Sp{ line-height: 4vw;}
  .qaList dt.line1Pad{ line-height: 4vw;}
  .qaList dd.line1Sp{ line-height: 4vw;}
  .qaList dd.line1Pad{ line-height: 6vw;}
}

@media screen and (min-width: 900px) {
  .qaBoxImg1 { margin-top: -8%; top: 0;}
  .qaBoxImg2{ width: 24.3%; right: -30%; top: -18.5%;}
  .qaBoxImg3 { width: 16.6%; margin: 0; position: absolute; top: 30%; left: -27%;}
  .qalowpageMainVisialArea { background: url(../img/qaMainVisial.jpg) center center / 100% auto, #dcefeb;}
    .qaList dt{
    min-height: 2.361vw; padding: 5% 0% 3% 6.4%;
    background: url(../img/iconQ.png) left 1vw top 3.4vw / auto 2.361vw no-repeat;
  }
  .qaList dt.line1Pad{ line-height: 2.361vw; background: url(../img/iconQ.png) left 1vw top 65% / auto 2.361vw no-repeat;}
  .qaList dt.line1Sp{ line-height: 4vw; background: url(../img/iconQ.png) left 1vw top 60% / auto 2.361vw no-repeat;}
  .qaList dt:first-child { min-height: 2.361vw; padding: 0% 0% 3% 6.4%; background: url(../img/iconQ.png) left 1vw top 25% / auto 2.361vw no-repeat;}
  
  .qaList dd {
    padding-left: 2.361vw;
    background: url(../img/iconA.png) left 1vw top 0.5vw /  auto 2.361vw no-repeat;
    min-height: 2.361vw;
    margin-top: 0%;
    padding: 0% 0 0% 6.4%;
    line-height: 1.6;
  }
}