@charset "utf-8";

/* FIRST VIEW */

#slider {
    width: 100%;
    height: 100vh;/*スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
}

@media screen and (max-width: 768px) {
    #slider.vegas-container {
        height: 470px !important;
    }
}

/* FLOATING BTN (RECRUIT) */

/*フッターまでスクロールしたら消す*/
.is-hidden {
    visibility: hidden;
    opacity: 0;
  }

/* FADE IN */
.inview {
    opacity: 0;
    transform: translateY(30px); /* もっと下から */
    filter: blur(7px); /* ぼんやり */
    transition: opacity 1.2s ease-out, transform 1.2s ease-out, filter 1.2s ease-out;
  }
  
  .inview.is-show {
    opacity: 1;
    transform: translateY(0);
    filter: blur(0); /* シャキッと */
  }

/* LOADING */

#splash {
    /*fixedで全面に固定*/
      position: fixed;
      width: 100%;
      height: 100%;
      z-index: 999;
      background:#F4F2EF;
      text-align:center;
      color:#fff;
    }
    
    /* Loading画像中央配置　*/
    #splash_logo {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }
    
    /* Loading アイコンの大きさ設定　*/
    #splash_logo img {
      width:260px;
    }
    
    /* fadeUpをするアイコンの動き */
    .fadeUp {
        animation-name: fadeUpAnime;
        animation-duration: 1.2s;
        animation-fill-mode: forwards;
        animation-timing-function: ease-out;
        opacity: 0;
        filter: blur(10px); /* 最初はぼんやり */
      }
      
      @keyframes fadeUpAnime {
        from {
          opacity: 0;
          transform: translateY(50px);
          filter: blur(10px); /* ぼけた状態から */
        }
      
        to {
          opacity: 1;
          transform: translateY(0);
          filter: blur(0); /* くっきりに */
        }
      }

/* Flatpicker */

#visit-preference-fields p .wpcf7-form-control-wrap input,
#interview-preference-fields p .wpcf7-form-control-wrap input {
  background-color: #F4F2EF;
  border: none;
  height: 5rem;
  padding-left: 1.88rem;
  box-sizing: border-box;
  font-size: 1.16rem;
  border-radius: 0.62rem;
  color: #6B5752;
  letter-spacing: .15em;
  width: 55%;
}

@media screen and (max-width: 768px) {
    #visit-preference-fields p .wpcf7-form-control-wrap input,
    #interview-preference-fields p .wpcf7-form-control-wrap input 
    {
  width: 100%;
  }
}


/* 確認画面 */

.hidden {
  display: none;
}

.block {
  display: block;
}

.flex {
  display: flex !important;
}