/* message ---------------------------------------------------- */
.message {

  & .inner {
    max-width: 914px;
    margin-inline: auto;
  }

  & figure {
    margin-bottom: 60px;

    & img {
      display: block;
      width: 100%;
      height: auto;
      object-fit: cover;
      border-radius: 28px;

      @media (max-width: 640px) {
        border-radius: 0px;
      }
    }
  }

  & .greeting {
    max-width: 860px;
    margin-inline: auto;
    @media (max-width: 640px) {
      padding: 0 20px;
    }

    & h3 {
      font-size: 22px;
      font-weight: 700;
      line-height: 1.7;
      margin-bottom: 10px;
      @media (max-width: 640px) {
        font-size: 20px;
      }
    }

    & p {
      font-size: 16px;
      line-height: 2;
      margin-bottom: 10px;
      text-align: justify;
    }

    & .ceo_name {
      text-align: right;
      font-size: 24px;
      font-weight: 800;

      @media (max-width: 640px) {
        display: none;
      }

      & span {
        display: inline-block;
        font-size: 14px;
        font-weight: 500;
        margin-right: 12px;
        vertical-align: baseline;
      }
    }
  }
}


/* infomation ---------------------------------------------------- */
.infomation {
  @media (max-width: 640px) {
    padding: 0;
  }

  & .inner {
    max-width: 980px;
    margin-inline: auto;

    @media (max-width: 640px) {
      padding: 0 20px;
    }
  }

  & .google_map {
    max-width: 980px;
    margin-inline: auto;
    border-radius: 20px;
    overflow: hidden;

    & iframe {
      display: block;
      width: 100%;
      height: 403px;
      border: none;
      border-radius: 20px;

      @media (max-width: 640px) {
        height: 280px;
      }
    }
  }
}


/* history ---------------------------------------------------- */
.history {

  @media (max-width: 640px) {
      padding: 0;
    }

  & .inner {
    max-width: 980px;
    margin-inline: auto;
  }

  & .google_map {
    border-radius: 20px;
    overflow: hidden;

    & iframe {
      display: block;
      width: 100%;
      height: 403px;
      border: none;
      border-radius: 20px;
    }
  }
}