@charset "UTF-8";
/* CSS Document */
img{
  max-width: 100%;
  height: auto;
}
.Header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 50px;
  transition: .3s;
  z-index: 3;
}
header {
  grid-area: header;
  box-shadow: 0 0 1px #d1d1d1;
  background: #ffffff;
}
.global-header {
  margin: 0 auto;
  padding: 10px 16px;
}
.global-header__inner {
  display: flex;
  line-height: 1;
  list-style: none;
}
.animsition-link {
  text-decoration: none;
}
.visual__brandTitle {
  color: #000;
  font-family: 'Barlow Semi Condensed', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 24px;
}
main 
{
  overflow: hidden;
}

/*ここからpc版*/
.section-top {
  width: 100%;
  margin-top: 50px;
  background-image: url("../assets/top/orizuru6__top_pc.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: relative;
}
.section-top::before {
  content: '';
  width: 165px;
  background-image: url("../assets/top/bg_dots_tate_pc.png");
  background-position: center;
  background-repeat: no-repeat;
  height: 802px;
  position: absolute;
  top: -29px;
  left: 5%;
  display: block;
  z-index: -1;
}
.section-top::after {
  content: '';
  width: 270px;
  background-image: url("../assets/top/bg_dots_yoko_pc.png");
  background-position: center;
  background-repeat: no-repeat;
  height: 150px;
  position: absolute;
  bottom: 22%;
  right: 1%;
  display: block;
  z-index: -2;
}
.section-top div:first-child {
  transform: translate(0px, -35.5px);
}



.bg-switcher {
  width: 86%;
  padding: 30px 0 0;
  margin: 0 auto;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 67% auto;
  }



.section-top__title img {
  width: 100%;
}

.section-top__title-img_pc {
    display: block;
    margin-top: 120px;
  }
 .section-top__title-img_sp {
  display: none;
}
.section-top__title-face_sp {
  display: none;
}
/*
 .section-top__title-img_pc {
    display: block;
  }
*/
/*
.section-top__title-face_pc {
    display: block;
    max-width: 17%;
    margin: 160px auto 0;
  }
*/
/*
.section-top__kyoro {
  position: relative;
}
*/
.section-top__eyes-pc {
  position: relative;
    display: block;
    max-width: 17%;
    margin: 110px auto 0;
}
.section-top__eyes-pc:before, .section-top__eyes-pc:after {/*left目とright共通の設定*/
    display: block;/*幅と高さを設定する*/
    position: absolute;
    top: 2px;
}
.section-top__eyes-pc:before {/*左目*/
  display: block;
    content: '';
    width: 11%;
    height: 11%;
    left: 7.2%;
    background-color: #333333;
    border-radius: 50%; 
    animation: eyemove 3s ease-in-out infinite;/*動く時間とアニメーション名の設定*/
}
/*
@keyframes eyemove {
50%{transform: translate(7px, 0px);}
100%{transform: translate(0px, 0px);}
}
*/
.section-top__eyes-pc:after {/*右目*/
     display: block;
    content: '';
    width: 11%;
    height: 11%;
    right: 13.1%;
    top: 3px;
    background-color: #333333;
    border-radius: 50%;
    animation: eyemove 3s ease-in-out infinite;/*動く時間とアニメーション名の設定*/
}
@keyframes eyemove {/*目のアニメーション設定*/
    50%{transform: translate(7px, 0px);}/*動く*/
    100%{transform: translate(0px, 0px);}/*戻る*/
}
.section-top__eyes-sp {
  display: none;
}

.section-activity__wrapper {
  position: relative;
  min-height: 99.16vw; /*img高さ 1428px 割る 1440px */
  margin: 0 auto;
  background-image: url("../assets/activity/bg_yellow_activity_carp_fukidashi_pc_v2.svg");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}
.section-activity__images {
  /*  max-width: 1440px;*/
  width: 100%;
  margin: 0 auto;
}
.section-activity__images img {
  width: 100%;
/*  margin-top: 3vw;*/
}
.section-activity__img_pc {
  display: block;
  padding-top: 4%;
  }
.section-activity__img_sp {
    display: none;
  } 

.section-activity__wave-after-activity {
  width: 100%;
    position: absolute;
    bottom: -545px;
    z-index: -1;
}
.section-activity__wave-after-activity img {
  width: 100%;
}
.section-activity__btn-container img {
  width: 9.5vw;
  cursor: pointer;
}

.section-activity__btn-woodegg {
  position: absolute;
  top: 35%;
  left: 3%; 
  transition: all 0.5s ease;
}
/*

.section-activity__btn-woodegg:hover{
   transform: scaleX(-1);
}
*/

.section-activity__btn-tower {
  position: absolute;
  top: 89%;
  left: 12%;
  transition: all 0.5s ease;
  z-index: 2;
}
/* .section-activity__btn-tower:hover{
  transform: scaleX(-1);
} */
.section-activity__btn-carp {
  position: absolute;
  top: 30%;
  right: 3%;
  transition: all 0.5s ease;
}

/*
.section-activity__btn-carp:hover{
  transform: scaleX(-1);
}
*/


.section-activity__btn-mazda {
  position: absolute;
  top: 70%;
  right: 3%;
  transition: all 0.5s ease;
}
.section-activity__btn-mazda:hover{
  transform: scaleX(-1);
}
.gold01-activity-sp {
  display: none;
}
.gold01-activity-pc {
    width: 34%;
    position: absolute;
    top: 67.5%;
    right: 20%;
    transform: translate(500px, 0px);
    visibility: hidden;
    opacity: 0;
    transition: 2.5s;
    overflow: hidden;

  }
.gold01-activity-pc img{
   transform-origin: center bottom;
  animation: yurayura 4s linear infinite;
  width: 19vw;
}
.section-guidetour__wrapper {
  position: relative;
  min-height: 99.72vw; /*img高さ 1436px 割る 幅1440px */
  margin: -14vw auto -23vw;
}
.section-guidetour__images {
  width: 100%;
  margin: 0 auto;
}
.section-guidetour__images img {
  width: 100%;
}
.section-guidetour__img_pc {
    display: block;
  }
.section-guidetour__img_sp {
    display: none;
  } 
.section-guidetour__btn-container img {
    width: 9.5vw;
  }
.section-guidetour__btn-cycle-tour {
  position: absolute;
  top: 31%;
  right: 24%;
  transition: all 0.5s ease;
}
.section-guidetour__btn-cycle-tour:hover{
  transform: scaleX(-1);
}
.section-guidetour__btn-peace-volunteer {
  position: absolute;
  top: 50%;
  left: 2%;
  transition: all 0.5s ease;
}
.section-guidetour__btn-peace-volunteer:hover{
  transform: scaleX(-1);
}
.section-guidetour__btn-park-tour {
  position: absolute;
  top: 86%;
  left: 10%;
  z-index: 2;
  transition: all 0.5s ease;
}
.section-guidetour__btn-park-tour:hover{
  transform: scaleX(-1);
}
.gold01-guidetour-sp {
  display: none;
}
.section-spots__wrapper {
  position: relative;
  min-height: 149.97vw; /*img高さ 2156px 割る 幅1440px */
  margin: 0 auto;
  background-image: url(../assets/spot/bg_yellow_spots_pc.png);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
/*  z-index: -1;*/
}
.section-spots__images {
  width: 100%;
  margin: 0 auto;
}
.section-spots__images img {
  width: 100%;
  margin-top: 0.5vw;
}

.section-spots__img_pc {
  display: block;
  padding-top: 10%;
}
.section-spots__img_sp {
  display: none;
}
.section-spots__slider-sp {
  display: none;
 
}
.section-spots__btn-container img {
  width: 9.5vw;
  cursor: pointer;
}
.section-spots__btn-memorial_park {
  position: absolute;
  top: 23%;
  right: 42%;  
  transition: all 0.5s ease;
}
.section-spots__btn-memorial_park:hover{
  transform: scaleX(-1);
}
.section-spots__btn-memorial_museum {
  position: absolute;
  top: 23%;
  right: 15%;
  transition: all 0.5s ease;
}
.section-spots__btn-memorial_museum:hover{
  transform: scaleX(-1);
}
.section-spots__btn-hibaku-lecture {
  position: absolute;
  top: 38%;
  right: 29%;
  transition: all 0.5s ease;
}
.section-spots__btn-hibaku-lecture:hover{
  transform: scaleX(-1);
}
.section-spots__btn-rest-house {
  position: absolute;
  top: 63%;
  left: 8%;
  transition: all 0.5s ease;
}
.section-spots__btn-rest-house:hover{
  transform: scaleX(-1);
}
.section-spots__btn-hachidori {
  position: absolute;
  top: 71%;
  left: 32%;
  transition: all 0.5s ease;
}
.section-spots__btn-hachidori:hover{
  transform: scaleX(-1);
}
.section-spots__btn-genbaku-dome {
  position: absolute;
  top: 87%;
  left: 32%;
  transition: all 0.5s ease;
}
.section-spots__btn-genbaku-dome:hover{
  transform: scaleX(-1);
}
.section-spots__btn-andersen {
  position: absolute;
  top: 78.5%;
  left: 54%;
  transition: all 0.5s ease;
}
.section-spots__btn-andersen:hover{
  transform: scaleX(-1);
}
.section-spots__img_pc {
    display: block;
  }
.section-spots__img_sp {
    display: none;
  } 
.section-spots__btn-slider-sp {
  display: none;
}
.section-spots_gold-pc {
  display: block;
}

.section-spots_gold-sp {
  display: none;
}

.gold01-spots-pc {
    width: 34%;
    position: absolute;
    top: 52%;
    right: 2%;
    transform: translate(500px, 0px);
    visibility: hidden;
    opacity: 0;
    transition: 2.5s;
    overflow: hidden;
 
  }
.gold01-spots-pc img{
   transform-origin: center bottom;
  animation: yurayura 4s linear infinite;
    width: 19vw;
}

.gold02-spots-pc {
    width: 34%;
    position: absolute;
    top: 34%;
    left: 7%;
    transform: translate(-500px, 0px);
    visibility: hidden;
    opacity: 0;
    transition: 2.5s;
    overflow: hidden;
  }
.gold02-spots-pc img{
   transform-origin: center bottom;
  animation: yurayura 4s linear infinite;
   width: 19vw;
}



.slide-in {
  transform: translate(0px, 0px);
  visibility: visible;
  opacity: 1;
}
.section-vehicle__wrapper {
  position: relative;
  min-height: 69.44vw; /*img高さ 1000px 割る 幅1440px */
  margin: -11vw auto -15vw;
}
.section-vehicle__images {
  width: 100%;
  margin: 0 auto;
}
.section-vehicle__images img {
  width: 100%;
}
.section-vehicle__img_sp {
  display: none;
}
.section-vehicle__btn-container img {
    width: 9.5vw;
  }
.section-vehicle__btn-train {
  position: absolute;
  top: 27%;
  left: 5%;
  transition: all 0.5s ease;

}
.section-vehicle__btn-train:hover{
  transform: scaleX(-1);
}
.section-vehicle__btn-bus {
  position: absolute;
  top: 45%;
  right: 2%;
  transition: all 0.5s ease;

}
.section-vehicle__btn-bus:hover{
  transform: scaleX(-1);
}
.section-vehicle__btn-cruise {
  position: absolute;
  top: 90%;
  left: 5%;
  z-index: 2;
  transition: all 0.5s ease;

}
.section-vehicle__btn-cruise:hover{
  transform: scaleX(-1);
}

.section-vehicle__btn-bicycle {
  position: absolute;
  top: 71%;
  right: 6%;
  transition: all 0.5s ease;

}
.section-vehicle__btn-bicycle:hover{
  transform: scaleX(-1);
}
.section-vehicle__img_pc {
    display: block;
  }
.section-vehicle__img_sp {
    display: none;
  } 
.gold01-vehicle-sp {
  display: none;
}
.section-event__wrapper {
  position: relative;
  min-height: 86.73vw; /*img高さ 1249px 割る 幅1440px */
  margin: -17vw auto -8vw;
  background-image: url("../assets/event/bg_yellow_event_tourou_pc.svg");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}
.section-event__images {
  width: 100%;
  margin: 0 auto;
}
.section-event__images img {
  width: 100%;
/*  margin-top: 12vw;*/
}

.section-event__img_pc {
    display: block;
    padding-top: 12%;
}
.section-event__img_sp {
  display: none;
}
.section-event__btn-container img {
    width: 16.8vw;
  }
.section-event__btn-night-game {
  position: absolute;
  top: 56%;
  left: 1%; 
  transition: all 0.5s ease;

}
.section-event__btn-night-game:hover{
  transform: scaleX(-1);
}
.section-event__btn-nazotoki {
  position: absolute;
  top: 70%;
  left: 5%;
  transition: all 0.5s ease;

}
.section-event__btn-nazotoki:hover{
  transform: scaleX(-1);
}
.section-event__btn-tourou {
  position: absolute;
  top: 32%;
  right: 17%; 
  transition: all 0.5s ease;

}
.section-event__btn-tourou:hover{
  transform: scaleX(-1);
}
.section-event__btn-flower {
  position: absolute;
  top: 76%;
  right: 23%;
  transition: all 0.5s ease;

}
.section-event__btn-flower:hover{
  transform: scaleX(-1);
}
.section-home {
  overflow-x: visible;
}
.section-home__wrapper {
  position: relative;
  min-height: 88.33vw; /*img高さ 1272px 割る 幅1440px */
  margin: 0 auto;
}
.section-home__images {
  width: 100%;
  margin: 0 auto;
}
.section-home__images img {
  width: 100%;
}
.section-home__img_sp {
  display: none;
}
.section-home__slider-sp {
  display: none;
}


.section-home__btn-container img {
    width: 9.5vw;
  }
.section-home__btn-movie {
  position: absolute;
  top: 21%;
  left: 5%;
  transition: all 0.5s ease;
}
.section-home__btn-movie:hover{
  transform: scaleX(-1);
}
.section-home__btn-free-kenkyu {
  position: absolute;
  top: 52%;
  right: 18%; 
  transition: all 0.5s ease;
}
.section-home__btn-free-kenkyu:hover{
  transform: scaleX(-1);
}
.section-home__btn-empty {
  position: absolute;
  top: 60%;
  left: 4%;
  transition: all 0.5s ease;
}
.section-home__btn-empty:hover{
  transform: scaleX(-1);
}
.section-home__btn-archive {
  position: absolute;
  top: 89%;
  left: 30%;
  transition: all 0.5s ease;
}
.section-home__btn-archive:hover{
  transform: scaleX(-1);
}
.section-home__btn-face {
 position: absolute;
  top: 80%;
  right: 26%;
  transition: all 0.5s ease;
  z-index: 100;
}
.section-home__btn-face:hover{
  transform: scaleX(-1);
  
}
.section-home__img_pc {
    display: block;
  }
.section-home__img_sp {
    display: none;
  } 


.gold01-home-pc {
    display: block;
    width: 34%;
    position: absolute;
    top: 80%;
    right: 27%;
    transform: translate(500px, 0px);
    visibility: hidden;
    opacity: 0;
    transition: 2.5s;
    overflow: hidden;
  }
.gold01-home-pc img{
   transform-origin: center bottom;
  animation: yurayura 4s linear infinite;
  width: 19vw;
}
.slide-in {
  transform: translate(0px, 0px);
  visibility: visible;
  opacity: 1;
}
.gold01-home-sp {
  display: none;
}
.gold02-home-sp {
  display: none;
}



.footer__container {
  margin-bottom: 20px;
}
.footer__bg-after-home {}
.footer__bg-after-home img {
  width: 100%;
}
.footer-description {
  margin: 80px auto 60px; 
  max-width: 600px;
/*
  padding-top: 80px;
  margin-bottom: 60px;
*/
  font-size: 2.0rem;
  line-height: 2;
}
.footer__br01_sp {
  display: none;
}
.footer__br02_sp {
  display: none;
}
.footer__sns-links ul {
  margin-bottom: 60px;
}
.footer__sns-links ul li {
  display: inline-block;
  list-style: none;
  margin: 0 40px;
}
.footer__banner-wrapper ul {
  margin-bottom: 80px;
  list-style: none;
  display: flex;
  justify-content: center;
}
.footer__banner-wrapper ul li {
  margin: 0 30px;
  max-width: 390px;
}
.footer_banner-peace-tourism img {
  width: 100%;
 
}
.footer_banner-hirotabi img {
  width: 100%;

}




/*ここからsp版*/
@media (max-width: 600px) {
  .section-top {
  width: 100%;
  margin-top: 50px;
  margin-bottom: -16.3vw;
  background-image: url(../assets/top/assets_top_sp/orizuru_top_bg_sp.svg);
  background-position: center 10%;
  background-repeat: no-repeat;
  background-size: contain;
  position: relative;
} 

  .section-top__title {
  width: 100%; 
/*  margin: 40px auto 0;*/
  }

.section-top__title-img_pc {
    display: none;
  }
.section-top__title-img_sp {
    display: block;
/*  margin-top: -10px;*/
  }
  .section-top__title-face_pc {
    display: none;
  }
  
/*
.section-top__title-face_sp {
    display: block;
    max-width: 35%;
    margin: 63% auto 0;
  }
  
*/
  .section-top__eyes-pc {
    display: none;
  } 
  
  .section-top__eyes-sp {
  position: relative;
    display: block;
    max-width: 35%;
    margin: 171px auto 0;
}
.section-top__eyes-sp:before, .section-top__eyes-sp:after {/*left目とright共通の設定*/
    display: block;/*幅と高さを設定する*/
    position: absolute;
    top: 2px;
}
  .section-top__eyes-sp:before {/*左目*/
  display: block;
    content: '';
    width: 9%;
    height: 11%;
    left: 7.2%;
    background-color: #333333;
    border-radius: 50%; 
    animation: eyemove 3s ease-in-out infinite;/*動く時間とアニメーション名の設定*/
}
  .section-top__eyes-sp:after {/*右目*/
     display: block;
    content: '';
    width: 9%;
    height: 11%;
    right: 13.1%;
    top: 2.95px;
    background-color: #333333;
    border-radius: 50%;
    animation: eyemove 3s ease-in-out infinite;/*動く時間とアニメーション名の設定*/
}
 
  
  .section-top::after {
    content: '';
    width: 116px;
    height: 105px;
    position: absolute;
    bottom: 10%;
    right: 0;
    display: block;
    z-index: -2;
}
  .section-top::before {
    content: '';
    width: 100px;
    height: 488px;
    position: absolute;
    top: -40px;
    left: 12%;
    display: block;
    z-index: -1;
}
 .section-top div:first-child {
/*    transform: translate(0px, 254px);*/
    top: 49% !important;
/*    width: 100;*/
    background-size: 100% !important;
}  

  .bg-switcher-sp {
  width: 100%;
  padding: 15px 0 0;
  margin: 0 auto;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 67% auto;
  }
.section-activity__wrapper {
  position: relative;
  min-height: 312.5vw;
  margin: 0 auto;
  padding-top: 8%;
  background-image: url("../assets/activity/activity_sp/bg_activity_carp_sp_v2.svg");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;  
  }
  .section-activity__images img {
    margin-top: 6vw;
  } 
.section-activity__img_pc {
    display: none;
  }
  
  .section-activity__img_sp {
    display: block;
  }  
  
   
  .section-activity__btn-container img {
    width: 24vw;
  }
  .section-activity__btn-woodegg {
  position: absolute;
  top: 33%;
  left: 2%;
  transition: all 0.5s ease;
}  
  .section-activity__btn-woodegg:hover{
  transform: scaleX(-1);
  
}
.section-activity__btn-tower {
  position: absolute;
  top: 92%;
  left: 1%;
  transition: all 0.5s ease;
  z-index: 1;
}
  .section-activity__btn-tower:hover{
  transform: scaleX(-1);
  
}
.section-activity__btn-carp {
  position: absolute;
  top: 12%;
  right: 23%;
  transition: all 0.5s ease;
}
  .section-activity__btn-carp:hover{
  transform: scaleX(-1);
  
}
.section-activity__btn-mazda {
  position: absolute;
  top: 65%;
  right: 1%;
  transition: all 0.5s ease;
} 
  .section-activity__btn-mazda:hover{
  transform: scaleX(-1);
  
}
  .gold01-activity-pc {
    display: none;
  }
  .gold01-activity-sp {
    display: block;
    width: 34%;
    position: absolute;
    top: 40%;
    right: 1%;
    transform: translate(100px, 0px);
    visibility: hidden;
    opacity: 0;
    transition: 2.5s;
    overflow: hidden;
  }
  
  .gold01-activity-sp img{
   transform-origin: center bottom;
  animation: yurayura 4s linear infinite;
}
.section-guidetour__wrapper {
  position: relative;
  min-height: 340.5vw; /*img高さ 1277px 割る 375px */
  margin: 0 auto;
  }
 
.section-guidetour__img_pc {
    display: none;
  }
.section-guidetour__img_sp {
    display: block;
    margin-top: -16%;
  } 
  .section-guidetour__btn-container img {
    width: 24vw;
  }
.section-guidetour__btn-cycle-tour {
  position: absolute;
  top: 16%;
  right: 3%;
  transition: all 0.5s ease;
}
   .section-guidetour__btn-cycle-tour:hover{
  transform: scaleX(-1);
  
}
 .section-guidetour__btn-peace-volunteer {
  position: absolute;
  top: 69%;
  left: 3%;
   transition: all 0.5s ease;
} 
   .section-guidetour__btn-peace-volunteer:hover{
  transform: scaleX(-1);
  
}
 .section-guidetour__btn-park-tour {
  position: absolute;
  top: 94%;
  left: 14%;
  z-index: 2;
   transition: all 0.5s ease;
} 
  .section-guidetour__btn-park-tour:hover{
  transform: scaleX(-1);
}
.gold01-guidetour-sp {
  display: block;
    width: 34%;
    position: absolute;
    top: 23%;
    left: 0;
    transform: translate(-100px, 0px);
    visibility: hidden;
    opacity: 0;
    transition: 2.5s;
    overflow: hidden;
  }  
  .gold01-guidetour-sp img{
   transform-origin: center bottom;
  animation: yurayura 4s linear infinite;
}
.section-spots__wrapper {
  position: relative;
  min-height: 400vw; /*img高さ 1500px 割る 375px */
  margin: 0 auto;
  background-image: url("../assets/spot/spot_sp/bg_spot_sp.svg");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;  
/*  z-index: -1;*/
  }
  .section-spots__images img {
    margin-top: 3%;
  }
  .section-spots__img_pc {
    display: none;
  }
  
  .section-spots__img_sp {
    display: block;
  }
  
.section-spots__slider-sp {
  display: block;
  margin-top: 30px;
}

 .section-spots__btn-container02 {
    display: none;
  }
  
  .section-spots__btn-slider-sp {
  display: block;
}
  
  .section-spots__btn-container img {
    width: 24vw;
  }
 .section-spots__btn-memorial_park {
  position: absolute;
  top: 41%;
  left: -31%;
  transition: all 0.5s ease;
}
  .section-home__btn-memorial_park:hover{
  transform: scaleX(-1);
}
.section-spots__btn-memorial_museum {
  position: absolute;
  top: 55%;
  left: -57%;
  transition: all 0.5s ease;
}
  .section-home__btn-memorial_museum:hover{
  transform: scaleX(-1);
}
/*
.section-spots__btn-genbaku-dome {
  position: absolute;
  top: 48%;
  right: 23%;
  transition: all 0.5s ease;
}
  .section-home__btn-genbaku-dome:hover{
  transform: scaleX(-1);
}
*/
/*  sp版　下部スライドエリア　講話からドームへ差し替え*/
  .section-spots__btn-hibaku-lecture {
  position: absolute;
  top: 49%;
  right: 23%;
  transition: all 0.5s ease;
}
  .section-spots__btn-hibaku-lecture:hover{
  transform: scaleX(-1);
}

.gold01-spots-pc {
  display: none;
}
  
  .section-spots_gold-sp {
  display: block;
}
  .gold01-spots-sp {
    width: 34%;
    position: absolute;
    top: 63%;
    right: 1%;
    transform: translate(100px, 0px);
    visibility: hidden;
    opacity: 0;
    transition: 2.5s;
    overflow: hidden;
  }
 .gold01-spots-sp img{
   transform-origin: center bottom;
  animation: yurayura 4s linear infinite;
}
  .gold02-spots-pc {
  display: none;
}
  .gold02-spots-sp {
    width: 34%;
    position: absolute;
    top: 25%;
    left: 2%;
    transform: translate(-100px, 0px);
    visibility: hidden;
    opacity: 0;
    transition: 2.5s;
    overflow: hidden;
  }
.gold02-spots-sp img{
   transform-origin: center bottom;
  animation: yurayura 4s linear infinite;
}
   

.slide-in {
  transform: translate(0px, 0px);
  visibility: visible;
  opacity: 1;
}
 
 
.section-vehicle__wrapper {
  position: relative;

  min-height: 207vw; /*img高さ 950px 割る 375px */
   margin: -10% auto 0;
  } 
  
 
  .section-vehicle__images img {
    margin-top: 0;
  }
.section-vehicle__img_pc {
    display: none;
  }
.section-vehicle__img_sp {
    display: block;
  } 
  .section-vehicle__btn-container img {
    width: 24vw;
  }
.section-vehicle__btn-train {
  position: absolute;
  top: 18%;
  left: 2%;
  transition: all 0.5s ease;
}
   .section-home__btn-train:hover{
  transform: scaleX(-1);
}
.section-vehicle__btn-bus {
  position: absolute;
  top: 36%;
  right: 2%;
  transition: all 0.5s ease;
}  
   .section-home__btn-bus:hover{
  transform: scaleX(-1);
}
.section-vehicle__btn-cruise {
  position: absolute;
  top: 96%;
  left: 2%;
  transition: all 0.5s ease;
}  
   .section-home__btn-cruise:hover{
  transform: scaleX(-1);
}
.section-vehicle__btn-bicycle {
  position: absolute;
  top: 72%;
  right: 2%;
  transition: all 0.5s ease;
}  
   .section-home__btn-bicycle:hover{
  transform: scaleX(-1);
}
.gold01-vehicle-sp {
  display: block;
    width: 34%;
    position: absolute;
    top: 48%;
    left: 0;
    transform: translate(-100px, 0px);
    visibility: hidden;
    opacity: 0;
    transition: 2.5s;
    overflow: hidden;
  }  
  .gold01-vehicle-sp img{
   transform-origin: center bottom;
  animation: yurayura 4s linear infinite;
}
  
.section-event__wrapper {
  position: relative;
/*
  width: 100%;
  padding: 80px 0 0;
*/
  min-height: 242.6vw; /*img高さ 696px 割る 375px */
  margin: 0 auto;
  padding-top: 8%;
  background-image: url("../assets/event/event_sp/group_enent_bg_with_tourou_sp.svg");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;  
  }
 
.section-event__img_pc {
    display: none;
  }
.section-event__img_sp {
    display: block;
  padding-top: 15%;
  
  } 
  .section-event__images img {
    width: 100%;
    margin-top: 27vw;
  }
  .section-event__btn-container img {
    width: 40vw;
  }
.section-event__btn-tourou {
  position: absolute;
  top: 12%;
  right: 28%;
  transition: all 0.5s ease;
}
   .section-event__btn-tourou:hover{
  transform: scaleX(-1);
}
 .section-event__btn-night-game {
  position: absolute;
  top: 42%;
  left: 0%;
   transition: all 0.5s ease;
} 
   .section-event__btn-night-game:hover{
  transform: scaleX(-1);
}
 .section-event__btn-nazotoki {
  position: absolute;
  top: 63%;
  left: 0%;
   transition: all 0.5s ease;
} 
   .section-event__btn-nazotoki:hover{
  transform: scaleX(-1);
}
 .section-event__btn-flower {
  position: absolute;
  top: 80%;
  right: 41%;
   transition: all 0.5s ease;
} 
   .section-event__btn-flower:hover{
  transform: scaleX(-1);
}
  
  
  
.section-home__wrapper {
  position: relative;
/*
  width: 100%;
  padding: 80px 0 0;
*/
  min-height: 323vw; /*img高さ 1211px 割る 375px */
  margin: 0 auto;
  }
 
  
.section-home__img_pc {
    display: none;
  }
.section-home__img_sp {
    display: block;
  } 
  
  .section-home__slider-sp {
  display: block;
    margin-top: 30px;
}
  .section-home__btn-container02 {
    display: none;
  }
  .section-home__btn-container img {
    width: 24vw;
  }
.section-home__btn-movie {
  position: absolute;
  top: 17%;
  left: 3%;
  transition: all 0.5s ease;
}
   .section-home__btn-movie:hover{
  transform: scaleX(-1);
}
 .section-home__btn-free-kenkyu {
  position: absolute;
  top: 33%;
  right: 27%;
   transition: all 0.5s ease;
} 
   .section-home__btn-free-kenkyu:hover{
  transform: scaleX(-1);
}
  .gold01-home-pc {
    display: none;
  }
 .gold01-home-sp {
   display: block;
    width: 34%;
    position: absolute;
    top: 1%;
    right: 7%;
    transform: translate(100px, 0px);
    visibility: hidden;
    opacity: 0;
    transition: 2.5s;
    overflow: hidden;
  } 
  .gold01-home-sp img{
   transform-origin: center bottom;
  animation: yurayura 4s linear infinite;
}
  .gold02-home-sp {
   display: block;
    width: 34%;
    position: absolute;
    top: 71%;
    right: 15%;
    transform: translate(100px, 0px);
    visibility: hidden;
    opacity: 0;
    transition: 2.5s;
    overflow: hidden;
  } 
  .gold02-home-sp img{
   transform-origin: center bottom;
  animation: yurayura 4s linear infinite;
}
  
  
.slide-in {
  transform: translate(0px, 0px);
  visibility: visible;
  opacity: 1;
}
 
  .footer__container {
    text-align: center;
  }
  
  .footer-description {
    margin: 50px auto;
    font-size: 1.6rem;
    line-height: 1.7;
    font-weight: 400;
    text-align: left;
    display: inline-block;
  }
  .footer__br01_sp {
  display: block;
}
.footer__br02_sp {
  display: block;
}
  .footer__sns-links ul {
    margin-bottom: 50px;
}
  .footer__sns-links ul li {
    margin: 0 20px;
}

  .footer__instagram img {
      width: 80%;
  }
  .footer__twitter img {
      width: 80%;
  }
  
.footer__banner-wrapper ul {
    margin: 0 auto 50px;
    list-style: none;
    display: block;
    width: 80%;
  }
  .footer__banner-wrapper ul li {
    margin: 0 auto 20px;
}
  .footer__copyright {
    font-size: 1.0rem;
  }

}
#page-top {
  position: fixed;
  width: 8vw;
  bottom: 30px;
  right: 2px;
  animation: page-top 5s infinite ease-in-out .8s alternate;
  transition: 1.5s ease-in-out;
}

#page-top:hover{
  opacity: 0.7;
  transform: translatey(-5px);
  transition-duration: 0.4s;
}
@keyframes page-top {
  0% {
    transform:translate(0, 0) rotate(-7deg);
  }
  50% {
    transform:translate(0, -7px) rotate(0deg);
  }
  100% {
    transform:translate(0, 0) rotate(7deg);
  }
}
@media (max-width: 600px){
#page-top {
  width: 100px;
}  

.slide-in {
  transform: translate(0px, 0px);
  visibility: visible;
  opacity: 1;
}
}
  @keyframes yurayura{
    0%,100%{
      transform: rotate(-5deg);
    }
    50% {
     transform: rotate(0deg);
   }
  }




/* Z 軸（左へ） */

.rotateLeftZTrigger{
 opacity: 0;
}


.rotateLeftZ{
  animation-name:rotateLeftZAnime;
  animation-duration:3s;
  animation-fill-mode:forwards;
  opacity: 0;
}

@keyframes rotateLeftZAnime{
  from{
    transform: rotateZ(0);
    opacity: 0;
    }
  to{
    transform: rotateZ(-360deg);
    opacity: 1;
    }
}


/* 拡大 */
.zoomInTrigger{
    opacity: 0;
}
.zoomIn{
animation-name:zoomInAnime;
animation-duration:2s;
animation-fill-mode:forwards;
opacity: 0;
}

@keyframes zoomInAnime{
  from {
	transform: scale(0.6);
  opacity: 0;
  }

  to {
      transform: scale(1.0);
  opacity: 1;
  }
}

/*title fadeup*/
.fadeUp {
animation-name:fadeUpAnime;
animation-duration:3s;
animation-fill-mode:forwards;
opacity: 0;
}
@keyframes fadeUpAnime{
  from {
    opacity: 0;
  transform: translateY(100px);
  }

  to {
    opacity: 1;
  transform: translateY(0);
  }
}