.pageTtl{
 background: url(../img/quality/page.jpg) no-repeat center center;
 background-size: cover;
}

#msg .msg1{
 background: url(../img/quality/bg1_202603.jpg) no-repeat center center;
 background-size: cover;
}
#msg .msg2{
 background: url(../img/quality/bg2_202603.jpg) no-repeat center center;
 background-size: cover;
}
#msg .msg3{
 background: url(../img/quality/bg3_202603.jpg) no-repeat center center;
 background-size: cover;
}
#msg .msg4{
 background: url(../img/quality/bg4_202603.jpg) no-repeat center center;
 background-size: cover;
}
#msg .msg1 .inner,
#msg .msg2 .inner,
#msg .msg3 .inner,
#msg .msg4 .inner{
 display: flex;
 align-items: center;
 justify-content: space-between;
 min-height: 400px;
}
#msg .msg2 .inner,
#msg .msg4 .inner{
 flex-direction: row-reverse;
}
#msg .msg1 .inner h4,
#msg .msg2 .inner h4,
#msg .msg3 .inner h4,
#msg .msg4 .inner h4{
 width: 50%;
 text-align: center;
}

#work .work1{
 background: url(../img/quality/bg5_202603.jpg) no-repeat center center;
 background-size: cover;
}
#work .work2{
 background: url(../img/quality/bg6_202603.jpg) no-repeat center center;
 background-size: cover;
}
#work .work3{
 background: url(../img/quality/bg7_202603.jpg) no-repeat center center;
 background-size: cover;
}
#work .work1 .inner,
#work .work2 .inner,
#work .work3 .inner{
 display: flex;
 align-items: center;
 justify-content: space-between;
 min-height: 480px;
}
#work .work2 .inner{
 flex-direction: row-reverse;
}
#work .work1 .inner2,
#work .work2 .inner2,
#work .work3 .inner2{
 width: 50%;
 text-align: center;
}

/*
===================================================
        sp
===================================================
*/
@media screen and (max-width: 768px) {
 #msg .msg1{
  background: url(../img/quality/bg1_202603.jpg) no-repeat center center;
  background-size: cover;
  background-position: right 25% center;
 }
 #msg .msg2{
  background: url(../img/quality/bg2_202603.jpg) no-repeat center center;
  background-size: cover;
  background-position: left 30% center;
 }
 #msg .msg3{
  background: url(../img/quality/bg3_202603.jpg) no-repeat center center;
  background-size: cover;
  background-position: right 30% center;
 }
 #msg .msg4{
  background: url(../img/quality/bg4_202603.jpg) no-repeat center center;
  background-size: cover;
  background-position: left 30% center;
 }
 #msg .msg1 .inner,
 #msg .msg2 .inner,
 #msg .msg3 .inner,
 #msg .msg4 .inner{
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 300px;
 }
 #msg .msg2 .inner,
 #msg .msg4 .inner{
  flex-direction: row-reverse;
 }
 #msg .msg1 .inner h4,
 #msg .msg2 .inner h4,
 #msg .msg3 .inner h4,
 #msg .msg4 .inner h4{
  width: 100%;
  text-align: center;
  background: rgba(255,255,255,0.7);
  padding: 15px;
  font-size: 110%;
 }

 #work .work1{
  background: url(../img/quality/bg5_202603.jpg) no-repeat center center;
  background-size: cover;
 }
 #work .work2{
  background: url(../img/quality/bg6_202603.jpg) no-repeat center center;
  background-size: cover;
 }
 #work .work3{
  background: url(../img/quality/bg7_202603.jpg) no-repeat center center;
  background-size: cover;
 }
 #work .work1 .inner,
 #work .work2 .inner,
 #work .work3 .inner{
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 350px;
 }
 #work .work2 .inner{
  flex-direction: row-reverse;
 }
 #work .work1 .inner2,
 #work .work2 .inner2,
 #work .work3 .inner2{
  width: 100%;
  text-align: center;
 }
}