@charset "UTF-8";

.main-page-message {
  --btn-large-any-color: var(--white-color);
  --btn-large-any-bgcolor: var(--mstyle-sub-color);
  margin: var(--main-mar-last);
}

.main-page-message .page-header-title {
  margin: 0 0 90px 0;
}

@media (max-width: 1023px) and (min-width: 769px) {
  .main-page-message .page-header-title {
    margin: 0 0 60px 0;
  }
}

@media screen and (max-width:768px) {
  .main-page-message .page-header-title {
    margin: 0 0 30px 0;
  }
}


/* ===============================================================
  sec-ceo-message
=============================================================== */
.sec-ceo-message {
  background: url(../../images/pictures/pic-ceo-dog.webp) no-repeat right 0 top 124px / 41.9%;
  margin: 0 0 300px 0;
  overflow: hidden;
  position: relative;
  z-index: -10;
}

.sec-ceo-message::before,
.sec-ceo-message::after {
  position: absolute;
  content: "";
  top: 124px;
  right: 0;
  width: 42%;
  height: calc(99vw * (1 / 1.2) * .42);     /* 写真のアスペクト比を入力 */
  opacity: .7;
}

.sec-ceo-message::before {
  background: linear-gradient(
    to left,
    rgba(143, 143, 143, 1) 0%,
    rgba(255, 255, 255, 1) 75%,
    rgba(255, 255, 255, 1) 100%
  );
  z-index: -5;
}

.sec-ceo-message::after {
  background: linear-gradient(
    to left,
    rgba(143, 143, 143, 0) 0%,
    rgba(255, 255, 255, 0.45) 75%,
    rgba(255, 255, 255, 1) 100%
  );
  z-index: -1;
}

.sec-ceo-message h2 {
  font-size: var(--fz-32);
  font-family: var(--font-family-nssjp);
  font-weight: 300;
  line-height: normal;
  margin: 0 0 80px 0;
}

.sec-ceo-message .wrapper {
  width: 62%;
  display: flex;
  align-items: flex-end;
  flex-direction: column;
}

.sec-ceo-message p {
  line-height: 220%;
  letter-spacing: .02em;
  margin: 0 0 50px 0;
}

.sec-ceo-message p .spacer {
  display: block;
  margin: 0 0 25px 0;
}

.sec-ceo-message .sign-area span {
  font-size: var(--fz-20);
  letter-spacing: .02em;
  margin: 0 48px 0 0;
}

.sec-ceo-message .sign-area img {
  width: auto;
  height: 39px;
  vertical-align: -4px;
}

.main-page-message .lined-btn-area {
  margin: 0 0 300px 0;
}

@media (max-width: 1023px) and (min-width: 769px) {
  .sec-ceo-message::before, .sec-ceo-message::after {
    opacity: .85;
  }
}

@media screen and (max-width:768px) {
  .sec-ceo-message {
    background: url(../../images/pictures/pic-ceo-dog.webp) no-repeat right 0 bottom 0 / 90%;
    padding: 0 0 calc(100vw * (3 / 4) + 20px) 0;
    margin: 0 0 50px 0;
  }
  .sec-ceo-message::before, .sec-ceo-message::after {
    top: auto;
    bottom: 0;
    right: 0;
    width: 100%;
    height: calc(100vw * (3 / 4));
    opacity: .7;
  }
  .sec-ceo-message h2 {
    font-size: var(--fz-20);
    margin: 0 0 24px 0;
  }
  .sec-ceo-message .wrapper {
    width: auto;
  }
  .sec-ceo-message p {
    line-height: 170%;
    letter-spacing: 0;
    margin: 0 0 20px 0;
  }
  .sec-ceo-message p .spacer {
    margin: 0 0 15px 0;
  }
  .sec-ceo-message .sign-area {
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    gap: 10px 0;
  }
  .sec-ceo-message .sign-area span {
    display: inline-block;
    font-size: var(--fz-16);
    margin: 0;
  }
  .sec-ceo-message .sign-area img {
    height: 31px;
  }
  .main-page-message .lined-btn-area {
    margin: 0 0 50px 0;
  }
}