@charset "UTF-8";
/* =====================
	MESSAGE
 ======================= */
.page_header {
  margin-bottom: 0;
}

.message {
  padding-top: 0;
}

.message_head {
  margin-bottom: 7.29167%;
  position: relative;
}

.message_head_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.message_head_bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: top left;
     object-position: top left;
}

.message_head_container {
  position: relative;
  width: 96.90141%;
  padding: 5.6338% 0 14.08451% 4.22535%;
  z-index: 2;
}

.message_head_pic {
  width: 49.54407%;
  position: absolute;
  right: 0;
  bottom: 0.5em;
  z-index: -1;
}

.message_head_title {
  font-size: 246.66667%;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.5;
  display: inline;
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
  padding: 0 0.25em;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(12%, transparent), color-stop(12%, #00549d), color-stop(95%, #00549d), color-stop(95%, transparent));
  background: linear-gradient(transparent 12%, #00549d 12%, #00549d 95%, transparent 95%);
  color: #fff;
}

.message_head_name {
  font-weight: 700;
  letter-spacing: 0.13em;
  line-height: 1.75;
  margin-top: 2em;
}

.message_head_name span {
  font-size: 125%;
}

.message_box {
  position: relative;
  padding: 4.6875% 0;
}

.message_box:before {
  content: "";
  height: 100%;
  border: 1px solid #707070;
  border-left: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}

.message_box_inner {
  width: 87.01299%;
}

.message_box_title {
  font-size: 133.33333%;
  font-weight: 700;
  margin-bottom: 1em;
}

.message_img01 {
  width: 45.9375%;
  margin: -1em 2.70833% -2em auto;
  position: relative;
  z-index: 5;
}

.message_box01:before {
  width: 85.15625%;
}

.message_box02:before {
  width: 96.19792%;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
  left: auto;
  right: 0;
}

.message_box03 {
  margin-top: 4.94792%;
}

.message_box03:before {
  width: 95.15625%;
}

.message_box03 .message_box_inner {
  width: 100%;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  grid-template-columns: 38% 60%;
}

.message_box03 .message_img02 {
  grid-row: 1 / 3;
}

/* タブレット
  ------------------------ */
/* スマホ
  ------------------------ */
@media (max-width: 699px) {
  .message_head_bg img {
    -o-object-fit: cover;
       object-fit: cover;
  }
  .message_head_container {
    width: 100%;
    padding: 7% 0 13%;
  }
  .message_head_title {
    font-size: 6.25vw;
  }
  .message_head_name {
    margin-top: 1em;
  }
  .message_box {
    padding: 30px 0;
  }
  .message_box:before {
    width: 98% !important;
    left: auto;
    right: 2%;
  }
  .message_box_inner {
    width: 100%;
  }
  .message_box_title {
    font-size: 20px;
    line-height: 1.7;
  }
  .message_img01 {
    width: 80%;
    margin: -10px 0 -10px auto;
  }
  .message_box02:before {
    right: auto;
    left: 2%;
  }
  .message_box03 {
    margin-top: 60px;
  }
  .message_box03 .message_box_inner {
    width: 100%;
    grid-template-columns: 1fr;
  }
  .message_box03 .message_img02 {
    grid-row: auto;
    width: 65%;
    margin: 0 auto 30px;
  }
}

/*# sourceMappingURL=map/message.css.map */