.subMV {
  background-image: url(../img/message/mv1.jpg);
}
.subMV .h1 {
  width: 314px;
}
.bgWrap1 {
  background-image: url(../img/message/slant_bg3.svg);
  background-position: center top 40px;
  background-repeat: no-repeat;
  background-size: 100%;
  position: relative;
}
@media all and (min-width: 681px) {
  _:-ms-lang(x)::-ms-backdrop, .bgWrap1 {
    background-size: 2800px;
  }
}
@media all and (max-width:680px) {
  .subMV {
    background-image: url(../img/message/mv1_sp.jpg);
  }
  .subMV .h1 {
    width: 58.91vw;
  }
  .bgWrap1 {
    background-image: url(../img/message/slant_bg3_sp.svg);
    background-position: center top 20px;
  }
}


/* messageWrap1
***************************************************************/
.messageWrap1 {
  display: flex;
  justify-content: center;
  padding: 100px 0 200px;
}
.messageWrap1 .logo1 {
  width: 667px;
}
.messageWrap1 .p1 {
  font-size: 24px;
  font-weight: 700;
  line-height: 2;
  letter-spacing: 0.05em;
  margin-top: 85px;
}
@media all and (min-width: 681px) {
}
@media all and (max-width:680px) {
  .messageWrap1 {
    padding: 50px 10%;
  }
  .messageWrap1 .logo1 {
    width: 100%;
  }
  .messageWrap1 .p1 {
    font-size: 15px;
    text-align: justify;
    letter-spacing: 0;
    margin-top: 40px;
  }
}
@media all and (max-width:370px) {
}


/* messageWrap2
***************************************************************/
.messageWrap2 {
  padding: 100px 0 200px;
}
.messageWrap2 .h2 {
  width: 617px;
  margin: 0 auto;
}
.messageWrap2 .ul1 {
  margin: 70px 0 0;
}
.messageWrap2 .ul1 > li {
  padding: 77px 0 0;
  position: relative;
}
.messageWrap2 .ul1 > li + li {
  margin-top: 120px;
}
.messageWrap2 .ul1 .thumb {
  width: calc(50% + 40px);
  height: 577px;
  background-image: url(../img/message/message1_bg.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  right: 0;
}
.messageWrap2 .ul1 .txtBox {
  width: calc(50% + 90px);
  position: relative;
  z-index: 1;
  background-color: #e1e1d2;
}
.messageWrap2 .ul1 .txtBox .txt_inner {
  width: 600px;
  margin-left: auto;
  padding: 60px 90px 50px 20px;
}
.messageWrap2 .ul1 .txtBox .txtBox_h3 {
  width: 460px;
}
.messageWrap2 .ul1 .txtBox .txtBox_p1 {
  font-size: 20px;
  text-align: justify;
  letter-spacing: 0.05em;
  line-height: 2.1;
  margin-top: 30px;
}
/* パターン */
.messageWrap2 .ul1 .li2 .thumb {
  background-position: top;
  background-image: url(../img/message/message2_bg.jpg);
}
.messageWrap2 .ul1 .li3 .thumb {
  background-image: url(../img/message/message3_bg.jpg);
}
.messageWrap2 .ul1 .li4 .thumb {
  background-image: url(../img/message/message4_bg.jpg);
}
.messageWrap2 .ul1 .li2 .txtBox .txtBox_h3 {
  width: 470px;
}
.messageWrap2 .ul1 .li3 .txtBox .txtBox_h3 {
  width: 440px;
}
.messageWrap2 .ul1 .li4 .txtBox .txtBox_h3 {
  width: 460px;
}
@media all and (min-width: 681px) {
  .messageWrap2 .ul1 > li:nth-of-type(even) .thumb {
    right: auto;
    left: 0;
  }
  .messageWrap2 .ul1 > li:nth-of-type(even) .txtBox {
    margin-left: auto;
  }
  .messageWrap2 .ul1 > li:nth-of-type(even)  .txtBox .txt_inner {
    padding-left: 90px;
    padding-right: 20px;
    margin-left: 0;
  }
}
@media all and (max-width:680px) {
  .messageWrap2 {
    padding: 50px 0 0;
  }
  .messageWrap2 .h2 {
    width: 80%;
  }
  .messageWrap2 .ul1 {
    margin: 30px 0 0;
  }
  .messageWrap2 .ul1 > li {
    padding: 0;
  }
  .messageWrap2 .ul1 > li + li {
    margin-top: -80px;
  }
  .messageWrap2 .ul1 .thumb {
    width: 100%;
    height: 320px;
    position: static;
  }
  .messageWrap2 .ul1 .txtBox {
    width: calc(100% - 50px);
    margin: 0 auto;
    top: -140px;
  }
  .messageWrap2 .ul1 .txtBox .txt_inner {
    width: 100%;
    margin: 0;
    padding: 25px;
  }
  .messageWrap2 .ul1 .txtBox .txtBox_h3 {
    width: 100%;
  }
  .messageWrap2 .ul1 .txtBox .txtBox_p1 {
    font-size: 14px;
    letter-spacing: 0.015em;
    line-height: 1.86;
    margin-top: 20px;
  }
  /* パターン */
  .messageWrap2 .ul1 .li1 .thumb {
    background-image: url(../img/message/message1_bg_sp.jpg);
  }
  .messageWrap2 .ul1 .li2 .thumb {
    background-image: url(../img/message/message2_bg_sp.jpg);
  }
  .messageWrap2 .ul1 .li3 .thumb {
    background-image: url(../img/message/message3_bg_sp.jpg);
  }
  .messageWrap2 .ul1 .li4 .thumb {
    background-image: url(../img/message/message4_bg_sp.jpg);
  }
  .messageWrap2 .ul1 .li1 .txtBox .txtBox_h3 {
    width: 98%;
  }
  .messageWrap2 .ul1 .li2 .txtBox .txtBox_h3 {
    width: 100%;
  }
  .messageWrap2 .ul1 .li3 .txtBox .txtBox_h3 {
    width: 92%;
  }
  .messageWrap2 .ul1 .li4 .txtBox .txtBox_h3 {
    width: 96%;
  }

}
@media all and (max-width:370px) {
}


/* messageWrap3
***************************************************************/
.messageWrap3 {
  padding: 100px 0 200px;
}
.messageWrap3 .h2 {
  width: 617px;
  margin: 0 auto;
}
.messageWrap3 .inner {
  width: 720px;
  margin: 0 auto;
}
.messageWrap3 .h3 {
  width: 609px;
  margin-top: 90px;
}
.messageWrap3 .h4 {
  width: 667px;
  margin-top: 90px;
}
.messageWrap3 .h4.h4_2 {
  width: 651px;
}
.messageWrap3 .h4.h4_3 {
  width: 720px;
}
.messageWrap3 .p1 {
  font-size: 21px;
  font-weight: 500;
  text-align: justify;
  line-height: 2.36;
  margin-top: 35px;
}
.messageWrap3 .name1 {
  width: 240px;
  margin: 40px 0 0 auto;
}
@media all and (min-width: 681px) {
}
@media all and (max-width:680px) {
  .messageWrap3 {
    padding: 50px 10% 100px;
    margin-top: -90px;
  }
  .messageWrap3 .h2 {
    width: 100%;
  }
  .messageWrap3 .inner {
    width: 100%;
  }
  .messageWrap3 .h3 {
    width: 100%;
    margin-top: 35px;
  }
  .messageWrap3 .h4 {
    width: 217px;
    margin-top: 40px;
  }
  .messageWrap3 .h4.h4_2 {
    width: 181px;
  }
  .messageWrap3 .h4.h4_3 {
    width: 201px;
  }
  .messageWrap3 .p1 {
    font-size: 14px;
    letter-spacing: 0;
    line-height: 1.86;
    margin-top: 20px;
  }
  .messageWrap3 .name1 {
    width: 130px;
  }
}
@media all and (max-width:370px) {
}


/* コンテンツ
***************************************************************/
@media all and (min-width: 681px) {
}
@media all and (max-width:680px) {
}
@media all and (max-width:370px) {
}