@charset "UTF-8";

@media (min-width: 768px) {
  .under_ttl h1 span { font-size: 8.88vw;}
  .message .inner {
    width: 100%;
    background: url(../img/message/bg_inner.jpg) no-repeat top right;
    background-size: 92.7% auto;
    padding: 9.3vw 0 11.4vw;
    margin: 0 auto 7.9vw;
  }
  .message .ttl_cell {
    margin: 0 auto 5.9vw;
  }
  .message .ttl_cell h2 {
    /*
    width: max-content;
    height: 5.4vw;
    background: #fff;
    font-size: 3.5vw;
    font-weight: 600;
    line-height: 5.4vw;
    border: 1px solid #000;
    font-family: "Roboto Condensed", sans-serif;
    transform: rotate(-2.98deg);
    padding: 0.5vw 2.5vw;
    */
    width: 65.6vw;
    margin: 0 auto 0.68vw;
  }
  .message .inner .box {
    width: 67vw;
    margin: 0 auto;
    color: #fff;
  }
  .message .inner .box .txt_detail {
    font-size: 1.14vw;
    font-weight: bold;
    line-height: 2.0;
    margin: 0 auto 2.2vw;
    text-align: center;
  }
  .message .inner .box .txt_detail:last-of-type {
    margin: 0 auto 3.3vw;
  }
  .message .inner .box .txt_name {
    font-size: 1.28vw;
    font-weight: bold;
    line-height: 2.0;
    margin: 0 0 0vw 0;
    text-align: right;
  }
}

@media (max-width: 767px) {
  .under_ttl {
    height: 98.4vw;
    margin-bottom: 8.0vw;
  }
  .under_ttl h1 span {
    font-size: 15.4vw;
  }
  .message .ttl_cell {
    margin-bottom: 16vw;
  }
  .message .ttl_cell h2 {
    /*
    width: max-content;
    height: 11.4vw;
    background: #fff;
    font-size: 6.24vw;
    font-weight: 600;
    line-height: 11.4vw;
    border: 1px solid #000;
    font-family: "Roboto Condensed", sans-serif;
    transform: rotate(-2.98deg);
    padding: 0.5vw 2.5vw;
    */
    width: 79.2vw;
    margin: 0 auto 0.68vw;
  }
  .message .inner {
    background: url(../img/message/bg_inner_sp.jpg) no-repeat top right;
    background-size: 92.6% 100%;
    padding: 16vw 0 29.3vw;
    margin: 0 auto 21.3vw;
  }
  .message .inner .box {
    width: 71.6vw;
    margin: 0 auto;
    color: #fff;
  }
  .message .inner .box .txt_detail {
    font-size: 3.73vw;
    font-weight: bold;
    line-height: 2.0;
    margin: 0 auto 8.0vw;
    text-align: left;
  }
  .message .inner .box .txt_detail:last-of-type {
    margin: 0 auto 8.3vw;
  }
  .message .inner .box .txt_name {
    font-size: 4.26vw;
    font-weight: bold;
    line-height: 2.0;
    margin: 0 0 0vw 0;
    text-align: right;
  }
}