@charset "UTF-8";
/* --------------------------------------------
 * Webチケット・年間パスポート / ticket
 * -------------------------------------------- */
.group .price__nav-txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.group .price__nav-txt p {
  text-align: center;
}
@media (max-width: 499px) {
  .group .price__nav-txt p {
    text-align: left;
  }
}
@media (max-width: 1199px) {
  .group .price__nav-txt {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

/* ナビ */
.group .price-list-flex.--5items .price-list-flex__body {
  font-size: 2.8rem;
}
.group .price-list-flex.--5items .price-list-flex__body span {
  font-size: 1.8rem;
}
.group .price-list-flex.--5items li:last-child {
  min-width: 190px;
}
.group .price-btn {
  margin: 39px auto 0;
}
@media (max-width: 499px) {
  .group .price-btn {
    margin-top: 20px;
  }
}

/* ご利用詳細 */
.group-detail {
  position: relative;
  position: relative;
}
.group-detail::after {
  background: url(../img/under/group/viewing_item01-pc.svg) no-repeat center;
  background-size: contain;
  content: "";
  display: inline-block;
  position: absolute;
  width: 16vw;
  max-width: 270px;
  aspect-ratio: 620/708;
  bottom: 22vw;
  right: 0;
  z-index: 1;
}
@media (max-width: 1599px) {
  .group-detail::after {
    bottom: 27vw;
  }
}
@media (max-width: 1399px) {
  .group-detail::after {
    bottom: 31vw;
  }
}
@media (max-width: 1199px) {
  .group-detail::after {
    width: 12vw;
    bottom: 30vw;
  }
}
@media (max-width: 834px) {
  .group-detail::after {
    width: 18vw;
    bottom: 38vw;
  }
}
@media (max-width: 499px) {
  .group-detail::after {
    background: url(../img/under/group/viewing_item01-sp.svg) no-repeat center;
    background-size: contain;
    width: 32vw;
    bottom: 93vw;
  }
}

/* ご利用の流れ */
.usage-detail__steps li:not(:last-child)::before {
  content: "";
  display: block;
  position: absolute;
  border-left: 3px dotted #fe5358;
  height: 100%;
  left: 50px;
  top: 0px;
}
@media (max-width: 834px) {
  .usage-detail__steps li:not(:last-child)::before {
    left: 30px;
  }
}
.usage-detail__steps li {
  padding-left: 153px;
  position: relative;
  padding-bottom: 80px;
}
@media (max-width: 834px) {
  .usage-detail__steps li {
    padding-left: 90px;
    padding-bottom: 60px;
  }
}
@media (max-width: 499px) {
  .usage-detail__steps li {
    padding-left: 80px;
    padding-bottom: 30px;
  }
}
.usage-detail__steps li::after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 100px;
  aspect-ratio: 1/1;
  top: 0px;
  left: 0;
  z-index: 1;
}
@media (max-width: 834px) {
  .usage-detail__steps li::after {
    width: 60px;
  }
}
.usage-detail__steps li:nth-child(1)::after {
  background: url(../img/under/group/usage-step_icon01.webp) no-repeat center;
  background-size: contain;
}
.usage-detail__steps li:nth-child(2)::after {
  background: url(../img/under/group/usage-step_icon02.webp) no-repeat center;
  background-size: contain;
}
.usage-detail__steps li:nth-child(3)::after {
  background: url(../img/under/group/usage-step_icon03.webp) no-repeat center;
  background-size: contain;
}
.usage-detail__steps li:nth-child(4)::after {
  background: url(../img/under/group/usage-step_icon04.webp) no-repeat center;
  background-size: contain;
}

.usage-detail__steps-ttl {
  font-size: 2.4rem;
  margin-bottom: 16px;
}
@media (max-width: 834px) {
  .usage-detail__steps-ttl {
    font-size: 2rem;
    margin-bottom: 0;
  }
}

.usage-detail__btns-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  margin-top: 40px;
  margin-right: 10px;
}
.usage-detail__btns-flex .price-btn {
  margin: 0;
}
@media (max-width: 960px) {
  .usage-detail__btns-flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.group .viewing {
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
@media (max-width: 499px) {
  .group .viewing {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 30px;
  }
}
.group .viewing li {
  width: 49%;
}
@media (max-width: 499px) {
  .group .viewing li {
    width: 100%;
  }
}
.group .viewing li a:hover {
  opacity: 0.6;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
}

/* ボタン */
.group__meal-btn {
  width: 267px;
}/*# sourceMappingURL=group.css.map */