@charset "utf-8";

#l_wrapper {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.hero__area {
  width: 100%;
  height: auto;
}
.hero__inner {
  width: 100%;
  height: auto;
  padding-top: 108px;
  position: relative;
}
.hero__contents {
  width: 90%;
  height: auto;
  max-width: 1100px;
  margin: 0 auto;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  column-gap: 84px;
  padding: 100px 0 108px 0;
  position: relative;
}
.hero__video {
  width: 57.727%;
  height: auto;
  border-radius: 10px;
  overflow: hidden;
}
.hero__video video {
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: center;
  aspect-ratio: 635 / 432;
  min-height: 432px;
}
.hero__detail {
  width: 40%;
  height: auto;
}
.hero__detail h1 {
  font-size: 30px;
  letter-spacing: 0.05em;
  line-height: 1.45;
  font-weight: 700;
}
.hero__detail h1 span {
  color: var(--color--blue);
}
.hero__detail_text {
  width: 100%;
  height: auto;
  font-size: 16px;
  padding: 24px 0 52px 0;
}
.bg__obj {
  height: auto;
  z-index: 3;
}
.bg__obj img {
  width: 100%;
  height: auto;
}
.bus_obj {
  width: 151px;
  position: absolute;
  top: 18.3px;
  left: -5%;
}
.megahon_obj {
  width: 169px;
  position: absolute;
  top: -35px;
  right: -6%;
}
.family_obj {
  width: 159px;
  position: absolute;
  bottom: -93px;
  left: 43%;
}
.gray__radius {
  width: 100%;
  height: 54px;
  background-color: var(--color--gray);
  border-radius: 40px 40px 0 0;
}
#column__area {
  width: 100%;
  height: auto;
  background-color: var(--color--gray);
  position: relative;
}
.column__inner {
  width: 90%;
  height: auto;
  margin: 0 auto;
  max-width: 1100px;
  padding-bottom: 77px;
}
.contents__ttl {
  text-align: center;
  font-size: 45px;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.45;
  padding-top: 87px;
}
.contents__sub_ttl {
  text-align: center;
  font-size: 16px;
  color: var(--color--text--bk);
  padding: 8px 0 45px 0;
  opacity: 0.5;
}
.column__list {
  width: 90%;
  height: auto;
  max-width: 1000px;
  margin: 0 auto;
}
.column__item {
  width: 100%;
  height: auto;
  background-color: var(--color--white);
  border-radius: 10px;
  margin-bottom: 12px;
}
.column__item__inner {
  width: 90%;
  height: auto;
  margin: 0 auto;
  padding: 32px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
._no_link {
  pointer-events: none;
}
.column__item__inner:hover .column__item__arrow {
  transform: scale(1.3);
}
.column__text {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.5;
}
.column__item__arrow {
  width: 42px;
  height: 42px;
  background-color: var(--color--blue);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s ease;
}
._notyet_txt {
  color: var(--color--gray);
}
._notyet {
  background-color: var(--color--gray);
}
.column__arrow_wrap {
  width: 10.81px;
  height: 10.81px;
}
.column__arrow_wrap img {
  width: 100%;
  height: auto;
}
.cluud__obj {
  width: 11.48vw;
  height: auto;
  position: absolute;
  min-width: 140px;
}
.cluud__obj img {
  width: 100%;
  height: auto;
}
.cluud__obj__01 {
  top: 18.3px;
  left: -2.4%;
}
.cluud__obj__02 {
  top: 79.3px;
  right: -4.92vw;
}
#right_to_left {
  width: 100%;
  height: auto;
  background-color: var(--color--gray);
}
#three__advtg {
  width: 100%;
  height: auto;
  background-color: var(--color--gray);
  border-radius: 0 0 40px 40px;
  padding-bottom: 118px;
  position: relative;
}
.three__advtg__inner {
  width: 90%;
  height: auto;
  margin: 0 auto;
  max-width: 1100px;
}
.three__advtg__inner .contents__ttl {
  padding-top: 118px;
}
.merit__container {
  width: 90%;
  height: auto;
  max-width: 1000px;
  margin: 0 auto;
  padding-bottom: 96px;
}
.merit__list {
  width: 100%;
  height: auto;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}
.merit__item {
  width: 31.6%;
  height: auto;
  background-color: var(--color--white);
  border-radius: 10px;
  overflow: hidden;
}
.merit__item__image {
  width: 100%;
  height: auto;
}
.merit__item__image img {
  width: 100%;
  height: auto;
}
.merit__item__detail {
  width: 90%;
  height: auto;
  position: relative;
  margin: 0 auto;
}
.merit__detail__ttl {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.09em;
  color: var(--color--blue);
  text-align: center;
  padding: 51px 0 37px 0;
}
.merit__item:nth-child(2) .merit__detail__ttl {
  padding: 35px 0 22px 0;
}
.merit__detail__txt {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.03em;
  line-height: 2;
  padding: 0 0 50px 0;
}
.merit__number_wrap {
  width: 68px;
  height: 68px;
  border-radius: 50%;
  background-color: var(--color--white);
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
}
.merit__number {
  font-size: 25px;
  color: var(--color--blue);
}
.three__advtg__inner .link__btn__contents {
  width: 576px;
  margin: 0 auto;
}
.three__advtg__inner .link__btn span {
  font-size: 28px;
}
.three__advtg__inner .arrow__item {
  width: 38px;
  height: 38px;
}
.three__advtg__inner .arrow {
  width: 11.15px;
  height: 11.15px;
}
.cluud__obj__03 {
  top: 128.6px;
  left: 40.4px;
}
.cluud__obj__04 {
  bottom: 137px;
  right: -25px;
}
.couple_obj {
  width: 191px;
  height: auto;
  position: absolute;
  left: 48.9px;
  bottom: -113px;
}
#floor_plan {
  width: 100%;
  height: auto;
}
.floor_plan__inner {
  width: 90%;
  height: auto;
  margin: 0 auto;
  max-width: 1100px;
}
.floor_plan__inner .contents__ttl {
  padding-top: 125px;
}
.floor__slide__contents {
  width: 90%;
  height: auto;
  margin: 0 auto;
  max-width: 800px;
}
.floor__slide__container {
  width: 100%;
  height: auto;
  position: relative;
}
.swiper {
  width: 100%;
  height: auto;
}
.floor_slider {
  width: 100%;
  height: auto;
}
.swiper-wrapper {
  width: 100%;
  height: auto;
}
.swiper-slide {
  width: 100%;
  height: auto;
}
.slide_image {
  width: 100%;
  height: auto;
  cursor: pointer;
  border-radius: 10px;
  overflow: hidden;
}
.slide_image img {
  width: 100%;
  height: auto;
}
.floor_thumbnail {
  overflow: hidden;
}
.floor_thumbnail_slide {
  /* width: 154px !important;
                            margin-right: 8px !important; */
  margin-top: 10px;
  border-radius: 10px;
  overflow: hidden;
}
.swiper-button-next.floor__next,
.swiper-button-prev.floor__prev {
  outline: none;
  width: 58px !important;
  height: 58px !important;
}
.swiper-button-next.floor__next {
  right: var(--swiper-navigation-sides-offset, -28px) !important;
  left: auto;
}
.swiper-button-prev.floor__prev {
  left: var(--swiper-navigation-sides-offset, -28px) !important;
  right: auto;
}
.swiper-slide-thumb-active {
  position: relative;
  transition: 0.3s;
}
.swiper-slide-thumb-active::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--color--black);
  opacity: 0.33;
}
.floor__next img,
.floor__prev img {
  width: 100%;
  height: auto;
}
#equipment {
  width: 100%;
  height: auto;
}
.equipment__inner {
  width: 90%;
  height: auto;
  margin: 0 auto;
  max-width: 1100px;
}
.equipment__inner .contents__ttl {
  padding-top: 139px;
}
.equipment__inner .contents__sub_ttl {
  padding: 8px 0 49px 0;
}
.equipment__contents {
  width: 100%;
  height: auto;
}
.equipment__list {
  width: 100%;
  height: auto;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.equipment__item {
  width: 33%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  row-gap: 26.4px;
}
.equipment__image {
  width: 87px;
  height: auto;
}
.equipment__image img {
  width: 100%;
  height: auto;
}
.equipment__item p {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-align: center;
  color: var(--color--text--bk);
  line-height: 1;
}
.equipment__item p span {
  font-size: 12px;
}
#access {
  width: 100%;
  height: auto;
}
.access__inner {
  width: 90%;
  height: auto;
  margin: 0 auto;
  max-width: 800px;
}
.access__contents {
  width: 100%;
  height: auto;
}
.access__map__area {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.access__map__area img {
  width: 100%;
  height: auto;
}
.map__detail__wrap {
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 18px;
  padding: 23px 0 48px 0;
}
.map__detail__ttl {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.05em;
}
.map__detail__dotted {
  background: radial-gradient(
    circle farthest-side,
    #000,
    #000 30%,
    transparent 30%,
    transparent
  );
  background-size: 6px;
  content: "";
  display: inline-block;
  height: 6px;
  width: 24%;
}
.map__detail {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.05em;
}
.access__accordion__list {
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  column-gap: 28px;
  row-gap: 48px;
}
.access__accordion__item {
  width: 48%;
  height: auto;
  background-color: var(--color--gray);
  border-radius: 10px;
  overflow: hidden;
}
.access__accordion__item__image {
  width: 100%;
  height: auto;
}
.access__accordion__item__image img {
  width: 100%;
  height: auto;
}
.access__accordion__ttl {
  width: 90%;
  height: auto;
  margin: 0 auto;
  display: flex;
  column-gap: 15px;
  justify-content: center;
  align-items: center;
  padding: 17px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.18);
}
.access__accordion__ttl p {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.05em;
}
._blue {
  color: var(--color--blue);
}
.access__accordion__ttl p > span {
  font-size: 26px;
}
.access_accordion-header {
  cursor: pointer;
}
.access_acd_heading {
  font-size: 14px;
  letter-spacing: 0.03em;
  font-weight: 700;
}
.faq__icon.faq__icon__access {
  width: 28px;
  height: 28px;
}
.active .faq__icon.faq__icon__access {
  background-color: var(--color--blue);
}
.active .faq__icon__access .bar_01 {
  transform: rotate(0deg) translateX(0px) translateY(2px);
  background-color: var(--color--white);
}
.access_accordion-header .accordion__header__inner {
  padding: 17px 0;
}
.access_accordion-content {
  display: none;
}
.access__accordion__dt {
  font-size: 14px;
  letter-spacing: 0.03em;
  font-weight: 400;
}
.access_accordion-content .accordion__content__inner {
  padding: 0 0 17px 0;
}
.access__sup__wrap {
  width: 100%;
  height: auto;
  padding: 35px 0 100px 0;
}
.access__sup {
  font-size: 10px;
  letter-spacing: 0.05em;
  font-weight: 300;
  line-height: 2;
}
#price__area {
  width: 100%;
  height: auto;
  background-color: var(--color--blue);
  border-radius: 40px;
  padding-bottom: 115px;
}
.price__inner {
  width: 90%;
  height: auto;
  margin: 0 auto;
  max-width: 1000px;
}
.price__inner .contents__ttl {
  padding-top: 90px;
  color: var(--color--white);
}
.price__inner .contents__sub_ttl {
  color: var(--color--white);
}
.price__contents {
  width: 100%;
  height: auto;
  padding-bottom: 26px;
}
.price__list {
  width: 100%;
  height: auto;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  column-gap: 20px;
}
.price__item {
  width: 316px;
  height: auto;
  background-color: var(--color--white);
  border-radius: 10px;
  position: relative;
}
.price__heading {
  width: 100%;
  height: auto;
  padding-top: 35px;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-align: center;
}

.special_day_note {
  width: 100%;
  position: absolute;
  top: 12px;
  left: 50%;
  transform: translate(-50%);
  font-size: 10px;
  text-align: center;
  color: var(--color--blue);
}

.price__image {
  width: 78.79%;
  height: auto;
  margin: 0 auto;
}
._margin_mns {
  margin-top: -10px;
}
.price__image img {
  width: 100%;
  height: auto;
}
.price__detail {
  width: 78.79%;
  height: auto;
  margin: 0 auto;
}
.price__detail__list {
  width: 100%;
  height: auto;
}
.price__detail__item {
  width: 100%;
  height: auto;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 26px;
}
.price__detail__item p {
  font-size: 18px;
  letter-spacing: 0.1em;
  font-weight: 500;
  white-space: nowrap;
}
.day {
  width: fit-content;
}
.dotted {
  background: radial-gradient(
    circle farthest-side,
    var(--color--text--bk),
    var(--color--text--bk) 30%,
    transparent 40%,
    transparent
  );
  background-size: 9px 3px;
  content: "";
  display: inline-block;
  height: 3px;
  width: 100%;
  margin: 0 10px;
}
/* .dotted01{
                                    background-size: 8px 3px;
                                } */
.dotted02 {
  margin: 0 8.7px;
}
.dotted03 {
  margin: 0 8px;
}
.price__detail__item .comment {
  font-size: 10px;
  font-weight: 700;
  position: absolute;
  bottom: 14px;
  left: -7px;
  font-feature-settings: "palt";
}
.price__detail__item .day {
  font-size: 18px;
}
.price__detail__item .price {
  font-size: 26px;
  color: var(--color--blue);
}
.price span {
  font-size: 18px;
  font-weight: 700;
}
.incl__price__container {
  width: 100%;
  height: auto;
  background-color: var(--color--gray);
  border-radius: 10px;
}
.incl__price {
  width: 85%;
  height: auto;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 25px 0;
}
.incl__price_ttl {
  font-size: 18px;
  font-weight: 700;
  color: var(--color--blue);
  letter-spacing: 0.05em;
  white-space: nowrap;
}

.incl__detail {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.incl__detail__text {
  font-size: 16px;
  letter-spacing: 0.05em;
  white-space: nowrap;
}
.incl__detail__text span {
  display: inline;
  padding: 0 10px;
}
#examples {
  width: 100%;
  height: auto;
}
.examples__inner {
  width: 90%;
  height: auto;
  margin: 0 auto;
  max-width: 1000px;
}
.examples__inner .contents__ttl {
  padding-top: 107px;
}
.examples__inner .contents__sub_ttl {
  padding: 8px 0 52.7px 0;
}
.examples__contents {
  width: 100%;
  height: auto;
  position: relative;
}
.examples__swiper__container {
  width: 100%;
  height: auto;
  margin-bottom: 123px;
}
.examples__slide__item {
  width: 100%;
  height: auto;
  background-color: var(--color--gray);
  border-radius: 10px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.examples__slide__image {
  width: 52%;
  height: auto;
}
.examples__slide__image img {
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: center;
}
.examples__slide__detail {
  width: 48%;
  height: auto;
}
.examples__slide__detail__inner {
  width: 78%;
  margin: 0 auto;
  padding: ;
}
.examples__slide_sub_heading {
  font-size: 12px;
  font-weight: 500;
  color: var(--color--text--bk);
  opacity: 0.5;
  letter-spacing: 0.05em;
  padding: 0 0 9px 0;
}
.examples__slide__detail__inner h2 {
  font-size: 24px;
  letter-spacing: 0.09em;
  line-height: 1.3;
  font-weight: 700;
  padding-bottom: 12px;
}
.examples__slide_detail {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 2;
}
.swiper-button-prev.examples__prev,
.swiper-button-next.examples__next {
  outline: none;
  width: 58px;
  height: 58px;
}
.swiper-button-next.examples__next {
  right: var(--swiper-navigation-sides-offset, -28px);
}
.swiper-button-prev.examples__prev {
  left: var(--swiper-navigation-sides-offset, -28px);
}
.swiper-button-prev.examples__prev img,
.swiper-button-next.examples__next img {
  width: 100%;
  height: auto;
}
.swiper-pagination-bullet {
  width: var(
    --swiper-pagination-bullet-width,
    var(--swiper-pagination-bullet-size, 10px)
  ) !important;
  height: var(
    --swiper-pagination-bullet-height,
    var(--swiper-pagination-bullet-size, 10px)
  ) !important;
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 10px) !important;
  background-color: var(--color-ygray) !important;
}
.swiper-pagination-bullet-active {
  background-color: var(--color--blue) !important;
}
.swiper-pagination.examples__pagination {
  bottom: var(--swiper-pagination-bottom, -40px) !important;
}
#right_to_left._bg_white {
  background-color: var(--color--white);
}
#faq {
  width: 100%;
  height: auto;
}
.faq__inner {
  width: 90%;
  height: auto;
  margin: 0 auto;
  max-width: 1000px;
  padding-bottom: 114px;
}
.accordion {
  width: 100%;
  height: auto;
  background-color: var(--color--gray);
  border-radius: 10px;
  transition: 0.3s;
  overflow: hidden;
  margin-bottom: 16px;
}
.accordion-content {
  display: none;
}
.accordion-header {
  width: 100%;
  height: auto;
  cursor: pointer;
  background-color: var(--color--gray);
  transition: 0.3s;
}
.accordion-header.active {
  background-color: var(--color--blue);
}
.accordion__header__inner {
  width: 90%;
  height: auto;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 28px 0;
}
.accordion__Q {
  font-size: 20px;
  letter-spacing: 0.05em;
  line-height: 1.5;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.accordion__Q span {
  display: block;
  font-size: 30px;
  font-weight: 700;
  padding-right: 13px;
}
.active .accordion__Q {
  color: var(--color--white);
}
.active .accordion__Q span {
  color: var(--color--white);
}
.faq__icon {
  width: 42px;
  height: 42px;
  background-color: var(--color--blue);
  border-radius: 50%;
  transition: 0.3s;
}
.active .faq__icon {
  background-color: var(--color--white);
}
.faq__icon__inner {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.active .bar_01 {
  transform: rotate(0deg) translateX(0px) translateY(2px);
  background-color: var(--color--blue);
}
.bar_01 {
  display: block;
  width: 10px;
  height: 2px;
  transform: rotate(90deg) translateX(2px);
  background-color: var(--color--white);
  transition: 0.3s;
}
.bar_02 {
  display: block;
  width: 10px;
  height: 2px;
  background-color: var(--color--white);
  transition: 0.3s;
}
.accordion-content {
  width: 100%;
  height: auto;
}
.accordion__content__inner {
  width: 90%;
  height: auto;
  margin: 0 auto;
  padding: 28px 0;
}
.accordion__A {
  font-size: 20px;
  letter-spacing: 0.05em;
  line-height: 1.5;
  font-weight: 700;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.accordion__A span {
  display: block;
  font-size: 30px;
  font-weight: 700;
  padding-right: 13px;
  color: var(--color--blue);
  margin-top: -10px;
}
small {
  display: inline;
  flex: content;
  padding-left: 45px;
}
/* PC ================================================== */
@media all and (max-width: 975px) {
  .hero__detail h1 {
    font-size: 30px;
  }
}
@media all and (max-width: 820px) {
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }
  .hero__inner {
    padding-top: 48px;
  }
  .hero__contents {
    display: block;
    padding-top: 20px;
  }
  .hero__video {
    width: 100%;
  }
  .hero__video video {
    width: 100%;
    height: auto;
    min-height: unset;
  }
  .hero__detail {
    width: 85%;
    margin: 0 auto;
    padding-top: 56px;
  }
  .bus_obj {
    width: 102px;
    top: 59vw;
    left: 0;
  }
  .family_obj {
    width: 124px;
    left: 35%;
  }
  .cluud__obj {
    display: none;
  }
  .link__btn__contents {
    width: 289px;
    margin: 0 auto;
  }
  .link__btn {
    font-size: 16px;
    padding: 19px 0;
  }
  .arrow__item {
    width: 24px;
    height: 24px;
  }
  .column__inner {
    padding-bottom: 35px;
  }
  .contents__ttl {
    font-size: 38px;
  }
  .contents__sub_ttl {
    font-size: 12px;
    padding: 8px 0 35px 0;
  }
  .column__list {
    width: 100%;
  }
  .column__item__inner {
    width: 90%;
    padding: 17px 0;
    column-gap: 24px;
  }
  .column__text {
    font-size: 14px;
  }
  .column__item__arrow {
    width: 24px;
    height: 24px;
    min-width: 24px;
  }
  .column__arrow_wrap {
    width: 7.57px;
    height: 7.57px;
  }
  #three__advtg {
    padding-bottom: 51px;
  }
  .three__advtg__inner .contents__ttl {
    padding-top: 40px;
    font-size: 36px;
  }
  .merit__container {
    padding-bottom: 30px;
  }
  .merit__list {
    flex-direction: column;
    row-gap: 20px;
  }
  .merit__item {
    width: 100%;
  }
  .merit__item__detail {
    width: 85%;
  }
  .three__advtg__inner .link__btn__contents {
    width: 289px;
  }
  .three__advtg__inner .link__btn span {
    font-size: 16px;
  }
  .three__advtg__inner .arrow__item {
    width: 24px;
    height: 24px;
  }
  .three__advtg__inner .arrow {
    width: 7.57px;
    height: 7.57px;
  }
  .couple_obj {
    display: none;
  }
  .floor_plan__inner .contents__ttl {
    padding-top: 60px;
  }
  .swiper-button-next.floor__next,
  .swiper-button-prev.floor__prev {
    width: 46px !important;
    height: 46px !important;
  }
  .swiper-button-next.floor__next {
    right: var(--swiper-navigation-sides-offset, -14px) !important;
    left: auto;
  }
  .swiper-button-prev.floor__prev {
    left: var(--swiper-navigation-sides-offset, -14px) !important;
    right: auto;
  }
  .equipment__inner .contents__ttl {
    padding-top: 74px;
  }
  .equipment__list {
    flex-wrap: wrap;
    row-gap: 30px;
  }
  .equipment__image {
    width: 72px;
  }
  .equipment__item p {
    font-size: 15px;
  }
  .equipment__item p span {
    font-size: 10px;
  }
  .access__map__area img {
    width: 100%;
    height: auto;
  }
  .map__detail__wrap {
    align-items: flex-start;
    column-gap: 18px;
    padding: 15px 0 25px 0;
    flex-direction: column;
  }
  .map__detail__ttl {
    font-size: 14px;
  }
  .map__detail {
    font-size: 12px;
  }
  .access__accordion__list {
    row-gap: 30px;
  }
  .access__accordion__item {
    width: 100%;
  }
  .access_acd_heading {
    font-size: 13px;
  }
  .access__accordion__dt {
    font-size: 12px;
  }
  .faq__icon.faq__icon__access {
    width: 24px;
    height: 24px;
  }
  .access__sup__wrap {
    padding: 28px 0 44px 0;
  }

  #price__area {
    padding-bottom: 78.7px;
  }
  .price__inner .contents__ttl {
    padding-top: 59px;
  }
  .price__list {
    flex-direction: column;
    row-gap: 20px;
  }
  .price__item {
    width: 100%;
    margin: 0 auto;
  }
  .incl__price {
    flex-direction: column;
  }
  .incl__detail {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .incl__detail__text {
    width: 100%;
    text-align: center;
    border-bottom: 1px solid rgba(31, 37, 43, 0.12);
    padding: 6px 0;
  }
  .incl__detail__text:last-of-type {
    border-bottom: unset;
  }
  .incl__detail__text span {
    display: none;
  }
  .incl__detail__text .incl__detail__mintext_sp {
    display: block;
    font-size: 10px;
  }
  .examples__inner .contents__ttl {
    padding-top: 58px;
    font-size: 36px;
    white-space: nowrap;
  }
  .examples__slide__item {
    flex-direction: column;
  }
  .examples__slide__image {
    width: 100%;
  }
  .examples__slide__detail {
    width: 100%;
  }
  .examples__slide__detail__inner {
    width: 90%;
  }
  .examples__slide_sub_heading {
    padding: 25px 0 4px 0;
  }
  .examples__slide__detail__inner h2 {
    font-size: 18px;
  }
  .examples__slide_detail {
    padding: 0 0 32px 0;
  }
  .swiper-button-prev.examples__prev,
  .swiper-button-next.examples__next {
    width: 46px !important;
    height: 46px !important;
  }
  .swiper-button-next.examples__next {
    right: var(--swiper-navigation-sides-offset, -14px);
  }
  .swiper-button-prev.examples__prev {
    left: var(--swiper-navigation-sides-offset, -14px);
  }
  .swiper-pagination-bullet {
    width: var(
      --swiper-pagination-bullet-width,
      var(--swiper-pagination-bullet-size, 8px)
    ) !important;
    height: var(
      --swiper-pagination-bullet-height,
      var(--swiper-pagination-bullet-size, 8px)
    ) !important;
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 7px) !important;
  }
  .examples__swiper__container {
    margin-bottom: 62px;
  }
  .faq__inner {
    padding-bottom: 61px;
  }
  .faq__inner .contents__ttl {
    padding-top: 47px;
  }
  .accordion__header__inner {
    column-gap: 18px;
  }
  .accordion__Q {
    font-size: 16px;
  }
  .accordion__Q span {
    font-size: 20px;
  }

  .faq__icon {
    width: 24px;
    height: 24px;
    min-width: 24px;
  }
  .bar_01 {
    width: 8px;
  }
  .bar_02 {
    width: 8px;
  }
  .accordion__A {
    font-size: 16px;
  }
  .accordion__A span {
    font-size: 20px;
    margin-top: -3px;
  }
  small {
    display: inline;
    flex: content;
    padding-left: 35px;
  }
}

/* Tablet ================================================== */
@media all and (max-width: 768px) {
}

/* SP ================================================== */
@media all and (max-width: 599px) {
  .special_item .price__image {
    width: 50%;
  }
  .special_item .price__detail__item {
    padding-bottom: 12px;
  }
  .special_item .price__detail__item .comment {
    bottom: 7px;
  }
}