@charset "UTF-8";
/* カラー */
/* media query */
/* SP縦から */
/* SP横から */
/* タブレット縦から */
/* フルワイド */
/* font */
.bg_img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 600/296;
}

.top_mainvisual .area_mainvisual {
  background: #D9E9F8;
  padding: 20px 30px 50px;
  position: relative;
}
@media all and (max-width: 896px) {
  .top_mainvisual .area_mainvisual {
    padding: 10px 15px 30px;
  }
}
.top_mainvisual .sec_mainvisual {
  position: relative;
}
.top_mainvisual .ttl_mainvisual {
  display: none;
}
@media all and (max-width: 896px) {
  .top_mainvisual .ttl_mainvisual {
    display: block;
    width: 55%;
    max-width: 200px;
    position: absolute;
    top: 2.5%;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    z-index: 20;
  }
}
.top_mainvisual .link_movie {
  position: absolute;
  right: 0;
  bottom: 200px;
  z-index: 20;
}
@media all and (max-width: 896px) {
  .top_mainvisual .link_movie {
    bottom: 120px;
  }
}
.top_mainvisual .link_movie > li {
  margin-top: 10px;
}
.top_mainvisual .link_movie > li > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
}
.top_mainvisual .link_movie .txt_link {
  font-family: "Open Sans", sans-serif;
  font-size: 1.8rem;
  font-weight: bold;
  text-transform: uppercase;
  margin-right: 10px;
  text-shadow: 0 0 3px #006BB7;
}
@media all and (max-width: 896px) {
  .top_mainvisual .link_movie .txt_link {
    font-size: 1.4rem;
    margin-right: 5px;
  }
}
.top_mainvisual .link_movie .number_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.top_mainvisual .link_movie .number_wrapper::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 2px;
  background: #fff;
  -webkit-box-shadow: 0 0 3px #006BB7;
          box-shadow: 0 0 3px #006BB7;
}
@media all and (max-width: 896px) {
  .top_mainvisual .link_movie .number_wrapper::before {
    width: 15px;
  }
}
.top_mainvisual .link_movie .number_wrapper::after {
  content: "";
  display: inline-block;
  width: 30px;
  height: 2px;
  background: #fff;
  -webkit-box-shadow: 0 0 3px #006BB7;
          box-shadow: 0 0 3px #006BB7;
}
@media all and (max-width: 896px) {
  .top_mainvisual .link_movie .number_wrapper::after {
    width: 20px;
  }
}
.top_mainvisual .link_movie .txt_number {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 55px;
  height: 55px;
  border-radius: 50%;
  border: 2px solid #fff;
  font-size: 2.8rem;
  font-weight: 500;
  text-shadow: 0 0 3px #006BB7;
  -webkit-filter: drop-shadow(0 0 3px #006BB7);
          filter: drop-shadow(0 0 3px #006BB7);
}
@media all and (max-width: 896px) {
  .top_mainvisual .link_movie .txt_number {
    width: 40px;
    height: 40px;
    font-size: 2rem;
  }
}
.top_mainvisual .link_travelko {
  width: 180px;
  position: absolute;
  right: -20px;
  bottom: -30px;
  z-index: 20;
}
@media all and (max-width: 896px) {
  .top_mainvisual .link_travelko {
    width: 120px;
    right: -5px;
    bottom: -10px;
  }
}
@media all and (max-width: 480px) {
  .top_mainvisual .link_travelko {
    width: 96px;
  }
}
.top_mainvisual .link_vr {
  width: 180px;
  position: absolute;
  bottom: 16%;
  left: 20px;
  z-index: 20;
}
@media all and (max-width: 896px) {
  .top_mainvisual .link_vr {
    width: 120px;
    bottom: 9%;
    left: 10px;
  }
}
@media all and (max-width: 480px) {
  .top_mainvisual .link_vr {
    width: 96px;
  }
}
.top_mainvisual .sec_scroll {
  text-align: center;
  position: absolute;
  bottom: 65px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
@media all and (max-width: 896px) {
  .top_mainvisual .sec_scroll {
    bottom: 45px;
  }
}
.top_mainvisual .sec_scroll a:hover {
  opacity: 1;
}
.top_mainvisual .sec_scroll .txt_scroll {
  font-size: 1.6rem;
  color: #fff;
  text-shadow: 0 0 3px #006BB7;
}
@media all and (max-width: 896px) {
  .top_mainvisual .sec_scroll .txt_scroll {
    font-size: 1.3rem;
  }
}
.top_mainvisual .sec_scroll .mark_scroll {
  width: 38px;
  height: 60px;
  border: 3px solid #fff;
  border-radius: 60px;
  margin: 10px auto 0;
  overflow: hidden;
  position: relative;
  -webkit-filter: drop-shadow(0 0 3px #006BB7);
          filter: drop-shadow(0 0 3px #006BB7);
}
@media all and (max-width: 896px) {
  .top_mainvisual .sec_scroll .mark_scroll {
    width: 30px;
    height: 48px;
    border-width: 2px;
    border-radius: 48px;
    margin-top: 5px;
  }
}
@media all and (max-width: 480px) {
  .top_mainvisual .sec_scroll .mark_scroll {
    width: 24px;
    height: 38px;
    border-radius: 38px;
  }
}
.top_mainvisual .sec_scroll .mark_scroll > span {
  display: block;
  width: 10px;
  height: 10px;
  background: #fff;
  border-radius: 50%;
  position: absolute;
  top: 10px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  opacity: 0;
  -webkit-animation: scrollMove 1.4s ease-in-out infinite;
          animation: scrollMove 1.4s ease-in-out infinite;
  -webkit-filter: drop-shadow(0 0 3px #006BB7);
          filter: drop-shadow(0 0 3px #006BB7);
}
@media all and (max-width: 896px) {
  .top_mainvisual .sec_scroll .mark_scroll > span {
    width: 8px;
    height: 8px;
  }
}
@media all and (max-width: 480px) {
  .top_mainvisual .sec_scroll .mark_scroll > span {
    width: 6px;
    height: 6px;
  }
}
@-webkit-keyframes scrollMove {
  0% {
    top: 10px;
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  100% {
    top: 50px;
    opacity: 0;
  }
}
@keyframes scrollMove {
  0% {
    top: 10px;
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  100% {
    top: 50px;
    opacity: 0;
  }
}
.top_mainvisual .mark_movie {
  width: 240px;
  position: absolute;
  left: 30px;
  bottom: 0;
}
@media all and (max-width: 896px) {
  .top_mainvisual .mark_movie {
    width: 100px;
    left: 20px;
  }
}

.top_digest {
  padding-top: 80px;
  .width-max-width: 1200px;
}
@media all and (max-width: 896px) {
  .top_digest {
    padding-top: 40px;
  }
}
.top_digest .area_digest {
  margin-left: calc(50% - 50vw);
  background: #D9E9F8;
  border-radius: 0 20px 20px 0;
}
.top_digest .sec_digest {
  padding-left: calc(50vw - 50% + 40px);
}
@media all and (max-width: 896px) {
  .top_digest .sec_digest {
    padding-left: calc(50vw - 50% + 20px);
  }
}
.top_digest .block_digest {
  padding: 60px 40px;
}
@media all and (max-width: 896px) {
  .top_digest .block_digest {
    padding: 40px 20px;
  }
}
.top_digest .ttl_digest {
  max-width: 492px;
  margin: 0 auto;
}
@media all and (max-width: 896px) {
  .top_digest .ttl_digest {
    max-width: 394px;
  }
}
.top_digest .list_digest {
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 30px 40px;
}
@media all and (max-width: 896px) {
  .top_digest .list_digest {
    margin-top: 30px;
  }
}
.top_digest .list_digest > li {
  width: calc((100% - 40px) / 2);
}
@media all and (max-width: 896px) {
  .top_digest .list_digest > li {
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
  }
}
.top_digest .list_digest > li > a {
  display: block;
  position: relative;
}
.top_digest .logo_vr {
  width: 100px;
  position: absolute;
  top: 10px;
  right: 15px;
}
@media all and (max-width: 896px) {
  .top_digest .logo_vr {
    width: 80px;
    top: 5px;
    right: 10px;
  }
}
@media all and (max-width: 480px) {
  .top_digest .logo_vr {
    width: 60px;
    top: 3px;
    right: 6px;
  }
}
.top_digest .btn_movie {
  width: 70px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
@media all and (max-width: 896px) {
  .top_digest .btn_movie {
    width: 56px;
  }
}
@media all and (max-width: 480px) {
  .top_digest .btn_movie {
    width: 35px;
  }
}

.top_other .area_other {
  padding: 100px 0;
}
@media all and (max-width: 896px) {
  .top_other .area_other {
    padding: 50px 0;
  }
}
.top_other .ttl_other {
  width: calc(100% - 80px);
  max-width: 414px;
  margin: 0 auto;
}
@media all and (max-width: 896px) {
  .top_other .ttl_other {
    max-width: 331px;
  }
}
.top_other .slide_other {
  margin-top: 60px;
  position: relative;
}
@media all and (max-width: 896px) {
  .top_other .slide_other {
    margin-top: 30px;
  }
}
.top_other .slide_other .swiper-button-prev,
.top_other .slide_other .swiper-button-next {
  width: 45px;
  height: 45px;
  z-index: 20;
  top: 150px;
}
@media all and (max-width: 896px) {
  .top_other .slide_other .swiper-button-prev,
.top_other .slide_other .swiper-button-next {
    width: 35px;
    height: 35px;
    top: 127px;
  }
}
@media all and (max-width: 480px) {
  .top_other .slide_other .swiper-button-prev,
.top_other .slide_other .swiper-button-next {
    top: 90px;
  }
}
.top_other .slide_other .swiper-button-prev::after,
.top_other .slide_other .swiper-button-next::after {
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
}
.top_other .slide_other .swiper-button-prev {
  left: 0;
  -webkit-transform: translate(calc(50vw - 322px), 0);
          transform: translate(calc(50vw - 322px), 0);
}
@media all and (max-width: 896px) {
  .top_other .slide_other .swiper-button-prev {
    -webkit-transform: translate(calc(50vw - 257px), 0);
            transform: translate(calc(50vw - 257px), 0);
  }
}
@media all and (max-width: 480px) {
  .top_other .slide_other .swiper-button-prev {
    -webkit-transform: translate(calc(50vw - 177px), 0);
            transform: translate(calc(50vw - 177px), 0);
  }
}
@media all and (max-width: 320px) {
  .top_other .slide_other .swiper-button-prev {
    left: 10px;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
.top_other .slide_other .swiper-button-prev::after {
  background-image: url("../images/other_arrow_prev.svg");
}
.top_other .slide_other .swiper-button-next {
  right: 0;
  -webkit-transform: translate(calc(-50vw + 322px), 0);
          transform: translate(calc(-50vw + 322px), 0);
}
@media all and (max-width: 896px) {
  .top_other .slide_other .swiper-button-next {
    -webkit-transform: translate(calc(-50vw + 257px), 0);
            transform: translate(calc(-50vw + 257px), 0);
  }
}
@media all and (max-width: 480px) {
  .top_other .slide_other .swiper-button-next {
    -webkit-transform: translate(calc(-50vw + 177px), 0);
            transform: translate(calc(-50vw + 177px), 0);
  }
}
@media all and (max-width: 320px) {
  .top_other .slide_other .swiper-button-next {
    right: 10px;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
.top_other .slide_other .swiper-button-next::after {
  background-image: url("../images/other_arrow_next.svg");
}
.top_other .swiper-slide {
  width: 600px;
}
@media all and (max-width: 896px) {
  .top_other .swiper-slide {
    width: 480px;
  }
}
@media all and (max-width: 480px) {
  .top_other .swiper-slide {
    width: 320px;
  }
}
.top_other .block_slide {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
}
.top_other .logo_vr {
  width: 140px;
  position: absolute;
  top: 10px;
  right: 15px;
}
@media all and (max-width: 896px) {
  .top_other .logo_vr {
    width: 112px;
    top: 5px;
    right: 10px;
  }
}
@media all and (max-width: 480px) {
  .top_other .logo_vr {
    width: 70px;
  }
}

.name_other {
  width: calc(100% - 30px);
  max-width: 432px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 20;
}
@media all and (max-width: 896px) {
  .name_other {
    max-width: 346px;
  }
}
@media all and (max-width: 480px) {
  .name_other {
    max-width: 216px;
  }
}
.name_other.name03 {
  max-width: 432px;
}
@media all and (max-width: 896px) {
  .name_other.name03 {
    max-width: 346px;
  }
}
@media all and (max-width: 480px) {
  .name_other.name03 {
    max-width: 216px;
  }
}
.name_other.name04 {
  max-width: 461px;
}
@media all and (max-width: 896px) {
  .name_other.name04 {
    max-width: 369px;
  }
}
@media all and (max-width: 480px) {
  .name_other.name04 {
    max-width: 230px;
  }
}
.name_other.name05 {
  max-width: 432px;
}
@media all and (max-width: 896px) {
  .name_other.name05 {
    max-width: 346px;
  }
}
@media all and (max-width: 480px) {
  .name_other.name05 {
    max-width: 216px;
  }
}
.name_other.name06 {
  max-width: 432px;
}
@media all and (max-width: 896px) {
  .name_other.name06 {
    max-width: 346px;
  }
}
@media all and (max-width: 480px) {
  .name_other.name06 {
    max-width: 216px;
  }
}

.top_access {
  padding: 80px 0;
  background: #D9E9F8;
  margin-top: 80px;
}
@media all and (max-width: 896px) {
  .top_access {
    padding-top: 40px;
    margin-top: 40px;
  }
}
.top_access .width {
  max-width: 1200px;
}
.top_access .area_access {
  margin-right: calc(50% - 50vw);
  background: #fff;
  border-radius: 20px 0 0 20px;
}
.top_access .sec_access {
  padding-right: calc(50vw - 50% + 40px);
}
@media all and (max-width: 896px) {
  .top_access .sec_access {
    padding-right: calc(50vw - 50% + 20px);
  }
}
.top_access .block_access {
  padding: 60px 40px;
}
@media all and (max-width: 896px) {
  .top_access .block_access {
    padding: 30px 20px;
  }
}
.top_access .box_access {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media all and (max-width: 480px) {
  .top_access .box_access {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.top_access .box_access .box_img {
  width: 45%;
}
@media all and (max-width: 480px) {
  .top_access .box_access .box_img {
    width: 100%;
    margin-top: 30px;
  }
}
.top_access .box_access .box_txt {
  width: 50%;
}
@media all and (max-width: 480px) {
  .top_access .box_access .box_txt {
    width: 100%;
  }
}
.top_access .img_access {
  position: relative;
}
.top_access .img_access .logo_fujinomiya {
  width: 25%;
  position: absolute;
  top: 0;
  left: 5%;
}
.top_access .ttl_access {
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 15px 20px;
  border: 2px solid #19A0FC;
}
@media all and (max-width: 896px) {
  .top_access .ttl_access {
    padding: 10px 20px;
  }
}
@media all and (max-width: 480px) {
  .top_access .ttl_access {
    padding: 8px 16px;
  }
}
.top_access .ttl_access > span {
  display: block;
  width: 100%;
  max-width: 402px;
  margin: 0 auto;
}
@media all and (max-width: 896px) {
  .top_access .ttl_access > span {
    max-width: 322px;
  }
}
.top_access .txt_access {
  font-size: 1.8rem;
  line-height: 2;
  margin-top: 80px;
}
@media all and (max-width: 896px) {
  .top_access .txt_access {
    font-size: 1.6rem;
    margin-top: 20px;
  }
}
.top_access .note_access {
  font-size: 1.4rem;
  margin-top: 15px;
}
@media all and (max-width: 896px) {
  .top_access .note_access {
    font-size: 1.2rem;
  }
}
.top_access .list_sns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px 40px;
  margin-top: 40px;
}
@media all and (max-width: 896px) {
  .top_access .list_sns {
    gap: 10px 30px;
    margin-top: 20px;
  }
}
.top_access .list_sns > li {
  width: 40px;
}
@media all and (max-width: 896px) {
  .top_access .list_sns > li {
    width: 30px;
  }
}
.top_access .list_sns > li.youtube {
  width: 45px;
}
@media all and (max-width: 896px) {
  .top_access .list_sns > li.youtube {
    width: 35px;
  }
}

.top_enjoy {
  background: #D9E9F8;
  padding-bottom: 60px;
}
@media all and (max-width: 896px) {
  .top_enjoy {
    padding-bottom: 30px;
  }
}
.top_enjoy .ttl_enjoy {
  text-align: center;
}
.top_enjoy .ttl_enjoy > span {
  display: inline-block;
  width: calc(100% - 80px);
  max-width: 460px;
  padding-bottom: 50px;
  position: relative;
}
@media all and (max-width: 896px) {
  .top_enjoy .ttl_enjoy > span {
    max-width: 458px;
    padding-bottom: 40px;
  }
}
.top_enjoy .ttl_enjoy > span::before {
  content: "";
  display: block;
  width: 98px;
  height: 38px;
  background: url("../images/ttl_enjoy_mark.svg") center center/contain no-repeat;
  position: absolute;
  bottom: 0;
  right: -35px;
}
@media all and (max-width: 896px) {
  .top_enjoy .ttl_enjoy > span::before {
    width: 78px;
    height: 30px;
  }
}
.top_enjoy .ttl_enjoy > span::after {
  content: "";
  display: block;
  width: calc(100% + 50vw);
  height: 2px;
  background: #19A0FC;
  position: absolute;
  bottom: 0;
  right: -35px;
}
.top_enjoy .name_enjoy {
  width: calc(100% - 40px);
  max-width: 372px;
  margin: 0 auto;
}
@media all and (max-width: 896px) {
  .top_enjoy .name_enjoy {
    max-width: 298px;
  }
}
@media all and (max-width: 480px) {
  .top_enjoy .name_enjoy {
    max-width: 223px;
  }
}
.top_enjoy .list_enjoy {
  margin-top: 20px;
}
@media all and (max-width: 896px) {
  .top_enjoy .list_enjoy {
    margin-top: 15px;
  }
}
.top_enjoy .list_enjoy > li {
  width: 380px;
  margin: 0 10px;
  background: #fff;
  border-radius: 30px;
  overflow: hidden;
}
@media all and (max-width: 896px) {
  .top_enjoy .list_enjoy > li {
    width: 280px;
    border-radius: 20px;
  }
}
.top_enjoy .block_slide {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-bottom: 30px;
  text-align: center;
}
.top_enjoy .img_slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 378/280;
}
.top_enjoy .name_slide {
  width: calc(100% - 40px);
  font-size: 2.4rem;
  font-weight: 500;
  margin: 10px auto 0;
  line-height: 1.3;
}
@media all and (max-width: 896px) {
  .top_enjoy .name_slide {
    font-size: 1.8rem;
  }
}
.top_enjoy .name_slide .txt_small {
  font-size: 0.8em;
}
.top_enjoy .link_slide {
  width: calc(100% - 40px);
  margin: 0 auto;
  font-size: 1.8rem;
  font-weight: bold;
  letter-spacing: 0.1em;
}
@media all and (max-width: 896px) {
  .top_enjoy .link_slide {
    font-size: 1.6rem;
  }
}
.top_enjoy .link_slide > li {
  margin-top: 15px;
}
.top_enjoy .link_slide > li > a {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px 45px 10px 10px;
  display: block;
  border: 1px solid #000;
  border-radius: 10px;
  -webkit-box-shadow: 4px 4px #FF7B94;
          box-shadow: 4px 4px #FF7B94;
  position: relative;
}
@media all and (max-width: 896px) {
  .top_enjoy .link_slide > li > a {
    padding-right: 40px;
  }
}
.top_enjoy .link_slide > li > a::after {
  content: "";
  display: inline-block;
  width: 30px;
  height: 26px;
  background: url("../images/link_mtfuji.svg") center center/contain no-repeat;
  position: absolute;
  top: 50%;
  right: 15px;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
@media all and (max-width: 896px) {
  .top_enjoy .link_slide > li > a::after {
    width: 24px;
    height: 21px;
  }
}
.top_enjoy .sec_mtfuji {
  margin-top: 40px;
}
@media all and (max-width: 896px) {
  .top_enjoy .sec_mtfuji {
    margin-top: 30px;
  }
}
.top_enjoy .swiper-button-prev,
.top_enjoy .swiper-button-next {
  width: 45px;
  height: 45px;
  z-index: 20;
  top: 240px;
}
@media all and (max-width: 896px) {
  .top_enjoy .swiper-button-prev,
.top_enjoy .swiper-button-next {
    width: 35px;
    height: 35px;
    top: 210px;
  }
}
.top_enjoy .swiper-button-prev::after,
.top_enjoy .swiper-button-next::after {
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
}
.top_enjoy .swiper-button-prev {
  left: 0;
  -webkit-transform: translate(calc(50vw - 212px), 0);
          transform: translate(calc(50vw - 212px), 0);
}
@media all and (max-width: 896px) {
  .top_enjoy .swiper-button-prev {
    -webkit-transform: translate(calc(50vw - 157px), 0);
            transform: translate(calc(50vw - 157px), 0);
  }
}
@media all and (max-width: 320px) {
  .top_enjoy .swiper-button-prev {
    left: 10px;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
.top_enjoy .swiper-button-next {
  right: 0;
  -webkit-transform: translate(calc(-50vw + 212px), 0);
          transform: translate(calc(-50vw + 212px), 0);
}
@media all and (max-width: 896px) {
  .top_enjoy .swiper-button-next {
    -webkit-transform: translate(calc(-50vw + 157px), 0);
            transform: translate(calc(-50vw + 157px), 0);
  }
}
@media all and (max-width: 320px) {
  .top_enjoy .swiper-button-next {
    right: 10px;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
.top_enjoy .slide_mtfuji {
  position: relative;
}
.top_enjoy .slide_mtfuji .swiper-button-prev::after {
  background-image: url("../images/mtfuji_arrow_prev.svg");
}
.top_enjoy .slide_mtfuji .swiper-button-next::after {
  background-image: url("../images/mtfuji_arrow_next.svg");
}
.top_enjoy .sec_activity {
  margin-top: 60px;
}
@media all and (max-width: 896px) {
  .top_enjoy .sec_activity {
    margin-top: 40px;
  }
}
.top_enjoy .sec_activity .link_slide > li > a {
  -webkit-box-shadow: 4px 4px #7AB143;
          box-shadow: 4px 4px #7AB143;
}
.top_enjoy .sec_activity .link_slide > li > a::after {
  background-image: url("../images/link_activity.svg");
}
.top_enjoy .slide_activity {
  position: relative;
}
.top_enjoy .slide_activity .swiper-button-prev::after {
  background-image: url("../images/activity_arrow_prev.svg");
}
.top_enjoy .slide_activity .swiper-button-next::after {
  background-image: url("../images/activity_arrow_next.svg");
}
.top_enjoy .sec_gourmet {
  margin-top: 60px;
}
@media all and (max-width: 896px) {
  .top_enjoy .sec_gourmet {
    margin-top: 40px;
  }
}
.top_enjoy .sec_gourmet .link_slide > li > a {
  -webkit-box-shadow: 4px 4px #FCC800;
          box-shadow: 4px 4px #FCC800;
}
.top_enjoy .sec_gourmet .link_slide > li > a::after {
  background-image: url("../images/link_gourmet.svg");
}
.top_enjoy .slide_gourmet {
  position: relative;
}
.top_enjoy .slide_gourmet .swiper-button-prev::after {
  background-image: url("../images/gourmet_arrow_prev.svg");
}
.top_enjoy .slide_gourmet .swiper-button-next::after {
  background-image: url("../images/gourmet_arrow_next.svg");
}

.top_travelko {
  text-align: center;
  padding-top: 60px;
}
@media all and (max-width: 896px) {
  .top_travelko {
    padding-top: 30px;
  }
}
.top_travelko .area_travelko {
  padding: 50px 20px;
  max-width: 800px;
  margin: 0 auto;
  background: url("../../common/images/bg_travelko.jpg") center center/cover no-repeat;
  display: grid;
  place-content: center;
  position: relative;
}
.top_travelko .area_travelko::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: 0;
  left: 0;
}
.top_travelko .logo_travelko {
  max-width: 320px;
  position: relative;
  z-index: 20;
}
@media all and (max-width: 896px) {
  .top_travelko .logo_travelko {
    max-width: 256px;
  }
}

.top_link {
  text-align: center;
  padding: 60px 0;
}
@media all and (max-width: 896px) {
  .top_link {
    padding: 30px 0;
  }
}
.top_link .ttl_link {
  max-width: 240px;
  margin: 0 auto;
}
@media all and (max-width: 896px) {
  .top_link .ttl_link {
    max-width: 192px;
  }
}
.top_link .list_link {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 30px;
}
@media all and (max-width: 896px) {
  .top_link .list_link {
    gap: 20px;
  }
}
@media all and (max-width: 480px) {
  .top_link .list_link {
    margin-top: 10px;
  }
}
.top_link .list_link > li {
  width: calc((100% - 90px) / 4);
}
@media all and (max-width: 896px) {
  .top_link .list_link > li {
    width: calc((100% - 20px) / 2);
  }
}