@charset "UTF-8";
/*--------------------------------------------------------------

 ページタイトル

--------------------------------------------------------------*/
.PageTitle::before {
  background: rgba(45, 50, 145, .6);
}
.PageTitle__left {
  background-image: url("../message/img/page-title_message.jpg");
}
.PageTitle__center {
  background: rgba(45, 50, 145, .8);
}


/*--------------------------------------------------------------

 メッセージ

--------------------------------------------------------------*/
.Message {
  display: flex;
  flex-flow: row wrap-reverse;
  justify-content: center;
  align-items: flex-end;
}
@media screen and (min-width: 769px) {
  .Message {
    flex-flow: row nowrap;
  }
}

/*
 CEO写真
----------------------------------w----------------------------*/
.Message__sub {
  width: 20rem;
}
.Message__sub img {
  max-width: 100%;
}
@media print, screen and (min-width: 481px) {
  .Message__sub {
    width: 24rem;
    margin-right: 5rem;
  }
}

/*
 テキスト
--------------------------------------------------------------*/
.Message__main {
  padding-bottom: 2rem;
}
.Message__main .main-ttl {
  margin-bottom: 0;
}
.MessageText p {
  line-height: 1.7;
  padding-top: 3vh;
}
.MessageText p:not(.signature) br {
  display: none;
}
.MessageText p.signature {
  padding-top: 4vh;
}
@media print, screen and (min-width: 481px) {
  .Message__main {
    width: calc(100% - 29rem)
  }
  .MessageText p {
    font-size: 1.6rem;
    padding-top: 2em;
  }
  .MessageText p:not(.signature) br {
    display: inline;
  }
  .MessageText p.signature {
    padding-top: 3em;
  }
  .MessageText p.signature span {
    font-size: 1.8rem;
  }
}