.pagettl{
 background: url(../img/qa/pagephoto.jpg) no-repeat center center;
}

.list li{
 border-bottom: solid 1px #7FA7C6;
 margin-bottom: 40px;
 padding-bottom: 40px;
 line-height: 1.75em;
}
.list .q{
 position: relative;
 padding-left: 50px;
 font-weight: bold;
}
.list .q:before{
 line-height: 1em;
 position: absolute;
 left: 0px;
 top: -2px;
 display: flex;
 justify-content: center;
 align-items: center;
 content: "Q";
 width: 30px;
 height: 30px;
 color: #fff;
 background: #0094D7;
 border-radius: 50%;
 font-size: 18px;
}
.list .a{
 position: relative;
 padding-left: 50px;
 margin-top: 30px;
}
.list .a:before{
 line-height: 1em;
 position: absolute;
 left: 0px;
 top: -2px;
 display: flex;
 justify-content: center;
 align-items: center;
 content: "A";
 width: 30px;
 height: 30px;
 color: #fff;
 background: #00508D;
 border-radius: 50%;
 font-size: 20px;
}

/*
===================================================
	tb
===================================================
*/
@media screen and (max-width: 1100px) {

}

/*
===================================================
	sp
===================================================
*/
@media screen and (max-width: 640px) {
 .pagettl{
  background: url(../img/qa/pagephoto.jpg) no-repeat center center;
  background-size: cover;
 }
}