/* line 2, ../scss/components/pages/_system.scss */
.u-flex {
  flex-wrap: nowrap; }

/* line 6, ../scss/components/pages/_system.scss */
.SystemBg {
  background: url(../img/system/system_mv_01_l.jpg) center top no-repeat;
  background-size: 1620px auto;
  padding: 163px 0 146px; }
  @media screen and (min-width: 641px) and (max-width: 939px) {
    /* line 6, ../scss/components/pages/_system.scss */
    .SystemBg {
      padding: 16.7vw 0 14.7vw; } }
  @media screen and (max-width: 640px) {
    /* line 6, ../scss/components/pages/_system.scss */
    .SystemBg {
      background: url(../img/system/system_mv_01_sp.jpg) center top no-repeat;
      background-size: 100% auto;
      padding: 18vw 0 18.3vw; } }
  /* line 18, ../scss/components/pages/_system.scss */
  .SystemBg--02 {
    background: url(../img/system/system_bg_01_l.jpg) center top no-repeat;
    background-size: cover;
    padding: 118px 0 95px; }
    @media screen and (min-width: 641px) and (max-width: 939px) {
      /* line 18, ../scss/components/pages/_system.scss */
      .SystemBg--02 {
        padding: 11.8vw 0 9.5vw; } }
    @media screen and (max-width: 640px) {
      /* line 18, ../scss/components/pages/_system.scss */
      .SystemBg--02 {
        background: url(../img/system/system_bg_01_sp.jpg) center top no-repeat;
        background-size: cover;
        padding: 13.5vw 0 13vw; } }
  /* line 31, ../scss/components/pages/_system.scss */
  .SystemBg--03 {
    background: #231815;
    padding: 168px 0 146px; }
    @media screen and (min-width: 641px) and (max-width: 939px) {
      /* line 31, ../scss/components/pages/_system.scss */
      .SystemBg--03 {
        padding: 16.8vw 0 14.6vw; } }
    @media screen and (max-width: 640px) {
      /* line 31, ../scss/components/pages/_system.scss */
      .SystemBg--03 {
        padding: 18.4vw 2vw 16vw;
        overflow: hidden; } }
  /* line 43, ../scss/components/pages/_system.scss */
  .SystemBg__ttl {
    filter: brightness(90%) contrast(150%);
    mix-blend-mode: overlay;
    width: 95.9%;
    margin: 0 auto 2.1%;
    padding: 0 0 0 2.5%; }
    @media screen and (max-width: 640px) {
      /* line 43, ../scss/components/pages/_system.scss */
      .SystemBg__ttl {
        width: 95.9%;
        margin: 0 auto 2.4vw;
        padding: 0 1.2% 0 0; } }
  /* line 55, ../scss/components/pages/_system.scss */
  .SystemBg__text {
    font-size: 2.875rem;
    text-align: center;
    color: #fff;
    font-weight: bold;
    margin: 0 0 3%; }
    @media screen and (min-width: 641px) and (max-width: 939px) {
      /* line 55, ../scss/components/pages/_system.scss */
      .SystemBg__text {
        font-size: 4.9vw; } }
    @media screen and (max-width: 640px) {
      /* line 55, ../scss/components/pages/_system.scss */
      .SystemBg__text {
        font-size: 4.6vw;
        padding: 0 4.7% 0 0;
        margin: 0 0 5%; } }
  @media screen and (max-width: 640px) {
    /* line 70, ../scss/components/pages/_system.scss */
    .SystemBg__img {
      width: 97%;
      margin: 0 auto;
      padding: 0 2% 0 0; } }
/* line 80, ../scss/components/pages/_system.scss */
.SystemMvArea__ttl {
  padding: 0 1.3% 0 1.7%;
  width: 63.6%;
  margin: 0 auto; }
  @media screen and (max-width: 640px) {
    /* line 80, ../scss/components/pages/_system.scss */
    .SystemMvArea__ttl {
      padding: 0 1.4% 0 5.7%;
      width: 55.6%;
      margin: 0 auto; } }
/* line 92, ../scss/components/pages/_system.scss */
.SystemContent {
  padding-top: 106px; }
  @media screen and (min-width: 641px) and (max-width: 939px) {
    /* line 92, ../scss/components/pages/_system.scss */
    .SystemContent {
      padding-top: 10vw; } }
  @media screen and (max-width: 640px) {
    /* line 92, ../scss/components/pages/_system.scss */
    .SystemContent {
      padding-top: 9.2vw;
      padding-left: 6.6%;
      padding-right: 5.7%; } }
  /* line 102, ../scss/components/pages/_system.scss */
  .SystemContent__ttl {
    font-size: 4.5625rem;
    text-align: center;
    letter-spacing: 0.1rem;
    line-height: 1;
    margin: 0 0 1.6%;
    padding: 0 0 0 1%; }
    @media screen and (min-width: 641px) and (max-width: 939px) {
      /* line 102, ../scss/components/pages/_system.scss */
      .SystemContent__ttl {
        font-size: 7.3vw; } }
    @media screen and (max-width: 640px) {
      /* line 102, ../scss/components/pages/_system.scss */
      .SystemContent__ttl {
        font-size: 9.1vw;
        padding: 0 2% 0 0;
        line-height: 1.25;
        margin: 0 0 2.6%; } }
    /* line 118, ../scss/components/pages/_system.scss */
    .SystemContent__ttl--size01 {
      font-size: 3.8125rem; }
      @media screen and (min-width: 641px) and (max-width: 939px) {
        /* line 118, ../scss/components/pages/_system.scss */
        .SystemContent__ttl--size01 {
          font-size: 6.1vw; } }
      @media screen and (max-width: 640px) {
        /* line 118, ../scss/components/pages/_system.scss */
        .SystemContent__ttl--size01 {
          font-size: 7.1vw; } }
    /* line 127, ../scss/components/pages/_system.scss */
    .SystemContent__ttl--size02 {
      letter-spacing: -.2rem; }
/* line 132, ../scss/components/pages/_system.scss */
.SystemSection {
  border: #231815 1px solid;
  margin: 0 0 10.4%; }
  @media screen and (max-width: 640px) {
    /* line 132, ../scss/components/pages/_system.scss */
    .SystemSection {
      margin: 0 4.8% 13.2% 2%; } }
  /* line 138, ../scss/components/pages/_system.scss */
  .SystemSection__ttl {
    background: #040000;
    padding: 3.3% 3.3% 2.5%;
    color: #fff;
    justify-content: flex-start;
    position: relative; }
    @media screen and (max-width: 640px) {
      /* line 138, ../scss/components/pages/_system.scss */
      .SystemSection__ttl {
        display: block;
        position: relative;
        padding: 1.3% 3.3% 6.5%;
        text-align: center; } }
    /* line 150, ../scss/components/pages/_system.scss */
    .SystemSection__ttl--text {
      flex: 0 1 83.7%;
      padding: 0 0 0 2.6%; }
    /* line 154, ../scss/components/pages/_system.scss */
    .SystemSection__ttl--img {
      flex: 0 1 16.3%; }
      @media screen and (max-width: 640px) {
        /* line 154, ../scss/components/pages/_system.scss */
        .SystemSection__ttl--img {
          position: absolute;
          width: 24.3vw;
          left: -3.4vw;
          top: -5.2vw; } }
    /* line 163, ../scss/components/pages/_system.scss */
    .SystemSection__ttl--small {
      font-size: 1.6875rem;
      display: block;
      font-weight: 500;
      margin: 0 0 2.5%; }
      @media screen and (min-width: 641px) and (max-width: 939px) {
        /* line 163, ../scss/components/pages/_system.scss */
        .SystemSection__ttl--small {
          font-size: 2.7vw; } }
      @media screen and (max-width: 640px) {
        /* line 163, ../scss/components/pages/_system.scss */
        .SystemSection__ttl--small {
          font-size: 3.6vw;
          text-align: center;
          margin: 0 0 3.5%;
          font-weight: normal; } }
    /* line 178, ../scss/components/pages/_system.scss */
    .SystemSection__ttl--large {
      font-size: 4.5625rem; }
      @media screen and (min-width: 641px) and (max-width: 939px) {
        /* line 178, ../scss/components/pages/_system.scss */
        .SystemSection__ttl--large {
          font-size: 7.3vw; } }
      @media screen and (max-width: 640px) {
        /* line 178, ../scss/components/pages/_system.scss */
        .SystemSection__ttl--large {
          font-size: 8.5vw; } }
      /* line 186, ../scss/components/pages/_system.scss */
      .SystemSection__ttl--large02 {
        font-size: 3.8125rem; }
        @media screen and (min-width: 641px) and (max-width: 939px) {
          /* line 186, ../scss/components/pages/_system.scss */
          .SystemSection__ttl--large02 {
            font-size: 6.1vw; } }
        @media screen and (max-width: 640px) {
          /* line 186, ../scss/components/pages/_system.scss */
          .SystemSection__ttl--large02 {
            font-size: 8.5vw; } }
      /* line 195, ../scss/components/pages/_system.scss */
      .SystemSection__ttl--large03 {
        letter-spacing: -0.6rem; }
        @media screen and (max-width: 640px) {
          /* line 195, ../scss/components/pages/_system.scss */
          .SystemSection__ttl--large03 {
            letter-spacing: -0.2rem; } }
    /* line 202, ../scss/components/pages/_system.scss */
    .SystemSection__ttl--icon {
      position: absolute;
      width: 18.6%;
      top: 50%;
      right: 11%;
      margin: -12% 0 0; }
      @media screen and (max-width: 1000px) {
        /* line 202, ../scss/components/pages/_system.scss */
        .SystemSection__ttl--icon {
          right: 7vw; } }
      @media screen and (max-width: 640px) {
        /* line 202, ../scss/components/pages/_system.scss */
        .SystemSection__ttl--icon {
          right: -4vw;
          top: 5vw;
          width: 23.1vw; } }
  /* line 218, ../scss/components/pages/_system.scss */
  .SystemSection02 {
    border: none; }
    /* line 220, ../scss/components/pages/_system.scss */
    .SystemSection02__ttl {
      background: none;
      letter-spacing: -0.06rem;
      padding: 0;
      color: #040000;
      font-size: 3.0625rem;
      text-align: center;
      position: relative;
      padding: 0 1.7% 0 0;
      line-height: 1.5;
      margin: 0 0 2.9%; }
      @media screen and (max-width: 960px) {
        /* line 220, ../scss/components/pages/_system.scss */
        .SystemSection02__ttl {
          white-space: nowrap; } }
      @media screen and (min-width: 641px) and (max-width: 939px) {
        /* line 220, ../scss/components/pages/_system.scss */
        .SystemSection02__ttl {
          padding: 0;
          font-size: 4.9vw; } }
      @media screen and (max-width: 640px) {
        /* line 220, ../scss/components/pages/_system.scss */
        .SystemSection02__ttl {
          font-size: 6.3vw;
          white-space: normal;
          padding: 0;
          line-height: 1.9;
          margin: 0 0 4.1%; } }
      /* line 245, ../scss/components/pages/_system.scss */
      .SystemSection02__ttl--size01 {
        font-size: 4.25rem;
        letter-spacing: -0.1rem; }
        @media screen and (min-width: 641px) and (max-width: 939px) {
          /* line 245, ../scss/components/pages/_system.scss */
          .SystemSection02__ttl--size01 {
            font-size: 6.8vw; } }
        @media screen and (max-width: 640px) {
          /* line 245, ../scss/components/pages/_system.scss */
          .SystemSection02__ttl--size01 {
            font-size: 9vw; } }
      /* line 255, ../scss/components/pages/_system.scss */
      .SystemSection02__ttl::before, .SystemSection02__ttl::after {
        content: "";
        background-size: 100% 100%;
        width: 35px;
        height: 44px;
        display: inline-block;
        margin: 0 2.6% 0 4.3%;
        vertical-align: middle; }
        @media screen and (min-width: 641px) and (max-width: 939px) {
          /* line 255, ../scss/components/pages/_system.scss */
          .SystemSection02__ttl::before, .SystemSection02__ttl::after {
            width: 3.5vw;
            height: 4.4vw; } }
        @media screen and (max-width: 640px) {
          /* line 255, ../scss/components/pages/_system.scss */
          .SystemSection02__ttl::before, .SystemSection02__ttl::after {
            position: absolute;
            bottom: 3vw;
            left: 2.7vw;
            width: 6.5vw;
            height: 8.4vw; } }
      /* line 276, ../scss/components/pages/_system.scss */
      .SystemSection02__ttl::before {
        background-image: url(../img/system/system_border_01_pc.svg); }
        @media screen and (max-width: 640px) {
          /* line 276, ../scss/components/pages/_system.scss */
          .SystemSection02__ttl::before {
            left: 2.8vw; } }
      /* line 282, ../scss/components/pages/_system.scss */
      .SystemSection02__ttl::after {
        background-image: url(../img/system/system_border_02_pc.svg); }
        @media screen and (max-width: 640px) {
          /* line 282, ../scss/components/pages/_system.scss */
          .SystemSection02__ttl::after {
            right: 4.7vw;
            left: auto;
            width: 6.5vw;
            height: 8.4vw; } }
  @media screen and (max-width: 640px) {
    /* line 293, ../scss/components/pages/_system.scss */
    .SystemSection03 {
      margin: 0 4.8% 10.2% 2%; }
      /* line 296, ../scss/components/pages/_system.scss */
      .SystemSection03__ttl {
        text-align: left;
        padding: 1.3% 6.6% 6.5%; }
        /* line 299, ../scss/components/pages/_system.scss */
        .SystemSection03__ttl--small {
          font-size: 3.6vw;
          text-align: left;
          margin: 0 0 1.3vw 12vw;
          font-weight: normal; } }
/* line 309, ../scss/components/pages/_system.scss */
.System2Col {
  padding: 6.1% 5.1% 5%; }
  @media screen and (max-width: 640px) {
    /* line 309, ../scss/components/pages/_system.scss */
    .System2Col {
      display: block;
      padding: 7.6% 6.5% 9.6% 5.7%; } }
  /* line 315, ../scss/components/pages/_system.scss */
  .System2Col--02 {
    padding: 0 0 0 3.8%;
    justify-content: flex-start;
    align-items: center;
    margin: 0 0 3.3%; }
    @media screen and (max-width: 640px) {
      /* line 315, ../scss/components/pages/_system.scss */
      .System2Col--02 {
        display: flex;
        width: 87%;
        margin: 0 auto 8.4%;
        padding: 0; } }
  /* line 327, ../scss/components/pages/_system.scss */
  .System2Col--03 {
    padding: 5.1% 5.1% 5%; }
    @media screen and (max-width: 640px) {
      /* line 327, ../scss/components/pages/_system.scss */
      .System2Col--03 {
        padding: 8.4% 4.5% 7% 5.1%; } }
  /* line 333, ../scss/components/pages/_system.scss */
  .System2Col--04, .System2Col--05 {
    padding: 0;
    justify-content: flex-start;
    align-items: center;
    margin: 0 0 41px; }
    @media screen and (min-width: 641px) and (max-width: 939px) {
      /* line 333, ../scss/components/pages/_system.scss */
      .System2Col--04, .System2Col--05 {
        margin: 0 0 4.1vw; } }
    @media screen and (max-width: 640px) {
      /* line 333, ../scss/components/pages/_system.scss */
      .System2Col--04, .System2Col--05 {
        display: flex;
        margin: 0 0 8.6vw; } }
  /* line 347, ../scss/components/pages/_system.scss */
  .System2Col--05 {
    margin: 0 0 22px; }
    @media screen and (max-width: 640px) {
      /* line 347, ../scss/components/pages/_system.scss */
      .System2Col--05 {
        margin: 0 0 2.8vw; } }
  /* line 354, ../scss/components/pages/_system.scss */
  .System2Col__item--01 {
    flex: 0 1 45.4%; }
    @media screen and (max-width: 640px) {
      /* line 354, ../scss/components/pages/_system.scss */
      .System2Col__item--01 {
        margin: 0 0 6%; } }
  /* line 360, ../scss/components/pages/_system.scss */
  .System2Col__item--02 {
    flex: 0 1 50%;
    padding: 6% 0 0; }
  /* line 364, ../scss/components/pages/_system.scss */
  .System2Col__item--03, .System2Col__item--04 {
    flex: 0 1 48.3%;
    padding: 2.2% 0 0 3.5%; }
    @media screen and (max-width: 640px) {
      /* line 364, ../scss/components/pages/_system.scss */
      .System2Col__item--03, .System2Col__item--04 {
        padding: 0; } }
  /* line 372, ../scss/components/pages/_system.scss */
  .System2Col__item--03 {
    border-right: #292F87 solid 1px;
    padding: 2.2% 3.5% 0 0;
    flex: 0 1 51.7%; }
    @media screen and (max-width: 640px) {
      /* line 372, ../scss/components/pages/_system.scss */
      .System2Col__item--03 {
        border: none;
        padding: 0;
        margin: 0 0 7.1vw; } }
  /* line 384, ../scss/components/pages/_system.scss */
  .System2Col__text--size01 {
    font-size: 3.4375rem; }
    @media screen and (min-width: 641px) and (max-width: 939px) {
      /* line 384, ../scss/components/pages/_system.scss */
      .System2Col__text--size01 {
        font-size: 5.5vw; } }
    @media screen and (max-width: 640px) {
      /* line 384, ../scss/components/pages/_system.scss */
      .System2Col__text--size01 {
        font-size: 8vw; } }
  /* line 393, ../scss/components/pages/_system.scss */
  .System2Col__text--size02 {
    font-size: 5.1875rem;
    letter-spacing: 0.1rem; }
    @media screen and (max-width: 1000px) {
      /* line 393, ../scss/components/pages/_system.scss */
      .System2Col__text--size02 {
        font-size: 4.6875rem; } }
    @media screen and (min-width: 641px) and (max-width: 939px) {
      /* line 393, ../scss/components/pages/_system.scss */
      .System2Col__text--size02 {
        font-size: 8vw; } }
    @media screen and (max-width: 640px) {
      /* line 393, ../scss/components/pages/_system.scss */
      .System2Col__text--size02 {
        font-size: 14.9vw; } }
  /* line 406, ../scss/components/pages/_system.scss */
  .System2Col__text--size03, .System2Col__text--size04 {
    font-size: 2.14rem; }
    @media screen and (min-width: 641px) and (max-width: 939px) {
      /* line 406, ../scss/components/pages/_system.scss */
      .System2Col__text--size03, .System2Col__text--size04 {
        font-size: 3.5vw; } }
    @media screen and (max-width: 640px) {
      /* line 406, ../scss/components/pages/_system.scss */
      .System2Col__text--size03, .System2Col__text--size04 {
        font-size: 5.4vw; } }
  /* line 415, ../scss/components/pages/_system.scss */
  .System2Col__text--size05 {
    font-size: 3rem; }
    @media screen and (min-width: 641px) and (max-width: 939px) {
      /* line 415, ../scss/components/pages/_system.scss */
      .System2Col__text--size05 {
        font-size: 4.8vw; } }
    @media screen and (max-width: 640px) {
      /* line 415, ../scss/components/pages/_system.scss */
      .System2Col__text--size05 {
        font-size: 8.6vw; } }
  @media screen and (max-width: 640px) {
    /* line 424, ../scss/components/pages/_system.scss */
    .System2Col__text--size06 {
      font-size: 4.1vw; } }
  /* line 429, ../scss/components/pages/_system.scss */
  .System2Col__text--size07 {
    font-size: 2.4375rem; }
    @media screen and (min-width: 641px) and (max-width: 939px) {
      /* line 429, ../scss/components/pages/_system.scss */
      .System2Col__text--size07 {
        font-size: 3.9vw; } }
    @media screen and (max-width: 640px) {
      /* line 429, ../scss/components/pages/_system.scss */
      .System2Col__text--size07 {
        font-size: 6vw; } }
  /* line 438, ../scss/components/pages/_system.scss */
  .System2Col__text--size08 {
    font-size: 4.0625rem; }
    @media screen and (max-width: 1000px) {
      /* line 438, ../scss/components/pages/_system.scss */
      .System2Col__text--size08 {
        font-size: 3.7625rem; } }
    @media screen and (min-width: 641px) and (max-width: 939px) {
      /* line 438, ../scss/components/pages/_system.scss */
      .System2Col__text--size08 {
        font-size: 6.3vw; } }
    @media screen and (max-width: 800px) {
      /* line 438, ../scss/components/pages/_system.scss */
      .System2Col__text--size08 {
        font-size: 5.8vw; } }
    @media screen and (max-width: 640px) {
      /* line 438, ../scss/components/pages/_system.scss */
      .System2Col__text--size08 {
        font-size: 12.1vw; } }
    @media screen and (max-width: 550px) {
      /* line 438, ../scss/components/pages/_system.scss */
      .System2Col__text--size08 {
        font-size: 10vw; } }
  /* line 455, ../scss/components/pages/_system.scss */
  .System2Col__text--size09 {
    font-size: 1.3125rem; }
    @media screen and (min-width: 641px) and (max-width: 939px) {
      /* line 455, ../scss/components/pages/_system.scss */
      .System2Col__text--size09 {
        font-size: 2.1vw; } }
    @media screen and (max-width: 640px) {
      /* line 455, ../scss/components/pages/_system.scss */
      .System2Col__text--size09 {
        font-size: 3.3vw; } }
  /* line 464, ../scss/components/pages/_system.scss */
  .System2Col__text--size10 {
    font-size: 2.3125rem; }
    @media screen and (min-width: 641px) and (max-width: 939px) {
      /* line 464, ../scss/components/pages/_system.scss */
      .System2Col__text--size10 {
        font-size: 3.7vw; } }
    @media screen and (max-width: 640px) {
      /* line 464, ../scss/components/pages/_system.scss */
      .System2Col__text--size10 {
        font-size: 5.3vw; } }
  /* line 473, ../scss/components/pages/_system.scss */
  .System2Col__text--size11 {
    font-size: 3.5625rem;
    letter-spacing: -0.1rem; }
    @media screen and (max-width: 1000px) {
      /* line 473, ../scss/components/pages/_system.scss */
      .System2Col__text--size11 {
        font-size: 3.0625rem; } }
    @media screen and (min-width: 641px) and (max-width: 939px) {
      /* line 473, ../scss/components/pages/_system.scss */
      .System2Col__text--size11 {
        font-size: 5.4vw; } }
    @media screen and (max-width: 640px) {
      /* line 473, ../scss/components/pages/_system.scss */
      .System2Col__text--size11 {
        font-size: 6.1vw; } }
  @media screen and (max-width: 640px) {
    /* line 486, ../scss/components/pages/_system.scss */
    .System2Col__text--size12 {
      font-size: 3.3vw; } }
  /* line 492, ../scss/components/pages/_system.scss */
  .System2ColBorder {
    border: #231815 1px solid;
    border-radius: 3px;
    flex: 0 1 23%;
    text-align: center;
    line-height: 1.3;
    font-weight: bold;
    padding: 0.8% 0; }
    @media screen and (max-width: 640px) {
      /* line 492, ../scss/components/pages/_system.scss */
      .System2ColBorder {
        font-size: 3.1vw;
        flex: 0 1 28%; } }
    /* line 504, ../scss/components/pages/_system.scss */
    .System2ColBorder--02 {
      flex: 0 1 25%; }
      @media screen and (max-width: 640px) {
        /* line 504, ../scss/components/pages/_system.scss */
        .System2ColBorder--02 {
          padding: 1.9% 0;
          font-size: 2.8vw; } }
      @media screen and (max-width: 640px) {
        /* line 504, ../scss/components/pages/_system.scss */
        .System2ColBorder--02 {
          flex: 0 1 26.3%; } }
    /* line 514, ../scss/components/pages/_system.scss */
    .System2ColBorder--03 {
      flex: 0 1 26%;
      margin: 0 0 0 4%; }
    /* line 518, ../scss/components/pages/_system.scss */
    .System2ColBorderBox {
      flex: 0 1 35.6%; }
      @media all and (-ms-high-contrast: none) {
        /* line 518, ../scss/components/pages/_system.scss */
        .System2ColBorderBox {
          letter-spacing: -0.03rem; } }
      @media screen and (max-width: 640px) {
        /* line 518, ../scss/components/pages/_system.scss */
        .System2ColBorderBox {
          flex: 0 1 38.6%; } }
      /* line 526, ../scss/components/pages/_system.scss */
      .System2ColBorderBox02 {
        flex: 0 1 39.6%; }
      @media screen and (max-width: 1000px) {
        /* line 529, ../scss/components/pages/_system.scss */
        .System2ColBorderBox__text {
          font-size: 1.025rem; } }
      @media screen and (min-width: 641px) and (max-width: 939px) {
        /* line 529, ../scss/components/pages/_system.scss */
        .System2ColBorderBox__text {
          font-size: 1.64vw; } }
      @media screen and (max-width: 640px) {
        /* line 529, ../scss/components/pages/_system.scss */
        .System2ColBorderBox__text {
          font-size: 3.45vw;
          margin: 0 0 5.7%;
          display: block; } }
  /* line 544, ../scss/components/pages/_system.scss */
  .System2ColText {
    margin: 0 0 7.3%; }
    @media screen and (max-width: 640px) {
      /* line 544, ../scss/components/pages/_system.scss */
      .System2ColText {
        text-align: center; } }
    /* line 549, ../scss/components/pages/_system.scss */
    .System2ColText--02, .System2ColText--03, .System2ColText--04, .System2ColText--05, .System2ColText--06 {
      margin: 0;
      flex: 0 1 77%;
      padding: 0 0 0 2%;
      font-weight: bold; }
      @media screen and (max-width: 640px) {
        /* line 549, ../scss/components/pages/_system.scss */
        .System2ColText--02, .System2ColText--03, .System2ColText--04, .System2ColText--05, .System2ColText--06 {
          flex: 0 1 72%;
          text-align: left; } }
    /* line 563, ../scss/components/pages/_system.scss */
    .System2ColText--03 {
      flex: 0 1 64.4%; }
      @media screen and (max-width: 640px) {
        /* line 563, ../scss/components/pages/_system.scss */
        .System2ColText--03 {
          flex: 0 1 60.4%;
          padding: 1.7% 0 0 2%; } }
    /* line 570, ../scss/components/pages/_system.scss */
    .System2ColText--04 {
      flex: 0 1 75%;
      padding: 0 0 0 .8%; }
      @media screen and (max-width: 640px) {
        /* line 570, ../scss/components/pages/_system.scss */
        .System2ColText--04 {
          flex: 0 1 73.7%;
          padding: 0 0 0 1.8%; } }
    /* line 578, ../scss/components/pages/_system.scss */
    .System2ColText--05 {
      flex: 0 1 60%; }
    /* line 581, ../scss/components/pages/_system.scss */
    .System2ColText--06 {
      flex: 0 1 70%;
      padding: 0 0 0 2.5%; }
    @media screen and (max-width: 640px) {
      /* line 585, ../scss/components/pages/_system.scss */
      .System2ColText--07 {
        margin: 0 0 11.3%; } }
  /* line 591, ../scss/components/pages/_system.scss */
  .System2Col__ttl {
    font-weight: bold;
    font-size: 3.3125rem;
    transform: rotate(-5deg);
    position: relative;
    padding: 0;
    position: relative; }
    @media screen and (min-width: 641px) and (max-width: 939px) {
      /* line 591, ../scss/components/pages/_system.scss */
      .System2Col__ttl {
        font-size: 5.3vw; } }
    @media screen and (max-width: 640px) {
      /* line 591, ../scss/components/pages/_system.scss */
      .System2Col__ttl {
        font-size: 7.1vw;
        transform: rotate(-4deg);
        padding: 0 0 0 11%; } }
    /* line 606, ../scss/components/pages/_system.scss */
    .System2Col__ttl--size01 {
      font-size: 2.6875rem; }
      @media screen and (min-width: 641px) and (max-width: 939px) {
        /* line 606, ../scss/components/pages/_system.scss */
        .System2Col__ttl--size01 {
          font-size: 4.3vw; } }
      @media screen and (max-width: 640px) {
        /* line 606, ../scss/components/pages/_system.scss */
        .System2Col__ttl--size01 {
          font-size: 5.6vw; } }
    /* line 615, ../scss/components/pages/_system.scss */
    .System2Col__ttl--size02 {
      font-size: 4.5625rem;
      font-style: italic; }
      @media screen and (min-width: 641px) and (max-width: 939px) {
        /* line 615, ../scss/components/pages/_system.scss */
        .System2Col__ttl--size02 {
          font-size: 7.3vw; } }
      @media screen and (max-width: 640px) {
        /* line 615, ../scss/components/pages/_system.scss */
        .System2Col__ttl--size02 {
          font-size: 10vw; } }
    /* line 625, ../scss/components/pages/_system.scss */
    .System2Col__ttl--size03 {
      letter-spacing: -0.5rem; }
    /* line 628, ../scss/components/pages/_system.scss */
    .System2Col__ttl::before, .System2Col__ttl::after {
      content: "";
      position: absolute;
      width: 74.7%;
      height: 5px;
      border-top: 5px #231815 solid;
      top: 32%;
      left: 16.6%; }
      @media screen and (min-width: 641px) and (max-width: 939px) {
        /* line 628, ../scss/components/pages/_system.scss */
        .System2Col__ttl::before, .System2Col__ttl::after {
          border-top-width: 0.5vw;
          height: 0.5vw; } }
      @media screen and (max-width: 640px) {
        /* line 628, ../scss/components/pages/_system.scss */
        .System2Col__ttl::before, .System2Col__ttl::after {
          width: 57.7%;
          height: 0.2vw;
          border-top: 0.2vw #231815 solid;
          top: 33%;
          left: 22.6%;
          transform: rotate(-1deg); } }
    /* line 649, ../scss/components/pages/_system.scss */
    .System2Col__ttl::after {
      top: 89.4%;
      left: auto;
      right: 2.1%;
      width: 98%; }
      @media screen and (max-width: 640px) {
        /* line 649, ../scss/components/pages/_system.scss */
        .System2Col__ttl::after {
          top: 92.4%;
          left: auto;
          right: 14.1%;
          width: 76%; } }
    /* line 661, ../scss/components/pages/_system.scss */
    .System2Col__ttl--inner {
      display: block;
      padding: 0 0 0 18%;
      margin: 0 0 6%; }
      @media screen and (max-width: 640px) {
        /* line 661, ../scss/components/pages/_system.scss */
        .System2Col__ttl--inner {
          padding: 0 0 0 15%;
          margin: 0 0 4.7%; } }
/* line 673, ../scss/components/pages/_system.scss */
.SystemTextBg {
  font-size: 1.6875rem;
  text-align: center;
  color: #fff;
  font-weight: bold;
  line-height: 1;
  padding: 2.8%;
  margin: 0 0 15px; }
  @media screen and (min-width: 641px) and (max-width: 939px) {
    /* line 673, ../scss/components/pages/_system.scss */
    .SystemTextBg {
      font-size: 2.7vw;
      margin: 0 0 1.5vw; } }
  @media screen and (max-width: 640px) {
    /* line 673, ../scss/components/pages/_system.scss */
    .SystemTextBg {
      padding: 3.2%;
      font-size: 4.6vw;
      margin: 0 0 3vw; } }
  /* line 690, ../scss/components/pages/_system.scss */
  .SystemTextBg--Blue {
    background: #3FBDE0; }
  /* line 693, ../scss/components/pages/_system.scss */
  .SystemTextBg--Pink {
    background: #E95383; }
/* line 699, ../scss/components/pages/_system.scss */
.SystemDesc {
  margin: 0 0 2.6%; }
  @media screen and (max-width: 640px) {
    /* line 699, ../scss/components/pages/_system.scss */
    .SystemDesc {
      margin: 0 0 9.7%; } }
  /* line 704, ../scss/components/pages/_system.scss */
  .SystemDesc--02 {
    margin: 0;
    padding: 0 0 0 3%; }
  @media screen and (max-width: 640px) {
    /* line 708, ../scss/components/pages/_system.scss */
    .SystemDesc--03 {
      padding: 0 0 0 3%;
      margin: 0; } }
  /* line 714, ../scss/components/pages/_system.scss */
  .SystemDesc__item {
    text-align: center; }
    @media screen and (max-width: 640px) {
      /* line 714, ../scss/components/pages/_system.scss */
      .SystemDesc__item {
        font-size: 3.45vw; } }
    /* line 719, ../scss/components/pages/_system.scss */
    .SystemDesc__item--02 {
      text-align: justify;
      line-height: 1;
      margin: 0 0 3%; }
    /* line 724, ../scss/components/pages/_system.scss */
    .SystemDesc__item--03 {
      text-align: left;
      line-height: 1.5;
      padding-left: 1.125rem;
      text-indent: -1.125rem; }
      @media screen and (min-width: 641px) and (max-width: 939px) {
        /* line 724, ../scss/components/pages/_system.scss */
        .SystemDesc__item--03 {
          padding-left: 1.8vw;
          text-indent: -1.8vw; } }
      @media screen and (min-width: 641px) and (max-width: 939px) {
        /* line 724, ../scss/components/pages/_system.scss */
        .SystemDesc__item--03 {
          padding-left: 3.75vw;
          text-indent: -3.75vw; } }
      @media screen and (max-width: 640px) {
        /* line 724, ../scss/components/pages/_system.scss */
        .SystemDesc__item--03 {
          padding-left: 3.45vw;
          text-indent: -3.45vw; } }
    /* line 742, ../scss/components/pages/_system.scss */
    .SystemDesc__item:last-child {
      margin: 0; }
/* line 747, ../scss/components/pages/_system.scss */
.SystemReservation {
  background: #FFFCDB;
  padding: 33px 18px;
  position: relative; }
  @media screen and (min-width: 641px) and (max-width: 939px) {
    /* line 747, ../scss/components/pages/_system.scss */
    .SystemReservation {
      padding: 3.3vw 1.8vw; } }
  @media screen and (max-width: 640px) {
    /* line 747, ../scss/components/pages/_system.scss */
    .SystemReservation {
      padding: 4.9vw 3.5vw; } }
  /* line 757, ../scss/components/pages/_system.scss */
  .SystemReservation__ballon {
    position: absolute;
    width: 120px;
    top: -12%;
    left: -1%; }
    @media screen and (min-width: 641px) and (max-width: 939px) {
      /* line 757, ../scss/components/pages/_system.scss */
      .SystemReservation__ballon {
        width: 13.2vw; } }
    @media screen and (max-width: 640px) {
      /* line 757, ../scss/components/pages/_system.scss */
      .SystemReservation__ballon {
        width: 21.8vw; } }
/* line 771, ../scss/components/pages/_system.scss */
.SystemDiscount--01 {
  margin: 0 0 3.4%; }
/* line 774, ../scss/components/pages/_system.scss */
.SystemDiscountItem {
  flex: 0 1 53.29787234042553%;
  border: 1px solid #231815; }
  @media screen and (max-width: 640px) {
    /* line 774, ../scss/components/pages/_system.scss */
    .SystemDiscountItem {
      flex: 0 1 47.297872%; } }
  /* line 780, ../scss/components/pages/_system.scss */
  .SystemDiscountItem--02 {
    flex: 0 1 43.72340425531915%; }
    @media screen and (max-width: 640px) {
      /* line 780, ../scss/components/pages/_system.scss */
      .SystemDiscountItem--02 {
        flex: 0 1 47.297872%; } }
  /* line 786, ../scss/components/pages/_system.scss */
  .SystemDiscountItem--03 {
    flex: 0 1 39.14893617021277%; }
    @media screen and (max-width: 640px) {
      /* line 786, ../scss/components/pages/_system.scss */
      .SystemDiscountItem--03 {
        flex: 0 1 47.297872%; } }
  /* line 792, ../scss/components/pages/_system.scss */
  .SystemDiscountItem--04 {
    flex: 0 1 57.87234042553191%; }
    @media screen and (max-width: 640px) {
      /* line 792, ../scss/components/pages/_system.scss */
      .SystemDiscountItem--04 {
        flex: 0 1 47.297872%; } }
/* line 799, ../scss/components/pages/_system.scss */
.SystemDiscountTtl {
  background: #4D4D4D;
  color: #fff;
  font-size: 2.1875rem;
  text-align: center;
  font-weight: bold;
  padding: 6px; }
  @media screen and (min-width: 641px) and (max-width: 939px) {
    /* line 799, ../scss/components/pages/_system.scss */
    .SystemDiscountTtl {
      font-size: 3.5vw;
      padding: 0.6vw; } }
  @media screen and (max-width: 640px) {
    /* line 799, ../scss/components/pages/_system.scss */
    .SystemDiscountTtl {
      font-size: 4vw;
      line-height: 1.4;
      padding: 7.8% 4%; }
      /* line 814, ../scss/components/pages/_system.scss */
      .SystemDiscountTtl--02 {
        padding: 14.8% 4%; } }
  @media screen and (max-width: 640px) {
    /* line 818, ../scss/components/pages/_system.scss */
    .SystemDiscountTtl--small {
      font-size: 3.6vw; } }
/* line 824, ../scss/components/pages/_system.scss */
.SystemDiscountCircle {
  flex: 0 1 24.6%; }
  /* line 826, ../scss/components/pages/_system.scss */
  .SystemDiscountCircle--02 {
    flex: 0 1 32.3%;
    padding: 16px 0 0; }
    @media screen and (min-width: 641px) and (max-width: 939px) {
      /* line 826, ../scss/components/pages/_system.scss */
      .SystemDiscountCircle--02 {
        padding: 1.6vw 0 0; } }
  @media screen and (max-width: 640px) {
    /* line 824, ../scss/components/pages/_system.scss */
    .SystemDiscountCircle {
      width: 17.2vw;
      margin: 0 auto 3.4vw;
      padding: 0 2vw 0 0; } }
/* line 839, ../scss/components/pages/_system.scss */
.SystemDiscountText {
  flex: 0 1 72.3%; }
  /* line 841, ../scss/components/pages/_system.scss */
  .SystemDiscountText--02 {
    flex: 0 1 62.7%; }
  /* line 844, ../scss/components/pages/_system.scss */
  .SystemDiscountText__text {
    display: block;
    line-height: 1; }
    /* line 847, ../scss/components/pages/_system.scss */
    .SystemDiscountText__text--01 {
      font-size: 1.3125rem;
      font-weight: 500;
      margin: 0 0 11px; }
      @media screen and (max-width: 1000px) {
        /* line 847, ../scss/components/pages/_system.scss */
        .SystemDiscountText__text--01 {
          font-size: 1.2125rem; } }
      @media screen and (min-width: 641px) and (max-width: 939px) {
        /* line 847, ../scss/components/pages/_system.scss */
        .SystemDiscountText__text--01 {
          font-size: 2.1vw;
          margin: 0 0 1.1vw; } }
      @media screen and (max-width: 640px) {
        /* line 847, ../scss/components/pages/_system.scss */
        .SystemDiscountText__text--01 {
          text-align: center;
          font-size: 3.7vw; } }
    /* line 863, ../scss/components/pages/_system.scss */
    .SystemDiscountText__text--02 {
      font-size: 2.375rem;
      font-weight: bold; }
      @media screen and (min-width: 641px) and (max-width: 939px) {
        /* line 863, ../scss/components/pages/_system.scss */
        .SystemDiscountText__text--02 {
          font-size: 3.8vw; } }
      @media screen and (max-width: 640px) {
        /* line 863, ../scss/components/pages/_system.scss */
        .SystemDiscountText__text--02 {
          font-size: 6.4vw; } }
    /* line 873, ../scss/components/pages/_system.scss */
    .SystemDiscountText__text--size01 {
      font-size: 1.9375rem;
      font-weight: bold; }
      @media screen and (min-width: 641px) and (max-width: 939px) {
        /* line 873, ../scss/components/pages/_system.scss */
        .SystemDiscountText__text--size01 {
          font-size: 3.1vw; } }
      @media screen and (max-width: 640px) {
        /* line 873, ../scss/components/pages/_system.scss */
        .SystemDiscountText__text--size01 {
          display: block;
          font-size: 4.2vw;
          margin: 0 0 1.9vw; } }
    /* line 885, ../scss/components/pages/_system.scss */
    .SystemDiscountText__text--size02 {
      font-size: 4.0625rem; }
      @media screen and (min-width: 641px) and (max-width: 939px) {
        /* line 885, ../scss/components/pages/_system.scss */
        .SystemDiscountText__text--size02 {
          font-size: 6.5vw; } }
      @media screen and (max-width: 640px) {
        /* line 885, ../scss/components/pages/_system.scss */
        .SystemDiscountText__text--size02 {
          font-size: 9.9vw; } }
    /* line 894, ../scss/components/pages/_system.scss */
    .SystemDiscountText__text--03 {
      font-weight: bold;
      font-size: 1.9375rem;
      margin: 0 0 12px; }
      @media screen and (min-width: 641px) and (max-width: 939px) {
        /* line 894, ../scss/components/pages/_system.scss */
        .SystemDiscountText__text--03 {
          font-size: 3.1vw;
          margin: 0 0 1.2vw; } }
      @media screen and (max-width: 640px) {
        /* line 894, ../scss/components/pages/_system.scss */
        .SystemDiscountText__text--03 {
          font-size: 4vw;
          text-align: center; } }
    /* line 907, ../scss/components/pages/_system.scss */
    .SystemDiscountText__text--04 {
      margin: 10px 0 0;
      font-weight: bold;
      font-size: 1.3125rem; }
      @media screen and (min-width: 641px) and (max-width: 939px) {
        /* line 907, ../scss/components/pages/_system.scss */
        .SystemDiscountText__text--04 {
          font-size: 2.1vw;
          margin: 1vw 0 0; } }
      @media screen and (max-width: 640px) {
        /* line 907, ../scss/components/pages/_system.scss */
        .SystemDiscountText__text--04 {
          text-align: center;
          font-size: 3.5vw; } }
/* line 925, ../scss/components/pages/_system.scss */
.SystemDiscountData {
  padding: 45px 32px; }
  @media screen and (min-width: 641px) and (max-width: 939px) {
    /* line 925, ../scss/components/pages/_system.scss */
    .SystemDiscountData {
      padding: 4.5vw 3.2vw; } }
  @media screen and (max-width: 640px) {
    /* line 925, ../scss/components/pages/_system.scss */
    .SystemDiscountData {
      padding: 4vw;
      display: block; } }
  /* line 934, ../scss/components/pages/_system.scss */
  .SystemDiscountData--02 {
    padding: 29px 39px; }
    @media screen and (min-width: 641px) and (max-width: 939px) {
      /* line 934, ../scss/components/pages/_system.scss */
      .SystemDiscountData--02 {
        padding: 2.9vw 3.9vw; } }
    @media screen and (max-width: 640px) {
      /* line 934, ../scss/components/pages/_system.scss */
      .SystemDiscountData--02 {
        padding: 4vw 3.9vw; } }
  /* line 943, ../scss/components/pages/_system.scss */
  .SystemDiscountData--03 {
    padding: 26px 32px 48px; }
    @media screen and (min-width: 641px) and (max-width: 939px) {
      /* line 943, ../scss/components/pages/_system.scss */
      .SystemDiscountData--03 {
        padding: 2.6vw 3.2vw 4.8vw; } }
    @media screen and (max-width: 640px) {
      /* line 943, ../scss/components/pages/_system.scss */
      .SystemDiscountData--03 {
        padding: 6.3vw 2vw; } }
  /* line 952, ../scss/components/pages/_system.scss */
  .SystemDiscountData--04 {
    padding: 45px 55px 31px 44px; }
    @media screen and (min-width: 641px) and (max-width: 939px) {
      /* line 952, ../scss/components/pages/_system.scss */
      .SystemDiscountData--04 {
        padding: 4.5vw 5.5vw 3.1vw 4.4vw; } }
    @media screen and (max-width: 640px) {
      /* line 952, ../scss/components/pages/_system.scss */
      .SystemDiscountData--04 {
        padding: 4vw 3.5vw 4vw 2.9vw; } }
  /* line 961, ../scss/components/pages/_system.scss */
  .SystemDiscountData__text {
    text-align: center; }
    /* line 963, ../scss/components/pages/_system.scss */
    .SystemDiscountData__text--01 {
      margin: 0 0 9px;
      font-weight: bold; }
      @media screen and (min-width: 641px) and (max-width: 939px) {
        /* line 963, ../scss/components/pages/_system.scss */
        .SystemDiscountData__text--01 {
          margin: 0 0 0.9vw; } }
      @media screen and (max-width: 640px) {
        /* line 963, ../scss/components/pages/_system.scss */
        .SystemDiscountData__text--01 {
          margin: 0 0 2.9vw; } }
    /* line 973, ../scss/components/pages/_system.scss */
    .SystemDiscountData__text--02 {
      font-size: 1.3125rem; }
      @media screen and (min-width: 641px) and (max-width: 939px) {
        /* line 973, ../scss/components/pages/_system.scss */
        .SystemDiscountData__text--02 {
          font-size: 2.1vw; } }
      @media screen and (max-width: 640px) {
        /* line 973, ../scss/components/pages/_system.scss */
        .SystemDiscountData__text--02 {
          text-align: center;
          font-size: 3.7vw;
          line-height: 1.65;
          margin: 0 0 8%; } }
    /* line 985, ../scss/components/pages/_system.scss */
    .SystemDiscountData__text--03 {
      font-size: 4.0625rem;
      font-weight: bold;
      line-height: 1; }
      @media screen and (min-width: 641px) and (max-width: 939px) {
        /* line 985, ../scss/components/pages/_system.scss */
        .SystemDiscountData__text--03 {
          font-size: 6.5vw; } }
      @media screen and (max-width: 640px) {
        /* line 985, ../scss/components/pages/_system.scss */
        .SystemDiscountData__text--03 {
          font-size: 8.3vw; } }
    /* line 996, ../scss/components/pages/_system.scss */
    .SystemDiscountData__text--05 {
      font-size: 1.9375rem;
      font-weight: bold;
      margin: 0 0 16px; }
      @media screen and (min-width: 641px) and (max-width: 939px) {
        /* line 996, ../scss/components/pages/_system.scss */
        .SystemDiscountData__text--05 {
          font-size: 3.1vw;
          margin: 0 0 1.6vw; } }
      @media screen and (max-width: 640px) {
        /* line 996, ../scss/components/pages/_system.scss */
        .SystemDiscountData__text--05 {
          font-size: 3.7vw;
          line-height: 1.5;
          margin: 0 0 4.2vw; } }
    /* line 1010, ../scss/components/pages/_system.scss */
    .SystemDiscountData__text--size01 {
      font-size: 1.9375rem; }
      @media screen and (min-width: 641px) and (max-width: 939px) {
        /* line 1010, ../scss/components/pages/_system.scss */
        .SystemDiscountData__text--size01 {
          font-size: 3.1vw; } }
      @media screen and (max-width: 640px) {
        /* line 1010, ../scss/components/pages/_system.scss */
        .SystemDiscountData__text--size01 {
          font-size: 4.3vw;
          padding: 0 3vw 0 1.1vw; } }
  @media screen and (max-width: 640px) {
    /* line 1021, ../scss/components/pages/_system.scss */
    .SystemDiscountData2Col {
      display: block; } }
  /* line 1026, ../scss/components/pages/_system.scss */
  .SystemDiscountData2Col__item--01 {
    flex: 0 1 53%; }
  /* line 1029, ../scss/components/pages/_system.scss */
  .SystemDiscountData2Col__item--02 {
    flex: 0 1 42.6%; }
  /* line 1033, ../scss/components/pages/_system.scss */
  .SystemDiscountData2ColBg {
    padding: 10px; }
    @media screen and (min-width: 641px) and (max-width: 939px) {
      /* line 1033, ../scss/components/pages/_system.scss */
      .SystemDiscountData2ColBg {
        padding: 1vw; } }
    @media screen and (max-width: 640px) {
      /* line 1033, ../scss/components/pages/_system.scss */
      .SystemDiscountData2ColBg {
        width: 95%;
        margin: 0 auto 1vw 1.3vw;
        padding: 1.2vw;
        font-size: 3.3vw; } }

/*# sourceMappingURL=system.css.map */