@charset "UTF-8";
/* ===================================================================
CSS Document
file name  :message.css 
style info :MESSAGE Style
=================================================================== */
@media (max-width: 767px) {
  /*--------------------------
     MESSAGE
  ---------------------------*/
 .message__ttl {
  font-size: 1.6rem;
 }
 .message__ttl span {
  font-weight: 900;
 }
 .message__box {
  padding: 30px 0;
 }
 .message__box--01 {
  background: url(/img/top/message_img01_sp.png) no-repeat center top/cover;
  border-bottom-right-radius: 70px;
  padding-bottom: 0;
  margin-bottom: 23px;
  position: relative;
  height: 53vw;
  min-height: 203px;
  padding-top: 14vw;
 }
 .message__box--01::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -2px;
    z-index: 0;
    background: url(/img/top/messag_bg_01.png)no-repeat center center/contain;
    width: 20vw;
    height: 20vw;
   }
 .message__box--01 .inner {
  padding: 0px 4% 20px;
 }
 .message__box--01 .message__ttl {
   font-size: clamp(1.7rem,5.06vw,1.9rem);
    font-family: 'Noto Serif JP', 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
    line-height: 1.3;
    margin: 10px 0 5.86vw;
    font-weight: 400;
 }
 .message__unit .message__txt.is-pc{
    display: none;
 }
 .message__txt.is-sp{
    padding: 0 4%;
    margin-bottom: 75px;
 }
 .message__box--01 .message__unit{
    width: 58%;
 }
 .message__box--01 .message__name{
    margin-left: auto;
    max-width: 120px;
 }
 .message__box--01 .message__name span{
    display: block;
}
.message__box--01 .message__name .is-txt{
    font-size: 1.2rem;
}
 .message__box--02 {
  background: url(/img/top/messag_bg.png) no-repeat right bottom/20%;
 }
 .message__sub-ttl {
  font-size: 2.1rem;
  font-family: 'Noto Serif JP', 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
  line-height: 1.3;
  text-indent: -0.6em;
  margin: 10px 0;
 }
 .message__txt {
  font-size: 1.4rem;
 }
 .message__img {
  width: 35%;
  float: right;
  margin: 0 0 0px 10px;
 }
}

@media (min-width: 768px) {
  /*--------------------------
     MESSAGE
  ---------------------------*/
 .message__ttl {
  font-size: 2rem;
 }
 .message__ttl span {
  font-weight: 900;
 }
 .message__box {
  padding: 110px 70px 100px 70px;
 }
 .message__box--01 {
  background: url(/img/top/message_img01.png) no-repeat center top/cover;
  border-bottom-right-radius: 174px;
  padding: 10vw 8.3vw 8.5vw 8.3vw;
  position: relative;
  margin-bottom: 155px;
 }
 .message__box--01::after {
  content: url(/img/top/messag_bg_01.png);
  position: absolute;
  right: 0;
  bottom: -2px;
  z-index: 0;
 }
 .message__box--01 .inner {
  display: flex;
  padding-bottom: 0;
  padding: 0 20px;
 }
 .message__box--01 .message__ttl {
  font-size: 3.8rem;
  font-family: 'Noto Serif JP', 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
  line-height: 1.3;
  margin: 10px 0 20px;
  font-weight: 400;
 }
.message__box--01 .message__txt{
    width: 58.7%;
}
.message__box--01 .message__name{
    margin-top: 33px;
}
.message__box--01 .message__name span:last-child{
    margin-left: 33px;
}
.message__name .is-txt{
    font-size: 2rem;
    letter-spacing: 0.05em;
}
.message__txt.is-sp{
    display: none !important;
 }
 .message__box--02 {
  background: url(/img/top/messag_bg.png) no-repeat right bottom;
 }
 .message__sub-ttl {
  font-size: 3.8rem;
  font-family: 'Noto Serif JP', 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
  line-height: 1.3;
  text-indent: -0.6em;
  margin: 0 0 50px;
 }
 .message__unit {
  margin: 0 50px 0 0;
 }
 .message__txt {
  max-width: 940px;
 }
 .message__img {
  position: relative;
  top: 60px;
  z-index: 1;
 }
}