@charset "UTF-8";
.about-message {
  /*キービジュアル テキスト部分*/ }
  .about-message .keyvisual-title-text {
    width: 28.5rem;
    margin: 3.5rem auto 0 0; }
    @media only screen and (min-width: 751px) {
      .about-message .keyvisual-title-text {
        width: 36.27rem;
        margin: 4.4rem auto 0 0; } }
  .about-message .message-kv {
    background: #cbdde4;
    width: 100%;
    margin: 0rem auto 0;
    text-align: center; }
    .about-message .message-kv img {
      max-width: 144rem;
      margin: 0 auto; }
  .about-message .message-cont {
    width: 100%;
    margin: 0 auto;
    padding: 0 0 10rem; }
    @media only screen and (min-width: 751px) {
      .about-message .message-cont {
        width: 144rem; } }
  .about-message .message01-wrap {
    position: relative;
    background-image: url("../../about/img/message/bg_l_blue.png"), url("../../about/img/message/bg_l_blue.png"), linear-gradient(90deg, #036ec680, #3692c080 54%, #54a99b80 90%, #72c07780 98%);
    background-size: 100% 2.2rem,2.2rem 100%,100% 100%;
    background-repeat: no-repeat,no-repeat,repeat;
    background-position: top left, top right,top left;
    width: 67rem;
    margin: 10rem 0 0 5rem;
    padding: 4.4rem 0 0rem 2.2rem; }
    @media only screen and (min-width: 751px) {
      .about-message .message01-wrap {
        background-size: 100% 2rem,2rem 100%,100% 100%;
        width: 76.2rem;
        margin: 19.4rem auto 0 55.9rem;
        padding: 0rem 0 2rem 2rem; } }
    .about-message .message01-wrap .message01-cont {
      width: 100%;
      height: 100%;
      background: #FFF;
      padding: 8rem 5.5rem 11.2rem 6rem; }
      @media only screen and (min-width: 751px) {
        .about-message .message01-wrap .message01-cont {
          width: 74.2rem;
          padding: 6.4rem 6rem 6rem 16.8rem; } }
      .about-message .message01-wrap .message01-cont .message-md {
        font-size: 3.6rem;
        line-height: 1.6em;
        color: #4f87bf;
        font-weight: bold;
        padding-bottom: 5rem;
        background-image: linear-gradient(90deg, #036ec6, #3692c0 54%, #54a99b 90%, #72c077);
        background-size: 23.5rem 0.6rem;
        background-repeat: no-repeat;
        background-position: bottom left; }
        @media only screen and (min-width: 751px) {
          .about-message .message01-wrap .message01-cont .message-md {
            font-size: 2.8rem;
            padding-bottom: 4.4rem; } }
      .about-message .message01-wrap .message01-cont .text {
        font-size: 2.6rem;
        line-height: 1.8em;
        margin: 6rem 0 0 0; }
        @media only screen and (min-width: 751px) {
          .about-message .message01-wrap .message01-cont .text {
            font-size: 1.8rem;
            margin: 4.2rem 0 0 0; } }
    .about-message .message01-wrap .message01-ph {
      position: absolute;
      width: 66.1rem;
      bottom: -53rem;
      left: -5.2rem; }
      @media only screen and (min-width: 751px) {
        .about-message .message01-wrap .message01-ph {
          width: 68.9rem;
          bottom: inherit;
          top: -4.7rem;
          left: -55.9rem; } }
  .about-message .message02-wrap {
    position: relative;
    background-image: url("../../about/img/message/bg_l_blue.png"), url("../../about/img/message/bg_l_blue.png"), linear-gradient(90deg, #036ec680, #3692c080 54%, #54a99b80 90%, #72c07780);
    background-size: 100% 2.2rem,2.2rem 100%,100% 100%;
    background-repeat: no-repeat,no-repeat,repeat;
    background-position: top left, top left ,top left;
    width: 67rem;
    margin: 68rem 5rem 50rem auto;
    padding: 4.4rem 2.2rem 0rem 0; }
    @media only screen and (min-width: 751px) {
      .about-message .message02-wrap {
        background-size: 100% 2rem,2rem 100%,100% 100%;
        width: 76.2rem;
        margin: 21.5rem auto 0 12.6rem;
        padding: 0rem 2rem 2rem 0; } }
    .about-message .message02-wrap .message02-cont {
      width: 100%;
      height: 100%;
      background: #FFF;
      padding: 8rem 5.5rem 10rem 6rem; }
      @media only screen and (min-width: 751px) {
        .about-message .message02-wrap .message02-cont {
          width: 74.2rem;
          padding: 6.4rem 17rem 6rem 6rem; } }
      .about-message .message02-wrap .message02-cont .message-md {
        font-size: 3.6rem;
        line-height: 1.6em;
        color: #4f87bf;
        font-weight: bold;
        padding-bottom: 5rem;
        background-image: linear-gradient(90deg, #036ec6, #3692c0 54%, #54a99b 90%, #72c077);
        background-size: 23.5rem 0.6rem;
        background-repeat: no-repeat;
        background-position: bottom left; }
        @media only screen and (min-width: 751px) {
          .about-message .message02-wrap .message02-cont .message-md {
            font-size: 2.8rem;
            padding-bottom: 4.4rem; } }
      .about-message .message02-wrap .message02-cont .text {
        font-size: 2.6rem;
        line-height: 1.8em;
        margin: 6rem 0 0 0; }
        @media only screen and (min-width: 751px) {
          .about-message .message02-wrap .message02-cont .text {
            font-size: 1.8rem;
            margin: 4.2rem 0 0 0; } }
    .about-message .message02-wrap .message02-ph {
      position: absolute;
      width: 66.1rem;
      bottom: -56rem;
      right: -5.3rem; }
      @media only screen and (min-width: 751px) {
        .about-message .message02-wrap .message02-ph {
          width: 68.9rem;
          bottom: inherit;
          top: -4.7rem;
          right: -55.9rem; } }