/**
For landing pages like MOFu
*/
/*
100 Thin (Hairline)
200 Extra Light (Ultra Light)
300 Light
400 Normal
500 Medium
600 Semi Bold (Demi Bold)
700 Bold
800 Extra Bold (Ultra Bold)
900 Black (Heavy)
*/
header.no_headspace {
  border-bottom: none;
}

#content.no_headspace {
  margin-top: 0;
}

.slay {
  opacity: 0.8;
}

.scr_block p {
  padding: 0.5em 0;
  margin: 0.5em 0;
}
.scr_block:hover p {
  background-color: #F6F8FA;
}

.up_top_left {
  -webkit-transform: translate(-25px, -50px);
      -ms-transform: translate(-25px, -50px);
          transform: translate(-25px, -50px);
}

.up_top {
  -webkit-transform: translate(0px, -50px);
      -ms-transform: translate(0px, -50px);
          transform: translate(0px, -50px);
}

.shade_input .field {
  background-color: #F7F7F7;
  border-color: #5D6167;
  padding: 0.5em 1em;
}

.skewbox {
  -webkit-transform: skew(-5deg, 0deg);
      -ms-transform: skew(-5deg, 0deg);
          transform: skew(-5deg, 0deg);
}

.scr_nav .collapse {
  -webkit-transition: all 150ms ease-in-out 0ms;
  transition: all 150ms ease-in-out 0ms;
}
.scr_nav.scroll-to-fixed-fixed {
  background-color: #F6F8FA;
}
.scr_nav.scroll-to-fixed-fixed .collapse {
  height: 0;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
}
.scr_nav.scroll-to-fixed-fixed .scr_block:hover p {
  background-color: #ffffff;
}

.corner_img {
  height: calc(100vw - 40px);
  width: calc(100vw - 40px);
}
.corner_img.just_text {
  height: auto;
  width: auto;
  left: auto;
  top: auto;
}

.lp_all.run .img_sky {
  -webkit-transition: all 1s ease-in 1s;
  transition: all 1s ease-in 1s;
  opacity: 1;
}
.lp_all.run .left_in {
  -webkit-transition: all 2s cubic-bezier(0.46, 0.03, 0.52, 0.96) 0ms;
  transition: all 2s cubic-bezier(0.46, 0.03, 0.52, 0.96) 0ms;
  -webkit-transform: translate(0, 0) scale(1);
      -ms-transform: translate(0, 0) scale(1);
          transform: translate(0, 0) scale(1);
}
.lp_all.run .right_in {
  -webkit-transition: all 2s cubic-bezier(0.46, 0.03, 0.52, 0.96) 0ms;
  transition: all 2s cubic-bezier(0.46, 0.03, 0.52, 0.96) 0ms;
  -webkit-transform: translate(0, 0) scale(1);
      -ms-transform: translate(0, 0) scale(1);
          transform: translate(0, 0) scale(1);
}
.lp_all.run .lpj_middle {
  -webkit-transition: transform 3s cubic-bezier(0.46, 0.03, 0.52, 0.96) 0s;
  -webkit-transition: -webkit-transform 3s cubic-bezier(0.46, 0.03, 0.52, 0.96) 0s;
  transition: -webkit-transform 3s cubic-bezier(0.46, 0.03, 0.52, 0.96) 0s;
  transition: transform 3s cubic-bezier(0.46, 0.03, 0.52, 0.96) 0s;
  transition: transform 3s cubic-bezier(0.46, 0.03, 0.52, 0.96) 0s, -webkit-transform 3s cubic-bezier(0.46, 0.03, 0.52, 0.96) 0s;
  -webkit-transform: translate(0, 0) scale(1);
      -ms-transform: translate(0, 0) scale(1);
          transform: translate(0, 0) scale(1);
}
.lp_all.run .moon_text {
  -webkit-transition: all 0.75s ease-in 2.25s;
  transition: all 0.75s ease-in 2.25s;
  opacity: 1;
}
.lp_all.run .container__lp {
  -webkit-transition: all 3s cubic-bezier(0.46, 0.03, 0.52, 0.96) 0.2s;
  transition: all 3s cubic-bezier(0.46, 0.03, 0.52, 0.96) 0.2s;
  -webkit-transform: translate(0, 0px);
      -ms-transform: translate(0, 0px);
          transform: translate(0, 0px);
}
.lp_all.run .img_moon_out.spins {
  -webkit-transition: opacity 0.5s ease-in 3.5s;
  transition: opacity 0.5s ease-in 3.5s;
  -webkit-animation: spin_7487 20s cubic-bezier(0.46, 0.03, 0.52, 0.96) infinite;
          animation: spin_7487 20s cubic-bezier(0.46, 0.03, 0.52, 0.96) infinite;
  -webkit-animation-delay: 3.5s;
          animation-delay: 3.5s;
  opacity: 1;
}
.lp_all.run .moon_shadow {
  -webkit-animation: glow 5s linear infinite;
          animation: glow 5s linear infinite;
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
}

.lp_banner {
  height: 50vw;
  background-color: #011627;
  min-height: 400px;
}

.left_in {
  -webkit-transform: translate(-25%, 0) scale(1.2);
      -ms-transform: translate(-25%, 0) scale(1.2);
          transform: translate(-25%, 0) scale(1.2);
  left: 0;
  bottom: 0;
  height: 100%;
}
.left_in img {
  height: 100%;
  width: auto;
}

.right_in {
  -webkit-transform: translate(25%, 0) scale(1.2);
      -ms-transform: translate(25%, 0) scale(1.2);
          transform: translate(25%, 0) scale(1.2);
  right: 0;
  bottom: 0;
  height: 100%;
}
.right_in img {
  height: 100%;
  width: auto;
}

.lpj_middle {
  width: 48vw;
  height: 48vw;
  min-width: 340px;
  min-height: 340px;
  bottom: -30px;
  -webkit-transform: translate(0, 100%) scale(0.75);
      -ms-transform: translate(0, 100%) scale(0.75);
          transform: translate(0, 100%) scale(0.75);
}

.img_moon {
  top: 50%;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  width: 87%;
}

.img_moon_out {
  top: 50%;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  padding-bottom: 8px;
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  opacity: 0;
}
.img_moon_out.spins {
  top: 0;
  -webkit-transform: rotate(137deg);
      -ms-transform: rotate(137deg);
          transform: rotate(137deg);
}

.img_sky {
  opacity: 0;
}

.moon_text {
  position: absolute;
  top: 40%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 0;
}

.moon_shadow {
  background: rgb(255, 255, 255);
  background: radial-gradient(circle, white 0%, white 50%, transparent 70%, transparent 100%);
  opacity: 0.25;
}

.moon_squad {
  top: 0;
  -webkit-transform: translate(0, -100%);
      -ms-transform: translate(0, -100%);
          transform: translate(0, -100%);
}
.moon_squad img {
  width: 20vw;
  min-width: 220px;
}

.up_over {
  margin-top: -100px;
}

.fdown {
  -webkit-animation: fade_down 4s ease infinite;
          animation: fade_down 4s ease infinite;
  -webkit-animation-delay: 3.5s;
          animation-delay: 3.5s;
  opacity: 0;
}

.arr_r {
  bottom: 20%;
  right: 5%;
}

.arr_l {
  bottom: 20%;
  left: 5%;
}

.blog-banner.fauto {
  min-height: auto;
  height: auto;
}

.col_card_inner {
  height: 532px;
}

.bottom_set {
  -webkit-transition: all 400ms cubic-bezier(0.22, 0.61, 0.36, 1) 200ms;
  transition: all 400ms cubic-bezier(0.22, 0.61, 0.36, 1) 200ms;
  bottom: calc(-100% + 120px);
  top: unset;
}
.bottom_set p {
  -webkit-transition: all 200ms linear 0ms;
  transition: all 200ms linear 0ms;
  opacity: 0;
}
.bottom_set .slay {
  -webkit-transition: all 200ms linear 200ms;
  transition: all 200ms linear 200ms;
}

.bs_parent:hover .bottom_set {
  -webkit-transition: all 400ms cubic-bezier(0.22, 0.61, 0.36, 1) 0ms;
  transition: all 400ms cubic-bezier(0.22, 0.61, 0.36, 1) 0ms;
  bottom: 0%;
}
.bs_parent:hover p {
  opacity: 1;
  -webkit-transition: all 300ms linear 300ms;
  transition: all 300ms linear 300ms;
}
.bs_parent:hover .slay {
  -webkit-transition: all 700ms linear 0ms;
  transition: all 700ms linear 0ms;
  opacity: 0.95;
}

.init_hidden {
  max-height: calc(100% - 130px);
}

@media screen and (max-width: 36em) {
  .col_text .col_card_inner {
    height: auto;
  }
}
@media screen and (max-width: 47em) {
  .ci_wrap::after {
    content: "";
    display: block;
    position: absolute;
    z-index: 130;
    background-color: #ffffff;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
  }
  .after_ci {
    top: calc(-50vw + 40px);
    margin-bottom: calc(-50vw + 40px);
  }
  .page-template-tofu .request-banner__form {
    position: relative;
    top: -220px;
    margin-bottom: -170px;
  }
  .page-template-tofu .form_no_mobile_offset {
    top: -50px;
    margin-bottom: -50px;
  }
  .moon_text {
    top: 35%;
  }
  .moon_text .h1.xl {
    font-size: 20px;
  }
  .container__lp {
    margin-top: -50px;
    -webkit-transform: translate(0, 0px);
        -ms-transform: translate(0, 0px);
            transform: translate(0, 0px);
  }
  .img_offset {
    -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
            transform: translateY(0%);
  }
}
@media screen and (min-width: 47em) {
  .corner_img {
    height: 46vw;
    width: 46vw;
    max-width: 584px;
    max-height: 584px;
    left: 0px;
    top: 0px;
  }
  .corner_img:not(.just_text) {
    position: absolute;
  }
  .corner_img.just_text {
    height: 46vw;
    width: auto;
  }
  .ci_inner {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .page-template-tofu .form_summerhome {
    top: -460px;
    margin-bottom: -460px;
  }
  .img_offset {
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .img_offset_2d {
    -webkit-transform: translate(-15%, 10%);
        -ms-transform: translate(-15%, 10%);
            transform: translate(-15%, 10%);
  }
  .img_offset_3d {
    -webkit-transform: translate(-25%, 0%) scale(2);
        -ms-transform: translate(-25%, 0%) scale(2);
            transform: translate(-25%, 0%) scale(2);
    -webkit-transform-origin: right center;
        -ms-transform-origin: right center;
            transform-origin: right center;
  }
  .img_offset_4d {
    -webkit-transform: translate(-25%, 50%) scale(2);
        -ms-transform: translate(-25%, 50%) scale(2);
            transform: translate(-25%, 50%) scale(2);
    -webkit-transform-origin: right center;
        -ms-transform-origin: right center;
            transform-origin: right center;
  }
  .img_offset_5d {
    -webkit-transform: translate(10%, 100%) scale(3);
        -ms-transform: translate(10%, 100%) scale(3);
            transform: translate(10%, 100%) scale(3);
    -webkit-transform-origin: right center;
        -ms-transform-origin: right center;
            transform-origin: right center;
  }
  .img_offset_1r {
    -webkit-transform: translate(25%, 0%);
        -ms-transform: translate(25%, 0%);
            transform: translate(25%, 0%);
    -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
            transform-origin: center center;
  }
  .lp_form_2021 {
    position: absolute;
    right: 0;
    top: 25%;
    -webkit-transform: translate(25%, 0);
        -ms-transform: translate(25%, 0);
            transform: translate(25%, 0);
  }
}
@media screen and (min-width: 36em) and (max-width: 64em) {
  .col_card:nth-child(2n+1) {
    -webkit-transform: translate(0, 50%);
        -ms-transform: translate(0, 50%);
            transform: translate(0, 50%);
  }
  .col_card:last-child {
    margin-bottom: 50%;
  }
}
@media screen and (min-width: 47em) and (max-width: 64em) {
  .lp_banner {
    height: 72vw;
  }
  .lpj_middle {
    width: 70vw;
    height: 70vw;
  }
}
@media screen and (min-width: 64em) {
  .col_card:nth-child(3n+1), .col_card:nth-child(3n+3) {
    -webkit-transform: translate(0, 50%);
        -ms-transform: translate(0, 50%);
            transform: translate(0, 50%);
  }
  .col_card:last-child {
    margin-bottom: 25%;
  }
}
@-webkit-keyframes glow {
  0% {
    opacity: 0.25;
  }
  25% {
    opacity: 0.85;
  }
  50% {
    opacity: 0.85;
  }
  75% {
    opacity: 0.25;
  }
  100% {
    opacity: 0.25;
  }
}
@keyframes glow {
  0% {
    opacity: 0.25;
  }
  25% {
    opacity: 0.85;
  }
  50% {
    opacity: 0.85;
  }
  75% {
    opacity: 0.25;
  }
  100% {
    opacity: 0.25;
  }
}
@-webkit-keyframes spin_7487 {
  0% {
    -webkit-transform: rotate(137deg);
            transform: rotate(137deg);
  }
  10% {
    -webkit-transform: rotate(137deg);
            transform: rotate(137deg);
  }
  20% {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  35% {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  45% {
    -webkit-transform: rotate(-53deg);
            transform: rotate(-53deg);
  }
  60% {
    -webkit-transform: rotate(-53deg);
            transform: rotate(-53deg);
  }
  70% {
    -webkit-transform: rotate(-137deg);
            transform: rotate(-137deg);
  }
  85% {
    -webkit-transform: rotate(-137deg);
            transform: rotate(-137deg);
  }
  95% {
    -webkit-transform: rotate(-223deg);
            transform: rotate(-223deg);
  }
  100% {
    -webkit-transform: rotate(-223deg);
            transform: rotate(-223deg);
  }
}
@keyframes spin_7487 {
  0% {
    -webkit-transform: rotate(137deg);
            transform: rotate(137deg);
  }
  10% {
    -webkit-transform: rotate(137deg);
            transform: rotate(137deg);
  }
  20% {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  35% {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  45% {
    -webkit-transform: rotate(-53deg);
            transform: rotate(-53deg);
  }
  60% {
    -webkit-transform: rotate(-53deg);
            transform: rotate(-53deg);
  }
  70% {
    -webkit-transform: rotate(-137deg);
            transform: rotate(-137deg);
  }
  85% {
    -webkit-transform: rotate(-137deg);
            transform: rotate(-137deg);
  }
  95% {
    -webkit-transform: rotate(-223deg);
            transform: rotate(-223deg);
  }
  100% {
    -webkit-transform: rotate(-223deg);
            transform: rotate(-223deg);
  }
}
@-webkit-keyframes fade_down {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 0;
  }
  40% {
    opacity: 0.9;
  }
  60% {
    opacity: 0.9;
  }
  100% {
    -webkit-transform: translate(0, 85%);
            transform: translate(0, 85%);
    opacity: 0;
  }
}
@keyframes fade_down {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 0;
  }
  40% {
    opacity: 0.9;
  }
  60% {
    opacity: 0.9;
  }
  100% {
    -webkit-transform: translate(0, 85%);
            transform: translate(0, 85%);
    opacity: 0;
  }
}
/*
0% { transform:rotate(104deg); }
10% { transform:rotate(104deg); }
20% { transform:rotate(34deg); }
35% { transform:rotate(34deg) }
45% { transform:rotate(-40deg); }
60% { transform:rotate(-40deg) }
70% { transform:rotate(-102deg); }
85% { transform:rotate(-102deg) }
95% { transform:rotate(-256deg) }
100% { transform:rotate(-256deg) }
*/