@charset "UTF-8";


.top-mv-tit-spot {
  display: block;
  margin-bottom: 1rem;
  padding-top: 0;
  color: #464646;
  font-size: 1.35rem;
  font-weight: normal;
  text-align: center;
  line-height: 1.2;
  /* text-shadow: 1px 2px 4px rgb(0 0 0 / 77%); */
}
@media (min-width: 897px) {
  .top-mv-tit-spot {
    font-size: 2.23rem;
    color: #464646;
    /* text-shadow: 1px 2px 4px rgb(0 0 0 / 77%); */
    font-weight: bold;
    margin-top: 1.223rem;
    margin-bottom: 8rem;
  }
  .top-mv-tit-spot span {
    font-size: 3.75rem;
    color: #fff;
    text-shadow: 1px 2px 4px rgb(0 0 0 / 77%);
    font-weight: bold;
  }
}


.top-mv-par {
  /* height: 99.275rem; */
  height: auto;
  /* background-color: #f4f4f4; */
  /*padding-bottom: 77rem;*/
  /* padding-bottom: 64rem; */
}
@media (max-width: 896px) {
  .top-mv-par {
    /* padding-bottom: 89.75rem; */
  }
}
@media (min-width: 575px) and (max-width: 895px) {
  .top-mv-par {
    /* padding-bottom: 85.75rem; */
  }
}

.top-mv-par-in {
  position: absolute;
  top: 41.704rem;
  z-index: 3;
}

@media (max-width: 896px) {
  .top-mv-par-in {
    top: 42.284rem;
  }
}

/*最新のsafari用*/
@media (max-width: 896px) {
  _::-webkit-full-page-media, _:future, :root .top-mv-par-in {
    top: 42.184rem;
  }
}

/*古いsafari用*/
/*@media screen and (-webkit-min-device-pixel-ratio:0) {
  ::i-block-chrome, .top-mv-par-in {
    top: 42.184rem;
  }
}*/


.webp .tab-pane#pills-home {
  background-image: url(/spot/assets/images/bg/bg_hero_02_sp_min.webp);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center 0rem;
  /*height: 37.153rem;*/
  height: 37.853rem;
}
.no-webp .tab-pane#pills-home {
  background-image: url(/spot/assets/images/bg/bg_hero_02_sp_min.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center 0rem;
  /*height: 37.153rem;*/
  height: 37.853rem;
}

.webp .tab-pane#pills-profile {
  background-image: url(/spot/assets/images/bg/bg_hero_02_sp_min.webp);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  /* height: 99.275rem; */
  height: auto;
  position: relative; /* 追加 */
  padding-bottom: 3.5rem;
}
/* @media (max-width: 896px) {
  .webp .tab-pane#pills-profile::after {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0,0,0,0.5);
    pointer-events: none;
    z-index: 1;
  }
} */
.no-webp .tab-pane#pills-profile {
  background-image: url(/spot/assets/images/bg/bg_hero_02_sp_min.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  height: 89.75rem;
  position: relative; /* 追加 */
}
@media (max-width: 896px) {
  .no-webp .tab-pane#pills-profile::after {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0,0,0,0.5); /* 透過黒。お好みで調整 */
    pointer-events: none; /* クリック操作を透過 */
    z-index: 1;
  }
}

@media (min-width: 897px) {
  .top-mv-par-in .btn-for-primary-for-lp {
    margin-top: -0.2rem;
  }
}

@media (min-width: 897px) {
  .top-mv-par {
    /*height: 63.21567rem;*/
    height: 56.6rem;
    /* background-color: #000; */
    /*position: relative;*/
  }
  .top-mv-par-02 {
    /*position: absolute;
    top: 627px;
    right: 270px;*/
  }
  .top-mv-par-in {
    position: absolute;
    top: 41.404rem;
    z-index: 3;
  }
  /*.top-mv-par-in .btn-for-primary {
    position: absolute;
    top: 42.244rem;
    z-index: 3;
  }
  .top-mv-par-in .btn-for-black {
    position: absolute;
    top: 42.244rem;
    z-index: 3;
  }*/

  .webp .tab-pane#pills-home {
    background-image: url(/spot/assets/images/bg/bg_hero_02_pc_min.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    height: 64rem;
  }
  .no-webp .tab-pane#pills-home {
    background-image: url(/spot/assets/images/bg/bg_hero_02_pc_min.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    height: 64rem;
  }
  .webp .tab-pane#pills-profile {
    background-image: url(/spot/assets/images/bg/bg_hero_02_pc_min.webp);
    background-size: cover;
    background-repeat: no-repeat;
    height: 64rem;
  }
  .no-webp .tab-pane#pills-profile {
    background-image: url(/spot/assets/images/bg/bg_hero_02_pc_min.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    height: 64rem;
  }
  .btn-for-black {
    /*background-color: #000 !important;*/
    color: #fff;
  }
  .btn-for-primary {
    /*background-color: #fde100 !important;*/
    /*color: #000 !important;*/
  }
}


@media (max-width: 896px) {
  .top-mv-par-in .btn-for-black-par {
    margin-top: -0.09rem;
  }
}

/* 125% and 150% */
@media (min-width: 1241px) and (max-width: 1640px) {
  .top-mv-par-in {
    position: absolute;
    top: 41.38rem;
    z-index: 3;
  }
}

@media (min-width: 1241px) and (max-width: 1640px) {
  /*for mac safari*/
  _::-webkit-full-page-media, _:future, :root .top-mv-par-in {
    position: absolute;
    top: 41.62rem;
    z-index: 3;
  }
}


/* for top start */
.top-tit {
  background-color: #f4f4f4;
  margin-bottom: 1rem;
  padding: 0.7rem 0.75rem;
  font-size: 0.9375rem;
  font-weight: 500;
  text-align: center;
}
@media (min-width: 897px) {
  .top-tit {
    font-size: 1.25rem;
    margin-bottom: 1rem;
    padding: 0.9rem 0.75rem;
  }
}
#theme-home .top-tit::before {
  content: "";
  position: absolute;
  top: -0.3875rem;
  left: 0;
  display: block;
  width: 100%;
  height: 1px;
  background-color: #c6c6c6;
}

.min-h-01 {
  min-height: 7rem;
}

.min-h-02 {
  min-height: 3rem;
}

/* for top end */