@charset 'utf-8';

/* メインビジュアル */
.mv-inner {
  overflow: hidden;
  max-width: 1024px;
  margin: 0 auto;
}
  .mv-inner img {
    width: 100%;
    height: auto;
  }
  .mv-inner a.item {
    display: block;
  }
    /* 1つ目のバナー */
    .mv-inner a.i-1 {
      overflow: hidden;
      padding: 4.5rem 0;
    }
      .mv-inner a.i-1 .figure {
        display: block;
        float: right;
        text-align: center;
        width: 47.2%;
      }
        .mv-inner a.i-1 .figure img {
          display: block;
          max-width: 408px;
          width: 100%;
          height: auto;
        }
      .mv-inner a.i-1 .context {
        display: block;
        float: left;
        padding: 11rem 4% 0;
        width: 52.8%;
        text-align: left;
      }
        .mv-inner a.i-1 .context b {
          /*font-family: '新ゴ M', 'Shin Go Medium';*/
          font-weight: bold;
          font-size: 2.8rem;
          color: #222;
        }
        .mv-inner a.i-1 .context b > span {
          display: block;
        }
        .mv-inner a.i-1 .context .link {
          /*display: block;*/
          margin: 2.5rem 0 0;
          font-size: 2rem;
        }
        .mv-inner a .link {
          position: relative;
          display: inline-block;
          padding: .5rem 3rem;
          border: 2px solid #333;
          color: #333;
          text-align: center;
          text-decoration: none;
          transition: .3s;
        }
        .mv-inner a .link::before {
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          z-index: -1;
          content: '';
          background: #eef3f6;
          transform-origin: right top;
          transform: scale(0, 1);
          transition: transform .3s;
        }

.add01 > .initial{
  text-align: center;
  padding: 3rem 15px 5rem;
}
.add01 .p_block{
  margin-left: auto;
  margin-right: auto;
  padding: 30px 5px;
  border: 2px solid #212549;
  max-width: 640px;
}
.add01 .p_title,
.add01 .p_text,
.add01 .p_small{
  font-feature-settings: "palt" 1;
}
.add01 .p_title{
  letter-spacing: 0.1rem;
  display: inline-block;
  margin-bottom: 10px;
  padding: 10px 15px 7px;
  background-color: #212549;
  color: #fff;
  font-size: 1.75rem;
  font-weight: bold;
  line-height: 1;
}
.add01 .p_text{
  letter-spacing: 0.25rem;
  padding-bottom: 0.25rem;
  color: #d86918;
  font-size: 3rem;
  line-height: 1.25;
  font-weight: bold;
}
.add01 .p_small{
  letter-spacing: 0.05rem;
  font-size: 1.125rem;
}

@media screen and (max-width: 640px) {
  .add01 > .initial{
    text-align: center;
    padding: 2rem 15px 3rem;
  }
  .add01 .p_title{
    font-size: 1.5rem;
  }
  .add01 .p_text{
    font-size: 2.5rem;
  }
  .add01 .p_small{
    letter-spacing: 0;
  }
}

/* 紹介 */
#content-about_us {
  padding: 6rem 0 9.5rem;
  background-color: #fff3e6;
}
  #content-about_us .article-inner {
    max-width: 1024px;
    margin: 0 auto;
  }
    #content-about_us h2 {
      line-height: 1.75;
    }
      #content-about_us h2 span {
        display: block;
      }
    #content-about_us .context {
      max-width: 636px;
      margin: 0 auto;
    }
      #content-about_us .context p {
        font-size: 1.8rem;
        line-height: 2;
        text-align: left;
      }

@media screen and (max-width: 766px) {
  /* mv-1のpadding上下を調整 */
  .mv-inner a.i-1 .context {
    float: left;
    padding: 50px 4%;
    width: 52.8%;
    vertical-align: middle;
    text-align: left;
  }
        .mv-inner a.i-1 .context b > span {
          display: inline;
        }
        .mv-inner a.i-1 .context .link {
          display: block;
        }
}

@media screen and (min-width: 721px) {
  /* スマホのhoverイベントバグを回避 */

  /* 1つ目のバナー */
  .mv-inner a:hover .link {
    color: #000002;
  }
  .mv-inner a:hover .link::before {
    transform-origin: left top;
    transform: scale(1, 1);
  }
}

@media screen and (max-width: 720px) {
    /* 1つ目のバナー */
    .mv-inner a.i-1 {
      overflow: hidden;
      padding: 4.5rem 0;
    }
      .mv-inner a.i-1 .figure {
        display: block;
        float: none;
        text-align: center;
        width: 55.4%;
        margin: 0 auto;
      }
        .mv-inner a.i-1 .figure img {
          display: block;
          max-width: none;
          width: 100%;
          height: auto;
        }
      .mv-inner a.i-1 .context {
        display: block;
        float: none;
        padding: 4.5rem 4% 0;
        width: 100%;
        text-align: left;
      }
        .mv-inner a.i-1 .context b {
          display: block;
          text-align: center;
          font-size: 3.6rem;
          color: #222;
        }
        .mv-inner a.i-1 .context b > span {
          display: inline;
        }
        .mv-inner a.i-1 .context .link {
          display: block;
          margin: 2.5rem 0 0;
          font-size: 2rem;
        }

  /* 紹介 */
  #content-about_us {
    padding: 5.43rem 0 8.6rem;
    background-color: #fff3e6;
  }
    #content-about_us h2.title-ubar {
      font-size: 2.88rem;
      font-weight: bold;
      position: relative;
      padding-bottom: 2.88rem;
      color: #24292b;
    }
    #content-about_us h2.title-ubar::after {
      display: block;
      content: ' ';
      border-bottom: 2px solid #212549;
      width: 8%;
      margin: 1.8rem auto 0;
    }
    #content-about_us .context {
      max-width: 636px;
      margin: 0 auto;
      padding: 0 4%;
    }
      #content-about_us .context p {
        text-align: left;
        font-size: 2.71rem;
        line-height: 2;
      }
}

@media screen and (max-width: 640px) {

  /* 1つ目のバナー：文字サイズとマージンの調整 */
  .mv-inner a.i-1 {
    overflow: hidden;
    padding: 3.82rem 0;
  }
  .mv-inner a.i-1 .context {
    display: block;
    float: left;
    padding: 5.95rem 4%;
    width: 100%;
    text-align: left;
  }
  .mv-inner a.i-1 .context b {
    font-size: 3.06rem;
    color: #222;
  }
  .mv-inner a.i-1 .context .link {
    display: block;
    margin: 2.12rem 0 0;
    font-size: 2.72rem;
  }

  /* 紹介 */
  #content-about_us {
    padding: 5.1rem 0 8.07rem;
    background-color: #fff3e6;
  }
    #content-about_us h2.title-ubar {
      font-size: 3.06rem;
      position: relative;
      padding-bottom: 2.55rem;
      color: #24292b;
    }
    #content-about_us h2.title-ubar::after {
      display: block;
      content: ' ';
      border-bottom: 2px solid #212549;
      width: 8%;
      margin: 1.8rem auto 0;
    }
    #content-about_us .context {
      max-width: 636px;
      margin: 0 auto;
      padding: 0 4%;
    }
      #content-about_us .context p {
        text-align: left;
        font-size: 2.55rem;
        line-height: 2;
      }

}

@media screen and (max-width: 540px) {

  /* 1つ目のバナー：文字サイズとマージンの調整 */
  .mv-inner a.i-1 {
    overflow: hidden;
    padding: 3.24rem 0;
  }
  .mv-inner a.i-1 .context {
    display: block;
    float: left;
    padding: 5.04rem 4%;
    width: 100%;
    text-align: left;
  }
  .mv-inner a.i-1 .context b {
    font-size: 2.59rem;
    color: #222;
  }
  .mv-inner a.i-1 .context .link {
    display: block;
    margin: 1.8rem 0 0;
    font-size: 2.3rem;
  }

  /* 紹介 */
  #content-about_us {
    padding: 4.32rem 0 6.84rem;
    background-color: #fff3e6;
  }
    #content-about_us h2.title-ubar {
      font-size: 2.59rem;
      position: relative;
      padding-bottom: 2.59rem;
      color: #24292b;
    }
    #content-about_us h2.title-ubar::after {
      display: block;
      content: ' ';
      border-bottom: 2px solid #212549;
      width: 8%;
      margin: 1.8rem auto 0;
    }
    #content-about_us .context {
      max-width: 636px;
      margin: 0 auto;
      padding: 0 4%;
    }
      #content-about_us .context p {
        text-align: left;
        font-size: 2.16rem;
        line-height: 2;
      }

}

@media screen and (max-width: 460px) {


  /* 1つ目のバナー：文字サイズとマージンの調整 */
  .mv-inner a.i-1 {
    overflow: hidden;
    padding: 2.74rem 0;
  }
  .mv-inner a.i-1 .context {
    display: block;
    float: left;
    padding: 4.27rem 4%;
    width: 100%;
    text-align: left;
  }
  .mv-inner a.i-1 .context b {
    font-size: 2.19rem;
    color: #222;
  }
  .mv-inner a.i-1 .context .link {
    display: block;
    margin: 1.52rem 0 0;
    font-size: 1.95rem;
  }

  /* 紹介 */
  #content-about_us {
    padding: 3.66rem 0 5.79rem;
    background-color: #fff3e6;
  }
    #content-about_us h2.title-ubar {
      font-size: 1.9rem;
      position: relative;
      padding-bottom: 1.59rem;
      color: #24292b;
    }
    #content-about_us h2.title-ubar::after {
      display: block;
      content: ' ';
      border-bottom: 2px solid #212549;
      width: 8%;
      margin: 1.8rem auto 0;
    }
    #content-about_us .context {
      max-width: 636px;
      margin: 0 auto;
      padding: 0 4%;
    }
      #content-about_us .context p {
        text-align: left;
        font-size: 1.59rem;
        line-height: 2;
      }

}

@media screen and (max-width: 400px) {


  /* 1つ目のバナー：文字サイズとマージンの調整 */
  .mv-inner a.i-1 {
    overflow: hidden;
    padding: 2.38rem 0;
  }
  .mv-inner a.i-1 .context {
    display: block;
    float: left;
    padding: 3.71rem 4%;
    width: 100%;
    text-align: left;
  }
  .mv-inner a.i-1 .context b {
    font-size: 1.8rem;
    color: #222;
  }
  .mv-inner a.i-1 .context .link {
    display: block;
    margin: 1.32rem 0 0;
    font-size: 1.6rem;
  }

  /* 紹介 */
  #content-about_us {
    padding: 3.18rem 0 5.35rem;
    background-color: #fff3e6;
  }
    #content-about_us h2.title-ubar {
      font-size: 1.9rem;
      position: relative;
      padding-bottom: 1.59rem;
      color: #24292b;
    }
    #content-about_us h2.title-ubar::after {
      display: block;
      content: ' ';
      border-bottom: 2px solid #212549;
      width: 8%;
      margin: 1.8rem auto 0;
    }
    #content-about_us .context {
      max-width: 636px;
      margin: 0 auto;
      padding: 0 4%;
    }
      #content-about_us .context p {
        text-align: left;
        font-size: 1.59rem;
        line-height: 2;
      }

}