/*============================================
          Common						
============================================*/
.section-ttl span {
    font-family: "font-downey-thin";
    font-size: 24px;
    font-weight: 300;
    position: relative;
    z-index: 1;
  }
  .section-ttl span::before {
    -webkit-transform: translateY(-50%);
    background: radial-gradient(#816804 0%, #F2DE8C 53.96%, #816804 84.9%, #F2DE8C 100%);
    content: "";
    height: 1px;
    left: -300px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 257px;
  }
  .section-ttl[data-type=contact] {
    text-align: center;
  }
  .section-ttl[data-type=contact] span::after {
    -webkit-transform: translateY(-50%);
    background: url(../../dist/img/gold-left.webp) no-repeat center center/cover;
    content: "";
    height: 1px;
    left: -600px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 581px;
  }
  .section-ttl[data-type=contact] span::before {
    -webkit-transform: translateY(-50%);
    background: url(../../dist/img/gold-right.webp) no-repeat center center/cover;
    content: "";
    height: 1px;
    left: inherit;
    position: absolute;
    right: -600px;
    top: 50%;
    transform: translateY(-50%);
    width: 581px;
  }
/*============================================
          toTop						
============================================*/
.toTop {
    bottom: 50px;
    height: 46px;
    position: fixed;
    right: 24px;
    width: 46px;
    z-index: 9999;
  }
  @media screen and (max-width: 767px) {
    .toTop {
      height: 36.8px;
      right: 8px;
      width: 36.8px;
    }
  }

/*============================================
          アニメーション						
============================================*/
.fadeUpTrigger {
    opacity: 0;
  }
  
  .fadeUp {
    -webkit-animation-name: fadeUpAnime;
    -webkit-animation-duration: 2s;
    -webkit-animation-fill-mode: forwards;
    animation-duration: 2s;
    animation-fill-mode: forwards;
    animation-name: fadeUpAnime;
    opacity: 0;
  }
  
  @-webkit-keyframes fadeUpAnime {
    from {
      -webkit-transform: translateY(100px);
      opacity: 0;
      transform: translateY(100px);
    }
    to {
      -webkit-transform: translateY(0);
      opacity: 1;
      transform: translateY(0);
    }
  }
  
  @keyframes fadeUpAnime {
    from {
      -webkit-transform: translateY(100px);
      opacity: 0;
      transform: translateY(100px);
    }
    to {
      -webkit-transform: translateY(0);
      opacity: 1;
      transform: translateY(0);
    }
  }
  /*============================================
            Swipre Text						
  ============================================*/
  .swiper2, .swiper3, .swiper4 {
    height: 150px;
    overflow: hidden;
  }
  @media screen and (max-width: 767px) {
    .swiper2, .swiper3 {
      height: 100px;
    }
  }