@charset "UTF-8";
/*
* font-weight
* -----------------------------
* Josefin Slab: 400, 600
* co-headline: 300
* futura-pt: 400
*/
/*============================================================
ビジュアル
============================================================*/
.sub-visual {
  background-image: url(../../img/company/message/president.png), linear-gradient(145deg, #5caccb 0%, #84c5e0 50%, #b4d8ed 100%);
  background-position: 50% 317px, 0 0;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: auto;
}

@media screen and (max-width: 767px) {
  .sub-visual {
    background-position: 50% 105px, 0 0;
    background-size: 265px auto, auto;
    background-attachment: scroll;
  }
}

/*============================================================
メッセージ
============================================================*/
.message {
  padding-top: 90px;
  padding-bottom: 50px;
}

@media screen and (max-width: 767px) {
  .message {
    padding-top: 40px;
    padding-bottom: 30px;
  }
}

.message__ttl {
  margin: 0;
  font-family: "リュウミン R-KL", serif;
  font-size: 56px;
  line-height: 1.4;
  color: #000;
}

@media screen and (max-width: 767px) {
  .message__ttl {
    font-size: 30px;
  }
  .message__ttl br {
    display: none;
  }
}

.message__body {
  margin: 40px 0 0;
}

@media screen and (max-width: 767px) {
  .message__body {
    margin-top: 30px;
  }
}

.message__body p {
  margin: 0 0 2em;
}

.message__sign {
  text-align: right;
  font-size: 14px;
}

.article-foot {
  width: 100%;
  height: 730px;
  background-image: url(../../img/company/message/name.png), url(../../img/company/message/president.png), linear-gradient(145deg, #5caccb 0%, #84c5e0 50%, #b4d8ed 100%);
  background-position: 80% 65%, 50% 100%, 0 0;
  background-attachment: fixed;
  background-repeat: no-repeat;
}

@media screen and (max-width: 767px) {
  .article-foot {
    height: 315px;
    background-position: 90% 80%, 50% 20px, 0 0;
    background-size: 147.5px auto, 265px auto, auto;
    background-attachment: scroll;
  }
}