@charset "utf-8";

/* ====================================================
.message
==================================================== */
.message {}
/* .message-mv
-------------------------*/
.message-mv .mv-txt {
  margin-bottom: 38px;
}
.message-mv .mv-txt figure {
  width: 65.84%;
  margin-left: auto;
}
.message-mv .mv-img figure {
  position: relative;
}
.message-mv .mv-img figcaption {
  position: absolute;
  top: 73px;
  right: 5.198vw;
}
.message-mv .mv-img figcaption .position {
  margin-bottom: 5px;
  font-size: var(--font-size16);
}
.message-mv .mv-img figcaption h2 {
  font-size: var(--font-size26);
  font-weight: bold;
}
.message-mv .mv-img figcaption h2 span {
  display: block;
  font-size: var(--font-size15);
  font-weight: normal;
}
@media (max-width: 767px) {
  .message-mv .mv-txt {
    margin-bottom: 25px;
    padding-top: 45px;
  }
  .message-mv .mv-txt figure {
    width: 91%;
    margin-left: 0;
  }
  .message-mv .mv-img .c-inner-middle {
    padding: 0;
  }
  .message-mv .mv-img figure {
    padding-top: 20px !important;
  }
  .message-mv .mv-img figcaption {
    position: absolute;
    top: 0;
    right: 7%;
  }
  .message-mv .mv-img figcaption .position {
    font-size: var(--font-size13);
    line-height: 1.5;
    text-align: right;
  }
  .message-mv .mv-img figcaption h2 {
    font-size: var(--font-size19);
    font-weight: bold;
    text-align: right;
  }
  .message-mv .mv-img figcaption h2 span {
    font-size: var(--font-size14);
  }
}
/* .message-contents
-------------------------*/
.message-contents .message-txt h3 {
  font-size: var(--font-size25);
}
.message-contents .message-txt p {
  font-size: var(--font-size16);
}
.message-contents .message-txt p:not(:last-child) {
  margin-bottom: 25px;
}
@media (max-width: 767px) {
  .message-contents .message-txt h3 {
    font-size: var(--font-size18);
  }
  .message-contents .message-txt p {
    font-size: var(--font-size15);
  }
}
/* .message-first
-------------------------*/
.message-first.message-contents {
  padding-top: 7.101vw;
}
.message-first.message-contents .message-box01 .message-img {
  width: 44.27%;
  margin-right: 6.94%;
}
.message-first.message-contents .message-box01 .message-txt {
  max-width: 513px;
  width: 37.55%;
  padding-top: 73px;
}
.message-first.message-contents .message-box01 .message-txt h3 {
  margin-bottom: 50px;
}
.message-first.message-contents .message-box01 .message-txt .txt:last-child {
  padding-top: 25px;
}
.message-first.message-contents .message-box02 {
  justify-content: flex-end;
  margin-top: -63px;
}
.message-first.message-contents .message-box02 .message-img:first-child {
  width: 34.38%;
}
.message-first.message-contents .message-box02 .message-img:last-child {
  width: 41.88%;
  margin-left: 16.88%;
  padding-top: 265px;
}
@media (max-width: 1024px) {
  .message-first.message-contents .message-box01 .message-txt {
    max-width: 100%;
    width: 48%;
    padding-right: 40px;
  }
}
@media (max-width: 767px) {
  .message-first.message-contents {
    padding-top: 57px;
  }
  .message-first.message-contents .message-box01 .message-txt {
    width: 100%;
    padding-top: 0;
    padding-right: 0;
  }
  .message-first.message-contents .message-box01 .message-txt h3 {
    margin-bottom: 40px;
    padding: 0 7.2%;
  }
  .message-first.message-contents .message-box01 .message-txt .txt {
    padding: 0 7.2%;
  }
  .message-first.message-contents .message-box01 .message-txt .txt:last-child {
    padding-top: 0;
  }
  .message-first.message-contents .message-box01 .message-txt .message-img_sp {
    width: 92.8%;
    padding: 40px 0;
  }
  .message-first.message-contents .message-box02 {
    flex-direction: column;
    justify-content: flex-end;
    margin-top: 0;
    padding: 40px 0 0;
  }
  .message-first.message-contents .message-box02 .message-img:first-child {
    width: 42.6%;
    margin-left: 7.2%;
    margin-bottom: 22px;
  }
  .message-first.message-contents .message-box02 .message-img:last-child {
    width: 68%;
    padding-top: 0;
    margin-left: auto;
  }
}
/* .message-sec
-------------------------*/
.message-sec.message-contents {
  padding-top: 85px;
}
.message-sec.message-contents .message-txt {
  width: 77.35%;
  margin-bottom: 120px;
}
.message-sec.message-contents .message-txt h3 {
  margin-bottom: 60px;
}
.message-sec.message-contents .message-img {
  width: 77.61%;
  margin-left: auto;
}
@media (max-width: 767px) {
  .message-sec.message-contents {
    padding-top: 40px;
  }
  .message-sec.message-contents .message-txt {
    width: 100%;
    margin-bottom: 40px;
  }
  .message-sec.message-contents .message-txt h3 {
    margin-bottom: 40px;
  }
  .message-sec.message-contents .message-img {
    width: 92.5%;
  }
}
/* .message-third
-------------------------*/
.message-third.message-contents {
  padding-top: 100px;
}
.message-third.message-contents .message-txt {
  width: 77.35%;
  margin-bottom: 100px;
}
.message-third.message-contents .message-txt h3 {
  margin-bottom: 60px;
}
.message-third.message-contents .flex {
  justify-content: center;
}
.message-third.message-contents .message-img:first-child {
  width: 31%;
  padding-top: 193px;
  margin-right: 6.5%;
}
.message-third.message-contents .message-img:last-child {
  width: 43.3%;
}
@media (max-width: 1024px) {
  .message-third.message-contents .message-img:last-child {
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .message-third.message-contents {
    padding-top: 40px;
  }
  .message-third.message-contents .message-txt h3 {
    margin-bottom: 40px;
  }
  .message-third.message-contents .message-txt {
    width: 100%;
    margin-bottom: 40px;
  }
  .message-third.message-contents .flex {
    padding: 0 7.2%;
  }
  .message-third.message-contents .message-img:first-child {
    width: 38.01%;
    padding-top: 14.667vw;
  }
  .message-third.message-contents .message-img:last-child {
    width: 53.6%;
  }
}