@charset "UTF-8";
/* works layout */
/* 全体の設定
---------------------------------------------------------------------------*/
/* 基本設定
---------------------------------------------------------------------------*/
/* responsive */
/* サイズ */
/* flexbox */
/* フォント */
/*@mixin font-hdl {
	font-family: 'Zapfino', cursive;
	font-weight: 400;
}
@mixin font-en {
	font-family: 'athelas', serif;
	font-weight: 700;
	font-style: normal;
}*/
/* アイキャッチアイコンセット */
/* ボタン */
/* 色 */
/* グラデ背景色 */
/* 中央揃え */
/* objectfit */
/* ホバーアクション */
/* ボタンの中のspan */
/* 両脇吹き出し線 */
/* キャプション */
/* ボタン */
/* 見出し */
/* 見出し２（背景ブルー） */
/* チェックボックス */
/* フォントサイズ */
/* 縦書き */
/* 文字グロー */
/* 背景パターン */
/* 角丸 */
/* svitem
---------------------------------------------------------------------------*/
.pgcols-side ul li:nth-of-type(n + 2),
.pgcols-side dl dt {
  font-size: 15px; }
  @media screen and (max-width: 1300px) {
    .pgcols-side ul li:nth-of-type(n + 2),
    .pgcols-side dl dt {
      font-size: 1.1538461538vw; } }
  @media screen and (max-width: 752px) {
    .pgcols-side ul li:nth-of-type(n + 2),
    .pgcols-side dl dt {
      font-size: 1.9946808511vw; } }
  @media screen and (max-width: 480px) {
    .pgcols-side ul li:nth-of-type(n + 2),
    .pgcols-side dl dt {
      font-size: 3.8461538462vw; } }
  .pgcols-side ul li:nth-of-type(n + 2) a,
  .pgcols-side dl dt a {
    text-indent: -1.3em;
    padding-left: 2.3em; }

/* svitem
---------------------------------------------------------------------------*/
.svitem-ttl {
  text-align: center;
  font-size: 30px;
  font-weight: 700;
  color: #fff;
  background: #F19736;
  -webkit-box-shadow: 5px 5px 0 #EF7137;
  box-shadow: 5px 5px 0 #EF7137;
  margin-top: 3em;
  margin-bottom: 2em; }
  @media screen and (max-width: 1300px) {
    .svitem-ttl {
      font-size: 2.3076923077vw; } }
  @media screen and (max-width: 752px) {
    .svitem-ttl {
      font-size: 3.9893617021vw; } }
  @media screen and (max-width: 480px) {
    .svitem-ttl {
      font-size: 7.6923076923vw; } }
  @media screen and (max-width: 752px) {
    .svitem-ttl {
      font-size: 20px; } }
  @media screen and (max-width: 752px) and (max-width: 1300px) {
    .svitem-ttl {
      font-size: 1.5384615385vw; } }
  @media screen and (max-width: 752px) and (max-width: 752px) {
    .svitem-ttl {
      font-size: 2.6595744681vw; } }
  @media screen and (max-width: 752px) and (max-width: 480px) {
    .svitem-ttl {
      font-size: 5.1282051282vw; } }

.svitem-lst li + li {
  margin-top: 100px; }
  @media screen and (max-width: 1300px) {
    .svitem-lst li + li {
      margin-top: 7.6923076923vw; } }
  @media screen and (max-width: 752px) {
    .svitem-lst li + li {
      margin-top: 25.641025641vw; } }
.svitem-lst article {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  @media screen and (max-width: 752px) {
    .svitem-lst article {
      display: block; } }
.svitem-lst-img {
  width: 46.6%; }
  @media screen and (max-width: 752px) {
    .svitem-lst-img {
      width: 100%; } }
  .svitem-lst-img img {
    border-radius: 10px; }
    @media screen and (max-width: 1300px) {
      .svitem-lst-img img {
        border-radius: 0.7692307692vw; } }
    @media screen and (max-width: 752px) {
      .svitem-lst-img img {
        border-radius: 2.5641025641vw; } }
.svitem-lst-tx {
  width: 46.6%; }
  @media screen and (max-width: 752px) {
    .svitem-lst-tx {
      width: 100%;
      margin-top: 10.2564102564vw; } }
  .svitem-lst-tx-ttl {
    position: relative;
    font-size: 23px;
    font-weight: 700;
    padding-bottom: 0.5em;
    margin-bottom: 1.2em; }
    @media screen and (max-width: 1300px) {
      .svitem-lst-tx-ttl {
        font-size: 1.7692307692vw; } }
    @media screen and (max-width: 752px) {
      .svitem-lst-tx-ttl {
        font-size: 3.0585106383vw; } }
    @media screen and (max-width: 480px) {
      .svitem-lst-tx-ttl {
        font-size: 5.8974358974vw; } }
    .svitem-lst-tx-ttl::before, .svitem-lst-tx-ttl::after {
      position: absolute;
      content: "";
      width: 100%;
      height: 2px;
      left: 0;
      bottom: 0; }
    .svitem-lst-tx-ttl::before {
      width: 100%;
      background-color: #F2F2F2; }
    .svitem-lst-tx-ttl::after {
      width: 60px;
      background-color: #FD8724; }
      @media screen and (max-width: 1300px) {
        .svitem-lst-tx-ttl::after {
          width: 4.6153846154vw; } }
      @media screen and (max-width: 752px) {
        .svitem-lst-tx-ttl::after {
          width: 15.3846153846vw; } }
  .svitem-lst-tx-hdl {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 1em; }
    @media screen and (max-width: 1300px) {
      .svitem-lst-tx-hdl {
        font-size: 1.5384615385vw; } }
    @media screen and (max-width: 752px) {
      .svitem-lst-tx-hdl {
        font-size: 2.6595744681vw; } }
    @media screen and (max-width: 480px) {
      .svitem-lst-tx-hdl {
        font-size: 5.1282051282vw; } }
  .svitem-lst-tx-desc {
    font-size: 16px;
    line-height: 1.687;
    margin-bottom: 2em; }
    @media screen and (max-width: 1300px) {
      .svitem-lst-tx-desc {
        font-size: 1.2307692308vw; } }
    @media screen and (max-width: 752px) {
      .svitem-lst-tx-desc {
        font-size: 2.1276595745vw; } }
    @media screen and (max-width: 480px) {
      .svitem-lst-tx-desc {
        font-size: 4.1025641026vw; } }
  .svitem-lst-tx-btn a {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 336px;
    padding: 15px 0;
    background-color: #ffffff;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2); }
    @media screen and (max-width: 1300px) {
      .svitem-lst-tx-btn a {
        width: 25.8461538462vw;
        padding: 1.1538461538vw 0; } }
    @media screen and (max-width: 752px) {
      .svitem-lst-tx-btn a {
        width: 100%;
        padding: 3.8461538462vw 0; } }
    .svitem-lst-tx-btn a p {
      width: 100%;
      padding-top: 0.2em; }
      .svitem-lst-tx-btn a p > span {
        display: block;
        width: 100%;
        white-space: nowrap;
        text-align: center; }
        .svitem-lst-tx-btn a p > span:nth-of-type(1) {
          font-size: 23px;
          line-height: 1.2; }
          @media screen and (max-width: 1300px) {
            .svitem-lst-tx-btn a p > span:nth-of-type(1) {
              font-size: 1.7692307692vw; } }
          @media screen and (max-width: 752px) {
            .svitem-lst-tx-btn a p > span:nth-of-type(1) {
              font-size: 3.0585106383vw; } }
          @media screen and (max-width: 480px) {
            .svitem-lst-tx-btn a p > span:nth-of-type(1) {
              font-size: 5.8974358974vw; } }
        .svitem-lst-tx-btn a p > span span {
          position: relative;
          padding-right: 48px;
          font-size: 13px;
          font-weight: 700;
          white-space: nowrap;
          padding-left: 0.5em; }
          @media screen and (max-width: 1300px) {
            .svitem-lst-tx-btn a p > span span {
              font-size: 1vw; } }
          @media screen and (max-width: 752px) {
            .svitem-lst-tx-btn a p > span span {
              font-size: 1.7287234043vw; } }
          @media screen and (max-width: 480px) {
            .svitem-lst-tx-btn a p > span span {
              font-size: 3.3333333333vw; } }
          @media screen and (max-width: 1300px) {
            .svitem-lst-tx-btn a p > span span {
              padding-right: 3.6923076923vw; } }
          @media screen and (max-width: 752px) {
            .svitem-lst-tx-btn a p > span span {
              padding-right: 12.3076923077vw; } }
          .svitem-lst-tx-btn a p > span span::after {
            position: absolute;
            content: "";
            right: 0;
            top: 50%;
            transform: translateY(-50%);
            width: 38px;
            height: 8px;
            background-repeat: no-repeat;
            background-position: center;
            background-size: contain;
            background-image: url(../img/cmn/btn-arw-vit@2x.png); }
            @media screen and (max-width: 1300px) {
              .svitem-lst-tx-btn a p > span span::after {
                width: 2.9230769231vw;
                height: 0.6153846154vw; } }
            @media screen and (max-width: 752px) {
              .svitem-lst-tx-btn a p > span span::after {
                width: 9.7435897436vw;
                height: 2.0512820513vw; } }

.svitem-feat-tx {
  width: 33.0%;
  padding: 0.5em 1em;
  color: #232323;
  background: #fff8e8; }

  .svitem-feat-tx span {
    font-size: 17px;
    font-weight: 700;
    padding: 0 1em;
    color: #fff;
    border-radius: 2px;
    background: #F19736; }

  @media screen and (max-width: 752px) {
    .svitem-feat-tx {
      width: 100%;
      margin-top: 10.2564102564vw; } }
  .svitem-feat-tx-ttl {
    position: relative;
    font-size: 20px;
    font-weight: 700;
    padding-bottom: 0.5em;
    margin-top: 1.0em;
    margin-bottom: 1.2em; }
    @media screen and (max-width: 1300px) {
      .svitem-feat-tx-ttl {
        font-size: 1.5384615385vw; } }
    @media screen and (max-width: 752px) {
      .svitem-feat-tx-ttl {
        font-size: 2.6595744681vw; } }
    @media screen and (max-width: 480px) {
      .svitem-feat-tx-ttl {
        font-size: 5.1282051282vw; } }
    .svitem-feat-tx-ttl::before {
      position: absolute;
      content: "";
      width: 100%;
      height: 2px;
      left: 0;
      bottom: 0;
      background-color: #FD8724; }
      @media screen and (max-width: 1300px) {
        .svitem-feat-tx-ttl::after {
          width: 4.6153846154vw; } }
      @media screen and (max-width: 752px) {
        .svitem-feat-tx-ttl::after {
          width: 15.3846153846vw; } }
  .svitem-feat-tx-desc {
    font-size: 16px;
    line-height: 1.687;
    margin-bottom: 2em; }
    @media screen and (max-width: 1300px) {
      .svitem-feat-tx-desc {
        font-size: 1.2307692308vw; } }
    @media screen and (max-width: 752px) {
      .svitem-feat-tx-desc {
        font-size: 2.1276595745vw; } }
    @media screen and (max-width: 480px) {
      .svitem-feat-tx-desc {
        font-size: 4.1025641026vw; } }

.svitem-dev-tx {
  width: 49.5%;
  padding: 0.5em 1em;
  color: #232323;
  background: #E0FFFF;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22); }

  .svitem-dev-tx span {
    font-size: 17px;
    font-weight: 700;
    padding: 0 1em;
    color: #fff;
    border-radius: 2px;
    background: #1E90FF; }

  @media screen and (max-width: 752px) {
    .svitem-dev-tx {
      width: 100%;
      margin-top: 10.2564102564vw; } }
  .svitem-dev-tx-ttl {
    position: relative;
    font-size: 20px;
    font-weight: 700;
    padding-bottom: 0.5em;
    margin-top: 1.0em;
    margin-bottom: 1.2em; }
    @media screen and (max-width: 1300px) {
      .svitem-dev-tx-ttl {
        font-size: 1.5384615385vw; } }
    @media screen and (max-width: 752px) {
      .svitem-dev-tx-ttl {
        font-size: 2.6595744681vw; } }
    @media screen and (max-width: 480px) {
      .svitem-dev-tx-ttl {
        font-size: 5.1282051282vw; } }
    .svitem-dev-tx-ttl::before {
      position: absolute;
      content: "";
      width: 100%;
      height: 2px;
      left: 0;
      bottom: 0;
      background-color: #1E90FF; }
      @media screen and (max-width: 1300px) {
        .svitem-dev-tx-ttl::after {
          width: 4.6153846154vw; } }
      @media screen and (max-width: 752px) {
        .svitem-dev-tx-ttl::after {
          width: 15.3846153846vw; } }
  .svitem-dev-tx-desc {
    font-size: 16px;
    line-height: 1.687;
    margin-bottom: 2em; }
    @media screen and (max-width: 1300px) {
      .svitem-dev-tx-desc {
        font-size: 1.2307692308vw; } }
    @media screen and (max-width: 752px) {
      .svitem-dev-tx-desc {
        font-size: 2.1276595745vw; } }
    @media screen and (max-width: 480px) {
      .svitem-dev-tx-desc {
        font-size: 4.1025641026vw; } }

/* svitem-appli
---------------------------------------------------------------------------*/
.svitem-appli {
  margin-bottom: 100px;
  padding-bottom: 0; }
  @media screen and (max-width: 1300px) {
    .svitem-appli {
      margin-bottom: 7.6923076923vw;
      padding-bottom: 0vw; } }
  @media screen and (max-width: 752px) {
    .svitem-appli {
      margin-bottom: 25.641025641vw;
      padding-bottom: 0vw; } }
  .svitem-appli-ttl {
    font-weight: 700;
    margin-bottom: 60px; }
    .svitem-appli-ttl > h2 {
      font-size: 30px;
      font-weight: 700;
      line-height: 1.4; }
      @media screen and (max-width: 1300px) {
        .svitem-appli-ttl > h2 {
          font-size: 2.3076923077vw; } }
      @media screen and (max-width: 752px) {
        .svitem-appli-ttl > h2 {
          font-size: 3.9893617021vw; } }
      @media screen and (max-width: 480px) {
        .svitem-appli-ttl > h2 {
          font-size: 7.6923076923vw; } }
    .svitem-appli-ttl > p {
      font-size: 15px;
      color: #C7C7C7; }
      @media screen and (max-width: 1300px) {
        .svitem-appli-ttl > p {
          font-size: 1.1538461538vw; } }
      @media screen and (max-width: 752px) {
        .svitem-appli-ttl > p {
          font-size: 1.9946808511vw; } }
      @media screen and (max-width: 480px) {
        .svitem-appli-ttl > p {
          font-size: 3.8461538462vw; } }
    @media screen and (max-width: 1300px) {
      .svitem-appli-ttl {
        margin-bottom: 4.6153846154vw; } }
  .svitem-appli .pgtbl dt {
    width: 19%; }
  .svitem-appli .pgtbl dd {
    width: 81%; }

/* svitem-game
---------------------------------------------------------------------------*/
.svitem-game {
  margin-bottom: 100px;
  padding-bottom: 100px;
  border-bottom: 1px solid #E5E5E5; }
  @media screen and (max-width: 1300px) {
    .svitem-game {
      margin-bottom: 7.6923076923vw;
      padding-bottom: 7.6923076923vw; } }
  @media screen and (max-width: 752px) {
    .svitem-game {
      margin-bottom: 25.641025641vw;
      padding-bottom: 25.641025641vw; } }
  .svitem-game-ttl {
    font-weight: 700;
    margin-bottom: 60px; }
    .svitem-game-ttl > h2 {
      font-size: 30px;
      font-weight: 700;
      line-height: 1.4; }
      @media screen and (max-width: 1300px) {
        .svitem-game-ttl > h2 {
          font-size: 2.3076923077vw; } }
      @media screen and (max-width: 752px) {
        .svitem-game-ttl > h2 {
          font-size: 3.9893617021vw; } }
      @media screen and (max-width: 480px) {
        .svitem-game-ttl > h2 {
          font-size: 7.6923076923vw; } }
    .svitem-game-ttl > p {
      font-size: 15px;
      color: #C7C7C7; }
      @media screen and (max-width: 1300px) {
        .svitem-game-ttl > p {
          font-size: 1.1538461538vw; } }
      @media screen and (max-width: 752px) {
        .svitem-game-ttl > p {
          font-size: 1.9946808511vw; } }
      @media screen and (max-width: 480px) {
        .svitem-game-ttl > p {
          font-size: 3.8461538462vw; } }
    @media screen and (max-width: 1300px) {
      .svitem-game-ttl {
        margin-bottom: 4.6153846154vw; } }
  .svitem-game .pgtbl dt {
    width: 19%; }
  .svitem-game .pgtbl dd {
    width: 81%; }

/* svitem-game2
---------------------------------------------------------------------------*/
.svitem-game2 {
  margin-bottom: 100px;
  padding-bottom: 0; }
  @media screen and (max-width: 1300px) {
    .svitem-game2 {
      margin-bottom: 7.6923076923vw;
      padding-bottom: 0vw; } }
  @media screen and (max-width: 752px) {
    .svitem-game2 {
      margin-bottom: 25.641025641vw;
      padding-bottom: 0vw; } }
  .svitem-game2-ttl {
    font-weight: 700;
    margin-bottom: 60px; }
    .svitem-game2-ttl > h2 {
      font-size: 30px;
      font-weight: 700;
      line-height: 1.4; }
      @media screen and (max-width: 1300px) {
        .svitem-game2-ttl > h2 {
          font-size: 2.3076923077vw; } }
      @media screen and (max-width: 752px) {
        .svitem-game2-ttl > h2 {
          font-size: 3.9893617021vw; } }
      @media screen and (max-width: 480px) {
        .svitem-game2-ttl > h2 {
          font-size: 7.6923076923vw; } }
    .svitem-game2-ttl > p {
      font-size: 15px;
      color: #C7C7C7; }
      @media screen and (max-width: 1300px) {
        .svitem-game2-ttl > p {
          font-size: 1.1538461538vw; } }
      @media screen and (max-width: 752px) {
        .svitem-game2-ttl > p {
          font-size: 1.9946808511vw; } }
      @media screen and (max-width: 480px) {
        .svitem-game2-ttl > p {
          font-size: 3.8461538462vw; } }
    @media screen and (max-width: 1300px) {
      .svitem-game2-ttl {
        margin-bottom: 4.6153846154vw; } }
  .svitem-game2 .pgtbl dt {
    width: 19%; }
  .svitem-game2 .pgtbl dd {
    width: 81%; }

/* svitem-software
---------------------------------------------------------------------------*/
.svitem-software {
  margin-bottom: 100px;
  padding-bottom: 100px;
  border-bottom: 1px solid #E5E5E5; }
  @media screen and (max-width: 1300px) {
    .svitem-software {
      margin-bottom: 7.6923076923vw;
      padding-bottom: 7.6923076923vw; } }
  @media screen and (max-width: 752px) {
    .svitem-software {
      margin-bottom: 25.641025641vw;
      padding-bottom: 25.641025641vw; } }
  .svitem-software-ttl {
    font-weight: 700;
    margin-bottom: 60px; }
    .svitem-software-ttl > h2 {
      font-size: 30px;
      font-weight: 700;
      line-height: 1.4; }
      @media screen and (max-width: 1300px) {
        .svitem-software-ttl > h2 {
          font-size: 2.3076923077vw; } }
      @media screen and (max-width: 752px) {
        .svitem-software-ttl > h2 {
          font-size: 3.9893617021vw; } }
      @media screen and (max-width: 480px) {
        .svitem-software-ttl > h2 {
          font-size: 7.6923076923vw; } }
    .svitem-software-ttl > p {
      font-size: 15px;
      color: #C7C7C7; }
      @media screen and (max-width: 1300px) {
        .svitem-software-ttl > p {
          font-size: 1.1538461538vw; } }
      @media screen and (max-width: 752px) {
        .svitem-software-ttl > p {
          font-size: 1.9946808511vw; } }
      @media screen and (max-width: 480px) {
        .svitem-software-ttl > p {
          font-size: 3.8461538462vw; } }
    @media screen and (max-width: 1300px) {
      .svitem-software-ttl {
        margin-bottom: 4.6153846154vw; } }
  .svitem-software .pgtbl dt {
    width: 19%; }
  .svitem-software .pgtbl dd {
    width: 81%; }

/* svitem-software2
---------------------------------------------------------------------------*/
.svitem-software2 {
  margin-bottom: 100px;
  padding-bottom: 0; }
  @media screen and (max-width: 1300px) {
    .svitem-software2 {
      margin-bottom: 7.6923076923vw;
      padding-bottom: 0vw; } }
  @media screen and (max-width: 752px) {
    .svitem-software2 {
      margin-bottom: 25.641025641vw;
      padding-bottom: 0vw; } }
  .svitem-software2-ttl {
    font-weight: 700;
    margin-bottom: 60px; }
    .svitem-software2-ttl > h2 {
      font-size: 30px;
      font-weight: 700;
      line-height: 1.4; }
      @media screen and (max-width: 1300px) {
        .svitem-software2-ttl > h2 {
          font-size: 2.3076923077vw; } }
      @media screen and (max-width: 752px) {
        .svitem-software2-ttl > h2 {
          font-size: 3.9893617021vw; } }
      @media screen and (max-width: 480px) {
        .svitem-software2-ttl > h2 {
          font-size: 7.6923076923vw; } }
    .svitem-software2-ttl > p {
      font-size: 15px;
      color: #C7C7C7; }
      @media screen and (max-width: 1300px) {
        .svitem-software2-ttl > p {
          font-size: 1.1538461538vw; } }
      @media screen and (max-width: 752px) {
        .svitem-software2-ttl > p {
          font-size: 1.9946808511vw; } }
      @media screen and (max-width: 480px) {
        .svitem-software2-ttl > p {
          font-size: 3.8461538462vw; } }
    @media screen and (max-width: 1300px) {
      .svitem-software2-ttl {
        margin-bottom: 4.6153846154vw; } }
  .svitem-software2 .pgtbl dt {
    width: 19%; }
  .svitem-software2 .pgtbl dd {
    width: 81%; }