#qanda #contents:before{
  z-index:1;
  width:100%;
}
#qanda #contents:after{
  z-index:1;
  width:100%;
  height:100%;
}
#qanda #contents{padding:0 0 2em;}
@media all and (max-width: 991px) { 
#contents{padding:0 0 5%;}
}
#qanda h1{
position: relative;
width:100%; margin:0 auto;
background: url(./img/hd.jpg) no-repeat center center; background-size:cover;
aspect-ratio: 25 / 8;
}
#qanda h1 span img{position:absolute;left:0;right:0;bottom:0;top:0; margin:auto; width:75%; display:block;}
#qanda h2{text-align:center; padding:1em 0 1em; background:rgba(200,197,199,0.2) url(../img/crack3.png) no-repeat center center; background-size:cover; margin:0 auto 1em;
line-height:135%;
}
#qanda .tl1,#qanda .tl2{width:80%; margin:1em auto;} 
.qa1,.qa2{
width:95%;
margin:0 auto;
display: flex; flex-flow: row wrap;
}
.qa2{
margin:3em auto 0;
}
.qa1 figure,.qa2 figure{
width:41%;
margin:1.5em 0 0 0;
}
.qa1 ul{
width:55%;
margin:0 3% 0 0;
}
.qa2 ul{
width:55%;
margin:0 0 0 auto;
}
.qa1 ul li,.qa2 ul li{
position: relative;
padding:1em 0 1em 2.8em;
line-height:150%;
border-bottom:1px solid rgba(65,76,162,0.3);
}
.qa1 ul li:before,
.qa2 ul li:before{
  position: absolute;
  top:.5em;
  left:0;
  font-family: headline-gothic-atf-rough-n2, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size:400%;
}
ul li.question:before{
  content: "Q";
  color:#414ca2;
}
ul li.answer:before{
  content: "A";
  color:#474a65;
}
.qa1 ul li:last-child,
.qa2 ul li:last-child{
border:none;
}
#qanda .question{color:#414ca2;} 
#qanda .answer{color:#474a65;} 
#qanda figure.tl2 + p{
padding:3em 2em 0;
text-align:right;
}

@media all and (max-width: 767px) {
#qanda h1{
aspect-ratio: 25 / 9;
}
#qanda h1 span img{width:88%;}
#qanda h2{
font-size:4.5vw;
padding:3% 0;
 margin:0 auto 2%;
}
#qanda .tl1,#qanda .tl2{width:92%; margin:4% auto 0;} 
.qa2{
margin:8% auto 0;
}
.qa1 figure,.qa2 figure{
width:90%;
margin:0 auto;
}
.qa1 ul,.qa2 ul{
width:92%;
margin:0 auto;
}
.qa1 ul li,.qa2 ul li{
padding:4% 0 4% 11vw;
font-size:3.5vw;
}
.qa1 ul li:before,
.qa2 ul li:before{
  top:9vw;
  font-size:17vw;
}
.qa2 ul{
border-top:1px solid rgba(65,76,162,0.3);
order: 1;
}
.qa2 figure{
order: 2;
}
#qanda figure.tl2 + p{
padding:7% 6% 0 0 !important;
font-size:3.2vw;
}
}

/*lazyload*/
.lazyload, .lazyloading { opacity: 0;}
.lazyloaded { opacity: 1; transition: all 1000ms;}

.nocontxt { user-select: none; -webkit-user-select: none; -ms-user-select: none; -moz-user-select:none; -khtml-user-select:none; -webkit-user-drag:none; -khtml-user-drag: none; -webkit-touch-callout: none; text-align:center;}
.nocontxt img { pointer-events: none;}
.prgimg100 { max-width: 100%;}