@charset "UTF-8";
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4mxP.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fBBc9.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfBBc9.ttf) format('truetype');
}

/*!
 * ress.css • v1.2.2
 * MIT License
 * github.com/filipelinhares/ress
 */html{box-sizing:border-box;overflow-y:scroll;-webkit-text-size-adjust:100%}*,:after,:before{background-repeat:no-repeat;box-sizing:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}*{padding:0;margin:0}audio:not([controls]){display:none;height:0}hr{overflow:visible}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}summary{display:list-item}small{font-size:80%}[hidden],template{display:none}abbr[title]{border-bottom:1px dotted;text-decoration:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}code,kbd,pre,samp{font-family:monospace,monospace}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff0;color:#000}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}input{border-radius:0}[role=button],[type=button],[type=reset],[type=submit],button{cursor:pointer}[disabled]{cursor:default}[type=number]{width:auto}[type=search]{-webkit-appearance:textfield}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{overflow:auto;resize:vertical}button,input,optgroup,select,textarea{font:inherit}optgroup{font-weight:700}button{overflow:visible}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:0;padding:0}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button:-moz-focusring{outline:1px dotted ButtonText}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}button,select{text-transform:none}button,input,select,textarea{background-color:transparent;border-style:none;color:inherit}select{-moz-appearance:none;-webkit-appearance:none}select::-ms-expand{display:none}select::-ms-value{color:currentColor}legend{border:0;color:inherit;display:table;max-width:100%;white-space:normal}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}img{border-style:none}progress{vertical-align:baseline}svg:not(:root){overflow:hidden}audio,canvas,progress,video{display:inline-block}@media screen{[hidden~=screen]{display:inherit}[hidden~=screen]:not(:active):not(:focus):not(:target){position:absolute!important;clip:rect(0 0 0 0)!important}}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}::-moz-selection{background-color:#b3d4fc;color:#000;text-shadow:none}::selection{background-color:#b3d4fc;color:#000;text-shadow:none}
/**
 * SIZE
 */
/**
 * COLOR
 */
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #fff;
  color: #323232;
  font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "Yu Gothic", YuGothic, "メイリオ", Meiryo, sans-serif;
  font-size: 14px;
  line-height: 28px;
  text-align: justify;
  text-justify: inter-ideograph; }
  @media screen and (max-width: 769px) {
    body {
      font-family: "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "Yu Gothic", YuGothic, "メイリオ", Meiryo, sans-serif;
      font-size: 12px;
      line-height: 19.2px; } }

img {
  vertical-align: top; }

* {
  box-sizing: border-box; }

a {
  color: #323232;
  text-decoration: none; }
  @media screen and (min-width: 769px) {
    a:hover {
      color: #323232; } }

h1, h2, h3, h4, h5, h6 {
  font-weight: normal; }

button,
[type=button],
[type=reset],
[type=submit] {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
  button:disabled,
  [type=button]:disabled,
  [type=reset]:disabled,
  [type=submit]:disabled {
    pointer-events: none; }

input {
  /* Google Chrome, Safari, Opera 15+, Android, iOS */
  /* Firefox 18- */
  /* Firefox 19+ */
  /* IE 10+ */ }
  input:placeholder-shown {
    color: #323232; }
  input::-webkit-input-placeholder {
    color: #323232; }
  input:-moz-placeholder {
    color: #323232;
    opacity: 1; }
  input::-moz-placeholder {
    color: #323232;
    opacity: 1; }
  input:-ms-input-placeholder {
    color: #323232 !important; }
  input::-ms-clear {
    visibility: hidden; }

.c-menu-button__button {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  position: relative;
  width: 50px;
  height: 50px;
  transition: background-color .4s ease;
  background-color: #dcff00; }
  @media screen and (min-width: 769px) {
    .c-menu-button__button {
      display: none; } }
  .c-menu-button__button .hamburger {
    box-sizing: border-box;
    display: inline-block;
    width: 25px;
    height: 19px;
    position: relative;
    transition: all .4s; }
    .c-menu-button__button .hamburger:before,
    .c-menu-button__button .hamburger span, .c-menu-button__button .hamburger:after {
      background-color: #323232;
      content: " ";
      display: inline-block;
      height: 1px;
      left: 0;
      position: absolute;
      width: 100%;
      transition: transform .4s, background-color .15s; }
    .c-menu-button__button .hamburger:before {
      top: 0; }
    .c-menu-button__button .hamburger span {
      top: 9px; }
    .c-menu-button__button .hamburger:after {
      bottom: 0; }

.c-menu-button__toggle {
  height: 1px;
  position: absolute;
  visibility: hidden;
  width: 1px; }
  .c-menu-button__toggle:checked ~ .c-menu-button__button .hamburger:before,
  .c-menu-button__toggle:checked ~ .c-menu-button__button .hamburger span, .c-menu-button__toggle:checked ~ .c-menu-button__button .hamburger:after {
    background-color: #000; }
  .c-menu-button__toggle:checked ~ .c-menu-button__button .hamburger:before {
    transform: translateY(9px) rotate(-225deg); }
  .c-menu-button__toggle:checked ~ .c-menu-button__button .hamburger span {
    opacity: 0; }
  .c-menu-button__toggle:checked ~ .c-menu-button__button .hamburger:after {
    transform: translateY(-9px) rotate(225deg); }

.c-readmore__button {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  width: 115.5px;
  height: 34px;
  border: solid 1px #454545;
  border-radius: 4px;
  text-align: center; }
  .c-readmore__button:after {
    content: "READ MORE";
    width: 100%;
    font-size: 10px;
    font-family: "Roboto";
    letter-spacing: 1px; }

.c-readmore__toggle {
  height: 1px;
  position: absolute;
  visibility: hidden;
  width: 1px; }
  .c-readmore__toggle:checked ~ .c-readmore__button:after {
    content: "CLOSE"; }

.c-input-text, .c-textarea {
  background-color: #f0f0f0;
  outline: none; }
  .c-input-text:placeholder-shown, .c-textarea:placeholder-shown {
    color: #999; }
  .c-input-text::-webkit-input-placeholder, .c-textarea::-webkit-input-placeholder {
    color: #999; }
  .c-input-text:-moz-placeholder, .c-textarea:-moz-placeholder {
    color: #999;
    opacity: 1; }
  .c-input-text::-moz-placeholder, .c-textarea::-moz-placeholder {
    color: #999;
    opacity: 1; }
  .c-input-text:-ms-input-placeholder, .c-textarea:-ms-input-placeholder {
    color: #999; }

.c-input-text {
  padding: 0 12px;
  width: 100%;
  height: 41px; }
  @media screen and (max-width: 769px) {
    .c-input-text {
      height: 44.5px; } }

.c-textarea {
  padding: 12px;
  width: 100%;
  min-height: 240px;
  word-break: break-all;
  border-radius: 0; }
  @media screen and (max-width: 769px) {
    .c-textarea {
      min-height: 124px; } }

.c-radio-button,
.c-checkbox {
  float: left;
  position: relative;
  left: -9999px;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  font-size: 0;
  letter-spacing: 0; }
  .c-radio-button + label,
  .c-checkbox + label {
    clear: left;
    display: inline-block;
    position: relative;
    padding: 1px 0 0 40px; }
    @media screen and (max-width: 769px) {
      .c-radio-button + label,
      .c-checkbox + label {
        padding-top: 4px; } }
    .c-radio-button + label::before,
    .c-checkbox + label::before {
      position: absolute;
      top: 0;
      left: 0;
      width: 27px;
      height: 27px;
      background-color: transparent;
      background: #f0f0f0;
      content: ""; }

.c-radio-button + label {
  float: none; }
  .c-radio-button + label::before {
    border-radius: 50%;
    top: 0; }
  .c-radio-button + label::after {
    display: none;
    position: absolute;
    top: 10px;
    left: 7px;
    width: 13px;
    height: 13px;
    margin: -3px 0 0 0;
    background-color: #323232;
    border-radius: 50%;
    content: " "; }

.c-radio-button:checked + label::before {
  border-color: #1d7fff; }

.c-radio-button:checked + label::after {
  display: block; }

.c-checkbox + label {
  position: relative; }
  .c-checkbox + label::after {
    display: none;
    position: absolute;
    top: 7px;
    left: 7px;
    width: 13px;
    height: 13px;
    background-color: #323232;
    content: ""; }

.c-checkbox:checked + label::after {
  display: block; }

.c-small-logo-header {
  font-size: 10px;
  font-family: "Roboto";
  font-weight: bold;
  letter-spacing: 1px;
  color: #919191;
  text-align: center; }
  @media screen and (max-width: 769px) {
    .c-small-logo-header {
      font-size: 7px; } }
  .c-small-logo-header:before {
    content: "";
    display: block;
    width: 44px;
    height: 23px;
    margin: 0 auto 7px;
    background-image: url("/assets/img/section-logo.svg");
    background-size: contain; }
    @media screen and (max-width: 769px) {
      .c-small-logo-header:before {
        width: 32px;
        height: 16.5px;
        margin: 0 auto 3px; } }

.l-stage {
  position: relative;
  min-width: 1024px;
  background-color: #fafafa;
  overflow: hidden; }
  @media screen and (max-width: 769px) {
    .l-stage {
      min-width: 100vw;
      padding-top: 50px; } }

.l-container {
  display: -ms-flexbox;
  display: flex; }
  .l-container--vertical {
    -ms-flex-direction: column;
        flex-direction: column; }

.l-content-inner {
  width: 960px;
  margin: auto; }
  @media screen and (max-width: 769px) {
    .l-content-inner {
      width: 100%;
      padding: 0 40px; } }

.l-fixed .entry-button-wrapper {
  position: fixed;
  margin: auto;
  transition: transform 0.6s cubic-bezier(0.075, 0.82, 0.165, 1);
  z-index: 100; }
  @media screen and (min-width: 769px) {
    .l-fixed .entry-button-wrapper {
      top: 0;
      bottom: 0;
      right: 0;
      width: 140px;
      height: 100px;
      transform: translateX(0); } }
  @media screen and (max-width: 769px) {
    .l-fixed .entry-button-wrapper {
      top: auto;
      bottom: 0;
      left: 0;
      right: 0;
      width: 100%;
      height: 62.5px; } }
  @media screen and (min-width: 769px) {
    .l-fixed .entry-button-wrapper.is-enter {
      transform: translateX(170px); } }
  @media screen and (max-width: 769px) {
    .l-fixed .entry-button-wrapper.is-enter {
      transform: translateY(80px); } }

.l-fixed .entry-button-wrapper2 {
  position: relative;
  width: 100%;
  height: 100%;
  transition: transform 0.6s cubic-bezier(0.075, 0.82, 0.165, 1); }
  @media screen and (max-width: 769px) {
    .l-fixed .entry-button-wrapper2 {
      padding: 11px 12px;
      background-color: rgba(250, 250, 250, .8);
      transform: translateY(80px); } }
  @media screen and (max-width: 769px) {
    .l-fixed .entry-button-wrapper2.is-enter {
      transform: translateY(0); } }

.l-fixed .entry-button {
  display: block;
  text-align: center;
  color: #fff;
  font-weight: bold;
  background: linear-gradient(90deg, #dcdc00, #21dcae, #1d7fff, #21dcae, #dcdc00, #21dcae, #1d7fff, #21dcae, #dcdc00);
  background-size: 3000% 100%;
  animation: gradientAnimation2 40s linear infinite; }

@keyframes gradientAnimation2 {
  0% {
    background-position: 0 0; }
  100% {
    background-position: 100% 0; } }
  @media screen and (min-width: 769px) {
    .l-fixed .entry-button {
      width: 100%;
      height: 100%;
      border-radius: 5px 0 0 5px;
      font-family: "Roboto";
      font-size: 16px;
      letter-spacing: 5px;
      transition: transform 0.6s cubic-bezier(0.075, 0.82, 0.165, 1);
      transform: translateX(170px); } }
  @media screen and (max-width: 769px) {
    .l-fixed .entry-button {
      width: 100%;
      height: 100%;
      border-radius: 5px;
      font-size: 12px; } }
  .l-fixed .entry-button:after {
    position: absolute;
    top: -1px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 25px;
    content: "ENTRY"; }
    @media screen and (max-width: 769px) {
      .l-fixed .entry-button:after {
        height: 18px;
        content: "エントリーフォームから応募する"; } }
  @media screen and (min-width: 769px) {
    .l-fixed .entry-button.is-enter {
      transform: translateX(0); } }

.l-footer {
  position: relative;
  width: 100%;
  min-width: 1024px; }
  @media screen and (max-width: 769px) {
    .l-footer {
      min-width: auto; } }
  .l-footer__container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center;
    height: 101px;
    padding: 0 15px 0 25px;
    background-color: #fff; }
    @media screen and (max-width: 769px) {
      .l-footer__container {
        -ms-flex-direction: column;
            flex-direction: column;
        height: auto;
        padding: 0; } }
    .l-footer__container .logo-wrapper {
      position: relative;
      width: 100%; }
      @media screen and (min-width: 769px) {
        .l-footer__container .logo-wrapper {
          top: 3px; } }
      @media screen and (max-width: 769px) {
        .l-footer__container .logo-wrapper {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
              align-items: center;
          height: 60px; } }
    .l-footer__container .logo {
      text-indent: -9999px;
      width: 256px;
      height: 35px;
      background-size: contain;
      background-image: url("/assets/img/footer-logo.svg"); }
      @media screen and (max-width: 769px) {
        .l-footer__container .logo {
          position: absolute;
          top: 4px;
          bottom: 0;
          left: 0;
          right: 4.685%;
          margin: auto;
          width: 168.5px;
          height: 23px; } }
    .l-footer__container .top-button {
      position: absolute;
      top: 0;
      bottom: 0;
      right: 2.968%;
      margin: auto;
      width: 40px;
      height: 40px;
      border: solid 1px #454545;
      border-radius: 4px; }
      @media screen and (min-width: 769px) {
        .l-footer__container .top-button {
          display: none; } }
      .l-footer__container .top-button:after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        width: 8.5px;
        height: 5px;
        background-size: contain;
        background-image: url("/assets/img/sp/top-button.svg"); }
    @media screen and (max-width: 769px) {
      .l-footer__container .banner-wrapper {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        width: 100%;
        height: 75px;
        background-color: #dcff00; } }
    .l-footer__container .banner {
      text-indent: -9999px;
      position: relative;
      width: 230px;
      height: 67px;
      background-size: contain;
      background-image: url("/assets/img/footer-banner.png"); }
      @media screen and (max-width: 769px) {
        .l-footer__container .banner {
          width: 155.5px;
          height: 44.5px;
          margin: auto; } }
      .l-footer__container .banner a {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%; }
  .l-footer .copy {
    position: relative;
    height: 31px;
    background-color: #94815b; }
    @media screen and (max-width: 769px) {
      .l-footer .copy {
        height: 22px; } }
    .l-footer .copy__text {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto;
      width: 105px; }
      @media screen and (min-width: 769px) {
        .l-footer .copy__text img {
          position: relative;
          width: 105px;
          height: 31px; } }
      @media all and (-ms-high-contrast: none) {
        .l-footer .copy__text {
          text-indent: -9999px;
          background-image: url("/assets/img/copy.png");
          background-position: center;
          background-size: contain; }
          .l-footer .copy__text img {
            display: none; } }
      @media screen and (max-width: 769px) {
        .l-footer .copy__text {
          text-indent: -9999px;
          background-image: url("/assets/img/copy.svg");
          background-position: center;
          background-size: 100%;
          background-position: 0;
          width: 95px;
          height: 9.5px; } }

/**
 * HEADER
 */
.l-header {
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  min-width: 1024px;
  height: 83px;
  z-index: 200; }
  @media screen and (max-width: 769px) {
    .l-header {
      min-width: auto;
      height: auto;
      background-color: #fff; } }
  .l-header .bg {
    position: absolute;
    top: 0;
    width: 100%;
    height: 0;
    background-color: transparent;
    transition: background-color 0.15s linear, height 0.6s cubic-bezier(0.075, 0.82, 0.165, 1);
    transform-origin: top; }
  .l-header .container {
    position: relative;
    width: 100%;
    height: 50px;
    z-index: 1; }
  .l-header .logo {
    text-indent: -9999px;
    position: absolute;
    top: 7px;
    left: 26px;
    width: 256px;
    height: 39px;
    background-image: url("/assets/img/header-logo.png");
    background-size: contain;
    z-index: 1; }
    @media screen and (max-width: 769px) {
      .l-header .logo {
        top: 0;
        bottom: 0;
        left: 8px;
        width: 165.5px;
        height: 25px;
        margin: auto; } }
  .l-header .underline {
    display: none;
    position: absolute;
    bottom: -27px;
    left: 0;
    width: 62px;
    height: 6px;
    background-color: transparent;
    transition: all 0.6s cubic-bezier(0.075, 0.82, 0.165, 1); }
    .l-header .underline.show {
      background-color: #dcff00; }
    @media screen and (max-width: 769px) {
      .l-header .underline {
        display: none; } }
  .l-header .menu-wrapper {
    position: absolute;
    right: 35px;
    z-index: 10;
    transition: transform 0.8s cubic-bezier(0.23, 1, 0.32, 1) 2s; }
    @media screen and (min-width: 769px) {
      .l-header .menu-wrapper {
        top: 28px; } }
    @media all and (-ms-high-contrast: none) {
      .l-header .menu-wrapper {
        top: auto; } }
    @media screen and (max-width: 769px) {
      .l-header .menu-wrapper {
        display: none;
        top: 50px;
        right: 0;
        width: 100%;
        height: calc(100vh - 50px);
        padding-left: 23.75%;
        background-color: rgba(50, 50, 50, .4);
        z-index: 0; } }
    @media screen and (min-width: 769px) {
      .l-header .menu-wrapper.hidden {
        transform: translateY(-100px); } }
    @media screen and (max-width: 769px) {
      .l-header .menu-wrapper.hidden {
        transform: translateY(-100px); } }
    .l-header .menu-wrapper__inner {
      display: table;
      -ms-flex-align: center;
          align-items: center;
      width: 100%;
      height: 100%;
      perspective: 500px; }
      @media all and (-ms-high-contrast: none) {
        .l-header .menu-wrapper__inner {
          transform: translateY(-14px); } }
  .l-header .menu {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }
    @media screen and (max-width: 769px) {
      .l-header .menu {
        display: table-cell;
        vertical-align: middle;
        width: 76.4%;
        height: 100%;
        background-color: #fff;
        background-image: url("/assets/img/menu-bg.png");
        background-size: 100%;
        background-position: -10px 62%;
        transition-property: opacity transform;
        transform-origin: right; } }
    @media screen and (max-width: 769px) {
      .l-header .menu.hidden {
        opacity: 0;
        transform: rotateY(-20deg);
        transition-duration: .4s;
        transition-delay: .3s;
        transition-timing-function: ease-in; } }
    @media screen and (max-width: 769px) {
      .l-header .menu.show {
        opacity: 1;
        transform: rotateY(0);
        transition-duration: .6s;
        transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); } }
    .l-header .menu__item {
      list-style: none;
      font-weight: bold;
      text-align: center; }
      @media screen and (max-width: 769px) {
        .l-header .menu__item {
          transition-property: all;
          transition-duration: .6s;
          transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); } }
      @media screen and (max-width: 769px) {
        .l-header .menu__item.hidden {
          opacity: 0;
          transform: translateX(-2em); }
          .l-header .menu__item.hidden:nth-of-type(6) {
            transition-delay: 0.15s; }
          .l-header .menu__item.hidden:nth-of-type(5) {
            transition-delay: 0.20s; }
          .l-header .menu__item.hidden:nth-of-type(4) {
            transition-delay: 0.25s; }
          .l-header .menu__item.hidden:nth-of-type(3) {
            transition-delay: 0.30s; }
          .l-header .menu__item.hidden:nth-of-type(2) {
            transition-delay: 0.35s; }
          .l-header .menu__item.hidden:nth-of-type(1) {
            transition-delay: 0.40s; } }
      @media screen and (max-width: 769px) {
        .l-header .menu__item.show {
          opacity: 1;
          transform: translateX(0); }
          .l-header .menu__item.show:nth-of-type(1) {
            transition-delay: 0.15s; }
          .l-header .menu__item.show:nth-of-type(2) {
            transition-delay: 0.20s; }
          .l-header .menu__item.show:nth-of-type(3) {
            transition-delay: 0.25s; }
          .l-header .menu__item.show:nth-of-type(4) {
            transition-delay: 0.30s; }
          .l-header .menu__item.show:nth-of-type(5) {
            transition-delay: 0.35s; }
          .l-header .menu__item.show:nth-of-type(6) {
            transition-delay: 0.40s; } }
      @media screen and (min-width: 769px) {
        .l-header .menu__item:nth-child(n + 2) {
          margin-left: 30px; } }
      @media screen and (max-width: 769px) {
        .l-header .menu__item:nth-child(n + 2) {
          margin-top: 14.285%; } }
      @media screen and (max-width: 769px) {
        .l-header .menu__item {
          text-align: left;
          margin-left: 9.375%; } }
      .l-header .menu__item .ja {
        font-size: 13px;
        line-height: 13px; }
        @media screen and (min-width: 769px) {
          .l-header .menu__item .ja {
            color: #fff; } }
        @media screen and (max-width: 769px) {
          .l-header .menu__item .ja {
            font-size: 12px;
            line-height: 12px;
            font-weight: normal; } }
      .l-header .menu__item .en {
        margin-top: 6px;
        font-size: 9px;
        line-height: 9px;
        font-weight: 500;
        font-family: "Roboto";
        letter-spacing: 1px;
        color: #323232; }
        @media screen and (max-width: 769px) {
          .l-header .menu__item .en {
            display: none; } }
  @media screen and (min-width: 769px) {
    .l-header.is-enter .bg {
      height: 100%;
      background-color: #fff; } }
  @media screen and (min-width: 769px) {
    .l-header.is-enter .menu__item .ja {
      color: #323232; } }
  @media screen and (min-width: 769px) {
    .l-header.is-enter .menu__item .en {
      color: #919191; } }
  @media screen and (min-width: 769px) {
    .l-header.is-enter .underline {
      display: block; } }

.c-menu-button {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 300; }
  @media screen and (min-width: 769px) {
    .c-menu-button {
      display: none; } }
  .c-menu-button.black .c-menu-button__button .hamburger:before,
  .c-menu-button.black .c-menu-button__button .hamburger span, .c-menu-button.black .c-menu-button__button .hamburger:after {
    background-color: #000; }

section {
  overflow: hidden; }

.l-small-section {
  padding: 0 9.375%; }
  @media screen and (max-width: 769px) {
    .l-small-section {
      padding: 0 11.25%; } }
  .l-small-section:nth-child(n + 2) {
    margin-top: 3.57%; }
    @media screen and (max-width: 769px) {
      .l-small-section:nth-child(n + 2) {
        margin-top: 60px; } }
  .l-small-section__inner {
    width: 100%; }
    @media screen and (min-width: 769px) {
      .l-small-section__inner {
        padding: 70px 7.211% 80px;
        background-color: #fff; } }
  .l-small-section__readmore .c-readmore__button {
    margin: 14% auto 0; }
    @media screen and (max-width: 769px) {
      .l-small-section__readmore .c-readmore__button {
        margin-top: 27px; } }

@media screen and (max-width: 769px) {
  .l-small-section-contents {
    padding: 36px 10%;
    background-color: #fff; } }

.l-section-header {
  text-indent: -9999px;
  width: 100%;
  height: 100px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat; }
  @media screen and (max-width: 769px) {
    .l-section-header {
      height: 50px; } }
  .l-section-header--small {
    height: 60px;
    margin-bottom: 58px; }
    @media screen and (max-width: 769px) {
      .l-section-header--small {
        height: 39.5px;
        margin-bottom: 20px; } }
  .l-section-header--value {
    background-image: url("/assets/img/section-header_value.svg"); }
  .l-section-header--member {
    background-image: url("/assets/img/section-header_member.svg"); }
  .l-section-header--careers {
    background-image: url("/assets/img/section-header_careers.svg"); }
  .l-section-header--company {
    background-image: url("/assets/img/section-header_company.svg"); }
  .l-section-header--message {
    background-image: url("/assets/img/section-header_message.svg"); }
  .l-section-header--entry {
    background-image: url("/assets/img/section-header_entry.svg"); }

.l-table-container {
  display: -ms-flexbox;
  display: flex; }
  @media screen and (max-width: 769px) {
    .l-table-container {
      display: block; } }

@media screen and (min-width: 769px) {
  .l-table {
    -ms-flex: 1;
        flex: 1;
    border-top: solid 1px #e6e6e6; } }

@media screen and (min-width: 769px) {
  .l-table:nth-child(n + 2) {
    margin-left: 4.505%; } }

@media screen and (max-width: 769px) {
  .l-table:nth-child(n + 2) {
    margin-top: 3%; } }

@media screen and (min-width: 769px) {
  .l-table__row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    padding: 5px 0;
    border-bottom: solid 1px #e6e6e6; } }

@media screen and (max-width: 769px) {
  .l-table__row {
    text-align: center; } }

@media screen and (max-width: 769px) {
  .l-table__row:nth-child(n + 2) {
    margin-top: 6px; } }

.l-table__header {
  font-weight: bold; }
  @media screen and (min-width: 769px) {
    .l-table__header {
      width: 18.73%; } }
  @media screen and (max-width: 769px) {
    .l-table__header {
      margin-bottom: 2px; } }

@media screen and (min-width: 769px) {
  .l-table__body {
    -ms-flex: 1;
        flex: 1; } }

@media screen and (min-width: 769px) {
  .l-small-section__readmore {
    display: none; } }

/**
 * CAREERS
 */
/**
 * COMPANY
 */
/**
 * ENTRY
 */
.entry {
  position: relative;
  margin-top: 14.0625%;
  padding: 13.307% 0 9.3%; }
  @media screen and (max-width: 769px) {
    .entry {
      margin-top: 12.5%;
      padding: 18.75% 0 15%; } }
  .entry .header {
    margin-bottom: 7.8125%; }
    @media screen and (max-width: 769px) {
      .entry .header {
        margin-bottom: 7.5%; } }
  .entry .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0; }
    .entry .bg__top {
      height: 50%;
      background-color: #dcff00; }
    .entry .bg__bottom {
      height: 50%;
      background-color: #1d7fff; }
  .entry .contents {
    position: relative;
    z-index: 1; }
  .entry .form {
    padding: 0 9.375%;
    text-align: center; }
    @media screen and (max-width: 769px) {
      .entry .form {
        padding: 0 3.75%; } }
    .entry .form__inner {
      width: 100%;
      padding: 10.576% 11.538%;
      background-color: #fff; }
      @media screen and (max-width: 769px) {
        .entry .form__inner {
          padding: 12.66% 8.27%; } }
    .entry .form__header {
      margin-bottom: 54px; }
      @media screen and (max-width: 769px) {
        .entry .form__header {
          text-align: left;
          margin-bottom: 9.29%; } }
    .entry .form__footer {
      margin-top: 10%; }
      @media screen and (max-width: 769px) {
        .entry .form__footer {
          margin-top: 13.51%; } }
      .entry .form__footer .submit-button {
        position: relative;
        width: 480px;
        height: 100px;
        border-radius: 5px;
        color: #fff;
        font-weight: bold;
        letter-spacing: 7px;
        overflow: hidden; }
        @media screen and (max-width: 769px) {
          .entry .form__footer .submit-button {
            width: 100%;
            height: 70px; } }
        .entry .form__footer .submit-button .text {
          position: relative; }
        .entry .form__footer .submit-button .grad {
          position: absolute;
          top: 0;
          left: 0;
          width: 960px;
          height: 100px;
          background: linear-gradient(90deg, #dcdc00, #21dcae, #1d7fff, #21dcae, #dcdc00, #21dcae, #1d7fff, #21dcae, #dcdc00);
          z-index: 0;
          background-size: 1000% 100%;
          animation: gradientAnimation1 30s linear infinite; }

@keyframes gradientAnimation1 {
  0% {
    background-position: 0 0; }
  100% {
    background-position: 110% 0; } }
      .entry .form__footer .note {
        margin-top: 3.75%; }
        @media screen and (max-width: 769px) {
          .entry .form__footer .note {
            margin-top: 6.75%; } }
    .entry .form .form-row {
      text-align: left; }
      @media screen and (min-width: 769px) {
        .entry .form .form-row {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
              align-items: center; } }
      .entry .form .form-row:nth-child(n + 2) {
        margin-top: 24px; }
        @media screen and (max-width: 769px) {
          .entry .form .form-row:nth-child(n + 2) {
            margin-top: 6%; } }
      .entry .form .form-row--multiline {
        -ms-flex-align: start;
            align-items: flex-start; }
      .entry .form .form-row__header {
        width: 190px; }
        @media screen and (max-width: 769px) {
          .entry .form .form-row__header {
            width: 100%;
            margin-bottom: 2.3%; } }
        .entry .form .form-row__header--required:after {
          content: "必須";
          margin-left: 10px;
          padding: 3px 5px;
          border: solid 1px #ff7611;
          font-size: 10px;
          color: #ff7611; }
      .entry .form .form-row__body {
        -ms-flex: 1;
            flex: 1; }
        .entry .form .form-row__body--horizontal {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-direction: row;
              flex-direction: row; }
          .entry .form .form-row__body--horizontal .item:nth-child(n + 2) {
            margin-left: 24px; }
    .entry .form .terms {
      margin-top: 5%; }
      .entry .form .terms__content {
        width: 100%;
        height: 145px;
        padding: 30px 30px 30px 20px;
        text-align: left;
        border: solid 1px #e6e6e6;
        overflow-y: auto; }
        @media screen and (max-width: 769px) {
          .entry .form .terms__content {
            height: 94.5px;
            padding: 9px 15px 9px 10px; } }
        .entry .form .terms__content h1 {
          font-size: 14px;
          line-height: 28px;
          font-weight: bold; }
          @media screen and (max-width: 769px) {
            .entry .form .terms__content h1 {
              font-size: 12px;
              line-height: 19.2px; } }
        .entry .form .terms__content p,
        .entry .form .terms__content ul {
          margin-bottom: 28px; }
          @media screen and (max-width: 769px) {
            .entry .form .terms__content p,
            .entry .form .terms__content ul {
              margin-bottom: 19.2px; } }
        .entry .form .terms__content ul {
          margin-left: 20px; }
      .entry .form .terms__footer {
        margin-top: 4.03%; }
        @media screen and (max-width: 769px) {
          .entry .form .terms__footer {
            margin-top: 6.75%;
            padding-bottom: 5px; } }

/**
 * MEMBER
 */
.member {
  position: relative;
  width: 100%;
  margin-top: -10%;
  padding: 22% 0 0;
  z-index: 1; }
  @media screen and (max-width: 769px) {
    .member {
      margin-top: 18.75%;
      padding: 18.75% 0 7%;
      background-color: #f0f0f0; } }
  .member__bg {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100vh;
    background-image: url("/assets/img/member-bg.png");
    background-size: 100%;
    background-position: center -11.718%;
    background-repeat: no-repeat;
    z-index: 0; }
    @media screen and (max-width: 769px) {
      .member__bg {
        display: none; } }
  .member .header {
    position: relative;
    margin-bottom: 7.8125%;
    z-index: 1; }
    @media screen and (max-width: 769px) {
      .member .header {
        margin-bottom: 20px; } }
  .member .container {
    position: relative; }
    @media screen and (min-width: 769px) {
      .member .container {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
            justify-content: space-between;
        margin: 0 9.375%;
        height: 100%; } }
  .member .contents {
    position: relative; }
    @media screen and (min-width: 769px) {
      .member .contents {
        -ms-flex: 1;
            flex: 1;
        margin: 0 1.5625%;
        width: 30%;
        background-color: #fff; } }
    @media screen and (max-width: 769px) {
      .member .contents.is-open {
        margin-bottom: -40px; } }
    @media screen and (max-width: 769px) {
      .member .contents:nth-child(n + 2) {
        margin-top: 13.75%; } }
    @media screen and (min-width: 769px) {
      .member .contents:first-child {
        margin-left: 0; } }
    @media screen and (min-width: 769px) {
      .member .contents:last-child {
        margin-right: 0; } }
    .member .contents .image {
      position: relative;
      padding-top: 100%;
      overflow: hidden; }
      @media screen and (min-width: 769px) {
        .member .contents .image {
          width: 100%; } }
      @media screen and (max-width: 769px) {
        .member .contents .image {
          position: absolute;
          top: 0;
          width: 64.531%;
          z-index: 0; } }
      @media screen and (max-width: 769px) {
        .member .contents .image--right {
          margin-left: 35.625%; } }
      .member .contents .image__inner {
        position: absolute;
        top: -20%;
        bottom: -10%;
        width: 101%; }
        @media screen and (max-width: 769px) {
          .member .contents .image__inner {
            top: 10%;
            bottom: 0; } }
        .member .contents .image__inner img {
          width: 100%; }
    @media screen and (min-width: 769px) {
      .member .contents .content {
        background-color: #fff;
        padding-bottom: 18.75%; } }
    @media screen and (max-width: 769px) {
      .member .contents .content {
        padding-top: 40px;
        z-index: 20; } }
    @media screen and (min-width: 769px) {
      .member .contents .content__readmore {
        display: none; } }
    .member .contents .content__readmore .c-readmore__button {
      margin: 20px auto 0; }
    .member .contents .content__header {
      padding: 15.625% 0 0 0;
      background-color: #fff; }
      @media screen and (max-width: 769px) {
        .member .contents .content__header {
          position: relative;
          padding: 32px 0 36px 0;
          width: 51%;
          height: auto;
          z-index: 20; } }
      @media screen and (max-width: 769px) {
        .member .contents .content__header--right {
          margin-left: 45.3125%; } }
      @media screen and (max-width: 769px) {
        .member .contents .content__header--left {
          margin-left: 3.75%; } }
    .member .contents .content__num .name {
      display: block;
      color: #323232;
      font-size: 14px;
      line-height: 14px;
      margin-top: 7px; }
      @media screen and (max-width: 769px) {
        .member .contents .content__num .name {
          font-size: 12px;
          line-height: 12px;
          margin-top: 3.75%; } }
    .member .contents .content__title {
      text-indent: -9999px;
      height: 96px;
      margin: 30px auto 35px;
      background-size: contain;
      background-repeat: no-repeat; }
      @media screen and (max-width: 769px) {
        .member .contents .content__title {
          height: 61px;
          margin: 24px auto 0; } }
      .member .contents .content__title--1 {
        width: 168px;
        background-image: url("/assets/img/member-title1.png"); }
        @media screen and (max-width: 769px) {
          .member .contents .content__title--1 {
            width: 103px;
            background-image: url("/assets/img/sp/member-title1.png"); } }
      .member .contents .content__title--2 {
        width: 202px;
        background-image: url("/assets/img/member-title2.png"); }
        @media screen and (max-width: 769px) {
          .member .contents .content__title--2 {
            width: 128px;
            background-image: url("/assets/img/sp/member-title2.png"); } }
      .member .contents .content__title--3 {
        width: 213px;
        background-image: url("/assets/img/member-title3.png"); }
        @media screen and (max-width: 769px) {
          .member .contents .content__title--3 {
            width: 131px;
            background-image: url("/assets/img/sp/member-title3.png"); } }
    .member .contents .content__body {
      padding: 0 18.75%; }
      @media screen and (max-width: 769px) {
        .member .contents .content__body {
          position: relative;
          background-color: #fff;
          width: 92.5%;
          top: -40px;
          margin: 0 auto 0;
          padding: 11.824% 7.93%;
          transition-property: all;
          transition-duration: .3s;
          transform-origin: top;
          z-index: 10; } }
      @media screen and (min-width: 769px) {
        .member .contents .content__body .content__text {
          line-height: 25.2px; } }
      @media screen and (max-width: 769px) {
        .member .contents .content__body .content__text {
          position: relative;
          transition-duration: .2s; } }
      @media screen and (max-width: 769px) {
        .member .contents .content__body.hidden {
          height: 0;
          padding-top: 0;
          padding-bottom: 0;
          overflow: hidden;
          opacity: 0.2;
          transition-duration: .2s; } }
      @media screen and (max-width: 769px) {
        .member .contents .content__body.hidden .content__text {
          opacity: 0;
          transition-duration: .1s; } }
      @media screen and (max-width: 769px) {
        .member .contents .content__body.show {
          opacity: 1;
          height: auto; } }
      @media screen and (max-width: 769px) {
        .member .contents .content__body.show .content__text {
          opacity: 1;
          transition-delay: .3s; } }

/**
 * MESSAGE
 */
.message {
  position: relative; }
  .message .c-readmore__button {
    margin: 10% auto 13.13%; }
  .message .l-small-section__inner {
    position: relative;
    z-index: 10; }
  @media screen and (max-width: 769px) {
    .message .l-small-section-contents {
      margin-top: 60%; } }
  .message .sp-image {
    position: absolute;
    top: 60px;
    width: 100%;
    margin-left: -11.1%;
    padding-top: 100%;
    overflow: hidden;
    z-index: 0; }
    @media screen and (min-width: 769px) {
      .message .sp-image {
        display: none; } }
    .message .sp-image__inner {
      position: absolute;
      top: -10%;
      bottom: -10%;
      width: 100%;
      height: 100%;
      margin: auto; }
      .message .sp-image__inner img {
        width: 100%; }
  .message .container {
    height: 100%; }
    @media screen and (min-width: 769px) {
      .message .container {
        display: -ms-flexbox;
        display: flex; } }
  @media screen and (min-width: 769px) {
    .message .content {
      -ms-flex: 1;
          flex: 1; } }
  .message .content__header {
    margin: 0 0 30px;
    font-weight: bold;
    font-size: 20px;
    line-height: 20px; }
    @media screen and (max-width: 769px) {
      .message .content__header {
        margin-bottom: 0%;
        text-align: center;
        font-size: 14px;
        line-height: 18.6px; } }
  @media screen and (max-width: 769px) {
    .message .content__body-wrapper {
      margin-bottom: 13.13%;
      transition-property: all;
      transition-duration: .5s;
      transform-origin: top; } }
  .message .content__body-wrapper .content__body {
    transition-property: all;
    transition-duration: .3s; }
  @media screen and (max-width: 769px) {
    .message .content__body-wrapper.hidden {
      height: 0;
      padding: 0;
      overflow: hidden;
      opacity: 0;
      margin-bottom: 0;
      transition-duration: .3s; } }
  @media screen and (max-width: 769px) {
    .message .content__body-wrapper.hidden .content__body {
      opacity: 0; } }
  @media screen and (max-width: 769px) {
    .message .content__body-wrapper.show {
      opacity: 1;
      height: auto; } }
  @media screen and (max-width: 769px) {
    .message .content__body-wrapper.show .content__body {
      opacity: 1;
      transition-delay: .3s; } }
  .message .content__body {
    margin-bottom: 40px; }
  .message .content__footer header {
    font-weight: bold; }
    @media screen and (max-width: 769px) {
      .message .content__footer header {
        text-align: center;
        margin-bottom: 3%; } }
  .message .image {
    position: relative;
    width: 31.644%;
    height: 100%;
    margin-left: 4.5045%;
    padding-top: 30.85vw;
    overflow: hidden; }
    @media screen and (min-width: 770px) and (max-width: 1023px) {
      .message .image {
        padding-top: 315.9px; } }
    @media screen and (max-width: 769px) {
      .message .image {
        display: none; } }
    .message .image__inner {
      position: absolute;
      top: -10%;
      bottom: -10%;
      width: 100%;
      height: 120%; }
      .message .image__inner img {
        width: 100%; }

/**
 * OTHERS
 */
.others {
  position: relative;
  margin-top: 10.9375%;
  padding-top: 11.718%; }
  @media screen and (max-width: 769px) {
    .others {
      margin-top: 18.75%;
      padding-top: 0; } }
  .others__section {
    position: relative;
    z-index: 1; }
  .others__bg {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100vh;
    background-image: url("/assets/img/others-bg.png");
    background-size: 100%;
    background-repeat: no-repeat;
    z-index: 0; }
    @media screen and (max-width: 769px) {
      .others__bg {
        background-image: url("/assets/img/sp/others-bg.png");
        background-position: 0 4%; } }

/**
 * TOP
 */
.top {
  position: relative;
  height: 100vh;
  min-height: 650px; }
  @media screen and (max-width: 769px) {
    .top {
      min-height: auto;
      background-color: #fff; } }
  .top .title-wrapper {
    position: absolute;
    background-color: #fff;
    width: 100%;
    height: 100%; }
    @media screen and (max-width: 769px) {
      .top .title-wrapper {
        position: relative;
        width: 100vw;
        height: 32.738%; } }
  .top .title-wrapper-inner {
    position: relative;
    width: 100%;
    height: 100%;
    opacity: 1;
    overflow: hidden; }
    @media screen and (min-width: 769px) {
      .top .title-wrapper-inner {
        left: 5.8593%;
        transition: left 1.2s cubic-bezier(0.23, 1, 0.32, 1) 0.5s, width 9s cubic-bezier(0.23, 1, 0.32, 1) 0.2s; } }
    @media screen and (max-width: 769px) {
      .top .title-wrapper-inner {
        transition: opacity 0.2s linear 0.2s, transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.2s; } }
    @media screen and (min-width: 769px) {
      .top .title-wrapper-inner.hidden {
        left: -30%;
        width: 0; } }
    @media screen and (max-width: 769px) {
      .top .title-wrapper-inner.hidden {
        transform: translateY(-20%);
        opacity: 0; } }
  .top .title {
    position: absolute;
    top: 0;
    bottom: 0;
    background-size: contain;
    margin: auto;
    z-index: 1; }
    @media screen and (min-width: 769px) {
      .top .title {
        width: 413px;
        height: 288px; } }
    @media screen and (max-width: 769px) {
      .top .title {
        width: 100%;
        height: 73.939%;
        text-align: center; } }
    .top .title img {
      width: auto;
      height: 100%; }
  .top .container {
    position: absolute;
    right: 0;
    width: 100%;
    height: 100%; }
    @media screen and (min-width: 769px) {
      .top .container {
        overflow-x: hidden; } }
    @media screen and (max-width: 769px) {
      .top .container {
        position: relative;
        height: 67.262%;
        overflow-y: hidden; } }
    .top .container .images-wrapper {
      overflow: hidden;
      position: absolute; }
      @media screen and (min-width: 769px) {
        .top .container .images-wrapper {
          top: 0;
          bottom: 0;
          left: 35%;
          right: -15px;
          width: 66.258vw;
          height: 63%;
          margin: auto;
          border-radius: 400px 0 0 400px;
          border: solid 15px #e1e1e1;
          background-color: #e1e1e1;
          transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s; } }
      @media screen and (max-width: 769px) {
        .top .container .images-wrapper {
          top: 0;
          width: 100%;
          height: 100%;
          padding: 18px 38.5px 0;
          transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s; } }
      .top .container .images-wrapper.hidden {
        opacity: 0; }
        @media screen and (min-width: 769px) {
          .top .container .images-wrapper.hidden {
            transform: translateX(100%); } }
        @media screen and (max-width: 769px) {
          .top .container .images-wrapper.hidden {
            transform: translateY(100%); } }
    .top .container .images {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      width: 110%;
      height: 110%;
      margin: auto;
      overflow: hidden; }
      @media screen and (max-width: 769px) {
        .top .container .images {
          position: relative;
          top: 7px;
          width: 100%;
          height: 100%;
          margin: 0 auto;
          border: solid 7px #e1e1e1;
          border-radius: 400px 400px 0 0;
          overflow: hidden;
          z-index: 10; } }
      .top .container .images__item {
        position: absolute;
        width: 100%;
        height: 100%;
        background-size: cover;
        background-position: center 25%;
        background-image: url("/assets/img/top-image1.jpg");
        transition: opacity 3s linear;
        opacity: 1; }
        @media screen and (max-width: 769px) {
          .top .container .images__item {
            background-image: url("/assets/img/sp/top-image1.jpg");
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto; } }
        .top .container .images__item.hidden {
          opacity: 0; }
    .top .container .bg {
      position: absolute;
      top: 0;
      right: 0;
      width: 56.25%;
      height: 100%;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column; }
      @media screen and (max-width: 769px) {
        .top .container .bg {
          position: relative;
          -ms-flex-direction: row;
              flex-direction: row;
          width: 100vw;
          height: 100%; } }
      .top .container .bg__blue {
        width: 100%;
        height: 50%;
        background-color: #1d7fff; }
        @media screen and (max-width: 769px) {
          .top .container .bg__blue {
            height: 100%; } }
      .top .container .bg__lime {
        width: 100%;
        height: 50%;
        background-color: #dcff00; }
        @media screen and (max-width: 769px) {
          .top .container .bg__lime {
            height: 100%; } }
  .top .bg-add {
    position: absolute;
    bottom: -80px;
    right: 0;
    width: 56.25%;
    height: 80px;
    background-color: #dcff00; }
    @media screen and (max-width: 769px) {
      .top .bg-add {
        display: none; } }
  .top .scroll-down {
    position: absolute;
    bottom: -105px;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    transition: opacity 0.5s linear 2s, transform 0.8s cubic-bezier(0.23, 1, 0.32, 1) 2s; }
    @media screen and (max-width: 769px) {
      .top .scroll-down {
        display: none; } }
    .top .scroll-down.hidden {
      opacity: 0;
      transform: translateY(50px); }
    .top .scroll-down__text {
      font-size: 10px;
      font-family: "Roboto";
      font-weight: bold;
      letter-spacing: 1px;
      color: #323232;
      text-align: center; }
    .top .scroll-down__border {
      position: relative;
      width: 1px;
      height: 132px;
      margin: auto;
      background-color: #d7d7d7;
      overflow: hidden; }
      .top .scroll-down__border:after {
        content: "";
        top: 0;
        right: 0;
        left: 0;
        height: 80%;
        position: absolute;
        animation-name: animateScrollBar;
        animation-direction: normal;
        animation-fill-mode: both;
        animation-iteration-count: infinite;
        animation-duration: 1.5s;
        background-color: #323232; }

@keyframes animateScrollBar {
  0% {
    transform: translateY(-100px); }
  80% {
    transform: translateY(200px); }
  100% {
    transform: translateY(200px); } }

/**
 * VALUE
 */
.value {
  position: relative;
  width: 100%;
  margin-top: 19.921%;
  overflow-x: hidden;
  z-index: 10; }
  @media screen and (max-width: 769px) {
    .value {
      margin-top: -50px;
      margin-bottom: -100px;
      padding-top: 32%; } }
  .value .header {
    margin-bottom: 7.8125%; }
    @media screen and (max-width: 769px) {
      .value .header {
        margin-bottom: 13.75%; } }
  .value .contents {
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 100%; }
    .value .contents:nth-child(n + 2) {
      margin-top: 10.9375%; }
      @media screen and (max-width: 769px) {
        .value .contents:nth-child(n + 2) {
          margin-top: 18.75%;
          overflow: hidden; } }
    .value .contents--3 {
      padding-bottom: 100px; }
    .value .contents--4 {
      top: -100px;
      padding-bottom: 10%; }
    .value .contents .bg {
      position: absolute;
      width: 100%;
      height: 63.54%;
      margin: 15.625vw auto 0;
      overflow: hidden;
      z-index: 0; }
      @media screen and (min-width: 770px) and (max-width: 1023px) {
        .value .contents .bg {
          margin-top: 160px; } }
      @media screen and (max-width: 769px) {
        .value .contents .bg {
          margin: 18.75% auto 0; } }
      .value .contents .bg__inner {
        position: absolute;
        top: -10%;
        bottom: -10%;
        width: 100%;
        height: 100%; }
        .value .contents .bg__inner img {
          width: 100%; }
    .value .contents .num {
      position: absolute; }
      @media screen and (min-width: 769px) {
        .value .contents .num {
          margin-top: 9.531vw; } }
      @media screen and (min-width: 770px) and (max-width: 1023px) {
        .value .contents .num {
          margin-top: 97.5974px; } }
      @media screen and (max-width: 769px) {
        .value .contents .num {
          width: 22.656%; } }
      .value .contents .num img {
        width: 100%; }
      @media screen and (min-width: 769px) {
        .value .contents .num--1 {
          left: 10.703%;
          width: 48.75%; } }
      @media screen and (max-width: 769px) {
        .value .contents .num--1 {
          margin-top: 48.4375%; } }
      @media screen and (min-width: 769px) {
        .value .contents .num--2 {
          right: 3.906%;
          width: 50.546%; } }
      @media screen and (max-width: 769px) {
        .value .contents .num--2 {
          margin-top: 55.9375%; } }
      @media screen and (min-width: 769px) {
        .value .contents .num--3 {
          width: 68.671%; } }
      @media screen and (max-width: 769px) {
        .value .contents .num--3 {
          margin-top: 55.9375%; } }
      @media screen and (min-width: 769px) {
        .value .contents .num--4 {
          right: 4.531%;
          width: 60.078%; } }
      @media screen and (max-width: 769px) {
        .value .contents .num--4 {
          margin-top: 59.375%; } }
    .value .contents .image {
      position: absolute;
      top: 0;
      z-index: 1; }
      @media screen and (min-width: 769px) {
        .value .contents .image {
          width: 28.125%;
          padding-top: 38.671vw; } }
      @media screen and (min-width: 770px) and (max-width: 1023px) {
        .value .contents .image {
          padding-top: 395.991px; } }
      @media screen and (max-width: 769px) {
        .value .contents .image {
          width: 70.3125%;
          padding-top: 53.281%; } }
      .value .contents .image__inner {
        position: absolute;
        top: -10%;
        bottom: -10%;
        width: 100%;
        height: 100%;
        margin: auto;
        background-size: cover; }
        .value .contents .image__inner img {
          width: 101%; }
    .value .contents .content {
      position: relative;
      z-index: 10; }
      @media screen and (min-width: 769px) {
        .value .contents .content {
          width: 51.562%;
          margin-top: 22.1vw; } }
      @media screen and (min-width: 770px) and (max-width: 1023px) {
        .value .contents .content {
          margin-top: 226.304px; } }
      @media screen and (max-width: 769px) {
        .value .contents .content {
          width: 76.09%;
          padding-top: 44.0625%; } }
      .value .contents .content__inner {
        padding: 10.6% 0;
        background-color: #fff; }
        @media screen and (max-width: 769px) {
          .value .contents .content__inner {
            padding: 13.14% 0; } }
      .value .contents .content__title {
        text-indent: -9999px;
        width: 100%;
        height: 70px;
        margin: 3.636% auto 6.06%;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat; }
        @media screen and (max-width: 769px) {
          .value .contents .content__title {
            margin: 3.636% auto 8.2%; } }
        .value .contents .content__title--1 {
          width: 337px;
          background-image: url("/assets/img/value-title1.png"); }
          @media screen and (max-width: 769px) {
            .value .contents .content__title--1 {
              width: 194.5px;
              height: 41px;
              background-image: url("/assets/img/sp/value-title1.png"); } }
        .value .contents .content__title--2 {
          width: 364px;
          height: 115px;
          background-image: url("/assets/img/value-title2.png"); }
          @media screen and (max-width: 769px) {
            .value .contents .content__title--2 {
              width: 212px;
              height: 66px;
              background-image: url("/assets/img/sp/value-title2.png"); } }
        .value .contents .content__title--3 {
          width: 373px;
          background-image: url("/assets/img/value-title3.png"); }
          @media screen and (max-width: 769px) {
            .value .contents .content__title--3 {
              width: 139.5px;
              height: 60.5px;
              background-image: url("/assets/img/sp/value-title3.png"); } }
        .value .contents .content__title--4 {
          width: 446px;
          background-image: url("/assets/img/value-title4.png"); }
          @media screen and (max-width: 769px) {
            .value .contents .content__title--4 {
              width: 185.5px;
              height: 64.5px;
              background-image: url("/assets/img/sp/value-title4.png"); } }
      .value .contents .content__text {
        padding: 0 10.6%; }
    @media screen and (min-width: 769px) {
      .value .contents--right .bg {
        left: 6.25%;
        border-radius: 400px 0 0 400px; } }
    @media screen and (max-width: 769px) {
      .value .contents--right .bg {
        left: 0; } }
    @media screen and (max-width: 769px) {
      .value .contents--right .num {
        right: 3.125%; } }
    .value .contents--right .image {
      right: 0; }
      @media screen and (min-width: 769px) {
        .value .contents--right .image {
          margin-right: 6.25%; } }
    @media screen and (min-width: 769px) {
      .value .contents--right .content {
        margin-left: 9.453%; } }
    @media screen and (max-width: 769px) {
      .value .contents--right .content {
        margin-left: 3.75%; } }
    .value .contents--left {
      -ms-flex-pack: end;
          justify-content: flex-end; }
      @media screen and (min-width: 769px) {
        .value .contents--left .bg {
          right: 6.25%;
          border-radius: 0 400px 400px 0; } }
      @media screen and (max-width: 769px) {
        .value .contents--left .num {
          left: 3.125%; } }
      .value .contents--left .image {
        left: 0; }
        @media screen and (min-width: 769px) {
          .value .contents--left .image {
            margin-left: 6.25%; } }
      @media screen and (min-width: 769px) {
        .value .contents--left .content {
          margin-right: 9.453%; } }
      @media screen and (max-width: 769px) {
        .value .contents--left .content {
          margin-right: 3.75%; } }

.u-only-sp {
  display: none; }
  @media screen and (max-width: 769px) {
    .u-only-sp {
      display: inline-block; } }

@media screen and (max-width: 769px) {
  .u-only-pc {
    display: none; } }

.u-mt0 {
  margin-top: 0 !important; }
  .u-mt0--only-pc {
    margin-top: 0 !important; }
  @media screen and (max-width: 769px) {
    .u-mt0--only-sp {
      margin-top: 0 !important; } }

.trigger-header {
  position: absolute;
  top: 20%;
  bottom: 0;
  height: 1px;
  margin: auto; }

.trigger-entry-button,
.trigger-entry-button3 {
  position: absolute;
  top: calc(100vh + 160px);
  bottom: 0;
  height: 1px;
  margin: auto; }
  @media screen and (max-width: 769px) {
    .trigger-entry-button,
    .trigger-entry-button3 {
      top: 100vh; } }

.trigger-entry-button2 {
  position: absolute;
  margin-top: calc(-13.307% - 50px); }

.rellax {
  overflow: hidden; }