@charset "UTF-8";
/* Scss Document */
a,
input,
*::before,
*::after {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden; }

.img _:-ms-lang(x),
.img _::-webkit-meter-bar,
.img img {
  min-width: auto !important; }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-style: normal;
  vertical-align: baseline;
  line-break: strict; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

img {
  vertical-align: top; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

input, textarea {
  margin: 0;
  padding: 0; }

ol, ul {
  list-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

caption, th {
  text-align: left; }

a:focus {
  outline: none; }

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden; }

.clearfix {
  min-height: 1px; }

* html .clearfix {
  height: 1px; }

.both {
  clear: both; }

h1,
h2,
h3,
h4,
p,
a,
span {
  white-space: normal;
  word-break: break-word; }

/* フォームのスタイル解除
------------------------------------------------------ */
input,
button,
textarea,
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border-radius: 0;
  outline: none;
  resize: none;
  border: none; }
  input:hover,
  button:hover,
  textarea:hover,
  select:hover {
    cursor: pointer; }

/* ----------------------------------------------------------
font-weight
---------------------------------------------------------- */
@use 'colors';
@use "mixin";
@use 'media';
@use 'font';
html {
  scroll-behavior: smooth; }

html,
body {
  margin: 0;
  font-weight: 500;
  /* medium */
  min-height: 100svh;
  color: #000;
  counter-reset: number 0;
  font-size: 10px;
  font-family: "Yu Gothic", YuGothic, "Noto Sans JP", sans-serif; }
  html:before,
  body:before {
    width: 1366px;
    height: 50px;
    background: #f00;
    border: solid 1px #0af;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 50; }
  html a,
  html button,
  html .children,
  body a,
  body button,
  body .children {
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease; }

input, textarea {
  font-family: "Yu Gothic", YuGothic, "Noto Sans JP", sans-serif; }

body {
  width: 100%;
  overflow: scroll;
  font-weight: 400;
  /* regular */
  color: #000;
  position: relative;
  position: relative; }

ul,
li {
  list-style: none; }

a {
  text-decoration: none; }

img {
  max-width: 100%; }

.t-bold {
  font-weight: 700;
  /* bold */ }

.t-a-r {
  text-align: right; }

/* ----------------------------------------------------------
font-weight
---------------------------------------------------------- */

.m-belt-1 {
  width: 100%;
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      height: auto;
    } @else {
      height: calc(30 / 1366 * 100vw);

    }
  }
  */
  background: #fff;
  position: absolute;
  z-index: 11;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  will-change: background-position; }
  .m-belt-1.fixed {
    position: fixed; }

.m-belt-1__top {
  top: 0;
  left: 0;
  background-image: url(../images/common/belt-okakichi-1.png);
  background-repeat: repeat-x;
  background-position: center left; }

@-webkit-keyframes belt-top {
  0% {
    background-position: center left 0; }
  100% {
    background-position: center left 930px; } }

@keyframes belt-top {
  0% {
    background-position: center left 0; }
  100% {
    background-position: center left 930px; } }

@-webkit-keyframes belt-top-sp {
  0% {
    background-position: center left 0; }
  100% {
    background-position: center left 744px; } }

@keyframes belt-top-sp {
  0% {
    background-position: center left 0; }
  100% {
    background-position: center left 744px; } }

.m-belt-1__bottom {
  bottom: 0;
  left: 0;
  background-image: url(../images/common/belt-sentence-1.png);
  background-repeat: repeat-x;
  background-position: center left; }

@-webkit-keyframes belt-bottom {
  0% {
    background-position: top 12px left 0; }
  100% {
    background-position: top 12px left -5000px; } }

@keyframes belt-bottom {
  0% {
    background-position: top 12px left 0; }
  100% {
    background-position: top 12px left -5000px; } }

@-webkit-keyframes belt-bottom-sp {
  0% {
    background-position: top 7px left 0; }
  100% {
    background-position: top 7px left -4000px; } }

@keyframes belt-bottom-sp {
  0% {
    background-position: top 7px left 0; }
  100% {
    background-position: top 7px left -4000px; } }

/* ----------------------------------------------------------

見出し

---------------------------------------------------------- */
.m-head-1 {
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      height: auto;
    } @else {
      height: calc(102 / 1366 * 100vw);

    }
  }
  */
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      padding-left: auto;
    } @else {
      padding-left: calc(32 / 1366 * 100vw);

    }
  }
  */ }
  .m-head-1 .en {
    position: absolute;
    top: 0;
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      left: auto;
    } @else {
      left: calc(32 / 1366 * 100vw);

    }
  }
  */
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      height: auto;
    } @else {
      height: calc(75 / 1366 * 100vw);

    }
  }
  */ }
    .m-head-1 .en img {
      width: auto;
      max-width: none;
      height: 100%; }
  .m-head-1 .ja {
    position: absolute;
    bottom: 0;
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      left: auto;
    } @else {
      left: calc(41 / 1366 * 100vw);

    }
  }
  */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      height: auto;
    } @else {
      height: calc(35 / 1366 * 100vw);

    }
  }
  */
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      padding-top: auto;
    } @else {
      padding-top: calc(3 / 1366 * 100vw);

    }
  }
  */
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      padding-left: auto;
    } @else {
      padding-left: calc(23 / 1366 * 100vw);

    }
  }
  */ }
    .m-head-1 .ja .txt {
      font-weight: 700;
      /* bold */
      /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      font-size: auto;
    } @else {
      font-size: calc(18 / 1366 * 100vw);

    }
  }
  */ }
    .m-head-1 .ja:before {
      content: "";
      width: 100%;
      /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      height: auto;
    } @else {
      height: calc(35 / 1366 * 100vw);

    }
  }
  */
      position: absolute;
      left: 0;
      bottom: 0;
      background: #fff;
      -webkit-transform: skew(-9deg, 0);
              transform: skew(-9deg, 0);
      -webkit-transform-origin: left bottom;
              transform-origin: left bottom; }
    .m-head-1 .ja:after {
      content: "";
      /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      width: auto;
    } @else {
      width: calc(12 / 1366 * 100vw);

    }
  }
  */
      /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      height: auto;
    } @else {
      height: calc(35 / 1366 * 100vw);

    }
  }
  */
      position: absolute;
      left: 0;
      bottom: 0;
      background-image: url(../images/common/head-label-1.svg);
      background-repeat: no-repeat;
      background-size: contain; }
  .m-head-1 .txt {
    position: relative;
    z-index: 2; }
  .m-head-1 .belt {
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      height: auto;
    } @else {
      height: calc(69 / 1366 * 100vw);

    }
  }
  */
    position: absolute;
    right: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      top: auto;
    } @else {
      top: calc(16 / 1366 * 100vw);

    }
  }
  */ }
    .m-head-1 .belt:before {
      content: "";
      width: 100%;
      height: 100%;
      background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.42)), to(#ebd900));
      background: linear-gradient(to right, rgba(255, 255, 255, 0.42) 0%, #ebd900 100%);
      opacity: 0.8;
      position: absolute;
      left: 0;
      top: 0; }
    .m-head-1 .belt .rail {
      width: 100%;
      height: 100%;
      position: relative;
      z-index: 2; }
      .m-head-1 .belt .rail.works {
        background-image: url(../images/common/belt-works-1.png);
        background-repeat: repeat-x;
        background-position: center left; }
      .m-head-1 .belt .rail.creator {
        background-image: url(../images/common/belt-creator-1.png);
        background-repeat: repeat-x;
        background-position: center left; }
      .m-head-1 .belt .rail.contact {
        background-image: url(../images/common/belt-contact-1.png);
        background-repeat: repeat-x;
        background-position: center left; }
      .m-head-1 .belt .rail.company {
        /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      top: auto;
    } @else {
      top: calc(5 / 1366 * 100vw);

    }
  }
  */
        background-image: url(../images/common/belt-company-1.png);
        background-repeat: repeat-x;
        background-position: center left; }
      .m-head-1 .belt .rail.recruit {
        background-image: url(../images/common/belt-recruit-1.png);
        background-repeat: repeat-x;
        background-position: center left; }
  .m-head-1.works {
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      margin-bottom: auto;
    } @else {
      margin-bottom: calc(50 / 1366 * 100vw);

    }
  }
  */ }
    .m-head-1.works .ja {
      /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      width: auto;
    } @else {
      width: calc(117 / 1366 * 100vw);

    }
  }
  */ }
  .m-head-1.creator {
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      margin-bottom: auto;
    } @else {
      margin-bottom: calc(50 / 1366 * 100vw);

    }
  }
  */ }
    .m-head-1.creator .ja {
      /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      width: auto;
    } @else {
      width: calc(147 / 1366 * 100vw);

    }
  }
  */ }
  .m-head-1.contact {
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      margin-bottom: auto;
    } @else {
      margin-bottom: calc(30 / 1366 * 100vw);

    }
  }
  */ }
    .m-head-1.contact .ja {
      /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      width: auto;
    } @else {
      width: calc(140 / 1366 * 100vw);

    }
  }
  */ }
  .m-head-1.company {
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      margin-bottom: auto;
    } @else {
      margin-bottom: calc(67 / 1366 * 100vw);

    }
  }
  */ }
    .m-head-1.company .en {
      /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      height: auto;
    } @else {
      height: calc(95 / 1366 * 100vw);

    }
  }
  */ }
    .m-head-1.company .ja {
      /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      width: auto;
    } @else {
      width: calc(117 / 1366 * 100vw);

    }
  }
  */ }
  .m-head-1.recruit {
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      margin-bottom: auto;
    } @else {
      margin-bottom: calc(50 / 1366 * 100vw);

    }
  }
  */ }
    .m-head-1.recruit .ja {
      /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      width: auto;
    } @else {
      width: calc(117 / 1366 * 100vw);

    }
  }
  */ }

@-webkit-keyframes works {
  0% {
    background-position: center left 0; }
  100% {
    background-position: center left -4400px; } }

@keyframes works {
  0% {
    background-position: center left 0; }
  100% {
    background-position: center left -4400px; } }

@-webkit-keyframes creator {
  0% {
    background-position: center left 0; }
  100% {
    background-position: center left -5200px; } }

@keyframes creator {
  0% {
    background-position: center left 0; }
  100% {
    background-position: center left -5200px; } }

@-webkit-keyframes contact {
  0% {
    background-position: center left 0; }
  100% {
    background-position: center left -4900px; } }

@keyframes contact {
  0% {
    background-position: center left 0; }
  100% {
    background-position: center left -4900px; } }

@-webkit-keyframes company {
  0% {
    background-position: center left 0; }
  100% {
    background-position: center left -6220px; } }

@keyframes company {
  0% {
    background-position: center left 0; }
  100% {
    background-position: center left -6220px; } }

@-webkit-keyframes recruit {
  0% {
    background-position: center left 0; }
  100% {
    background-position: center left -5100px; } }

@keyframes recruit {
  0% {
    background-position: center left 0; }
  100% {
    background-position: center left -5100px; } }

/* ----------------------------------------------------------

Works, Creatorのカード

---------------------------------------------------------- */
.m-card-1 {
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      min-width: auto;
    } @else {
      min-width: calc(330 / 1366 * 100vw);

    }
  }
  */
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      width: auto;
    } @else {
      width: calc(330 / 1366 * 100vw);

    }
  }
  */
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      height: auto;
    } @else {
      height: calc(290 / 1366 * 100vw);

    }
  }
  */
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      border-radius: auto;
    } @else {
      border-radius: calc(8 / 1366 * 100vw);

    }
  }
  */
  background: #fff;
  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-sizing: border-box;
          box-sizing: border-box;
  color: #000;
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      padding-top: auto;
    } @else {
      padding-top: calc(2 / 1366 * 100vw);

    }
  }
  */
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      padding-left: auto;
    } @else {
      padding-left: calc(2 / 1366 * 100vw);

    }
  }
  */
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transition: -webkit-box-shadow 0.3s ease;
  transition: -webkit-box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
  -webkit-box-shadow: 3px 3px 0 #E0E0E0;
          box-shadow: 3px 3px 0 #E0E0E0; }
  .m-card-1:not(:nth-of-type(3n)) {
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      margin-right: auto;
    } @else {
      margin-right: calc(54 / 1366 * 100vw);

    }
  }
  */ }

.m-card-1__fig {
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      border-top-left-radius: auto;
    } @else {
      border-top-left-radius: calc(8 / 1366 * 100vw);

    }
  }
  */
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      border-top-right-radius: auto;
    } @else {
      border-top-right-radius: calc(8 / 1366 * 100vw);

    }
  }
  */
  overflow: hidden; }

.m-card-1__txt {
  width: 100%;
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      height: auto;
    } @else {
      height: calc(104 / 1366 * 100vw);

    }
  }
  */
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      padding-left: auto;
    } @else {
      padding-left: calc(20 / 1366 * 100vw);

    }
  }
  */
  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; }

.m-card-1__ttl {
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      font-size: auto;
    } @else {
      font-size: calc(18 / 1366 * 100vw);

    }
  }
  */
  letter-spacing: 0.05em;
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      line-height: auto;
    } @else {
      line-height: calc(28 / 1366 * 100vw);

    }
  }
  */ }

.m-card-1__name {
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      font-size: auto;
    } @else {
      font-size: calc(18 / 1366 * 100vw);

    }
  }
  */
  letter-spacing: 0.05em;
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      line-height: auto;
    } @else {
      line-height: calc(28 / 1366 * 100vw);

    }
  }
  */
  font-weight: 500;
  /* medium */ }

.m-card-1__role {
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      font-size: auto;
    } @else {
      font-size: calc(14 / 1366 * 100vw);

    }
  }
  */
  font-weight: 700;
  /* bold */
  letter-spacing: 0.05em; }

/* ----------------------------------------------------------

ボタン

---------------------------------------------------------- */
.m-btn-1 {
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      width: auto;
    } @else {
      width: calc(220 / 1366 * 100vw);

    }
  }
  */
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      height: auto;
    } @else {
      height: calc(54 / 1366 * 100vw);

    }
  }
  */
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      border-radius: auto;
    } @else {
      border-radius: calc(27 / 1366 * 100vw);

    }
  }
  */
  position: relative;
  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;
  background-color: #000;
  color: #fff;
  -webkit-transition: -webkit-box-shadow 0.3s ease;
  transition: -webkit-box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
  -webkit-box-shadow: 3px 3px 0 #fff;
          box-shadow: 3px 3px 0 #fff;
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      font-size: auto;
    } @else {
      font-size: calc(16 / 1366 * 100vw);

    }
  }
  */
  font-weight: 700;
  /* bold */
  font-family: "Noto Sans JP", sans-serif;
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      padding-left: auto;
    } @else {
      padding-left: calc(42 / 1366 * 100vw);

    }
  }
  */
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      padding-right: auto;
    } @else {
      padding-right: calc(42 / 1366 * 100vw);

    }
  }
  */
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  white-space: nowrap; }
  .m-btn-1 img {
    width: auto;
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      height: auto;
    } @else {
      height: calc(17 / 1366 * 100vw);

    }
  }
  */ }
  .m-btn-1.external {
    background-image: url(../images/common/icon-external.svg);
    background-repeat: no-repeat; }
  .m-btn-1.marketplace {
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      width: auto;
    } @else {
      width: calc(260 / 1366 * 100vw);

    }
  }
  */ }
  .m-btn-1.unclickable {
    background: #555555;
    pointer-events: none; }

/* ----------------------------------------------------------
font-weight
---------------------------------------------------------- */

#link {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.link-item {
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      height: auto;
    } @else {
      height: calc(250 / 1366 * 100vw);

    }
  }
  */
  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;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      padding-left: auto;
    } @else {
      padding-left: calc(0 / 1366 * 100vw);

    }
  }
  */ }
  .link-item .num {
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      width: auto;
    } @else {
      width: calc(25 / 1366 * 100vw);

    }
  }
  */
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      height: auto;
    } @else {
      height: calc(25 / 1366 * 100vw);

    }
  }
  */
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-top: solid 1px #000;
    border-bottom: solid 1px #000;
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      font-size: auto;
    } @else {
      font-size: calc(15 / 1366 * 100vw);

    }
  }
  */
    letter-spacing: 0.05em;
    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: #000;
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      margin-bottom: auto;
    } @else {
      margin-bottom: calc(4 / 1366 * 100vw);

    }
  }
  */ }
  .link-item .black {
    color: #000;
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      font-size: auto;
    } @else {
      font-size: calc(20 / 1366 * 100vw);

    }
  }
  */
    letter-spacing: 0.05em;
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      line-height: auto;
    } @else {
      line-height: calc(40 / 1366 * 100vw);

    }
  }
  */ }
  .link-item .green {
    font-weight: 600;
    /* semibold */
    color: #5DA804;
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      font-size: auto;
    } @else {
      font-size: calc(25 / 1366 * 100vw);

    }
  }
  */
    letter-spacing: 0.05em;
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      line-height: auto;
    } @else {
      line-height: calc(40 / 1366 * 100vw);

    }
  }
  */ }
    .link-item .green.exc {
      /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      font-size: auto;
    } @else {
      font-size: calc(24 / 1366 * 100vw);

    }
  }
  */ }
  .link-item:not(:last-of-type):after {
    content: "";
    background: #5DA804;
    position: absolute;
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      width: auto;
    } @else {
      width: calc(1 / 1366 * 100vw);

    }
  }
  */
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      height: auto;
    } @else {
      height: calc(220 / 1366 * 100vw);

    }
  }
  */ }

#container {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      padding-top: auto;
    } @else {
      padding-top: calc(0 / 1366 * 100vw);

    }
  }
  */
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  position: relative;
  z-index: 10; }

#content {
  min-height: 100svh;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      padding-bottom: auto;
    } @else {
      padding-bottom: calc(70 / 1366 * 100vw);

    }
  }
  */ }

.l-content {
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      width: auto;
    } @else {
      width: calc(1100 / 1366 * 100vw);

    }
  }
  */
  margin-left: auto;
  margin-right: auto; }

.l-subpage {
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      padding-top: auto;
    } @else {
      padding-top: calc(187 / 1366 * 100vw);

    }
  }
  */
  position: relative;
  z-index: 2; }

#header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.header-inner {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      padding-left: auto;
    } @else {
      padding-left: calc(25 / 1366 * 100vw);

    }
  }
  */
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      padding-right: auto;
    } @else {
      padding-right: calc(10 / 1366 * 100vw);

    }
  }
  */ }

.burger-btn {
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      width: auto;
    } @else {
      width: calc(75 / 1366 * 100vw);

    }
  }
  */
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      height: auto;
    } @else {
      height: calc(75 / 1366 * 100vw);

    }
  }
  */
  color: #000;
  cursor: pointer;
  position: fixed;
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      top: auto;
    } @else {
      top: calc(30 / 1366 * 100vw);

    }
  }
  */
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      left: auto;
    } @else {
      left: calc(30 / 1366 * 100vw);

    }
  }
  */
  z-index: 110;
  -webkit-transition: all 1s linear;
  transition: all 1s linear;
  opacity: 0; }
  .burger-btn.is-kv {
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      top: auto;
    } @else {
      top: calc(60 / 1366 * 100vw);

    }
  }
  */ }
  .burger-btn:before, .burger-btn:after {
    content: "";
    width: 100%;
    height: 100%;
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      border-radius: auto;
    } @else {
      border-radius: calc(4 / 1366 * 100vw);

    }
  }
  */
    position: absolute;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out; }
  .burger-btn:before {
    background: #fff;
    top: 0;
    left: 0;
    z-index: 2; }
  .burger-btn:after {
    background: #000;
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      top: auto;
    } @else {
      top: calc(2 / 1366 * 100vw);

    }
  }
  */
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      left: auto;
    } @else {
      left: calc(2 / 1366 * 100vw);

    }
  }
  */
    z-index: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  .burger-btn span {
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      height: auto;
    } @else {
      height: calc(2 / 1366 * 100vw);

    }
  }
  */
    background: #000;
    z-index: 3;
    position: absolute;
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      right: auto;
    } @else {
      right: calc(16 / 1366 * 100vw);

    }
  }
  */
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    display: inline-block;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
    .burger-btn span:nth-of-type(1) {
      /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      top: auto;
    } @else {
      top: calc(22 / 1366 * 100vw);

    }
  }
  */
      /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      width: auto;
    } @else {
      width: calc(35 / 1366 * 100vw);

    }
  }
  */
      -webkit-transform-origin: top left;
              transform-origin: top left; }
    .burger-btn span:nth-of-type(2) {
      /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      top: auto;
    } @else {
      top: calc(37 / 1366 * 100vw);

    }
  }
  */
      /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      width: auto;
    } @else {
      width: calc(43 / 1366 * 100vw);

    }
  }
  */ }
    .burger-btn span:nth-of-type(3) {
      /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      top: auto;
    } @else {
      top: calc(51 / 1366 * 100vw);

    }
  }
  */
      /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      width: auto;
    } @else {
      width: calc(35 / 1366 * 100vw);

    }
  }
  */
      -webkit-transform-origin: bottom right;
              transform-origin: bottom right; }
  .burger-btn.is-open:before {
    background: #FFF400; }
  .burger-btn.is-open:after {
    background: #fff; }
  .burger-btn.is-open span:nth-of-type(1) {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      width: auto;
    } @else {
      width: calc(42 / 1366 * 100vw);

    }
  }
  */
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      top: auto;
    } @else {
      top: calc(21 / 1366 * 100vw);

    }
  }
  */
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      right: auto;
    } @else {
      right: calc(10 / 1366 * 100vw);

    }
  }
  */ }
  .burger-btn.is-open span:nth-of-type(2) {
    opacity: 0;
    width: 0; }
  .burger-btn.is-open span:nth-of-type(3) {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      width: auto;
    } @else {
      width: calc(42 / 1366 * 100vw);

    }
  }
  */
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      top: auto;
    } @else {
      top: calc(21 / 1366 * 100vw);

    }
  }
  */
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      right: auto;
    } @else {
      right: calc(22 / 1366 * 100vw);

    }
  }
  */ }

@-webkit-keyframes burger {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes burger {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

#header-nav {
  z-index: 100;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      top: auto;
    } @else {
      top: calc(0 / 1366 * 100vw);

    }
  }
  */
  pointer-events: none;
  opacity: 0;
  position: fixed;
  left: 0;
  background: #000;
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      width: auto;
    } @else {
      width: calc(625 / 1366 * 100vw);

    }
  }
  */
  height: 100%;
  translate: -100% 0; }
  #header-nav.is-open {
    pointer-events: auto;
    opacity: 1;
    translate: 0 0; }

.header-nav__inner {
  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;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      padding-top: auto;
    } @else {
      padding-top: calc(0 / 1366 * 100vw);

    }
  }
  */
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      padding-right: auto;
    } @else {
      padding-right: calc(0 / 1366 * 100vw);

    }
  }
  */
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      padding-left: auto;
    } @else {
      padding-left: calc(0 / 1366 * 100vw);

    }
  }
  */
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.header-nav__item {
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      margin-left: auto;
    } @else {
      margin-left: calc(40 / 1366 * 100vw);

    }
  }
  */
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0); }
  .header-nav__item:not(:last-of-type) {
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      margin-bottom: auto;
    } @else {
      margin-bottom: calc(50 / 1366 * 100vw);

    }
  }
  */ }
  .header-nav__item.unclickable {
    pointer-events: none; }

.header-nav__line {
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      width: auto;
    } @else {
      width: calc(50 / 1366 * 100vw);

    }
  }
  */
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      height: auto;
    } @else {
      height: calc(50 / 1366 * 100vw);

    }
  }
  */
  margin-left: auto;
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      margin-left: auto;
    } @else {
      margin-left: calc(0 / 1366 * 100vw);

    }
  }
  */ }

.header-nav__btn {
  background-color: #FF8A01;
  color: #fff;
  font-weight: 700;
  /* bold */
  letter-spacing: 0.05em;
  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;
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      width: auto;
    } @else {
      width: calc(180 / 1366 * 100vw);

    }
  }
  */
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      height: auto;
    } @else {
      height: calc(50 / 1366 * 100vw);

    }
  }
  */
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      margin-left: auto;
    } @else {
      margin-left: calc(15 / 1366 * 100vw);

    }
  }
  */
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      font-size: auto;
    } @else {
      font-size: calc(16 / 1366 * 100vw);

    }
  }
  */ }
  .header-nav__btn:before {
    content: "";
    width: 14px;
    height: 11px;
    background-image: url(../images/icon-mail-1.svg);
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 7px; }

#footer {
  width: 100%;
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      height: auto;
    } @else {
      height: calc(70 / 1366 * 100vw);

    }
  }
  */
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      max-height: auto;
    } @else {
      max-height: calc(70 / 1366 * 100vw);

    }
  }
  */
  background: #000;
  position: absolute;
  bottom: 0;
  z-index: 2;
  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;
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      min-height: auto;
    } @else {
      min-height: calc(70 / 1366 * 100vw);

    }
  }
  */ }

.copyright {
  font-family: "Noto Sans JP", sans-serif;
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      font-size: auto;
    } @else {
      font-size: calc(12 / 1366 * 100vw);

    }
  }
  */
  color: #fff;
  font-weight: 500;
  /* medium */ }

#totop {
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      width: auto;
    } @else {
      width: calc(57 / 1366 * 100vw);

    }
  }
  */
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      height: auto;
    } @else {
      height: calc(57 / 1366 * 100vw);

    }
  }
  */
  border-radius: 50%;
  background: #fff;
  cursor: pointer;
  position: absolute;
  top: 0;
  translate: 0 -50%;
  background-image: url(../images/common/totop.svg);
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
  opacity: 0; }
  #totop.is-inview {
    opacity: 1; }

@use 'utility/media';
/* Scss Document */
#bg {
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff400; }

body.is-transitioning #circle,
body.is-transitioning .burger-btn {
  opacity: 0 !important;
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s; }

body.is-transit #circle {
  -webkit-transition: all 1s ease-in-out 0s;
  transition: all 1s ease-in-out 0s;
  opacity: 1; }

body.is-transit .burger-btn {
  opacity: 1; }

#circle {
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      width: auto;
    } @else {
      width: calc(266 / 1366 * 100vw);

    }
  }
  */
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      height: auto;
    } @else {
      height: calc(266 / 1366 * 100vw);

    }
  }
  */
  z-index: 2;
  -webkit-animation: rotate 25s linear infinite;
          animation: rotate 25s linear infinite;
  position: fixed;
  left: 50%;
  top: 50%;
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      margin-left: auto;
    } @else {
      margin-left: calc(652 / 1366 * 100vw);

    }
  }
  */
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      margin-top: auto;
    } @else {
      margin-top: calc(56 / 1366 * 100vw);

    }
  }
  */
  translate: -100% 0;
  pointer-events: none;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  will-change: rotate;
  -webkit-transition: opacity .3s ease-in-out 0.3s;
  transition: opacity .3s ease-in-out 0.3s; }
  #circle.is-invisible {
    opacity: 0 !important;
    -webkit-transition: opacity .3s ease-in-out 0s;
    transition: opacity .3s ease-in-out 0s; }
  #circle img {
    width: 100%;
    height: 100%; }

#canvas {
  width: 100%;
  height: 100%;
  display: block;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-filter: blur(53px);
          filter: blur(53px);
  will-change: filter; }
  #canvas.noblur {
    -webkit-filter: blur(0px);
            filter: blur(0px); }

.scrollWrap-child {
  height: 100vh;
  max-height: 100svh;
  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-box-sizing: border-box;
          box-sizing: border-box; }

.js-accordion-trigger {
  cursor: pointer; }

.js-accordion-target {
  height: 0;
  overflow: hidden;
  -webkit-transition: height 1s ease;
  transition: height 1s ease; }

.anim {
  -webkit-transition: opacity 1s cubic-bezier(0.65, 0.05, 0.36, 1) 0.3s;
  transition: opacity 1s cubic-bezier(0.65, 0.05, 0.36, 1) 0.3s;
  opacity: 0; }

.anim.is-inview {
  opacity: 1; }

.anim-curtain {
  max-width: 0;
  overflow: hidden;
  -webkit-transition: max-width 1s cubic-bezier(0.65, 0.05, 0.36, 1) 0s;
  transition: max-width 1s cubic-bezier(0.65, 0.05, 0.36, 1) 0s; }
  .anim-curtain img {
    max-width: none; }
  .anim-curtain.is-inview {
    max-width: 100%; }

.anim-fadeUp {
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
  -webkit-transition: all 1s cubic-bezier(0.65, 0.05, 0.36, 1) 0.3s;
  transition: all 1s cubic-bezier(0.65, 0.05, 0.36, 1) 0.3s; }
  .anim-fadeUp.is-inview {
    -webkit-transform: translateY(0);
            transform: translateY(0); }

/* ----------------------------------------------------------
font-weight
---------------------------------------------------------- */
#scrollNav {
  position: fixed;
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      bottom: auto;
    } @else {
      bottom: calc(none / 1366 * 100vw);

    }
  }
  */
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      right: auto;
    } @else {
      right: calc(40 / 1366 * 100vw);

    }
  }
  */
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      left: auto;
    } @else {
      left: calc(none / 1366 * 100vw);

    }
  }
  */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  z-index: 3; }

.scrollNav-item {
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      width: auto;
    } @else {
      width: calc(8 / 1366 * 100vw);

    }
  }
  */
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      height: auto;
    } @else {
      height: calc(8 / 1366 * 100vw);

    }
  }
  */
  background: #fff;
  border-radius: 50%;
  -webkit-transition: background .5s ease-in-out;
  transition: background .5s ease-in-out;
  cursor: pointer; }
  .scrollNav-item:not(:last-of-type) {
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      margin-bottom: auto;
    } @else {
      margin-bottom: calc(20 / 1366 * 100vw);

    }
  }
  */ }
  .scrollNav-item.is-active {
    background: #FFF400; }

/* ----------------------------------------------------------

KV

---------------------------------------------------------- */
#kv {
  position: relative; }
  #kv #logo,
  #kv .m-belt-1,
  #kv .scrollcircle {
    -webkit-transition: opacity 0.3s ease-in-out 0s, -webkit-transform 0.3s ease-in-out 0s;
    transition: opacity 0.3s ease-in-out 0s, -webkit-transform 0.3s ease-in-out 0s;
    transition: opacity 0.3s ease-in-out 0s, transform 0.3s ease-in-out 0s;
    transition: opacity 0.3s ease-in-out 0s, transform 0.3s ease-in-out 0s, -webkit-transform 0.3s ease-in-out 0s; }
  #kv.is-inview #logo {
    -webkit-transition: opacity 1s ease-in-out 0.1s, -webkit-transform 1s ease-in-out 0.1s;
    transition: opacity 1s ease-in-out 0.1s, -webkit-transform 1s ease-in-out 0.1s;
    transition: opacity 1s ease-in-out 0.1s, transform 1s ease-in-out 0.1s;
    transition: opacity 1s ease-in-out 0.1s, transform 1s ease-in-out 0.1s, -webkit-transform 1s ease-in-out 0.1s;
    opacity: 1; }
  #kv.is-inview .m-belt-1 {
    -webkit-transition: opacity 1s ease-in-out 0.7s, -webkit-transform 1s ease-in-out 0.7s;
    transition: opacity 1s ease-in-out 0.7s, -webkit-transform 1s ease-in-out 0.7s;
    transition: opacity 1s ease-in-out 0.7s, transform 1s ease-in-out 0.7s;
    transition: opacity 1s ease-in-out 0.7s, transform 1s ease-in-out 0.7s, -webkit-transform 1s ease-in-out 0.7s;
    opacity: 1; }
  #kv.is-inview .scroll-circle {
    -webkit-transition: opacity 1s ease-in-out 1.3s, -webkit-transform 1s ease-in-out 1.3s;
    transition: opacity 1s ease-in-out 1.3s, -webkit-transform 1s ease-in-out 1.3s;
    transition: opacity 1s ease-in-out 1.3s, transform 1s ease-in-out 1.3s;
    transition: opacity 1s ease-in-out 1.3s, transform 1s ease-in-out 1.3s, -webkit-transform 1s ease-in-out 1.3s;
    opacity: 1; }

#scrollNav {
  -webkit-transition-delay: 1.3s;
          transition-delay: 1.3s; }

#logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      left: auto;
    } @else {
      left: calc(-50 / 1366 * 100vw);

    }
  }
  */
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      top: auto;
    } @else {
      top: calc(15 / 1366 * 100vw);

    }
  }
  */ }

#logo-mark {
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      width: auto;
    } @else {
      width: calc(179 / 1366 * 100vw);

    }
  }
  */
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      height: auto;
    } @else {
      height: calc(242 / 1366 * 100vw);

    }
  }
  */
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      margin-right: auto;
    } @else {
      margin-right: calc(45 / 1366 * 100vw);

    }
  }
  */
  position: relative;
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      top: auto;
    } @else {
      top: calc(4 / 1366 * 100vw);

    }
  }
  */ }

#logo-type {
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      width: auto;
    } @else {
      width: calc(506 / 1366 * 100vw);

    }
  }
  */
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      height: auto;
    } @else {
      height: calc(152 / 1366 * 100vw);

    }
  }
  */ }
  #logo-type img {
    width: 100%;
    height: auto; }

.scroll-circle {
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      width: auto;
    } @else {
      width: calc(156 / 1366 * 100vw);

    }
  }
  */
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      height: auto;
    } @else {
      height: calc(156 / 1366 * 100vw);

    }
  }
  */
  position: absolute;
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      right: auto;
    } @else {
      right: calc(65 / 1366 * 100vw);

    }
  }
  */
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      bottom: auto;
    } @else {
      bottom: calc(56 / 1366 * 100vw);

    }
  }
  */ }

.scroll-circle-txt img,
.scroll-circle-circle img {
  width: 100%;
  height: auto; }

.scroll-circle-txt {
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      width: auto;
    } @else {
      width: calc(156 / 1366 * 100vw);

    }
  }
  */
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      height: auto;
    } @else {
      height: calc(156 / 1366 * 100vw);

    }
  }
  */
  -webkit-animation: rotate 30s linear infinite;
          animation: rotate 30s linear infinite; }

.scroll-circle-circle {
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      width: auto;
    } @else {
      width: calc(112 / 1366 * 100vw);

    }
  }
  */
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      height: auto;
    } @else {
      height: calc(112 / 1366 * 100vw);

    }
  }
  */
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%; }

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

.home-content {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: auto;
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      height: auto;
    } @else {
      height: calc(768 / 1366 * 100vw);

    }
  }
  */
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      padding-top: auto;
    } @else {
      padding-top: calc(150 / 1366 * 100vw);

    }
  }
  */
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in-out 0s, -webkit-transform 0.3s ease-in-out 0s;
  transition: opacity 0.3s ease-in-out 0s, -webkit-transform 0.3s ease-in-out 0s;
  transition: opacity 0.3s ease-in-out 0s, transform 0.3s ease-in-out 0s;
  transition: opacity 0.3s ease-in-out 0s, transform 0.3s ease-in-out 0s, -webkit-transform 0.3s ease-in-out 0s;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 100%; }
  .home-content.kv-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-top: 0 !important; }

.is-inview .home-content {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
  -webkit-transition: opacity 1s ease-in-out 0.1s, -webkit-transform 1s ease-in-out 0.1s;
  transition: opacity 1s ease-in-out 0.1s, -webkit-transform 1s ease-in-out 0.1s;
  transition: opacity 1s ease-in-out 0.1s, transform 1s ease-in-out 0.1s;
  transition: opacity 1s ease-in-out 0.1s, transform 1s ease-in-out 0.1s, -webkit-transform 1s ease-in-out 0.1s; }

/* ----------------------------------------------------------

Works

---------------------------------------------------------- */
#works .m-head-1,
#works .m-btn-1,
#works .works-list,
#works .m-card-1 {
  -webkit-transition: opacity 0.3s ease-in-out 0s, -webkit-transform 0.3s ease-in-out 0s;
  transition: opacity 0.3s ease-in-out 0s, -webkit-transform 0.3s ease-in-out 0s;
  transition: opacity 0.3s ease-in-out 0s, transform 0.3s ease-in-out 0s;
  transition: opacity 0.3s ease-in-out 0s, transform 0.3s ease-in-out 0s, -webkit-transform 0.3s ease-in-out 0s; }

#works .works-list,
#works .m-card-1 {
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
  opacity: 0; }

#works.is-inview .m-head-1,
#works.is-inview .m-btn-1,
#works.is-inview .works-list,
#works.is-inview .m-card-1 {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1; }

#works.is-inview .works-list,
#works.is-inview .m-head-1 {
  -webkit-transition: opacity 1s ease-in-out 0.1s, -webkit-transform 1s ease-in-out 0.1s;
  transition: opacity 1s ease-in-out 0.1s, -webkit-transform 1s ease-in-out 0.1s;
  transition: opacity 1s ease-in-out 0.1s, transform 1s ease-in-out 0.1s;
  transition: opacity 1s ease-in-out 0.1s, transform 1s ease-in-out 0.1s, -webkit-transform 1s ease-in-out 0.1s; }

#works.is-inview .m-btn-1 {
  -webkit-transition: opacity 1s ease-in-out 1.3s, -webkit-transform 1s ease-in-out 1.3s, -webkit-box-shadow 0.3s ease;
  transition: opacity 1s ease-in-out 1.3s, -webkit-transform 1s ease-in-out 1.3s, -webkit-box-shadow 0.3s ease;
  transition: opacity 1s ease-in-out 1.3s, transform 1s ease-in-out 1.3s, box-shadow 0.3s ease;
  transition: opacity 1s ease-in-out 1.3s, transform 1s ease-in-out 1.3s, box-shadow 0.3s ease, -webkit-transform 1s ease-in-out 1.3s, -webkit-box-shadow 0.3s ease; }

#works.is-inview .works-list {
  -webkit-transition: opacity 1s ease-in-out 0.3s, -webkit-transform 1s ease-in-out 0.3s;
  transition: opacity 1s ease-in-out 0.3s, -webkit-transform 1s ease-in-out 0.3s;
  transition: opacity 1s ease-in-out 0.3s, transform 1s ease-in-out 0.3s;
  transition: opacity 1s ease-in-out 0.3s, transform 1s ease-in-out 0.3s, -webkit-transform 1s ease-in-out 0.3s; }

#works.is-inview .m-card-1:nth-of-type(1) {
  -webkit-transition: opacity 1s ease-in-out 0.5s, -webkit-transform 1s ease-in-out 0.5s, -webkit-box-shadow 0.3s ease;
  transition: opacity 1s ease-in-out 0.5s, -webkit-transform 1s ease-in-out 0.5s, -webkit-box-shadow 0.3s ease;
  transition: opacity 1s ease-in-out 0.5s, transform 1s ease-in-out 0.5s, box-shadow 0.3s ease;
  transition: opacity 1s ease-in-out 0.5s, transform 1s ease-in-out 0.5s, box-shadow 0.3s ease, -webkit-transform 1s ease-in-out 0.5s, -webkit-box-shadow 0.3s ease; }

#works.is-inview .m-card-1:nth-of-type(2) {
  -webkit-transition: opacity 1s ease-in-out 0.7s, -webkit-transform 1s ease-in-out 0.7s, -webkit-box-shadow 0.3s ease;
  transition: opacity 1s ease-in-out 0.7s, -webkit-transform 1s ease-in-out 0.7s, -webkit-box-shadow 0.3s ease;
  transition: opacity 1s ease-in-out 0.7s, transform 1s ease-in-out 0.7s, box-shadow 0.3s ease;
  transition: opacity 1s ease-in-out 0.7s, transform 1s ease-in-out 0.7s, box-shadow 0.3s ease, -webkit-transform 1s ease-in-out 0.7s, -webkit-box-shadow 0.3s ease; }

#works.is-inview .m-card-1:nth-of-type(3) {
  -webkit-transition: opacity 1s ease-in-out 0.9s, -webkit-transform 1s ease-in-out 0.9s, -webkit-box-shadow 0.3s ease;
  transition: opacity 1s ease-in-out 0.9s, -webkit-transform 1s ease-in-out 0.9s, -webkit-box-shadow 0.3s ease;
  transition: opacity 1s ease-in-out 0.9s, transform 1s ease-in-out 0.9s, box-shadow 0.3s ease;
  transition: opacity 1s ease-in-out 0.9s, transform 1s ease-in-out 0.9s, box-shadow 0.3s ease, -webkit-transform 1s ease-in-out 0.9s, -webkit-box-shadow 0.3s ease; }

.works-content {
  width: 100%; }

.works-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      padding-bottom: auto;
    } @else {
      padding-bottom: calc(63 / 1366 * 100vw);

    }
  }
  */
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      margin-bottom: auto;
    } @else {
      margin-bottom: calc(0 / 1366 * 100vw);

    }
  }
  */
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      padding-left: auto;
    } @else {
      padding-left: calc(0 / 1366 * 100vw);

    }
  }
  */
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      padding-right: auto;
    } @else {
      padding-right: calc(0 / 1366 * 100vw);

    }
  }
  */
  width: auto;
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      width: auto;
    } @else {
      width: calc(1100 / 1366 * 100vw);

    }
  }
  */ }

.works-btn {
  margin-left: auto;
  margin-right: auto; }

/* ----------------------------------------------------------

Creator

---------------------------------------------------------- */
#creator .m-head-1,
#creator .m-btn-1,
#creator .creator-item {
  -webkit-transition: opacity 1s ease-in-out 0s, -webkit-transform 1s ease-in-out 0s;
  transition: opacity 1s ease-in-out 0s, -webkit-transform 1s ease-in-out 0s;
  transition: opacity 1s ease-in-out 0s, transform 1s ease-in-out 0s;
  transition: opacity 1s ease-in-out 0s, transform 1s ease-in-out 0s, -webkit-transform 1s ease-in-out 0s; }

#creator.is-inview .m-head-1,
#creator.is-inview .m-btn-1,
#creator.is-inview .creator-item {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1; }

#creator.is-inview .m-head-1 {
  -webkit-transition: opacity 1s ease-in-out 0.1s, -webkit-transform 1s ease-in-out 0.1s;
  transition: opacity 1s ease-in-out 0.1s, -webkit-transform 1s ease-in-out 0.1s;
  transition: opacity 1s ease-in-out 0.1s, transform 1s ease-in-out 0.1s;
  transition: opacity 1s ease-in-out 0.1s, transform 1s ease-in-out 0.1s, -webkit-transform 1s ease-in-out 0.1s; }

#creator.is-inview .creator-item {
  -webkit-transition: opacity 1s ease-in-out 0.4s, -webkit-transform 1s ease-in-out 0.4s;
  transition: opacity 1s ease-in-out 0.4s, -webkit-transform 1s ease-in-out 0.4s;
  transition: opacity 1s ease-in-out 0.4s, transform 1s ease-in-out 0.4s;
  transition: opacity 1s ease-in-out 0.4s, transform 1s ease-in-out 0.4s, -webkit-transform 1s ease-in-out 0.4s; }

#creator.is-inview .m-btn-1 {
  -webkit-transition: opacity 1s ease-in-out 0.7s, -webkit-transform 1s ease-in-out 0.7s, -webkit-box-shadow 0.3s ease;
  transition: opacity 1s ease-in-out 0.7s, -webkit-transform 1s ease-in-out 0.7s, -webkit-box-shadow 0.3s ease;
  transition: opacity 1s ease-in-out 0.7s, transform 1s ease-in-out 0.7s, box-shadow 0.3s ease;
  transition: opacity 1s ease-in-out 0.7s, transform 1s ease-in-out 0.7s, box-shadow 0.3s ease, -webkit-transform 1s ease-in-out 0.7s, -webkit-box-shadow 0.3s ease; }

.creator-content {
  width: 100%; }

.creator-item {
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      width: auto;
    } @else {
      width: calc(960 / 1366 * 100vw);

    }
  }
  */
  margin-left: auto;
  margin-right: auto;
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      margin-bottom: auto;
    } @else {
      margin-bottom: calc(63 / 1366 * 100vw);

    }
  }
  */
  position: relative; }
  .creator-item .fig {
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      width: auto;
    } @else {
      width: calc(513 / 1366 * 100vw);

    }
  }
  */
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      height: auto;
    } @else {
      height: calc(290 / 1366 * 100vw);

    }
  }
  */
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-style: solid;
    border-color: #fff;
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      border-width: auto;
    } @else {
      border-width: calc(2 / 1366 * 100vw);

    }
  }
  */
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      border-radius: auto;
    } @else {
      border-radius: calc(8 / 1366 * 100vw);

    }
  }
  */
    background: #fff;
    -webkit-box-shadow: 2px 2px 0px #E0E0E0;
            box-shadow: 2px 2px 0px #E0E0E0;
    position: relative;
    z-index: 2;
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      margin-bottom: auto;
    } @else {
      margin-bottom: calc(0 / 1366 * 100vw);

    }
  }
  */ }
    .creator-item .fig img {
      /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      border-radius: auto;
    } @else {
      border-radius: calc(8 / 1366 * 100vw);

    }
  }
  */ }
  .creator-item .nameLabel {
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      width: auto;
    } @else {
      width: calc(465 / 1366 * 100vw);

    }
  }
  */
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      height: auto;
    } @else {
      height: calc(116 / 1366 * 100vw);

    }
  }
  */
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      padding-top: auto;
    } @else {
      padding-top: calc(27 / 1366 * 100vw);

    }
  }
  */
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      padding-left: auto;
    } @else {
      padding-left: calc(195 / 1366 * 100vw);

    }
  }
  */
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      left: auto;
    } @else {
      left: calc(391 / 1366 * 100vw);

    }
  }
  */ }
    .creator-item .nameLabel:before {
      content: "";
      width: 100%;
      height: 100%;
      background: #fff;
      -webkit-transform: skew(-11deg);
              transform: skew(-11deg);
      position: absolute;
      top: 0;
      left: 0; }
  .creator-item .role,
  .creator-item .name {
    position: relative;
    z-index: 2;
    letter-spacing: 0.02em;
    font-weight: 700;
    /* bold */
    line-height: 1; }
  .creator-item .role {
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      font-size: auto;
    } @else {
      font-size: calc(17 / 1366 * 100vw);

    }
  }
  */
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      left: auto;
    } @else {
      left: calc(3 / 1366 * 100vw);

    }
  }
  */
    display: block;
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      margin-bottom: auto;
    } @else {
      margin-bottom: calc(10 / 1366 * 100vw);

    }
  }
  */ }
  .creator-item .name {
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      font-size: auto;
    } @else {
      font-size: calc(41 / 1366 * 100vw);

    }
  }
  */ }

.creator-btn {
  margin-left: auto;
  margin-right: auto; }

/* ----------------------------------------------------------

Contact

---------------------------------------------------------- */
#contact .m-head-1,
#contact .m-btn-1,
#contact .contact-item {
  -webkit-transition: opacity 1s ease-in-out 0s, -webkit-transform 1s ease-in-out 0s;
  transition: opacity 1s ease-in-out 0s, -webkit-transform 1s ease-in-out 0s;
  transition: opacity 1s ease-in-out 0s, transform 1s ease-in-out 0s;
  transition: opacity 1s ease-in-out 0s, transform 1s ease-in-out 0s, -webkit-transform 1s ease-in-out 0s; }

#contact.is-inview .m-head-1,
#contact.is-inview .m-btn-1,
#contact.is-inview .contact-item {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1; }

#contact.is-inview .m-head-1 {
  -webkit-transition: opacity 1s ease-in-out 0.1s, -webkit-transform 1s ease-in-out 0.1s;
  transition: opacity 1s ease-in-out 0.1s, -webkit-transform 1s ease-in-out 0.1s;
  transition: opacity 1s ease-in-out 0.1s, transform 1s ease-in-out 0.1s;
  transition: opacity 1s ease-in-out 0.1s, transform 1s ease-in-out 0.1s, -webkit-transform 1s ease-in-out 0.1s; }

#contact.is-inview .contact-item {
  -webkit-transition: opacity 1s ease-in-out 0.4s, -webkit-transform 1s ease-in-out 0.4s;
  transition: opacity 1s ease-in-out 0.4s, -webkit-transform 1s ease-in-out 0.4s;
  transition: opacity 1s ease-in-out 0.4s, transform 1s ease-in-out 0.4s;
  transition: opacity 1s ease-in-out 0.4s, transform 1s ease-in-out 0.4s, -webkit-transform 1s ease-in-out 0.4s; }

#contact.is-inview .m-btn-1 {
  -webkit-transition: opacity 1s ease-in-out 0.7s, -webkit-transform 1s ease-in-out 0.7s, -webkit-box-shadow 0.3s ease;
  transition: opacity 1s ease-in-out 0.7s, -webkit-transform 1s ease-in-out 0.7s, -webkit-box-shadow 0.3s ease;
  transition: opacity 1s ease-in-out 0.7s, transform 1s ease-in-out 0.7s, box-shadow 0.3s ease;
  transition: opacity 1s ease-in-out 0.7s, transform 1s ease-in-out 0.7s, box-shadow 0.3s ease, -webkit-transform 1s ease-in-out 0.7s, -webkit-box-shadow 0.3s ease; }

.contact-content {
  width: 100%; }

.contact-item {
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      width: auto;
    } @else {
      width: calc(1098 / 1366 * 100vw);

    }
  }
  */
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      height: auto;
    } @else {
      height: calc(363 / 1366 * 100vw);

    }
  }
  */
  background: #fff;
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      border-radius: auto;
    } @else {
      border-radius: calc(8 / 1366 * 100vw);

    }
  }
  */
  margin-left: auto;
  margin-right: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      padding-top: auto;
    } @else {
      padding-top: calc(122 / 1366 * 100vw);

    }
  }
  */ }
  .contact-item .body {
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      font-size: auto;
    } @else {
      font-size: calc(18 / 1366 * 100vw);

    }
  }
  */
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      line-height: auto;
    } @else {
      line-height: calc(31 / 1366 * 100vw);

    }
  }
  */
    font-weight: 500;
    /* medium */
    text-align: center;
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      margin-bottom: auto;
    } @else {
      margin-bottom: calc(37 / 1366 * 100vw);

    }
  }
  */ }

.contact-btn {
  margin-left: auto;
  margin-right: auto; }

/* ----------------------------------------------------------

page: Works

---------------------------------------------------------- */
.page-works-list__item {
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      margin-bottom: auto;
    } @else {
      margin-bottom: calc(110 / 1366 * 100vw);

    }
  }
  */ }
  .page-works-list__item .fig {
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      width: auto;
    } @else {
      width: calc(520 / 1366 * 100vw);

    }
  }
  */
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      height: auto;
    } @else {
      height: calc(292 / 1366 * 100vw);

    }
  }
  */
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-style: solid;
    border-color: #fff;
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      border-radius: auto;
    } @else {
      border-radius: calc(8 / 1366 * 100vw);

    }
  }
  */
    background: #fff;
    -webkit-box-shadow: 2px 2px 0px #E0E0E0;
            box-shadow: 2px 2px 0px #E0E0E0;
    position: relative;
    z-index: 2;
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      margin-bottom: auto;
    } @else {
      margin-bottom: calc(0 / 1366 * 100vw);

    }
  }
  */ }
    .page-works-list__item .fig:after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      border-style: solid;
      border-color: #fff;
      /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      border-radius: auto;
    } @else {
      border-radius: calc(8 / 1366 * 100vw);

    }
  }
  */
      /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      border-width: auto;
    } @else {
      border-width: calc(3 / 1366 * 100vw);

    }
  }
  */ }
    .page-works-list__item .fig img {
      /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      border-radius: auto;
    } @else {
      border-radius: calc(8 / 1366 * 100vw);

    }
  }
  */
      width: 100%; }
  .page-works-list__item .info {
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      width: auto;
    } @else {
      width: calc(510 / 1366 * 100vw);

    }
  }
  */
    margin-left: auto;
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      margin-left: auto;
    } @else {
      margin-left: calc(50 / 1366 * 100vw);

    }
  }
  */
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      padding-top: auto;
    } @else {
      padding-top: calc(19 / 1366 * 100vw);

    }
  }
  */
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      padding-left: auto;
    } @else {
      padding-left: calc(0 / 1366 * 100vw);

    }
  }
  */
    font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', "Noto Sans JP", sans-serif; }
  .page-works-list__item .gr-1 {
    border-bottom: solid 1px #000000;
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      padding-bottom: auto;
    } @else {
      padding-bottom: calc(13 / 1366 * 100vw);

    }
  }
  */
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      width: auto;
    } @else {
      width: calc(auto / 1366 * 100vw);

    }
  }
  */ }
  .page-works-list__item .name {
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      font-size: auto;
    } @else {
      font-size: calc(20 / 1366 * 100vw);

    }
  }
  */
    font-weight: 700;
    /* bold */
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      margin-bottom: auto;
    } @else {
      margin-bottom: calc(9 / 1366 * 100vw);

    }
  }
  */ }
  .page-works-list__item .copy {
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      font-size: auto;
    } @else {
      font-size: calc(16 / 1366 * 100vw);

    }
  }
  */
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      line-height: auto;
    } @else {
      line-height: calc(30 / 1366 * 100vw);

    }
  }
  */
    letter-spacing: 0.05em; }
  .page-works-list__item .detail {
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      font-size: auto;
    } @else {
      font-size: calc(14 / 1366 * 100vw);

    }
  }
  */
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      line-height: auto;
    } @else {
      line-height: calc(24 / 1366 * 100vw);

    }
  }
  */
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      padding-top: auto;
    } @else {
      padding-top: calc(24 / 1366 * 100vw);

    }
  }
  */
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      padding-bottom: auto;
    } @else {
      padding-bottom: calc(24 / 1366 * 100vw);

    }
  }
  */ }
    .page-works-list__item .detail dt {
      float: left; }
    .page-works-list__item .detail a {
      color: #000;
      text-decoration: none; }
      .page-works-list__item .detail a:hover {
        text-decoration: underline; }
  .page-works-list__item .gr-3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      height: auto;
    } @else {
      height: calc(40 / 1366 * 100vw);

    }
  }
  */
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      margin-bottom: auto;
    } @else {
      margin-bottom: calc(21 / 1366 * 100vw);

    }
  }
  */ }
  .page-works-list__item .twitter {
    display: block;
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      width: auto;
    } @else {
      width: calc(31 / 1366 * 100vw);

    }
  }
  */
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      height: auto;
    } @else {
      height: calc(31 / 1366 * 100vw);

    }
  }
  */
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      margin-right: auto;
    } @else {
      margin-right: calc(10 / 1366 * 100vw);

    }
  }
  */
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      margin-bottom: auto;
    } @else {
      margin-bottom: calc(0 / 1366 * 100vw);

    }
  }
  */ }
  .page-works-list__item .discord {
    display: block;
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      width: auto;
    } @else {
      width: calc(38 / 1366 * 100vw);

    }
  }
  */
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      height: auto;
    } @else {
      height: calc(29 / 1366 * 100vw);

    }
  }
  */
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      margin-right: auto;
    } @else {
      margin-right: calc(10 / 1366 * 100vw);

    }
  }
  */
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      margin-bottom: auto;
    } @else {
      margin-bottom: calc(0 / 1366 * 100vw);

    }
  }
  */ }
  .page-works-list__item .appstore {
    display: block;
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      width: auto;
    } @else {
      width: calc(134 / 1366 * 100vw);

    }
  }
  */
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      height: auto;
    } @else {
      height: calc(40 / 1366 * 100vw);

    }
  }
  */
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      margin-right: auto;
    } @else {
      margin-right: calc(10 / 1366 * 100vw);

    }
  }
  */
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      margin-bottom: auto;
    } @else {
      margin-bottom: calc(0 / 1366 * 100vw);

    }
  }
  */ }
  .page-works-list__item .googleplay {
    display: block;
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      width: auto;
    } @else {
      width: calc(135 / 1366 * 100vw);

    }
  }
  */
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      height: auto;
    } @else {
      height: calc(40 / 1366 * 100vw);

    }
  }
  */
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      margin-right: auto;
    } @else {
      margin-right: calc(10 / 1366 * 100vw);

    }
  }
  */
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      margin-bottom: auto;
    } @else {
      margin-bottom: calc(0 / 1366 * 100vw);

    }
  }
  */ }
  .page-works-list__item .gr-4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .page-works-list__item .btn:not(:last-of-type) {
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      margin-right: auto;
    } @else {
      margin-right: calc(23 / 1366 * 100vw);

    }
  }
  */ }

/* ----------------------------------------------------------

page: Company

---------------------------------------------------------- */
.company-head {
  font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', "Noto Sans JP", sans-serif;
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      font-size: auto;
    } @else {
      font-size: calc(30 / 1366 * 100vw);

    }
  }
  */
  font-weight: 600;
  /* semibold */ }

#company-info {
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      padding-bottom: auto;
    } @else {
      padding-bottom: calc(75 / 1366 * 100vw);

    }
  }
  */
  font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', "Noto Sans JP", sans-serif; }
  #company-info .info-head {
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      margin-bottom: auto;
    } @else {
      margin-bottom: calc(49 / 1366 * 100vw);

    }
  }
  */ }
  #company-info .info {
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      width: auto;
    } @else {
      width: calc(611 / 1366 * 100vw);

    }
  }
  */
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      padding-left: auto;
    } @else {
      padding-left: calc(30 / 1366 * 100vw);

    }
  }
  */
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      margin-bottom: auto;
    } @else {
      margin-bottom: calc(0 / 1366 * 100vw);

    }
  }
  */ }
    #company-info .info dt {
      font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', "Noto Sans JP", sans-serif;
      /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      font-size: auto;
    } @else {
      font-size: calc(20 / 1366 * 100vw);

    }
  }
  */
      font-weight: 600;
      /* semibold */
      border-left-style: solid;
      border-left-color: #000000;
      /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      border-left-width: auto;
    } @else {
      border-left-width: calc(10 / 1366 * 100vw);

    }
  }
  */
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      padding-left: auto;
    } @else {
      padding-left: calc(10 / 1366 * 100vw);

    }
  }
  */
      /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      margin-bottom: auto;
    } @else {
      margin-bottom: calc(13 / 1366 * 100vw);

    }
  }
  */
      /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      line-height: auto;
    } @else {
      line-height: calc(26 / 1366 * 100vw);

    }
  }
  */ }
    #company-info .info dd {
      /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      font-size: auto;
    } @else {
      font-size: calc(16 / 1366 * 100vw);

    }
  }
  */
      letter-spacing: 0.05em;
      /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      line-height: auto;
    } @else {
      line-height: calc(30 / 1366 * 100vw);

    }
  }
  */
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      padding-left: auto;
    } @else {
      padding-left: calc(20 / 1366 * 100vw);

    }
  }
  */ }
      #company-info .info dd:not(:last-of-type) {
        /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      margin-bottom: auto;
    } @else {
      margin-bottom: calc(30 / 1366 * 100vw);

    }
  }
  */ }
  #company-info #map {
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      width: auto;
    } @else {
      width: calc(550 / 1366 * 100vw);

    }
  }
  */
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      height: auto;
    } @else {
      height: calc(411 / 1366 * 100vw);

    }
  }
  */
    background: #fff;
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      border-radius: auto;
    } @else {
      border-radius: calc(10 / 1366 * 100vw);

    }
  }
  */
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      padding-top: auto;
    } @else {
      padding-top: calc(12 / 1366 * 100vw);

    }
  }
  */
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      padding-bottom: auto;
    } @else {
      padding-bottom: calc(11 / 1366 * 100vw);

    }
  }
  */
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      padding-left: auto;
    } @else {
      padding-left: calc(9 / 1366 * 100vw);

    }
  }
  */
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      padding-right: auto;
    } @else {
      padding-right: calc(8 / 1366 * 100vw);

    }
  }
  */ }
    #company-info #map iframe {
      width: 100%;
      height: 100%; }

#company-business {
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      padding-top: auto;
    } @else {
      padding-top: calc(75 / 1366 * 100vw);

    }
  }
  */
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      padding-bottom: auto;
    } @else {
      padding-bottom: calc(65 / 1366 * 100vw);

    }
  }
  */ }
  #company-business .business-head {
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      margin-bottom: auto;
    } @else {
      margin-bottom: calc(55 / 1366 * 100vw);

    }
  }
  */ }
  #company-business .business-list {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      padding-left: auto;
    } @else {
      padding-left: calc(30 / 1366 * 100vw);

    }
  }
  */
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      font-size: auto;
    } @else {
      font-size: calc(20 / 1366 * 100vw);

    }
  }
  */
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      line-height: auto;
    } @else {
      line-height: calc(34 / 1366 * 100vw);

    }
  }
  */ }

#company-message {
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      padding-top: auto;
    } @else {
      padding-top: calc(65 / 1366 * 100vw);

    }
  }
  */
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      padding-bottom: auto;
    } @else {
      padding-bottom: calc(65 / 1366 * 100vw);

    }
  }
  */ }
  #company-message .message-head {
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      margin-bottom: auto;
    } @else {
      margin-bottom: calc(53 / 1366 * 100vw);

    }
  }
  */ }
  #company-message .message-block {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      padding-left: auto;
    } @else {
      padding-left: calc(30 / 1366 * 100vw);

    }
  }
  */ }
  #company-message .message-body {
    font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', "Noto Sans JP", sans-serif;
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      font-size: auto;
    } @else {
      font-size: calc(16 / 1366 * 100vw);

    }
  }
  */
    letter-spacing: 0.05em;
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      line-height: auto;
    } @else {
      line-height: calc(30 / 1366 * 100vw);

    }
  }
  */ }

#company-policy {
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      padding-top: auto;
    } @else {
      padding-top: calc(65 / 1366 * 100vw);

    }
  }
  */
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      padding-bottom: auto;
    } @else {
      padding-bottom: calc(250 / 1366 * 100vw);

    }
  }
  */ }
  #company-policy .policy-head {
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      margin-bottom: auto;
    } @else {
      margin-bottom: calc(54 / 1366 * 100vw);

    }
  }
  */ }
  #company-policy .policy-list {
    font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', "Noto Sans JP", sans-serif;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      padding-left: auto;
    } @else {
      padding-left: calc(30 / 1366 * 100vw);

    }
  }
  */ }
    #company-policy .policy-list dt {
      /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      font-size: auto;
    } @else {
      font-size: calc(16 / 1366 * 100vw);

    }
  }
  */
      font-weight: 600;
      /* semibold */
      /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      margin-bottom: auto;
    } @else {
      margin-bottom: calc(12 / 1366 * 100vw);

    }
  }
  */ }
    #company-policy .policy-list dd {
      /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      font-size: auto;
    } @else {
      font-size: calc(24 / 1366 * 100vw);

    }
  }
  */
      /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      line-height: auto;
    } @else {
      line-height: calc(40 / 1366 * 100vw);

    }
  }
  */
      letter-spacing: 0.07em;
      font-weight: 600;
      /* semibold */
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      padding-left: auto;
    } @else {
      padding-left: calc(20 / 1366 * 100vw);

    }
  }
  */ }
      #company-policy .policy-list dd:not(:last-of-type) {
        /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      margin-bottom: auto;
    } @else {
      margin-bottom: calc(44 / 1366 * 100vw);

    }
  }
  */ }
  #company-policy .value-list {
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      font-size: auto;
    } @else {
      font-size: calc(16 / 1366 * 100vw);

    }
  }
  */
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      line-height: auto;
    } @else {
      line-height: calc(44 / 1366 * 100vw);

    }
  }
  */
    margin-bottom: 1em;
    letter-spacing: 0.05em;
    font-weight: 400;
    /* regular */ }
    #company-policy .value-list li {
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      padding-left: 1em; }
      #company-policy .value-list li:before {
        content: "・";
        position: absolute;
        /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      left: auto;
    } @else {
      left: calc(46 / 1366 * 100vw);

    }
  }
  */ }

/* ----------------------------------------------------------

page: Recruit

---------------------------------------------------------- */
#recruit-list {
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      padding-bottom: auto;
    } @else {
      padding-bottom: calc(116 / 1366 * 100vw);

    }
  }
  */ }

.recruit-item:not(:last-of-type) {
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      margin-bottom: auto;
    } @else {
      margin-bottom: calc(60 / 1366 * 100vw);

    }
  }
  */ }

.recruit-item .head {
  background: #000;
  cursor: pointer;
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      height: auto;
    } @else {
      height: calc(60 / 1366 * 100vw);

    }
  }
  */
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      padding-left: auto;
    } @else {
      padding-left: calc(19 / 1366 * 100vw);

    }
  }
  */
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      padding-right: auto;
    } @else {
      padding-right: calc(40 / 1366 * 100vw);

    }
  }
  */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative; }
  .recruit-item .head:after {
    content: "";
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      width: auto;
    } @else {
      width: calc(16 / 1366 * 100vw);

    }
  }
  */
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      height: auto;
    } @else {
      height: calc(10 / 1366 * 100vw);

    }
  }
  */
    background-image: url(../../images/common/icon-arrow-1.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    top: 50%;
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      right: auto;
    } @else {
      right: calc(30 / 1366 * 100vw);

    }
  }
  */
    translate: 0 -50%;
    rotate: 180deg;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease; }
  .recruit-item .head.is-active:after {
    rotate: 0deg; }
  .recruit-item .head .txt {
    color: #fff;
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      font-size: auto;
    } @else {
      font-size: calc(24 / 1366 * 100vw);

    }
  }
  */
    font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', "Noto Sans JP", sans-serif;
    font-weight: 600;
    /* demibold */
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      line-height: auto;
    } @else {
      line-height: calc(41 / 1366 * 100vw);

    }
  }
  */ }

.recruit-item .inner {
  background: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      padding-top: auto;
    } @else {
      padding-top: calc(30 / 1366 * 100vw);

    }
  }
  */
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      padding-bottom: auto;
    } @else {
      padding-bottom: calc(30 / 1366 * 100vw);

    }
  }
  */
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      padding-left: auto;
    } @else {
      padding-left: calc(30 / 1366 * 100vw);

    }
  }
  */
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      padding-right: auto;
    } @else {
      padding-right: calc(30 / 1366 * 100vw);

    }
  }
  */ }

.recruit-item .info dt {
  font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', "Noto Sans JP", sans-serif;
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      font-size: auto;
    } @else {
      font-size: calc(20 / 1366 * 100vw);

    }
  }
  */
  font-weight: 600;
  /* semibold */
  border-left-style: solid;
  border-left-color: #000000;
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      border-left-width: auto;
    } @else {
      border-left-width: calc(10 / 1366 * 100vw);

    }
  }
  */
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      padding-left: auto;
    } @else {
      padding-left: calc(10 / 1366 * 100vw);

    }
  }
  */
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      margin-bottom: auto;
    } @else {
      margin-bottom: calc(13 / 1366 * 100vw);

    }
  }
  */
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      line-height: auto;
    } @else {
      line-height: calc(26 / 1366 * 100vw);

    }
  }
  */ }

.recruit-item .info dd {
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      font-size: auto;
    } @else {
      font-size: calc(16 / 1366 * 100vw);

    }
  }
  */
  letter-spacing: 0.05em;
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      line-height: auto;
    } @else {
      line-height: calc(30 / 1366 * 100vw);

    }
  }
  */
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      padding-left: auto;
    } @else {
      padding-left: calc(20 / 1366 * 100vw);

    }
  }
  */ }
  .recruit-item .info dd:not(:last-of-type) {
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      margin-bottom: auto;
    } @else {
      margin-bottom: calc(30 / 1366 * 100vw);

    }
  }
  */ }

.recruit-item .info-list {
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      font-size: auto;
    } @else {
      font-size: calc(16 / 1366 * 100vw);

    }
  }
  */
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      line-height: auto;
    } @else {
      line-height: calc(30 / 1366 * 100vw);

    }
  }
  */
  letter-spacing: 0.05em;
  font-weight: 400;
  /* regular */ }
  .recruit-item .info-list li {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 1em;
    position: relative; }
    .recruit-item .info-list li:before {
      position: absolute;
      left: 0; }
  .recruit-item .info-list.dot li:before {
    content: "・"; }
  .recruit-item .info-list.rect li:before {
    content: "■"; }
  .recruit-item .info-list + .note {
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      margin-top: auto;
    } @else {
      margin-top: calc(20 / 1366 * 100vw);

    }
  }
  */ }

.recruit-item .body {
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      font-size: auto;
    } @else {
      font-size: calc(16 / 1366 * 100vw);

    }
  }
  */
  letter-spacing: 0.05em;
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      line-height: auto;
    } @else {
      line-height: calc(30 / 1366 * 100vw);

    }
  }
  */ }

.recruit-item .link {
  color: #000;
  text-decoration: underline; }

.recruit-item .mail {
  color: #000; }
  .recruit-item .mail:hover {
    text-decoration: underline; }

.recruit-item .privacy {
  color: #000;
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      font-size: auto;
    } @else {
      font-size: calc(14 / 1366 * 100vw);

    }
  }
  */
  display: inline-block;
  letter-spacing: 0.05em; }
  .recruit-item .privacy:hover {
    text-decoration: underline; }

.recruit-item .note {
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      font-size: auto;
    } @else {
      font-size: calc(14 / 1366 * 100vw);

    }
  }
  */
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      line-height: auto;
    } @else {
      line-height: calc(26 / 1366 * 100vw);

    }
  }
  */
  letter-spacing: 0.05em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 1em;
  position: relative; }
  .recruit-item .note:before {
    content: "※";
    position: absolute;
    left: 0; }

.recruit-item .body + .note {
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      margin-top: auto;
    } @else {
      margin-top: calc(20 / 1366 * 100vw);

    }
  }
  */ }

.recruit-item .note-mail {
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      margin-top: auto;
    } @else {
      margin-top: calc(45 / 1366 * 100vw);

    }
  }
  */
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      margin-bottom: auto;
    } @else {
      margin-bottom: calc(25 / 1366 * 100vw);

    }
  }
  */ }

.recruit-item .entry-btn {
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      margin-top: auto;
    } @else {
      margin-top: calc(30 / 1366 * 100vw);

    }
  }
  */
  margin-left: auto;
  margin-right: auto; }

/* ----------------------------------------------------------

page: Creator

---------------------------------------------------------- */
#page-creator {
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      padding-bottom: auto;
    } @else {
      padding-bottom: calc(120 / 1366 * 100vw);

    }
  }
  */ }

#creator-meta .block {
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      margin-bottom: auto;
    } @else {
      margin-bottom: calc(43 / 1366 * 100vw);

    }
  }
  */ }

#creator-meta .fig {
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      width: auto;
    } @else {
      width: calc(480 / 1366 * 100vw);

    }
  }
  */
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      height: auto;
    } @else {
      height: calc(480 / 1366 * 100vw);

    }
  }
  */
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-style: solid;
  border-color: #fff;
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      border-width: auto;
    } @else {
      border-width: calc(3 / 1366 * 100vw);

    }
  }
  */
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      border-radius: auto;
    } @else {
      border-radius: calc(10 / 1366 * 100vw);

    }
  }
  */
  background: #fff;
  -webkit-box-shadow: 3px 3px 0px #E0E0E0;
          box-shadow: 3px 3px 0px #E0E0E0;
  position: relative;
  z-index: 2;
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      margin-right: auto;
    } @else {
      margin-right: calc(70 / 1366 * 100vw);

    }
  }
  */
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      margin-bottom: auto;
    } @else {
      margin-bottom: calc(0 / 1366 * 100vw);

    }
  }
  */ }
  #creator-meta .fig img {
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      border-radius: auto;
    } @else {
      border-radius: calc(10 / 1366 * 100vw);

    }
  }
  */ }

#creator-meta .txt {
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      margin-top: auto;
    } @else {
      margin-top: calc(141 / 1366 * 100vw);

    }
  }
  */ }

#creator-meta .role {
  font-family: "Yu Gothic", "游ゴシック", "游ゴシック体", "YuGothic", "Noto Sans JP", sans-serif;
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      font-size: auto;
    } @else {
      font-size: calc(18 / 1366 * 100vw);

    }
  }
  */
  font-weight: 700;
  /* bold */
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      width: auto;
    } @else {
      width: calc(219 / 1366 * 100vw);

    }
  }
  */
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      height: auto;
    } @else {
      height: calc(35 / 1366 * 100vw);

    }
  }
  */
  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;
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      margin-bottom: auto;
    } @else {
      margin-bottom: calc(4 / 1366 * 100vw);

    }
  }
  */
  background-image: url(../../images/common/label-producer-1.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center; }

#creator-meta .name {
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      font-size: auto;
    } @else {
      font-size: calc(65 / 1366 * 100vw);

    }
  }
  */
  font-weight: 600;
  /* demibold */ }

#creator-meta .profile {
  background: #fff;
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      border-radius: auto;
    } @else {
      border-radius: calc(10 / 1366 * 100vw);

    }
  }
  */
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      padding-top: auto;
    } @else {
      padding-top: calc(18 / 1366 * 100vw);

    }
  }
  */
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      padding-bottom: auto;
    } @else {
      padding-bottom: calc(18 / 1366 * 100vw);

    }
  }
  */
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      padding-left: auto;
    } @else {
      padding-left: calc(20 / 1366 * 100vw);

    }
  }
  */
  /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      padding-right: auto;
    } @else {
      padding-right: calc(20 / 1366 * 100vw);

    }
  }
  */ }
  #creator-meta .profile .list dt {
    font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', "Noto Sans JP", sans-serif;
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      font-size: auto;
    } @else {
      font-size: calc(16 / 1366 * 100vw);

    }
  }
  */
    font-weight: 600;
    /* semibold */
    border-left-style: solid;
    border-left-color: #000000;
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      border-left-width: auto;
    } @else {
      border-left-width: calc(6 / 1366 * 100vw);

    }
  }
  */
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      padding-left: auto;
    } @else {
      padding-left: calc(10 / 1366 * 100vw);

    }
  }
  */
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      margin-bottom: auto;
    } @else {
      margin-bottom: calc(13 / 1366 * 100vw);

    }
  }
  */
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      line-height: auto;
    } @else {
      line-height: calc(20 / 1366 * 100vw);

    }
  }
  */ }
  #creator-meta .profile .list dd {
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      font-size: auto;
    } @else {
      font-size: calc(14 / 1366 * 100vw);

    }
  }
  */
    letter-spacing: 0.05em;
    /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      line-height: auto;
    } @else {
      line-height: calc(26 / 1366 * 100vw);

    }
  }
  */
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    #creator-meta .profile .list dd:not(:last-of-type) {
      /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      margin-bottom: auto;
    } @else {
      margin-bottom: calc(30 / 1366 * 100vw);

    }
  }
  */ }
    @media all and (-ms-high-contrast: none) {
  .img img {
    min-width: auto !important; }
  .img *::-ms-backdrop,
  .img img {
    min-width: auto !important; } }
    @media screen and (min-width: 770px) {
  .setOrder {
    color: #000; }
    html,
    body {
      min-width: 1366px;
      min-width: 1000px; }
  .m-sm {
    display: none !important; }
    .m-belt-1 {
      height: 30px; }
    .m-belt-1__top {
      background-size: auto 15px;
      -webkit-animation: belt-top 30s linear infinite;
              animation: belt-top 30s linear infinite; }
    .m-belt-1__bottom {
      background-size: auto 18px;
      -webkit-animation: belt-bottom 150s linear infinite;
              animation: belt-bottom 150s linear infinite; }
    .m-head-1 {
      height: 102px; }
    .m-head-1 {
      padding-left: 32px; }
      .m-head-1 .en {
        left: 32px; }
      .m-head-1 .en {
        height: 75px; }
      .m-head-1 .en {
        width: calc(100% - 32px); }
      .m-head-1 .ja {
        left: 41px; }
      .m-head-1 .ja {
        height: 35px; }
      .m-head-1 .ja {
        padding-top: 3px; }
      .m-head-1 .ja {
        padding-left: 23px; }
        .m-head-1 .ja .txt {
          font-size: 18px; }
        .m-head-1 .ja:before {
          height: 35px; }
        .m-head-1 .ja:after {
          width: 12px; }
        .m-head-1 .ja:after {
          height: 35px; }
      .m-head-1 .belt {
        height: 69px; }
      .m-head-1 .belt {
        top: 16px; }
      .m-head-1 .belt {
        width: calc(50vw + 265px);
        min-width: 948px; }
      .m-head-1 .belt.company {
        width: calc(50vw + 195px);
        min-width: 878px; }
        .m-head-1 .belt .rail {
          background-size: auto 51px;
          -webkit-animation: works 110s linear infinite;
                  animation: works 110s linear infinite; }
          .m-head-1 .belt .rail.works {
            -webkit-animation: works 110s linear infinite;
                    animation: works 110s linear infinite; }
          .m-head-1 .belt .rail.creator {
            -webkit-animation: creator 110s linear infinite;
                    animation: creator 110s linear infinite; }
          .m-head-1 .belt .rail.contact {
            -webkit-animation: contact 110s linear infinite;
                    animation: contact 110s linear infinite; }
          .m-head-1 .belt .rail.company {
            top: 5px; }
          .m-head-1 .belt .rail.company {
            -webkit-animation: company 110s linear infinite;
                    animation: company 110s linear infinite; }
          .m-head-1 .belt .rail.recruit {
            -webkit-animation: works 110s linear infinite;
                    animation: works 110s linear infinite; }
      .m-head-1.works {
        margin-bottom: 50px; }
        .m-head-1.works .ja {
          width: 117px; }
      .m-head-1.creator {
        margin-bottom: 50px; }
        .m-head-1.creator .ja {
          width: 147px; }
      .m-head-1.contact {
        margin-bottom: 30px; }
        .m-head-1.contact .ja {
          width: 140px; }
      .m-head-1.company {
        margin-bottom: 67px; }
        .m-head-1.company .en {
          height: 95px; }
        .m-head-1.company .ja {
          width: 117px; }
      .m-head-1.recruit {
        margin-bottom: 50px; }
        .m-head-1.recruit .ja {
          width: 117px; }
    .m-card-1 {
      min-width: 330px; }
    .m-card-1 {
      width: 330px; }
    .m-card-1 {
      height: 290px; }
    .m-card-1 {
      border-radius: 8px; }
    .m-card-1 {
      padding-top: 2px; }
    .m-card-1 {
      padding-left: 2px; }
      .m-card-1:not(:nth-of-type(3n)) {
        margin-right: 54px; }
    .m-card-1 {
      -webkit-box-shadow: 3px 3px 0 #E0E0E0;
              box-shadow: 3px 3px 0 #E0E0E0; }
      .m-card-1:hover {
        -webkit-box-shadow: 13px 13px 0 #E0E0E0;
                box-shadow: 13px 13px 0 #E0E0E0; }
    .m-card-1__fig {
      border-top-left-radius: 8px; }
    .m-card-1__fig {
      border-top-right-radius: 8px; }
    .m-card-1__txt {
      height: 104px; }
    .m-card-1__txt {
      padding-left: 20px; }
    .m-card-1__ttl {
      font-size: 18px; }
    .m-card-1__ttl {
      line-height: 28px; }
    .m-card-1__name {
      font-size: 18px; }
    .m-card-1__name {
      line-height: 28px; }
    .m-card-1__role {
      font-size: 14px; }
    .m-btn-1 {
      width: 220px; }
    .m-btn-1 {
      height: 54px; }
    .m-btn-1 {
      border-radius: 27px; }
    .m-btn-1 {
      font-size: 16px; }
    .m-btn-1 {
      padding-left: 42px; }
    .m-btn-1 {
      padding-right: 42px; }
    .m-btn-1 {
      -webkit-box-shadow: 3px 3px 0 #fff;
              box-shadow: 3px 3px 0 #fff; }
      .m-btn-1:hover {
        -webkit-box-shadow: 13px 13px 0 #fff;
                box-shadow: 13px 13px 0 #fff; }
      .m-btn-1 img {
        height: 17px; }
      .m-btn-1.external {
        background-position: center right 15px;
        background-size: 15px 15px; }
      .m-btn-1.marketplace {
        width: 260px; }
  .setOrder {
    color: #000; }
    #link {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding-left: 142px; }
    .link-item {
      height: 250px; }
    .link-item {
      padding-left: 0px; }
    .link-item {
      width: 25%;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .link-item .num {
        width: 25px; }
      .link-item .num {
        height: 25px; }
      .link-item .num {
        font-size: 15px; }
      .link-item .num {
        margin-bottom: 4px; }
      .link-item .black {
        font-size: 20px; }
      .link-item .black {
        line-height: 40px; }
      .link-item .green {
        font-size: 25px; }
      .link-item .green {
        line-height: 40px; }
        .link-item .green.exc {
          font-size: 24px; }
      .link-item:not(:last-of-type):after {
        width: 1px; }
      .link-item:not(:last-of-type):after {
        height: 220px; }
      .link-item:not(:last-of-type):after {
        right: 0;
        top: 50%;
        translate: 0 -50%; }
    .link-item:hover .icon {
      translate: 30% -50%; }
    #container {
      padding-top: 0px; }
    #content {
      padding-bottom: 70px; }
    .l-content {
      width: 1100px; }
    .l-subpage {
      padding-top: 187px; }
    .header-inner {
      padding-left: 25px; }
    .header-inner {
      padding-right: 10px; }
    .burger-btn {
      width: 75px; }
    .burger-btn {
      height: 75px; }
    .burger-btn {
      top: 30px; }
    .burger-btn {
      left: 30px; }
      .burger-btn.is-kv {
        top: 60px; }
      .burger-btn:before, .burger-btn:after {
        border-radius: 4px; }
      .burger-btn:after {
        top: 2px; }
      .burger-btn:after {
        left: 2px; }
    .burger-btn:hover:after {
      /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      top: auto;
    } @else {
      top: calc(12 / 1366 * 100vw);

    }
  }
  */
      /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      left: auto;
    } @else {
      left: calc(12 / 1366 * 100vw);

    }
  }
  */ }
      .burger-btn span {
        height: 2px; }
      .burger-btn span {
        right: 16px; }
        .burger-btn span:nth-of-type(1) {
          top: 22px; }
        .burger-btn span:nth-of-type(1) {
          width: 35px; }
        .burger-btn span:nth-of-type(2) {
          top: 37px; }
        .burger-btn span:nth-of-type(2) {
          width: 43px; }
        .burger-btn span:nth-of-type(3) {
          top: 51px; }
        .burger-btn span:nth-of-type(3) {
          width: 35px; }
      .burger-btn.is-open span:nth-of-type(1) {
        width: 42px; }
      .burger-btn.is-open span:nth-of-type(1) {
        top: 21px; }
      .burger-btn.is-open span:nth-of-type(1) {
        right: 10px; }
      .burger-btn.is-open span:nth-of-type(3) {
        width: 42px; }
      .burger-btn.is-open span:nth-of-type(3) {
        top: 21px; }
      .burger-btn.is-open span:nth-of-type(3) {
        right: 22px; }
    #header-nav {
      top: 0px; }
    #header-nav {
      width: 625px; }
    .header-nav__inner {
      padding-top: 0px; }
    .header-nav__inner {
      padding-right: 0px; }
    .header-nav__inner {
      padding-left: 0px; }
    .header-nav__inner {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
    .header-nav__item {
      margin-left: 40px; }
      .header-nav__item:not(:last-of-type) {
        margin-bottom: 50px; }
    .header-nav__item:hover {
      scale: 1.2; }
    .header-nav__line {
      width: 50px; }
    .header-nav__line {
      height: 50px; }
    .header-nav__line {
      margin-left: 0px; }
    .header-nav__btn {
      width: 180px; }
    .header-nav__btn {
      height: 50px; }
    .header-nav__btn {
      margin-left: 15px; }
    .header-nav__btn {
      font-size: 16px; }
    .header-nav__btn {
      -webkit-transition: background 0.3s ease-in-out;
      transition: background 0.3s ease-in-out; }
      .header-nav__btn:hover {
        background: #ee8514; }
    .header-nav__btn {
      border-radius: 8px;
      margin-left: 15px; }
    #footer {
      height: 70px; }
    #footer {
      max-height: 70px; }
    #footer {
      min-height: 70px; }
    .copyright {
      font-size: 12px; }
    #totop {
      width: 57px; }
    #totop {
      height: 57px; }
    #totop {
      left: calc(50% + 558px);
      background-size: 20px auto; }
    #circle {
      width: 266px; }
    #circle {
      height: 266px; }
    #circle {
      margin-left: 652px; }
    #circle {
      margin-top: 56px; }
  .setOrder {
    color: #000; }
    #scrollNav {
      right: 40px; }
    #scrollNav {
      top: 50%;
      translate: 0 -50%; }
    .scrollNav-item {
      width: 8px; }
    .scrollNav-item {
      height: 8px; }
      .scrollNav-item:not(:last-of-type) {
        margin-bottom: 20px; }
    #logo {
      left: -50px; }
    #logo {
      top: 15px; }
    #logo-mark {
      width: 179px; }
    #logo-mark {
      height: 242px; }
    #logo-mark {
      margin-right: 45px; }
    #logo-mark {
      top: 4px; }
    #logo-type {
      width: 506px; }
    #logo-type {
      height: 152px; }
    .scroll-circle {
      width: 156px; }
    .scroll-circle {
      height: 156px; }
    .scroll-circle {
      right: 65px; }
    .scroll-circle {
      bottom: 56px; }
    .scroll-circle-txt {
      width: 156px; }
    .scroll-circle-txt {
      height: 156px; }
    .scroll-circle-circle {
      width: 112px; }
    .scroll-circle-circle {
      height: 112px; }
    .home-content {
      height: 768px; }
    .home-content {
      padding-top: 150px; }
    .works-list {
      padding-bottom: 63px; }
    .works-list {
      margin-bottom: 0px; }
    .works-list {
      padding-left: 0px; }
    .works-list {
      padding-right: 0px; }
    .works-list {
      width: 1100px; }
    .works-list {
      margin-left: auto;
      margin-right: auto; }
    .creator-item {
      width: 960px; }
    .creator-item {
      margin-bottom: 63px; }
      .creator-item .fig {
        width: 513px; }
      .creator-item .fig {
        height: 290px; }
      .creator-item .fig {
        border-width: 2px; }
      .creator-item .fig {
        border-radius: 8px; }
      .creator-item .fig {
        margin-bottom: 0px; }
        .creator-item .fig img {
          border-radius: 8px; }
      .creator-item .nameLabel {
        width: 465px; }
      .creator-item .nameLabel {
        height: 116px; }
      .creator-item .nameLabel {
        padding-top: 27px; }
      .creator-item .nameLabel {
        padding-left: 195px; }
      .creator-item .nameLabel {
        left: 391px; }
      .creator-item .nameLabel {
        position: absolute;
        top: 50%;
        translate: 0 -50%; }
      .creator-item .role {
        font-size: 17px; }
      .creator-item .role {
        left: 3px; }
      .creator-item .role {
        margin-bottom: 10px; }
      .creator-item .name {
        font-size: 41px; }
    .contact-item {
      width: 1098px; }
    .contact-item {
      height: 363px; }
    .contact-item {
      border-radius: 8px; }
    .contact-item {
      padding-top: 122px; }
      .contact-item .body {
        font-size: 18px; }
      .contact-item .body {
        line-height: 31px; }
      .contact-item .body {
        margin-bottom: 37px; }
    .page-works-list__item {
      margin-bottom: 110px; }
    .page-works-list__item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .page-works-list__item .fig {
        width: 520px; }
      .page-works-list__item .fig {
        height: 292px; }
      .page-works-list__item .fig {
        border-radius: 8px; }
      .page-works-list__item .fig {
        margin-bottom: 0px; }
        .page-works-list__item .fig:after {
          border-radius: 8px; }
        .page-works-list__item .fig:after {
          border-width: 3px; }
        .page-works-list__item .fig img {
          border-radius: 8px; }
      .page-works-list__item .info {
        width: 510px; }
      .page-works-list__item .info {
        margin-left: 50px; }
      .page-works-list__item .info {
        padding-top: 19px; }
      .page-works-list__item .info {
        padding-left: 0px; }
      .page-works-list__item .gr-1 {
        padding-bottom: 13px; }
      .page-works-list__item .gr-1 {
        width: auto; }
      .page-works-list__item .name {
        font-size: 20px; }
      .page-works-list__item .name {
        margin-bottom: 9px; }
      .page-works-list__item .copy {
        font-size: 16px; }
      .page-works-list__item .copy {
        line-height: 30px; }
      .page-works-list__item .detail {
        font-size: 14px; }
      .page-works-list__item .detail {
        line-height: 24px; }
      .page-works-list__item .detail {
        padding-top: 24px; }
      .page-works-list__item .detail {
        padding-bottom: 24px; }
      .page-works-list__item .gr-3 {
        height: 40px; }
      .page-works-list__item .gr-3 {
        margin-bottom: 21px; }
      .page-works-list__item .twitter {
        width: 31px; }
      .page-works-list__item .twitter {
        height: 31px; }
      .page-works-list__item .twitter {
        margin-right: 10px; }
      .page-works-list__item .twitter {
        margin-bottom: 0px; }
      .page-works-list__item .discord {
        width: 38px; }
      .page-works-list__item .discord {
        height: 29px; }
      .page-works-list__item .discord {
        margin-right: 10px; }
      .page-works-list__item .discord {
        margin-bottom: 0px; }
      .page-works-list__item .appstore {
        width: 134px; }
      .page-works-list__item .appstore {
        height: 40px; }
      .page-works-list__item .appstore {
        margin-right: 10px; }
      .page-works-list__item .appstore {
        margin-bottom: 0px; }
      .page-works-list__item .googleplay {
        width: 135px; }
      .page-works-list__item .googleplay {
        height: 40px; }
      .page-works-list__item .googleplay {
        margin-right: 10px; }
      .page-works-list__item .googleplay {
        margin-bottom: 0px; }
      .page-works-list__item .btn:not(:last-of-type) {
        margin-right: 23px; }
    .company-head {
      font-size: 30px; }
    #company-info {
      padding-bottom: 75px; }
      #company-info .info-head {
        margin-bottom: 49px; }
    #company-info .info-block {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      #company-info .info {
        width: 611px; }
      #company-info .info {
        padding-left: 30px; }
      #company-info .info {
        margin-bottom: 0px; }
        #company-info .info dt {
          font-size: 20px; }
        #company-info .info dt {
          border-left-width: 10px; }
        #company-info .info dt {
          padding-left: 10px; }
        #company-info .info dt {
          margin-bottom: 13px; }
        #company-info .info dt {
          line-height: 26px; }
        #company-info .info dd {
          font-size: 16px; }
        #company-info .info dd {
          line-height: 30px; }
        #company-info .info dd {
          padding-left: 20px; }
          #company-info .info dd:not(:last-of-type) {
            margin-bottom: 30px; }
      #company-info #map {
        width: 550px; }
      #company-info #map {
        height: 411px; }
      #company-info #map {
        border-radius: 10px; }
      #company-info #map {
        padding-top: 12px; }
      #company-info #map {
        padding-bottom: 11px; }
      #company-info #map {
        padding-left: 9px; }
      #company-info #map {
        padding-right: 8px; }
    #company-business {
      padding-top: 75px; }
    #company-business {
      padding-bottom: 65px; }
      #company-business .business-head {
        margin-bottom: 55px; }
      #company-business .business-list {
        padding-left: 30px; }
      #company-business .business-list {
        font-size: 20px; }
      #company-business .business-list {
        line-height: 34px; }
      #company-business .business-list {
        font-weight: 600;
        /* demibold */ }
    #company-message {
      padding-top: 65px; }
    #company-message {
      padding-bottom: 65px; }
      #company-message .message-head {
        margin-bottom: 53px; }
      #company-message .message-block {
        padding-left: 30px; }
      #company-message .message-body {
        font-size: 16px; }
      #company-message .message-body {
        line-height: 30px; }
    #company-policy {
      padding-top: 65px; }
    #company-policy {
      padding-bottom: 250px; }
      #company-policy .policy-head {
        margin-bottom: 54px; }
      #company-policy .policy-list {
        padding-left: 30px; }
        #company-policy .policy-list dt {
          font-size: 16px; }
        #company-policy .policy-list dt {
          margin-bottom: 12px; }
        #company-policy .policy-list dd {
          font-size: 24px; }
        #company-policy .policy-list dd {
          line-height: 40px; }
        #company-policy .policy-list dd {
          padding-left: 20px; }
          #company-policy .policy-list dd:not(:last-of-type) {
            margin-bottom: 44px; }
      #company-policy .value-list {
        font-size: 16px; }
      #company-policy .value-list {
        line-height: 44px; }
          #company-policy .value-list li:before {
            left: 46px; }
    #recruit-list {
      padding-bottom: 116px; }
    .recruit-item:not(:last-of-type) {
      margin-bottom: 60px; }
    .recruit-item .head {
      height: 60px; }
    .recruit-item .head {
      padding-left: 19px; }
    .recruit-item .head {
      padding-right: 40px; }
      .recruit-item .head:after {
        width: 16px; }
      .recruit-item .head:after {
        height: 10px; }
      .recruit-item .head:after {
        right: 30px; }
      .recruit-item .head .txt {
        font-size: 24px; }
      .recruit-item .head .txt {
        line-height: 41px; }
    .recruit-item .inner {
      padding-top: 30px; }
    .recruit-item .inner {
      padding-bottom: 30px; }
    .recruit-item .inner {
      padding-left: 30px; }
    .recruit-item .inner {
      padding-right: 30px; }
    .recruit-item .info dt {
      font-size: 20px; }
    .recruit-item .info dt {
      border-left-width: 10px; }
    .recruit-item .info dt {
      padding-left: 10px; }
    .recruit-item .info dt {
      margin-bottom: 13px; }
    .recruit-item .info dt {
      line-height: 26px; }
    .recruit-item .info dd {
      font-size: 16px; }
    .recruit-item .info dd {
      line-height: 30px; }
    .recruit-item .info dd {
      padding-left: 20px; }
      .recruit-item .info dd:not(:last-of-type) {
        margin-bottom: 30px; }
    .recruit-item .info-list {
      font-size: 16px; }
    .recruit-item .info-list {
      line-height: 30px; }
      .recruit-item .info-list + .note {
        margin-top: 20px; }
    .recruit-item .body {
      font-size: 16px; }
    .recruit-item .body {
      line-height: 30px; }
    .recruit-item .privacy {
      font-size: 14px; }
    .recruit-item .note {
      font-size: 14px; }
    .recruit-item .note {
      line-height: 26px; }
    .recruit-item .body + .note {
      margin-top: 20px; }
    .recruit-item .note-mail {
      margin-top: 45px; }
    .recruit-item .note-mail {
      margin-bottom: 25px; }
    .recruit-item .entry-btn {
      margin-top: 30px; }
    #page-creator {
      padding-bottom: 120px; }
    #creator-meta .block {
      margin-bottom: 43px; }
    #creator-meta .block {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
    #creator-meta .fig {
      width: 480px; }
    #creator-meta .fig {
      height: 480px; }
    #creator-meta .fig {
      border-width: 3px; }
    #creator-meta .fig {
      border-radius: 10px; }
    #creator-meta .fig {
      margin-right: 70px; }
    #creator-meta .fig {
      margin-bottom: 0px; }
      #creator-meta .fig img {
        border-radius: 10px; }
    #creator-meta .txt {
      margin-top: 141px; }
    #creator-meta .role {
      font-size: 18px; }
    #creator-meta .role {
      width: 219px; }
    #creator-meta .role {
      height: 35px; }
    #creator-meta .role {
      margin-bottom: 4px; }
    #creator-meta .name {
      font-size: 65px; }
    #creator-meta .profile {
      border-radius: 10px; }
    #creator-meta .profile {
      padding-top: 18px; }
    #creator-meta .profile {
      padding-bottom: 18px; }
    #creator-meta .profile {
      padding-left: 20px; }
    #creator-meta .profile {
      padding-right: 20px; }
      #creator-meta .profile .list dt {
        font-size: 16px; }
      #creator-meta .profile .list dt {
        border-left-width: 6px; }
      #creator-meta .profile .list dt {
        padding-left: 10px; }
      #creator-meta .profile .list dt {
        margin-bottom: 13px; }
      #creator-meta .profile .list dt {
        line-height: 20px; }
      #creator-meta .profile .list dd {
        font-size: 14px; }
      #creator-meta .profile .list dd {
        line-height: 26px; }
        #creator-meta .profile .list dd:not(:last-of-type) {
          margin-bottom: 30px; } }
    @media screen and (min-width: 961px) {
  .setOrder {
    color: #000; }
  .m-smmd {
    display: none; }
  .setOrder {
    color: #000; }
  .setOrder {
    color: #000; } }
    @media screen and (max-width: 769px) {
  .setOrder {
    color: #000; }
  .m-md {
    display: none !important; }
    .m-belt-1 {
      height: 40px;
      height: calc(40 / 750 * 100vw); }
    .m-belt-1__top {
      background-size: auto calc(18 / 750 * 100vw);
      -webkit-animation: belt-top-sp 36s linear infinite;
              animation: belt-top-sp 36s linear infinite; }
    .m-belt-1__bottom {
      background-size: auto calc(19 / 750 * 100vw);
      -webkit-animation: belt-bottom-sp 153s linear infinite;
              animation: belt-bottom-sp 153s linear infinite; }
    .m-head-1 {
      height: 106px;
      height: calc(106 / 750 * 100vw); }
    .m-head-1 {
      padding-left: 30px;
      padding-left: calc(30 / 750 * 100vw); }
      .m-head-1 .en {
        left: 30px;
        left: calc(30 / 750 * 100vw); }
      .m-head-1 .en {
        height: 75px;
        height: calc(75 / 750 * 100vw); }
      .m-head-1 .en {
        width: calc(100% - 30 / 750 * 100vw); }
      .m-head-1 .ja {
        left: 39px;
        left: calc(39 / 750 * 100vw); }
      .m-head-1 .ja {
        height: 40px;
        height: calc(40 / 750 * 100vw); }
      .m-head-1 .ja {
        padding-top: 4px;
        padding-top: calc(4 / 750 * 100vw); }
      .m-head-1 .ja {
        padding-left: 20px;
        padding-left: calc(20 / 750 * 100vw); }
        .m-head-1 .ja .txt {
          font-size: 22px;
          font-size: calc(22 / 750 * 100vw); }
        .m-head-1 .ja:before {
          height: 35px;
          height: calc(35 / 750 * 100vw); }
        .m-head-1 .ja:after {
          width: 12px;
          width: calc(12 / 750 * 100vw); }
        .m-head-1 .ja:after {
          height: 35px;
          height: calc(35 / 750 * 100vw); }
      .m-head-1 .belt {
        height: 69px;
        height: calc(69 / 750 * 100vw); }
      .m-head-1 .belt {
        top: 16px;
        top: calc(16 / 750 * 100vw); }
      .m-head-1 .belt {
        width: calc(321 / 750 * 100vw);
        right: calc(0 / 750 * 100vw); }
        .m-head-1 .belt .rail {
          background-size: auto calc(51 / 750 * 100vw);
          -webkit-animation: works 200.347s linear infinite;
                  animation: works 200.347s linear infinite; }
          .m-head-1 .belt .rail.works {
            -webkit-animation: works 200.347s linear infinite;
                    animation: works 200.347s linear infinite; }
          .m-head-1 .belt .rail.creator {
            -webkit-animation: creator 200.347s linear infinite;
                    animation: creator 200.347s linear infinite; }
          .m-head-1 .belt .rail.contact {
            -webkit-animation: contact 200.347s linear infinite;
                    animation: contact 200.347s linear infinite; }
          .m-head-1 .belt .rail.company {
            top: 7px;
            top: calc(7 / 750 * 100vw); }
          .m-head-1 .belt .rail.company {
            -webkit-animation: company 200.347s linear infinite;
                    animation: company 200.347s linear infinite; }
          .m-head-1 .belt .rail.recruit {
            -webkit-animation: works 200.347s linear infinite;
                    animation: works 200.347s linear infinite; }
      .m-head-1.works {
        margin-bottom: 70px;
        margin-bottom: calc(70 / 750 * 100vw); }
        .m-head-1.works .ja {
          width: 130px;
          width: calc(130 / 750 * 100vw); }
      .m-head-1.creator {
        margin-bottom: 70px;
        margin-bottom: calc(70 / 750 * 100vw); }
        .m-head-1.creator .ja {
          width: 170px;
          width: calc(170 / 750 * 100vw); }
      .m-head-1.contact {
        margin-bottom: 70px;
        margin-bottom: calc(70 / 750 * 100vw); }
        .m-head-1.contact .ja {
          width: 170px;
          width: calc(170 / 750 * 100vw); }
      .m-head-1.company {
        margin-bottom: 70px;
        margin-bottom: calc(70 / 750 * 100vw); }
        .m-head-1.company .en {
          height: 85px;
          height: calc(85 / 750 * 100vw); }
        .m-head-1.company .ja {
          width: 130px;
          width: calc(130 / 750 * 100vw); }
      .m-head-1.recruit {
        margin-bottom: 70px;
        margin-bottom: calc(70 / 750 * 100vw); }
        .m-head-1.recruit .ja {
          width: 130px;
          width: calc(130 / 750 * 100vw); }
    .m-card-1 {
      min-width: 514px;
      min-width: calc(514 / 750 * 100vw); }
    .m-card-1 {
      width: 514px;
      width: calc(514 / 750 * 100vw); }
    .m-card-1 {
      height: 452px;
      height: calc(452 / 750 * 100vw); }
    .m-card-1 {
      border-radius: 8px;
      border-radius: calc(8 / 750 * 100vw); }
    .m-card-1 {
      padding-top: 2px;
      padding-top: calc(2 / 750 * 100vw); }
    .m-card-1 {
      padding-left: 2px;
      padding-left: calc(2 / 750 * 100vw); }
      .m-card-1:not(:nth-of-type(3n)) {
        margin-right: 54px;
        margin-right: calc(54 / 750 * 100vw); }
    .m-card-1__fig {
      border-top-left-radius: 8px;
      border-top-left-radius: calc(8 / 750 * 100vw); }
    .m-card-1__fig {
      border-top-right-radius: 8px;
      border-top-right-radius: calc(8 / 750 * 100vw); }
    .m-card-1__txt {
      height: 104px;
      height: calc(104 / 750 * 100vw); }
    .m-card-1__txt {
      padding-left: 20px;
      padding-left: calc(20 / 750 * 100vw); }
    .m-card-1__ttl {
      font-size: 24px;
      font-size: calc(24 / 750 * 100vw); }
    .m-card-1__ttl {
      line-height: 28px;
      line-height: calc(28 / 750 * 100vw); }
    .m-card-1__name {
      font-size: 24px;
      font-size: calc(24 / 750 * 100vw); }
    .m-card-1__name {
      line-height: 28px;
      line-height: calc(28 / 750 * 100vw); }
    .m-card-1__role {
      font-size: 24px;
      font-size: calc(24 / 750 * 100vw); }
    .m-btn-1 {
      width: 300px;
      width: calc(300 / 750 * 100vw); }
    .m-btn-1 {
      height: 70px;
      height: calc(70 / 750 * 100vw); }
    .m-btn-1 {
      border-radius: 40px;
      border-radius: calc(40 / 750 * 100vw); }
    .m-btn-1 {
      font-size: 22px;
      font-size: calc(22 / 750 * 100vw); }
    .m-btn-1 {
      padding-left: 52px;
      padding-left: calc(52 / 750 * 100vw); }
    .m-btn-1 {
      padding-right: 52px;
      padding-right: calc(52 / 750 * 100vw); }
      .m-btn-1 img {
        height: 22px;
        height: calc(22 / 750 * 100vw); }
      .m-btn-1.external {
        background-position: center right calc(20 / 750 * 100vw);
        background-size: calc(22 / 750 * 100vw) calc(22 / 750 * 100vw); }
      .m-btn-1.marketplace {
        width: 334px;
        width: calc(334 / 750 * 100vw); }
  .setOrder {
    color: #000; }
    .link-item {
      height: 150px;
      height: calc(150 / 750 * 100vw); }
    .link-item {
      padding-left: 105px;
      padding-left: calc(105 / 750 * 100vw); }
    .link-item {
      position: relative; }
      .link-item .num {
        width: 25px;
        width: calc(25 / 750 * 100vw); }
      .link-item .num {
        height: 25px;
        height: calc(25 / 750 * 100vw); }
      .link-item .num {
        font-size: 15px;
        font-size: calc(15 / 750 * 100vw); }
      .link-item .num {
        margin-bottom: 0px;
        margin-bottom: calc(0 / 750 * 100vw); }
      .link-item .num {
        position: absolute;
        /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      top: auto;
    } @else {
      top: calc(0 / 1366 * 100vw);

    }
  }
  */
        /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      left: auto;
    } @else {
      left: calc(0 / 1366 * 100vw);

    }
  }
  */ }
      .link-item .black {
        font-size: 15px;
        font-size: calc(15 / 750 * 100vw); }
      .link-item .black {
        line-height: 30px;
        line-height: calc(30 / 750 * 100vw); }
      .link-item .green {
        font-size: 20px;
        font-size: calc(20 / 750 * 100vw); }
      .link-item .green {
        line-height: 30px;
        line-height: calc(30 / 750 * 100vw); }
        .link-item .green.exc {
          font-size: 20px;
          font-size: calc(20 / 750 * 100vw); }
      .link-item:not(:last-of-type):after {
        width: 315px;
        width: calc(315 / 750 * 100vw); }
      .link-item:not(:last-of-type):after {
        height: 1px;
        height: calc(1 / 750 * 100vw); }
      .link-item:not(:last-of-type):after {
        left: 50%;
        bottom: 0;
        translate: -50% 0; }
    #container {
      padding-top: 0px;
      padding-top: calc(0 / 750 * 100vw); }
    #content {
      padding-bottom: 54px;
      padding-bottom: calc(54 / 750 * 100vw); }
    .l-content {
      width: 690px;
      width: calc(690 / 750 * 100vw); }
    .l-subpage {
      padding-top: 205px;
      padding-top: calc(205 / 750 * 100vw); }
    .header-inner {
      padding-left: 15px;
      padding-left: calc(15 / 750 * 100vw); }
    .header-inner {
      padding-right: 20px;
      padding-right: calc(20 / 750 * 100vw); }
    .burger-btn {
      width: 100px;
      width: calc(100 / 750 * 100vw); }
    .burger-btn {
      height: 100px;
      height: calc(100 / 750 * 100vw); }
    .burger-btn {
      top: 60px;
      top: calc(60 / 750 * 100vw); }
    .burger-btn {
      left: 30px;
      left: calc(30 / 750 * 100vw); }
      .burger-btn.is-kv {
        top: 60px;
        top: calc(60 / 750 * 100vw); }
      .burger-btn:before, .burger-btn:after {
        border-radius: 4px;
        border-radius: calc(4 / 750 * 100vw); }
      .burger-btn:after {
        top: 2px;
        top: calc(2 / 750 * 100vw); }
      .burger-btn:after {
        left: 2px;
        left: calc(2 / 750 * 100vw); }
      .burger-btn span {
        height: 3px;
        height: calc(3 / 750 * 100vw); }
      .burger-btn span {
        right: 21px;
        right: calc(21 / 750 * 100vw); }
        .burger-btn span:nth-of-type(1) {
          top: 29px;
          top: calc(29 / 750 * 100vw); }
        .burger-btn span:nth-of-type(1) {
          width: 47px;
          width: calc(47 / 750 * 100vw); }
        .burger-btn span:nth-of-type(2) {
          top: 49px;
          top: calc(49 / 750 * 100vw); }
        .burger-btn span:nth-of-type(2) {
          width: 58px;
          width: calc(58 / 750 * 100vw); }
        .burger-btn span:nth-of-type(3) {
          top: 68px;
          top: calc(68 / 750 * 100vw); }
        .burger-btn span:nth-of-type(3) {
          width: 47px;
          width: calc(47 / 750 * 100vw); }
      .burger-btn.is-open span:nth-of-type(1) {
        width: 53px;
        width: calc(53 / 750 * 100vw); }
      .burger-btn.is-open span:nth-of-type(1) {
        top: 32px;
        top: calc(32 / 750 * 100vw); }
      .burger-btn.is-open span:nth-of-type(1) {
        right: 13px;
        right: calc(13 / 750 * 100vw); }
      .burger-btn.is-open span:nth-of-type(3) {
        width: 53px;
        width: calc(53 / 750 * 100vw); }
      .burger-btn.is-open span:nth-of-type(3) {
        top: 31px;
        top: calc(31 / 750 * 100vw); }
      .burger-btn.is-open span:nth-of-type(3) {
        right: 29px;
        right: calc(29 / 750 * 100vw); }
    #header-nav {
      top: 0px;
      top: calc(0 / 750 * 100vw); }
    #header-nav {
      width: 750px;
      width: calc(750 / 750 * 100vw); }
    .header-nav__inner {
      padding-top: 60px;
      padding-top: calc(60 / 750 * 100vw); }
    .header-nav__inner {
      padding-right: 30px;
      padding-right: calc(30 / 750 * 100vw); }
    .header-nav__inner {
      padding-left: 30px;
      padding-left: calc(30 / 750 * 100vw); }
    .header-nav__item {
      margin-left: 0px;
      margin-left: calc(0 / 750 * 100vw); }
      .header-nav__item:not(:last-of-type) {
        margin-bottom: 100px;
        margin-bottom: calc(100 / 750 * 100vw); }
    .header-nav__line {
      width: 30px;
      width: calc(30 / 750 * 100vw); }
    .header-nav__line {
      height: 30px;
      height: calc(30 / 750 * 100vw); }
    .header-nav__btn {
      width: 375px;
      width: calc(375 / 750 * 100vw); }
    .header-nav__btn {
      height: 50px;
      height: calc(50 / 750 * 100vw); }
    .header-nav__btn {
      margin-left: 0px;
      margin-left: calc(0 / 750 * 100vw); }
    .header-nav__btn {
      font-size: 16px;
      font-size: calc(16 / 750 * 100vw); }
    .header-nav__btn {
      position: fixed;
      left: 0;
      bottom: 0;
      z-index: 1001; }
    #footer {
      height: 54px;
      height: calc(54 / 750 * 100vw); }
    #footer {
      max-height: 54px;
      max-height: calc(54 / 750 * 100vw); }
    #footer {
      min-height: 54px;
      min-height: calc(54 / 750 * 100vw); }
    #footer {
      overflow: visible; }
    .copyright {
      font-size: 14px;
      font-size: calc(14 / 750 * 100vw); }
    #totop {
      width: 57px;
      width: calc(57 / 750 * 100vw); }
    #totop {
      height: 57px;
      height: calc(57 / 750 * 100vw); }
    #totop {
      right: calc(20 / 750 * 100vw);
      background-size: calc(20 / 750 * 100vw) auto; }
    #circle {
      width: 266px;
      width: calc(266 / 750 * 100vw); }
    #circle {
      height: 266px;
      height: calc(266 / 750 * 100vw); }
    #circle {
      margin-left: 441px;
      margin-left: calc(441 / 750 * 100vw); }
    #circle {
      margin-top: 200px;
      margin-top: calc(200 / 750 * 100vw); }
    .scrollWrap-child {
      overflow: hidden; }
  .setOrder {
    color: #000; }
    #scrollNav {
      bottom: 70px;
      bottom: calc(70 / 750 * 100vw); }
    #scrollNav {
      left: 30px;
      left: calc(30 / 750 * 100vw); }
    .scrollNav-item {
      width: 18px;
      width: calc(18 / 750 * 100vw); }
    .scrollNav-item {
      height: 18px;
      height: calc(18 / 750 * 100vw); }
      .scrollNav-item:not(:last-of-type) {
        margin-bottom: 25px;
        margin-bottom: calc(25 / 750 * 100vw); }
    #logo {
      left: 0px;
      left: calc(0 / 750 * 100vw); }
    #logo {
      top: 0px;
      top: calc(0 / 750 * 100vw); }
    #logo-mark {
      width: 139px;
      width: calc(139 / 750 * 100vw); }
    #logo-mark {
      height: 187px;
      height: calc(187 / 750 * 100vw); }
    #logo-mark {
      margin-right: 33px;
      margin-right: calc(33 / 750 * 100vw); }
    #logo-mark {
      top: 0px;
      top: calc(0 / 750 * 100vw); }
    #logo-type {
      width: 392px;
      width: calc(392 / 750 * 100vw); }
    #logo-type {
      height: 118px;
      height: calc(118 / 750 * 100vw); }
    .scroll-circle {
      width: 156px;
      width: calc(156 / 750 * 100vw); }
    .scroll-circle {
      height: 156px;
      height: calc(156 / 750 * 100vw); }
    .scroll-circle {
      right: 20px;
      right: calc(20 / 750 * 100vw); }
    .scroll-circle {
      bottom: 60px;
      bottom: calc(60 / 750 * 100vw); }
    .scroll-circle-txt {
      width: 156px;
      width: calc(156 / 750 * 100vw); }
    .scroll-circle-txt {
      height: 156px;
      height: calc(156 / 750 * 100vw); }
    .scroll-circle-circle {
      width: 112px;
      width: calc(112 / 750 * 100vw); }
    .scroll-circle-circle {
      height: 112px;
      height: calc(112 / 750 * 100vw); }
    .home-content {
      padding-top: 44px;
      padding-top: calc(44 / 750 * 100vw); }
    .works-list {
      padding-bottom: 20px;
      padding-bottom: calc(20 / 750 * 100vw); }
    .works-list {
      margin-bottom: 130px;
      margin-bottom: calc(130 / 750 * 100vw); }
    .works-list {
      padding-left: 30px;
      padding-left: calc(30 / 750 * 100vw); }
    .works-list {
      padding-right: 30px;
      padding-right: calc(30 / 750 * 100vw); }
    .works-list {
      overflow: scroll; }
    .works-btn {
      margin-bottom: 3px; }
    .creator-item {
      width: 750px;
      width: calc(750 / 750 * 100vw); }
    .creator-item {
      margin-bottom: 120px;
      margin-bottom: calc(120 / 750 * 100vw); }
      .creator-item .fig {
        width: 640px;
        width: calc(640 / 750 * 100vw); }
      .creator-item .fig {
        height: 362px;
        height: calc(362 / 750 * 100vw); }
      .creator-item .fig {
        border-width: 2px;
        border-width: calc(2 / 750 * 100vw); }
      .creator-item .fig {
        border-radius: 8px;
        border-radius: calc(8 / 750 * 100vw); }
      .creator-item .fig {
        margin-bottom: 37px;
        margin-bottom: calc(37 / 750 * 100vw); }
      .creator-item .fig {
        margin-left: auto;
        margin-right: auto; }
        .creator-item .fig img {
          border-radius: 8px;
          border-radius: calc(8 / 750 * 100vw); }
      .creator-item .nameLabel {
        width: 487px;
        width: calc(487 / 750 * 100vw); }
      .creator-item .nameLabel {
        height: 116px;
        height: calc(116 / 750 * 100vw); }
      .creator-item .nameLabel {
        padding-top: 5px;
        padding-top: calc(5 / 750 * 100vw); }
      .creator-item .nameLabel {
        padding-left: 0px;
        padding-left: calc(0 / 750 * 100vw); }
      .creator-item .nameLabel {
        left: 0px;
        left: calc(0 / 750 * 100vw); }
      .creator-item .nameLabel {
        position: relative;
        margin-left: auto;
        margin-right: auto;
        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;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; }
      .creator-item .role {
        font-size: 17px;
        font-size: calc(17 / 750 * 100vw); }
      .creator-item .role {
        left: 3px;
        left: calc(3 / 750 * 100vw); }
      .creator-item .role {
        margin-bottom: 16px;
        margin-bottom: calc(16 / 750 * 100vw); }
      .creator-item .name {
        font-size: 41px;
        font-size: calc(41 / 750 * 100vw); }
    .creator-btn {
      margin-bottom: 3px; }
    .contact-item {
      width: 690px;
      width: calc(690 / 750 * 100vw); }
    .contact-item {
      height: 436px;
      height: calc(436 / 750 * 100vw); }
    .contact-item {
      border-radius: 8px;
      border-radius: calc(8 / 750 * 100vw); }
    .contact-item {
      padding-top: 90px;
      padding-top: calc(90 / 750 * 100vw); }
      .contact-item .body {
        font-size: 28px;
        font-size: calc(28 / 750 * 100vw); }
      .contact-item .body {
        line-height: 48px;
        line-height: calc(48 / 750 * 100vw); }
      .contact-item .body {
        margin-bottom: 64px;
        margin-bottom: calc(64 / 750 * 100vw); }
    .contact-btn {
      margin-bottom: 3px; }
    .page-works-list__item {
      margin-bottom: 114px;
      margin-bottom: calc(114 / 750 * 100vw); }
      .page-works-list__item .fig {
        width: 647px;
        width: calc(647 / 750 * 100vw); }
      .page-works-list__item .fig {
        height: 363px;
        height: calc(363 / 750 * 100vw); }
      .page-works-list__item .fig {
        border-radius: 8px;
        border-radius: calc(8 / 750 * 100vw); }
      .page-works-list__item .fig {
        margin-bottom: 60px;
        margin-bottom: calc(60 / 750 * 100vw); }
      .page-works-list__item .fig {
        margin-left: auto;
        margin-right: auto; }
        .page-works-list__item .fig:after {
          border-radius: 8px;
          border-radius: calc(8 / 750 * 100vw); }
        .page-works-list__item .fig:after {
          border-width: 3px;
          border-width: calc(3 / 750 * 100vw); }
        .page-works-list__item .fig img {
          border-radius: 8px;
          border-radius: calc(8 / 750 * 100vw); }
      .page-works-list__item .info {
        width: 690px;
        width: calc(690 / 750 * 100vw); }
      .page-works-list__item .info {
        padding-top: 0px;
        padding-top: calc(0 / 750 * 100vw); }
      .page-works-list__item .info {
        padding-left: 20px;
        padding-left: calc(20 / 750 * 100vw); }
      .page-works-list__item .info {
        margin-right: auto; }
      .page-works-list__item .gr-1 {
        padding-bottom: 8px;
        padding-bottom: calc(8 / 750 * 100vw); }
      .page-works-list__item .gr-1 {
        width: 650px;
        width: calc(650 / 750 * 100vw); }
      .page-works-list__item .name {
        font-size: 28px;
        font-size: calc(28 / 750 * 100vw); }
      .page-works-list__item .name {
        margin-bottom: 0px;
        margin-bottom: calc(0 / 750 * 100vw); }
      .page-works-list__item .copy {
        font-size: 24px;
        font-size: calc(24 / 750 * 100vw); }
      .page-works-list__item .copy {
        line-height: 44px;
        line-height: calc(44 / 750 * 100vw); }
      .page-works-list__item .detail {
        font-size: 22px;
        font-size: calc(22 / 750 * 100vw); }
      .page-works-list__item .detail {
        line-height: 42px;
        line-height: calc(42 / 750 * 100vw); }
      .page-works-list__item .detail {
        padding-top: 34px;
        padding-top: calc(34 / 750 * 100vw); }
      .page-works-list__item .detail {
        padding-bottom: 74px;
        padding-bottom: calc(74 / 750 * 100vw); }
      .page-works-list__item .detail {
        letter-spacing: 0.05em; }
      .page-works-list__item .gr-3 {
        height: 40px;
        height: calc(40 / 750 * 100vw); }
      .page-works-list__item .gr-3 {
        margin-bottom: 40px;
        margin-bottom: calc(40 / 750 * 100vw); }
      .page-works-list__item .twitter {
        width: 56px;
        width: calc(56 / 750 * 100vw); }
      .page-works-list__item .twitter {
        height: 56px;
        height: calc(56 / 750 * 100vw); }
      .page-works-list__item .twitter {
        margin-right: 30px;
        margin-right: calc(30 / 750 * 100vw); }
      .page-works-list__item .twitter {
        margin-bottom: 0px;
        margin-bottom: calc(0 / 750 * 100vw); }
      .page-works-list__item .discord {
        width: 69px;
        width: calc(69 / 750 * 100vw); }
      .page-works-list__item .discord {
        height: 52px;
        height: calc(52 / 750 * 100vw); }
      .page-works-list__item .discord {
        margin-right: 40px;
        margin-right: calc(40 / 750 * 100vw); }
      .page-works-list__item .discord {
        margin-bottom: 0px;
        margin-bottom: calc(0 / 750 * 100vw); }
      .page-works-list__item .appstore {
        width: 218px;
        width: calc(218 / 750 * 100vw); }
      .page-works-list__item .appstore {
        height: 66px;
        height: calc(66 / 750 * 100vw); }
      .page-works-list__item .appstore {
        margin-right: 5px;
        margin-right: calc(5 / 750 * 100vw); }
      .page-works-list__item .appstore {
        margin-bottom: 0px;
        margin-bottom: calc(0 / 750 * 100vw); }
      .page-works-list__item .googleplay {
        width: 219px;
        width: calc(219 / 750 * 100vw); }
      .page-works-list__item .googleplay {
        height: 66px;
        height: calc(66 / 750 * 100vw); }
      .page-works-list__item .googleplay {
        margin-right: 5px;
        margin-right: calc(5 / 750 * 100vw); }
      .page-works-list__item .googleplay {
        margin-bottom: 0px;
        margin-bottom: calc(0 / 750 * 100vw); }
      .page-works-list__item .btn:not(:last-of-type) {
        margin-right: 23px;
        margin-right: calc(23 / 750 * 100vw); }
    .company-head {
      font-size: 28px;
      font-size: calc(28 / 750 * 100vw); }
    #company-info {
      padding-bottom: 37px;
      padding-bottom: calc(37 / 750 * 100vw); }
      #company-info .info-head {
        margin-bottom: 40px;
        margin-bottom: calc(40 / 750 * 100vw); }
      #company-info .info {
        width: 690px;
        width: calc(690 / 750 * 100vw); }
      #company-info .info {
        padding-left: 20px;
        padding-left: calc(20 / 750 * 100vw); }
      #company-info .info {
        margin-bottom: 40px;
        margin-bottom: calc(40 / 750 * 100vw); }
        #company-info .info dt {
          font-size: 24px;
          font-size: calc(24 / 750 * 100vw); }
        #company-info .info dt {
          border-left-width: 6px;
          border-left-width: calc(6 / 750 * 100vw); }
        #company-info .info dt {
          padding-left: 14px;
          padding-left: calc(14 / 750 * 100vw); }
        #company-info .info dt {
          margin-bottom: 15px;
          margin-bottom: calc(15 / 750 * 100vw); }
        #company-info .info dt {
          line-height: 30px;
          line-height: calc(30 / 750 * 100vw); }
        #company-info .info dd {
          font-size: 24px;
          font-size: calc(24 / 750 * 100vw); }
        #company-info .info dd {
          line-height: 44px;
          line-height: calc(44 / 750 * 100vw); }
        #company-info .info dd {
          padding-left: 20px;
          padding-left: calc(20 / 750 * 100vw); }
          #company-info .info dd:not(:last-of-type) {
            margin-bottom: 31px;
            margin-bottom: calc(31 / 750 * 100vw); }
      #company-info #map {
        width: 517px;
        width: calc(517 / 750 * 100vw); }
      #company-info #map {
        height: 387px;
        height: calc(387 / 750 * 100vw); }
      #company-info #map {
        border-radius: 10px;
        border-radius: calc(10 / 750 * 100vw); }
      #company-info #map {
        padding-top: 16px;
        padding-top: calc(16 / 750 * 100vw); }
      #company-info #map {
        padding-bottom: 17px;
        padding-bottom: calc(17 / 750 * 100vw); }
      #company-info #map {
        padding-left: 15px;
        padding-left: calc(15 / 750 * 100vw); }
      #company-info #map {
        padding-right: 16px;
        padding-right: calc(16 / 750 * 100vw); }
      #company-info #map {
        margin-left: auto;
        margin-right: auto; }
    #company-business {
      padding-top: 36px;
      padding-top: calc(36 / 750 * 100vw); }
    #company-business {
      padding-bottom: 30px;
      padding-bottom: calc(30 / 750 * 100vw); }
      #company-business .business-head {
        margin-bottom: 35px;
        margin-bottom: calc(35 / 750 * 100vw); }
      #company-business .business-list {
        padding-left: 20px;
        padding-left: calc(20 / 750 * 100vw); }
      #company-business .business-list {
        font-size: 24px;
        font-size: calc(24 / 750 * 100vw); }
      #company-business .business-list {
        line-height: 44px;
        line-height: calc(44 / 750 * 100vw); }
    #company-message {
      padding-top: 30px;
      padding-top: calc(30 / 750 * 100vw); }
    #company-message {
      padding-bottom: 42px;
      padding-bottom: calc(42 / 750 * 100vw); }
      #company-message .message-head {
        margin-bottom: 25px;
        margin-bottom: calc(25 / 750 * 100vw); }
      #company-message .message-block {
        padding-left: 20px;
        padding-left: calc(20 / 750 * 100vw); }
      #company-message .message-body {
        font-size: 24px;
        font-size: calc(24 / 750 * 100vw); }
      #company-message .message-body {
        line-height: 44px;
        line-height: calc(44 / 750 * 100vw); }
    #company-policy {
      padding-top: 42px;
      padding-top: calc(42 / 750 * 100vw); }
    #company-policy {
      padding-bottom: 180px;
      padding-bottom: calc(180 / 750 * 100vw); }
      #company-policy .policy-head {
        margin-bottom: 40px;
        margin-bottom: calc(40 / 750 * 100vw); }
      #company-policy .policy-list {
        padding-left: 20px;
        padding-left: calc(20 / 750 * 100vw); }
        #company-policy .policy-list dt {
          font-size: 18px;
          font-size: calc(18 / 750 * 100vw); }
        #company-policy .policy-list dt {
          margin-bottom: 12px;
          margin-bottom: calc(12 / 750 * 100vw); }
        #company-policy .policy-list dd {
          font-size: 28px;
          font-size: calc(28 / 750 * 100vw); }
        #company-policy .policy-list dd {
          line-height: 44px;
          line-height: calc(44 / 750 * 100vw); }
        #company-policy .policy-list dd {
          padding-left: 20px;
          padding-left: calc(20 / 750 * 100vw); }
          #company-policy .policy-list dd:not(:last-of-type) {
            margin-bottom: 42px;
            margin-bottom: calc(42 / 750 * 100vw); }
      #company-policy .value-list {
        font-size: 24px;
        font-size: calc(24 / 750 * 100vw); }
      #company-policy .value-list {
        line-height: 44px;
        line-height: calc(44 / 750 * 100vw); }
          #company-policy .value-list li:before {
            left: 40px;
            left: calc(40 / 750 * 100vw); }
    #recruit-list {
      padding-bottom: 64px;
      padding-bottom: calc(64 / 750 * 100vw); }
    .recruit-item:not(:last-of-type) {
      margin-bottom: 80px;
      margin-bottom: calc(80 / 750 * 100vw); }
    .recruit-item .head {
      height: 120px;
      height: calc(120 / 750 * 100vw); }
    .recruit-item .head {
      padding-left: 20px;
      padding-left: calc(20 / 750 * 100vw); }
    .recruit-item .head {
      padding-right: 40px;
      padding-right: calc(40 / 750 * 100vw); }
      .recruit-item .head:after {
        width: 18px;
        width: calc(18 / 750 * 100vw); }
      .recruit-item .head:after {
        height: 12px;
        height: calc(12 / 750 * 100vw); }
      .recruit-item .head:after {
        right: 30px;
        right: calc(30 / 750 * 100vw); }
      .recruit-item .head .txt {
        font-size: 29px;
        font-size: calc(29 / 750 * 100vw); }
      .recruit-item .head .txt {
        line-height: 50px;
        line-height: calc(50 / 750 * 100vw); }
    .recruit-item .inner {
      padding-top: 30px;
      padding-top: calc(30 / 750 * 100vw); }
    .recruit-item .inner {
      padding-bottom: 40px;
      padding-bottom: calc(40 / 750 * 100vw); }
    .recruit-item .inner {
      padding-left: 20px;
      padding-left: calc(20 / 750 * 100vw); }
    .recruit-item .inner {
      padding-right: 20px;
      padding-right: calc(20 / 750 * 100vw); }
    .recruit-item .info dt {
      font-size: 24px;
      font-size: calc(24 / 750 * 100vw); }
    .recruit-item .info dt {
      border-left-width: 6px;
      border-left-width: calc(6 / 750 * 100vw); }
    .recruit-item .info dt {
      padding-left: 14px;
      padding-left: calc(14 / 750 * 100vw); }
    .recruit-item .info dt {
      margin-bottom: 15px;
      margin-bottom: calc(15 / 750 * 100vw); }
    .recruit-item .info dt {
      line-height: 30px;
      line-height: calc(30 / 750 * 100vw); }
    .recruit-item .info dd {
      font-size: 24px;
      font-size: calc(24 / 750 * 100vw); }
    .recruit-item .info dd {
      line-height: 44px;
      line-height: calc(44 / 750 * 100vw); }
    .recruit-item .info dd {
      padding-left: 20px;
      padding-left: calc(20 / 750 * 100vw); }
      .recruit-item .info dd:not(:last-of-type) {
        margin-bottom: 31px;
        margin-bottom: calc(31 / 750 * 100vw); }
    .recruit-item .info-list {
      font-size: 24px;
      font-size: calc(24 / 750 * 100vw); }
    .recruit-item .info-list {
      line-height: 44px;
      line-height: calc(44 / 750 * 100vw); }
      .recruit-item .info-list + .note {
        margin-top: 15px;
        margin-top: calc(15 / 750 * 100vw); }
    .recruit-item .body {
      font-size: 24px;
      font-size: calc(24 / 750 * 100vw); }
    .recruit-item .body {
      line-height: 44px;
      line-height: calc(44 / 750 * 100vw); }
    .recruit-item .privacy {
      font-size: 22px;
      font-size: calc(22 / 750 * 100vw); }
    .recruit-item .note {
      font-size: 22px;
      font-size: calc(22 / 750 * 100vw); }
    .recruit-item .note {
      line-height: 42px;
      line-height: calc(42 / 750 * 100vw); }
    .recruit-item .body + .note {
      margin-top: 15px;
      margin-top: calc(15 / 750 * 100vw); }
    .recruit-item .note-mail {
      margin-top: 45px;
      margin-top: calc(45 / 750 * 100vw); }
    .recruit-item .note-mail {
      margin-bottom: 35px;
      margin-bottom: calc(35 / 750 * 100vw); }
    .recruit-item .entry-btn {
      margin-top: 30px;
      margin-top: calc(30 / 750 * 100vw); }
    #page-creator {
      padding-bottom: 100px;
      padding-bottom: calc(100 / 750 * 100vw); }
    #creator-meta .block {
      margin-bottom: 50px;
      margin-bottom: calc(50 / 750 * 100vw); }
    #creator-meta .fig {
      width: 540px;
      width: calc(540 / 750 * 100vw); }
    #creator-meta .fig {
      height: 540px;
      height: calc(540 / 750 * 100vw); }
    #creator-meta .fig {
      border-width: 3px;
      border-width: calc(3 / 750 * 100vw); }
    #creator-meta .fig {
      border-radius: 10px;
      border-radius: calc(10 / 750 * 100vw); }
    #creator-meta .fig {
      margin-right: 0px;
      margin-right: calc(0 / 750 * 100vw); }
    #creator-meta .fig {
      margin-bottom: 44px;
      margin-bottom: calc(44 / 750 * 100vw); }
    #creator-meta .fig {
      margin-left: auto;
      margin-right: auto; }
      #creator-meta .fig img {
        border-radius: 10px;
        border-radius: calc(10 / 750 * 100vw); }
    #creator-meta .txt {
      margin-top: 0px;
      margin-top: calc(0 / 750 * 100vw); }
    #creator-meta .role {
      font-size: 24px;
      font-size: calc(24 / 750 * 100vw); }
    #creator-meta .role {
      width: 302px;
      width: calc(302 / 750 * 100vw); }
    #creator-meta .role {
      height: 48px;
      height: calc(48 / 750 * 100vw); }
    #creator-meta .role {
      margin-bottom: 13px;
      margin-bottom: calc(13 / 750 * 100vw); }
    #creator-meta .name {
      font-size: 68px;
      font-size: calc(68 / 750 * 100vw); }
    #creator-meta .profile {
      border-radius: 10px;
      border-radius: calc(10 / 750 * 100vw); }
    #creator-meta .profile {
      padding-top: 30px;
      padding-top: calc(30 / 750 * 100vw); }
    #creator-meta .profile {
      padding-bottom: 30px;
      padding-bottom: calc(30 / 750 * 100vw); }
    #creator-meta .profile {
      padding-left: 20px;
      padding-left: calc(20 / 750 * 100vw); }
    #creator-meta .profile {
      padding-right: 20px;
      padding-right: calc(20 / 750 * 100vw); }
      #creator-meta .profile .list dt {
        font-size: 24px;
        font-size: calc(24 / 750 * 100vw); }
      #creator-meta .profile .list dt {
        border-left-width: 6px;
        border-left-width: calc(6 / 750 * 100vw); }
      #creator-meta .profile .list dt {
        padding-left: 14px;
        padding-left: calc(14 / 750 * 100vw); }
      #creator-meta .profile .list dt {
        margin-bottom: 15px;
        margin-bottom: calc(15 / 750 * 100vw); }
      #creator-meta .profile .list dt {
        line-height: 30px;
        line-height: calc(30 / 750 * 100vw); }
      #creator-meta .profile .list dd {
        font-size: 22px;
        font-size: calc(22 / 750 * 100vw); }
      #creator-meta .profile .list dd {
        line-height: 44px;
        line-height: calc(44 / 750 * 100vw); }
        #creator-meta .profile .list dd:not(:last-of-type) {
          margin-bottom: 31px;
          margin-bottom: calc(31 / 750 * 100vw); } }
    @media screen and (max-width: 1200px) and (max-height: 600px) and (orientation: landscape) {
    html,
    body {
      min-width: 100%; }
    .m-belt-1 {
      height: calc(30 / 1366 * 100vw); }
    .m-belt-1__top {
      background-size: auto calc( 15 / 1366 * 100vw);
      -webkit-animation: belt-top 30s linear infinite;
              animation: belt-top 30s linear infinite; }
    .m-belt-1__bottom {
      background-size: auto calc( 18 / 1366 * 100vw);
      -webkit-animation: belt-top 30s linear infinite;
              animation: belt-top 30s linear infinite; }
    .m-head-1 {
      height: calc(102 / 1366 * 100vw); }
    .m-head-1 {
      padding-left: calc(32 / 1366 * 100vw); }
    .m-head-1 {
      padding-left: calc( 130 / 1366 * 100vw); }
      .m-head-1 .en {
        left: calc(32 / 1366 * 100vw); }
      .m-head-1 .en {
        height: calc(75 / 1366 * 100vw); }
      .m-head-1 .en {
        left: calc( 130 / 1366 * 100vw); }
      .m-head-1 .ja {
        left: calc(41 / 1366 * 100vw); }
      .m-head-1 .ja {
        height: calc(35 / 1366 * 100vw); }
      .m-head-1 .ja {
        padding-top: calc(3 / 1366 * 100vw); }
      .m-head-1 .ja {
        padding-left: calc(23 / 1366 * 100vw); }
      .m-head-1 .ja {
        left: calc( 130 / 1366 * 100vw); }
        .m-head-1 .ja .txt {
          font-size: calc(18 / 1366 * 100vw); }
        .m-head-1 .ja:before {
          height: calc(35 / 1366 * 100vw); }
        .m-head-1 .ja:after {
          width: calc(12 / 1366 * 100vw); }
        .m-head-1 .ja:after {
          height: calc(35 / 1366 * 100vw); }
      .m-head-1 .belt {
        height: calc(69 / 1366 * 100vw); }
      .m-head-1 .belt {
        top: calc(16 / 1366 * 100vw); }
      .m-head-1 .belt {
        width: calc(50vw + 155 / 1366 * 100vw);
        min-width: auto; }
      .m-head-1 .belt.company {
        width: calc(50vw + 100 / 1366 * 100vw);
        min-width: auto; }
        .m-head-1 .belt .rail {
          background-size: auto calc( 51 / 1366 * 100vw);
          -webkit-animation: works 200.347s linear infinite;
                  animation: works 200.347s linear infinite; }
          .m-head-1 .belt .rail.works {
            -webkit-animation: works 200.347s linear infinite;
                    animation: works 200.347s linear infinite; }
          .m-head-1 .belt .rail.creator {
            -webkit-animation: creator 200.347s linear infinite;
                    animation: creator 200.347s linear infinite; }
          .m-head-1 .belt .rail.contact {
            -webkit-animation: contact 200.347s linear infinite;
                    animation: contact 200.347s linear infinite; }
          .m-head-1 .belt .rail.company {
            top: calc(5 / 1366 * 100vw); }
          .m-head-1 .belt .rail.company {
            -webkit-animation: company 200.347s linear infinite;
                    animation: company 200.347s linear infinite; }
          .m-head-1 .belt .rail.recruit {
            -webkit-animation: works 110s linear infinite;
                    animation: works 110s linear infinite; }
      .m-head-1.works {
        margin-bottom: calc(50 / 1366 * 100vw); }
        .m-head-1.works .ja {
          width: calc(117 / 1366 * 100vw); }
      .m-head-1.creator {
        margin-bottom: calc(50 / 1366 * 100vw); }
        .m-head-1.creator .ja {
          width: calc(147 / 1366 * 100vw); }
      .m-head-1.contact {
        margin-bottom: calc(30 / 1366 * 100vw); }
        .m-head-1.contact .ja {
          width: calc(140 / 1366 * 100vw); }
      .m-head-1.company {
        margin-bottom: calc(67 / 1366 * 100vw); }
        .m-head-1.company .en {
          height: calc(95 / 1366 * 100vw); }
        .m-head-1.company .ja {
          width: calc(117 / 1366 * 100vw); }
      .m-head-1.recruit {
        margin-bottom: calc(50 / 1366 * 100vw); }
        .m-head-1.recruit .ja {
          width: calc(117 / 1366 * 100vw); }
    .m-card-1 {
      min-width: calc(330 / 1366 * 100vw); }
    .m-card-1 {
      width: calc(330 / 1366 * 100vw); }
    .m-card-1 {
      height: calc(290 / 1366 * 100vw); }
    .m-card-1 {
      border-radius: calc(8 / 1366 * 100vw); }
    .m-card-1 {
      padding-top: calc(2 / 1366 * 100vw); }
    .m-card-1 {
      padding-left: calc(2 / 1366 * 100vw); }
      .m-card-1:not(:nth-of-type(3n)) {
        margin-right: calc(54 / 1366 * 100vw); }
    .m-card-1__fig {
      border-top-left-radius: calc(8 / 1366 * 100vw); }
    .m-card-1__fig {
      border-top-right-radius: calc(8 / 1366 * 100vw); }
    .m-card-1__txt {
      height: calc(104 / 1366 * 100vw); }
    .m-card-1__txt {
      padding-left: calc(20 / 1366 * 100vw); }
    .m-card-1__ttl {
      font-size: calc(18 / 1366 * 100vw); }
    .m-card-1__ttl {
      line-height: calc(28 / 1366 * 100vw); }
    .m-card-1__name {
      font-size: calc(18 / 1366 * 100vw); }
    .m-card-1__name {
      line-height: calc(28 / 1366 * 100vw); }
    .m-card-1__role {
      font-size: calc(14 / 1366 * 100vw); }
    .m-btn-1 {
      width: calc(220 / 1366 * 100vw); }
    .m-btn-1 {
      height: calc(54 / 1366 * 100vw); }
    .m-btn-1 {
      border-radius: calc(27 / 1366 * 100vw); }
    .m-btn-1 {
      font-size: calc(16 / 1366 * 100vw); }
    .m-btn-1 {
      padding-left: calc(42 / 1366 * 100vw); }
    .m-btn-1 {
      padding-right: calc(42 / 1366 * 100vw); }
      .m-btn-1 img {
        height: calc(17 / 1366 * 100vw); }
      .m-btn-1.external {
        background-position: center right calc(15 / 1366 * 100vw);
        background-size: calc(15 / 1366 * 100vw) calc(15 / 1366 * 100vw); }
      .m-btn-1.marketplace {
        width: calc(260 / 1366 * 100vw); }
    .link-item {
      height: calc(250 / 1366 * 100vw); }
    .link-item {
      padding-left: calc(0 / 1366 * 100vw); }
      .link-item .num {
        width: calc(25 / 1366 * 100vw); }
      .link-item .num {
        height: calc(25 / 1366 * 100vw); }
      .link-item .num {
        font-size: calc(15 / 1366 * 100vw); }
      .link-item .num {
        margin-bottom: calc(4 / 1366 * 100vw); }
      .link-item .black {
        font-size: calc(20 / 1366 * 100vw); }
      .link-item .black {
        line-height: calc(40 / 1366 * 100vw); }
      .link-item .green {
        font-size: calc(25 / 1366 * 100vw); }
      .link-item .green {
        line-height: calc(40 / 1366 * 100vw); }
        .link-item .green.exc {
          font-size: calc(24 / 1366 * 100vw); }
      .link-item:not(:last-of-type):after {
        width: calc(1 / 1366 * 100vw); }
      .link-item:not(:last-of-type):after {
        height: calc(220 / 1366 * 100vw); }
    #container {
      padding-top: calc(0 / 1366 * 100vw); }
    #content {
      padding-bottom: calc(70 / 1366 * 100vw); }
    .l-content {
      width: calc(1100 / 1366 * 100vw); }
    .l-subpage {
      padding-top: calc(187 / 1366 * 100vw); }
    .header-inner {
      padding-left: calc(25 / 1366 * 100vw); }
    .header-inner {
      padding-right: calc(10 / 1366 * 100vw); }
    .burger-btn {
      width: calc(75 / 1366 * 100vw); }
    .burger-btn {
      height: calc(75 / 1366 * 100vw); }
    .burger-btn {
      top: calc(30 / 1366 * 100vw); }
    .burger-btn {
      left: calc(30 / 1366 * 100vw); }
      .burger-btn.is-kv {
        top: calc(60 / 1366 * 100vw); }
    .burger-btn {
      /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      top: auto;
    } @else {
      top: calc(60 / 1366 * 100vw);

    }
  }
  */ }
      .burger-btn:before, .burger-btn:after {
        border-radius: calc(4 / 1366 * 100vw); }
      .burger-btn:after {
        top: calc(2 / 1366 * 100vw); }
      .burger-btn:after {
        left: calc(2 / 1366 * 100vw); }
      .burger-btn span {
        height: calc(2 / 1366 * 100vw); }
      .burger-btn span {
        right: calc(16 / 1366 * 100vw); }
        .burger-btn span:nth-of-type(1) {
          top: calc(22 / 1366 * 100vw); }
        .burger-btn span:nth-of-type(1) {
          width: calc(35 / 1366 * 100vw); }
        .burger-btn span:nth-of-type(2) {
          top: calc(37 / 1366 * 100vw); }
        .burger-btn span:nth-of-type(2) {
          width: calc(43 / 1366 * 100vw); }
        .burger-btn span:nth-of-type(3) {
          top: calc(51 / 1366 * 100vw); }
        .burger-btn span:nth-of-type(3) {
          width: calc(35 / 1366 * 100vw); }
      .burger-btn.is-open span:nth-of-type(1) {
        width: calc(42 / 1366 * 100vw); }
      .burger-btn.is-open span:nth-of-type(1) {
        top: calc(21 / 1366 * 100vw); }
      .burger-btn.is-open span:nth-of-type(1) {
        right: calc(10 / 1366 * 100vw); }
      .burger-btn.is-open span:nth-of-type(3) {
        width: calc(42 / 1366 * 100vw); }
      .burger-btn.is-open span:nth-of-type(3) {
        top: calc(21 / 1366 * 100vw); }
      .burger-btn.is-open span:nth-of-type(3) {
        right: calc(22 / 1366 * 100vw); }
    #header-nav {
      top: calc(0 / 1366 * 100vw); }
    #header-nav {
      width: calc(625 / 1366 * 100vw); }
    .header-nav__inner {
      padding-top: calc(0 / 1366 * 100vw); }
    .header-nav__inner {
      padding-right: calc(0 / 1366 * 100vw); }
    .header-nav__inner {
      padding-left: calc(0 / 1366 * 100vw); }
    .header-nav__item {
      margin-left: calc(40 / 1366 * 100vw); }
      .header-nav__item:not(:last-of-type) {
        margin-bottom: calc(50 / 1366 * 100vw); }
    .header-nav__line {
      width: calc(50 / 1366 * 100vw); }
    .header-nav__line {
      height: calc(50 / 1366 * 100vw); }
    .header-nav__btn {
      width: calc(180 / 1366 * 100vw); }
    .header-nav__btn {
      height: calc(50 / 1366 * 100vw); }
    .header-nav__btn {
      margin-left: calc(15 / 1366 * 100vw); }
    .header-nav__btn {
      font-size: calc(16 / 1366 * 100vw); }
    #footer {
      height: calc(70 / 1366 * 100vw); }
    #footer {
      max-height: calc(70 / 1366 * 100vw); }
    #footer {
      min-height: calc(70 / 1366 * 100vw); }
    .copyright {
      font-size: calc(12 / 1366 * 100vw); }
    #totop {
      width: calc(57 / 1366 * 100vw); }
    #totop {
      height: calc(57 / 1366 * 100vw); }
    #totop {
      left: unset;
      right: calc(20 / 750 * 100vw);
      background-size: calc(20 / 1366 * 100vw) auto; }
    #circle {
      width: calc(266 / 1366 * 100vw); }
    #circle {
      height: calc(266 / 1366 * 100vw); }
    #circle {
      margin-left: calc(652 / 1366 * 100vw); }
    #circle {
      margin-top: calc(56 / 1366 * 100vw); }
    .scrollWrap-child {
      min-height: 100dvh;
      overflow: hidden; }
    #scrollNav {
      bottom: calc(none / 1366 * 100vw); }
    #scrollNav {
      left: calc(none / 1366 * 100vw); }
    .scrollNav-item {
      width: calc(8 / 1366 * 100vw); }
    .scrollNav-item {
      height: calc(8 / 1366 * 100vw); }
      .scrollNav-item:not(:last-of-type) {
        margin-bottom: calc(20 / 1366 * 100vw); }
    #logo {
      left: calc(-50 / 1366 * 100vw); }
    #logo {
      top: calc(15 / 1366 * 100vw); }
    #logo-mark {
      width: calc(179 / 1366 * 100vw); }
    #logo-mark {
      height: calc(242 / 1366 * 100vw); }
    #logo-mark {
      margin-right: calc(45 / 1366 * 100vw); }
    #logo-mark {
      top: calc(4 / 1366 * 100vw); }
    #logo-type {
      width: calc(506 / 1366 * 100vw); }
    #logo-type {
      height: calc(152 / 1366 * 100vw); }
    .scroll-circle {
      width: calc(156 / 1366 * 100vw); }
    .scroll-circle {
      height: calc(156 / 1366 * 100vw); }
    .scroll-circle {
      right: calc(65 / 1366 * 100vw); }
    .scroll-circle {
      bottom: calc(56 / 1366 * 100vw); }
    .scroll-circle-txt {
      width: calc(156 / 1366 * 100vw); }
    .scroll-circle-txt {
      height: calc(156 / 1366 * 100vw); }
    .scroll-circle-circle {
      width: calc(112 / 1366 * 100vw); }
    .scroll-circle-circle {
      height: calc(112 / 1366 * 100vw); }
    .home-content {
      padding-top: calc(150 / 1366 * 100vw); }
    .home-content {
      height: auto;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      padding-top: calc( 0 / 1366 * 100vw); }
    .works-list {
      padding-bottom: calc(63 / 1366 * 100vw); }
    .works-list {
      margin-bottom: calc(0 / 1366 * 100vw); }
    .works-list {
      padding-left: calc(0 / 1366 * 100vw); }
    .works-list {
      padding-right: calc(0 / 1366 * 100vw); }
    .works-list {
      overflow: auto;
      margin-left: auto;
      margin-right: auto;
      width: calc( 1100 / 1366 * 100vw);
      margin-bottom: 0;
      padding-bottom: calc( 30 / 1366 * 100vw); }
    .creator-item {
      width: calc(960 / 1366 * 100vw); }
    .creator-item {
      margin-bottom: calc(63 / 1366 * 100vw); }
      .creator-item .fig {
        width: calc(513 / 1366 * 100vw); }
      .creator-item .fig {
        height: calc(290 / 1366 * 100vw); }
      .creator-item .fig {
        border-width: calc(2 / 1366 * 100vw); }
      .creator-item .fig {
        border-radius: calc(8 / 1366 * 100vw); }
      .creator-item .fig {
        margin-bottom: calc(0 / 1366 * 100vw); }
      .creator-item .fig {
        margin: 0; }
        .creator-item .fig img {
          border-radius: calc(8 / 1366 * 100vw); }
      .creator-item .nameLabel {
        width: calc(465 / 1366 * 100vw); }
      .creator-item .nameLabel {
        height: calc(116 / 1366 * 100vw); }
      .creator-item .nameLabel {
        padding-top: calc(27 / 1366 * 100vw); }
      .creator-item .nameLabel {
        padding-left: calc(195 / 1366 * 100vw); }
      .creator-item .nameLabel {
        left: calc(391 / 1366 * 100vw); }
      .creator-item .nameLabel {
        position: absolute;
        top: 50%;
        translate: 0 -50%;
        margin: 0;
        display: block; }
      .creator-item .role {
        font-size: calc(17 / 1366 * 100vw); }
      .creator-item .role {
        left: calc(3 / 1366 * 100vw); }
      .creator-item .role {
        margin-bottom: calc(10 / 1366 * 100vw); }
      .creator-item .name {
        font-size: calc(41 / 1366 * 100vw); }
    .contact-item {
      width: calc(1098 / 1366 * 100vw); }
    .contact-item {
      height: calc(363 / 1366 * 100vw); }
    .contact-item {
      border-radius: calc(8 / 1366 * 100vw); }
    .contact-item {
      padding-top: calc(122 / 1366 * 100vw); }
    .contact-item {
      height: calc( 250 / 1366 * 100vw);
      padding-top: calc( 50 / 1366 * 100vw); }
      .contact-item .body {
        font-size: calc(18 / 1366 * 100vw); }
      .contact-item .body {
        line-height: calc(31 / 1366 * 100vw); }
      .contact-item .body {
        margin-bottom: calc(37 / 1366 * 100vw); }
    .page-works-list__item {
      margin-bottom: calc(110 / 1366 * 100vw); }
      .page-works-list__item .fig {
        width: calc(520 / 1366 * 100vw); }
      .page-works-list__item .fig {
        height: calc(292 / 1366 * 100vw); }
      .page-works-list__item .fig {
        border-radius: calc(8 / 1366 * 100vw); }
      .page-works-list__item .fig {
        margin-bottom: calc(0 / 1366 * 100vw); }
        .page-works-list__item .fig:after {
          border-radius: calc(8 / 1366 * 100vw); }
        .page-works-list__item .fig:after {
          border-width: calc(3 / 1366 * 100vw); }
        .page-works-list__item .fig img {
          border-radius: calc(8 / 1366 * 100vw); }
      .page-works-list__item .info {
        width: calc(510 / 1366 * 100vw); }
      .page-works-list__item .info {
        padding-top: calc(19 / 1366 * 100vw); }
      .page-works-list__item .info {
        padding-left: calc(0 / 1366 * 100vw); }
      .page-works-list__item .gr-1 {
        padding-bottom: calc(13 / 1366 * 100vw); }
      .page-works-list__item .gr-1 {
        width: calc(auto / 1366 * 100vw); }
      .page-works-list__item .name {
        font-size: calc(20 / 1366 * 100vw); }
      .page-works-list__item .name {
        margin-bottom: calc(9 / 1366 * 100vw); }
      .page-works-list__item .copy {
        font-size: calc(16 / 1366 * 100vw); }
      .page-works-list__item .copy {
        line-height: calc(30 / 1366 * 100vw); }
      .page-works-list__item .detail {
        font-size: calc(14 / 1366 * 100vw); }
      .page-works-list__item .detail {
        line-height: calc(24 / 1366 * 100vw); }
      .page-works-list__item .detail {
        padding-top: calc(24 / 1366 * 100vw); }
      .page-works-list__item .detail {
        padding-bottom: calc(24 / 1366 * 100vw); }
      .page-works-list__item .gr-3 {
        height: calc(40 / 1366 * 100vw); }
      .page-works-list__item .gr-3 {
        margin-bottom: calc(21 / 1366 * 100vw); }
      .page-works-list__item .twitter {
        width: calc(31 / 1366 * 100vw); }
      .page-works-list__item .twitter {
        height: calc(31 / 1366 * 100vw); }
      .page-works-list__item .twitter {
        margin-right: calc(10 / 1366 * 100vw); }
      .page-works-list__item .twitter {
        margin-bottom: calc(0 / 1366 * 100vw); }
      .page-works-list__item .discord {
        width: calc(38 / 1366 * 100vw); }
      .page-works-list__item .discord {
        height: calc(29 / 1366 * 100vw); }
      .page-works-list__item .discord {
        margin-right: calc(10 / 1366 * 100vw); }
      .page-works-list__item .discord {
        margin-bottom: calc(0 / 1366 * 100vw); }
      .page-works-list__item .appstore {
        width: calc(134 / 1366 * 100vw); }
      .page-works-list__item .appstore {
        height: calc(40 / 1366 * 100vw); }
      .page-works-list__item .appstore {
        margin-right: calc(10 / 1366 * 100vw); }
      .page-works-list__item .appstore {
        margin-bottom: calc(0 / 1366 * 100vw); }
      .page-works-list__item .googleplay {
        width: calc(135 / 1366 * 100vw); }
      .page-works-list__item .googleplay {
        height: calc(40 / 1366 * 100vw); }
      .page-works-list__item .googleplay {
        margin-right: calc(10 / 1366 * 100vw); }
      .page-works-list__item .googleplay {
        margin-bottom: calc(0 / 1366 * 100vw); }
      .page-works-list__item .btn:not(:last-of-type) {
        margin-right: calc(23 / 1366 * 100vw); }
    .company-head {
      font-size: calc(30 / 1366 * 100vw); }
    #company-info {
      padding-bottom: calc(75 / 1366 * 100vw); }
      #company-info .info-head {
        margin-bottom: calc(49 / 1366 * 100vw); }
      #company-info .info {
        width: calc(611 / 1366 * 100vw); }
      #company-info .info {
        padding-left: calc(30 / 1366 * 100vw); }
      #company-info .info {
        margin-bottom: calc(0 / 1366 * 100vw); }
        #company-info .info dt {
          font-size: calc(20 / 1366 * 100vw); }
        #company-info .info dt {
          border-left-width: calc(10 / 1366 * 100vw); }
        #company-info .info dt {
          padding-left: calc(10 / 1366 * 100vw); }
        #company-info .info dt {
          margin-bottom: calc(13 / 1366 * 100vw); }
        #company-info .info dt {
          line-height: calc(26 / 1366 * 100vw); }
        #company-info .info dd {
          font-size: calc(16 / 1366 * 100vw); }
        #company-info .info dd {
          line-height: calc(30 / 1366 * 100vw); }
        #company-info .info dd {
          padding-left: calc(20 / 1366 * 100vw); }
          #company-info .info dd:not(:last-of-type) {
            margin-bottom: calc(30 / 1366 * 100vw); }
      #company-info #map {
        width: calc(550 / 1366 * 100vw); }
      #company-info #map {
        height: calc(411 / 1366 * 100vw); }
      #company-info #map {
        border-radius: calc(10 / 1366 * 100vw); }
      #company-info #map {
        padding-top: calc(12 / 1366 * 100vw); }
      #company-info #map {
        padding-bottom: calc(11 / 1366 * 100vw); }
      #company-info #map {
        padding-left: calc(9 / 1366 * 100vw); }
      #company-info #map {
        padding-right: calc(8 / 1366 * 100vw); }
    #company-business {
      padding-top: calc(75 / 1366 * 100vw); }
    #company-business {
      padding-bottom: calc(65 / 1366 * 100vw); }
      #company-business .business-head {
        margin-bottom: calc(55 / 1366 * 100vw); }
      #company-business .business-list {
        padding-left: calc(30 / 1366 * 100vw); }
      #company-business .business-list {
        font-size: calc(20 / 1366 * 100vw); }
      #company-business .business-list {
        line-height: calc(34 / 1366 * 100vw); }
    #company-message {
      padding-top: calc(65 / 1366 * 100vw); }
    #company-message {
      padding-bottom: calc(65 / 1366 * 100vw); }
      #company-message .message-head {
        margin-bottom: calc(53 / 1366 * 100vw); }
      #company-message .message-block {
        padding-left: calc(30 / 1366 * 100vw); }
      #company-message .message-body {
        font-size: calc(16 / 1366 * 100vw); }
      #company-message .message-body {
        line-height: calc(30 / 1366 * 100vw); }
    #company-policy {
      padding-top: calc(65 / 1366 * 100vw); }
    #company-policy {
      padding-bottom: calc(250 / 1366 * 100vw); }
      #company-policy .policy-head {
        margin-bottom: calc(54 / 1366 * 100vw); }
      #company-policy .policy-list {
        padding-left: calc(30 / 1366 * 100vw); }
        #company-policy .policy-list dt {
          font-size: calc(16 / 1366 * 100vw); }
        #company-policy .policy-list dt {
          margin-bottom: calc(12 / 1366 * 100vw); }
        #company-policy .policy-list dd {
          font-size: calc(24 / 1366 * 100vw); }
        #company-policy .policy-list dd {
          line-height: calc(40 / 1366 * 100vw); }
        #company-policy .policy-list dd {
          padding-left: calc(20 / 1366 * 100vw); }
          #company-policy .policy-list dd:not(:last-of-type) {
            margin-bottom: calc(44 / 1366 * 100vw); }
      #company-policy .value-list {
        font-size: calc(16 / 1366 * 100vw); }
      #company-policy .value-list {
        line-height: calc(44 / 1366 * 100vw); }
          #company-policy .value-list li:before {
            left: calc(46 / 1366 * 100vw); }
    #recruit-list {
      padding-bottom: calc(116 / 1366 * 100vw); }
    .recruit-item:not(:last-of-type) {
      margin-bottom: calc(60 / 1366 * 100vw); }
    .recruit-item .head {
      height: calc(60 / 1366 * 100vw); }
    .recruit-item .head {
      padding-left: calc(19 / 1366 * 100vw); }
    .recruit-item .head {
      padding-right: calc(40 / 1366 * 100vw); }
      .recruit-item .head:after {
        width: calc(16 / 1366 * 100vw); }
      .recruit-item .head:after {
        height: calc(10 / 1366 * 100vw); }
      .recruit-item .head:after {
        right: calc(30 / 1366 * 100vw); }
      .recruit-item .head .txt {
        font-size: calc(24 / 1366 * 100vw); }
      .recruit-item .head .txt {
        line-height: calc(41 / 1366 * 100vw); }
    .recruit-item .inner {
      padding-top: calc(30 / 1366 * 100vw); }
    .recruit-item .inner {
      padding-bottom: calc(30 / 1366 * 100vw); }
    .recruit-item .inner {
      padding-left: calc(30 / 1366 * 100vw); }
    .recruit-item .inner {
      padding-right: calc(30 / 1366 * 100vw); }
    .recruit-item .info dt {
      font-size: calc(20 / 1366 * 100vw); }
    .recruit-item .info dt {
      border-left-width: calc(10 / 1366 * 100vw); }
    .recruit-item .info dt {
      padding-left: calc(10 / 1366 * 100vw); }
    .recruit-item .info dt {
      margin-bottom: calc(13 / 1366 * 100vw); }
    .recruit-item .info dt {
      line-height: calc(26 / 1366 * 100vw); }
    .recruit-item .info dd {
      font-size: calc(16 / 1366 * 100vw); }
    .recruit-item .info dd {
      line-height: calc(30 / 1366 * 100vw); }
    .recruit-item .info dd {
      padding-left: calc(20 / 1366 * 100vw); }
      .recruit-item .info dd:not(:last-of-type) {
        margin-bottom: calc(30 / 1366 * 100vw); }
    .recruit-item .info-list {
      font-size: calc(16 / 1366 * 100vw); }
    .recruit-item .info-list {
      line-height: calc(30 / 1366 * 100vw); }
      .recruit-item .info-list + .note {
        margin-top: calc(20 / 1366 * 100vw); }
    .recruit-item .body {
      font-size: calc(16 / 1366 * 100vw); }
    .recruit-item .body {
      line-height: calc(30 / 1366 * 100vw); }
    .recruit-item .privacy {
      font-size: calc(14 / 1366 * 100vw); }
    .recruit-item .note {
      font-size: calc(14 / 1366 * 100vw); }
    .recruit-item .note {
      line-height: calc(26 / 1366 * 100vw); }
    .recruit-item .body + .note {
      margin-top: calc(20 / 1366 * 100vw); }
    .recruit-item .note-mail {
      margin-top: calc(45 / 1366 * 100vw); }
    .recruit-item .note-mail {
      margin-bottom: calc(25 / 1366 * 100vw); }
    .recruit-item .entry-btn {
      margin-top: calc(30 / 1366 * 100vw); }
    #page-creator {
      padding-bottom: calc(120 / 1366 * 100vw); }
    #creator-meta .block {
      margin-bottom: calc(43 / 1366 * 100vw); }
    #creator-meta .fig {
      width: calc(480 / 1366 * 100vw); }
    #creator-meta .fig {
      height: calc(480 / 1366 * 100vw); }
    #creator-meta .fig {
      border-width: calc(3 / 1366 * 100vw); }
    #creator-meta .fig {
      border-radius: calc(10 / 1366 * 100vw); }
    #creator-meta .fig {
      margin-right: calc(70 / 1366 * 100vw); }
    #creator-meta .fig {
      margin-bottom: calc(0 / 1366 * 100vw); }
      #creator-meta .fig img {
        border-radius: calc(10 / 1366 * 100vw); }
    #creator-meta .txt {
      margin-top: calc(141 / 1366 * 100vw); }
    #creator-meta .role {
      font-size: calc(18 / 1366 * 100vw); }
    #creator-meta .role {
      width: calc(219 / 1366 * 100vw); }
    #creator-meta .role {
      height: calc(35 / 1366 * 100vw); }
    #creator-meta .role {
      margin-bottom: calc(4 / 1366 * 100vw); }
    #creator-meta .name {
      font-size: calc(65 / 1366 * 100vw); }
    #creator-meta .profile {
      border-radius: calc(10 / 1366 * 100vw); }
    #creator-meta .profile {
      padding-top: calc(18 / 1366 * 100vw); }
    #creator-meta .profile {
      padding-bottom: calc(18 / 1366 * 100vw); }
    #creator-meta .profile {
      padding-left: calc(20 / 1366 * 100vw); }
    #creator-meta .profile {
      padding-right: calc(20 / 1366 * 100vw); }
      #creator-meta .profile .list dt {
        font-size: calc(16 / 1366 * 100vw); }
      #creator-meta .profile .list dt {
        border-left-width: calc(6 / 1366 * 100vw); }
      #creator-meta .profile .list dt {
        padding-left: calc(10 / 1366 * 100vw); }
      #creator-meta .profile .list dt {
        margin-bottom: calc(13 / 1366 * 100vw); }
      #creator-meta .profile .list dt {
        line-height: calc(20 / 1366 * 100vw); }
      #creator-meta .profile .list dd {
        font-size: calc(14 / 1366 * 100vw); }
      #creator-meta .profile .list dd {
        line-height: calc(26 / 1366 * 100vw); }
        #creator-meta .profile .list dd:not(:last-of-type) {
          margin-bottom: calc(30 / 1366 * 100vw); } }
    @media screen and (max-width: 961px) {
  .m-lg {
    display: none; } }
    @media screen and (min-width: 1500px) {
    .m-belt-1 {
      height: calc(30 / 1366 * 100vw); }
    .m-head-1 {
      height: calc(102 / 1366 * 100vw); }
    .m-head-1 {
      padding-left: calc(32 / 1366 * 100vw); }
      .m-head-1 .en {
        left: calc(32 / 1366 * 100vw); }
      .m-head-1 .en {
        height: calc(75 / 1366 * 100vw); }
      .m-head-1 .en {
        width: calc(100% - 32 / 1366 * 100vw); }
      .m-head-1 .ja {
        left: calc(41 / 1366 * 100vw); }
      .m-head-1 .ja {
        height: calc(35 / 1366 * 100vw); }
      .m-head-1 .ja {
        padding-top: calc(3 / 1366 * 100vw); }
      .m-head-1 .ja {
        padding-left: calc(23 / 1366 * 100vw); }
        .m-head-1 .ja .txt {
          font-size: calc(18 / 1366 * 100vw); }
        .m-head-1 .ja:before {
          height: calc(35 / 1366 * 100vw); }
        .m-head-1 .ja:after {
          width: calc(12 / 1366 * 100vw); }
        .m-head-1 .ja:after {
          height: calc(35 / 1366 * 100vw); }
      .m-head-1 .belt {
        height: calc(69 / 1366 * 100vw); }
      .m-head-1 .belt {
        top: calc(16 / 1366 * 100vw); }
          .m-head-1 .belt .rail.company {
            top: calc(5 / 1366 * 100vw); }
      .m-head-1.works {
        margin-bottom: calc(50 / 1366 * 100vw); }
        .m-head-1.works .ja {
          width: calc(117 / 1366 * 100vw); }
      .m-head-1.creator {
        margin-bottom: calc(50 / 1366 * 100vw); }
        .m-head-1.creator .ja {
          width: calc(147 / 1366 * 100vw); }
      .m-head-1.contact {
        margin-bottom: calc(30 / 1366 * 100vw); }
        .m-head-1.contact .ja {
          width: calc(140 / 1366 * 100vw); }
      .m-head-1.company {
        margin-bottom: calc(67 / 1366 * 100vw); }
        .m-head-1.company .en {
          height: calc(95 / 1366 * 100vw); }
        .m-head-1.company .ja {
          width: calc(117 / 1366 * 100vw); }
      .m-head-1.recruit {
        margin-bottom: calc(50 / 1366 * 100vw); }
        .m-head-1.recruit .ja {
          width: calc(117 / 1366 * 100vw); }
    .m-card-1 {
      min-width: calc(330 / 1366 * 100vw); }
    .m-card-1 {
      width: calc(330 / 1366 * 100vw); }
    .m-card-1 {
      height: calc(290 / 1366 * 100vw); }
    .m-card-1 {
      border-radius: calc(8 / 1366 * 100vw); }
    .m-card-1 {
      padding-top: calc(2 / 1366 * 100vw); }
    .m-card-1 {
      padding-left: calc(2 / 1366 * 100vw); }
      .m-card-1:not(:nth-of-type(3n)) {
        margin-right: calc(54 / 1366 * 100vw); }
    .m-card-1 {
      -webkit-box-shadow: calc(3 / 1366 * 100vw) calc(3 / 1366 * 100vw) 0 #E0E0E0;
              box-shadow: calc(3 / 1366 * 100vw) calc(3 / 1366 * 100vw) 0 #E0E0E0; }
      .m-card-1:hover {
        -webkit-box-shadow: calc(13 / 1366 * 100vw) calc(13 / 1366 * 100vw) 0 #E0E0E0;
                box-shadow: calc(13 / 1366 * 100vw) calc(13 / 1366 * 100vw) 0 #E0E0E0; }
    .m-card-1__fig {
      border-top-left-radius: calc(8 / 1366 * 100vw); }
    .m-card-1__fig {
      border-top-right-radius: calc(8 / 1366 * 100vw); }
    .m-card-1__txt {
      height: calc(104 / 1366 * 100vw); }
    .m-card-1__txt {
      padding-left: calc(20 / 1366 * 100vw); }
    .m-card-1__ttl {
      font-size: calc(18 / 1366 * 100vw); }
    .m-card-1__ttl {
      line-height: calc(28 / 1366 * 100vw); }
    .m-card-1__name {
      font-size: calc(18 / 1366 * 100vw); }
    .m-card-1__name {
      line-height: calc(28 / 1366 * 100vw); }
    .m-card-1__role {
      font-size: calc(14 / 1366 * 100vw); }
    .m-btn-1 {
      width: calc(220 / 1366 * 100vw); }
    .m-btn-1 {
      height: calc(54 / 1366 * 100vw); }
    .m-btn-1 {
      border-radius: calc(27 / 1366 * 100vw); }
    .m-btn-1 {
      font-size: calc(16 / 1366 * 100vw); }
    .m-btn-1 {
      padding-left: calc(42 / 1366 * 100vw); }
    .m-btn-1 {
      padding-right: calc(42 / 1366 * 100vw); }
    .m-btn-1 {
      -webkit-box-shadow: calc(3 / 1366 * 100vw) calc(3 / 1366 * 100vw) 0 #fff;
              box-shadow: calc(3 / 1366 * 100vw) calc(3 / 1366 * 100vw) 0 #fff; }
      .m-btn-1:hover {
        -webkit-box-shadow: calc(13 / 1366 * 100vw) calc(13 / 1366 * 100vw) 0 #fff;
                box-shadow: calc(13 / 1366 * 100vw) calc(13 / 1366 * 100vw) 0 #fff; }
      .m-btn-1 img {
        height: calc(17 / 1366 * 100vw); }
      .m-btn-1.external {
        background-position: center right calc(15 / 1366 * 100vw);
        background-size: calc(15 / 1366 * 100vw) calc(15 / 1366 * 100vw); }
      .m-btn-1.marketplace {
        width: calc(260 / 1366 * 100vw); }
    .link-item {
      height: calc(250 / 1366 * 100vw); }
    .link-item {
      padding-left: calc(0 / 1366 * 100vw); }
      .link-item .num {
        width: calc(25 / 1366 * 100vw); }
      .link-item .num {
        height: calc(25 / 1366 * 100vw); }
      .link-item .num {
        font-size: calc(15 / 1366 * 100vw); }
      .link-item .num {
        margin-bottom: calc(4 / 1366 * 100vw); }
      .link-item .black {
        font-size: calc(20 / 1366 * 100vw); }
      .link-item .black {
        line-height: calc(40 / 1366 * 100vw); }
      .link-item .green {
        font-size: calc(25 / 1366 * 100vw); }
      .link-item .green {
        line-height: calc(40 / 1366 * 100vw); }
        .link-item .green.exc {
          font-size: calc(24 / 1366 * 100vw); }
      .link-item:not(:last-of-type):after {
        width: calc(1 / 1366 * 100vw); }
      .link-item:not(:last-of-type):after {
        height: calc(220 / 1366 * 100vw); }
    #container {
      padding-top: calc(0 / 1366 * 100vw); }
    #content {
      padding-bottom: calc(70 / 1366 * 100vw); }
    .l-content {
      width: calc(1100 / 1366 * 100vw); }
    .l-subpage {
      padding-top: calc(187 / 1366 * 100vw); }
    .header-inner {
      padding-left: calc(25 / 1366 * 100vw); }
    .header-inner {
      padding-right: calc(10 / 1366 * 100vw); }
    .burger-btn {
      width: calc(75 / 1366 * 100vw); }
    .burger-btn {
      height: calc(75 / 1366 * 100vw); }
    .burger-btn {
      top: calc(30 / 1366 * 100vw); }
    .burger-btn {
      left: calc(30 / 1366 * 100vw); }
      .burger-btn.is-kv {
        top: calc(60 / 1366 * 100vw); }
      .burger-btn:before, .burger-btn:after {
        border-radius: calc(4 / 1366 * 100vw); }
      .burger-btn:after {
        top: calc(2 / 1366 * 100vw); }
      .burger-btn:after {
        left: calc(2 / 1366 * 100vw); }
      .burger-btn span {
        height: calc(2 / 1366 * 100vw); }
      .burger-btn span {
        right: calc(16 / 1366 * 100vw); }
        .burger-btn span:nth-of-type(1) {
          top: calc(22 / 1366 * 100vw); }
        .burger-btn span:nth-of-type(1) {
          width: calc(35 / 1366 * 100vw); }
        .burger-btn span:nth-of-type(2) {
          top: calc(37 / 1366 * 100vw); }
        .burger-btn span:nth-of-type(2) {
          width: calc(43 / 1366 * 100vw); }
        .burger-btn span:nth-of-type(3) {
          top: calc(51 / 1366 * 100vw); }
        .burger-btn span:nth-of-type(3) {
          width: calc(35 / 1366 * 100vw); }
      .burger-btn.is-open span:nth-of-type(1) {
        width: calc(42 / 1366 * 100vw); }
      .burger-btn.is-open span:nth-of-type(1) {
        top: calc(21 / 1366 * 100vw); }
      .burger-btn.is-open span:nth-of-type(1) {
        right: calc(10 / 1366 * 100vw); }
      .burger-btn.is-open span:nth-of-type(3) {
        width: calc(42 / 1366 * 100vw); }
      .burger-btn.is-open span:nth-of-type(3) {
        top: calc(21 / 1366 * 100vw); }
      .burger-btn.is-open span:nth-of-type(3) {
        right: calc(22 / 1366 * 100vw); }
    #header-nav {
      top: calc(0 / 1366 * 100vw); }
    #header-nav {
      width: calc(625 / 1366 * 100vw); }
    .header-nav__inner {
      padding-top: calc(0 / 1366 * 100vw); }
    .header-nav__inner {
      padding-right: calc(0 / 1366 * 100vw); }
    .header-nav__inner {
      padding-left: calc(0 / 1366 * 100vw); }
    .header-nav__item {
      margin-left: calc(40 / 1366 * 100vw); }
      .header-nav__item:not(:last-of-type) {
        margin-bottom: calc(50 / 1366 * 100vw); }
    .header-nav__line {
      width: calc(50 / 1366 * 100vw); }
    .header-nav__line {
      height: calc(50 / 1366 * 100vw); }
    .header-nav__line {
      margin-left: calc(0 / 1366 * 100vw); }
    .header-nav__btn {
      width: calc(180 / 1366 * 100vw); }
    .header-nav__btn {
      height: calc(50 / 1366 * 100vw); }
    .header-nav__btn {
      margin-left: calc(15 / 1366 * 100vw); }
    .header-nav__btn {
      font-size: calc(16 / 1366 * 100vw); }
    #footer {
      height: calc(70 / 1366 * 100vw); }
    #footer {
      max-height: calc(70 / 1366 * 100vw); }
    #footer {
      min-height: calc(70 / 1366 * 100vw); }
    .copyright {
      font-size: calc(12 / 1366 * 100vw); }
    #totop {
      width: calc(57 / 1366 * 100vw); }
    #totop {
      height: calc(57 / 1366 * 100vw); }
    #totop {
      left: calc(50% + 558 / 1366 * 100vw);
      background-size: calc(20 / 1366 * 100vw) auto; }
    #circle {
      width: calc(266 / 1366 * 100vw); }
    #circle {
      height: calc(266 / 1366 * 100vw); }
    #circle {
      margin-left: calc(652 / 1366 * 100vw); }
    #circle {
      margin-top: calc(56 / 1366 * 100vw); }
    #scrollNav {
      right: calc(40 / 1366 * 100vw); }
    .scrollNav-item {
      width: calc(8 / 1366 * 100vw); }
    .scrollNav-item {
      height: calc(8 / 1366 * 100vw); }
      .scrollNav-item:not(:last-of-type) {
        margin-bottom: calc(20 / 1366 * 100vw); }
    #logo {
      left: calc(-50 / 1366 * 100vw); }
    #logo {
      top: calc(15 / 1366 * 100vw); }
    #logo-mark {
      width: calc(179 / 1366 * 100vw); }
    #logo-mark {
      height: calc(242 / 1366 * 100vw); }
    #logo-mark {
      margin-right: calc(45 / 1366 * 100vw); }
    #logo-mark {
      top: calc(4 / 1366 * 100vw); }
    #logo-type {
      width: calc(506 / 1366 * 100vw); }
    #logo-type {
      height: calc(152 / 1366 * 100vw); }
    .scroll-circle {
      width: calc(156 / 1366 * 100vw); }
    .scroll-circle {
      height: calc(156 / 1366 * 100vw); }
    .scroll-circle {
      right: calc(65 / 1366 * 100vw); }
    .scroll-circle {
      bottom: calc(56 / 1366 * 100vw); }
    .scroll-circle-txt {
      width: calc(156 / 1366 * 100vw); }
    .scroll-circle-txt {
      height: calc(156 / 1366 * 100vw); }
    .scroll-circle-circle {
      width: calc(112 / 1366 * 100vw); }
    .scroll-circle-circle {
      height: calc(112 / 1366 * 100vw); }
    .home-content {
      height: calc(768 / 1366 * 100vw); }
    .home-content {
      padding-top: calc(150 / 1366 * 100vw); }
    .works-list {
      padding-bottom: calc(63 / 1366 * 100vw); }
    .works-list {
      margin-bottom: calc(0 / 1366 * 100vw); }
    .works-list {
      padding-left: calc(0 / 1366 * 100vw); }
    .works-list {
      padding-right: calc(0 / 1366 * 100vw); }
    .works-list {
      width: calc(1100 / 1366 * 100vw); }
    .creator-item {
      width: calc(960 / 1366 * 100vw); }
    .creator-item {
      margin-bottom: calc(63 / 1366 * 100vw); }
      .creator-item .fig {
        width: calc(513 / 1366 * 100vw); }
      .creator-item .fig {
        height: calc(290 / 1366 * 100vw); }
      .creator-item .fig {
        border-width: calc(2 / 1366 * 100vw); }
      .creator-item .fig {
        border-radius: calc(8 / 1366 * 100vw); }
      .creator-item .fig {
        margin-bottom: calc(0 / 1366 * 100vw); }
      .creator-item .fig {
        -webkit-box-shadow: calc(2 / 1366 * 100vw) calc(2 / 1366 * 100vw) 0px #E0E0E0;
                box-shadow: calc(2 / 1366 * 100vw) calc(2 / 1366 * 100vw) 0px #E0E0E0; }
        .creator-item .fig img {
          border-radius: calc(8 / 1366 * 100vw); }
      .creator-item .nameLabel {
        width: calc(465 / 1366 * 100vw); }
      .creator-item .nameLabel {
        height: calc(116 / 1366 * 100vw); }
      .creator-item .nameLabel {
        padding-top: calc(27 / 1366 * 100vw); }
      .creator-item .nameLabel {
        padding-left: calc(195 / 1366 * 100vw); }
      .creator-item .nameLabel {
        left: calc(391 / 1366 * 100vw); }
      .creator-item .role {
        font-size: calc(17 / 1366 * 100vw); }
      .creator-item .role {
        left: calc(3 / 1366 * 100vw); }
      .creator-item .role {
        margin-bottom: calc(10 / 1366 * 100vw); }
      .creator-item .name {
        font-size: calc(41 / 1366 * 100vw); }
    .contact-item {
      width: calc(1098 / 1366 * 100vw); }
    .contact-item {
      height: calc(363 / 1366 * 100vw); }
    .contact-item {
      border-radius: calc(8 / 1366 * 100vw); }
    .contact-item {
      padding-top: calc(122 / 1366 * 100vw); }
      .contact-item .body {
        font-size: calc(18 / 1366 * 100vw); }
      .contact-item .body {
        line-height: calc(31 / 1366 * 100vw); }
      .contact-item .body {
        margin-bottom: calc(37 / 1366 * 100vw); }
    .page-works-list__item {
      margin-bottom: calc(110 / 1366 * 100vw); }
      .page-works-list__item .fig {
        width: calc(520 / 1366 * 100vw); }
      .page-works-list__item .fig {
        height: calc(292 / 1366 * 100vw); }
      .page-works-list__item .fig {
        border-radius: calc(8 / 1366 * 100vw); }
      .page-works-list__item .fig {
        margin-bottom: calc(0 / 1366 * 100vw); }
      .page-works-list__item .fig {
        -webkit-box-shadow: calc(2 / 1366 * 100vw) calc(2 / 1366 * 100vw) 0px #E0E0E0;
                box-shadow: calc(2 / 1366 * 100vw) calc(2 / 1366 * 100vw) 0px #E0E0E0; }
        .page-works-list__item .fig:after {
          border-radius: calc(8 / 1366 * 100vw); }
        .page-works-list__item .fig:after {
          border-width: calc(3 / 1366 * 100vw); }
        .page-works-list__item .fig img {
          border-radius: calc(8 / 1366 * 100vw); }
      .page-works-list__item .info {
        width: calc(510 / 1366 * 100vw); }
      .page-works-list__item .info {
        margin-left: calc(50 / 1366 * 100vw); }
      .page-works-list__item .info {
        padding-top: calc(19 / 1366 * 100vw); }
      .page-works-list__item .info {
        padding-left: calc(0 / 1366 * 100vw); }
      .page-works-list__item .gr-1 {
        padding-bottom: calc(13 / 1366 * 100vw); }
      .page-works-list__item .gr-1 {
        width: auto; }
      .page-works-list__item .name {
        font-size: calc(20 / 1366 * 100vw); }
      .page-works-list__item .name {
        margin-bottom: calc(9 / 1366 * 100vw); }
      .page-works-list__item .copy {
        font-size: calc(16 / 1366 * 100vw); }
      .page-works-list__item .copy {
        line-height: calc(30 / 1366 * 100vw); }
      .page-works-list__item .detail {
        font-size: calc(14 / 1366 * 100vw); }
      .page-works-list__item .detail {
        line-height: calc(24 / 1366 * 100vw); }
      .page-works-list__item .detail {
        padding-top: calc(24 / 1366 * 100vw); }
      .page-works-list__item .detail {
        padding-bottom: calc(24 / 1366 * 100vw); }
      .page-works-list__item .gr-3 {
        height: calc(40 / 1366 * 100vw); }
      .page-works-list__item .gr-3 {
        margin-bottom: calc(21 / 1366 * 100vw); }
      .page-works-list__item .twitter {
        width: calc(31 / 1366 * 100vw); }
      .page-works-list__item .twitter {
        height: calc(31 / 1366 * 100vw); }
      .page-works-list__item .twitter {
        margin-right: calc(10 / 1366 * 100vw); }
      .page-works-list__item .twitter {
        margin-bottom: calc(0 / 1366 * 100vw); }
      .page-works-list__item .discord {
        width: calc(38 / 1366 * 100vw); }
      .page-works-list__item .discord {
        height: calc(29 / 1366 * 100vw); }
      .page-works-list__item .discord {
        margin-right: calc(10 / 1366 * 100vw); }
      .page-works-list__item .discord {
        margin-bottom: calc(0 / 1366 * 100vw); }
      .page-works-list__item .appstore {
        width: calc(134 / 1366 * 100vw); }
      .page-works-list__item .appstore {
        height: calc(40 / 1366 * 100vw); }
      .page-works-list__item .appstore {
        margin-right: calc(10 / 1366 * 100vw); }
      .page-works-list__item .appstore {
        margin-bottom: calc(0 / 1366 * 100vw); }
      .page-works-list__item .googleplay {
        width: calc(135 / 1366 * 100vw); }
      .page-works-list__item .googleplay {
        height: calc(40 / 1366 * 100vw); }
      .page-works-list__item .googleplay {
        margin-right: calc(10 / 1366 * 100vw); }
      .page-works-list__item .googleplay {
        margin-bottom: calc(0 / 1366 * 100vw); }
      .page-works-list__item .btn:not(:last-of-type) {
        margin-right: calc(23 / 1366 * 100vw); }
    .company-head {
      font-size: calc(30 / 1366 * 100vw); }
    #company-info {
      padding-bottom: calc(75 / 1366 * 100vw); }
      #company-info .info-head {
        margin-bottom: calc(49 / 1366 * 100vw); }
      #company-info .info {
        width: calc(611 / 1366 * 100vw); }
      #company-info .info {
        padding-left: calc(30 / 1366 * 100vw); }
      #company-info .info {
        margin-bottom: calc(0 / 1366 * 100vw); }
        #company-info .info dt {
          font-size: calc(20 / 1366 * 100vw); }
        #company-info .info dt {
          border-left-width: calc(10 / 1366 * 100vw); }
        #company-info .info dt {
          padding-left: calc(10 / 1366 * 100vw); }
        #company-info .info dt {
          margin-bottom: calc(13 / 1366 * 100vw); }
        #company-info .info dt {
          line-height: calc(26 / 1366 * 100vw); }
        #company-info .info dd {
          font-size: calc(16 / 1366 * 100vw); }
        #company-info .info dd {
          line-height: calc(30 / 1366 * 100vw); }
        #company-info .info dd {
          padding-left: calc(20 / 1366 * 100vw); }
          #company-info .info dd:not(:last-of-type) {
            margin-bottom: calc(30 / 1366 * 100vw); }
      #company-info #map {
        width: calc(550 / 1366 * 100vw); }
      #company-info #map {
        height: calc(411 / 1366 * 100vw); }
      #company-info #map {
        border-radius: calc(10 / 1366 * 100vw); }
      #company-info #map {
        padding-top: calc(12 / 1366 * 100vw); }
      #company-info #map {
        padding-bottom: calc(11 / 1366 * 100vw); }
      #company-info #map {
        padding-left: calc(9 / 1366 * 100vw); }
      #company-info #map {
        padding-right: calc(8 / 1366 * 100vw); }
    #company-business {
      padding-top: calc(75 / 1366 * 100vw); }
    #company-business {
      padding-bottom: calc(65 / 1366 * 100vw); }
      #company-business .business-head {
        margin-bottom: calc(55 / 1366 * 100vw); }
      #company-business .business-list {
        padding-left: calc(30 / 1366 * 100vw); }
      #company-business .business-list {
        font-size: calc(20 / 1366 * 100vw); }
      #company-business .business-list {
        line-height: calc(34 / 1366 * 100vw); }
    #company-message {
      padding-top: calc(65 / 1366 * 100vw); }
    #company-message {
      padding-bottom: calc(65 / 1366 * 100vw); }
      #company-message .message-head {
        margin-bottom: calc(53 / 1366 * 100vw); }
      #company-message .message-block {
        padding-left: calc(30 / 1366 * 100vw); }
      #company-message .message-body {
        font-size: calc(16 / 1366 * 100vw); }
      #company-message .message-body {
        line-height: calc(30 / 1366 * 100vw); }
    #company-policy {
      padding-top: calc(65 / 1366 * 100vw); }
    #company-policy {
      padding-bottom: calc(250 / 1366 * 100vw); }
      #company-policy .policy-head {
        margin-bottom: calc(54 / 1366 * 100vw); }
      #company-policy .policy-list {
        padding-left: calc(30 / 1366 * 100vw); }
        #company-policy .policy-list dt {
          font-size: calc(16 / 1366 * 100vw); }
        #company-policy .policy-list dt {
          margin-bottom: calc(12 / 1366 * 100vw); }
        #company-policy .policy-list dd {
          font-size: calc(24 / 1366 * 100vw); }
        #company-policy .policy-list dd {
          line-height: calc(40 / 1366 * 100vw); }
        #company-policy .policy-list dd {
          padding-left: calc(20 / 1366 * 100vw); }
          #company-policy .policy-list dd:not(:last-of-type) {
            margin-bottom: calc(44 / 1366 * 100vw); }
      #company-policy .value-list {
        font-size: calc(16 / 1366 * 100vw); }
      #company-policy .value-list {
        line-height: calc(44 / 1366 * 100vw); }
          #company-policy .value-list li:before {
            left: calc(46 / 1366 * 100vw); }
    #recruit-list {
      padding-bottom: calc(116 / 1366 * 100vw); }
    .recruit-item:not(:last-of-type) {
      margin-bottom: calc(60 / 1366 * 100vw); }
    .recruit-item .head {
      height: calc(60 / 1366 * 100vw); }
    .recruit-item .head {
      padding-left: calc(19 / 1366 * 100vw); }
    .recruit-item .head {
      padding-right: calc(40 / 1366 * 100vw); }
      .recruit-item .head:after {
        width: calc(16 / 1366 * 100vw); }
      .recruit-item .head:after {
        height: calc(10 / 1366 * 100vw); }
      .recruit-item .head:after {
        right: calc(30 / 1366 * 100vw); }
      .recruit-item .head .txt {
        font-size: calc(24 / 1366 * 100vw); }
      .recruit-item .head .txt {
        line-height: calc(41 / 1366 * 100vw); }
    .recruit-item .inner {
      padding-top: calc(30 / 1366 * 100vw); }
    .recruit-item .inner {
      padding-bottom: calc(30 / 1366 * 100vw); }
    .recruit-item .inner {
      padding-left: calc(30 / 1366 * 100vw); }
    .recruit-item .inner {
      padding-right: calc(30 / 1366 * 100vw); }
    .recruit-item .info dt {
      font-size: calc(20 / 1366 * 100vw); }
    .recruit-item .info dt {
      border-left-width: calc(10 / 1366 * 100vw); }
    .recruit-item .info dt {
      padding-left: calc(10 / 1366 * 100vw); }
    .recruit-item .info dt {
      margin-bottom: calc(13 / 1366 * 100vw); }
    .recruit-item .info dt {
      line-height: calc(26 / 1366 * 100vw); }
    .recruit-item .info dd {
      font-size: calc(16 / 1366 * 100vw); }
    .recruit-item .info dd {
      line-height: calc(30 / 1366 * 100vw); }
    .recruit-item .info dd {
      padding-left: calc(20 / 1366 * 100vw); }
      .recruit-item .info dd:not(:last-of-type) {
        margin-bottom: calc(30 / 1366 * 100vw); }
    .recruit-item .info-list {
      font-size: calc(16 / 1366 * 100vw); }
    .recruit-item .info-list {
      line-height: calc(30 / 1366 * 100vw); }
      .recruit-item .info-list + .note {
        margin-top: calc(20 / 1366 * 100vw); }
    .recruit-item .body {
      font-size: calc(16 / 1366 * 100vw); }
    .recruit-item .body {
      line-height: calc(30 / 1366 * 100vw); }
    .recruit-item .privacy {
      font-size: calc(14 / 1366 * 100vw); }
    .recruit-item .note {
      font-size: calc(14 / 1366 * 100vw); }
    .recruit-item .note {
      line-height: calc(26 / 1366 * 100vw); }
    .recruit-item .body + .note {
      margin-top: calc(20 / 1366 * 100vw); }
    .recruit-item .note-mail {
      margin-top: calc(45 / 1366 * 100vw); }
    .recruit-item .note-mail {
      margin-bottom: calc(25 / 1366 * 100vw); }
    .recruit-item .entry-btn {
      margin-top: calc(30 / 1366 * 100vw); }
    #page-creator {
      padding-bottom: calc(120 / 1366 * 100vw); }
    #creator-meta .block {
      margin-bottom: calc(43 / 1366 * 100vw); }
    #creator-meta .fig {
      width: calc(480 / 1366 * 100vw); }
    #creator-meta .fig {
      height: calc(480 / 1366 * 100vw); }
    #creator-meta .fig {
      border-width: calc(3 / 1366 * 100vw); }
    #creator-meta .fig {
      border-radius: calc(10 / 1366 * 100vw); }
    #creator-meta .fig {
      margin-right: calc(70 / 1366 * 100vw); }
    #creator-meta .fig {
      margin-bottom: calc(0 / 1366 * 100vw); }
    #creator-meta .fig {
      -webkit-box-shadow: calc(3 / 1366 * 100vw) calc(3 / 1366 * 100vw) 0px #E0E0E0;
              box-shadow: calc(3 / 1366 * 100vw) calc(3 / 1366 * 100vw) 0px #E0E0E0; }
      #creator-meta .fig img {
        border-radius: calc(10 / 1366 * 100vw); }
    #creator-meta .txt {
      margin-top: calc(141 / 1366 * 100vw); }
    #creator-meta .role {
      font-size: calc(18 / 1366 * 100vw); }
    #creator-meta .role {
      width: calc(219 / 1366 * 100vw); }
    #creator-meta .role {
      height: calc(35 / 1366 * 100vw); }
    #creator-meta .role {
      margin-bottom: calc(4 / 1366 * 100vw); }
    #creator-meta .name {
      font-size: calc(65 / 1366 * 100vw); }
    #creator-meta .profile {
      border-radius: calc(10 / 1366 * 100vw); }
    #creator-meta .profile {
      padding-top: calc(18 / 1366 * 100vw); }
    #creator-meta .profile {
      padding-bottom: calc(18 / 1366 * 100vw); }
    #creator-meta .profile {
      padding-left: calc(20 / 1366 * 100vw); }
    #creator-meta .profile {
      padding-right: calc(20 / 1366 * 100vw); }
      #creator-meta .profile .list dt {
        font-size: calc(16 / 1366 * 100vw); }
      #creator-meta .profile .list dt {
        border-left-width: calc(6 / 1366 * 100vw); }
      #creator-meta .profile .list dt {
        padding-left: calc(10 / 1366 * 100vw); }
      #creator-meta .profile .list dt {
        margin-bottom: calc(13 / 1366 * 100vw); }
      #creator-meta .profile .list dt {
        line-height: calc(20 / 1366 * 100vw); }
      #creator-meta .profile .list dd {
        font-size: calc(14 / 1366 * 100vw); }
      #creator-meta .profile .list dd {
        line-height: calc(26 / 1366 * 100vw); }
        #creator-meta .profile .list dd:not(:last-of-type) {
          margin-bottom: calc(30 / 1366 * 100vw); } }
    @media screen and (min-width: 1366px) {
      .m-head-1 .belt {
        width: calc(50vw + 265 / 1366 * 100vw); }
      .m-head-1 .belt.company {
        width: calc(50vw + 195 / 1366 * 100vw); }
        .m-head-1 .belt .rail {
          background-size: auto calc(51 / 1366 * 100vw); } }
    @media screen and (max-width: 769px) and (max-width: 769px) {
    .link-item .num {
      top: 50px;
      top: calc(50 / 750 * 100vw); }
    .link-item .num {
      left: 65px;
      left: calc(65 / 750 * 100vw); } }
    @media screen and (max-width: 769px) and (max-width: 1200px) and (max-height: 600px) and (orientation: landscape) {
    .link-item .num {
      top: calc(0 / 1366 * 100vw); }
    .link-item .num {
      left: calc(0 / 1366 * 100vw); } }
    @media screen and (max-width: 769px) and (min-width: 770px) {
    .link-item .num {
      top: 0px; }
    .link-item .num {
      left: 0px; } }
    @media screen and (max-width: 769px) and (min-width: 1500px) {
    .link-item .num {
      top: calc(0 / 1366 * 100vw); }
    .link-item .num {
      left: calc(0 / 1366 * 100vw); } }
    @media screen and (max-width: 1200px) and (max-height: 600px) and (orientation: landscape) and (max-width: 769px) {
    .burger-btn {
      top: 60px;
      top: calc(60 / 750 * 100vw); } }
    @media screen and (max-width: 1200px) and (max-height: 600px) and (orientation: landscape) and (max-width: 1200px) and (max-height: 600px) and (orientation: landscape) {
    .burger-btn {
      top: calc(60 / 1366 * 100vw); } }
    @media screen and (max-width: 1200px) and (max-height: 600px) and (orientation: landscape) and (min-width: 770px) {
    .burger-btn {
      top: 60px; } }
    @media screen and (max-width: 1200px) and (max-height: 600px) and (orientation: landscape) and (min-width: 1500px) {
    .burger-btn {
      top: calc(60 / 1366 * 100vw); } }
    @media screen and (min-width: 770px) and (max-width: 769px) {
    .burger-btn:hover:after {
      top: 12px;
      top: calc(12 / 750 * 100vw); }
    .burger-btn:hover:after {
      left: 12px;
      left: calc(12 / 750 * 100vw); } }
    @media screen and (min-width: 770px) and (max-width: 1200px) and (max-height: 600px) and (orientation: landscape) {
    .burger-btn:hover:after {
      top: calc(12 / 1366 * 100vw); }
    .burger-btn:hover:after {
      left: calc(12 / 1366 * 100vw); } }
    @media screen and (min-width: 770px) and (min-width: 770px) {
    .burger-btn:hover:after {
      top: 12px; }
    .burger-btn:hover:after {
      left: 12px; } }
    @media screen and (min-width: 770px) and (min-width: 1500px) {
    .burger-btn:hover:after {
      top: calc(12 / 1366 * 100vw); }
    .burger-btn:hover:after {
      left: calc(12 / 1366 * 100vw); } }
    @media screen and (min-width: 770px) and (max-width: 1300px) {
    #totop {
      left: unset;
      right: 30px;
      translate: 0 50%;
      position: fixed;
      /*
  @media screen and (min-width: 769px) and (max-width: 1200px) {
    @if $pc == "auto" {
      bottom: auto;
    } @else {
      bottom: calc(70 / 1366 * 100vw);

    }
  }
  */
      top: unset; } }
    @media screen and (min-width: 770px) and (max-width: 1300px) and (max-width: 769px) {
    #totop {
      bottom: 54px;
      bottom: calc(54 / 750 * 100vw); } }
    @media screen and (min-width: 770px) and (max-width: 1300px) and (max-width: 1200px) and (max-height: 600px) and (orientation: landscape) {
    #totop {
      bottom: calc(70 / 1366 * 100vw); } }
    @media screen and (min-width: 770px) and (max-width: 1300px) and (min-width: 770px) {
    #totop {
      bottom: 70px; } }
    @media screen and (min-width: 770px) and (max-width: 1300px) and (min-width: 1500px) {
    #totop {
      bottom: calc(70 / 1366 * 100vw); } }