/*************************************************

lowerbtns

*************************************************/
.lowerbtns {
  margin-top: 0;
}

.parts-bdrtitle01::after {
  margin-top: 2.6rem;
}
@media screen and (max-width: 767px) {
  .parts-bdrtitle01::after {
    margin-top: 2rem;
  }
}

/*************************************************

message-area

*************************************************/
.message-area {
  overflow: hidden;
  position: relative;
  padding: 7rem 0 22rem;
}
@media screen and (max-width: 767px) {
  .message-area {
    padding: 4rem 0 10rem;
  }
}
.message-area > * {
  position: relative;
  z-index: 5;
}

.message-area-text {
  font-weight: 500;
  line-height: 2.5;
  letter-spacing: 1px;
}
@media screen and (max-width: 767px) {
  .message-area-text {
    line-height: 2.3;
  }
}

/*************************************************

message-area-bg

*************************************************/
.message-area-bg {
  position: absolute;
  height: 0;
  width: 100%;
  height: 1px;
  z-index: 1;
}
.message-area-bg::before {
  position: absolute;
  top: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: block;
  content: "";
  height: auto;
  aspect-ratio: 716/1329;
  background-color: #f4f9ff;
}
.message-area-bg.is-01, .message-area-bg.is-02 {
  left: 0;
}
.message-area-bg.is-01::before, .message-area-bg.is-02::before {
  left: 0;
  width: 40%;
  clip-path: polygon(0 0, 0% 100%, 100% 50%);
}
.message-area-bg.is-01 {
  top: 86rem;
}
.message-area-bg.is-02 {
  top: 250rem;
}
.message-area-bg.is-03 {
  top: 113rem;
  right: 0;
}
.message-area-bg.is-03::before {
  right: 0;
  width: 40%;
  clip-path: polygon(0 50%, 100% 100%, 100% 0);
}

/*************************************************

message-area-group01

*************************************************/
.message-area-group01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .message-area-group01 {
    display: block;
  }
}
.message-area-group01 .in-left {
  width: 45.5357142857%;
  padding-top: 6rem;
}
@media screen and (max-width: 767px) {
  .message-area-group01 .in-left {
    width: 100%;
    padding: 0;
  }
}
.message-area-group01 .in-right {
  width: 48.6607142857%;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
@media screen and (max-width: 767px) {
  .message-area-group01 .in-right {
    width: 100%;
    margin-bottom: 3rem;
  }
}

.message-area-group01__img {
  margin: 0 -11.5rem 1.5rem 0;
  line-height: 0;
}
@media screen and (max-width: 767px) {
  .message-area-group01__img {
    margin: 0 0 1rem;
  }
}

.message-area-group01__name {
  color: #38393A;
  font-size: 2.2rem;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .message-area-group01__name {
    font-size: 1.8rem;
  }
}