@charset "UTF-8";
/*————————————————————————————————————————————

追加CSS

———————————*/

@media screen and (min-width: 1200px) and (max-width: 1400px) {
  header .globalNav ul {
    align-items: center;
    gap: 32px 20px;
  }
}

/* 22.09.22追加 */
@media screen and (max-width: 1200px) {
  .Vtour-img.blockIn .sp-only {
    display: block;
  }
}

/* 22.09.26追加 */
@media screen and (max-width: 600px) {
  .about h5 {
    font-size: 21px;
    line-height: 1.6;
  }
}

/* 240104_フォームボタン追加 */
@media screen and (min-width: 600px) {
  /*==================================================
   線が伸びて枠線になる
  ===================================*/
  .contact {
    /*線の基点位置*/
    /*線の基点位置2 spanタグ*/
    /*現在地とhoverした際の線の変化*/
  }
  .contact .button {
    /*線の基点とするためrelativeを指定*/
    position: relative;
    margin: 30px auto 0;
    width: 50%;
  }
  .contact .button::before,
  .contact .button::after {
    content: "";
    /*絶対配置で線の位置を決める*/
    position: absolute;
    background: #fff;
    /*線の形状*/
    width: 0;
    height: 2px;
    /*アニメーションの指定*/
    transition: all 0.2s linear;
  }
  .contact .button::before {
    right: 0;
    bottom: 0;
  }
  .contact .button::after {
    left: 0;
    top: 0;
  }
  .contact .button span {
    display: block;
  }
  .contact .button span::before,
  .contact .button span::after {
    content: "";
    /*絶対配置で線の位置を決める*/
    position: absolute;
    background: #fff;
    /*線の形状*/
    width: 2px;
    height: 0;
    /*アニメーションの指定*/
    transition: all 0.1s linear;
  }
  .contact .button span::before {
    left: 0;
    bottom: 0;
  }
  .contact .button span::after {
    right: 0;
    top: 0;
  }
  .contact .button.current::before,
  .contact .button.current::after,
  .contact .button:hover::before,
  .contact .button:hover::after {
    width: 100%;
  }
  .contact .button :hover::after {
    transition-delay: 0s; /*すぐ線を出現させる*/
  }
  .contact .button :hover::before {
    transition-delay: 0.3s; /*線の出現を0.3秒遅らせる*/
  }
  .contact .button.current span::before,
  .contact .button.current span::after,
  .contact .button:hover span::before,
  .contact .button:hover span::after {
    height: 100%;
  }
  .contact .button:hover span::before {
    transition-delay: 0.3s; /*線の出現を0.5秒遅らせる*/
  }
  .contact .button:hover span::after {
    transition-delay: 0.2s; /*線の出現を0.2秒遅らせる*/
  }
}
@media screen and (max-width: 600px) {
  .contact .button {
    position: relative;
    margin: 30px auto 0;
  }
}