@charset "UTF-8";
.system-container {
  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-align: center;
      -ms-flex-align: center;
          align-items: center;
  row-gap: 1.1428571429em;
  width: 100%;
  padding: 1.1428571429em 0.5714285714em;
}

.system-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-column-gap: 3.2142857143em;
     -moz-column-gap: 3.2142857143em;
          column-gap: 3.2142857143em;
  font-weight: 700;
  line-height: 1;
  background: linear-gradient(110deg, #caaf6b 42.86%, #f0e4c3 52.32%, #896711 64.73%);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
}
.system-top::before, .system-top::after {
  height: 3.75em;
  content: "";
  border-left: 2px solid #c5056d;
  -webkit-transform-origin: left top;
          transform-origin: left top;
}
.system-top::before {
  -webkit-transform: rotate(-30deg);
          transform: rotate(-30deg);
}
.system-top::after {
  -webkit-transform: rotate(30deg);
          transform: rotate(30deg);
}
.system-top .top-container {
  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-align: center;
      -ms-flex-align: center;
          align-items: center;
  row-gap: 0.4285714286em;
  padding: 0.4285714286em 0;
}
.system-top .top-header {
  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;
  -webkit-column-gap: 0.5714285714em;
     -moz-column-gap: 0.5714285714em;
          column-gap: 0.5714285714em;
}
.system-top .top-header .header-limited {
  padding: 0.5714285714em 1.1428571429em;
  font-size: 0.8571428571em;
  letter-spacing: 0.12em;
  border: 1px solid #caaf6b;
}
.system-top .top-header .header-head,
.system-top .top-text {
  font-size: 1.1428571429em;
  font-weight: 700;
  letter-spacing: 0.12em;
}
.system-top .top-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-column-gap: 0.2857142857em;
     -moz-column-gap: 0.2857142857em;
          column-gap: 0.2857142857em;
}
.system-top .top-text .text-large {
  font-family: "Libre Baskerville", "Hiragino Mincho Pro", "Hiragino Mincho ProN", "Hiragino Mincho ProN W3", "Yu Mincho", yumincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", georgia, serif;
  font-size: 1.7142857143em;
  font-weight: 600;
}

.system-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  z-index: 0;
  row-gap: 1.7142857143em;
  width: 100%;
  padding: 1.7142857143em 1.1428571429em;
  border: 3px solid;
  -o-border-image: linear-gradient(to bottom, #ff008a, transparent) 1;
     border-image: -webkit-gradient(linear, left top, left bottom, from(#ff008a), to(transparent)) 1;
     border-image: linear-gradient(to bottom, #ff008a, transparent) 1;
}
.system-main::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  content: "";
  background-image: url("../img/bg-fire.jpg");
  background-position: center;
  background-size: cover;
  opacity: 0.5;
}
.system-main .main-article {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 1.1428571429em;
}
.system-main .main-head {
  display: grid;
  grid-template-columns: auto 1fr;
  -webkit-column-gap: 0.5714285714em;
     -moz-column-gap: 0.5714285714em;
          column-gap: 0.5714285714em;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.8571428571em;
  line-height: 1;
  color: #b0b0b0;
  letter-spacing: 0.12em;
}
.system-main .main-head::after {
  display: block;
  height: 1px;
  content: "";
  background-image: linear-gradient(to right, #b0b0b0 4px, transparent 4px);
  background-repeat: repeat-x;
  background-position: left top;
  background-size: 8px 1px;
}
.system-main .main-list {
  display: grid;
  grid-template-columns: repeat(4, auto);
  gap: 1.1428571429em 0.5714285714em;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: 700;
  line-height: 1;
}
.system-main .main-list .list-item {
  display: contents;
}
.system-main .main-list .list-item .item-head,
.system-main .main-list .list-item .item-total {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-column-gap: 0.2142857143em;
     -moz-column-gap: 0.2142857143em;
          column-gap: 0.2142857143em;
}
.system-main .main-list .list-item .item-head .head-text,
.system-main .main-list .list-item .item-head .total-text,
.system-main .main-list .list-item .item-total .head-text,
.system-main .main-list .list-item .item-total .total-text {
  font-size: 0.8571428571em;
}
.system-main .main-list .list-item .item-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 0.2857142857em;
  font-size: 0.7142857143em;
  letter-spacing: 0.12em;
}
.system-main .main-list .list-item .item-off,
.system-main .main-list .list-item .item-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 0.2142857143em;
     -moz-column-gap: 0.2142857143em;
          column-gap: 0.2142857143em;
}
.system-main .main-list .list-item .item-off .off-number,
.system-main .main-list .list-item .item-off .price-number,
.system-main .main-list .list-item .item-price .off-number,
.system-main .main-list .list-item .item-price .price-number {
  margin-right: -0.2142857143em;
}
.system-main .main-list .list-item .item-off {
  color: #ff008a;
}
.system-main .main-list .list-item .item-triangle {
  padding: 0.5em 0.6428571429em;
}
.system-main .main-list .list-item .item-triangle .triangle {
  display: block;
  width: 0.3571428571em;
  height: 0.7142857143em;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
  background: #ff008a;
}

.system-course .head-name,
.system-course .total-number {
  font-size: 1.8571428571em;
  font-weight: 900;
  text-shadow: 0 0 8px #ff008a;
  letter-spacing: 0.06em;
}

.system-other .head-name {
  font-size: 1em;
  letter-spacing: 0.12em;
}
.system-other .total-number {
  font-size: 2em;
  font-weight: 900;
  letter-spacing: 0.06em;
}

.system-room,
.system-unlimited {
  position: relative;
  z-index: 0;
  display: grid;
  place-items: center;
  width: 100%;
  overflow: hidden;
  font-family: "Noto Sans JP", "Helvetica Neue", arial, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "BIZ UDPGothic", meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 900;
  line-height: 1.7;
  text-shadow: 0 0 10px black;
  background: var(--Black-100);
}
.system-room::before,
.system-unlimited::before {
  position: absolute;
  z-index: -1;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  background-size: cover;
  opacity: 0.7;
}
.system-room .room-head,
.system-room .unlimited-head,
.system-unlimited .room-head,
.system-unlimited .unlimited-head {
  display: inline;
  font-size: 2.2857142857em;
  letter-spacing: 0.12em;
}

.system-room {
  padding: 1.7142857143em 0;
}
.system-room::before {
  background-image: url("../img/system/bg-room.jpg");
  background-position: center 66%;
}
.system-room .room-text {
  font-size: 1em;
  letter-spacing: 0.12em;
}
.system-room .room-colored {
  color: #fbfe52;
}

.system-unlimited {
  padding: 2.7142857143em 0;
}
.system-unlimited::before {
  background-image: url("../img/system/bg-unlimited-firing.jpg");
  background-position: center 38%;
}

.system-card {
  text-align: center;
  letter-spacing: 0.12em;
  background-color: black;
  padding: 0.2em;
}

.system-notice {
  font-size: 0.7142857143em;
  letter-spacing: 0.12em;
}

.system-contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 0.5714285714em;
     -moz-column-gap: 0.5714285714em;
          column-gap: 0.5714285714em;
  width: 100%;
  padding: 0 0.5714285714em;
  font-weight: 700;
  line-height: 1.4;
}

.system-content {
  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-align: center;
      -ms-flex-align: center;
          align-items: center;
  row-gap: 1.1428571429em;
  width: 100%;
  padding: 1.7142857143em 0.5714285714em;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(-32%, rgba(178, 0, 0, 0.75)), to(rgba(16, 16, 16, 0.75)));
  background: linear-gradient(180deg, rgba(178, 0, 0, 0.75) -32%, rgba(16, 16, 16, 0.75) 100%);
  border-radius: 6px;
}
.system-content .content-head {
  font-size: 1.1428571429em;
  line-height: 1;
  letter-spacing: 0.12em;
}
.system-content .content-list {
  font-size: 0.7142857143em;
  letter-spacing: 0.12em;
}
.system-content .content-list .list-item {
  margin-left: 1.4285714286em;
  list-style: disc;
}/*# sourceMappingURL=system.css.map */