/********************/
/* import           */
/********************/
#contents {
  display: block;
  width: 100%;
  overflow: hidden;
  background-color: #e6ebee; }

@media screen and (min-width: 768px) {
  #contents {
    display: block;
    width: 100%;
    min-width: 1280px;
    background-color: #e6ebee; } }

#header {
  position: -webkit-sticky;
  position: sticky;
  margin: 0 auto;
  width: 100%;
  height: 16vw;
  top: 0;
  z-index: 20;
  background-color: #9fa0a0; }
  #header::before {
    content: "";
    display: block;
    padding-top: env(safe-area-inset-top); }
  #header .container {
    width: 100%;
    height: 100%; }
    #header .container .logo {
      position: absolute;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      top: 2vw;
      left: 3.73333vw;
      height: 12.13333vw;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      #header .container .logo .logo_image {
        width: 7.46667vw;
        height: 12.13333vw; }
      #header .container .logo .logo_text {
        margin-left: 2.4vw;
        width: 34vw;
        height: 2.93333vw; }
    #header .container .recluit_test {
      position: absolute;
      top: 2.4vw;
      right: 3.73333vw;
      width: 27.2vw;
      height: 11.2vw; }
      #header .container .recluit_test .yellow14 {
        position: absolute;
        top: 0;
        right: 0;
        width: 27.2vw;
        height: 11.2vw;
        background-color: #fff100;
        opacity: 0.3;
        border-radius: 1.86667vw; }
      #header .container .recluit_test .yellow10 {
        position: absolute;
        top: 0.8vw;
        right: 0.8vw;
        width: 25.6vw;
        height: 9.6vw;
        background-color: #fff100;
        opacity: 0.5;
        border-radius: 1.33333vw; }
      #header .container .recluit_test .yellow6 {
        position: absolute;
        top: 1.6vw;
        right: 1.6vw;
        width: 24vw;
        height: 8vw;
        background-color: #fff100;
        border-radius: 0.8vw; }
        #header .container .recluit_test .yellow6 .btn_text {
          font-size: 3.73333vw;
          font-weight: 700;
          line-height: 7.6vw;
          color: #000; }

/* ===================================== */
@media screen and (min-width: 768px) {
  /* ===================================== */
  #header {
    position: -webkit-sticky;
    position: sticky;
    width: auto;
    min-width: 1280px;
    height: 100px; }
    #header .container {
      width: auto; }
      #header .container .logo {
        top: 15px;
        left: 25px;
        height: 71px; }
        #header .container .logo .logo_image {
          width: 44px;
          height: 71px; }
        #header .container .logo .logo_text {
          margin-left: 19px;
          width: 195px;
          height: 17px; }
      #header .container #nav-menu {
        position: absolute;
        top: 42px;
        right: 202px; }
        #header .container #nav-menu ul.nav_list {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          height: 16px; }
          #header .container #nav-menu ul.nav_list li.nav_item {
            border-left: 1px #000 solid; }
            #header .container #nav-menu ul.nav_list li.nav_item a {
              font-size: 16px;
              font-weight: 700;
              line-height: 1em;
              color: #000;
              letter-spacing: 0.15em;
              text-indent: 0.15em;
              margin: 0 18px; }
              #header .container #nav-menu ul.nav_list li.nav_item a:hover {
                color: #fff; }
            #header .container #nav-menu ul.nav_list li.nav_item:first-child {
              border-left: none; }
      #header .container .recluit_test {
        top: 15px;
        right: 25px;
        width: 170px;
        height: 70px; }
        #header .container .recluit_test .yellow14 {
          top: 0px;
          right: 0px;
          width: 170px;
          height: 70px;
          border-radius: 14px; }
        #header .container .recluit_test .yellow10 {
          top: 5px;
          right: 5px;
          width: 160px;
          height: 60px;
          border-radius: 10px; }
        #header .container .recluit_test .yellow6 {
          top: 10px;
          right: 10px;
          width: 150px;
          height: 50px;
          border-radius: 6px; }
          #header .container .recluit_test .yellow6 .btn_text {
            font-size: 24px;
            line-height: 47px; }
  /* ===================================== */ }

/* ===================================== */
#kv {
  position: relative;
  width: 100%;
  height: 141.33333vw;
  background: #00060d url("./assets/img/top/kv_bg_sp.jpg?vd303c9837094f21b62939579e58f7071") no-repeat;
  background-size: cover; }
  #kv .kv_wrapper .phrase1 {
    position: relative;
    padding-top: 19.46667vw;
    width: 51.06667vw;
    height: 5.73333vw;
    margin: 0 auto; }
  #kv .kv_wrapper .logo {
    position: relative;
    width: 36.53333vw;
    height: 58.66667vw;
    margin: 6vw auto 0; }
  #kv .kv_wrapper .phrase2 {
    position: relative;
    width: 75.86667vw;
    height: 29.6vw;
    margin: 4.4vw auto 0; }

/* ===================================== */
@media screen and (min-width: 768px) {
  /* ===================================== */
  #kv {
    width: auto;
    min-width: 1280px;
    height: 526px;
    background: #00060d url("./assets/img/top/kv_bg.jpg?vf1f61cc180a1371a60bf3698eeaab738") no-repeat;
    background-size: auto 100%;
    background-position: 50% 0; }
    #kv .kv_wrapper {
      position: relative;
      width: 1280px;
      margin: 0 auto; }
      #kv .kv_wrapper .phrase1 {
        padding-top: 68px;
        width: 244px;
        height: 27px; }
      #kv .kv_wrapper .logo {
        width: 156px;
        height: 250px;
        margin: 44px auto 0; }
      #kv .kv_wrapper .phrase2 {
        position: absolute;
        top: 230px;
        left: 172px;
        width: 955px;
        height: 85px;
        margin: 0; }
  /* ===================================== */ }

/* ===================================== */
#movie {
  position: relative;
  width: 100%;
  background-color: transparent; }
  #movie .movie_wrapper {
    width: 90.93333vw;
    margin: 0 auto;
    padding-bottom: 8vw; }
    #movie .movie_wrapper .movie_title {
      position: relative;
      padding-top: 8vw;
      font-size: 4vw;
      line-height: 1em;
      font-weight: 700;
      letter-spacing: 0.2em;
      text-indent: 0.2em; }
    #movie .movie_wrapper .movie_content {
      position: relative;
      padding-top: 2.66667vw;
      width: 90.93333vw;
      height: 51.06667vw; }
      #movie .movie_wrapper .movie_content iframe {
        width: 100%;
        height: 100%; }

/* ===================================== */
@media screen and (min-width: 768px) {
  /* ===================================== */
  #movie {
    width: 100%;
    min-width: 1280px; }
    #movie .movie_wrapper {
      width: 560px;
      padding-bottom: 60px; }
      #movie .movie_wrapper .movie_title {
        padding-top: 60px;
        font-size: 24px; }
      #movie .movie_wrapper .movie_content {
        padding-top: 15px;
        width: 560px;
        height: 315px; }
  /* ===================================== */ }

/* ===================================== */
#mission {
  position: relative;
  width: 100%;
  height: 136.93333vw;
  background: transparent url("./assets/img/top/mission_bg_sp.jpg?v62b00a58943f2af3af4d438367040e75") no-repeat;
  background-size: cover; }
  #mission .mission_wrapper .title {
    position: relative;
    padding-top: 7.86667vw;
    width: 33.86667vw;
    height: 4.26667vw;
    margin: 0 auto; }
  #mission .mission_wrapper .mission_catchcopy {
    position: relative;
    width: 83.46667vw;
    height: 24.26667vw;
    margin: 23.73333vw auto 0; }
  #mission .mission_wrapper .mission_text {
    position: relative;
    font-size: 3.46667vw;
    line-height: 1.8em;
    font-weight: 700;
    letter-spacing: 0.15em;
    margin-left: 0.15em;
    color: #fff;
    margin-top: 22.34667vw; }

/* ===================================== */
@media screen and (min-width: 768px) {
  /* ===================================== */
  #mission {
    width: auto;
    min-width: 1280px;
    height: 731px;
    background: transparent url("./assets/img/top/mission_bg.jpg?vc441e930a20f27c0d1fa971016927180") repeat;
    background-size: auto 100%;
    background-position: 50% 0; }
    #mission .mission_wrapper {
      position: relative;
      width: 1280px;
      margin: 0 auto; }
      #mission .mission_wrapper .title {
        padding-top: 60px;
        width: 204px;
        height: 27px; }
      #mission .mission_wrapper .mission_catchcopy {
        margin-top: 120px;
        width: 894px;
        height: 61px; }
      #mission .mission_wrapper .mission_text {
        margin-top: 80px;
        font-size: 24px;
        text-align: center; }
  /* ===================================== */ }

/* ===================================== */
#member {
  position: relative;
  width: 100%;
  height: 148vw;
  background-color: transparent; }
  #member .member_wrapper .title {
    position: relative;
    padding-top: 7.86667vw;
    width: 33.73333vw;
    height: 4.13333vw;
    margin: 0 auto; }
  #member .member_wrapper .subtitle {
    position: relative;
    padding-top: 2.53333vw;
    font-size: 3.2vw;
    line-height: 1em;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-indent: 0.1em;
    color: #000; }
  #member .member_wrapper ul.list {
    position: relative;
    padding-top: 2.66667vw;
    width: 70.66667vw;
    margin: 0 auto; }
    #member .member_wrapper ul.list li.name_list {
      margin-top: 4vw;
      width: 70.66667vw;
      height: 32vw;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      #member .member_wrapper ul.list li.name_list .faceup {
        width: 32vw;
        margin-right: 5.33333vw; }
      #member .member_wrapper ul.list li.name_list .modal_button {
        width: 32vw;
        height: 9.33333vw;
        margin-right: 1.33333vw;
        border-radius: 1.33333vw; }
        #member .member_wrapper ul.list li.name_list .modal_button .name {
          font-size: 4.26667vw;
          line-height: 1em;
          font-weight: 700;
          letter-spacing: 0.1em;
          text-indent: 0.1em;
          color: #fff;
          margin-top: -0.1em; }
    #member .member_wrapper ul.list li.mars .modal_button {
      background-color: #e54531; }
    #member .member_wrapper ul.list li.jupiter .modal_button {
      background-color: #a43690; }
    #member .member_wrapper ul.list li.saturn .modal_button {
      background-color: #1373c7; }
  #member .member_wrapper .introduction {
    position: relative;
    padding-top: 8vw;
    font-size: 3.46667vw;
    line-height: 1em;
    font-weight: 700;
    letter-spacing: 0.25em;
    text-indent: 0.25em;
    color: #000; }

/* ===================================== */
@media screen and (min-width: 768px) {
  /* ===================================== */
  #member {
    width: auto;
    min-width: 1280px;
    height: 731px; }
    #member .member_wrapper {
      position: relative;
      width: 1280px;
      margin: 0 auto; }
      #member .member_wrapper .title {
        padding-top: 60px;
        width: 201px;
        height: 24px; }
      #member .member_wrapper .subtitle {
        padding-top: 16px;
        font-size: 20px; }
      #member .member_wrapper ul.list {
        padding-top: 60px;
        width: 1000px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
        #member .member_wrapper ul.list li.name_list {
          margin-top: 0;
          width: 370px;
          height: 404px;
          margin-right: -55px;
          display: block; }
          #member .member_wrapper ul.list li.name_list .faceup {
            width: 370px;
            height: 338px;
            margin-right: 0; }
          #member .member_wrapper ul.list li.name_list .modal_button {
            width: 170px;
            height: 56px;
            margin: 10px auto 0;
            border-radius: 10px; }
            #member .member_wrapper ul.list li.name_list .modal_button .name {
              font-size: 26px; }
      #member .member_wrapper .introduction {
        padding-top: 60px;
        font-size: 24px; }
  /* ===================================== */ }

/* ===================================== */
#interview {
  position: relative;
  width: 100%;
  height: 127.33333vw;
  background-color: #5bb3bd; }
  #interview .interview_wrapper .title {
    position: relative;
    padding-top: 8vw;
    width: 46.13333vw;
    height: 4.26667vw;
    margin: 0 auto; }
  #interview .interview_wrapper .subtitle {
    position: relative;
    padding-top: 2.53333vw;
    font-size: 3.2vw;
    line-height: 1em;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-indent: 0.1em;
    color: #fff; }
  #interview .interview_wrapper ul.list {
    position: relative;
    padding-top: 8vw;
    width: 80.93333vw;
    margin-left: 9.6vw; }
    #interview .interview_wrapper ul.list li.name_list {
      margin-top: 8vw;
      width: 80.93333vw;
      height: 34.66667vw;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      #interview .interview_wrapper ul.list li.name_list .faceup {
        width: 34.66667vw;
        margin-right: 4vw; }
      #interview .interview_wrapper ul.list li.name_list .description {
        width: 42.26667vw; }
        #interview .interview_wrapper ul.list li.name_list .description .name {
          height: 4.66667vw; }
        #interview .interview_wrapper ul.list li.name_list .description .place {
          padding-top: 2.66667vw;
          font-size: 4vw;
          line-height: 1em;
          font-weight: 700;
          letter-spacing: 0.2em;
          color: #fff;
          text-align: left; }
        #interview .interview_wrapper ul.list li.name_list .description .modal_button {
          margin-top: 2.53333vw;
          width: 32vw;
          height: 8vw;
          border-radius: 1.33333vw;
          background-color: #fff; }
          #interview .interview_wrapper ul.list li.name_list .description .modal_button .btn_text {
            font-size: 4vw;
            line-height: 1em;
            font-weight: 700;
            letter-spacing: 0.1em;
            text-indent: 0.1em;
            color: #5bb3bd;
            margin-top: -0.06em; }
      #interview .interview_wrapper ul.list li.name_list.sitappa_a .description .name {
        width: 42.26667vw; }
      #interview .interview_wrapper ul.list li.name_list.sitappa_b .description .name {
        width: 41.73333vw; }

/* ===================================== */
@media screen and (min-width: 768px) {
  /* ===================================== */
  #interview {
    width: auto;
    min-width: 1280px;
    height: 735px; }
    #interview .interview_wrapper {
      position: relative;
      width: 1280px;
      margin: 0 auto; }
      #interview .interview_wrapper .title {
        padding-top: 60px;
        width: 280px;
        height: 27px; }
      #interview .interview_wrapper .subtitle {
        padding-top: 15px;
        font-size: 20px; }
      #interview .interview_wrapper ul.list {
        padding-top: 1px;
        width: 489px;
        margin-left: 316px; }
        #interview .interview_wrapper ul.list li.name_list {
          margin-top: 50px;
          width: 489px;
          height: 226px; }
          #interview .interview_wrapper ul.list li.name_list .faceup {
            width: 226px;
            margin-right: 30px; }
          #interview .interview_wrapper ul.list li.name_list .description {
            width: 233px; }
            #interview .interview_wrapper ul.list li.name_list .description .name {
              height: 27px; }
            #interview .interview_wrapper ul.list li.name_list .description .place {
              padding-top: 20px;
              font-size: 20px; }
            #interview .interview_wrapper ul.list li.name_list .description .modal_button {
              margin-top: 19px;
              width: 160px;
              height: 40px;
              border-radius: 6px; }
              #interview .interview_wrapper ul.list li.name_list .description .modal_button .btn_text {
                font-size: 20px; }
          #interview .interview_wrapper ul.list li.name_list.sitappa_a .description .name {
            width: 233px; }
          #interview .interview_wrapper ul.list li.name_list.sitappa_b .description .name {
            width: 230px; }
  /* ===================================== */ }

/* ===================================== */
#information {
  position: relative;
  width: 100%;
  height: 70vw;
  background-color: transparent; }
  #information .information_wrapper .title {
    position: relative;
    padding-top: 7.86667vw;
    width: 57.86667vw;
    height: 4.4vw;
    margin: 0 auto; }
  #information .information_wrapper .subtitle {
    position: relative;
    padding-top: 2.66667vw;
    font-size: 3.2vw;
    line-height: 1em;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-indent: 0.1em;
    color: #000; }
  #information .information_wrapper ul.recluit_list {
    position: relative;
    padding-top: 3.86667vw;
    width: 92.53333vw;
    margin: 0 auto; }
    #information .information_wrapper ul.recluit_list li.recluit {
      padding-top: 4vw;
      width: 92.53333vw;
      height: 16vw; }
      #information .information_wrapper ul.recluit_list li.recluit .modal_button {
        width: 100%;
        height: 100%;
        background-color: #5bb3bd;
        border-radius: 1.33333vw; }
        #information .information_wrapper ul.recluit_list li.recluit .modal_button .btn_text {
          font-size: 5.6vw;
          line-height: 1em;
          font-weight: 700;
          letter-spacing: 0.15em;
          text-indent: 0.15em;
          color: #fff;
          margin-top: -0.06em; }

/* ===================================== */
@media screen and (min-width: 768px) {
  /* ===================================== */
  #information {
    width: auto;
    min-width: 1280px;
    height: 503px; }
    #information .information_wrapper {
      position: relative;
      width: 1280px;
      margin: 0 auto; }
      #information .information_wrapper .title {
        padding-top: 60px;
        width: 349px;
        height: 26px; }
      #information .information_wrapper .subtitle {
        padding-top: 16px;
        font-size: 20px; }
      #information .information_wrapper ul.recluit_list {
        padding-top: 41px;
        width: 609px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        #information .information_wrapper ul.recluit_list li.recluit {
          padding-top: 0;
          width: 280px;
          height: 280px; }
          #information .information_wrapper ul.recluit_list li.recluit .modal_button {
            border-radius: 6px; }
            #information .information_wrapper ul.recluit_list li.recluit .modal_button .btn_text {
              font-size: 30px; }
          #information .information_wrapper ul.recluit_list li.recluit:first-child {
            margin-right: 49px; }
  /* ===================================== */ }

/* ===================================== */
#sticker {
  position: relative;
  width: 100%;
  height: 54.66667vw;
  background-color: #5bb3bd; }
  #sticker .sticker_wrapper {
    position: relative;
    padding-top: 6.8vw;
    padding-bottom: 8vw; }
    #sticker .sticker_wrapper .sticker_description {
      position: relative; }
      #sticker .sticker_wrapper .sticker_description p {
        font-size: 4.8vw;
        line-height: 1.4em;
        font-weight: 700;
        letter-spacing: 0;
        color: #fff;
        font-style: italic; }
    #sticker .sticker_wrapper a.sticker_link {
      position: relative;
      background-color: #ffffff;
      margin: 3.86667vw auto 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 39.73333vw;
      height: 9.06667vw;
      border-radius: 4.53333vw; }
      #sticker .sticker_wrapper a.sticker_link p {
        font-size: 4vw;
        line-height: 1em;
        font-weight: 700;
        letter-spacing: 0.1em;
        text-indent: 0.1em;
        color: #5bb3bd;
        margin-bottom: 0.1em; }

/* ===================================== */
@media screen and (min-width: 768px) {
  /* ===================================== */
  #sticker {
    width: auto;
    min-width: 1280px;
    height: 366px; }
    #sticker .sticker_wrapper {
      position: relative;
      width: 1280px;
      margin: 0 auto;
      padding-top: 55px;
      padding-bottom: 60px; }
      #sticker .sticker_wrapper .sticker_description p {
        font-size: 32px;
        line-height: 1.3em; }
      #sticker .sticker_wrapper a.sticker_link {
        margin: 26px auto 0;
        width: 262px;
        height: 60px;
        border-radius: 30px; }
        #sticker .sticker_wrapper a.sticker_link p {
          font-size: 26px; }
  /* ===================================== */ }

/* ===================================== */
#share {
  position: relative;
  width: 100%;
  height: 15.46667vw;
  background-color: #ffffff; }
  #share .share_wrapper ul.share_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-top: 2.66667vw; }
    #share .share_wrapper ul.share_list li {
      margin: 0 2.66667vw; }
      #share .share_wrapper ul.share_list li a {
        display: block;
        width: 10.13333vw;
        height: 10.13333vw; }

/* ===================================== */
@media screen and (min-width: 768px) {
  /* ===================================== */
  #share {
    width: auto;
    min-width: 1280px;
    height: 90px; }
    #share .share_wrapper {
      position: relative;
      width: 1280px;
      margin: 0 auto; }
      #share .share_wrapper ul.share_list {
        padding-top: 20px; }
        #share .share_wrapper ul.share_list li {
          margin: 0 15px 0 0; }
          #share .share_wrapper ul.share_list li a {
            width: 50px;
            height: 50px; }
          #share .share_wrapper ul.share_list li:last-child {
            margin: 0; }
  /* ===================================== */ }

/* ===================================== */
#footer {
  position: relative;
  width: 100%;
  background-color: #000000; }
  #footer .container {
    position: relative;
    padding-bottom: 7.2vw; }
    #footer .container .product_description {
      position: relative;
      padding-top: 7.2vw; }
      #footer .container .product_description p {
        font-size: 4.8vw;
        line-height: 1.3em;
        font-weight: 700;
        letter-spacing: 0em;
        color: #fff;
        font-style: italic; }
    #footer .container .product_list {
      position: relative;
      padding-top: 3.6vw;
      width: 66.4vw;
      margin: 0 auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      #footer .container .product_list .product {
        width: 30.53333vw;
        height: 49.46667vw;
        margin: 0 1.33333vw; }
    #footer .container .date_price {
      position: relative;
      padding-top: 4vw;
      width: 58.66667vw;
      height: 6.13333vw;
      margin: 0 auto; }
    #footer .container a.official_link {
      display: block;
      width: 66.13333vw;
      margin: 4.8vw auto 0; }
      #footer .container a.official_link .official_link_text {
        position: relative;
        width: 17.2vw;
        height: 2vw;
        margin: 0 auto; }
      #footer .container a.official_link .product_logo {
        position: relative;
        padding-top: 2vw;
        width: 66.13333vw;
        margin: 0 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; }
        #footer .container a.official_link .product_logo .product {
          width: 31.73333vw;
          height: 11.6vw;
          margin: 0 0.66667vw; }
    #footer .container .reserve {
      position: relative;
      display: block;
      width: 64.26667vw;
      height: 9.73333vw;
      margin: 4.8vw auto 0; }
    #footer .container .product_detail {
      position: relative;
      /* width: calc(690 * 100vw / 750); */
      padding-top: 5.86667vw;
      margin: 0 auto; }
      #footer .container .product_detail .title {
        font-size: 4vw;
        line-height: 1.8em;
        font-weight: 700;
        letter-spacing: 0em;
        color: #fff;
        text-align: center;
        display: inline;
        white-space: nowrap;
        padding-bottom: 1.6vw;
        background: linear-gradient(transparent 0, transparent calc(6.66667vw - 1px), #ffffff calc(6.66667vw - 1px), #ffffff 6.66667vw, transparent 6.66667vw); }
      #footer .container .product_detail .detail {
        padding-top: 2vw;
        width: 92vw;
        margin: 0 auto;
        font-size: 3.2vw;
        line-height: 1.5em;
        font-weight: 700;
        letter-spacing: 0em;
        color: #fff;
        text-align: left; }
    #footer .container .company_list {
      position: relative;
      padding-top: 7.2vw;
      width: 91.86667vw;
      margin: 0 auto;
      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; }
      #footer .container .company_list .company {
        height: 5.33333vw;
        margin: 0 1.86667vw; }
        #footer .container .company_list .company.nintendo_switch {
          width: 18.26667vw;
          height: 4vw; }
        #footer .container .company_list .company.the_pokemon_company {
          width: 40.93333vw;
          height: 3.86667vw; }
        #footer .container .company_list .company.nintendo {
          width: 21.46667vw;
          height: 5.33333vw; }
    #footer .container .trademark {
      padding-top: 2.66667vw;
      font-size: 2.66667vw;
      line-height: 1.6em;
      font-weight: 700;
      letter-spacing: 0.025em;
      margin-left: 0.025em;
      color: #fff; }
    #footer .container .trademark_jp {
      font-size: 2.66667vw;
      line-height: 1.6em;
      font-weight: 400;
      letter-spacing: 0.05em;
      margin-left: 0.05em;
      color: #fff; }

/* ===================================== */
@media screen and (min-width: 768px) {
  /* ===================================== */
  #footer {
    width: auto;
    min-width: 1280px; }
    #footer .container {
      width: 1280px;
      margin: 0 auto;
      padding-bottom: 57px; }
      #footer .container .product_description {
        padding-top: 55px; }
        #footer .container .product_description p {
          font-size: 30px;
          line-height: 1.3em; }
      #footer .container .product_list {
        padding-top: 30px;
        width: 460px; }
        #footer .container .product_list .product {
          width: 210px;
          height: 340px;
          margin: 0 10px; }
      #footer .container .date_price {
        padding-top: 21px;
        width: 390px;
        height: 41px; }
      #footer .container a.official_link {
        display: block;
        width: 456px;
        margin: 39px auto 0; }
        #footer .container a.official_link .official_link_text {
          width: 118px;
          height: 14px; }
        #footer .container a.official_link .product_logo {
          padding-top: 14px;
          width: 456px; }
          #footer .container a.official_link .product_logo .product {
            width: 218px;
            height: 80px;
            margin: 0 5px; }
      #footer .container .reserve {
        width: 443px;
        height: 67px;
        margin: 32px auto 0; }
      #footer .container .product_detail {
        /* width: 766px; */
        padding-top: 35px; }
        #footer .container .product_detail .title {
          font-size: 24px;
          line-height: 48px;
          padding-bottom: 12px;
          background: linear-gradient(transparent 0, transparent 41px, #ffffff 41px, #ffffff 43px, transparent 43px); }
        #footer .container .product_detail .detail {
          padding-top: 14px;
          width: 762px;
          margin: 0 auto;
          font-size: 20px;
          line-height: 1.7em; }
      #footer .container .company_list {
        padding-top: 53px;
        width: 513px; }
        #footer .container .company_list .company {
          height: 30px;
          margin: 0 10px; }
          #footer .container .company_list .company.nintendo_switch {
            width: 103px;
            height: 22px; }
          #footer .container .company_list .company.the_pokemon_company {
            width: 230px;
            height: 22px; }
          #footer .container .company_list .company.nintendo {
            width: 120px;
            height: 30px; }
          #footer .container .company_list .company a {
            display: block;
            width: 100%;
            height: 100%; }
      #footer .container .trademark {
        padding-top: 16px;
        font-size: 14px; }
      #footer .container .trademark_jp {
        font-size: 12px; }
  /* ===================================== */ }

/* ===================================== */
#mars {
  position: relative;
  width: 100%;
  height: 147.2vw; }
  #mars .modal__inner {
    background-color: #e54531; }
    #mars .modal__inner .modal__content {
      height: 100%;
      min-height: 147.2vw;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }

#jupiter {
  position: relative;
  width: 100%;
  height: 147.2vw; }
  #jupiter .modal__inner {
    background-color: #a43690; }
    #jupiter .modal__inner .modal__content {
      height: 100%;
      min-height: 147.2vw;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }

#saturn {
  position: relative;
  width: 100%;
  height: 147.2vw; }
  #saturn .modal__inner {
    background-color: #1373c7; }
    #saturn .modal__inner .modal__content {
      height: 100%;
      min-height: 147.2vw;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }

/* ===================================== */
@media screen and (min-width: 768px) {
  /* ===================================== */
  #mars, #jupiter, #saturn {
    width: auto;
    min-width: 1280px;
    height: 734px; }
    #mars .modal__inner .modal__content, #jupiter .modal__inner .modal__content, #saturn .modal__inner .modal__content {
      position: relative;
      width: 1280px;
      margin: 0 auto;
      height: 100%;
      min-height: 450px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -o-object-fit: contain;
         object-fit: contain; }
      #mars .modal__inner .modal__content .member, #jupiter .modal__inner .modal__content .member, #saturn .modal__inner .modal__content .member {
        width: 100%;
        height: 100%;
        max-height: 734px; }
        #mars .modal__inner .modal__content .member .pc_image, #jupiter .modal__inner .modal__content .member .pc_image, #saturn .modal__inner .modal__content .member .pc_image {
          height: 100%; }
          #mars .modal__inner .modal__content .member .pc_image img, #jupiter .modal__inner .modal__content .member .pc_image img, #saturn .modal__inner .modal__content .member .pc_image img {
            width: auto;
            height: 100%; }
  /* ===================================== */ }

/* ===================================== */
#sitappa_a, #sitappa_b {
  position: relative;
  width: 100%; }
  #sitappa_a .modal__inner, #sitappa_b .modal__inner {
    background-color: #e6ebee; }
  #sitappa_a .modal__content, #sitappa_b .modal__content {
    position: relative; }
    #sitappa_a .modal__content .kv, #sitappa_b .modal__content .kv {
      position: relative; }
      #sitappa_a .modal__content .kv .kv_wrapper.sitappa_a, #sitappa_b .modal__content .kv .kv_wrapper.sitappa_a {
        height: 66.66667vw;
        background: #00060d url("./assets/img/top/modal_sitappa_a_kv_sp.jpg?ve394bfddd187bdb9a50dc26ce26ef23b") no-repeat;
        background-size: cover; }
        #sitappa_a .modal__content .kv .kv_wrapper.sitappa_a .topphrase, #sitappa_b .modal__content .kv .kv_wrapper.sitappa_a .topphrase {
          position: absolute;
          top: 39.06667vw;
          left: 4.53333vw;
          width: 59.06667vw;
          height: 23.6vw; }
      #sitappa_a .modal__content .kv .kv_wrapper.sitappa_b, #sitappa_b .modal__content .kv .kv_wrapper.sitappa_b {
        height: 66.66667vw;
        background: #00060d url("./assets/img/top/modal_sitappa_b_kv_sp.jpg?v31200b132a27262ec285a4c6e40cbd75") no-repeat;
        background-size: cover; }
        #sitappa_a .modal__content .kv .kv_wrapper.sitappa_b .topphrase, #sitappa_b .modal__content .kv .kv_wrapper.sitappa_b .topphrase {
          position: absolute;
          top: 30.93333vw;
          left: 4.53333vw;
          width: 67.2vw;
          height: 31.86667vw; }
    #sitappa_a .modal__content .interview, #sitappa_b .modal__content .interview {
      position: relative;
      background-color: #e6ebee; }
      #sitappa_a .modal__content .interview ul.qa_list, #sitappa_b .modal__content .interview ul.qa_list {
        position: relative;
        padding-top: 8vw;
        width: 90.66667vw;
        margin: 0 auto; }
        #sitappa_a .modal__content .interview ul.qa_list li.qa, #sitappa_b .modal__content .interview ul.qa_list li.qa {
          width: 90.66667vw;
          padding-bottom: 4.4vw; }
          #sitappa_a .modal__content .interview ul.qa_list li.qa .question_bg, #sitappa_b .modal__content .interview ul.qa_list li.qa .question_bg {
            width: 90.66667vw;
            height: 8.53333vw;
            background-color: #5bb3bd;
            border-radius: 0.8vw;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex; }
            #sitappa_a .modal__content .interview ul.qa_list li.qa .question_bg .question_no, #sitappa_b .modal__content .interview ul.qa_list li.qa .question_bg .question_no {
              font-size: 4.26667vw;
              line-height: 1.94em;
              font-weight: 700;
              letter-spacing: 0.16em;
              color: #fff;
              width: 8.93333vw;
              margin-left: 2.8vw;
              text-align: left; }
            #sitappa_a .modal__content .interview ul.qa_list li.qa .question_bg .question, #sitappa_b .modal__content .interview ul.qa_list li.qa .question_bg .question {
              font-size: 4.26667vw;
              line-height: 1.94em;
              font-weight: 700;
              letter-spacing: 0.16em;
              color: #fff;
              text-align: left; }
          #sitappa_a .modal__content .interview ul.qa_list li.qa .answer, #sitappa_b .modal__content .interview ul.qa_list li.qa .answer {
            margin-top: 2.66667vw;
            font-size: 4vw;
            line-height: 1.7em;
            font-weight: 700;
            letter-spacing: 0.05em;
            color: #000;
            text-align: left; }
          #sitappa_a .modal__content .interview ul.qa_list li.qa .answer_image, #sitappa_b .modal__content .interview ul.qa_list li.qa .answer_image {
            width: 90.66667vw;
            height: 70.8vw;
            margin-top: 4vw; }
      #sitappa_a .modal__content .interview .viewmore, #sitappa_b .modal__content .interview .viewmore {
        position: relative;
        padding-top: 6.66667vw;
        width: 51.46667vw;
        height: 6.13333vw;
        margin-left: 4.66667vw; }
      #sitappa_a .modal__content .interview ul.sitappa, #sitappa_b .modal__content .interview ul.sitappa {
        position: relative;
        padding-top: 3.86667vw;
        padding-bottom: 18vw;
        width: 90.66667vw;
        margin: 0 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
        #sitappa_a .modal__content .interview ul.sitappa li.faceup, #sitappa_b .modal__content .interview ul.sitappa li.faceup {
          width: 34.93333vw;
          margin-right: 4.53333vw; }
        #sitappa_a .modal__content .interview ul.sitappa li.description, #sitappa_b .modal__content .interview ul.sitappa li.description {
          width: 51.2vw; }
          #sitappa_a .modal__content .interview ul.sitappa li.description .name, #sitappa_b .modal__content .interview ul.sitappa li.description .name {
            height: 4vw; }
          #sitappa_a .modal__content .interview ul.sitappa li.description .place, #sitappa_b .modal__content .interview ul.sitappa li.description .place {
            padding-top: 2.66667vw;
            font-size: 3.2vw;
            line-height: 1em;
            font-weight: 700;
            letter-spacing: 0.13em;
            color: #000;
            text-align: left; }
          #sitappa_a .modal__content .interview ul.sitappa li.description .modal_button, #sitappa_b .modal__content .interview ul.sitappa li.description .modal_button {
            margin-top: 3.06667vw;
            width: 24.8vw;
            height: 7.6vw;
            border-radius: 1.33333vw;
            background-color: #5bb3bd; }
            #sitappa_a .modal__content .interview ul.sitappa li.description .modal_button .btn_text, #sitappa_b .modal__content .interview ul.sitappa li.description .modal_button .btn_text {
              font-size: 3.2vw;
              line-height: 1em;
              font-weight: 700;
              letter-spacing: 0.1em;
              text-indent: 0.1em;
              color: #fff;
              margin-top: -0.06em;
              pointer-events: none; }
        #sitappa_a .modal__content .interview ul.sitappa.sitappa_a .description .name, #sitappa_b .modal__content .interview ul.sitappa.sitappa_a .description .name {
          width: 35.86667vw; }
        #sitappa_a .modal__content .interview ul.sitappa.sitappa_b .description .name, #sitappa_b .modal__content .interview ul.sitappa.sitappa_b .description .name {
          width: 35.46667vw; }

/* ===================================== */
@media screen and (min-width: 768px) {
  /* ===================================== */
  #sitappa_a, #sitappa_b {
    width: auto;
    min-width: 1280px; }
    #sitappa_a .modal__content .kv, #sitappa_b .modal__content .kv {
      background: #00060d url("./assets/img/top/modal_sitappa_kv_repeat.jpg?vc8d07ebf714763626750d75dbbf8cb4b") repeat;
      background-size: auto 100%;
      background-position: 50% 0%; }
      #sitappa_a .modal__content .kv .kv_wrapper, #sitappa_b .modal__content .kv .kv_wrapper {
        position: relative;
        width: 1280px;
        margin: 0 auto; }
      #sitappa_a .modal__content .kv .kv_wrapper.sitappa_a, #sitappa_b .modal__content .kv .kv_wrapper.sitappa_a {
        height: 432px;
        background: #00060d url("./assets/img/top/modal_sitappa_a_kv.jpg?v1d3ffba99399e9fa77b6e8d75c510462") no-repeat; }
        #sitappa_a .modal__content .kv .kv_wrapper.sitappa_a .topphrase, #sitappa_b .modal__content .kv .kv_wrapper.sitappa_a .topphrase {
          top: 122px;
          left: 207px;
          width: 450px;
          height: 179px; }
      #sitappa_a .modal__content .kv .kv_wrapper.sitappa_b, #sitappa_b .modal__content .kv .kv_wrapper.sitappa_b {
        height: 432px;
        background: #00060d url("./assets/img/top/modal_sitappa_b_kv.jpg?v1c0395bcc72ebad23d9cd778f43d5761") no-repeat; }
        #sitappa_a .modal__content .kv .kv_wrapper.sitappa_b .topphrase, #sitappa_b .modal__content .kv .kv_wrapper.sitappa_b .topphrase {
          top: 99px;
          left: 207px;
          width: 511px;
          height: 242px; }
    #sitappa_a .modal__content .interview, #sitappa_b .modal__content .interview {
      width: 1280px;
      margin: 0 auto; }
      #sitappa_a .modal__content .interview ul.qa_list, #sitappa_b .modal__content .interview ul.qa_list {
        padding-top: 60px;
        width: 864px; }
        #sitappa_a .modal__content .interview ul.qa_list li.qa, #sitappa_b .modal__content .interview ul.qa_list li.qa {
          width: 864px;
          padding-bottom: 36px; }
          #sitappa_a .modal__content .interview ul.qa_list li.qa .question_bg, #sitappa_b .modal__content .interview ul.qa_list li.qa .question_bg {
            width: 864px;
            height: 62px;
            border-radius: 12px; }
            #sitappa_a .modal__content .interview ul.qa_list li.qa .question_bg .question_no, #sitappa_b .modal__content .interview ul.qa_list li.qa .question_bg .question_no {
              font-size: 28px;
              line-height: 60px;
              width: 62px;
              margin-left: 22px; }
            #sitappa_a .modal__content .interview ul.qa_list li.qa .question_bg .question, #sitappa_b .modal__content .interview ul.qa_list li.qa .question_bg .question {
              font-size: 28px;
              line-height: 60px; }
          #sitappa_a .modal__content .interview ul.qa_list li.qa .answer, #sitappa_b .modal__content .interview ul.qa_list li.qa .answer {
            margin-top: 16px;
            font-size: 24px;
            line-height: 1.7em; }
          #sitappa_a .modal__content .interview ul.qa_list li.qa .answer_image, #sitappa_b .modal__content .interview ul.qa_list li.qa .answer_image {
            width: 864px;
            height: 204px;
            margin-top: 40px; }
      #sitappa_a .modal__content .interview .viewmore, #sitappa_b .modal__content .interview .viewmore {
        padding-top: 48px;
        width: 415px;
        height: 50px;
        margin-left: 208px; }
      #sitappa_a .modal__content .interview ul.sitappa, #sitappa_b .modal__content .interview ul.sitappa {
        padding-top: 30px;
        padding-bottom: 60px;
        width: 828px;
        margin: 0 auto 0 244px; }
        #sitappa_a .modal__content .interview ul.sitappa li.faceup, #sitappa_b .modal__content .interview ul.sitappa li.faceup {
          width: 278px;
          margin-right: 37px; }
        #sitappa_a .modal__content .interview ul.sitappa li.description, #sitappa_b .modal__content .interview ul.sitappa li.description {
          width: 513px; }
          #sitappa_a .modal__content .interview ul.sitappa li.description .name, #sitappa_b .modal__content .interview ul.sitappa li.description .name {
            height: 31px; }
          #sitappa_a .modal__content .interview ul.sitappa li.description .place, #sitappa_b .modal__content .interview ul.sitappa li.description .place {
            padding-top: 22px;
            font-size: 26px; }
          #sitappa_a .modal__content .interview ul.sitappa li.description .modal_button, #sitappa_b .modal__content .interview ul.sitappa li.description .modal_button {
            margin-top: 25px;
            width: 198px;
            height: 50px;
            border-radius: 10px; }
            #sitappa_a .modal__content .interview ul.sitappa li.description .modal_button .btn_text, #sitappa_b .modal__content .interview ul.sitappa li.description .modal_button .btn_text {
              font-size: 26px; }
        #sitappa_a .modal__content .interview ul.sitappa.sitappa_a .description .name, #sitappa_b .modal__content .interview ul.sitappa.sitappa_a .description .name {
          width: 287px; }
        #sitappa_a .modal__content .interview ul.sitappa.sitappa_b .description .name, #sitappa_b .modal__content .interview ul.sitappa.sitappa_b .description .name {
          width: 283px; }
  /* ===================================== */ }

/* ===================================== */
#process {
  position: relative;
  width: 100%; }
  #process .modal__inner {
    background-color: #e6ebee; }
  #process .modal__content {
    position: relative; }
    #process .modal__content .title_bg {
      position: relative;
      background-color: #5bb3bd;
      height: 16vw; }
      #process .modal__content .title_bg .title {
        font-size: 6.4vw;
        line-height: 15.46667vw;
        font-weight: 700;
        letter-spacing: 0.35em;
        text-indent: 0.35em;
        color: #fff; }
    #process .modal__content .process_steps {
      position: relative;
      background-color: #e6ebee; }
      #process .modal__content .process_steps ul.steps_list {
        position: relative;
        padding-top: 8vw;
        padding-bottom: 3.33333vw;
        width: 90.66667vw;
        margin: 0 auto; }
        #process .modal__content .process_steps ul.steps_list li.step {
          width: 90.66667vw;
          padding-bottom: 4.8vw; }
          #process .modal__content .process_steps ul.steps_list li.step .image {
            width: 31.73333vw;
            height: 12.8vw;
            margin: 0 auto; }
          #process .modal__content .process_steps ul.steps_list li.step .description {
            margin-top: 2.66667vw;
            font-size: 5.33333vw;
            line-height: 1.5em;
            font-weight: 700;
            letter-spacing: 0.16em;
            margin-left: 0.16em;
            color: #000;
            text-align: center; }

/* ===================================== */
@media screen and (min-width: 768px) {
  /* ===================================== */
  #process {
    width: auto;
    min-width: 1280px; }
    #process .modal__content .title_bg {
      height: 100px;
      min-width: 1280px; }
      #process .modal__content .title_bg .title {
        width: 1280px;
        margin: 0 auto;
        font-size: 36px;
        line-height: 96px; }
    #process .modal__content .process_steps {
      position: relative;
      width: 1280px;
      margin: 0 auto; }
      #process .modal__content .process_steps ul.steps_list {
        padding-top: 60px;
        padding-bottom: 0;
        width: 1030px;
        margin: 0 auto 0 175px; }
        #process .modal__content .process_steps ul.steps_list li.step {
          position: relative;
          width: 1030px;
          padding-bottom: 65px;
          height: 64px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; }
          #process .modal__content .process_steps ul.steps_list li.step .image {
            width: 158px;
            height: 64px; }
            #process .modal__content .process_steps ul.steps_list li.step .image img {
              height: 100%; }
          #process .modal__content .process_steps ul.steps_list li.step .description {
            margin-left: 26px;
            width: 846px;
            margin-top: 0;
            font-size: 28px;
            line-height: 1em;
            text-align: left;
            text-indent: 0;
            margin-bottom: 2px; }
          #process .modal__content .process_steps ul.steps_list li.step.step1::before, #process .modal__content .process_steps ul.steps_list li.step.step2::before {
            content: '';
            background: transparent url("./assets/img/top/modal_process_arrow.svg?v1a6151d22971345c20da95f86f9975ab") no-repeat;
            position: absolute;
            top: 63px;
            height: 66px;
            width: 19px;
            left: 69px; }
  /* ===================================== */ }

/* ===================================== */
#jobs {
  position: relative;
  width: 100%; }
  #jobs .modal__inner {
    background-color: #e6ebee; }
  #jobs .modal__content {
    position: relative; }
    #jobs .modal__content .title_bg {
      position: relative;
      background-color: #5bb3bd;
      height: 16vw; }
      #jobs .modal__content .title_bg .title {
        font-size: 6.4vw;
        line-height: 15.46667vw;
        font-weight: 700;
        letter-spacing: 0.35em;
        text-indent: 0.35em;
        color: #fff; }
    #jobs .modal__content .information {
      position: relative;
      background-color: #e6ebee; }
      #jobs .modal__content .information ul.item_list {
        position: relative;
        padding-top: 8vw;
        padding-bottom: 0.26667vw;
        width: 90.66667vw;
        margin: 0 auto; }
        #jobs .modal__content .information ul.item_list li.item {
          width: 90.66667vw;
          padding-bottom: 6.26667vw; }
          #jobs .modal__content .information ul.item_list li.item .title {
            width: 90.66667vw;
            height: 8.53333vw;
            background-color: #5bb3bd;
            margin: 0 auto;
            border-radius: 0.8vw; }
            #jobs .modal__content .information ul.item_list li.item .title h3 {
              font-size: 4.26667vw;
              line-height: 1.94em;
              font-weight: 700;
              letter-spacing: 0.26em;
              margin-left: 0.26em;
              color: #fff;
              text-align: center; }
          #jobs .modal__content .information ul.item_list li.item .description {
            margin-top: 2.66667vw;
            margin-left: 3.46667vw;
            font-size: 4vw;
            line-height: 1.7em;
            font-weight: 700;
            letter-spacing: 0.1em;
            color: #000;
            text-align: left; }

/* ===================================== */
@media screen and (min-width: 768px) {
  /* ===================================== */
  #jobs {
    width: auto;
    min-width: 1280px; }
    #jobs .modal__content .title_bg {
      height: 100px;
      min-width: 1280px; }
      #jobs .modal__content .title_bg .title {
        width: 1280px;
        margin: 0 auto;
        font-size: 36px;
        line-height: 96px; }
    #jobs .modal__content .information {
      width: 1280px;
      margin: 0 auto; }
      #jobs .modal__content .information ul.item_list {
        padding-top: 60px;
        padding-bottom: 30px;
        width: 960px;
        margin: 0 auto 0 281px; }
        #jobs .modal__content .information ul.item_list li.item {
          width: 960px;
          padding-bottom: 30px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          /* align-items: center; */ }
          #jobs .modal__content .information ul.item_list li.item .title {
            width: 184px;
            height: auto;
            border-radius: 6px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center; }
            #jobs .modal__content .information ul.item_list li.item .title h3 {
              font-size: 24px;
              line-height: 42px;
              width: 100%;
              padding-bottom: 2px; }
          #jobs .modal__content .information ul.item_list li.item .description {
            margin-top: 7px;
            margin-bottom: 9px;
            margin-left: 30px;
            font-size: 24px;
            line-height: 2em;
            width: 746px; }
  /* ===================================== */ }

/* ===================================== */
#tryout {
  position: relative;
  width: 100%; }
  #tryout .modal__header #step1_close, #tryout .modal__header #step2_close, #tryout .modal__header #step3_close, #tryout .modal__header #step4_close, #tryout .modal__header #connect_failure_close {
    visibility: hidden; }
  #tryout .modal__inner {
    background-color: #e6ebee; }
  #tryout .modal__content {
    position: relative;
    padding-bottom: 10.66667vw; }
    #tryout .modal__content .title_bg {
      position: relative;
      background-color: #5bb3bd;
      height: 16vw; }
      #tryout .modal__content .title_bg .title {
        font-size: 6.4vw;
        line-height: 15.46667vw;
        font-weight: 700;
        letter-spacing: 0.35em;
        text-indent: 0.35em;
        color: #fff; }
    #tryout .modal__content .tryout_main {
      position: relative;
      background-color: #e6ebee; }
      #tryout .modal__content .tryout_main .step_0 {
        position: relative;
        padding-top: 42.66667vw; }
        #tryout .modal__content .tryout_main .step_0 .nickname .nickname_title {
          font-size: 4.26667vw;
          line-height: 1em;
          font-weight: 700;
          letter-spacing: 0.1em;
          text-indent: 0.1em;
          color: #000; }
        #tryout .modal__content .tryout_main .step_0 .nickname .nickname_input {
          font-size: 6.4vw;
          line-height: 16vw;
          /* padding-bottom: calc(4 * 100vw / 750); */
          font-weight: 700;
          letter-spacing: 0.1em;
          text-indent: 0.1em;
          color: #000;
          text-align: center;
          margin: 5.33333vw auto 2.13333vw;
          width: 90.66667vw;
          height: 16vw; }
          #tryout .modal__content .tryout_main .step_0 .nickname .nickname_input::-webkit-input-placeholder {
            color: #c0c0c0; }
          #tryout .modal__content .tryout_main .step_0 .nickname .nickname_input::-moz-placeholder {
            color: #c0c0c0; }
          #tryout .modal__content .tryout_main .step_0 .nickname .nickname_input:-ms-input-placeholder {
            color: #c0c0c0; }
          #tryout .modal__content .tryout_main .step_0 .nickname .nickname_input::-ms-input-placeholder {
            color: #c0c0c0; }
          #tryout .modal__content .tryout_main .step_0 .nickname .nickname_input::placeholder {
            color: #c0c0c0; }
        #tryout .modal__content .tryout_main .step_0 .nickname .nickname_attention {
          font-size: 2.4vw;
          line-height: 1em;
          font-weight: 700;
          letter-spacing: 0.1em;
          text-indent: 0.1em;
          color: #ff0000;
          text-align: center;
          margin: 0 auto 3.46667vw;
          visibility: hidden; }
      #tryout .modal__content .tryout_main .step_1 {
        position: relative;
        display: none;
        padding-top: 8vw; }
        #tryout .modal__content .tryout_main .step_1 .question_list {
          width: 90.66667vw;
          margin: 0 auto; }
          #tryout .modal__content .tryout_main .step_1 .question_list .question {
            width: 90.66667vw;
            margin: 0 auto 8vw; }
            #tryout .modal__content .tryout_main .step_1 .question_list .question .q {
              width: 90.66667vw;
              margin-bottom: 5.33333vw;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex; }
              #tryout .modal__content .tryout_main .step_1 .question_list .question .q .num {
                background-color: #5bb3bd;
                width: 10.4vw;
                height: 7.46667vw;
                border-radius: 3.73333vw; }
                #tryout .modal__content .tryout_main .step_1 .question_list .question .q .num p {
                  font-size: 3.46667vw;
                  line-height: 7.06667vw;
                  font-weight: 700;
                  letter-spacing: 0.1em;
                  text-indent: 0.1em;
                  color: #fff; }
              #tryout .modal__content .tryout_main .step_1 .question_list .question .q .description {
                font-size: 3.46667vw;
                line-height: 1.7em;
                font-weight: 700;
                letter-spacing: 0.1em;
                color: #000;
                text-align: left;
                margin-left: 2.66667vw;
                margin-bottom: 0.4vw; }
            #tryout .modal__content .tryout_main .step_1 .question_list .question .choice {
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -ms-flex-wrap: wrap;
                  flex-wrap: wrap; }
              #tryout .modal__content .tryout_main .step_1 .question_list .question .choice .c {
                -webkit-box-sizing: border-box;
                        box-sizing: border-box;
                border-radius: 4.4vw;
                border: 0.4vw transparent solid;
                -webkit-box-align: baseline;
                    -ms-flex-align: baseline;
                        align-items: baseline; }
                #tryout .modal__content .tryout_main .step_1 .question_list .question .choice .c p {
                  font-size: 3.73333vw;
                  /* line-height: calc(59 * 100vw / 750); */
                  line-height: 7.6vw;
                  font-weight: 700;
                  letter-spacing: 0.1em;
                  margin-left: 0.1em;
                  color: #000;
                  text-align: center;
                  pointer-events: none; }
                #tryout .modal__content .tryout_main .step_1 .question_list .question .choice .c .image {
                  width: 19.2vw;
                  pointer-events: none; }
                #tryout .modal__content .tryout_main .step_1 .question_list .question .choice .c.chosen {
                  background-color: #ffffff;
                  border: 0.4vw #5bb3bd solid; }
            #tryout .modal__content .tryout_main .step_1 .question_list .question.q1 .q .description {
              margin-top: -0.35em; }
            #tryout .modal__content .tryout_main .step_1 .question_list .question.q1 .choice {
              width: 85.86667vw;
              margin-left: 4.8vw; }
              #tryout .modal__content .tryout_main .step_1 .question_list .question.q1 .choice .c {
                width: 20.26667vw;
                height: 8.8vw; }
            #tryout .modal__content .tryout_main .step_1 .question_list .question.q2 .q {
              -webkit-box-align: center;
                  -ms-flex-align: center;
                      align-items: center; }
            #tryout .modal__content .tryout_main .step_1 .question_list .question.q2 .choice {
              width: 85.33333vw;
              margin-left: 5.33333vw; }
              #tryout .modal__content .tryout_main .step_1 .question_list .question.q2 .choice .c {
                width: 40vw;
                height: 8.8vw; }
            #tryout .modal__content .tryout_main .step_1 .question_list .question.q3 .q {
              -webkit-box-align: center;
                  -ms-flex-align: center;
                      align-items: center; }
            #tryout .modal__content .tryout_main .step_1 .question_list .question.q3 .choice {
              width: 88.53333vw;
              margin-left: 2.13333vw;
              -ms-flex-wrap: nowrap;
                  flex-wrap: nowrap; }
              #tryout .modal__content .tryout_main .step_1 .question_list .question.q3 .choice .c {
                width: 20vw;
                height: 26.13333vw;
                margin: 0 1.06667vw;
                display: block; }
                #tryout .modal__content .tryout_main .step_1 .question_list .question.q3 .choice .c p {
                  line-height: 1em;
                  margin-top: 1.73333vw; }
      #tryout .modal__content .tryout_main .step_2 {
        position: relative;
        display: none;
        padding-top: 8vw; }
        #tryout .modal__content .tryout_main .step_2 .question_list {
          width: 90.66667vw;
          margin: 0 auto;
          padding-bottom: 0; }
          #tryout .modal__content .tryout_main .step_2 .question_list .question {
            width: 90.66667vw;
            margin: 0 auto 8vw; }
            #tryout .modal__content .tryout_main .step_2 .question_list .question .q {
              width: 90.66667vw;
              margin-bottom: 5.33333vw;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-align: center;
                  -ms-flex-align: center;
                      align-items: center; }
              #tryout .modal__content .tryout_main .step_2 .question_list .question .q .num {
                background-color: #5bb3bd;
                width: 10.4vw;
                height: 7.46667vw;
                border-radius: 3.73333vw; }
                #tryout .modal__content .tryout_main .step_2 .question_list .question .q .num p {
                  font-size: 3.46667vw;
                  line-height: 7.06667vw;
                  font-weight: 700;
                  letter-spacing: 0.1em;
                  text-indent: 0.1em;
                  color: #fff; }
              #tryout .modal__content .tryout_main .step_2 .question_list .question .q .description {
                font-size: 3.46667vw;
                line-height: 1.7em;
                font-weight: 700;
                letter-spacing: 0.1em;
                color: #000;
                text-align: left;
                margin-left: 2.66667vw;
                margin-bottom: 0.4vw; }
            #tryout .modal__content .tryout_main .step_2 .question_list .question .choice {
              width: 89.6vw;
              margin-left: 0.53333vw;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -ms-flex-wrap: wrap;
                  flex-wrap: wrap; }
              #tryout .modal__content .tryout_main .step_2 .question_list .question .choice .c {
                width: 22.4vw;
                height: 10.93333vw;
                -webkit-box-sizing: border-box;
                        box-sizing: border-box;
                border-top: 0.26667vw #000000 solid;
                border-bottom: 0.26667vw #000000 solid;
                border-left: 0.13333vw #000000 solid;
                border-right: 0.13333vw #000000 solid;
                -webkit-box-align: center;
                    -ms-flex-align: center;
                        align-items: center; }
                #tryout .modal__content .tryout_main .step_2 .question_list .question .choice .c p {
                  font-size: 2.66667vw;
                  line-height: 1.2em;
                  font-weight: 700;
                  letter-spacing: 0em;
                  margin-left: 0em;
                  color: #000;
                  text-align: center;
                  pointer-events: none;
                  margin-bottom: 0.4vw; }
                #tryout .modal__content .tryout_main .step_2 .question_list .question .choice .c.chosen {
                  background-color: #ffffff; }
                #tryout .modal__content .tryout_main .step_2 .question_list .question .choice .c:first-child {
                  border-left: 0.26667vw #000000 solid; }
                #tryout .modal__content .tryout_main .step_2 .question_list .question .choice .c:last-child {
                  border-right: 0.26667vw #000000 solid; }
      #tryout .modal__content .tryout_main .step_3 {
        font-size: 0;
        display: none; }
        #tryout .modal__content .tryout_main .step_3 #members_card {
          position: relative;
          width: 90.66667vw;
          height: 47.6vw;
          margin: 32.66667vw auto 0;
          border-radius: 2.8vw;
          -webkit-box-shadow: 0.93333vw 0.93333vw 1.33333vw rgba(0, 0, 0, 0.4);
                  box-shadow: 0.93333vw 0.93333vw 1.33333vw rgba(0, 0, 0, 0.4); }
        #tryout .modal__content .tryout_main .step_3 .share {
          position: relative;
          margin: 8vw auto 0;
          width: 90.66667vw;
          height: 10.13333vw;
          /* display: flex; */
          display: none;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center; }
          #tryout .modal__content .tryout_main .step_3 .share .share_text {
            width: 30.93333vw; }
            #tryout .modal__content .tryout_main .step_3 .share .share_text p {
              font-size: 3.46667vw;
              line-height: 9.73333vw;
              font-weight: 700;
              letter-spacing: 0.1em;
              color: #000;
              text-align: left; }
          #tryout .modal__content .tryout_main .step_3 .share ul.share_list {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center; }
            #tryout .modal__content .tryout_main .step_3 .share ul.share_list li {
              margin: 0 2.66667vw; }
              #tryout .modal__content .tryout_main .step_3 .share ul.share_list li a {
                display: block;
                width: 10.13333vw;
                height: 10.13333vw; }
              #tryout .modal__content .tryout_main .step_3 .share ul.share_list li:last-child {
                margin-right: 0; }
      #tryout .modal__content .tryout_main .step_4 {
        font-size: 0;
        display: none; }
        #tryout .modal__content .tryout_main .step_4 .failure_card {
          position: relative;
          width: 90.66667vw;
          height: 47.6vw;
          margin: 8vw auto 0;
          border-radius: 2.8vw;
          /* box-shadow: calc(7 * 100vw / 750) calc(7 * 100vw / 750) calc(10 * 100vw / 750) rgba(0,0,0,0.4); */
          -webkit-filter: drop-shadow(0.93333vw 0.93333vw 0.66667vw rgba(0, 0, 0, 0.4));
                  filter: drop-shadow(0.93333vw 0.93333vw 0.66667vw rgba(0, 0, 0, 0.4)); }
        #tryout .modal__content .tryout_main .step_4 .share {
          position: relative;
          margin: 8vw auto 0;
          width: 90.66667vw;
          height: 10.13333vw;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center; }
          #tryout .modal__content .tryout_main .step_4 .share .share_text {
            width: 30.93333vw; }
            #tryout .modal__content .tryout_main .step_4 .share .share_text p {
              font-size: 3.46667vw;
              line-height: 9.73333vw;
              font-weight: 700;
              letter-spacing: 0.1em;
              color: #000;
              text-align: left; }
          #tryout .modal__content .tryout_main .step_4 .share ul.share_list {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center; }
            #tryout .modal__content .tryout_main .step_4 .share ul.share_list li {
              margin: 0 2.66667vw; }
              #tryout .modal__content .tryout_main .step_4 .share ul.share_list li a {
                display: block;
                width: 10.13333vw;
                height: 10.13333vw; }
              #tryout .modal__content .tryout_main .step_4 .share ul.share_list li:last-child {
                margin-right: 0; }
        #tryout .modal__content .tryout_main .step_4 p.failure_detail {
          position: relative;
          margin-top: 4.26667vw;
          font-size: 3.73333vw;
          line-height: 1.6em;
          font-weight: 700;
          letter-spacing: 0.05em;
          margin-left: 0.05em;
          color: #000; }
        #tryout .modal__content .tryout_main .step_4 .retry_button {
          position: relative;
          margin: 4.26667vw auto 0;
          width: 41.06667vw;
          height: 9.06667vw;
          background-color: #5bb3bd;
          border-radius: 4.53333vw;
          -webkit-box-align: baseline;
              -ms-flex-align: baseline;
                  align-items: baseline; }
          #tryout .modal__content .tryout_main .step_4 .retry_button p {
            font-size: 3.73333vw;
            line-height: 8.66667vw;
            font-weight: 700;
            letter-spacing: 0.1em;
            text-indent: 0.1em;
            color: #fff; }
      #tryout .modal__content .tryout_main .connect_failure {
        font-size: 0;
        display: none; }
        #tryout .modal__content .tryout_main .connect_failure .connect_failure_text {
          position: relative;
          margin: 50.4vw auto 0; }
          #tryout .modal__content .tryout_main .connect_failure .connect_failure_text p {
            font-size: 3.73333vw;
            line-height: 6.53333vw;
            font-weight: 700;
            letter-spacing: 0.1em;
            margin-left: 0.1em;
            color: #000; }
        #tryout .modal__content .tryout_main .connect_failure .connect_failure_close_button {
          position: relative;
          margin: 6.53333vw auto 0;
          width: 23.73333vw;
          height: 9.06667vw;
          background-color: #5bb3bd;
          border-radius: 4.53333vw;
          -webkit-box-align: baseline;
              -ms-flex-align: baseline;
                  align-items: baseline; }
          #tryout .modal__content .tryout_main .connect_failure .connect_failure_close_button p {
            font-size: 3.73333vw;
            line-height: 8.66667vw;
            font-weight: 700;
            letter-spacing: 0.1em;
            text-indent: 0.1em;
            color: #fff;
            pointer-events: none; }
      #tryout .modal__content .tryout_main .tryout_loading {
        font-size: 0;
        display: none; }
        #tryout .modal__content .tryout_main .tryout_loading .tryout_loading_spinner {
          position: relative;
          margin: 50.26667vw auto 0;
          width: 20vw;
          height: 20vw; }
          #tryout .modal__content .tryout_main .tryout_loading .tryout_loading_spinner .circle {
            position: absolute;
            top: 0;
            left: 0;
            background-color: rgba(0, 0, 0, 0);
            border: 1.66667vw solid rgba(91, 179, 189, 0.9);
            opacity: 0.9;
            border-right: 1.66667vw solid rgba(0, 0, 0, 0);
            border-left: 1.66667vw solid rgba(0, 0, 0, 0);
            border-radius: 16.66667vw;
            -webkit-box-shadow: 0 0 11.66667vw #5bb3bd;
                    box-shadow: 0 0 11.66667vw #5bb3bd;
            width: 16.66667vw;
            height: 16.66667vw;
            -webkit-animation: spinPulse 1s infinite ease-in-out;
                    animation: spinPulse 1s infinite ease-in-out; }
          #tryout .modal__content .tryout_main .tryout_loading .tryout_loading_spinner .circle1 {
            position: absolute;
            top: 3.33333vw;
            left: 3.33333vw;
            background-color: rgba(0, 0, 0, 0);
            border: 1.66667vw solid rgba(91, 179, 189, 0.9);
            opacity: 0.9;
            border-left: 1.66667vw solid rgba(0, 0, 0, 0);
            border-right: 1.66667vw solid rgba(0, 0, 0, 0);
            border-radius: 16.66667vw;
            -webkit-box-shadow: 0 0 5vw #5bb3bd;
                    box-shadow: 0 0 5vw #5bb3bd;
            width: 10vw;
            height: 10vw;
            position: relative;
            -webkit-animation: spinoffPulse 1s infinite linear;
                    animation: spinoffPulse 1s infinite linear; }
        #tryout .modal__content .tryout_main .tryout_loading .tryout_scoring {
          position: relative;
          margin: 3.73333vw auto 0; }
          #tryout .modal__content .tryout_main .tryout_loading .tryout_scoring p {
            font-size: 6.4vw;
            line-height: 1em;
            font-weight: 700;
            letter-spacing: 0;
            margin-left: 5.6vw;
            color: #000; }
      #tryout .modal__content .tryout_main .next {
        position: relative;
        margin: 0 auto 0;
        background-color: #5bb3bd;
        width: 18.13333vw;
        height: 9.06667vw;
        border-radius: 4.53333vw; }
        #tryout .modal__content .tryout_main .next .next_text {
          font-size: 3.73333vw;
          line-height: 8.53333vw;
          font-weight: 700;
          letter-spacing: 0.1em;
          text-indent: 0.1em;
          color: #fff; }
        #tryout .modal__content .tryout_main .next.disable {
          background-color: #999999;
          cursor: auto;
          opacity: 1; }
          #tryout .modal__content .tryout_main .next.disable .next_text {
            color: #cccccc; }

/* ===================================== */
@media screen and (min-width: 768px) {
  /* ===================================== */
  #tryout {
    width: auto;
    min-width: 1280px; }
    #tryout .modal__content {
      position: relative;
      padding-bottom: 60px; }
      #tryout .modal__content .title_bg {
        height: 100px;
        min-width: 1280px; }
        #tryout .modal__content .title_bg .title {
          width: 1280px;
          margin: 0 auto;
          font-size: 36px;
          line-height: 96px; }
      #tryout .modal__content .tryout_main {
        position: relative;
        width: 1280px;
        margin: 0 auto; }
        #tryout .modal__content .tryout_main .step_0 {
          position: relative;
          padding-top: 142px; }
          #tryout .modal__content .tryout_main .step_0 .nickname .nickname_title {
            font-size: 28px; }
          #tryout .modal__content .tryout_main .step_0 .nickname .nickname_input {
            font-size: 36px;
            line-height: 100px;
            /* padding-bottom: 4px; */
            margin: 20px auto 16px;
            width: 866px;
            height: 100px; }
          #tryout .modal__content .tryout_main .step_0 .nickname .nickname_attention {
            font-size: 14px;
            margin: 0 auto 30px; }
        #tryout .modal__content .tryout_main .step_1 {
          padding-top: 60px; }
          #tryout .modal__content .tryout_main .step_1 .question_list {
            width: 866px;
            margin: 0 auto -30px; }
            #tryout .modal__content .tryout_main .step_1 .question_list .question {
              width: 866px;
              margin: 0 auto 90px; }
              #tryout .modal__content .tryout_main .step_1 .question_list .question .q {
                width: 866px;
                margin-bottom: 25px;
                -webkit-box-align: center;
                    -ms-flex-align: center;
                        align-items: center; }
                #tryout .modal__content .tryout_main .step_1 .question_list .question .q .num {
                  width: 86px;
                  height: 62px;
                  border-radius: 31px; }
                  #tryout .modal__content .tryout_main .step_1 .question_list .question .q .num p {
                    font-size: 26px;
                    line-height: 59px; }
                #tryout .modal__content .tryout_main .step_1 .question_list .question .q .description {
                  font-size: 26px;
                  margin-left: 20px;
                  margin-bottom: 3px; }
              #tryout .modal__content .tryout_main .step_1 .question_list .question .choice .c {
                border-radius: 33px;
                border: 3px transparent solid; }
                #tryout .modal__content .tryout_main .step_1 .question_list .question .choice .c p {
                  font-size: 28px;
                  line-height: 57px; }
                #tryout .modal__content .tryout_main .step_1 .question_list .question .choice .c .image {
                  width: 158px; }
                #tryout .modal__content .tryout_main .step_1 .question_list .question .choice .c.chosen {
                  border: 3px #5bb3bd solid; }
              #tryout .modal__content .tryout_main .step_1 .question_list .question.q1 .q .description {
                margin-top: 0; }
              #tryout .modal__content .tryout_main .step_1 .question_list .question.q1 .choice {
                width: 737px;
                margin-left: 129px; }
                #tryout .modal__content .tryout_main .step_1 .question_list .question.q1 .choice .c {
                  width: 152px;
                  height: 66px; }
              #tryout .modal__content .tryout_main .step_1 .question_list .question.q2 .choice {
                width: 733px;
                margin-left: 133px; }
                #tryout .modal__content .tryout_main .step_1 .question_list .question.q2 .choice .c {
                  width: 300px;
                  height: 66px; }
              #tryout .modal__content .tryout_main .step_1 .question_list .question.q3 .choice {
                width: 794px;
                margin-left: 72px; }
                #tryout .modal__content .tryout_main .step_1 .question_list .question.q3 .choice .c {
                  width: 164px;
                  height: 213px;
                  margin: 0 8px; }
                  #tryout .modal__content .tryout_main .step_1 .question_list .question.q3 .choice .c p {
                    line-height: 1em;
                    margin-top: 16px; }
        #tryout .modal__content .tryout_main .step_2 {
          padding-top: 60px; }
          #tryout .modal__content .tryout_main .step_2 .question_list {
            width: 866px;
            padding-bottom: 0; }
            #tryout .modal__content .tryout_main .step_2 .question_list .question {
              width: 866px;
              margin: 0 auto 60px; }
              #tryout .modal__content .tryout_main .step_2 .question_list .question .q {
                width: 866px;
                margin-bottom: 20px;
                -webkit-box-align: center;
                    -ms-flex-align: center;
                        align-items: center; }
                #tryout .modal__content .tryout_main .step_2 .question_list .question .q .num {
                  width: 86px;
                  height: 62px;
                  border-radius: 31px; }
                  #tryout .modal__content .tryout_main .step_2 .question_list .question .q .num p {
                    font-size: 26px;
                    line-height: 59px; }
                #tryout .modal__content .tryout_main .step_2 .question_list .question .q .description {
                  font-size: 26px;
                  margin-left: 20px;
                  margin-bottom: 3px; }
              #tryout .modal__content .tryout_main .step_2 .question_list .question .choice {
                width: 866px;
                margin-left: 0; }
                #tryout .modal__content .tryout_main .step_2 .question_list .question .choice .c {
                  width: 216px;
                  height: 52px;
                  -webkit-box-sizing: border-box;
                          box-sizing: border-box;
                  border-top: 2px #000000 solid;
                  border-bottom: 2px #000000 solid;
                  border-left: 1px #000000 solid;
                  border-right: 1px #000000 solid; }
                  #tryout .modal__content .tryout_main .step_2 .question_list .question .choice .c p {
                    font-size: 20px;
                    margin-bottom: 3px; }
                  #tryout .modal__content .tryout_main .step_2 .question_list .question .choice .c:first-child {
                    width: 217px;
                    border-left: 2px #000000 solid; }
                  #tryout .modal__content .tryout_main .step_2 .question_list .question .choice .c:last-child {
                    width: 217px;
                    border-right: 2px #000000 solid; }
        #tryout .modal__content .tryout_main .step_3 #members_card {
          width: 600px;
          height: 315px;
          margin: 63px auto 0;
          border-radius: 18px;
          -webkit-box-shadow: 7px 7px 10px rgba(0, 0, 0, 0.4);
                  box-shadow: 7px 7px 10px rgba(0, 0, 0, 0.4); }
        #tryout .modal__content .tryout_main .step_3 .share {
          margin: 60px auto 0;
          width: 1280px;
          height: 50px; }
          #tryout .modal__content .tryout_main .step_3 .share .share_text {
            width: 216px; }
            #tryout .modal__content .tryout_main .step_3 .share .share_text p {
              font-size: 24px;
              line-height: 47px; }
          #tryout .modal__content .tryout_main .step_3 .share ul.share_list li {
            margin: 0 15px 0 0; }
            #tryout .modal__content .tryout_main .step_3 .share ul.share_list li a {
              width: 50px;
              height: 50px; }
        #tryout .modal__content .tryout_main .step_4 .failure_card {
          width: 600px;
          height: 315px;
          margin: 63px auto 0;
          border-radius: 18px;
          /* box-shadow: 7px 7px 10px rgba(0,0,0,0.4); */
          -webkit-filter: drop-shadow(7px 7px 5px rgba(0, 0, 0, 0.4));
                  filter: drop-shadow(7px 7px 5px rgba(0, 0, 0, 0.4)); }
        #tryout .modal__content .tryout_main .step_4 .share {
          margin: 60px auto 0;
          width: 1280px;
          height: 50px; }
          #tryout .modal__content .tryout_main .step_4 .share .share_text {
            width: 216px; }
            #tryout .modal__content .tryout_main .step_4 .share .share_text p {
              font-size: 24px;
              line-height: 47px; }
          #tryout .modal__content .tryout_main .step_4 .share ul.share_list li {
            margin: 0 15px 0 0; }
            #tryout .modal__content .tryout_main .step_4 .share ul.share_list li a {
              width: 50px;
              height: 50px; }
        #tryout .modal__content .tryout_main .step_4 p.failure_detail {
          margin-top: 32px;
          font-size: 22px;
          line-height: 1.7em; }
        #tryout .modal__content .tryout_main .step_4 .retry_button {
          margin: 32px auto 0;
          width: 258px;
          height: 56px;
          border-radius: 28px; }
          #tryout .modal__content .tryout_main .step_4 .retry_button p {
            font-size: 24px;
            line-height: 53px; }
        #tryout .modal__content .tryout_main .connect_failure .connect_failure_text {
          margin: 175px auto 0; }
          #tryout .modal__content .tryout_main .connect_failure .connect_failure_text p {
            font-size: 24px;
            line-height: 42px; }
        #tryout .modal__content .tryout_main .connect_failure .connect_failure_close_button {
          margin: 51px auto 0;
          width: 148px;
          height: 56px;
          border-radius: 28px; }
          #tryout .modal__content .tryout_main .connect_failure .connect_failure_close_button p {
            font-size: 24px;
            line-height: 53px; }
        #tryout .modal__content .tryout_main .tryout_loading .tryout_loading_spinner {
          margin: 199px auto 0;
          width: 96px;
          height: 96px; }
          #tryout .modal__content .tryout_main .tryout_loading .tryout_loading_spinner .circle {
            border: 8px solid rgba(91, 179, 189, 0.9);
            border-right: 8px solid rgba(0, 0, 0, 0);
            border-left: 8px solid rgba(0, 0, 0, 0);
            border-radius: 80px;
            -webkit-box-shadow: 0 0 56px #5bb3bd;
                    box-shadow: 0 0 56px #5bb3bd;
            width: 80px;
            height: 80px; }
          #tryout .modal__content .tryout_main .tryout_loading .tryout_loading_spinner .circle1 {
            top: 16px;
            left: 16px;
            border: 8px solid rgba(91, 179, 189, 0.9);
            border-left: 8px solid rgba(0, 0, 0, 0);
            border-right: 8px solid rgba(0, 0, 0, 0);
            border-radius: 80px;
            -webkit-box-shadow: 0 0 24px #5bb3bd;
                    box-shadow: 0 0 24px #5bb3bd;
            width: 48px;
            height: 48px; }
        #tryout .modal__content .tryout_main .tryout_loading .tryout_scoring {
          position: relative;
          margin: 19px auto 0; }
          #tryout .modal__content .tryout_main .tryout_loading .tryout_scoring p {
            font-size: 32px;
            margin-left: 28px; }
        #tryout .modal__content .tryout_main .next {
          width: 112px;
          height: 56px;
          border-radius: 28px;
          -webkit-box-align: baseline;
              -ms-flex-align: baseline;
                  align-items: baseline; }
          #tryout .modal__content .tryout_main .next .next_text {
            font-size: 24px;
            line-height: 53px; }
  /* ===================================== */ }

/* ===================================== */
.x_scroll_fadein {
  opacity: 0;
  -webkit-transition: opacity 0.6s 0.1s;
  transition: opacity 0.6s 0.1s; }

.x_scroll_fadein.x_scrolled {
  opacity: 1; }

.x_scroll_fadein_bottomIn {
  opacity: 0;
  -webkit-transform: translateX(0) translateY(8vw);
          transform: translateX(0) translateY(8vw);
  -webkit-transition: opacity 0.6s 0.1s, -webkit-transform 0.6s ease;
  transition: opacity 0.6s 0.1s, -webkit-transform 0.6s ease;
  transition: opacity 0.6s 0.1s, transform 0.6s ease;
  transition: opacity 0.6s 0.1s, transform 0.6s ease, -webkit-transform 0.6s ease; }

.x_scroll_fadein_bottomIn.x_scrolled {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0); }

@-webkit-keyframes spinPulse {
  0% {
    -webkit-transform: rotate(160deg);
            transform: rotate(160deg);
    opacity: 0;
    -webkit-box-shadow: 0 0 1px #5bb3bd;
            box-shadow: 0 0 1px #5bb3bd; }
  50% {
    -webkit-transform: rotate(145deg);
            transform: rotate(145deg);
    opacity: 1; }
  100% {
    -webkit-transform: rotate(-320deg);
            transform: rotate(-320deg);
    opacity: 0; } }

@keyframes spinPulse {
  0% {
    -webkit-transform: rotate(160deg);
            transform: rotate(160deg);
    opacity: 0;
    -webkit-box-shadow: 0 0 1px #5bb3bd;
            box-shadow: 0 0 1px #5bb3bd; }
  50% {
    -webkit-transform: rotate(145deg);
            transform: rotate(145deg);
    opacity: 1; }
  100% {
    -webkit-transform: rotate(-320deg);
            transform: rotate(-320deg);
    opacity: 0; } }

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

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

.animation_dot1 {
  -webkit-animation: animation_dot1 1.0s infinite linear;
          animation: animation_dot1 1.0s infinite linear; }

.animation_dot2 {
  -webkit-animation: animation_dot2 1.0s infinite linear;
          animation: animation_dot2 1.0s infinite linear; }

.animation_dot3 {
  -webkit-animation: animation_dot3 1.0s infinite linear;
          animation: animation_dot3 1.0s infinite linear; }

@-webkit-keyframes animation_dot1 {
  0% {
    opacity: 0; }
  15.999% {
    opacity: 0; }
  16% {
    opacity: 1; }
  100% {
    opacity: 1; } }

@keyframes animation_dot1 {
  0% {
    opacity: 0; }
  15.999% {
    opacity: 0; }
  16% {
    opacity: 1; }
  100% {
    opacity: 1; } }

@-webkit-keyframes animation_dot2 {
  0% {
    opacity: 0; }
  31.999% {
    opacity: 0; }
  32% {
    opacity: 1; }
  100% {
    opacity: 1; } }

@keyframes animation_dot2 {
  0% {
    opacity: 0; }
  31.999% {
    opacity: 0; }
  32% {
    opacity: 1; }
  100% {
    opacity: 1; } }

@-webkit-keyframes animation_dot3 {
  0% {
    opacity: 0; }
  47.999% {
    opacity: 0; }
  48% {
    opacity: 1; }
  100% {
    opacity: 1; } }

@keyframes animation_dot3 {
  0% {
    opacity: 0; }
  47.999% {
    opacity: 0; }
  48% {
    opacity: 1; }
  100% {
    opacity: 1; } }

/* ===================================== */
@media screen and (min-width: 768px) {
  /* ===================================== */
  .x_scroll_fadein_bottomIn {
    -webkit-transform: translate(0, 60px);
            transform: translate(0, 60px); }
  /* ===================================== */ }

/* ===================================== */
.modal {
  position: relative;
  z-index: 8000;
  display: none; }
  .modal.is-open {
    display: block; }
  .modal .modal__overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    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;
    background-color: rgba(0, 0, 0, 0);
    will-change: transform; }
  .modal .modal__outer {
    position: relative;
    width: 100%;
    height: 100%;
    max-height: 100%; }
  .modal .modal__header {
    position: -webkit-sticky;
    position: sticky;
    z-index: 3;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    will-change: transform; }
  .modal .modal__inner {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #fff;
    overflow-y: auto;
    will-change: transform;
    -webkit-overflow-scrolling: touch; }
  .modal .modal__close {
    position: absolute;
    top: 2.66667vw;
    right: 2.66667vw; }
    .modal .modal__close.btn-close {
      width: 8vw;
      height: 8vw;
      background: url("./assets/img/top/btn_close_sp.svg?v64cec829f06e874b552e8d64d66aa949") no-repeat 50% 50%;
      background-size: contain;
      -webkit-transition: -webkit-transform 0.2s linear;
      transition: -webkit-transform 0.2s linear;
      transition: transform 0.2s linear;
      transition: transform 0.2s linear, -webkit-transform 0.2s linear;
      -webkit-filter: drop-shadow(0px 0px 0.8vw #333);
              filter: drop-shadow(0px 0px 0.8vw #333); }
      .modal .modal__close.btn-close:hover {
        -webkit-transform: rotate(90deg);
                transform: rotate(90deg); }

/* ===================================== */
@media screen and (min-width: 768px) {
  /* ===================================== */
  .modal .modal__close {
    top: 20px;
    right: 20px; }
    .modal .modal__close.btn-close {
      width: 40px;
      height: 40px;
      background: url("./assets/img/top/btn_close.svg?v8ea96073793e973205625c0fdc40c5d4") no-repeat 50% 50%;
      -webkit-filter: drop-shadow(0px 0px 4px #333);
              filter: drop-shadow(0px 0px 4px #333); }
  /* ===================================== */ }

/* ===================================== */
@-webkit-keyframes mmfadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@keyframes mmfadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-webkit-keyframes mmfadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@keyframes mmfadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@-webkit-keyframes mmslideIn {
  from {
    -webkit-transform: translateY(15%);
            transform: translateY(15%); }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes mmslideIn {
  from {
    -webkit-transform: translateY(15%);
            transform: translateY(15%); }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@-webkit-keyframes mmslideOut {
  from {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  to {
    -webkit-transform: translateY(-5%);
            transform: translateY(-5%); } }

@keyframes mmslideOut {
  from {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  to {
    -webkit-transform: translateY(-5%);
            transform: translateY(-5%); } }

@-webkit-keyframes mmzoomIn {
  from {
    -webkit-transform: scale(1.1);
            transform: scale(1.1); }
  to {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes mmzoomIn {
  from {
    -webkit-transform: scale(1.1);
            transform: scale(1.1); }
  to {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@-webkit-keyframes mmzoomOut {
  from {
    -webkit-transform: scale(1);
            transform: scale(1); }
  to {
    -webkit-transform: scale(0.9);
            transform: scale(0.9); } }

@keyframes mmzoomOut {
  from {
    -webkit-transform: scale(1);
            transform: scale(1); }
  to {
    -webkit-transform: scale(0.9);
            transform: scale(0.9); } }

.modal[aria-hidden="false"] .modal__overlay {
  -webkit-animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
          animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1); }

.modal[aria-hidden="false"] .modal__inner {
  -webkit-animation: mmzoomIn 0.3s cubic-bezier(0, 0, 0.2, 1);
          animation: mmzoomIn 0.3s cubic-bezier(0, 0, 0.2, 1); }

.modal[aria-hidden="false"] .modal__close {
  -webkit-animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
          animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1); }

.modal[aria-hidden="true"] .modal__overlay {
  -webkit-animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
          animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1); }

.modal[aria-hidden="true"] .modal__inner {
  -webkit-animation: mmzoomOut 0.3s cubic-bezier(0, 0, 0.2, 1);
          animation: mmzoomOut 0.3s cubic-bezier(0, 0, 0.2, 1); }

.modal[aria-hidden="true"] .modal__close {
  -webkit-animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
          animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1); }

/*
     FILE ARCHIVED ON 21:00:45 Nov 05, 2021 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 04:11:28 Feb 26, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.817
  exclusion.robots: 0.029
  exclusion.robots.policy: 0.013
  esindex: 0.016
  cdx.remote: 209.247
  LoadShardBlock: 120.327 (3)
  PetaboxLoader3.datanode: 149.074 (5)
  load_resource: 213.485 (2)
  PetaboxLoader3.resolve: 166.216 (2)
*/