main {
  display: flex;
  flex-direction: column;
  align-items: center;
}

h2 {
  font-size: 24px;
  font-weight: 600;
}

@media (max-width: 1279px) {
  h2 {
    font-size: 18px;
    font-weight: 700;
  }
}

h3 {
  font-size: 19px;
  font-weight: 700;
}

@media (max-width: 1279px) {
  h3 {
    font-size: 16px;
    font-weight: 700;
  }
}

h4 {
  font-size: 18px;
  font-weight: 600;
}

@media (max-width: 1279px) {
  h4 {
    font-size: 16px;
    font-weight: 700;
  }
}

h5 {
  font-size: 11px;
  font-weight: 700;
}

.l-main-wrapper {
  width: 760px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

@media (max-width: 1279px) {
  .l-main-wrapper {
    width: 315px;
  }
}

.c-border {
  width: 100%;
  height: 1px;
  background-color: #CCCCCC;
}

/* .c-dotted-border {
  width: 100%;
  height: 1px;
  background-image: url("/renovation/events/img/2401_dotted-border.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
} */

.c-main-v {
  width: 1200px;
  margin-top: 50px;
  margin-bottom: 80px;
}

@media (max-width: 1279px) {
  .c-main-v {
    width: 100%;
    margin-top: 0px;
    margin-bottom: 32px;
  }
}

.c-greyback {
  background-color: #F7F7F7;
}

.c-yoyaku-button {
  transition: opacity 0.3s ease;
  text-decoration: none;
  font-weight: bold;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3);
  z-index: 999;
  letter-spacing: 0.1em;
  color: #fff;
  position: fixed;
  display: block;
  font-size: 14px;
  line-height: 1.2em;
  cursor: pointer;
  /* transition: 0.5s ease; */
}

@media (min-width: 1280px) {
  .c-yoyaku-button {
    background: url(/renovation/events/img/2401_icon_arrow1.svg) no-repeat bottom 20px left 19.5px #7F0019;
    padding: 36px 22.5px 45px;
    border-radius: 8px 0 0 8px;
    width: 58px;
    top: 30vh;
    right: 0;
    /* transform: translate(150%, 0%); */
  }
}

@media (max-width: 1279px) {
  .c-yoyaku-button {
    width: 335px;
    background: url(/renovation/events/img/2401_apply_arrow.svg) no-repeat #7F0019;
    background-position: 190px 50%;
    padding: 20px 132px;
    border-radius: 5px;
    top: 88vh;
    left: 50%;
    transform: translateX(-50%);
    /* transform: translate(-50%, 550%); */
    /* animation: slideup-in ease 1s 1 forwards; */
  }
}

@keyframes slidein {
  0% {
    transform: translate(150%, 0%);
  }

  100% {
    transform: translate(0%, 0%);
  }
}

@keyframes slideup-in {
  0% {
    transform: translate(-50%, 550%);
  }

  100% {
    transform: translate(-50%, 0%);
  }
}

.p-top__desc {
  width: 560px;
  margin-bottom: 80px;
}

@media (max-width: 1279px) {
  .p-top__desc {
    width: 280px;
    margin-bottom: 50px;
  }
}

.p-intro {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin: 80px 0px;
}

@media (max-width: 1279px) {
  .p-intro {
    margin: 50px 0px;
  }
}

.p-intro__head {
  width: 355px;
  margin-bottom: 50px;
}

@media (max-width: 1279px) {
  .p-intro__head {
    width: 246px;
    margin-bottom: 20px;
  }
}

.p-intro__slide {
  margin-bottom: 80px;
  position: relative;
}

.p-intro__slide__caption {
  height: 100px;
  width: 100%;
}

.p-intro__slide__caption__room {
  height: 80px;
  width: 100%;
}

.p-intro__desc {
  text-align: start;
}

.p-intro__desc p {
  margin-bottom: 15px;
}

@media (min-width: 1280px) {
  .p-intro__slide .swiper-container .swiper-wrapper {
    width: 760px;
  }
}

@media (max-width: 1279px) {
  .p-intro__slide .swiper-container .swiper-wrapper {
    width: 315px;
  }
}

@media (min-width: 1280px) {

  .swiper-button-prev--2401,
  .swiper-button-next--2401 {
    position: absolute;
    z-index: 10;
    width: 20px;
    height: 30px;
    top: 50%;
    transform: translateY(-50%);
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
  }
}

@media (min-width: 1280px) {

  .swiper-button-prev--2401--2,
  .swiper-button-next--2401--2 {
    position: absolute;
    z-index: 10;
    width: 20px;
    height: 30px;
    top: 50%;
    transform: translateY(-50%);
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
  }
}

@media (max-width: 1279px) {

  .swiper-button-prev--2401,
  .swiper-button-next--2401 {
    display: none;
  }
}

@media (max-width: 1279px) {

  .swiper-button-prev--2401--2,
  .swiper-button-next--2401--2 {
    display: none;
  }
}

.swiper-button-prev--2401 {
  left: -120px;
  background-image: url("/renovation/events/img/2401_slide-prev.svg");
  background-position: left;
}

.swiper-button-next--2401 {
  right: -120px;
  background-image: url("/renovation/events/img/2401_slide-next.svg");
  background-position: right;
}

.swiper-button-prev--2401--2 {
  left: -120px;
  background-image: url("/renovation/events/img/2401_slide-prev.svg");
  background-position: left;
}

.swiper-button-next--2401--2 {
  right: -120px;
  background-image: url("/renovation/events/img/2401_slide-next.svg");
  background-position: right;
}

.p-intro__slide .swiper-pagination {
  left: 50%;
  transform: translateX(-50%);
}

.p-intro__slide .swiper-pagination .swiper-pagination-bullet {
  background-color: #707070;
  width: 10px;
  height: 10px;
  margin: 0px 2.5px;
}

.p-intro__slide .swiper-pagination--2 {
  left: 50%;
  transform: translateX(-50%);
}

.p-intro__slide .swiper-pagination--2 .swiper-pagination-bullet {
  background-color: #707070;
  width: 10px;
  height: 10px;
  margin: 0px 2.5px;
}

.p-about {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 80px 0;
}

@media (max-width: 1279px) {
  .p-about {
    margin: 50px 0;
  }
}

.p-about__head {
  width: 192px;
}

@media (max-width: 1279px) {
  .p-about__head {
    width: 160px;
  }
}

.p-about__date {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.p-about__date__head {
  margin-top: 100px;
  margin-bottom: 20px;
}

@media (max-width: 1279px) {
  .p-about__date__head {
    margin-top: 100px;
  }
}

.p-about__date__container {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 33px;
  padding-left: 60px;
  padding-right: 60px;
  padding-bottom: 25px;
  border-radius: 10px;
  margin-bottom: 0px;
}

@media (max-width: 1279px) {
  .p-about__date__container {
    padding-top: 22px;
    padding-left: 26px;
    padding-right: 26px;
    padding-bottom: 20px;
  }
}

.p-about__date__container h4 {
  margin-bottom: 10px;
}

@media (max-width: 1279px) {
  .p-about__date__container h4 {
    margin-bottom: 2px;
  }
}

.p-place {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 50px;
}

.p-place__head {
  margin-bottom: 38px;
}

@media (max-width: 1279px) {
  .p-place__head {
    margin-bottom: 25px;
  }
}

.p-place__container {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 80px;
}

@media (max-width: 1279px) {
  .p-place__container {
    margin-bottom: 50px;
  }
}

.p-place__container__title {
  width: 100%;
  margin-bottom: 20px;
}

@media (max-width: 1279px) {
  .p-place__container__title {
    margin-bottom: 8px;
  }
}

.p-place__container__main-v {
  width: 100%;
  margin-bottom: 25px;
}

.p-place__container__details {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 50px;
}

@media (max-width: 1279px) {
  .p-place__container__details {
    display: flex;
    flex-direction: column;
    margin-bottom: 40px;
  }
}

.p-place__container__details__access {
  display: block;
  width: 260px;
  text-align: start;
}

@media (max-width: 1279px) {
  .p-place__container__details__access {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
}

.p-place__container__details__access__address {
  margin-bottom: 7px;
}

.p-place__container__details__access__address small {
  display: block;
  font-size: 12px !important;
  line-height: 180% !important;
  letter-spacing: 0%;
  margin-top: 10px;
  padding-right: 10px;
}

@media (max-width: 1279px) {
  .p-place__container__details__access__address p {
    font-size: 14px !important;
  }

  .p-place__container__details__access__address small {
    display: block;
    font-size: 12px !important;
    line-height: 180% !important;
    letter-spacing: 0%;
    margin-top: 10px;
    padding-right: 0px;
  }
}

.p-place__container__details__access__tel {
  margin-bottom: 9px;
}

@media (max-width: 1279px) {
  .p-place__container__details__access__tel p {
    font-size: 14px !important;
  }
}

.p-place__container__details__access__map {
  width: 130px;
}

@media (max-width: 1279px) {
  .p-place__container__details__access__map {
    width: 130px;
    margin-bottom: 12px;
  }
}

.p-place__container__details__desc {
  width: 489px;
  height: 331px;
  overflow: hidden;
}

@media (max-width: 1279px) {
  .p-place__container__details__desc {
    width: 315px;
    height: 189px;
  }
}

.p-place__container__details__desc__img {
  width: 294px;
  float: left;
  margin-right: 15px;
  margin-bottom: 2px;
}

@media (max-width: 1279px) {
  .p-place__container__details__desc__img {
    width: 148px;
    margin-right: 15px;
  }
}

.p-place__container__details__desc__txt {
  width: 390px;
  height: 246px;
  margin-top: 77px;
  margin-left: 99px;
  padding: 17px;
  padding-top: 20px;
  border-radius: 10px;
}

@media (max-width: 1279px) {
  .p-place__container__details__desc__txt {
    width: 241px;
    height: 139px;
    margin-top: 54px;
    margin-left: 72px;
    padding: 15px;
    padding-top: 15px;
    font-size: 11px !important;
  }
}

.p-place__container__apply {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background-color: #7F0019;
  border-radius: 5px;
  width: 370px;
  height: 50px;
}

.p-place__container__apply.is-padding {
  margin-bottom: 40px;
}

@media (max-width: 1279px) {
  .p-place__container__apply {
    width: 200px;
    height: 45px;
  }

  .p-place__container__apply.is-first {
    width: 335px;
    height: 56.8px;
  }

}

.p-place__container__apply p {
  font-size: 14px;
  font-weight: 600;
  color: #fff;
}

.p-place__container__apply__arrow {
  display: flex;
  justify-content: center;
  align-items: center;
}

.p-present {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 80px;
}

@media (max-width: 1279px) {
  .p-present {
    margin-top: 50px;
  }
}

.p-present h3 {
  margin-bottom: 50px;
}

@media (max-width: 1279px) {
  .p-present__list {
    width: 315px;
  }
}

.p-present__list__item {
  display: flex;
  flex-direction: row;
  width: 565px;
  margin-bottom: 80px;
}

@media (max-width: 1279px) {
  .p-present__list__item {
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-bottom: 50px;
  }
}

.p-present__list__item__img {
  width: 175px;
  height: 175px;
}

.p-present__list__item__details {
  width: 370px;
  margin-left: 20px;
}

@media (max-width: 1279px) {
  .p-present__list__item__details {
    width: 100%;
    margin-left: 0px;
    margin-top: 20px;
  }
}

.p-present__list__item__details__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #3C3C43;
  width: 40px;
  height: 21px;
  margin-bottom: 10px;
}

.p-present__list__item__details__icon h5 {
  color: #fff;
}

.p-present__list__item__details__heading {
  margin-bottom: 5px;
}

.p-process {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 80px;
  margin-bottom: 80px;
}

@media (max-width: 1279px) {
  .p-process {
    margin-top: 50px;
    margin-bottom: 50px;
  }
}

.p-process h3 {
  margin-bottom: 56px;
}

.p-process__flow {
  width: 565px;
  margin-bottom: 45px;
}

@media (max-width: 1279px) {
  .p-process__flow {
    width: 315px;
    margin-bottom: 20px;
  }
}

.p-process__flow__container,
.p-process__flow__container--reverse {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.p-process__flow__container__img {
  width: 148px;
  height: 148px;
}

.p-process__flow__container__txt {
  margin-left: 27px;
  width: 390px;
}

@media (max-width: 1279px) {
  .p-process__flow__container__txt {
    margin-left: 19px;
    width: 148px;
  }
}

.p-process__flow__container__txt--reverse {
  margin-left: 27px;
  width: 390px;
}

@media (max-width: 1279px) {
  .p-process__flow__container__txt--reverse {
    width: 148px;
    margin-left: 0px;
    margin-right: 19px;
  }
}

@media (max-width: 1279px) {
  .p-process__flow__container--reverse {
    flex-direction: row-reverse;
  }
}

.p-process__flow__arrow {
  height: 60px;
}

@media (max-width: 1279px) {
  .p-process__flow__arrow {
    height: 50px;
  }
}

.p-process__flow__arrow img {
  height: 100%;
}

.p-process__caution {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: right;
}

@media (max-width: 1279px) {
  .p-process__caution {
    justify-content: left;
  }
}

.p-process__caution__inner {
  display: flex;
  flex-direction: column;
}

.p-custommer-voices {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 80px;
  margin-bottom: 80px;
}

@media (max-width: 1279px) {
  .p-custommer-voices {
    margin-top: 50px;
    margin-bottom: 30px;
  }
}

.p-custommer-voices h3 {
  margin-bottom: 50px;
}

@media (max-width: 1279px) {
  .p-custommer-voices h3 {
    margin-bottom: 30px;
  }
}

.p-custommer-voices__container {
  width: 760px;
  height: 383px;
  position: relative;
}

@media (max-width: 1279px) {
  .p-custommer-voices__container {
    width: 315px;
    height: auto;
  }
}

.p-custommer-voices__container__voice {
  width: 315px;
  padding: 20px;
  padding-top: 15px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.p-custommer-voices__container__voice p {
  font-size: 14px;
}

.p-custommer-voices__container .fukidashi-1 {
  height: 124px;
  background-image: url("/renovation/events/img/2401_fukidashi_1.svg");
}

@media (min-width: 1280px) {
  .p-custommer-voices__container .fukidashi-1 {
    position: absolute;
    top: 0;
    left: 0;
  }
}

@media (max-width: 1279px) {
  .p-custommer-voices__container .fukidashi-1 {
    position: relative;
    margin-bottom: 20px;
  }
}

.p-custommer-voices__container .fukidashi-2 {
  height: 150px;
  background-image: url("/renovation/events/img/2401_fukidashi_2.svg");
}

@media (min-width: 1280px) {
  .p-custommer-voices__container .fukidashi-2 {
    position: absolute;
    top: 30px;
    right: 0;
  }
}

@media (max-width: 1279px) {
  .p-custommer-voices__container .fukidashi-2 {
    position: relative;
    margin-bottom: 20px;
  }
}

.p-custommer-voices__container .fukidashi-3 {
  height: 124px;
  background-image: url("/renovation/events/img/2401_fukidashi_3.svg");
}

@media (min-width: 1280px) {
  .p-custommer-voices__container .fukidashi-3 {
    position: absolute;
    top: 150px;
    left: 50px;
  }
}

@media (max-width: 1279px) {
  .p-custommer-voices__container .fukidashi-3 {
    position: relative;
    margin-bottom: 20px;
  }
}

.p-custommer-voices__container .fukidashi-4 {
  height: 185px;
  background-image: url("/renovation/events/img/2401_fukidashi_4.svg");
}

@media (min-width: 1280px) {
  .p-custommer-voices__container .fukidashi-4 {
    position: absolute;
    bottom: 0;
    right: 30px;
  }
}

@media (max-width: 1279px) {
  .p-custommer-voices__container .fukidashi-4 {
    position: relative;
    margin-bottom: 20px;
  }
}

.p-questions {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 80px;
  margin-bottom: 60px;
}

@media (max-width: 1279px) {
  .p-questions {
    margin-bottom: 30px;
  }
}

.p-questions h2 {
  margin-bottom: 45px;
}

.p-questions__list {
  width: 760px;
}

@media (max-width: 1279px) {
  .p-questions__list {
    width: 315px;
  }
}

.p-questions__list__items__container {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  margin-bottom: 20px;
  padding: 40px;
  padding-top: 30px;
}

.p-questions__list__items__container__q {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: start;
  margin-bottom: 30px;
}

.p-questions__list__items__container__q__head {
  width: 36px;
  margin-right: 24px;
}

@media (max-width: 1279px) {
  .p-questions__list__items__container__q__head {
    margin-right: 13px;
  }
}

@media (max-width: 1279px) {
  .p-questions__list__items__container__q h4 {
    width: 182px;
  }
}

.p-notice {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 80px;
  margin-bottom: 60px;
}

@media (max-width: 1279px) {
  .p-notice {
    margin-top: 50px;
    margin-bottom: 30px;
  }
}

.p-notice h2 {
  margin-bottom: 80px;
}

@media (max-width: 1279px) {
  .p-notice h2 {
    margin-bottom: 50px;
  }
}

.p-notice__container {
  display: block;
  width: 565px;
  margin-bottom: 50px;
}

@media (max-width: 1279px) {
  .p-notice__container {
    width: 315px;
  }
}

.p-notice__container__area {
  margin-top: 15px;
}

.p-notice__container h4 {
  margin-bottom: 20px;
}

@media (max-width: 1279px) {
  .p-notice__container h4 {
    font-size: 14px;
    font-weight: 700;
  }
}

.p-notice__container strong {
  font-size: 14px;
}

.p-notice__container a {
  text-decoration: underline;
}

@media (max-width: 1279px) {
  .only-pc {
    display: none;
  }
}

/*# sourceMappingURL=main_2401.css.map */

/***************** 240221追加 ↓↓↓  *****************/
.only-sp {
  display: none;
}

@media (max-width: 1279px) {
  .only-sp {
    display: block;
  }
}

.catalog_req {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin: 80px 0px;
}

@media (max-width: 1279px) {
  .catalog_req {
    margin: 50px 0px;
  }
}

.catalog_req .catalog_req_h2 {
  padding: 0 0 20px;
  border: none;
  text-align: center;
}

.catalog_req .catalog_req_p {
  padding: 0 0 30px;
  border: none;
  text-align: center;
}

.catalog_req .catalog_img_bg {
  width: 100vw;
  background: #f7f7f7;
  padding: 50px 0;
}

.catalog_req .catalog_img_bg .catalog_img {
  display: block;
  margin: 0 auto;
  width: auto;
  max-width: 400px;
}

.catalog_req .catalog_img_bg .catalog_h4 {
  font-size: 14px;
  padding: 30px 0 0;
  text-align: center;
}

.p-place__container__catalog {
  margin: 30px auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background-color: #888;
  border-radius: 5px;
  width: 370px;
  height: 34px;
}

@media (max-width: 1279px) {
  .p-place__container__catalog {
    height: 34px;
  }
}

.catalog_req .p-place__container__catalog p {
  font-size: 14px;
  font-weight: 600;
  color: #fff;
}

.p-place__container__catalog__arrow {
  display: flex;
  justify-content: center;
  align-items: center;
}

/*****************  240221追加 ↑↑↑  *****************/



/*****************  240321追加 ↓↓↓  *****************/
#js-plan {
  width: 100%;
  margin-top: -50px;
}

@media (max-width: 1279px) {
  #js-plan {
    width: 100vw;
    margin-top: 0px;
  }
}

.c-plan__lead {
  display: none;
}

.u-ta-c {
  display: none;
}

.c-button__wrapper {
  display: none;
}

.l-section {
  padding-top: 0;
  padding-bottom: 80px;
}

.p-about__desc {
  margin-top: 50px;
}

.p-plan {
  margin-top: 80px;
  margin-bottom: 30px;
  padding-bottom: 30px;
}

.c-plan {
  margin-bottom: 80px !important;
}

@media (max-width: 1279px) {
  .c-plan {
    margin-bottom: 40px !important;
  }
}

.c-plan__info {
  font-size: 20px;
}

.c-plan__info .category {
  font-size: 16px;
}

.c-plan__cation {
  font-size: 12px !important;
}

.swiper {
  overflow: visible;
}

.js-extra-bullets {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-top: 20px;
  transform: translateY(150px);
}

.js-extra-bullets span {
  font-size: 0;
}

.js-extra-bullets .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background-color: #707070;
  opacity: 0.2;
  font-size: 0;
}

.js-extra-bullets .swiper-pagination-bullet-active {
  width: 10px;
  height: 10px;
  background-color: #707070;
  opacity: 1;
  font-size: 0;
}

@media (max-width: 1279px) {
  .js-extra-bullets {
    transform: translateY(100px);
  }
}

/*****************  240321追加 ↑↑↑  *****************/


/*****************  250704追加 ↓↓↓  *****************/

/* タブ切り替え用 */
.js-soudan-place {
  display: none;
  opacity: 0;
  transition: opacity 0.2s ease;
}

.js-soudan-place.active {
  display: flex;
  opacity: 1;
  transition: opacity 0.2s ease;
}

.swiper-slide img {
  object-fit: unset;
  height: auto;
  vertical-align: unset;
}

/* 以下src/scss/page/_event.scssの変更と同じ内容、今後の改修でどちらかに統一する */
.p-place__container__details__access__name {
  margin-bottom: 20px;
}

@media (max-width: 1280px) {
  .p-place__container__details__access__name {
    margin-bottom: 12px;
  }
}

.p-place__container__details__access__name h2 {
  font-weight: 600;
  font-size: 20px !important;
  line-height: 180%;
}

@media (max-width: 1280px) {
  .p-place__container__details__access__name h2 {
    font-size: 16px !important;
  }
}

.p-place__container__apply {
  transition: background-color 0.2s ease;
}

.p-place__container__apply:hover {
  background-color: #B26675 !important;
}


.p-soudan-tabs {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: left;
  gap: 16px;
  margin-bottom: 38px;
}

@media (max-width: 1280px) {
  .p-soudan-tabs {
    gap: 8px;
    margin-bottom: 25px;
  }
}

.p-soudan-tabs__tab {
  width: 240px;
  height: 42px;
  border: 1px solid #D8D8D9;
  border-radius: 8px;
  transition: background-color 0.2s ease, border 0.2s ease;
  font-weight: 600;
  font-size: 14px;
  text-align: center;
}

@media (max-width: 1280px) {
  .p-soudan-tabs__tab {
    font-size: 12px;
    width: 152px;
    height: 42px;
  }
}

.p-soudan-tabs__tab:hover {
  border: 1px solid #3C3C43;
}

.p-soudan-tabs__tab.tab-active {
  background-color: #3C3C43;
  color: #FFFFFF;
}

/*****************  250704追加 ↑↑↑  *****************/



/*****************  251022追加 ↓↓↓  *****************/

/******************************************
その他
******************************************/

.p-main {
  /* 横スクロール非表示 */
  overflow-x: hidden;
}

/******************************************
INFILL0 アバウト
******************************************/

.p-infill0 {
  padding: 120px 0;
}

@media (max-width: 1279px) {
  .p-infill0 {
    padding: 60px 0 40px;
  }
}

.p-infill0-header {
  text-align: center;
}

.p-infill0-header__renovation {
  font-size: 13px;
  font-weight: bold;
}

@media (max-width: 1279px) {
  .p-infill0-header__renovation {
    font-size: 11px !important;
  }
}

.p-infill0-header__infill0 {
  font-size: 24px;
  font-weight: bold;
}

@media (max-width: 1279px) {
  .p-infill0-header__infill0 {
    font-size: 18px;
  }
}

.p-infill0-body {
  margin-top: 80px;
}

@media (max-width: 1279px) {
  .p-infill0-body {
    margin-top: 40px;
  }
}

.p-infill0-lead {
  text-align: center;
}

/******************************************
INFILL0 切り替えタブ
******************************************/

.p-infill0-tab {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 24px;
  margin-top: 40px;
}

.p-infill0-tab.--plan {
  margin-top: 40px;
}

@media (max-width: 1279px) {
  .p-infill0-tab {
    column-gap: 10px;
    margin-top: 20px;
  }
}

.p-infill0-tab::after {
  content: none;
}

.p-infill0-tab__item {
  border: 1px solid #9D9C9C;
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  min-width: 240px;
  padding: 11px 10px;
  row-gap: 4px;
}

@media (max-width: 1279px) {
  .p-infill0-tab__item {
    min-width: 159px;
    padding: 17px 5px;
  }
}

.p-infill0-tab__txt {
  font-size: 14px;
  color: #9D9C9C;
}

@media (max-width: 1279px) {
  .p-infill0-tab__txt {
    font-size: 12px !important;
  }
}

.p-infill0-tab__title {
  opacity: .3;
}

/* アクティブクラス */
.p-infill0-tab__item.is-active {
  border-color: #3c3c3c;
}

.p-infill0-tab__item.is-active .p-infill0-tab__txt {
  color: #3c3c3c;
}

.p-infill0-tab__item.is-active .p-infill0-tab__title {
  opacity: 1;
}

/******************************************
INFILL0 スライダー
******************************************/

.p-infill0-swiper {
  margin-top: 60px;
  position: relative;
  width: 744px;
}

@media (max-width: 1279px) {
  .p-infill0-swiper {
    margin-top: 40px;
    width: 100vw;
    max-width: 744px;
  }
}

.p-infill0-slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 744px;
  opacity: 0;
  visibility: hidden;
}

.p-infill0-slide.is-active {
  opacity: 1;
  visibility: visible;
}

@media (max-width: 1279px) {
  .p-infill0-slide {
    width: 100vw;
    max-width: 744px;
    padding: 0 12%;
  }
}

.p-infill0-slide .swiper-container .swiper-wrapper {
  width: 100%;
}

@media (max-width: 1279px) {
  .p-infill0-slide .swiper-container .swiper-wrapper {
    width: 100vw;
    max-width: 744px;
  }
}

.p-infill0-slide .swiper-slide img {
  vertical-align: bottom;
}

.p-infill0-slide__caption {
  margin-top: 20px;
}

.p-infill0-slide__caption-txt {
  display: block;
  font-size: 16px;
  margin-top: 10px;
}

@media (max-width: 1279px) {
  .p-infill0-slide__caption-txt {
    margin-top: 13px;
    font-size: 14px;
  }
}

.p-infill0-slide__info-wrapper {
  display: flex;
  align-items: center;
  column-gap: 12px;
}

.p-infill0-slide__title {
  background: #3c3c43;
  border-radius: 4px;
  font-size: 12px;
  font-weight: bold;
  padding: 2px 20px;
  color: #fff;
}

@media (max-width: 1279px) {
  .p-infill0-slide__title {
    padding: 2px 16px;
  }
}

.p-infill0-slide__info {
  font-size: 16px;
  color: #5C5A5A;
}

@media (max-width: 1279px) {
  .p-infill0-slide__info {
    font-size: 14px;
  }
}

.p-infill0-slide .swiper-pagination {
  margin-top: 30px;
}

@media (min-width: 1280px) {

  .swiper-button-prev--flat,
  .swiper-button-next--flat,
  .swiper-button-prev--zero,
  .swiper-button-next--zero {
    position: absolute;
    z-index: 10;
    width: 20px;
    height: 30px;
    top: 50%;
    transform: translateY(-50%);
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
  }
}

.swiper-button-prev--flat,
.swiper-button-prev--zero {
  left: -120px;
  background-image: url("/renovation/events/img/2401_slide-prev.svg");
  background-position: left;
}

.swiper-button-next--flat,
.swiper-button-next--zero {
  right: -120px;
  background-image: url("/renovation/events/img/2401_slide-next.svg");
  background-position: right;
}

.p-infill0-slide .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background: #DEDEDE;
  opacity: 1;
  margin: 0 6px;
}

.p-infill0-slide .swiper-pagination .swiper-pagination-bullet-active {
  border: 1px solid #DEDEDE;
  background: #fff;
}

/******************************************
リノベーションプラン
******************************************/

.p-plan-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: min(100%, 936px);
}

.p-plan {
  margin-top: 100px;
  margin-bottom: 0;
  padding-bottom: 0;
}

.p-plan-title {
  text-align: center;
  font-size: 24px;
}

@media (max-width: 1279px) {
  .p-plan-title {
    font-size: 18px;
  }
}

#js-plan {
  margin-top: 0;
}

.c-plan-wrapper {
  position: relative;
}

.c-plan {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
}

/* アクティブクラス */
.c-plan.is-active {
  opacity: 1;
  visibility: visible;
}

.c-plan__slide>picture {
  width: auto;
  max-width: 100%;
}

@media (max-width: 1279px) {
  .c-plan__slide>picture {
    max-width: 936px;
  }
}

.c-plan__slide_text.l-container {
  width: min(100%, 744px);
  max-width: 100%;
  padding: 0 40px;
  box-sizing: content-box;
}

@media (max-width: 768px) {
  .c-plan__slide_text {
    margin-top: 0;
    text-align: left;
  }
}

@media (max-width: 768px) {
  .c-plan .swiper-slide {
    text-align: center;
  }

  .c-plan .swiper-slide img {
    max-width: 70%;
  }
}

.c-plan .swiper-button-prev,
.c-plan .swiper-container-rtl .swiper-button-next {
  left: -44px;
}

@media (max-width: 1279px) {

  .c-plan .swiper-button-prev,
  .c-plan .swiper-container-rtl .swiper-button-next {
    display: none;
  }
}

.c-plan .swiper-button-next,
.c-plan .swiper-container-rtl .swiper-button-prev {
  right: -44px;
}

@media (max-width: 1279px) {

  .c-plan .swiper-button-next,
  .c-plan .swiper-container-rtl .swiper-button-prev {
    display: none;
  }
}

@media (max-width: 1279px) {
  .p-plan {
    margin-top: 40px;
  }
}

.c-plan {
  margin-bottom: 0 !important;
}

@media (max-width: 1279px) {
  .c-plan.l-section {
    padding-bottom: 40px;
  }
}

.c-plan__tab-list {
  column-gap: 24px;
}

@media (max-width: 1279px) {
  .c-plan__tab-list {
    column-gap: 12px;
  }
}

.c-plan__tab-list_item {
  border: 1px solid #DEDEDE;
  background: #fff;
  color: #000;
  transition: border-color .3s ease;
  padding: 5px 16px;
  font-weight: normal;
}

@media (max-width: 1279px) {
  .c-plan__tab-list_item {
    padding: 7px 19px;
  }
}

.c-plan__tab-list_item:hover {
  border-color: #000;
}

body:not(.is-touch) .c-plan__tab-list_item:hover {
  color: #000;
  opacity: 1;
}

.c-plan__tab-list_item[aria-selected=true] {
  background: #3C3C43;
  color: #fff;
  border: 1px solid #DEDEDE;
}

.c-plan__bottom {
  position: relative;
  background: #F5F5F5;
}

@media (max-width: 1279px) {
  .c-plan__bottom {
    margin-top: 40px;
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

@media (max-width: 768px) {
  .c-plan__bottom {
    margin-top: 30px;
    padding-top: 30px;
  }
}

.c-plan__bottom::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  height: 100%;
  background: #F5F5F5;
}

.c-plan__slide {
  background: #F5F5F5;
}

.p-place__container__apply.is-padding {
  margin-bottom: 80px;
}

@media (max-width: 1279px) {
  .p-place__container__apply.is-padding {
    margin-bottom: 40px;
  }
}

.c-plan__slider_pagination {
  font-size: 16px;
  column-gap: 24px;
  font-weight: normal;
}

@media (max-width: 1279px) {
  .c-plan__slider_pagination {
    font-size: 14px;
    column-gap: 12px;
  }
}

.c-plan__slider_pagination .swiper-pagination-bullet {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  border: 1px solid #DEDEDE;
  background: #fff;
  width: min(100%, 168px);
  padding: 5px 5px;
  transition: border-color .3s ease;
}

@media (max-width: 1279px) {
  .c-plan__slider_pagination .swiper-pagination-bullet {
    width: min(100%, 100px);
    padding: 7px 5px;
    max-height: 40px;
  }
}

body:not(.is-touch) .c-plan__slider_pagination .swiper-pagination-bullet:hover {
  border-color: #000;
  opacity: 1;
}

.c-plan__slider_pagination .swiper-pagination-bullet-active {
  background: #3C3C43;
  color: #fff;
}

.js-extra-bullets {
  transform: translateY(0);
}

.js-extra-bullets .swiper-pagination-bullet {
  border: 1px solid #DEDEDE;
  background: #fff;
  opacity: 1;
}

.js-extra-bullets .swiper-pagination-bullet-active {
  background: #3C3C43;
  width: 12px;
  height: 12px;
}

.js-extra-bullets {
  margin-top: 40px;
}

@media (max-width: 1279px) {
  .js-extra-bullets {
    margin-top: 20px;
  }
}

.c-plan__bottom .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 6px;
}

.c-plan__lead-zero {
  width: min(100%, 530px);
  margin: 30px auto 0;
}

@media (max-width: 1279px) {
  .c-plan__lead-zero {
    width: 315px;
    margin-top: 20px;
  }
}

.c-plan__area {
  text-align: center;
  margin-top: 60px;
  font-size: 20px;
}

@media (max-width: 1279px) {
  .c-plan__area {
    margin-top: 40px;
    font-size: 16px !important;
  }
}

.c-plan__tab-list_wrapper {
  margin-top: 30px;
}

@media (max-width: 1279px) {
  .c-plan__tab-list_wrapper {
    margin-top: 10px;
  }
}

@media (max-width: 767px) {
  .c-plan__slide_text.l-container {
    padding-left: 30px;
    padding-right: 30px;
    box-sizing: border-box;
    font-feature-settings: "palt";
    letter-spacing: 0.04em;
  }
}


@media (max-width: 480px) {
  .c-plan__slide>picture {
    margin-top: 10px;
  }
}

/*****************  251022追加 ↑↑↑  *****************/