@charset "UTF-8";
/* basic layout */
/* 全体の設定
---------------------------------------------------------------------------*/
/* 基本設定
---------------------------------------------------------------------------*/
/* responsive */
/* サイズ */
/* flexbox */
/* フォント */
/* regular: 400, medium: 500, semibold: 600, bold: 700 */
/* medium: 500, bold: 700, black: 900 */
/* regular: 400, medium: 500, semibold: 600, bold: 700 */
/* regular: 400 */
/* 色 */
/* グラデ背景色 */
/* 中央揃え */
/* objectfit */
/* ホバーアクション */
/* 角丸 */
/* ボタン */
/* ボタンの中のspan */
/* フォントサイズ */
/* 余白 */
/* 縦書き */
/* 内径 */
/* トップSPのみ追従位置調整ために通常盤非表示・MVの中に配置
---------------------------------------------------------------------------*/
@media screen and (max-width: 480px) {
  .fixed-contact {
    display: none; } }

@media screen and (max-width: 480px) {
  .mv .fixed-contact {
    display: block;
    position: absolute;
    right: 0;
    bottom: 0; }
    .mv .fixed-contact.hide {
      opacity: 1;
      visibility: visible;
      pointer-events: auto; } }

/* mv
---------------------------------------------------------------------------*/
.mv {
  position: relative;
  width: 100%;
  height: 100svh; }
  @media (aspect-ratio < 1 / 1) {
    .mv {
      max-height: 50vw; } }
  @media screen and (aspect-ratio < 1 / 1) and (max-width: 480px) {
    .mv {
      height: 184.1333333333vw;
      max-height: 184.1333333333vw; } }

  .mv-tx {
    position: relative;
    z-index: 10;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: calc((128 / 2000) * 100vw);
    height: 100%; }
    @media screen and (max-width: 480px) {
      .mv-tx {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding-left: 21.6vw;
        padding-top: 20vw; } }
  .mv-logo {
    position: relative;
    width: calc((554 / 2000) * 100vw);
    /*@include mq(xl) {
    	width: px2vw(554);
    }*/ }
    @media screen and (max-width: 480px) {
      .mv-logo {
        width: 56.1333333333vw; } }
    .mv-logo::before, .mv-logo::after {
      position: absolute;
      content: "";
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain;
      width: calc((165 / 2000) * 100vw);
      height: calc((165 / 2000) * 100vw);
      background-image: url(../img/cmn/footer-deco.png); }
      @media screen and (max-width: 480px) {
        .mv-logo::before, .mv-logo::after {
          width: 22vw;
          height: 22vw; } }
    .mv-logo::before {
      left: calc((-58 / 2000) * 100vw);
      top: calc((-122 / 2000) * 100vw); }
      @media screen and (max-width: 480px) {
        .mv-logo::before {
          top: -4vw;
          left: -18.6666666667vw; } }
    .mv-logo::after {
      right: calc((27 / 2000) * 100vw);
      bottom: calc((-449 / 2000) * 100vw); }
      @media screen and (max-width: 480px) {
        .mv-logo::after {
          right: -18.1333333333vw;
          bottom: -32vw; } }
  .mv-catch {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: calc((80 / 2000) * 100vw);
    line-height: 1.3;
    font-weight: 900; }
    @media screen and (max-width: 480px) {
      .mv-catch {
        font-size: 7.7333333333vw; } }
    .mv-catch strong {
      color: #5B98D2; }
    .mv-catch span {
      color: #0F478B; }
    .mv-catch small {
      font-size: calc((56 / 2000) * 100vw);
      color: #121B38; }
      @media screen and (max-width: 480px) {
        .mv-catch small {
          font-size: 6.2666666667vw; } }
  .mv-bg {
    position: absolute;
    width: calc((1407 / 2000) * 100vw);
    height: 100%;
    right: 0;
    bottom: 0; }
    @media screen and (max-width: 480px) {
      .mv-bg {
        width: 100%;
        height: auto; } }
    .mv-bg img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center left; }
    .mv-bg.ver {
      display: none; }
      @media screen and (max-width: 480px) {
        .mv-bg.ver {
          display: block; } }
    @media screen and (max-width: 480px) {
      .mv-bg.hor {
        display: none; } }
  .mv-img {
    position: absolute;
    right: 0;
    bottom: 0;
    width: auto;
    height: 100%;
    max-width: calc(100% - ((554 / 2000) * 100vw) + 50px); }
    @media screen and (max-width: 480px) {
      .mv-img {
        display: none; } }
    .mv-img img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center left; }
  .mv-scrl {
    position: absolute;
    left: calc((40 / 2000) * 100vw);
    bottom: 0;
    width: calc((26 / 2000) * 100vw);
    z-index: 300; }
    @media screen and (max-width: 480px) {
      .mv-scrl {
        width: 6.4vw;
        left: 2.6153846154vw; } }

/* tp
---------------------------------------------------------------------------*/
.tp {
  /*　飾り付き大タイトル */
  /* 40pxキャッチ */
  /* 32px見出し */
  /* 18px説明文 */
  /* VIEWMOREボタン */ }
  .tp-btn {
    color: #5B98D2; }
    .tp-btn a {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      width: 400px;
      height: 80px;
      border-radius: 12px;
      border: 4px solid #5B98D2;
      background-image: url(../img/cmn/btn-arw-right-raptor.png);
      background-size: 10px 20px;
      background-repeat: no-repeat;
      background-position: right 26px center;
      background-color: #ffffff; }
      @media screen and (max-width: 1300px) {
        .tp-btn a {
          border-radius: 0.9230769231vw; } }
      @media screen and (max-width: 480px) {
        .tp-btn a {
          border-radius: 3.2vw; } }
      @media screen and (max-width: 1300px) {
        .tp-btn a {
          width: 30.7692307692vw;
          height: 6.1538461538vw;
          border-width: 0.3076923077vw;
          background-size: 0.7692307692vw 1.5384615385vw;
          background-position: right 2vw center; } }
      @media screen and (max-width: 480px) {
        .tp-btn a {
          width: 80vw;
          height: 17.6vw;
          border-radius: 3.2vw;
          background-size: 2.4vw 4.8vw;
          background-position: right 5.6vw center;
          border-width: 1.0666666667vw; } }
      @media (hover: hover) {
        .tp-btn a:hover {
          opacity: 1;
          background-color: #5B98D2;
          background-image: url(../img/cmn/btn-arw-right-white.png);
          color: #ffffff; } }
      .tp-btn a span {
        font-size: 18px;
        font-weight: 700; }
        @media screen and (max-width: 1300px) {
          .tp-btn a span {
            font-size: 1.3846153846vw; } }
        @media screen and (max-width: 480px) {
          .tp-btn a span {
            font-size: 4.2666648vw; } }
  .tp-ttl {
    position: relative; }
    .tp-ttl::after {
      position: absolute;
      content: "";
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain;
      width: 92px;
      height: 134px;
      bottom: 32px;
      background-image: url(../img/cmn/human-royal.png); }
      @media screen and (max-width: 1300px) {
        .tp-ttl::after {
          width: 7.0769230769vw;
          height: 10.3076923077vw;
          bottom: 2.4615384615vw; } }
      @media screen and (max-width: 480px) {
        .tp-ttl::after {
          width: 8.2666666667vw;
          height: 12.2666666667vw;
          bottom: 3.2vw; } }
    .tp-ttl span {
      display: inline-block;
      position: relative;
      font-family: "Roboto Condensed", sans-serif;
      font-optical-sizing: auto;
      font-weight: 800;
      font-style: italic;
      letter-spacing: .05em;
      font-size: 220px;
      color: #5B98D2; }
      @media screen and (max-width: 1300px) {
        .tp-ttl span {
          font-size: 16.9230769231vw; } }
      @media screen and (max-width: 480px) {
        .tp-ttl span {
          font-size: 52.1481253333vw; } }
      @media screen and (max-width: 480px) {
        .tp-ttl span {
          width: 100%;
          font-size: 20.2666666667vw; } }
      .tp-ttl span::before, .tp-ttl span::after {
        position: absolute;
        content: "";
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        width: 165px;
        height: 165px;
        background-image: url(../img/cmn/footer-deco.png); }
        @media screen and (max-width: 1300px) {
          .tp-ttl span::before, .tp-ttl span::after {
            width: 12.6923076923vw;
            height: 12.6923076923vw; } }
        @media screen and (max-width: 480px) {
          .tp-ttl span::before, .tp-ttl span::after {
            width: 22vw;
            height: 22vw; } }
      .tp-ttl span::before {
        left: -64px;
        top: -160px; }
        @media screen and (max-width: 1300px) {
          .tp-ttl span::before {
            left: -4.9230769231vw;
            top: -12.3076923077vw; } }
        @media screen and (max-width: 480px) {
          .tp-ttl span::before {
            left: -2.6666666667vw;
            top: -22.6666666667vw; } }
      .tp-ttl span::after {
        right: -170px;
        bottom: -68px; }
        @media screen and (max-width: 1300px) {
          .tp-ttl span::after {
            right: -13.0769230769vw;
            bottom: -7.6923076923vw; } }
        @media screen and (max-width: 480px) {
          .tp-ttl span::after {
            right: 0;
            bottom: -19.4666666667vw; } }
  .tp-catch {
    color: #5B98D2;
    font-weight: 900;
    font-size: 40px; }
    @media screen and (max-width: 1300px) {
      .tp-catch {
        font-size: 3.0769230769vw; } }
    @media screen and (max-width: 480px) {
      .tp-catch {
        font-size: 9.4814773333vw; } }
    @media screen and (max-width: 480px) {
      .tp-catch {
        font-size: 7.4666666667vw; } }
  .tp-hdl {
    font-size: 32px;
    font-weight: 900;
    line-height: 1.5; }
    @media screen and (max-width: 1300px) {
      .tp-hdl {
        font-size: 2.4615384615vw; } }
    @media screen and (max-width: 480px) {
      .tp-hdl {
        font-size: 7.5851818667vw; } }
    @media screen and (max-width: 480px) {
      .tp-hdl {
        font-size: 6.4vw; } }
  .tp-desc {
    font-size: 18px;
    line-height: 2.2; }
    @media screen and (max-width: 1300px) {
      .tp-desc {
        font-size: 1.3846153846vw; } }
    @media screen and (max-width: 480px) {
      .tp-desc {
        font-size: 4.2666648vw; } }
    @media screen and (max-width: 480px) {
      .tp-desc {
        font-size: 4.2666666667vw; } }
  .tp-more {
    color: #5B98D2; }
    .tp-more a {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      border-bottom: 4px solid #5B98D2;
      padding-bottom: 10px;
      width: 280px; }
      @media screen and (max-width: 1300px) {
        .tp-more a {
          width: 21.5384615385vw;
          padding-bottom: 0.7692307692vw;
          border-bottom-width: 0.3076923077vw; } }
      @media screen and (max-width: 480px) {
        .tp-more a {
          width: 67.2vw;
          border-bottom-width: 1.0666666667vw;
          padding-bottom: 2vw; } }
      .tp-more a .en {
        font-size: 28px;
        font-family: "Roboto Condensed", sans-serif;
        font-optical-sizing: auto;
        font-weight: 800;
        font-style: italic;
        letter-spacing: .05em; }
        @media screen and (max-width: 1300px) {
          .tp-more a .en {
            font-size: 2.1538461538vw; } }
        @media screen and (max-width: 480px) {
          .tp-more a .en {
            font-size: 6.6370341333vw; } }
        @media screen and (max-width: 480px) {
          .tp-more a .en {
            font-size: 6.6666666667vw; } }
      .tp-more a .ja {
        font-size: 16px; }
        @media screen and (max-width: 1300px) {
          .tp-more a .ja {
            font-size: 1.2307692308vw; } }
        @media screen and (max-width: 480px) {
          .tp-more a .ja {
            font-size: 3.7925909333vw; } }
        @media screen and (max-width: 480px) {
          .tp-more a .ja {
            font-size: 3.7333333333vw; } }
      .tp-more a .arw {
        width: 10px; }
        @media screen and (max-width: 1300px) {
          .tp-more a .arw {
            width: 0.7692307692vw; } }
        @media screen and (max-width: 480px) {
          .tp-more a .arw {
            width: 2.4vw; } }

/* mission
---------------------------------------------------------------------------*/
.mission {
  background-color: #DEEAF6;
  padding-top: 120px;
  padding-bottom: 169px;
  background-image: url(../img/top/mission-bg.jpg);
  background-size: 2050px auto;
  background-position: center top;
  background-repeat: no-repeat; }
  @media screen and (max-width: 1300px) {
    .mission {
      padding-top: 9.2307692308vw; } }
  @media screen and (max-width: 480px) {
    .mission {
      padding-top: 16vw; } }
  @media screen and (max-width: 1300px) {
    .mission {
      padding-bottom: 13vw; } }
  @media screen and (max-width: 480px) {
    .mission {
      padding-bottom: 22.5333333333vw; } }
  @media screen and (max-width: 1300px) {
    .mission {
      background-size: 157.6923076923vw auto; } }
  @media screen and (max-width: 480px) {
    .mission {
      padding-top: 64.8vw;
      padding-bottom: 134.1333333333vw;
      background-image: url(../img/top/mission-topbg-sp.jpg), url(../img/top/mission-bottombg-sp.jpg);
      background-size: 100vw auto;
      background-position: center top, center bottom; } }
  .mission-wrap {
    /* 1080 */
    width: 1080px;
    margin-left: auto;
    margin-right: auto;
    text-align: center; }
    @media screen and (max-width: 1300px) {
      .mission-wrap {
        width: 83.0769230769vw; } }
    @media screen and (max-width: 480px) {
      .mission-wrap {
        width: 86.6666666667vw; } }
  .mission-ttl {
    font-family: "Roboto Condensed", sans-serif;
    font-optical-sizing: auto;
    font-weight: 800;
    font-style: italic;
    letter-spacing: .05em;
    font-size: 220px;
    background: linear-gradient(to bottom, #ffffff 0%, #ffffff 61%, #DEEAF6 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
    @media screen and (max-width: 1300px) {
      .mission-ttl {
        font-size: 16.9230769231vw; } }
    @media screen and (max-width: 480px) {
      .mission-ttl {
        font-size: 52.1481253333vw; } }
    @media screen and (max-width: 480px) {
      .mission-ttl {
        font-size: 21.3333333333vw; } }
  .mission-catch {
    font-size: 48px;
    color: #0F478B;
    font-weight: 900;
    margin-bottom: 96px;
    margin-top: -50px; }
    @media screen and (max-width: 1300px) {
      .mission-catch {
        font-size: 3.6923076923vw; } }
    @media screen and (max-width: 480px) {
      .mission-catch {
        font-size: 11.3777728vw; } }
    @media screen and (max-width: 1300px) {
      .mission-catch {
        margin-bottom: 7.3846153846vw; } }
    @media screen and (max-width: 480px) {
      .mission-catch {
        margin-bottom: 12.8vw; } }
    @media screen and (max-width: 1300px) {
      .mission-catch {
        margin-top: -3.8461538462vw; } }
    @media screen and (max-width: 480px) {
      .mission-catch {
        margin-top: -6.6666666667vw; } }
    @media screen and (max-width: 480px) {
      .mission-catch {
        font-size: 7.4666666667vw; } }
  .mission-hdl {
    font-size: 56px;
    color: #5B98D2;
    line-height: 1.42;
    font-weight: 900;
    margin-bottom: 80px; }
    @media screen and (max-width: 1300px) {
      .mission-hdl {
        font-size: 4.3076923077vw; } }
    @media screen and (max-width: 480px) {
      .mission-hdl {
        font-size: 13.2740682667vw; } }
    @media screen and (max-width: 1300px) {
      .mission-hdl {
        margin-bottom: 6.1538461538vw; } }
    @media screen and (max-width: 480px) {
      .mission-hdl {
        margin-bottom: 10.6666666667vw; } }
    @media screen and (max-width: 480px) {
      .mission-hdl {
        font-size: 8vw; } }
  .mission-lead {
    color: #5B98D2;
    font-size: 24px;
    font-weight: 900;
    line-height: 1.91; }
    @media screen and (max-width: 1300px) {
      .mission-lead {
        font-size: 1.8461538462vw; } }
    @media screen and (max-width: 480px) {
      .mission-lead {
        font-size: 5.6888864vw; } }
    @media screen and (max-width: 480px) {
      .mission-lead {
        font-size: 4.8vw; } }
  .mission-desc {
    font-size: 18px;
    line-height: 2.55;
    margin-bottom: 80px; }
    @media screen and (max-width: 1300px) {
      .mission-desc {
        font-size: 1.3846153846vw; } }
    @media screen and (max-width: 480px) {
      .mission-desc {
        font-size: 4.2666648vw; } }
    @media screen and (max-width: 1300px) {
      .mission-desc {
        margin-bottom: 6.1538461538vw; } }
    @media screen and (max-width: 480px) {
      .mission-desc {
        margin-bottom: 10.6666666667vw; } }
  .mission .tp-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }

/* business
---------------------------------------------------------------------------*/
.business {
  padding-top: 96px;
  padding-bottom: 142px;
  background-image: url(../img/cmn/bg-dot.png);
  background-size: 1074px auto; }
  @media screen and (max-width: 1300px) {
    .business {
      padding-top: 7.3846153846vw; } }
  @media screen and (max-width: 480px) {
    .business {
      padding-top: 12.8vw; } }
  @media screen and (max-width: 1300px) {
    .business {
      padding-bottom: 10.9230769231vw; } }
  @media screen and (max-width: 480px) {
    .business {
      padding-bottom: 18.9333333333vw; } }
  @media screen and (max-width: 1300px) {
    .business {
      background-size: 82.6153846154vw; } }
  @media screen and (max-width: 480px) {
    .business {
      padding-top: 58.1333333333vw;
      background-size: 286.4vw; } }
  .business-wrap {
    /* 1080 */
    width: 1080px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 10; }
    @media screen and (max-width: 1300px) {
      .business-wrap {
        width: 83.0769230769vw; } }
    @media screen and (max-width: 480px) {
      .business-wrap {
        width: 86.6666666667vw; } }
  .business-jattl {
    font-size: 24px;
    color: #5B98D2; }
    @media screen and (max-width: 1300px) {
      .business-jattl {
        font-size: 1.8461538462vw; } }
    @media screen and (max-width: 480px) {
      .business-jattl {
        font-size: 5.6888864vw; } }
    @media screen and (max-width: 480px) {
      .business-jattl {
        font-size: 5.0666666667vw; } }
  .business .tp-ttl {
    position: relative; }
    .business .tp-ttl::after {
      left: 62px; }
      @media screen and (max-width: 1300px) {
        .business .tp-ttl::after {
          left: 4.7692307692vw; } }
      @media screen and (max-width: 480px) {
        .business .tp-ttl::after {
          left: 5.6vw; } }
    .business .tp-ttl span::before {
      left: -64px;
      top: -250px; }
      @media screen and (max-width: 1300px) {
        .business .tp-ttl span::before {
          left: -4.9230769231vw;
          top: -19.2307692308vw; } }
      @media screen and (max-width: 480px) {
        .business .tp-ttl span::before {
          left: -2.6666666667vw;
          top: -31.7333333333vw; } }
  .business .tp-catch {
    margin-bottom: 80px; }
    @media screen and (max-width: 1300px) {
      .business .tp-catch {
        margin-bottom: 6.1538461538vw; } }
    @media screen and (max-width: 480px) {
      .business .tp-catch {
        margin-bottom: 10.6666666667vw; } }
    @media screen and (max-width: 480px) {
      .business .tp-catch {
        margin-bottom: 16vw; } }
  .business-img {
    position: absolute;
    width: 1046px;
    top: -280px;
    right: -208px;
    z-index: -1; }
    @media screen and (max-width: 1300px) {
      .business-img {
        width: 80.4615384615vw;
        top: -21.5384615385vw;
        right: -16vw; } }
    @media screen and (max-width: 480px) {
      .business-img {
        width: 100vw;
        top: -100.4vw;
        right: auto;
        left: 50%;
        transform: translateX(-50%); } }
  .business ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 12px;
    overflow: hidden; }
    @media screen and (max-width: 1300px) {
      .business ul {
        border-radius: 0.9230769231vw; } }
    @media screen and (max-width: 480px) {
      .business ul {
        border-radius: 3.2vw; } }
    @media screen and (max-width: 480px) {
      .business ul {
        border-radius: 3.2vw; } }
    .business ul li {
      width: 50%; }
      .business ul li a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-left: 30px; }
        @media screen and (max-width: 1300px) {
          .business ul li a {
            padding-left: 2.3076923077vw; } }
        @media screen and (max-width: 480px) {
          .business ul li a {
            position: relative;
            padding-left: 2.4vw;
            height: 17.0666666667vw; } }
      .business ul li:nth-of-type(1) a {
        background-color: #5B98D2; }
      .business ul li:nth-of-type(2) a {
        background-color: #0F478B; }
      .business ul li .num {
        font-family: "Roboto Condensed", sans-serif;
        font-optical-sizing: auto;
        font-weight: 800;
        font-style: italic;
        letter-spacing: .05em;
        font-size: 104px;
        color: rgba(255, 255, 255, 0.5);
        line-height: 76px; }
        @media screen and (max-width: 1300px) {
          .business ul li .num {
            font-size: 8vw; } }
        @media screen and (max-width: 480px) {
          .business ul li .num {
            font-size: 24.6518410667vw; } }
        @media screen and (max-width: 1300px) {
          .business ul li .num {
            line-height: 5.8461538462vw; } }
        @media screen and (max-width: 480px) {
          .business ul li .num {
            position: absolute;
            left: 2.4vw;
            top: -1.6vw;
            font-size: 13.8666666667vw;
            line-height: 1; } }
      .business ul li .name {
        font-size: 24px;
        font-weight: 900;
        color: #ffffff;
        margin-left: 24px; }
        @media screen and (max-width: 1300px) {
          .business ul li .name {
            font-size: 1.8461538462vw; } }
        @media screen and (max-width: 480px) {
          .business ul li .name {
            font-size: 5.6888864vw; } }
        @media screen and (max-width: 1300px) {
          .business ul li .name {
            margin-left: 1.8461538462vw; } }
        @media screen and (max-width: 480px) {
          .business ul li .name {
            font-size: 4.5333333333vw;
            margin-right: 0;
            padding-top: 10.1333333333vw; } }
      .business ul li .arw {
        width: 117px;
        margin-left: 40px; }
        @media screen and (max-width: 1300px) {
          .business ul li .arw {
            width: 9vw;
            margin-left: 3.0769230769vw; } }
        @media screen and (max-width: 480px) {
          .business ul li .arw {
            position: absolute;
            top: 0;
            right: 0;
            width: 19.4666666667vw; } }
  .business-under-ttl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    margin-bottom: 96px; }
    @media screen and (max-width: 1300px) {
      .business-under-ttl {
        margin-bottom: 7.3846153846vw; } }
    @media screen and (max-width: 480px) {
      .business-under-ttl {
        margin-bottom: 12.8vw; } }
    @media screen and (max-width: 480px) {
      .business-under-ttl {
        position: relative; } }
    .business-under-ttl .num {
      width: 250px;
      margin-right: 36px; }
      @media screen and (max-width: 1300px) {
        .business-under-ttl .num {
          width: 19.2307692308vw;
          margin-right: 2.7692307692vw; } }
      @media screen and (max-width: 480px) {
        .business-under-ttl .num {
          position: absolute;
          width: 40.4vw;
          left: -4vw;
          top: -13.3333333333vw; } }
    .business-under-ttl .tx {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; }
      @media screen and (max-width: 480px) {
        .business-under-ttl .tx {
          padding-left: 24.8vw; } }
      .business-under-ttl .tx .en {
        font-family: "Roboto Condensed", sans-serif;
        font-optical-sizing: auto;
        font-weight: 800;
        font-style: italic;
        letter-spacing: .05em;
        font-size: 27px;
        color: #ADCBE8;
        margin-bottom: 18px; }
        @media screen and (max-width: 1300px) {
          .business-under-ttl .tx .en {
            font-size: 2.0769230769vw; } }
        @media screen and (max-width: 480px) {
          .business-under-ttl .tx .en {
            font-size: 6.3999972vw; } }
        @media screen and (max-width: 1300px) {
          .business-under-ttl .tx .en {
            margin-bottom: 1.3846153846vw; } }
        @media screen and (max-width: 480px) {
          .business-under-ttl .tx .en {
            margin-bottom: 2.4vw; } }
        @media screen and (max-width: 480px) {
          .business-under-ttl .tx .en {
            font-size: 6.4vw; } }
      .business-under-ttl .tx .ja {
        font-size: 36px;
        font-weight: 900;
        color: #5B98D2; }
        @media screen and (max-width: 1300px) {
          .business-under-ttl .tx .ja {
            font-size: 2.7692307692vw; } }
        @media screen and (max-width: 480px) {
          .business-under-ttl .tx .ja {
            font-size: 8.5333296vw; } }
        @media screen and (max-width: 480px) {
          .business-under-ttl .tx .ja {
            font-size: 7.4666666667vw; } }

/* consulting
---------------------------------------------------------------------------*/
.consulting {
  position: relative;
  margin-top: -170px; }
  @media screen and (max-width: 1300px) {
    .consulting {
      margin-top: -13.0769230769vw; } }
  @media screen and (max-width: 480px) {
    .consulting {
      margin-top: -26.6666666667vw; } }
  .consulting::before {
    position: absolute;
    content: "";
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 100%;
    background-image: url(../img/top/consulting-bg.png);
    background-position: center top; }
    @media screen and (max-width: 480px) {
      .consulting::before {
        background-image: url(../img/top/consulting-bg-sp.png); } }
  .consulting .business-wrap {
    position: relative;
    padding-top: 96px;
    padding-bottom: 210px; }
    @media screen and (max-width: 1300px) {
      .consulting .business-wrap {
        padding-top: 7.3846153846vw; } }
    @media screen and (max-width: 480px) {
      .consulting .business-wrap {
        padding-top: 12.8vw; } }
    @media screen and (max-width: 1300px) {
      .consulting .business-wrap {
        padding-bottom: 16.1538461538vw; } }
    @media screen and (max-width: 480px) {
      .consulting .business-wrap {
        padding-bottom: 28vw; } }
    @media screen and (max-width: 480px) {
      .consulting .business-wrap {
        padding-top: 27.4666666667vw;
        padding-bottom: 101.6vw; } }
  .consulting .tp-hdl {
    color: #5B98D2;
    margin-bottom: 38px; }
    @media screen and (max-width: 1300px) {
      .consulting .tp-hdl {
        margin-bottom: 2.9230769231vw; } }
    @media screen and (max-width: 480px) {
      .consulting .tp-hdl {
        margin-bottom: 5.0666666667vw; } }
  .consulting .tp-desc {
    margin-bottom: 80px;
    width: 50%; }
    @media screen and (max-width: 1300px) {
      .consulting .tp-desc {
        margin-bottom: 6.1538461538vw; } }
    @media screen and (max-width: 480px) {
      .consulting .tp-desc {
        margin-bottom: 10.6666666667vw; } }
    @media screen and (max-width: 480px) {
      .consulting .tp-desc {
        width: 100%; } }
  .consulting .tp-more {
    position: relative;
    z-index: 150; }
    @media screen and (max-width: 480px) {
      .consulting .tp-more {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; } }
  .consulting-img {
    position: absolute;
    left: -290px;
    top: 190px;
    width: 2520px;
    z-index: 100; }
    @media screen and (max-width: 1300px) {
      .consulting-img {
        left: -22.3076923077vw;
        top: 14.6153846154vw;
        width: 193.8461538462vw; } }
    @media screen and (max-width: 480px) {
      .consulting-img {
        width: 293.0666666667vw;
        left: -109.8666666667vw;
        top: 170.1333333333vw; } }

/* management
---------------------------------------------------------------------------*/
.management {
  position: relative;
  margin-top: -210px;
  color: #ffffff; }
  @media screen and (max-width: 1300px) {
    .management {
      margin-top: -16.1538461538vw; } }
  .management::before {
    position: absolute;
    content: "";
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 100%;
    background-image: url(../img/top/management-bg.png);
    background-position: center top; }
    @media screen and (max-width: 480px) {
      .management::before {
        background-image: url(../img/top/management-bg-sp.png); } }
  .management .business-wrap {
    position: relative;
    padding-top: 250px;
    padding-bottom: 120px; }
    @media screen and (max-width: 1300px) {
      .management .business-wrap {
        padding-top: 19.2307692308vw; } }
    @media screen and (max-width: 480px) {
      .management .business-wrap {
        padding-top: 33.3333333333vw; } }
    @media screen and (max-width: 1300px) {
      .management .business-wrap {
        padding-bottom: 9.2307692308vw; } }
    @media screen and (max-width: 480px) {
      .management .business-wrap {
        padding-bottom: 16vw; } }
    @media screen and (max-width: 480px) {
      .management .business-wrap {
        padding-top: 88vw; } }
  .management .business-under-ttl .num {
    top: -77.3333333333vw;
    left: 48vw; }
  .management .business-under-ttl .ja {
    color: #ffffff; }
  @media screen and (max-width: 480px) {
    .management .business-under-ttl .tx {
      padding-left: 0; } }
  .management .tp-hdl {
    margin-bottom: 38px; }
    @media screen and (max-width: 1300px) {
      .management .tp-hdl {
        margin-bottom: 2.9230769231vw; } }
    @media screen and (max-width: 480px) {
      .management .tp-hdl {
        margin-bottom: 5.0666666667vw; } }
  .management .tp-desc {
    margin-bottom: 80px;
    width: 50%; }
    @media screen and (max-width: 1300px) {
      .management .tp-desc {
        margin-bottom: 6.1538461538vw; } }
    @media screen and (max-width: 480px) {
      .management .tp-desc {
        margin-bottom: 10.6666666667vw; } }
    @media screen and (max-width: 480px) {
      .management .tp-desc {
        width: 100%; } }
  .management .tp-more {
    position: relative;
    z-index: 150; }
    @media screen and (max-width: 480px) {
      .management .tp-more {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; } }
    .management .tp-more a {
      border-bottom-color: #ffffff; }
      .management .tp-more a .en, .management .tp-more a .ja {
        color: #ffffff; }

/* value
---------------------------------------------------------------------------*/
.value {
  position: relative;
  z-index: 150;
  padding-top: 100px; }
  @media screen and (max-width: 1300px) {
    .value {
      padding-top: 7.6923076923vw; } }
  @media screen and (max-width: 480px) {
    .value {
      padding-top: 13.3333333333vw; } }
  .value::before {
    position: absolute;
    content: "";
    left: 0;
    top: 190px;
    width: 100%;
    height: calc(100% - 190px);
    background-color: #DEEAF6; }
    @media screen and (max-width: 1300px) {
      .value::before {
        top: 14.6153846154vw;
        height: calc(100% - 14.61538vw); } }
    @media screen and (max-width: 480px) {
      .value::before {
        top: 23.4666666667vw;
        height: calc(100% - 23.45555vw); } }
  .value-wrap {
    /* 1080 */
    width: 1080px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 180;
    padding-bottom: 120px; }
    @media screen and (max-width: 1300px) {
      .value-wrap {
        width: 83.0769230769vw; } }
    @media screen and (max-width: 480px) {
      .value-wrap {
        width: 86.6666666667vw; } }
    @media screen and (max-width: 1300px) {
      .value-wrap {
        padding-bottom: 9.2307692308vw; } }
    @media screen and (max-width: 480px) {
      .value-wrap {
        padding-bottom: 16vw; } }
    @media screen and (max-width: 480px) {
      .value-wrap {
        padding-bottom: 16vw; } }
  .value .tp-ttl {
    position: relative;
    margin-bottom: 40px; }
    @media screen and (max-width: 1300px) {
      .value .tp-ttl {
        margin-bottom: 3.0769230769vw; } }
    @media screen and (max-width: 480px) {
      .value .tp-ttl {
        margin-bottom: 5.3333333333vw; } }
    .value .tp-ttl::after {
      left: 190px; }
      @media screen and (max-width: 1300px) {
        .value .tp-ttl::after {
          left: 14.6153846154vw; } }
      @media screen and (max-width: 480px) {
        .value .tp-ttl::after {
          left: 17.6vw; } }
    @media screen and (max-width: 480px) {
      .value .tp-ttl span::after {
        right: 5.3333333333vw;
        bottom: -4.2666666667vw; } }
  .value .tp-catch {
    margin-bottom: 48px;
    line-height: 1.75; }
    @media screen and (max-width: 1300px) {
      .value .tp-catch {
        margin-bottom: 3.6923076923vw; } }
    @media screen and (max-width: 480px) {
      .value .tp-catch {
        margin-bottom: 6.4vw; } }
  .value .tp-desc {
    margin-bottom: 70px;
    width: 45%; }
    @media screen and (max-width: 1300px) {
      .value .tp-desc {
        margin-bottom: 5.3846153846vw; } }
    @media screen and (max-width: 480px) {
      .value .tp-desc {
        margin-bottom: 9.3333333333vw; } }
    @media screen and (max-width: 480px) {
      .value .tp-desc {
        width: 100%; } }
  .value .tp-btn {
    position: relative;
    z-index: 180; }
    @media screen and (max-width: 480px) {
      .value .tp-btn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 72vw; } }
  .value-img {
    position: absolute;
    width: 1388px;
    left: 36px;
    top: -227px; }
    @media screen and (max-width: 1300px) {
      .value-img {
        width: 106.7692307692vw;
        left: 2.7692307692vw;
        top: -17.4615384615vw; } }
    @media screen and (max-width: 480px) {
      .value-img {
        width: 88vw;
        left: 50%;
        transform: translateX(-50%);
        top: auto;
        bottom: 40vw; } }
  .value-bg {
    display: none; }
    @media screen and (max-width: 480px) {
      .value-bg {
        display: block;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        width: 100vw;
        top: 8vw;
        z-index: -1; } }
  .value-car-wrap {
    position: relative;
    width: 333px;
    margin: 0 auto;
    z-index: 180; }
    @media screen and (max-width: 1300px) {
      .value-car-wrap {
        width: 25.6153846154vw; } }
    @media screen and (max-width: 480px) {
      .value-car-wrap {
        display: none; } }
    .value-car-wrap .swiper-wrapper {
      transition-timing-function: linear; }
  .value-spimgs {
    display: none; }
    @media screen and (max-width: 480px) {
      .value-spimgs {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        z-index: 180; }
        .value-spimgs li {
          width: calc(100% /3); } }

/* voice
---------------------------------------------------------------------------*/
.voice {
  padding-top: 100px;
  padding-bottom: 366px;
  background-image: url(../img/cmn/bg-dot.png);
  background-size: 1074px auto; }
  @media screen and (max-width: 1300px) {
    .voice {
      padding-top: 7.6923076923vw; } }
  @media screen and (max-width: 480px) {
    .voice {
      padding-top: 13.3333333333vw; } }
  @media screen and (max-width: 1300px) {
    .voice {
      padding-bottom: 28.1538461538vw; } }
  @media screen and (max-width: 480px) {
    .voice {
      padding-bottom: 48.8vw; } }
  @media screen and (max-width: 1300px) {
    .voice {
      background-size: 82.6153846154vw; } }
  @media screen and (max-width: 480px) {
    .voice {
      padding-bottom: 94.4vw;
      background-size: 286.4vw; } }
  .voice-wrap {
    position: relative;
    /* 1080 */
    width: 1080px;
    margin-left: auto;
    margin-right: auto;
    z-index: 150; }
    @media screen and (max-width: 1300px) {
      .voice-wrap {
        width: 83.0769230769vw; } }
    @media screen and (max-width: 480px) {
      .voice-wrap {
        width: 86.6666666667vw; } }
  .voice .tp-ttl {
    position: relative;
    margin-bottom: 40px; }
    @media screen and (max-width: 1300px) {
      .voice .tp-ttl {
        margin-bottom: 3.0769230769vw; } }
    @media screen and (max-width: 480px) {
      .voice .tp-ttl {
        margin-bottom: 5.3333333333vw; } }
    .voice .tp-ttl::after {
      left: 404px; }
      @media screen and (max-width: 1300px) {
        .voice .tp-ttl::after {
          left: 31.0769230769vw; } }
      @media screen and (max-width: 480px) {
        .voice .tp-ttl::after {
          left: 17.6vw; } }
  .voice-catch {
    font-size: 22px;
    color: #5B98D2;
    margin-top: -28px;
    margin-bottom: 80px; }
    @media screen and (max-width: 1300px) {
      .voice-catch {
        font-size: 1.6923076923vw; } }
    @media screen and (max-width: 480px) {
      .voice-catch {
        font-size: 5.2148125333vw; } }
    @media screen and (max-width: 1300px) {
      .voice-catch {
        margin-top: -2.1538461538vw; } }
    @media screen and (max-width: 480px) {
      .voice-catch {
        margin-top: -3.7333333333vw; } }
    @media screen and (max-width: 1300px) {
      .voice-catch {
        margin-bottom: 6.1538461538vw; } }
    @media screen and (max-width: 480px) {
      .voice-catch {
        margin-bottom: 10.6666666667vw; } }
    @media screen and (max-width: 480px) {
      .voice-catch {
        font-size: 5.3333333333vw;
        line-height: 1.75; } }
  .voice-sl-wrap {
    width: 1104px;
    margin: 0 auto; }
    @media screen and (max-width: 1300px) {
      .voice-sl-wrap {
        width: 84.9230769231vw; } }
    @media screen and (max-width: 480px) {
      .voice-sl-wrap {
        width: 100vw; } }
  .voice-sl-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 1080px;
    height: 216px;
    position: relative;
    padding: 0 24px;
    background-color: #E6F0F8;
    border-radius: 12px; }
    @media screen and (max-width: 1300px) {
      .voice-sl-item {
        border-radius: 0.9230769231vw; } }
    @media screen and (max-width: 480px) {
      .voice-sl-item {
        border-radius: 3.2vw; } }
    @media screen and (max-width: 1300px) {
      .voice-sl-item {
        width: 83.0769230769vw;
        height: 16.6153846154vw;
        padding: 0 1.8461538462vw; } }
    @media screen and (max-width: 480px) {
      .voice-sl-item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 87.2vw;
        height: 82.1333333333vw;
        padding: 0 6.4vw;
        margin-left: auto;
        margin-right: auto; } }
  .voice-sl-img {
    position: relative;
    width: 308px;
    margin-right: 40px; }
    @media screen and (max-width: 1300px) {
      .voice-sl-img {
        width: 23.6923076923vw;
        margin-right: 3.0769230769vw; } }
    @media screen and (max-width: 480px) {
      .voice-sl-img {
        width: 53.6vw;
        margin-right: 0;
        margin-bottom: 4vw; } }
    .voice-sl-img img {
      position: absolute;
      left: 0;
      top: -32px;
      width: 100%;
      height: 232px;
      object-fit: cover;
      object-position: center;
      font-family: "object-fit: cover; object-position: center;"; }
      @media screen and (max-width: 1300px) {
        .voice-sl-img img {
          height: 17.8461538462vw;
          top: -2.4615384615vw; } }
      @media screen and (max-width: 480px) {
        .voice-sl-img img {
          height: 40.2666666667vw;
          top: -4.8vw; } }
  .voice-sl-tx {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    white-space: nowrap; }
    @media screen and (max-width: 480px) {
      .voice-sl-tx {
        width: 100%;
        padding-top: 34.6666666667vw;
        white-space: wrap; } }
    .voice-sl-tx .ttl {
      font-size: 20px;
      line-height: 1.7;
      color: #0F478B;
      margin-bottom: 20px; }
      @media screen and (max-width: 1300px) {
        .voice-sl-tx .ttl {
          font-size: 1.5384615385vw; } }
      @media screen and (max-width: 480px) {
        .voice-sl-tx .ttl {
          font-size: 4.7407386667vw; } }
      @media screen and (max-width: 1300px) {
        .voice-sl-tx .ttl {
          margin-bottom: 1.5384615385vw; } }
      @media screen and (max-width: 480px) {
        .voice-sl-tx .ttl {
          margin-bottom: 2.6666666667vw; } }
      @media screen and (max-width: 480px) {
        .voice-sl-tx .ttl {
          font-size: 4.8vw; } }
    .voice-sl-tx .name {
      font-size: 18px;
      line-height: 1.7; }
      @media screen and (max-width: 1300px) {
        .voice-sl-tx .name {
          font-size: 1.3846153846vw; } }
      @media screen and (max-width: 480px) {
        .voice-sl-tx .name {
          font-size: 4.2666648vw; } }
      @media screen and (max-width: 480px) {
        .voice-sl-tx .name {
          font-size: 4.2666666667vw; } }
  .voice-sl-more {
    position: absolute;
    right: 26px;
    bottom: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 280px;
    color: #5B98D2; }
    @media screen and (max-width: 1300px) {
      .voice-sl-more {
        width: 21.5384615385vw;
        right: 2vw;
        bottom: 1.3846153846vw; } }
    @media screen and (max-width: 480px) {
      .voice-sl-more {
        position: relative;
        right: auto;
        bottom: auto;
        margin-top: 40px;
        width: 60vw; } }
  @media screen and (max-width: 480px) and (max-width: 1300px) {
    .voice-sl-more {
      margin-top: 3.0769230769vw; } }
  @media screen and (max-width: 480px) and (max-width: 480px) {
    .voice-sl-more {
      margin-top: 5.3333333333vw; } }

    .voice-sl-more .en {
      font-size: 28px;
      font-family: "Roboto Condensed", sans-serif;
      font-optical-sizing: auto;
      font-weight: 800;
      font-style: italic;
      letter-spacing: .05em; }
      @media screen and (max-width: 1300px) {
        .voice-sl-more .en {
          font-size: 2.1538461538vw; } }
      @media screen and (max-width: 480px) {
        .voice-sl-more .en {
          font-size: 6.6370341333vw; } }
      @media screen and (max-width: 480px) {
        .voice-sl-more .en {
          font-size: 6.6666666667vw; } }
    .voice-sl-more .ja {
      font-size: 16px; }
      @media screen and (max-width: 1300px) {
        .voice-sl-more .ja {
          font-size: 1.2307692308vw; } }
      @media screen and (max-width: 480px) {
        .voice-sl-more .ja {
          font-size: 3.7925909333vw; } }
      @media screen and (max-width: 480px) {
        .voice-sl-more .ja {
          font-size: 3.7333333333vw; } }
    .voice-sl-more .arw {
      width: 10px; }
      @media screen and (max-width: 1300px) {
        .voice-sl-more .arw {
          width: 0.7692307692vw; } }
      @media screen and (max-width: 480px) {
        .voice-sl-more .arw {
          width: 2.4vw; } }
  .voice .voicesl-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 28px;
    margin-top: 32px; }
    @media screen and (max-width: 1300px) {
      .voice .voicesl-pagination {
        margin-top: 2.4615384615vw; } }
    @media screen and (max-width: 480px) {
      .voice .voicesl-pagination {
        margin-top: 4.2666666667vw; } }
    @media screen and (max-width: 1300px) {
      .voice .voicesl-pagination {
        gap: 2.1538461538vw; } }
    @media screen and (max-width: 480px) {
      .voice .voicesl-pagination {
        gap: 6.6666666667vw; } }
    .voice .voicesl-pagination .swiper-pagination-bullet {
      width: 12px;
      height: 12px;
      margin: 0;
      background-color: #DEEAF6;
      opacity: 1; }
      @media screen and (max-width: 1300px) {
        .voice .voicesl-pagination .swiper-pagination-bullet {
          width: 0.9230769231vw;
          height: 0.9230769231vw; } }
      @media screen and (max-width: 480px) {
        .voice .voicesl-pagination .swiper-pagination-bullet {
          width: 2.9333333333vw;
          height: 2.9333333333vw; } }
      .voice .voicesl-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background-color: #5B98D2; }
  .voice .tp-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 80px; }
    @media screen and (max-width: 1300px) {
      .voice .tp-btn {
        margin-top: 6.1538461538vw; } }
    @media screen and (max-width: 480px) {
      .voice .tp-btn {
        margin-top: 10.6666666667vw; } }

/* information
---------------------------------------------------------------------------*/
.info {
  margin-top: -250px;
  margin-bottom: 120px; }
  @media screen and (max-width: 1300px) {
    .info {
      margin-bottom: 9.2307692308vw; } }
  @media screen and (max-width: 480px) {
    .info {
      margin-bottom: 16vw; } }
  @media screen and (max-width: 1300px) {
    .info {
      margin-top: -19.2307692308vw; } }
  @media screen and (max-width: 480px) {
    .info {
      margin-top: -78.9333333333vw; } }
  .info-wrap {
    /* 1280 */
    width: 1280px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    height: 480px; }
    @media screen and (max-width: 1300px) {
      .info-wrap {
        width: 98.4615384615vw; } }
    @media screen and (max-width: 480px) {
      .info-wrap {
        width: 93.3333333333vw; } }
    @media screen and (max-width: 1300px) {
      .info-wrap {
        height: 36.9230769231vw; } }
    @media screen and (max-width: 480px) {
      .info-wrap {
        width: 93.3333333333vw;
        margin: 0 0 0 auto;
        height: auto; } }
  .info-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: absolute;
    width: calc(50% + 50vw);
    height: 100%;
    left: 0;
    top: 0;
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
    background-image: url(../img/top/information-bg.png);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-color: #3F6CA2;
    padding: 80px 0 80px 100px;
    color: #ffffff; }
    @media screen and (max-width: 1300px) {
      .info-body {
        border-top-left-radius: 0.9230769231vw;
        border-bottom-left-radius: 0.9230769231vw;
        padding: 6.1538461538vw 0 6.1538461538vw 7.6923076923vw; } }
    @media screen and (max-width: 480px) {
      .info-body {
        position: relative;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
        height: 100%;
        border-top-left-radius: 3.2vw;
        border-bottom-left-radius: 3.2vw;
        padding: 8.5333333333vw 0 23.7333333333vw 8.5333333333vw;
        background-size: 64vw auto;
        background-position: center top; } }
    .info-body-tx {
      width: 318px; }
      @media screen and (max-width: 1300px) {
        .info-body-tx {
          width: 24.4615384615vw; } }
      @media screen and (max-width: 480px) {
        .info-body-tx {
          width: 100%; } }
      .info-body-tx .en {
        font-family: "Roboto Condensed", sans-serif;
        font-optical-sizing: auto;
        font-weight: 800;
        font-style: italic;
        letter-spacing: .05em;
        font-size: 40px;
        margin-bottom: 38px; }
        @media screen and (max-width: 1300px) {
          .info-body-tx .en {
            font-size: 3.0769230769vw; } }
        @media screen and (max-width: 480px) {
          .info-body-tx .en {
            font-size: 9.4814773333vw; } }
        @media screen and (max-width: 1300px) {
          .info-body-tx .en {
            margin-bottom: 2.9230769231vw; } }
        @media screen and (max-width: 480px) {
          .info-body-tx .en {
            margin-bottom: 5.0666666667vw; } }
        @media screen and (max-width: 480px) {
          .info-body-tx .en {
            font-size: 9.6vw; } }
      .info-body-tx .catch {
        font-size: 20px;
        line-height: 1.6;
        margin-bottom: 38px; }
        @media screen and (max-width: 1300px) {
          .info-body-tx .catch {
            font-size: 1.5384615385vw; } }
        @media screen and (max-width: 480px) {
          .info-body-tx .catch {
            font-size: 4.7407386667vw; } }
        @media screen and (max-width: 1300px) {
          .info-body-tx .catch {
            margin-bottom: 2.9230769231vw; } }
        @media screen and (max-width: 480px) {
          .info-body-tx .catch {
            margin-bottom: 5.0666666667vw; } }
        @media screen and (max-width: 480px) {
          .info-body-tx .catch {
            font-size: 4.8vw;
            margin-bottom: 54px; } }
  @media screen and (max-width: 480px) and (max-width: 1300px) {
    .info-body-tx .catch {
      margin-bottom: 4.1538461538vw; } }
  @media screen and (max-width: 480px) and (max-width: 480px) {
    .info-body-tx .catch {
      margin-bottom: 7.2vw; } }

      @media screen and (max-width: 480px) {
        .info-body-tx .btn {
          position: absolute;
          right: 8.5333333333vw;
          bottom: 8.5333333333vw; } }
      .info-body-tx .btn a {
        display: inline-block;
        padding-right: 35px;
        position: relative;
        margin-bottom: 48px; }
        @media screen and (max-width: 1300px) {
          .info-body-tx .btn a {
            margin-bottom: 3.6923076923vw; } }
        @media screen and (max-width: 480px) {
          .info-body-tx .btn a {
            margin-bottom: 6.4vw; } }
        @media screen and (max-width: 1300px) {
          .info-body-tx .btn a {
            padding-right: 2.6923076923vw; } }
        @media screen and (max-width: 480px) {
          .info-body-tx .btn a {
            padding-right: 8.2666666667vw;
            margin-bottom: 0; } }
        .info-body-tx .btn a::after {
          position: absolute;
          content: "";
          background-repeat: no-repeat;
          background-position: center;
          background-size: contain;
          width: 10px;
          height: 20px;
          background-image: url(../img/cmn/btn-arw-right-white.png);
          right: 0;
          top: 50%;
          transform: translateY(-50%); }
          @media screen and (max-width: 1300px) {
            .info-body-tx .btn a::after {
              width: 0.7692307692vw;
              height: 1.5384615385vw; } }
          @media screen and (max-width: 480px) {
            .info-body-tx .btn a::after {
              width: 2.4vw;
              height: 4.8vw; } }
      .info-body-tx ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 58px; }
        @media screen and (max-width: 1300px) {
          .info-body-tx ul {
            width: 4.4615384615vw; } }
        @media screen and (max-width: 480px) {
          .info-body-tx ul {
            position: absolute;
            left: 8.5333333333vw;
            bottom: 8.5333333333vw;
            width: 13.8666666667vw; } }
      .info-body-tx .infosl-prev,
      .info-body-tx .infosl-next {
        width: 18px;
        height: 30px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        transition-property: all;
        transition-duration: 0.3s;
        transition-timing-function: ease; }
        @media screen and (max-width: 1300px) {
          .info-body-tx .infosl-prev,
          .info-body-tx .infosl-next {
            width: 1.3846153846vw;
            height: 2.3076923077vw; } }
        @media screen and (max-width: 480px) {
          .info-body-tx .infosl-prev,
          .info-body-tx .infosl-next {
            width: 4.5333333333vw;
            height: 7.4666666667vw; } }
        @media (hover: hover) {
          .info-body-tx .infosl-prev:hover,
          .info-body-tx .infosl-next:hover {
            opacity: .5;
            cursor: pointer; } }
      .info-body-tx .infosl-prev {
        background-image: url(../img/top/information-arw-left.png); }
      .info-body-tx .infosl-next {
        background-image: url(../img/top/information-arw-right.png); }
    .info-body-sl {
      width: calc(100% - 318px);
      overflow: hidden; }
      @media screen and (max-width: 1300px) {
        .info-body-sl {
          width: calc(100% - 24.46153vw); } }
      @media screen and (max-width: 480px) {
        .info-body-sl {
          width: 85.0666666667vw; } }
      .info-body-sl-wrap {
        width: 270px; }
        @media screen and (max-width: 1300px) {
          .info-body-sl-wrap {
            width: 20.7692307692vw; } }
        @media screen and (max-width: 480px) {
          .info-body-sl-wrap {
            width: 68.2666666667vw; } }
      .info-body-sl-item {
        display: block;
        width: 240px; }
        @media screen and (max-width: 1300px) {
          .info-body-sl-item {
            width: 18.4615384615vw; } }
        @media screen and (max-width: 480px) {
          .info-body-sl-item {
            width: 57.6vw; } }
        .info-body-sl-item .img {
          margin-bottom: 18px; }
          @media screen and (max-width: 1300px) {
            .info-body-sl-item .img {
              margin-bottom: 1.3846153846vw; } }
          @media screen and (max-width: 480px) {
            .info-body-sl-item .img {
              margin-bottom: 2.4vw; } }
          .info-body-sl-item .img img {
            width: 100%;
            height: 160px; }
            @media screen and (max-width: 1300px) {
              .info-body-sl-item .img img {
                height: 12.3076923077vw; } }
            @media screen and (max-width: 480px) {
              .info-body-sl-item .img img {
                height: 38.6666666667vw; } }
        .info-body-sl-item .bd {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: justify;
          -ms-flex-pack: justify;
          justify-content: space-between; }
          .info-body-sl-item .bd .date {
            font-family: "Roboto Condensed", sans-serif;
            font-optical-sizing: auto;
            font-weight: 800;
            font-style: italic;
            letter-spacing: .05em;
            font-size: 20px;
            color: #ADCBE8; }
            @media screen and (max-width: 1300px) {
              .info-body-sl-item .bd .date {
                font-size: 1.5384615385vw; } }
            @media screen and (max-width: 480px) {
              .info-body-sl-item .bd .date {
                font-size: 4.7407386667vw; } }
            @media screen and (max-width: 480px) {
              .info-body-sl-item .bd .date {
                font-size: 4.8vw; } }
          .info-body-sl-item .bd .cat {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            color: #ffffff;
            background-color: #121B38;
            padding: 0 1em;
            height: 24px;
            border-radius: 12px;
            font-size: 14px; }
            @media screen and (max-width: 1300px) {
              .info-body-sl-item .bd .cat {
                border-radius: 0.9230769231vw; } }
            @media screen and (max-width: 480px) {
              .info-body-sl-item .bd .cat {
                border-radius: 3.2vw; } }
            @media screen and (max-width: 1300px) {
              .info-body-sl-item .bd .cat {
                font-size: 1.0769230769vw; } }
            @media screen and (max-width: 480px) {
              .info-body-sl-item .bd .cat {
                font-size: 3.3185170667vw; } }
            @media screen and (max-width: 1300px) {
              .info-body-sl-item .bd .cat {
                height: 1.8461538462vw; } }
            @media screen and (max-width: 480px) {
              .info-body-sl-item .bd .cat {
                height: 4.2666666667vw; } }
            .info-body-sl-item .bd .cat.column {
              background-color: #0F478B; }
          .info-body-sl-item .bd .ttl {
            width: 100%;
            margin-top: 16px;
            font-size: 18px;
            line-height: 1.88; }
            @media screen and (max-width: 1300px) {
              .info-body-sl-item .bd .ttl {
                margin-top: 1.2307692308vw; } }
            @media screen and (max-width: 480px) {
              .info-body-sl-item .bd .ttl {
                margin-top: 2.1333333333vw; } }
            @media screen and (max-width: 1300px) {
              .info-body-sl-item .bd .ttl {
                font-size: 1.3846153846vw; } }
            @media screen and (max-width: 480px) {
              .info-body-sl-item .bd .ttl {
                font-size: 4.2666648vw; } }
            @media screen and (max-width: 480px) {
              .info-body-sl-item .bd .ttl {
                font-size: 4.2666666667vw; } }

/* faq2recruit
---------------------------------------------------------------------------*/
.faq2recruit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  color: #ffffff; }
  @media screen and (max-width: 480px) {
    .faq2recruit {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      padding-bottom: 7.2vw; } }
  .faq2recruit > * {
    width: 50%;
    position: relative; }
    @media screen and (max-width: 480px) {
      .faq2recruit > * {
        width: 100%; } }
  .faq2recruit-img {
    width: calc(100% - 155px); }
    @media screen and (max-width: 1300px) {
      .faq2recruit-img {
        width: calc(100% - 12vw); } }
    @media screen and (max-width: 480px) {
      .faq2recruit-img {
        width: 94vw; } }
    .faq2recruit-img img {
      width: 100%;
      height: 496px;
      object-fit: cover;
      object-position: center;
      font-family: "object-fit: cover; object-position: center;"; }
      @media screen and (max-width: 1300px) {
        .faq2recruit-img img {
          height: 38.1538461538vw; } }
      @media screen and (max-width: 480px) {
        .faq2recruit-img img {
          height: 54.4vw; } }
  .faq2recruit-tx {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 256px;
    height: 366px;
    background-image: url(../img/top/information-bg.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center;
    background-color: #3F6CA2;
    text-align: center;
    border-radius: 12px; }
    @media screen and (max-width: 1300px) {
      .faq2recruit-tx {
        border-radius: 0.9230769231vw; } }
    @media screen and (max-width: 480px) {
      .faq2recruit-tx {
        border-radius: 3.2vw; } }
    @media screen and (max-width: 1300px) {
      .faq2recruit-tx {
        width: 19.6923076923vw;
        height: 28.1538461538vw; } }
    @media screen and (max-width: 480px) {
      .faq2recruit-tx {
        background-size: 47.2vw auto;
        width: 87.4666666667vw;
        height: 22.1333333333vw;
        top: auto;
        bottom: -7.2vw;
        transform: translateY(0);
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        text-align: left;
        padding-left: 7.4666666667vw; } }
    @media (hover: hover) {
      .faq2recruit-tx:hover {
        opacity: 1; }
        .faq2recruit-tx:hover .ttl, .faq2recruit-tx:hover .tp-hdl, .faq2recruit-tx:hover .more {
          opacity: .6; } }
    .faq2recruit-tx .ttl, .faq2recruit-tx .tp-hdl, .faq2recruit-tx .more {
      transition-property: all;
      transition-duration: 0.3s;
      transition-timing-function: ease; }
    .faq2recruit-tx .ttl {
      font-family: "Roboto Condensed", sans-serif;
      font-optical-sizing: auto;
      font-weight: 800;
      font-style: italic;
      letter-spacing: .05em;
      font-size: 40px;
      margin-bottom: 38px; }
      @media screen and (max-width: 1300px) {
        .faq2recruit-tx .ttl {
          font-size: 3.0769230769vw; } }
      @media screen and (max-width: 480px) {
        .faq2recruit-tx .ttl {
          font-size: 9.4814773333vw; } }
      @media screen and (max-width: 1300px) {
        .faq2recruit-tx .ttl {
          margin-bottom: 2.9230769231vw; } }
      @media screen and (max-width: 480px) {
        .faq2recruit-tx .ttl {
          margin-bottom: 5.0666666667vw; } }
      @media screen and (max-width: 480px) {
        .faq2recruit-tx .ttl {
          font-size: 7.4666666667vw;
          margin-bottom: 0; } }
    .faq2recruit-tx .tp-hdl {
      margin-bottom: 64px; }
      @media screen and (max-width: 1300px) {
        .faq2recruit-tx .tp-hdl {
          margin-bottom: 4.9230769231vw; } }
      @media screen and (max-width: 480px) {
        .faq2recruit-tx .tp-hdl {
          margin-bottom: 8.5333333333vw; } }
      @media screen and (max-width: 480px) {
        .faq2recruit-tx .tp-hdl {
          margin-bottom: 0; } }
    @media screen and (max-width: 480px) {
      .faq2recruit-tx .more {
        position: absolute;
        right: 5.8666666667vw;
        top: 50%;
        transform: translateY(-50%); } }
    .faq2recruit-tx .more span {
      display: inline-block;
      padding-right: 35px;
      position: relative;
      margin-bottom: 48px; }
      @media screen and (max-width: 1300px) {
        .faq2recruit-tx .more span {
          margin-bottom: 3.6923076923vw; } }
      @media screen and (max-width: 480px) {
        .faq2recruit-tx .more span {
          margin-bottom: 6.4vw; } }
      @media screen and (max-width: 1300px) {
        .faq2recruit-tx .more span {
          padding-right: 2.6923076923vw; } }
      @media screen and (max-width: 480px) {
        .faq2recruit-tx .more span {
          padding-right: 8.2666666667vw;
          margin-bottom: 0; } }
      .faq2recruit-tx .more span::after {
        position: absolute;
        content: "";
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        width: 10px;
        height: 20px;
        background-image: url(../img/cmn/btn-arw-right-white.png);
        right: 0;
        top: 50%;
        transform: translateY(-50%); }
        @media screen and (max-width: 1300px) {
          .faq2recruit-tx .more span::after {
            width: 0.7692307692vw;
            height: 1.5384615385vw; } }
        @media screen and (max-width: 480px) {
          .faq2recruit-tx .more span::after {
            width: 2.4vw;
            height: 4.8vw; } }

/* faq
---------------------------------------------------------------------------*/
@media screen and (max-width: 480px) {
  .faq {
    margin-bottom: 10.6666666667vw; } }
.faq .faq2recruit-img {
  margin: 0 auto 0 0; }
  .faq .faq2recruit-img img {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    object-fit: cover;
    object-position: right;
    font-family: "object-fit: cover; object-position: center;"; }
    @media screen and (max-width: 1300px) {
      .faq .faq2recruit-img img {
        border-top-right-radius: 0.9230769231vw;
        border-bottom-right-radius: 0.9230769231vw; } }
    @media screen and (max-width: 480px) {
      .faq .faq2recruit-img img {
        border-top-right-radius: 3.2vw;
        border-bottom-right-radius: 3.2vw; } }
.faq .faq2recruit-tx {
  right: 14px; }
  @media screen and (max-width: 1300px) {
    .faq .faq2recruit-tx {
      right: 1.0769230769vw; } }
  @media screen and (max-width: 480px) {
    .faq .faq2recruit-tx {
      right: 0;
      border-top-right-radius: 0;
      border-bottom-right-radius: 0; } }

/* recruit
---------------------------------------------------------------------------*/
.recruit .faq2recruit-img {
  margin: 0 0 0 auto; }
  .recruit .faq2recruit-img img {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
    object-fit: cover;
    object-position: left;
    font-family: "object-fit: cover; object-position: center;"; }
    @media screen and (max-width: 1300px) {
      .recruit .faq2recruit-img img {
        border-top-left-radius: 0.9230769231vw;
        border-bottom-left-radius: 0.9230769231vw; } }
    @media screen and (max-width: 480px) {
      .recruit .faq2recruit-img img {
        border-top-left-radius: 3.2vw;
        border-bottom-left-radius: 3.2vw; } }
.recruit .faq2recruit-tx {
  left: 14px; }
  @media screen and (max-width: 1300px) {
    .recruit .faq2recruit-tx {
      left: 1.0769230769vw; } }
  @media screen and (max-width: 480px) {
    .recruit .faq2recruit-tx {
      left: 0;
      border-top-left-radius: 0;
      border-bottom-left-radius: 0; } }