@charset "UTF-8";
@keyframes blink {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-webkit-keyframes blink {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes btnHover {
  0% {
    transform: translateX(-100%); }
  100% {
    transform: translateX(0%); } }
@-webkit-keyframes btnHover {
  0% {
    -webkit-transform: translateX(-100%); }
  100% {
    -webkit-transform: translateX(0%); } }
html {
  line-height: 1; }

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

html {
  line-height: 1; }

ol, ul {
  list-style: none; }

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

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

q, blockquote {
  quotes: none; }

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

a img {
  border: none; }

a {
  cursor: pointer;
  text-decoration: none;
  color: #000; }

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

.clearfix {
  zoom: 1; }

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

@media screen and (min-width: 768px) {
  .sp_only {
    display: none !important; } }

@media screen and (max-width: 767px) {
  .pc_only {
    display: none !important; } }

.sc_block {
  opacity: 0;
  transition: opacity 0.2s ease-out 0.1s;
  -webkit-transition: opacity 0.2s ease-out 0.1s; }

.sc_block.show {
  transition: opacity 0.8s ease-out 0.4s;
  -webkit-transition: opacity 0.8s ease-out 0.4s;
  opacity: 1; }

/* PT Sans */
/* --------------------------------------------------

Base

-------------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, a, main, input {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

@font-face {
  font-family: "MyYuGothicM";
  font-weight: normal;
  src: local("YuGothic-Medium"), local("Yu Gothic Medium"), local("YuGothic-Regular");
  /* Mediumがない場合 */ }
@font-face {
  font-family: "MyYuGothicM";
  font-weight: bold;
  src: local("YuGothic-Bold"), local("Yu Gothic");
  /* for Chrome */ }
body {
  font-family: MyYuGothicM, YuGothic, "MyYuGothicM", sans-serif;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased; }

#wrapper {
  position: relative;
  width: 100%;
  overflow: hidden; }

.block {
  position: relative;
  width: 100%;
  overflow: hidden; }

#top_block {
  height: 100vh; }
  @media screen and (min-width: 768px) {
    #top_block {
      min-height: 640px; } }
  #top_block .contents_wrap {
    height: 100%;
    max-width: none;
    max-width: inherit; }
  #top_block h1 .inner {
    width: 477px;
    height: 28px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    margin-top: -298px;
    max-width: 52vw; }
    @media screen and (max-width: 767px) {
      #top_block h1 .inner {
        width: 72.27vmin;
        height: 4.4vmin;
        top: 50vh;
        margin-top: -53vmin;
        max-width: 39vh; } }
    #top_block h1 .inner img {
      display: block;
      position: absolute;
      height: auto;
      opacity: 0;
      transform: translateY(30px);
      -webkit-transform: translateY(30px);
      transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.1s,opacity 0.2s ease-out 0.1s;
      -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.1s,opacity 0.2s ease-out 0.1s; }
      #top_block h1 .inner img:nth-child(1) {
        left: 0;
        top: 13.71%;
        width: 5.16%; }
      #top_block h1 .inner img:nth-child(2) {
        left: 7.93%;
        top: 21.11%;
        width: 5.33%; }
      #top_block h1 .inner img:nth-child(3) {
        left: 16.23%;
        top: 4.18%;
        width: 5.48%; }
      #top_block h1 .inner img:nth-child(4) {
        left: 24.14%;
        top: 69.43%;
        width: 1.8%; }
      #top_block h1 .inner img:nth-child(5) {
        left: 29.21%;
        top: 8.89%;
        width: 3.03%; }
      #top_block h1 .inner img:nth-child(6) {
        left: 34.77%;
        top: 8.89%;
        width: 3.17%; }
      #top_block h1 .inner img:nth-child(7) {
        left: 40.92%;
        top: 9.21%;
        width: 4.86%; }
      #top_block h1 .inner img:nth-child(8) {
        left: 48.81%;
        top: 1.82%;
        width: 5.18%; }
      #top_block h1 .inner img:nth-child(9) {
        left: 57.38%;
        top: 6.75%;
        width: 4.33%; }
      #top_block h1 .inner img:nth-child(10) {
        left: 65.23%;
        top: 0%;
        width: 5.08%; }
      #top_block h1 .inner img:nth-child(11) {
        left: 73.34%;
        top: 1.82%;
        width: 5.18%; }
      #top_block h1 .inner img:nth-child(12) {
        left: 81.49%;
        top: 2.36%;
        width: 5.21%; }
      #top_block h1 .inner img:nth-child(13) {
        left: 89.67%;
        top: 28.07%;
        width: 5.49%; }
      #top_block h1 .inner img:nth-child(14) {
        left: 97.72%;
        top: 61.5%;
        width: 2.11%; }
  #top_block h1.show .inner img {
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    opacity: 1; }
    #top_block h1.show .inner img:nth-child(1) {
      transition-delay: 0.28s;
      -webkit-transition-delay: 0.28s; }
    #top_block h1.show .inner img:nth-child(2) {
      transition-delay: 0.36s;
      -webkit-transition-delay: 0.36s; }
    #top_block h1.show .inner img:nth-child(3) {
      transition-delay: 0.44s;
      -webkit-transition-delay: 0.44s; }
    #top_block h1.show .inner img:nth-child(4) {
      transition-delay: 0.52s;
      -webkit-transition-delay: 0.52s; }
    #top_block h1.show .inner img:nth-child(5) {
      transition-delay: 0.6s;
      -webkit-transition-delay: 0.6s; }
    #top_block h1.show .inner img:nth-child(6) {
      transition-delay: 0.68s;
      -webkit-transition-delay: 0.68s; }
    #top_block h1.show .inner img:nth-child(7) {
      transition-delay: 0.76s;
      -webkit-transition-delay: 0.76s; }
    #top_block h1.show .inner img:nth-child(8) {
      transition-delay: 0.84s;
      -webkit-transition-delay: 0.84s; }
    #top_block h1.show .inner img:nth-child(9) {
      transition-delay: 0.92s;
      -webkit-transition-delay: 0.92s; }
    #top_block h1.show .inner img:nth-child(10) {
      transition-delay: 1s;
      -webkit-transition-delay: 1s; }
    #top_block h1.show .inner img:nth-child(11) {
      transition-delay: 1.08s;
      -webkit-transition-delay: 1.08s; }
    #top_block h1.show .inner img:nth-child(12) {
      transition-delay: 1.16s;
      -webkit-transition-delay: 1.16s; }
    #top_block h1.show .inner img:nth-child(13) {
      transition-delay: 1.24s;
      -webkit-transition-delay: 1.24s; }
    #top_block h1.show .inner img:nth-child(14) {
      transition-delay: 1.32s;
      -webkit-transition-delay: 1.32s; }
  #top_block h1 .inner2 {
    width: 557px;
    height: 15px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    margin-top: -224px;
    max-width: 60vw; }
    @media screen and (max-width: 767px) {
      #top_block h1 .inner2 {
        width: 52.93vmin;
        height: 8vmin;
        top: 50vh;
        margin-top: -43vmin;
        max-width: 38.3vh; } }
    #top_block h1 .inner2 img {
      display: block;
      position: absolute;
      height: auto;
      opacity: 0;
      transition: opacity 1s ease-in-out 0.1s;
      -webkit-transition: opacity 1s ease-in-out 0.1s; }
      #top_block h1 .inner2 img:nth-child(1) {
        left: 0;
        top: 6%;
        width: 2.54%; }
        @media screen and (max-width: 767px) {
          #top_block h1 .inner2 img:nth-child(1) {
            left: 13.06%;
            top: 1.25%;
            width: 4.46%; } }
      #top_block h1 .inner2 img:nth-child(2) {
        left: 3.67%;
        top: 4.53%;
        width: 2.73%; }
        @media screen and (max-width: 767px) {
          #top_block h1 .inner2 img:nth-child(2) {
            left: 19.51%;
            top: 0.77%;
            width: 4.79%; } }
      #top_block h1 .inner2 img:nth-child(3) {
        left: 7.59%;
        top: 4.64%;
        width: 2.35%; }
        @media screen and (max-width: 767px) {
          #top_block h1 .inner2 img:nth-child(3) {
            left: 26.4%;
            top: 0.81%;
            width: 4.13%; } }
      #top_block h1 .inner2 img:nth-child(4) {
        left: 11.28%;
        top: 15.78%;
        width: 2.44%; }
        @media screen and (max-width: 767px) {
          #top_block h1 .inner2 img:nth-child(4) {
            left: 32.87%;
            top: 4.48%;
            width: 4.28%; } }
      #top_block h1 .inner2 img:nth-child(5) {
        left: 14.89%;
        top: 5.18%;
        width: 2.65%; }
        @media screen and (max-width: 767px) {
          #top_block h1 .inner2 img:nth-child(5) {
            left: 39.21%;
            top: 0.99%;
            width: 4.66%; } }
      #top_block h1 .inner2 img:nth-child(6) {
        left: 18.62%;
        top: 2.77%;
        width: 2.68%; }
        @media screen and (max-width: 767px) {
          #top_block h1 .inner2 img:nth-child(6) {
            left: 45.76%;
            top: 0.21%;
            width: 4.71%; } }
      #top_block h1 .inner2 img:nth-child(7) {
        left: 22.43%;
        top: 15.38%;
        width: 2.57%; }
        @media screen and (max-width: 767px) {
          #top_block h1 .inner2 img:nth-child(7) {
            left: 52.46%;
            top: 4.35%;
            width: 4.51%; } }
      #top_block h1 .inner2 img:nth-child(8) {
        left: 26.11%;
        top: 2.16%;
        width: 2.62%; }
        @media screen and (max-width: 767px) {
          #top_block h1 .inner2 img:nth-child(8) {
            left: 58.93%;
            top: 0%;
            width: 4.6%; } }
      #top_block h1 .inner2 img:nth-child(9) {
        left: 30.14%;
        top: 3.92%;
        width: 2.03%; }
        @media screen and (max-width: 767px) {
          #top_block h1 .inner2 img:nth-child(9) {
            left: 66.01%;
            top: 0.58%;
            width: 3.55%; } }
      #top_block h1 .inner2 img:nth-child(10) {
        left: 33.68%;
        top: 6.29%;
        width: 2.58%; }
        @media screen and (max-width: 767px) {
          #top_block h1 .inner2 img:nth-child(10) {
            left: 72.21%;
            top: 1.35%;
            width: 4.53%; } }
      #top_block h1 .inner2 img:nth-child(11) {
        left: 37.41%;
        top: 5.21%;
        width: 2.38%; }
        @media screen and (max-width: 767px) {
          #top_block h1 .inner2 img:nth-child(11) {
            left: 78.76%;
            top: 0.99%;
            width: 4.17%; } }
      #top_block h1 .inner2 img:nth-child(12) {
        left: 41.04%;
        top: 69.73%;
        width: 0.82%; }
        @media screen and (max-width: 767px) {
          #top_block h1 .inner2 img:nth-child(12) {
            left: 85.13%;
            top: 22.22%;
            width: 1.44%; } }
      #top_block h1 .inner2 img:nth-child(13) {
        left: 43.06%;
        top: 2.08%;
        width: 2.59%; }
        @media screen and (max-width: 767px) {
          #top_block h1 .inner2 img:nth-child(13) {
            left: 0%;
            top: 67.8%;
            width: 4.55%; } }
      #top_block h1 .inner2 img:nth-child(14) {
        left: 46.82%;
        top: 15.38%;
        width: 2.57%; }
        @media screen and (max-width: 767px) {
          #top_block h1 .inner2 img:nth-child(14) {
            left: 6.61%;
            top: 72.17%;
            width: 4.51%; } }
      #top_block h1 .inner2 img:nth-child(15) {
        left: 50.52%;
        top: 2.01%;
        width: 2.57%; }
        @media screen and (max-width: 767px) {
          #top_block h1 .inner2 img:nth-child(15) {
            left: 13.1%;
            top: 67.76%;
            width: 4.51%; } }
      #top_block h1 .inner2 img:nth-child(16) {
        left: 54.34%;
        top: 15.38%;
        width: 2.26%; }
        @media screen and (max-width: 767px) {
          #top_block h1 .inner2 img:nth-child(16) {
            left: 19.81%;
            top: 72.17%;
            width: 3.96%; } }
      #top_block h1 .inner2 img:nth-child(17) {
        left: 58.26%;
        top: 9.38%;
        width: 1.98%; }
        @media screen and (max-width: 767px) {
          #top_block h1 .inner2 img:nth-child(17) {
            left: 26.69%;
            top: 70.2%;
            width: 3.47%; } }
      #top_block h1 .inner2 img:nth-child(18) {
        left: 61.62%;
        top: 2.98%;
        width: 2.75%; }
        @media screen and (max-width: 767px) {
          #top_block h1 .inner2 img:nth-child(18) {
            left: 32.59%;
            top: 68.1%;
            width: 4.83%; } }
      #top_block h1 .inner2 img:nth-child(19) {
        left: 65.39%;
        top: 5.18%;
        width: 2.65%; }
        @media screen and (max-width: 767px) {
          #top_block h1 .inner2 img:nth-child(19) {
            left: 39.21%;
            top: 68.82%;
            width: 4.66%; } }
      #top_block h1 .inner2 img:nth-child(20) {
        left: 69.24%;
        top: 15.78%;
        width: 2.44%; }
        @media screen and (max-width: 767px) {
          #top_block h1 .inner2 img:nth-child(20) {
            left: 45.97%;
            top: 72.31%;
            width: 4.28%; } }
      #top_block h1 .inner2 img:nth-child(21) {
        left: 73.19%;
        top: 5.25%;
        width: 1.9%; }
        @media screen and (max-width: 767px) {
          #top_block h1 .inner2 img:nth-child(21) {
            left: 52.92%;
            top: 68.84%;
            width: 3.33%; } }
      #top_block h1 .inner2 img:nth-child(22) {
        left: 76.89%;
        top: 7.73%;
        width: 1.82%; }
        @media screen and (max-width: 767px) {
          #top_block h1 .inner2 img:nth-child(22) {
            left: 59.41%;
            top: 69.66%;
            width: 3.2%; } }
      #top_block h1 .inner2 img:nth-child(23) {
        left: 80.47%;
        top: 9.67%;
        width: 2.36%; }
        @media screen and (max-width: 767px) {
          #top_block h1 .inner2 img:nth-child(23) {
            left: 65.71%;
            top: 70.3%;
            width: 4.14%; } }
      #top_block h1 .inner2 img:nth-child(24) {
        left: 84.26%;
        top: 5.07%;
        width: 2.11%; }
        @media screen and (max-width: 767px) {
          #top_block h1 .inner2 img:nth-child(24) {
            left: 72.36%;
            top: 68.75%;
            width: 3.71%; } }
      #top_block h1 .inner2 img:nth-child(25) {
        left: 88.04%;
        top: 0%;
        width: 2.49%; }
        @media screen and (max-width: 767px) {
          #top_block h1 .inner2 img:nth-child(25) {
            left: 78.99%;
            top: 67.11%;
            width: 4.38%; } }
      #top_block h1 .inner2 img:nth-child(26) {
        left: 91.61%;
        top: 6.4%;
        width: 2.28%; }
        @media screen and (max-width: 767px) {
          #top_block h1 .inner2 img:nth-child(26) {
            left: 85.26%;
            top: 69.22%;
            width: 4.01%; } }
      #top_block h1 .inner2 img:nth-child(27) {
        left: 95.32%;
        top: 11.65%;
        width: 2.58%; }
        @media screen and (max-width: 767px) {
          #top_block h1 .inner2 img:nth-child(27) {
            left: 91.79%;
            top: 70.95%;
            width: 4.53%; } }
      #top_block h1 .inner2 img:nth-child(28) {
        left: 99.05%;
        top: 62.08%;
        width: 0.95%; }
        @media screen and (max-width: 767px) {
          #top_block h1 .inner2 img:nth-child(28) {
            left: 98.33%;
            top: 87.53%;
            width: 1.67%; } }
  #top_block h1.show .inner2 img {
    opacity: 1; }
    #top_block h1.show .inner2 img:nth-child(1) {
      transition-delay: 1.1s;
      -webkit-transition-delay: 1.1s; }
    #top_block h1.show .inner2 img:nth-child(2) {
      transition-delay: 1.13s;
      -webkit-transition-delay: 1.13s; }
    #top_block h1.show .inner2 img:nth-child(3) {
      transition-delay: 1.16s;
      -webkit-transition-delay: 1.16s; }
    #top_block h1.show .inner2 img:nth-child(4) {
      transition-delay: 1.19s;
      -webkit-transition-delay: 1.19s; }
    #top_block h1.show .inner2 img:nth-child(5) {
      transition-delay: 1.22s;
      -webkit-transition-delay: 1.22s; }
    #top_block h1.show .inner2 img:nth-child(6) {
      transition-delay: 1.25s;
      -webkit-transition-delay: 1.25s; }
    #top_block h1.show .inner2 img:nth-child(7) {
      transition-delay: 1.28s;
      -webkit-transition-delay: 1.28s; }
    #top_block h1.show .inner2 img:nth-child(8) {
      transition-delay: 1.31s;
      -webkit-transition-delay: 1.31s; }
    #top_block h1.show .inner2 img:nth-child(9) {
      transition-delay: 1.34s;
      -webkit-transition-delay: 1.34s; }
    #top_block h1.show .inner2 img:nth-child(10) {
      transition-delay: 1.37s;
      -webkit-transition-delay: 1.37s; }
    #top_block h1.show .inner2 img:nth-child(11) {
      transition-delay: 1.4s;
      -webkit-transition-delay: 1.4s; }
    #top_block h1.show .inner2 img:nth-child(12) {
      transition-delay: 1.43s;
      -webkit-transition-delay: 1.43s; }
    #top_block h1.show .inner2 img:nth-child(13) {
      transition-delay: 1.46s;
      -webkit-transition-delay: 1.46s; }
    #top_block h1.show .inner2 img:nth-child(14) {
      transition-delay: 1.49s;
      -webkit-transition-delay: 1.49s; }
    #top_block h1.show .inner2 img:nth-child(15) {
      transition-delay: 1.52s;
      -webkit-transition-delay: 1.52s; }
    #top_block h1.show .inner2 img:nth-child(16) {
      transition-delay: 1.55s;
      -webkit-transition-delay: 1.55s; }
    #top_block h1.show .inner2 img:nth-child(17) {
      transition-delay: 1.58s;
      -webkit-transition-delay: 1.58s; }
    #top_block h1.show .inner2 img:nth-child(18) {
      transition-delay: 1.61s;
      -webkit-transition-delay: 1.61s; }
    #top_block h1.show .inner2 img:nth-child(19) {
      transition-delay: 1.64s;
      -webkit-transition-delay: 1.64s; }
    #top_block h1.show .inner2 img:nth-child(20) {
      transition-delay: 1.67s;
      -webkit-transition-delay: 1.67s; }
    #top_block h1.show .inner2 img:nth-child(21) {
      transition-delay: 1.7s;
      -webkit-transition-delay: 1.7s; }
    #top_block h1.show .inner2 img:nth-child(22) {
      transition-delay: 1.73s;
      -webkit-transition-delay: 1.73s; }
    #top_block h1.show .inner2 img:nth-child(23) {
      transition-delay: 1.76s;
      -webkit-transition-delay: 1.76s; }
    #top_block h1.show .inner2 img:nth-child(24) {
      transition-delay: 1.79s;
      -webkit-transition-delay: 1.79s; }
    #top_block h1.show .inner2 img:nth-child(25) {
      transition-delay: 1.82s;
      -webkit-transition-delay: 1.82s; }
    #top_block h1.show .inner2 img:nth-child(26) {
      transition-delay: 1.85s;
      -webkit-transition-delay: 1.85s; }
    #top_block h1.show .inner2 img:nth-child(27) {
      transition-delay: 1.88s;
      -webkit-transition-delay: 1.88s; }
    #top_block h1.show .inner2 img:nth-child(28) {
      transition-delay: 1.91s;
      -webkit-transition-delay: 1.91s; }
  #top_block .main_logo {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: -1; }
    #top_block .main_logo #canvas_area {
      width: 100%;
      height: 100%; }
      #top_block .main_logo #canvas_area canvas {
        width: 100%;
        height: 100%;
        pointer-events: none;
        position: relative; }
  #top_block nav {
    display: flex;
    justify-content: center;
    position: absolute;
    width: 100%;
    top: 50%;
    margin-top: 290px; }
    #top_block nav div {
      display: block;
      position: relative;
      margin: 0 48px;
      height: 17px;
      cursor: pointer; }
      #top_block nav div img {
        display: block;
        position: absolute;
        height: auto;
        top: 0;
        opacity: 0;
        transform: translateY(30px);
        -webkit-transform: translateY(30px);
        transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.1s,opacity 0.2s ease-out 0.1s;
        -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.1s,opacity 0.2s ease-out 0.1s; }
      #top_block nav div.show img {
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
        opacity: 1; }
        #top_block nav div.show img:nth-child(1) {
          transition-delay: 0.28s;
          -webkit-transition-delay: 0.28s;
          animation-delay: 0.07s;
          -webkit-animation-delay: 0.07s; }
        #top_block nav div.show img:nth-child(2) {
          transition-delay: 0.36s;
          -webkit-transition-delay: 0.36s;
          animation-delay: 0.14s;
          -webkit-animation-delay: 0.14s; }
        #top_block nav div.show img:nth-child(3) {
          transition-delay: 0.44s;
          -webkit-transition-delay: 0.44s;
          animation-delay: 0.21s;
          -webkit-animation-delay: 0.21s; }
        #top_block nav div.show img:nth-child(4) {
          transition-delay: 0.52s;
          -webkit-transition-delay: 0.52s;
          animation-delay: 0.28s;
          -webkit-animation-delay: 0.28s; }
        #top_block nav div.show img:nth-child(5) {
          transition-delay: 0.6s;
          -webkit-transition-delay: 0.6s;
          animation-delay: 0.35s;
          -webkit-animation-delay: 0.35s; }
        #top_block nav div.show img:nth-child(6) {
          transition-delay: 0.68s;
          -webkit-transition-delay: 0.68s;
          animation-delay: 0.42s;
          -webkit-animation-delay: 0.42s; }
        #top_block nav div.show img:nth-child(7) {
          transition-delay: 0.76s;
          -webkit-transition-delay: 0.76s;
          animation-delay: 0.49s;
          -webkit-animation-delay: 0.49s; }
        #top_block nav div.show img:nth-child(8) {
          transition-delay: 0.84s;
          -webkit-transition-delay: 0.84s;
          animation-delay: 0.56s;
          -webkit-animation-delay: 0.56s; }
        #top_block nav div.show img:nth-child(9) {
          transition-delay: 0.92s;
          -webkit-transition-delay: 0.92s;
          animation-delay: 0.63s;
          -webkit-animation-delay: 0.63s; }
      #top_block nav div:nth-child(1) {
        width: 103px;
        margin-left: 20px; }
      #top_block nav div:nth-child(2) {
        width: 115px;
        margin-top: 4px; }
      #top_block nav div:nth-child(3) {
        width: 77px; }
      #top_block nav div:nth-child(4) {
        width: 101px; }
      #top_block nav div:nth-child(5) {
        width: 135px;
        margin-right: 20px; }
      #top_block nav div:hover img, #top_block nav div.hov img {
        animation: navHover 0.6s ease-out;
        -webkit-animation: navHover 0.6s ease-out; }
@keyframes navHover {
  0% {
    transform: translateY(0px); }
  30% {
    transform: translateY(-6px); }
  70% {
    transform: translateY(3px); }
  100% {
    transform: translateY(0px); } }
@-webkit-keyframes navHover {
  0% {
    -webkit-transform: translateY(0px); }
  30% {
    -webkit-transform: translateY(-6px); }
  70% {
    -webkit-transform: translateY(3px); }
  100% {
    -webkit-transform: translateY(0px); } }
  #top_block .sp_arrow {
    position: absolute;
    bottom: 22vmin;
    left: 50%;
    width: 5.87vw;
    margin-left: -2.93vw;
    opacity: 0;
    transition: opacity 0.5s ease-out;
    -webkit-transition: opacity 0.5s ease-out;
    animation: arrowTwinkle 1s ease-in-out infinite;
    -webkit-animation: arrowTwinkle 1s ease-in-out infinite; }
    #top_block .sp_arrow.show {
      opacity: 1; }
@keyframes arrowTwinkle {
  0% {
    transform: translateY(0vw); }
  45% {
    transform: translateY(1.5vw); }
  100% {
    transform: translateY(0vw); } }
@-webkit-keyframes arrowTwinkle {
  0% {
    -webkit-transform: translateY(0vw); }
  45% {
    -webkit-transform: translateY(1.5vw); }
  100% {
    -webkit-transform: translateY(0vw); } }
#top_block nav div:nth-child(1) img,
#block1 h2 img {
  margin-top: 3.35%; }
  #top_block nav div:nth-child(1) img:nth-child(1),
  #block1 h2 img:nth-child(1) {
    left: 0%;
    width: 8.97%; }
  #top_block nav div:nth-child(1) img:nth-child(2),
  #block1 h2 img:nth-child(2) {
    left: 14.58%;
    width: 10%; }
  #top_block nav div:nth-child(1) img:nth-child(3),
  #block1 h2 img:nth-child(3) {
    left: 30.87%;
    width: 9.49%; }
  #top_block nav div:nth-child(1) img:nth-child(4),
  #block1 h2 img:nth-child(4) {
    left: 46.53%;
    width: 8.97%; }
  #top_block nav div:nth-child(1) img:nth-child(5),
  #block1 h2 img:nth-child(5) {
    left: 61.12%;
    width: 9.92%; }
  #top_block nav div:nth-child(1) img:nth-child(6),
  #block1 h2 img:nth-child(6) {
    left: 77.36%;
    width: 9.9%; }
  #top_block nav div:nth-child(1) img:nth-child(7),
  #block1 h2 img:nth-child(7) {
    left: 92.16%;
    margin-top: 0%;
    width: 6.57%; }

#top_block nav div:nth-child(2) img:nth-child(1),
#block3 h2 img:nth-child(1) {
  left: 0%;
  width: 14.83%; }
#top_block nav div:nth-child(2) img:nth-child(2),
#block3 h2 img:nth-child(2) {
  left: 20.43%;
  width: 9.0%; }
#top_block nav div:nth-child(2) img:nth-child(3),
#block3 h2 img:nth-child(3) {
  left: 34.62%;
  width: 8.58%; }
#top_block nav div:nth-child(2) img:nth-child(4),
#block3 h2 img:nth-child(4) {
  left: 48.31%;
  width: 8.58%; }
#top_block nav div:nth-child(2) img:nth-child(5),
#block3 h2 img:nth-child(5) {
  left: 62.09%;
  width: 9.23%; }
#top_block nav div:nth-child(2) img:nth-child(6),
#block3 h2 img:nth-child(6) {
  left: 76.18%;
  width: 8.83%; }
#top_block nav div:nth-child(2) img:nth-child(7),
#block3 h2 img:nth-child(7) {
  left: 90.72%;
  width: 9.0%; }

#top_block nav div:nth-child(3) img:nth-child(1),
#block4 h2 img:nth-child(1) {
  left: 0%;
  margin-top: 6.3%;
  width: 22.47%; }
#top_block nav div:nth-child(3) img:nth-child(2),
#block4 h2 img:nth-child(2) {
  left: 30.95%;
  margin-top: 6.3%;
  width: 13.73%; }
#top_block nav div:nth-child(3) img:nth-child(3),
#block4 h2 img:nth-child(3) {
  left: 51.91%;
  margin-top: 6.49%;
  width: 13.73%; }
#top_block nav div:nth-child(3) img:nth-child(4),
#block4 h2 img:nth-child(4) {
  left: 73.35%;
  margin-top: 0%;
  width: 4.29%; }
#top_block nav div:nth-child(3) img:nth-child(5),
#block4 h2 img:nth-child(5) {
  left: 85.92%;
  margin-top: 6.3%;
  width: 13.63%; }

#top_block nav div:nth-child(4) img:nth-child(1),
#block5 h2 img:nth-child(1) {
  left: 0%;
  margin-top: 4.82%;
  width: 9.78%; }
#top_block nav div:nth-child(4) img:nth-child(2),
#block5 h2 img:nth-child(2) {
  left: 17.38%;
  margin-top: 4.67%;
  width: 16.94%; }
#top_block nav div:nth-child(4) img:nth-child(3),
#block5 h2 img:nth-child(3) {
  left: 40.72%;
  margin-top: 4.67%;
  width: 10.28%; }
#top_block nav div:nth-child(4) img:nth-child(4),
#block5 h2 img:nth-child(4) {
  left: 56.92%;
  margin-top: 4.67%;
  width: 9.8%; }
#top_block nav div:nth-child(4) img:nth-child(5),
#block5 h2 img:nth-child(5) {
  left: 73.19%;
  margin-top: 0%;
  width: 9.9%; }
#top_block nav div:nth-child(4) img:nth-child(6),
#block5 h2 img:nth-child(6) {
  left: 89.89%;
  margin-top: 4.82%;
  width: 9.75%; }

#top_block nav div:nth-child(5) img:nth-child(1),
#block6 h2 img:nth-child(1) {
  left: 0%;
  margin-top: 0%;
  width: 2.42%; }
#top_block nav div:nth-child(5) img:nth-child(2),
#block6 h2 img:nth-child(2) {
  left: 7.56%;
  margin-top: 3.54%;
  width: 7.35%; }
#top_block nav div:nth-child(5) img:nth-child(3),
#block6 h2 img:nth-child(3) {
  left: 19.71%;
  margin-top: 3.54%;
  width: 7.34%; }
#top_block nav div:nth-child(5) img:nth-child(4),
#block6 h2 img:nth-child(4) {
  left: 30.8%;
  margin-top: 0.97%;
  width: 5.1%; }
#top_block nav div:nth-child(5) img:nth-child(5),
#block6 h2 img:nth-child(5) {
  left: 40.01%;
  margin-top: 3.54%;
  width: 7.9%; }
#top_block nav div:nth-child(5) img:nth-child(6),
#block6 h2 img:nth-child(6) {
  left: 52.05%;
  margin-top: 3.54%;
  width: 7.55%; }
#top_block nav div:nth-child(5) img:nth-child(7),
#block6 h2 img:nth-child(7) {
  left: 64.95%;
  margin-top: 3.54%;
  width: 5.89%; }
#top_block nav div:nth-child(5) img:nth-child(8),
#block6 h2 img:nth-child(8) {
  left: 74.85%;
  margin-top: 3.54%;
  width: 7.9%; }
#top_block nav div:nth-child(5) img:nth-child(9),
#block6 h2 img:nth-child(9) {
  left: 87.41%;
  margin-top: 3.54%;
  width: 12.68%; }

.block .contents_wrap {
  width: 100%;
  max-width: 1070px;
  margin: 0 auto;
  position: relative; }
  @media screen and (max-width: 767px) {
    .block .contents_wrap {
      width: 100%; } }
  .block .contents_wrap h2 {
    display: block;
    position: relative;
    margin: 0 auto; }
    .block .contents_wrap h2 img {
      display: block;
      position: absolute;
      height: auto;
      opacity: 0;
      transform: translateY(30px);
      -webkit-transform: translateY(30px);
      transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.1s,opacity 0.2s ease-out 0.1s;
      -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.1s,opacity 0.2s ease-out 0.1s; }
    .block .contents_wrap h2.show img {
      opacity: 1;
      transform: translateY(0px);
      -webkit-transform: translateY(0px);
      transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1s,opacity 0.2s ease-out 1s;
      -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1s,opacity 0.2s ease-out 1s; }
      .block .contents_wrap h2.show img:nth-child(1) {
        transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.56s,opacity 0.2s ease-out 0.56s;
        -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.56s,opacity 0.2s ease-out 0.56s; }
      .block .contents_wrap h2.show img:nth-child(2) {
        transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.64s,opacity 0.2s ease-out 0.64s;
        -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.64s,opacity 0.2s ease-out 0.64s; }
      .block .contents_wrap h2.show img:nth-child(3) {
        transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.72s,opacity 0.2s ease-out 0.72s;
        -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.72s,opacity 0.2s ease-out 0.72s; }
      .block .contents_wrap h2.show img:nth-child(4) {
        transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.8s,opacity 0.2s ease-out 0.8s;
        -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.8s,opacity 0.2s ease-out 0.8s; }
      .block .contents_wrap h2.show img:nth-child(5) {
        transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.88s,opacity 0.2s ease-out 0.88s;
        -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.88s,opacity 0.2s ease-out 0.88s; }
      .block .contents_wrap h2.show img:nth-child(6) {
        transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.96s,opacity 0.2s ease-out 0.96s;
        -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.96s,opacity 0.2s ease-out 0.96s; }
      .block .contents_wrap h2.show img:nth-child(7) {
        transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.04s,opacity 0.2s ease-out 1.04s;
        -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1.04s,opacity 0.2s ease-out 1.04s; }
  .block .contents_wrap .texts {
    position: relative;
    margin: 0 auto; }
    .block .contents_wrap .texts .line {
      position: relative;
      margin: 0 auto 31px; }
      @media screen and (max-width: 767px) {
        .block .contents_wrap .texts .line {
          margin-bottom: 4.67vw; } }
      .block .contents_wrap .texts .line:last-child {
        margin-bottom: 0; }
      .block .contents_wrap .texts .line img {
        display: block;
        width: 100%;
        height: auto; }
      @media screen and (min-width: 768px) {
        .block .contents_wrap .texts .line.show:nth-child(1) {
          transition-delay: 0.7s;
          -webkit-transition-delay: 0.7s; }
        .block .contents_wrap .texts .line.show:nth-child(2) {
          transition-delay: 0.8s;
          -webkit-transition-delay: 0.8s; }
        .block .contents_wrap .texts .line.show:nth-child(3) {
          transition-delay: 0.9s;
          -webkit-transition-delay: 0.9s; }
        .block .contents_wrap .texts .line.show:nth-child(4) {
          transition-delay: 1s;
          -webkit-transition-delay: 1s; }
        .block .contents_wrap .texts .line.show:nth-child(5) {
          transition-delay: 1.1s;
          -webkit-transition-delay: 1.1s; }
        .block .contents_wrap .texts .line.show:nth-child(6) {
          transition-delay: 1.2s;
          -webkit-transition-delay: 1.2s; }
        .block .contents_wrap .texts .line.show:nth-child(7) {
          transition-delay: 1.3s;
          -webkit-transition-delay: 1.3s; }
        .block .contents_wrap .texts .line.show:nth-child(8) {
          transition-delay: 1.4s;
          -webkit-transition-delay: 1.4s; }
        .block .contents_wrap .texts .line.show:nth-child(9) {
          transition-delay: 1.5s;
          -webkit-transition-delay: 1.5s; }
        .block .contents_wrap .texts .line.show:nth-child(10) {
          transition-delay: 1.6s;
          -webkit-transition-delay: 1.6s; } }

#block1 {
  overflow: visible;
  padding: 280px 0 400px;
  margin-top: 250px; }
  @media screen and (max-width: 767px) {
    #block1 {
      padding: 37.13vw 0 29.73vw;
      margin-top: 0; } }
  #block1 .contents_wrap h2 {
    margin-bottom: 97px;
    width: 238px;
    height: 48px; }
    @media screen and (max-width: 767px) {
      #block1 .contents_wrap h2 {
        width: 38.13vw;
        height: 7.6vw;
        margin-bottom: 11.87vw; } }
  #block1 .contents_wrap .texts {
    width: 560px; }
    #block1 .contents_wrap .texts .line:nth-child(1) {
      width: 83.04%;
      margin-bottom: 78px; }
    #block1 .contents_wrap .texts .line:nth-child(2) {
      width: 64.04%; }
    #block1 .contents_wrap .texts .line:nth-child(3) {
      width: 67.07%; }
    #block1 .contents_wrap .texts .line:nth-child(4) {
      width: 66.09%; }
    #block1 .contents_wrap .texts .line:nth-child(5) {
      width: 100%; }
    #block1 .contents_wrap .texts .line:nth-child(6) {
      width: 56.77%; }
    #block1 .contents_wrap .texts .line:nth-child(7) {
      width: 44.96%; }
    #block1 .contents_wrap .texts .line:nth-child(8) {
      width: 61.07%; }
    @media screen and (max-width: 767px) {
      #block1 .contents_wrap .texts {
        width: 76.4vw; }
        #block1 .contents_wrap .texts .line:nth-child(1) {
          width: 100%;
          margin-bottom: 10.93vw; }
        #block1 .contents_wrap .texts .line:nth-child(2) {
          width: 80.1%; }
        #block1 .contents_wrap .texts .line:nth-child(3) {
          width: 83.77%; }
        #block1 .contents_wrap .texts .line:nth-child(4) {
          width: 81.5%; }
        #block1 .contents_wrap .texts .line:nth-child(5) {
          width: 56.54%; }
        #block1 .contents_wrap .texts .line:nth-child(6) {
          width: 65.62%; }
        #block1 .contents_wrap .texts .line:nth-child(7) {
          width: 71.73%; }
        #block1 .contents_wrap .texts .line:nth-child(8) {
          width: 56.54%; }
        #block1 .contents_wrap .texts .line:nth-child(9) {
          width: 76.61%; } }
  #block1 .bg_block {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 100px; }
    @media screen and (max-width: 767px) {
      #block1 .bg_block {
        top: 14vw; } }
    #block1 .bg_block .ume_column {
      position: relative;
      width: 100%;
      height: 91px;
      margin-bottom: 0; }
      #block1 .bg_block .ume_column .ume {
        width: 91px;
        height: auto;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%); }
        #block1 .bg_block .ume_column .ume img {
          transition: opacity 0.5s ease-out;
          -webkit-transition: opacity 0.5s ease-out;
          transform: scale(0);
          -webkit-transform: scale(0); }
        #block1 .bg_block .ume_column .ume img.logo {
          position: absolute;
          left: -93px;
          top: 27px; }
      #block1 .bg_block .ume_column:nth-child(4) {
        margin-bottom: 50px; }
      #block1 .bg_block .ume_column:nth-child(5) {
        margin-bottom: 122px; }
      #block1 .bg_block .ume_column:nth-child(6) {
        margin-bottom: 92px; }
      #block1 .bg_block .ume_column:nth-child(2n+1) .ume:nth-child(1) {
        margin-left: calc( -320px * ( 1 - 1 ) - 160px ); }
      #block1 .bg_block .ume_column:nth-child(2n+1) .ume:nth-child(2) {
        margin-left: calc( 320px * ( 1 - 1 ) + 160px ); }
      #block1 .bg_block .ume_column:nth-child(2n+1) .ume:nth-child(3) {
        margin-left: calc( -320px * ( 2 - 1 ) - 160px ); }
      #block1 .bg_block .ume_column:nth-child(2n+1) .ume:nth-child(4) {
        margin-left: calc( 320px * ( 2 - 1 ) + 160px ); }
      #block1 .bg_block .ume_column:nth-child(2n+1) .ume:nth-child(5) {
        margin-left: calc( -320px * ( 3 - 1 ) - 160px ); }
      #block1 .bg_block .ume_column:nth-child(2n+1) .ume:nth-child(6) {
        margin-left: calc( 320px * ( 3 - 1 ) + 160px ); }
      #block1 .bg_block .ume_column:nth-child(2n+1) .ume:nth-child(7) {
        margin-left: calc( -320px * ( 4 - 1 ) - 160px ); }
      #block1 .bg_block .ume_column:nth-child(2n+1) .ume:nth-child(8) {
        margin-left: calc( 320px * ( 4 - 1 ) + 160px ); }
      #block1 .bg_block .ume_column:nth-child(2n+1) .ume:nth-child(9) {
        margin-left: calc( -320px * ( 5 - 1 ) - 160px ); }
      #block1 .bg_block .ume_column:nth-child(2n+1) .ume:nth-child(10) {
        margin-left: calc( 320px * ( 5 - 1 ) + 160px ); }
      #block1 .bg_block .ume_column:nth-child(2n+1) .ume:nth-child(11) {
        margin-left: calc( -320px * ( 6 - 1 ) - 160px ); }
      #block1 .bg_block .ume_column:nth-child(2n+1) .ume:nth-child(12) {
        margin-left: calc( 320px * ( 6 - 1 ) + 160px ); }
      #block1 .bg_block .ume_column:nth-child(2n+1) .ume:nth-child(13) {
        margin-left: calc( -320px * ( 7 - 1 ) - 160px ); }
      #block1 .bg_block .ume_column:nth-child(2n+1) .ume:nth-child(14) {
        margin-left: calc( 320px * ( 7 - 1 ) + 160px ); }
      #block1 .bg_block .ume_column:nth-child(2n+1) .ume:nth-child(15) {
        margin-left: calc( -320px * ( 8 - 1 ) - 160px ); }
      #block1 .bg_block .ume_column:nth-child(2n+1) .ume:nth-child(16) {
        margin-left: calc( 320px * ( 8 - 1 ) + 160px ); }
      #block1 .bg_block .ume_column:nth-child(2n) .ume:nth-child(1) {
        margin-left: calc( -320px * ( 1 - 1 ) ); }
      #block1 .bg_block .ume_column:nth-child(2n) .ume:nth-child(2) {
        margin-left: calc( 320px * 1 ); }
      #block1 .bg_block .ume_column:nth-child(2n) .ume:nth-child(3) {
        margin-left: calc( -320px * ( 2 - 1 ) ); }
      #block1 .bg_block .ume_column:nth-child(2n) .ume:nth-child(4) {
        margin-left: calc( 320px * 2 ); }
      #block1 .bg_block .ume_column:nth-child(2n) .ume:nth-child(5) {
        margin-left: calc( -320px * ( 3 - 1 ) ); }
      #block1 .bg_block .ume_column:nth-child(2n) .ume:nth-child(6) {
        margin-left: calc( 320px * 3 ); }
      #block1 .bg_block .ume_column:nth-child(2n) .ume:nth-child(7) {
        margin-left: calc( -320px * ( 4 - 1 ) ); }
      #block1 .bg_block .ume_column:nth-child(2n) .ume:nth-child(8) {
        margin-left: calc( 320px * 4 ); }
      #block1 .bg_block .ume_column:nth-child(2n) .ume:nth-child(9) {
        margin-left: calc( -320px * ( 5 - 1 ) ); }
      #block1 .bg_block .ume_column:nth-child(2n) .ume:nth-child(10) {
        margin-left: calc( 320px * 5 ); }
      #block1 .bg_block .ume_column:nth-child(2n) .ume:nth-child(11) {
        margin-left: calc( -320px * ( 6 - 1 ) ); }
      #block1 .bg_block .ume_column:nth-child(2n) .ume:nth-child(12) {
        margin-left: calc( 320px * 6 ); }
      #block1 .bg_block .ume_column:nth-child(2n) .ume:nth-child(13) {
        margin-left: calc( -320px * ( 7 - 1 ) ); }
      #block1 .bg_block .ume_column:nth-child(2n) .ume:nth-child(14) {
        margin-left: calc( 320px * 7 ); }
      #block1 .bg_block .ume_column:nth-child(2n) .ume:nth-child(15) {
        margin-left: calc( -320px * ( 8 - 1 ) ); }
      #block1 .bg_block .ume_column:nth-child(2n) .ume:nth-child(16) {
        margin-left: calc( 320px * 8 ); }
      #block1 .bg_block .ume_column:nth-child(5) .ume:nth-child(5) {
        margin-top: -46px; }
      #block1 .bg_block .ume_column:nth-child(5) .ume:nth-child(3) {
        margin-top: -10px; }
      #block1 .bg_block .ume_column:nth-child(5) .ume:nth-child(6) {
        margin-top: 6px; }
      #block1 .bg_block .ume_column:nth-child(7) .ume:nth-child(2), #block1 .bg_block .ume_column:nth-child(7) .ume:nth-child(3), #block1 .bg_block .ume_column:nth-child(7) .ume:nth-child(6) {
        margin-top: 26px; }
      #block1 .bg_block .ume_column:nth-child(2) .ume:nth-child(1), #block1 .bg_block .ume_column:nth-child(3) .ume:nth-child(1), #block1 .bg_block .ume_column:nth-child(3) .ume:nth-child(2), #block1 .bg_block .ume_column:nth-child(3) .ume:nth-child(5), #block1 .bg_block .ume_column:nth-child(4) .ume:nth-child(1), #block1 .bg_block .ume_column:nth-child(4) .ume:nth-child(2), #block1 .bg_block .ume_column:nth-child(4) .ume:nth-child(3), #block1 .bg_block .ume_column:nth-child(5) .ume:nth-child(1), #block1 .bg_block .ume_column:nth-child(5) .ume:nth-child(2), #block1 .bg_block .ume_column:nth-child(6) .ume:nth-child(1), #block1 .bg_block .ume_column:nth-child(6) .ume:nth-child(2), #block1 .bg_block .ume_column:nth-child(6) .ume:nth-child(3) {
        display: none; }
  #block1 .sc_block.show .ume_column .ume img {
    transform: scale(1);
    -webkit-transform: scale(1);
    transition: none;
    -webkit-transition: none;
    animation: umeAnim 0.8s ease-out;
    -webkit-animation: umeAnim 0.8s ease-out;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both; }
@keyframes umeAnim {
  0% {
    transform: scale(0); }
  40% {
    transform: scale(1.2); }
  70% {
    transform: scale(0.95); }
  100% {
    transform: scale(1); } }
@-webkit-keyframes btnHover {
  0% {
    -webkit-transform: scale(0); }
  40% {
    -webkit-transform: scale(1.2); }
  70% {
    -webkit-transform: scale(0.95); }
  100% {
    -webkit-transform: scale(1); } }
  #block1 .sc_block.show .ume_column .ume .ume_inner.spin {
    animation: umeSpin 1s ease-out;
    -webkit-animation: umeSpin 1s ease-out; }
@-webkit-keyframes umeSpin {
  0% {
    -webkit-transform: rotate(0deg); }
  25% {
    -webkit-transform: rotate(40deg); }
  70% {
    -webkit-transform: rotate(-20deg); }
  100% {
    -webkit-transform: rotate(0deg); } }
  #block1 .ume_sp {
    width: 18.4vw;
    height: auto;
    position: absolute; }
    #block1 .ume_sp .ume_inner {
      width: 100%;
      height: auto;
      position: relative; }
      #block1 .ume_sp .ume_inner img {
        width: 100%;
        height: auto; }
    #block1 .ume_sp.ume_sp_logo {
      width: 37.33vw;
      height: auto; }
      #block1 .ume_sp.ume_sp_logo .ume_inner {
        position: absolute;
        width: 49.54%;
        right: 0;
        top: 0; }
      #block1 .ume_sp.ume_sp_logo .logo {
        width: 80.61%;
        position: relative;
        top: 0;
        margin-top: 14.51%; }
    #block1 .ume_sp:nth-child(1) {
      left: 2.67vw;
      top: 9.2vw; }
    #block1 .ume_sp:nth-child(2) {
      right: 1.67vw;
      top: 11.2vw; }
    #block1 .ume_sp:nth-child(3) {
      left: -9.33vw;
      top: 60.4vw; }
    #block1 .ume_sp:nth-child(4) {
      right: -22.53vw;
      top: 60.4vw; }
    #block1 .ume_sp:nth-child(5) {
      left: -6.33vw;
      top: 113.6vw; }
    #block1 .ume_sp:nth-child(6) {
      right: -1.33vw;
      top: 111.6vw; }

#block2 {
  height: 50vw; }
  @media screen and (max-width: 767px) {
    #block2 {
      height: 77.33vw; } }
  #block2 .bg_block {
    width: 100%;
    height: auto;
    position: relative;
    top: -17vw; }
    @media screen and (max-width: 767px) {
      #block2 .bg_block {
        top: -16vw; } }
    #block2 .bg_block img {
      width: 100%; }

#block3 .bg_block {
  width: 100%;
  height: auto;
  position: absolute;
  top: -5vw; }
  @media screen and (max-width: 767px) {
    #block3 .bg_block {
      top: 0; } }
  #block3 .bg_block img {
    width: 100%;
    display: block;
    position: relative; }
    @media screen and (min-width: 768px) {
      #block3 .bg_block img {
        min-width: 1100px;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%); } }
#block3 .contents_wrap {
  padding: 16.44vw 0; }
  @media screen and (max-width: 767px) {
    #block3 .contents_wrap {
      padding: 18.13vw 0 64.93vw; } }
  #block3 .contents_wrap h2 {
    width: 238px;
    height: 48px;
    margin: 0;
    margin-bottom: 97px;
    left: 50%;
    margin-left: -23.56vw; }
    @media screen and (max-width: 767px) {
      #block3 .contents_wrap h2 {
        width: 42.53vw;
        height: 6.27vw;
        margin-bottom: 11.73vw;
        margin-left: -21.26vw; } }
  #block3 .contents_wrap .texts {
    width: 380px;
    margin: 0;
    left: 50%;
    margin-left: -23.56vw; }
    #block3 .contents_wrap .texts .line {
      margin: 0 0 31px; }
      #block3 .contents_wrap .texts .line:nth-child(1) {
        width: 99.47%;
        margin-bottom: 78px; }
      #block3 .contents_wrap .texts .line:nth-child(2) {
        width: 96.32%; }
      #block3 .contents_wrap .texts .line:nth-child(3) {
        width: 68.16%; }
      #block3 .contents_wrap .texts .line:nth-child(4) {
        width: 79.74%; }
      #block3 .contents_wrap .texts .line:nth-child(5) {
        width: 60.26%; }
      #block3 .contents_wrap .texts .line:nth-child(6) {
        width: 79.74%; }
      #block3 .contents_wrap .texts .line:nth-child(7) {
        width: 90.79%; }
      #block3 .contents_wrap .texts .line:nth-child(8) {
        width: 96.32%; }
      #block3 .contents_wrap .texts .line:nth-child(9) {
        width: 53.68%; }
    @media screen and (max-width: 767px) {
      #block3 .contents_wrap .texts {
        width: 68.4vw;
        margin: 0 auto;
        left: 0; }
        #block3 .contents_wrap .texts .line {
          margin: 0 auto 4.67vw; }
          #block3 .contents_wrap .texts .line:nth-child(1) {
            width: 99.46%;
            margin-bottom: 11.07vw; } }

#block4 {
  padding: 150px 0 160px;
  background-color: #fff; }
  @media screen and (max-width: 767px) {
    #block4 {
      padding: 16.4vw 0; } }
  #block4 .contents_wrap {
    padding-top: 0; }
    #block4 .contents_wrap h2 {
      margin-bottom: 73px;
      width: 175px;
      height: 40px; }
      @media screen and (max-width: 767px) {
        #block4 .contents_wrap h2 {
          margin-bottom: 13.6vw;
          width: 27.33vw;
          height: 6.4vw; } }
    #block4 .contents_wrap .texts {
      width: 390px;
      margin-bottom: 80px; }
      @media screen and (max-width: 767px) {
        #block4 .contents_wrap .texts {
          width: 65.73vw;
          margin-bottom: 13.07vw; } }
      #block4 .contents_wrap .texts .line:nth-child(1) {
        width: 100%; }
      #block4 .contents_wrap .texts .line:nth-child(2) {
        width: 79.74%; }
    #block4 .contents_wrap #movie {
      position: relative;
      width: 100%;
      max-width: 960px;
      margin: 0 auto 70px;
      cursor: pointer; }
      @media screen and (min-width: 768px) {
        #block4 .contents_wrap #movie.show {
          transition-delay: 1s;
          -webkit-transition-delay: 1s; } }
      @media screen and (max-width: 767px) {
        #block4 .contents_wrap #movie {
          width: 81.33vw;
          margin-bottom: 10vw; } }
      #block4 .contents_wrap #movie .sumb {
        position: relative;
        width: 100%; }
        #block4 .contents_wrap #movie .sumb img {
          display: block;
          position: relative;
          width: 100%; }
          #block4 .contents_wrap #movie .sumb img:nth-child(1) {
            position: absolute;
            left: 2%;
            top: 0;
            margin-top: 2%; }
            @media screen and (max-width: 767px) {
              #block4 .contents_wrap #movie .sumb img:nth-child(1) {
                left: 1.64%;
                margin-top: 1.64%; } }
      #block4 .contents_wrap #movie .btn {
        position: absolute;
        width: 100px;
        height: 100px;
        left: 50%;
        margin-left: -50px;
        top: 50%;
        margin-top: -50px;
        transition: transform 0.4s cubic-bezier(0.13, 0.38, 0.12, 1);
        -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.13, 0.38, 0.12, 1); }
        @media screen and (max-width: 767px) {
          #block4 .contents_wrap #movie .btn {
            width: 14.95%;
            height: auto;
            margin-left: -7.5%;
            margin-top: -7.5%; } }
        #block4 .contents_wrap #movie .btn img {
          width: 100%;
          height: auto; }
      #block4 .contents_wrap #movie .ume {
        position: absolute;
        width: 229px;
        height: 229px;
        right: -88px;
        top: -114px; }
        @media screen and (max-width: 767px) {
          #block4 .contents_wrap #movie .ume {
            width: 20.53vw;
            height: 20.53vw;
            right: -8.4vw;
            top: -10.4vw; } }
        #block4 .contents_wrap #movie .ume img {
          width: 100%;
          height: auto; }
      #block4 .contents_wrap #movie:hover .btn {
        transform: scale(1.2);
        -webkit-transform: scale(1.2); }
      #block4 .contents_wrap #movie:hover .ume {
        animation: umeSpin 1s ease-out;
        -webkit-animation: umeSpin 1s ease-out; }
    #block4 .contents_wrap .pdf_btn {
      position: relative;
      width: 360px;
      height: 75px;
      border: #23ac38 3px solid;
      border-radius: 38px;
      margin: 0 auto; }
      @media screen and (min-width: 768px) {
        #block4 .contents_wrap .pdf_btn:hover {
          animation: blink 0.3s ease-out;
          -webkit-animation: blink 0.3s ease-out; } }
      @media screen and (min-width: 768px) {
        #block4 .contents_wrap .pdf_btn.show {
          transition-delay: 1.1s;
          -webkit-transition-delay: 1.1s; } }
      @media screen and (max-width: 767px) {
        #block4 .contents_wrap .pdf_btn {
          width: 81.33vw;
          height: 12vw;
          border-radius: 6vw;
          border-width: 0.4vw; } }
      #block4 .contents_wrap .pdf_btn a {
        display: block;
        width: 100%;
        height: 100%;
        position: relative; }
        #block4 .contents_wrap .pdf_btn a img {
          display: block;
          position: relative;
          width: 218px;
          height: auto;
          left: 33px;
          top: 25px; }
          @media screen and (max-width: 767px) {
            #block4 .contents_wrap .pdf_btn a img {
              width: 39.33vw;
              left: 6.13vw;
              top: 3.73vw; } }
        #block4 .contents_wrap .pdf_btn a:after {
          content: ".";
          display: block;
          height: 43px;
          width: 33px;
          position: absolute;
          font-size: 0;
          bottom: 0;
          background-image: url(../img/pdf.png);
          background-repeat: no-repeat;
          background-size: 100% 100%;
          right: 36px;
          top: 13px; }
          @media screen and (max-width: 767px) {
            #block4 .contents_wrap .pdf_btn a:after {
              width: 4.27vw;
              height: 5.6vw;
              right: 6.27vw;
              top: 2.8vw; } }

#block5 {
  padding: 150px 0;
  background-color: #eef3f0; }
  @media screen and (max-width: 767px) {
    #block5 {
      padding: 16.4vw 0; } }
  #block5 .contents_wrap {
    padding-top: 0; }
    #block5 .contents_wrap h2 {
      margin-bottom: 73px;
      width: 232px;
      height: 39px; }
      @media screen and (max-width: 767px) {
        #block5 .contents_wrap h2 {
          width: 36.8vw;
          height: 6.4vw;
          margin-bottom: 13.6vw; } }
    #block5 .contents_wrap .texts {
      width: 468px;
      margin-bottom: 98px; }
      #block5 .contents_wrap .texts .line:nth-child(1) {
        width: 78.85%; }
      #block5 .contents_wrap .texts .line:nth-child(2) {
        width: 100%; }
      @media screen and (max-width: 767px) {
        #block5 .contents_wrap .texts {
          width: 65.87vw;
          margin-bottom: 15.47vw; }
          #block5 .contents_wrap .texts .line:nth-child(1) {
            width: 100%; }
          #block5 .contents_wrap .texts .line:nth-child(2) {
            width: 75.1%; }
          #block5 .contents_wrap .texts .line:nth-child(3) {
            width: 49.80%; } }
    #block5 .contents_wrap .pic_block {
      position: relative;
      width: 334px;
      margin: 0 auto 51px; }
      @media screen and (max-width: 767px) {
        #block5 .contents_wrap .pic_block {
          width: 55.33vw;
          margin-bottom: 7.33vw;
          left: -0.8vw; }
          #block5 .contents_wrap .pic_block img {
            width: 100%; } }
      #block5 .contents_wrap .pic_block .circle_set {
        position: absolute;
        right: -390px;
        top: -120px;
        width: 460px;
        height: 437px; }
        @media screen and (max-width: 767px) {
          #block5 .contents_wrap .pic_block .circle_set {
            width: 49.6vw;
            height: auto;
            right: auto;
            position: relative;
            margin: 0 auto;
            margin-bottom: 4vw;
            top: 0;
            left: 0.67vw; } }
        #block5 .contents_wrap .pic_block .circle_set .circle {
          display: block;
          position: absolute;
          width: 370px;
          left: 0px;
          top: 67px; }
          @media screen and (max-width: 767px) {
            #block5 .contents_wrap .pic_block .circle_set .circle {
              position: relative;
              top: 0;
              width: 100%; } }
        #block5 .contents_wrap .pic_block .circle_set .text {
          display: block;
          position: absolute;
          width: 125px;
          left: 121px;
          top: 199px; }
          @media screen and (max-width: 767px) {
            #block5 .contents_wrap .pic_block .circle_set .text {
              width: 19.73vw;
              left: 14.8vw;
              top: 16.13vw; } }
        #block5 .contents_wrap .pic_block .circle_set .ume {
          display: block;
          position: absolute;
          width: 228px;
          left: 232px;
          top: 0px; }
          @media screen and (max-width: 767px) {
            #block5 .contents_wrap .pic_block .circle_set .ume {
              width: 31.47vw;
              left: auto;
              right: -12vw;
              top: -9.07vw; } }
          #block5 .contents_wrap .pic_block .circle_set .ume img {
            display: block;
            width: 100%; }
      #block5 .contents_wrap .pic_block .pic {
        display: block;
        position: relative; }
      #block5 .contents_wrap .pic_block.show {
        transition: opacity 1s ease-in-out;
        -webkit-transition: opacity 1s ease-in-out; }
        @media screen and (min-width: 768px) {
          #block5 .contents_wrap .pic_block.show {
            transition-delay: 0.8s;
            -webkit-transition-delay: 0.8s; } }
        #block5 .contents_wrap .pic_block.show .ume {
          animation: umeSpin 1s ease-out 0.4s;
          -webkit-animation: umeSpin 1s ease-out 0.4s; }
          @media screen and (min-width: 768px) {
            #block5 .contents_wrap .pic_block.show .ume {
              transition-delay: 1.2s;
              -webkit-transition-delay: 1.2s; } }
    #block5 .contents_wrap p {
      display: block;
      width: 676px;
      margin: 0 auto 50px;
      font-size: 16px;
      line-height: 34px;
      letter-spacing: 0.05em; }
      @media screen and (min-width: 768px) {
        #block5 .contents_wrap p.show {
          transition-delay: 0.9s;
          -webkit-transition-delay: 0.9s; } }
      @media screen and (max-width: 767px) {
        #block5 .contents_wrap p {
          width: 81.47vw;
          font-size: 3.46vw;
          line-height: 1.846;
          margin-bottom: 6vw; } }
    #block5 .contents_wrap .btn {
      position: relative;
      display: block;
      margin: 0 auto;
      width: 360px;
      height: auto; }
      @media screen and (max-width: 767px) {
        #block5 .contents_wrap .btn {
          width: 81.47vw; } }
      #block5 .contents_wrap .btn a {
        display: block;
        width: 100%; }
        @media screen and (min-width: 768px) {
          #block5 .contents_wrap .btn a:hover {
            animation: blink 0.3s ease-out;
            -webkit-animation: blink 0.3s ease-out; } }
        #block5 .contents_wrap .btn a img {
          display: block;
          width: 100%;
          height: auto; }

#block6 {
  padding: 150px 0 126px;
  background-color: #fff; }
  @media screen and (max-width: 767px) {
    #block6 {
      padding: 16.4vw 0 0; } }
  #block6 .contents_wrap {
    padding-top: 0; }
    #block6 .contents_wrap h2 {
      margin-bottom: 66px;
      width: 310px;
      height: 49px; }
      @media screen and (max-width: 767px) {
        #block6 .contents_wrap h2 {
          width: 49.47vw;
          height: 7.73vw;
          margin-bottom: 11.87vw; } }
    #block6 .contents_wrap .texts {
      width: 650px;
      margin-bottom: 78px; }
      #block6 .contents_wrap .texts .line:nth-child(1) {
        width: 86%; }
      #block6 .contents_wrap .texts .line:nth-child(2) {
        width: 100%; }
      @media screen and (max-width: 767px) {
        #block6 .contents_wrap .texts {
          width: 76.67vw;
          margin-bottom: 13.07vw; }
          #block6 .contents_wrap .texts .line:nth-child(1) {
            width: 38.61%; }
          #block6 .contents_wrap .texts .line:nth-child(2) {
            width: 83.48%; }
          #block6 .contents_wrap .texts .line:nth-child(3) {
            width: 100%; }
          #block6 .contents_wrap .texts .line:nth-child(4) {
            width: 46.09%; } }
    #block6 .contents_wrap .pic_block {
      display: flex;
      justify-content: center;
      width: 100%;
      margin: 0 auto; }
      @media screen and (max-width: 767px) {
        #block6 .contents_wrap .pic_block {
          width: 81.33%;
          flex-wrap: wrap; } }
      #block6 .contents_wrap .pic_block .pic {
        position: relative;
        margin: 0 0.93%; }
        #block6 .contents_wrap .pic_block .pic:nth-child(1) {
          margin-left: 1.86%; }
        #block6 .contents_wrap .pic_block .pic:nth-child(4) {
          margin-right: 1.86%; }
        @media screen and (max-width: 767px) {
          #block6 .contents_wrap .pic_block .pic {
            margin: 0 3.27%;
            width: 46.72%; }
            #block6 .contents_wrap .pic_block .pic:nth-child(1), #block6 .contents_wrap .pic_block .pic:nth-child(3) {
              margin-left: 0%; }
            #block6 .contents_wrap .pic_block .pic:nth-child(2), #block6 .contents_wrap .pic_block .pic:nth-child(4) {
              margin-right: 0%; }
            #block6 .contents_wrap .pic_block .pic:nth-child(1), #block6 .contents_wrap .pic_block .pic:nth-child(2) {
              margin-bottom: 6.54%; } }
        #block6 .contents_wrap .pic_block .pic img {
          display: block;
          width: 100%; }

#media {
  padding: 150px 0 126px;
  background-color: #fff; }
  @media screen and (max-width: 767px) {
    #media {
      padding: 16.4vw 0 0; } }
  #media .contents_wrap {
    padding-top: 0; }
    #media .contents_wrap .texts {
      width: 800px;
      margin-bottom: 78px; }
      #media .contents_wrap .texts .line:nth-child(1) {
        width: 86%; }
      #media .contents_wrap .texts .line:nth-child(2) {
        width: 100%; }
      @media screen and (max-width: 767px) {
        #media .contents_wrap .texts {
          width: 76.67vw;
          margin-bottom: 13.07vw; }
          #media .contents_wrap .texts .line:nth-child(1) {
            width: 38.61%; }
          #media .contents_wrap .texts .line:nth-child(2) {
            width: 83.48%; }
          #media .contents_wrap .texts .line:nth-child(3) {
            width: 100%; }
          #media .contents_wrap .texts .line:nth-child(4) {
            width: 46.09%; } }
      #media .contents_wrap .texts p {
        display: block;
        margin: 0 auto 50px;
        font-size: 16px;
        line-height: 34px;
        letter-spacing: 0.05em; }
        @media screen and (min-width: 768px) {
          #media .contents_wrap .texts p.show {
            transition-delay: 0.9s;
            -webkit-transition-delay: 0.9s; } }
        @media screen and (max-width: 767px) {
          #media .contents_wrap .texts p {
            width: 81.47vw;
            line-height: 1.846;
            margin-bottom: 6vw; } }

footer {
  position: relative;
  width: 100%;
  padding: 40px 0; }
  @media screen and (max-width: 767px) {
    footer {
      padding: 13.33vw 0; } }
  footer .sns {
    position: relative;
    width: 52px;
    margin: 0 auto 40px; }
    @media screen and (max-width: 767px) {
      footer .sns {
        width: 12.13vw;
        margin-bottom: 7.87vw; } }
    footer .sns .sns_f,
    footer .sns .sns_i {
      width: 14px; }
      @media screen and (min-width: 768px) {
        footer .sns .sns_f:hover,
        footer .sns .sns_i:hover {
          animation: blink 0.3s ease-out;
          -webkit-animation: blink 0.3s ease-out; } }
      footer .sns .sns_f img,
      footer .sns .sns_i img {
        width: 100%;
        height: auto;
        display: block; }
      @media screen and (max-width: 767px) {
        footer .sns .sns_f,
        footer .sns .sns_i {
          width: 2.67vw; } }
    footer .sns .sns_f {
      float: left; }
      footer .sns .sns_f img {
        width: 50%;
        margin: 0 auto; }
    footer .sns .sns_i {
      float: right; }
  footer .notice {
    text-align: center;
    font-size: 11px;
    line-height: 1.75;
    margin-bottom: 30px; }
    @media screen and (max-width: 767px) {
      footer .notice {
        font-size: 1.8vw; } }
  footer .copyright {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 12px; }
    @media screen and (max-width: 767px) {
      footer .copyright {
        font-size: 2.4vw; } }

/**
sp_menu
***************************/
.menu_btn {
  position: fixed;
  top: 0;
  right: 6.67vw;
  margin-top: 5.2vw;
  width: 5.6vw;
  height: 5.6vw;
  z-index: 11; }
  .menu_btn .open_btn,
  .menu_btn .close_btn {
    position: absolute;
    width: 100%;
    transition: opacity 0.8s ease-in-out;
    -webkit-transition: opacity 0.8s ease-in-out; }
  .menu_btn .close_btn {
    opacity: 0; }
  .menu_btn .bar {
    width: 100%;
    height: auto;
    position: absolute;
    transition: transform 0.4s ease-in-out 0.4s;
    -webkit-transition: -webkit-transform 0.4s ease-in-out 0.4s; }
    .menu_btn .bar img {
      transition: transform 0.4s ease-in-out;
      -webkit-transition: -webkit-transform 0.4s ease-in-out; }
    .menu_btn .bar:nth-child(1) {
      margin-top: 1.07vw; }
    .menu_btn .bar:nth-child(2) {
      margin-top: 3.47vw; }

.open .menu_btn .open_btn {
  opacity: 0; }
.open .menu_btn .close_btn {
  opacity: 1; }
.open .menu_btn .bar {
  transition: transform 0.4s ease-in-out;
  -webkit-transition: -webkit-transform 0.4s ease-in-out; }
  .open .menu_btn .bar img {
    transition: transform 0.4s ease-in-out 0.4s;
    -webkit-transition: -webkit-transform 0.4s ease-in-out 0.4s; }
  .open .menu_btn .bar:nth-child(1) {
    transform: translateY(1.2vw);
    -webkit-transform: translateY(1.2vw); }
    .open .menu_btn .bar:nth-child(1) img {
      transform: rotate(45deg);
      -webkit-transform: rotate(45deg); }
  .open .menu_btn .bar:nth-child(2) {
    transform: translateY(-1.2vw);
    -webkit-transform: translateY(-1.2vw); }
    .open .menu_btn .bar:nth-child(2) img {
      transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg); }

.sp_menu {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10;
  visibility: hidden;
  height: 100%; }
  .sp_menu .menu_bg {
    display: block;
    position: absolute;
    right: -150vmax;
    top: -150vmax;
    width: 300vmax;
    height: auto;
    transform: scale(0);
    -webkit-transform: scale(0);
    transition: transform 0.7s ease-in-out;
    -webkit-transition: -webkit-transform 0.7s ease-in-out; }
  .sp_menu ul {
    clear: both;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    padding: 28vmin 0; }
    .sp_menu ul li {
      position: relative;
      margin: 0 auto 17.33vmin;
      opacity: 0;
      transition: opacity 0.8s cubic-bezier(0.65, 0.445, 0.185, 0.97);
      -webkit-transition: opacity 0.8s cubic-bezier(0.65, 0.445, 0.185, 0.97); }
      .sp_menu ul li img {
        width: 100%;
        height: auto;
        display: block; }
      .sp_menu ul li a {
        display: block;
        position: relative;
        width: 100%;
        height: auto; }
      .sp_menu ul li:nth-child(1) {
        width: 22.93vmin; }
      .sp_menu ul li:nth-child(2) {
        width: 25.33vmin; }
      .sp_menu ul li:nth-child(3) {
        width: 16.8vmin; }
      .sp_menu ul li:nth-child(4) {
        width: 22.13vmin; }
      .sp_menu ul li:nth-child(5) {
        width: 29.73vmin;
        margin-bottom: 20vmin; }
      .sp_menu ul li:last-child {
        width: 17.2vmin;
        margin-bottom: 0; }
        .sp_menu ul li:last-child a {
          width: 3.2vmin; }
        .sp_menu ul li:last-child .fb {
          float: left; }
          .sp_menu ul li:last-child .fb img {
            width: 50%;
            margin: 0 auto; }
        .sp_menu ul li:last-child .insta {
          float: right; }
  .sp_menu.open {
    visibility: visible; }
    .sp_menu.open .menu_bg {
      transform: scale(1);
      -webkit-transform: scale(1);
      transition: transform 1s cubic-bezier(0.65, 0.445, 0.185, 0.97);
      -webkit-transition: -webkit-transform 1s cubic-bezier(0.65, 0.445, 0.185, 0.97); }
    .sp_menu.open ul li {
      opacity: 1;
      transition-delay: 1s;
      -webkit-transition-delay: 1s; }

/**
video_area
******************************/
.movie_box {
  width: 100%;
  height: 100%;
  position: absolute;
  display: none;
  background-color: rgba(35, 172, 56, 0.95);
  -webkit-transition: opacity 0.5s ease-out;
  -ms-transition: opacity 0.5s ease-out;
  transition: opacity 0.5s ease-out;
  opacity: 0;
  z-index: 12;
  position: fixed;
  top: 0;
  left: 0; }

body.modal_mode .movie_box {
  opacity: 1; }

.movie_box .close_btn {
  width: 80px;
  height: 80px;
  cursor: pointer;
  position: absolute;
  right: 0px;
  top: 0px; }

body.modal_mode {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden; }

body.modal_mode #wrapper {
  width: 100%;
  /*height:100%;*/
  position: absolute; }

.movie_box iframe {
  position: absolute;
  width: 90vw;
  max-width: 1280px;
  height: 50.63vw;
  max-height: 720px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.buy_btn {
  display: block;
  position: fixed;
  width: 280px;
  height: 280px;
  left: 0px;
  top: 0px;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden; }
  @media screen and (max-width: 1070px) {
    .buy_btn {
      width: 26.17vw;
      height: 26.17vw; } }
  @media screen and (max-width: 767px) {
    .buy_btn {
      width: 29.4vmin;
      height: 29.4vmin;
      left: -1vmin;
      top: -1vmin; } }
  .buy_btn a {
    transform: scale(0);
    -webkit-transform: scale(0);
    display: block;
    position: absolute;
    width: 71.43%;
    height: 71.43%;
    left: 14.28%;
    top: 14.28%; }
  .buy_btn #circle1 {
    width: 100%;
    height: 100%;
    overflow: visible;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    position: relative; }
    .buy_btn #circle1 .cls {
      fill: #ffff00;
      width: 100%;
      height: 100%;
      stroke: rgba(35, 172, 56, 0);
      stroke-width: 3;
      stroke-miterlimit: 10;
      transition: stroke-dasharray 0.5s ease-out, stroke 0s 0.5s;
      -webkit-transition: stroke-dasharray 0.5s ease-out, stroke 0s 0.5s;
      stroke-dashoffset: 78.53;
      stroke-dasharray: 0,314.159;
      transform: translate3d(0, 0, 0);
      -webkit-transform: translate3d(0, 0, 0);
      position: relative; }
  .buy_btn .text {
    display: block;
    position: absolute;
    width: 36%;
    height: auto;
    left: 50%;
    margin-left: -18%;
    top: 50%;
    margin-top: -17%; }
  .buy_btn.show a {
    animation: umeAnim 1s ease-out 0.4s;
    -webkit-animation: umeAnim 1s ease-out 0.4s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both; }
  @media screen and (min-width: 768px) {
    .buy_btn a:hover #circle1 .cls {
      transition: stroke-dasharray 0.5s ease-out, stroke 0s;
      -webkit-transition: stroke-dasharray 0.5s ease-out, stroke 0s;
      stroke: #23ac38;
      stroke-dashoffset: 78.53;
      stroke-dasharray: 314.159,0; } }