@import url('./setting.css');

body {
  color: var(--main-color);
  background-color: var(--base-color);
}

h2 {
  color: var(--text-color2);
}

/* c-title */

.c-title {
  font-size: calc(32 * var(--px));
  color: var(--text-color4);
}

.c-title.c-title--colorDifference {
  color: var(--text-color4);
}

.c-title::after {
  color: var(--text-color);
}

.c-title.c-title--bottomLine {
  position: relative;
}

.c-title.c-title--bottomLine::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: var(--bg-color4);
}

/* c-line-title */

.c-line-title {
  font-size: calc(24 * var(--px));
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--size-lg);
  @media(min-width: 768px) {
    font-size: calc(32 * var(--px));
  }
}

.c-line-title::before,
.c-line-title::after {
  content: '';
  width: min(calc(40 * var(--px)), 40px);
  height: 1px;
  background-color: var(--text-color);
}

/* c-btn */

.c-btn {
  color: var(--text-color4);
  border-color: currentColor;
  box-shadow: 0.125rem 0.125rem 0 currentColor;
}

.c-btn.c-btn--colorDifference {
  color: var(--text-color3);
  border-color: currentColor;
  background-color: var(--btn-color);
  box-shadow: 0.125rem 0.125rem 0 var(--btn-color);
}

/* c-card4 */

.c-card4__title {
  color: var(--text-color4);
}

.c-card4__title::after {
  color: var(--text-color);
}

.c-card4__detail {
  display: grid;
  grid-template-columns: calc(150 * var(--px)) 1fr;
  border: 1px solid var(--bg-color4);
  margin-top: var(--size-lg);
}

.c-card4__detailTitle {
  font-size: calc(14 * var(--px));
  padding-block: var(--size-sm);
  padding-inline: var(--size-sm);
  background-color: var(--bg-color2);
  display: flex;
  align-items: center;
  justify-content: center;
}

.c-card4__detailText {
  font-size: calc(14 * var(--px));
  padding-block: var(--size-sm);
  padding-inline: var(--size-md);
}

/* c-media */
.c-media__title {
  color: var(--text-color4);
}
.c-media__title::after {
  color: var(--text-color);
}

.c-media__body {
  margin-top: 2rem;
  @media(min-width: 768px) {
    margin-top: 0;
    margin-left: 3rem;
  }
}
.c-media--rev .c-media__body {
  @media(min-width: 768px) {
    margin-right: 3rem;
  }
}

.top_original-w .c-media__body {
  @media(min-width: 768px) {
    width: 35%;
  }
}

.c-media__text p + p {
  margin-top: var(--size-lg);
}

/* c-footer-btn */

.c-footer-btn {
  color: var(--text-color3);
  border-color: currentColor;
  background-color: var(--btn-color);
}

.c-footer-btn::after {
  border-right-color: currentColor;
  border-bottom-color: currentColor;
}

/* c-large-btn */

.c-large-btn {
  color: var(--text-color3);
  border-color: currentColor;
  background-color: var(--btn-color);
  box-shadow: 0.1875rem 0.1875rem 0 var(--btn-color);
}

.c-large-btn.c-large-btn--rev {
  color: var(--text-color3);
  border-color: currentColor;
  background-color: var(--btn-color);
  box-shadow: 0.125rem 0.125rem 0 var(--btn-color);
}

/* c-col-title */

.c-col-title {
  text-align: center;
  color: var(--text-color);
  position: relative;
}

.c-col-title::before {
  content: '';
  position: absolute;
  top: calc(-17 * var(--px));
  left: calc(50% - min(50vw, calc(-50 * var(--px))));
  width: calc(200 * var(--px));
  height: calc(60 * var(--px));
  background: url(../images/icon_title_treat.webp) no-repeat center/contain;
}

.c-col-title__en {
  font-size: calc(14 * var(--px));
  font-weight: 400;
  text-transform: capitalize;
  display: block;
}

.c-col-title__jp {
  font-size: calc(22 * var(--px));
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.05em;
  border-top: 1px solid var(--text-color);
  display: inline-block;
  padding-top: var(--size-md);
  margin-top: var(--size-md);
}

/* c-treat-title */

.c-treat-title {
  font-size: calc(20 * var(--px));
  font-weight: 400;
  line-height: 1.5;
  position: relative;
  padding-block: calc(30 * var(--px));
  position: relative;
}

.c-treat-title::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100 * var(--px));
  height: calc(100 * var(--px));
  background: url(../images/icon_treat01.webp) no-repeat center/contain;
}

/* c-info */

.c-info__wrap {
  border-color: var(--bg-color8);
}

.c-info__item span {
  background-color: var(--bg-color8);
}

/* c-detail-box */

.c-detail-box__box {
  display: grid;
  grid-template-columns: calc(150 * var(--px)) 1fr;
  border: 1px solid var(--bg-color4);
  margin-top: var(--size-lg);
}

.c-detail-box__box + .c-detail-box__box {
  border-top: none;
  margin-top: 0;
}

.c-detail-box__detailTitle {
  font-size: calc(14 * var(--px));
  padding-block: var(--size-sm);
  padding-inline: var(--size-sm);
  background-color: var(--bg-color2);
  display: flex;
  align-items: center;
  justify-content: center;
}

.c-detail-box__detailText {
  font-size: calc(14 * var(--px));
  padding-block: var(--size-sm);
  padding-inline: var(--size-md);
}


.c-vertical-title {
  bottom: calc(45 * var(--px));
  right: calc(-70 * var(--px));
}

/* p-facility */

.p-facility {
  overflow-x: clip;
}

.p-facility__bg {
  background-color: var(--bg-color);
  margin-top: var(--size-3xl);
  margin-inline: calc(50% - 50vw);
  padding-block: var(--size-3xl);
}

.p-facility__cards.p-facility__cards--col {
  margin-top: 0;
  @media(min-width: 768px) {
    grid-template-columns: 1fr;
  }
}

/* p-footer */

.p-footer {
  background-color: var(--bg-color3);
}

/* p-pc-nav */

.p-pc-nav__fair a {
  background: var(--btn-color);
}

.p-pc-nav__list2 li a {
  background-color: transparent;
}

.p-pc-nav__list2 li a:hover {
  background-color: #a59c91;
  color: var(--text-color3);
}

/* p-about */

.p-about__title h2 {
  font-size: calc(32 * var(--px));
  color: var(--text-color4);
}

.p-about__img-wrap::before {
  background-color: var(--bg-color);
}

.p-about__sub-text {
  color: var(--text-color);
}

/* p-media */

.p-media.p-media--cuisine {
  margin-top: 5rem;
  padding-block: 6.25rem;
  background-color: var(--bg-color);
}

.p-media.p-media--full.p-media--cuisine .p-media__wrap {
  margin-top: 0;
}

.p-media__img-wrap::before {
  background-color: var(--bg-color);
}

.p-media__text p + p {
  margin-top: var(--size-lg);
}

/* blog-section */

.p-blog {
  background-color: var(--bg-color);
}

.p-blog-item__img {
  width: 148px;
}

.p-blog-item__img img {
  height: 100%;
}


/* footer-section */

.p-footer-link__textBox {
  text-align: center;
}

.p-footer-link__text {
  font-size: 0.875rem;
  line-height: 1.5;
  color: white;
}

/* p-hospitality */

.p-hospitality {
  background-color: #f7f7f7;
}

.p-hospitality__text p + p {
  margin-top: var(--size-lg);
}

/* p-common-access */

.p-common-access {
  overflow-x: clip;
}

.p-common-access.p-common-access--mt {
  margin-top: var(--size-3xl);
}

.p-common-access__bg {
  background-color: var(--bg-color2);
  padding-block: var(--size-3xl);
}

.p-common-access__media + .p-common-access__media {
  margin-top: var(--size-2xl);
}

/* p-access-media */

.p-access-media {
  display: grid;
}

@media(min-width: 768px) {
  .p-access-media {
    grid-template-columns: calc(400 * var(--px)) 1fr;
    align-items: center;
    gap: var(--size-lg);
  }
  .p-access-media.p-access-media--rev {
    grid-template-columns: 1fr 1fr;

    .p-access-media__content {
      order: 2;
    }

    .p-access-media__map {
      margin-right: 0;
    }
  }
}

.p-access-media__subTitle {
  font-size: calc(18 * var(--px));
  font-weight: 500;
  line-height: 1.5;
  margin-top: var(--size-lg);
}

.p-access-media__listText {
  display: flex;
  align-items: center;
  gap: var(--size-sm);
}

.p-access-media__listText::before {
  content: '';
  width: calc(10 * var(--px));
  height: calc(10 * var(--px));
  background-color: var(--bg-color3);
  border-radius: 50%;
}

.p-access-media__text {
  margin-top: var(--size-lg);
  font-size: 16px;
  line-height: 1.5;

  span {
    color: var(--accent-color);
  }
}

.p-access-media__btn {
  margin-top: var(--size-lg);
  text-align: right;
}

.p-access-media__mapBox {
  margin-top: var(--size-lg);
  @media(min-width: 768px) {
    margin-top: 0;
  }
}

.p-access-media__map {
  height: min(100%, calc(450 * var(--px)));

  @media(min-width: 768px) {
    margin-right: calc(50% - 50vw);
  }
}

.p-access-media__map iframe {
  aspect-ratio: 1 / 1;
  object-fit: cover;
  width: 100%;
  height: 100%;

  @media(min-width: 768px) {
    aspect-ratio: 1020 / 450;
  }
}

.p-access-media__mapLink {
  display: block;
  text-align: right;
}

.p-access-media__map img {
  apsect-ratio: 600 / 450;
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.p-access-media__tel {
  font-size: calc(18 * var(--px));
  font-weight: 600;
  line-height: 1.5;

  @media(min-width: 768px) {
    font-size: calc(24 * var(--px));
  }
}

/* p-greeting */

.p-greeting__box {
  margin-top: var(--size-3xl);
}

/* p-party */

.p-party__content {
  position: relative;
}

.p-party__content::before {
  content: '';
  position: absolute;
  top: calc(150 * var(--px));
  left: 50%;
  translate: -50% 0;
  width: calc(250 * var(--px));
  height: calc(250 * var(--px));
  background: url(../images/icon_treat03.webp) no-repeat center/contain;
}

.p-party__greeting {
  margin-top: var(--size-3xl);
}

.p-party__title {
  position: relative;
  z-index: 1;
}

.p-party__title p + p {
  margin-top: var(--size-lg);
}

/* p-title-box */

.p-title-box {
  text-align: center;
  padding-block: var(--size-lg);
}

.p-title-box__text {
  font-size: calc(18 * var(--px));
  font-weight: 400;
  line-height: 1.5;
  margin-top: var(--size-lg);
}

/* p-media-box */

.p-media-box__wrap {
  background-color: var(--bg-color5);
  border: 1px solid var(--bg-color2);
  border-top-right-radius: var(--size-3xl);
  border-bottom-left-radius: var(--size-3xl);
  padding: var(--size-3xl) var(--size-lg) var(--size-lg);
  position: relative;
}

.p-media-box__check {
  position: absolute;
  top: calc(-20 * var(--px));
  right: calc(60 * var(--px));
  z-index: 1;
  font-size: calc(16 * var(--px));
  font-weight: 400;
  line-height: 1.5;
  min-width: calc(240 * var(--px));
  text-align: center;
  background-color: var(--bg-color5);
  padding-block: var(--size-sm);
  border-top: 1px solid var(--bg-color2);
  border-left: 1px solid var(--bg-color2);
  border-right: 1px solid var(--bg-color2);
}

.p-media-box__title {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
  padding-bottom: var(--size-sm);
  border-bottom: 1px solid var(--bg-color6);
}

.p-media-box__contents {
  display: grid;
  margin-top: var(--size-lg);
  @media(min-width: 768px) {
    grid-template-columns: 1fr calc(460 * var(--px));
    gap: var(--size-lg);
  }
}

.p-media-box__text {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5;
}

.p-media-box__text + .p-media-box__text {
  margin-top: var(--size-lg);
}

.p-media-box__img img {
  aspect-ratio: 460 / 360;
  object-fit: cover;
  width: 100%;
}

.p-media-box__owner {
  margin-top: var(--size-2xl);
  text-align: right;
}

/* p-garden-party */

.p-garden-party {
  padding-bottom: calc(100 * var(--px));
  @media(min-width: 768px) {
    padding-bottom: 8rem;
  }
}

.p-garden-party__content {
  margin-top: var(--size-3xl);
}

.p-garden-party__content::before {
  background-color: var(--bg-color5);
  height: 110%;

  @media(min-width: 768px) {
    height: 100%;
  }
}

/* p-media3 */

.p-media3__point {
  position: absolute;
  top: calc(30 * var(--px));
  left: calc(-12 * var(--px));
  font-size: calc(48 * var(--px));
  font-weight: 700;
  line-height: 1.5;
  color: var(--text-color5);

  @media(min-width: 768px) {
    left: calc(-60 * var(--px));
  }
}

.p-media3.p-media3--rev .p-media3__point {
  top: calc(10 * var(--px));
  left: calc(-10 * var(--px));

  @media(min-width: 768px) {
    top: calc(30 * var(--px));
    left: unset;
    right: calc(-60 * var(--px));
  }
}

.p-media3__title {
  padding-left: calc(50 * var(--px));
  position: relative;

  @media(min-width: 768px) {
    padding-left: 0;
  }
}

.p-media3__content {
  position: relative;
}

.p-media3__content::before,
.p-media3__content::after {
  content: '';
  position: absolute;
  top: calc(20 * var(--px));
  left: calc(-10 * var(--px));
  width: 100%;
  height: 110%;
  border: 1px solid var(--bg-color4);

  @media(min-width: 768px) {
    left: calc(-60 * var(--px));
    height: 110%;
  }
}

.content-hospitality::before {
  content: '';
  position: absolute;
  top: calc(20 * var(--px));
  left: calc(-10 * var(--px));
  width: 100%;
  height: 110%;
  border: 1px solid var(--bg-color4);

  @media(min-width: 768px) {
    left: calc(40 * var(--px)) !important;
    height: 110% !important;
  }
}

.content-hospitality::after {
  top: calc(30 * var(--px));
  left: calc(-20 * var(--px));

  @media(min-width: 768px) {
    left: calc(50 * var(--px)) !important;
  }
}

.p-media3__content::after {
  top: calc(30 * var(--px));
  left: calc(-20 * var(--px));

  @media(min-width: 768px) {
    left: calc(-70 * var(--px));
  }
}

.p-media3__body,
.p-media3__img {
  position: relative;
  z-index: 2;
}

.p-media3__img {
  margin-top: var(--size-lg);

  @media(min-width: 768px) {
    margin-top: 0;
  }
}

.p-media3__text {
  font-size: 16px;
}

.p-media3__btn {
  text-align: right;
}

.p-media3--rev .p-media3__title {
  @media(min-width: 768px) {
    translate: calc(-120 * var(--px)) calc(10 * var(--px));
  }
}

/* p-night-party */

.p-night-party {
  padding-bottom: calc(100 * var(--px));
  @media(min-width: 768px) {
    padding-bottom: 6rem;
  }
}

.p-night-party__content::before {
  right: calc(-20 * var(--px));
  background-color: var(--bg-color5);
  height: 110%;
  @media(min-width: 768px) {
    height: 100%;
  }
}

/* p-concept */

.p-concept {
  padding-block: calc(100 * var(--px));
}

.p-concept__media {
  margin-top: calc(84 * var(--px));
}

.p-concept__media + .p-concept__media {
  margin-top: var(--size-3xl);
}

/* p-media-box2 */

.p-media-box2 {
  display: grid;
  @media(min-width: 768px) {
    grid-template-columns: 1fr calc(460 * var(--px));
    gap: var(--size-lg);
  }
}

.p-media-box2.p-media-box2--rev {
  @media(min-width: 768px) {
    grid-template-columns: calc(460 * var(--px)) 1fr;
  }
}

.p-media-box2.p-media-box2--rev .p-media-box2__content {
  @media(min-width: 768px) {
    order: 2;
  }
}

.p-media-box2__text {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;

  & + .p-media-box2__text {
    margin-top: var(--size-lg);
  }
}

.p-media-box2__btn {
  margin-top: var(--size-lg);
  text-align: center;
}

/* p-charm */

.p-charm__items {
  margin-top: var(--size-3xl);
}

/* p-media-box3 */

.p-media-box3 {
  position: relative;
}

.p-media-box3::before {
  content: '';
  position: absolute;
  top: calc(10 * var(--px));
  left: calc(-15 * var(--px));
  z-index: 1;
  width: calc(2 * var(--px));
  height: 100%;
  background-color: var(--bg-color4);
}

.p-media-box3:last-child::before {
  height: calc(100% - calc(10 * var(--px)));
}

.p-media-box3::after {
  content: '';
  position: absolute;
  top: calc(-20 * var(--px));
  left: calc(-30 * var(--px));
  width: calc(150 * var(--px));
  height: calc(150 * var(--px));
  background: url(../images/icon_treat02.webp) no-repeat center/contain;
}

.p-media-box3:last-child::after {
  height: calc(100% - calc(10 * var(--px)));
}

.p-media-box3__title {
  font-size: calc(20 * var(--px));
  font-weight: 400;
  line-height: 1.5;
  color: var(--text-color8);
  position: relative;
  z-index: 1;
}

.p-media-box3__title::before {
  content: '';
  position: absolute;
  top: calc(6 * var(--px));
  left: calc(-22 * var(--px));
  width: var(--size-md);
  height: var(--size-md);
  background-color: var(--bg-color8);
  border-radius: 50%;
}

.p-media-box3__contents {
  display: grid;
  position: relative;
  z-index: 1;
  @media(min-width: 768px) {
    grid-template-columns: 1fr calc(460 * var(--px));
    gap: var(--size-lg);
    padding-bottom: var(--size-3xl);
  }
}

.p-media-box3:last-child .p-media-box3__contents {
  padding-bottom: 0;
}

.p-media-box3__subTitle {
  font-size: calc(18 * var(--px));
  font-weight: 400;
  line-height: 1.5;
  padding-left: var(--size-sm);
  position: relative;
}

.p-media-box3__subTitle::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  background-color: var(--bg-color8);
}

.p-media-box3__text {
  font-size: calc(14 * var(--px));
  font-weight: 400;
  line-height: 1.5;
  margin-top: var(--size-sm);
}

.p-media-box3__detail {
  display: grid;
  grid-template-columns: calc(150 * var(--px)) 1fr;
  border: 1px solid var(--bg-color4);
  margin-top: var(--size-lg);
}

.p-media-box3__detailTitle {
  font-size: calc(14 * var(--px));
  padding-block: var(--size-sm);
  padding-inline: var(--size-sm);
  background-color: var(--bg-color2);
  display: flex;
  align-items: center;
  justify-content: center;
}

.p-media-box3__detailText {
  font-size: calc(14 * var(--px));
  padding-block: var(--size-sm);
  padding-inline: var(--size-md);
}

.p-media-box3__btn {
  margin-top: var(--size-lg);
  text-align: center;
}

.p-media-box3__img img {
  aspect-ratio: 460 / 240;
  object-fit: cover;
  width: 100%;
}

/* l-inner */

.l-inner {
  &.l-inner--lg {
    @media(min-width: 768px) {
      max-width: calc(1350 * var(--px));
    }
  }
}

.l-garden-party {
  margin-top: calc(100 * var(--px));
}

/* plan */

.plan_list_tit {
  color: var(--text-color);
}

.plan_price::before {
  background-color: var(--bg-color8);
}

.plan_list_block {
  border-color: var(--bg-color8);
  background-color: var(--bg-color5);
}

#plan .plan_list li {
  background-color: color-mix(in srgb, var(--bg-color8) 10%, transparent);
}

/* fair */

.fair_detail_link {
  background-color: var(--bg-color8);
}

/* single-plan */

.p-single-plan__items {
  display: grid;
  gap: var(--size-lg);

  @media(min-width: 768px) {
    grid-template-columns: repeat(2, 1fr);
  }
}

li.p-single-plan__item {
  border-bottom: none;
}

.plan_list li.p-single-plan__item img {
  aspect-ratio: 300 / 200;
  object-fit: cover;
  width: 100%;
}

.p-single-plan__title h2 {
  color: var(--text-color4);
}

/* p-ceremony */

.p-ceremony__sub-title {
  color: var(--text-color4);
  position: relative;
}

.p-ceremony__sub-title::after {
    content: "▼";
    display: block;
    font-size: calc(14 * var(--px));
    color: var(--main-color);
}

/* p-media2 */

.p-media2__content {
  row-gap: var(--size-2xl);
}

.p-media2__title h2 {
  color: var(--text-color4);
}

/* p-chapel */

.p-chapel + .p-chapel {
  padding-bottom: calc(100 * var(--px));
}

/* p-contact */

.p-contact__title {
  margin-top: calc(60 * var(--px));
  text-align: center;
}

.p-contact__subTitle  {
  margin-top: var(--size-lg);
  color: var(--text-color4);
  text-align: center;
}

.p-contact__textBox {
  margin-top: var(--size-lg);
}

.p-contact__text {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}

.p-contact__form {
  padding-block: var(--size-3xl);
}

.p-contact__connect {
  padding-block: var(--size-lg) var(--size-2xl);
  font-size: calc(14 * var(--px));
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
}

/* p-booking */

.p-booking {
  margin-top: var(--size-lg);
  @media(min-width: 768px) {
    margin-top: var(--size-3xl);
  }
}

.p-booking__title {
  text-align: center;
}

.p-booking__lists {
  display: grid;
  gap: var(--size-md);
  margin-top: var(--size-lg);

  @media(min-width: 768px) {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--size-lg);
    margin-top: var(--size-2xl);
  }
}

.p-booking__link {
  display: flex;
  flex-direction: column;
  height: 100%;
  background-color: var(--bg-color);
}

.p-booking__img img {
  aspect-ratio: 600 / 358;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.p-booking__body {
  padding: var(--size-md);
}

.p-booking__title {
  font-size: calc(24 * var(--px));
  font-weight: 500;
}

.p-booking__text {
  font-size: calc(16 * var(--px));
  font-weight: 400;
  line-height: 1.5;
  margin-top: var(--size-sm);
}

.p-booking__btn {
  text-align: center;
  margin-top: var(--size-lg);

  @media(min-width: 768px) {
    margin-top: var(--size-2xl);
  }
}

/* archive booking-plan */

#report .report_list li {
  width: calc(100% - 7.5px);

  @media(min-width: 768px) {
    width: calc(100% / 2 - 40px / 2);
  }
}

.content_wrap {
  @media(min-width: 768px) {
    margin-top: var(--size-2xl);
  }
}

/* form */

.form_item {
  @media(min-width: 768px) {
    width: calc(300 * var(--px));
    flex-shrink: 0;
  }
}

.wpcf7-form {
  background-color: var(--bg-color10);
}

.submit_button {
  background-color: var(--bg-color8);
}

/* プランスライダー：1件・2件表示時のスタイル */
.js-top-plan-slider[data-post-count="1"] .slick-list,
.js-top-plan-slider[data-post-count="2"] .slick-list {
  padding: 0 !important;
  overflow: visible !important;
}

.js-top-plan-slider[data-post-count="1"] .slick-track,
.js-top-plan-slider[data-post-count="2"] .slick-track {
  display: flex !important;
  align-items: stretch;
  justify-content: center;
}

.js-top-plan-slider[data-post-count="1"] .slick-slide,
.js-top-plan-slider[data-post-count="2"] .slick-slide {
  float: none !important;
  display: block !important;
  height: auto !important;
}

.js-top-plan-slider[data-post-count="1"] .slick-slide {
  width: 100% !important;
  margin: 0 auto;
}

.js-top-plan-slider[data-post-count="2"] .slick-slide {
  width: calc(50% - 0.625rem) !important;
  margin-right: 0.625rem;
  margin-left: 0;
}

.js-top-plan-slider[data-post-count="2"] .slick-slide:last-child {
  margin-right: 0;
}

.js-top-plan-slider[data-post-count="2"] .slick-track {
  gap: var(--size-lg);
}

/* スマホ表示時の調整 */
@media screen and (max-width: 767px) {
  .js-top-plan-slider[data-post-count="2"] .slick-slide {
    width: 100% !important;
    margin-right: 0;
    margin-bottom: 1.25rem;
  }

  .js-top-plan-slider[data-post-count="2"] .slick-slide:last-child {
    margin-bottom: 0;
  }
}

/**********
** UTILITY
***********************************/

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