@charset "UTF-8";
/*
 citta napoli
-----------------------------------------------------*/
.p-citta__heading {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.p-citta__heading .-ja {
  font-size: clamp(1rem, 0.824rem + 0.75vw, 1.5rem);
  letter-spacing: 0.1em;
  display: block;
  text-align: center;
}
.p-citta__heading .-en {
  font-family: var(--l-en-font-set);
  font-size: clamp(1.5rem, 1.06rem + 1.88vw, 2.75rem);
  color: #dbd09b;
  line-height: 1.4;
}

.p-citta-about {
  position: relative;
}
.p-citta-about::before {
  content: "";
  position: absolute;
  background: url("../img/citta/bg_citta.png") center center/cover;
  width: 100%;
  height: 147.1527777778vw;
  top: 15%;
  left: 0;
  z-index: -1;
}
@media screen and (min-width: 1024px) {
  .p-citta-about::before {
    top: 8%;
  }
}
.p-citta-about::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 60%;
  z-index: -2;
  background: #3a4d61;
}
@media screen and (min-width: 1024px) {
  .p-citta-about::after {
    height: 20%;
  }
}
.p-citta-about h2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  letter-spacing: 0.1em;
  position: relative;
}
.p-citta-about h2::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 120%;
  height: 56px;
  width: 1px;
  background: var(--l-main-color);
}
.p-citta-about__content {
  max-width: 709px;
  margin-inline: auto;
  padding-top: 59.7222222222vw;
  padding-bottom: 17.5694444444vw;
}
@media screen and (min-width: 1024px) {
  .p-citta-about__content {
    padding-bottom: 28vw;
  }
}
.p-citta-about__content p,
.p-citta-about__content li {
  color: #fff;
  line-height: 2.5;
  letter-spacing: 0.05em;
  font-size: clamp(0.875rem, 0.787rem + 0.38vw, 1.125rem);
}

.p-citta-minami {
  position: relative;
}
.p-citta-minami::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: var(--l-dark-color);
  z-index: -1;
}
.p-citta-minami::after {
  content: "";
  position: absolute;
  z-index: -1;
  background: url("../img/citta/bg_minami.png") center center/cover;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 21.1111111111vw;
}
.p-citta-minami__map {
  max-width: 720px;
  margin-inline: auto;
}
.p-citta-minami__title {
  max-width: 870px;
  margin-inline: auto;
  font-size: clamp(1rem, 0.824rem + 0.75vw, 1.5rem);
  letter-spacing: 0.1em;
  color: #dbd09b;
  position: relative;
  padding-left: 1em;
}
.p-citta-minami__title::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  background: url("../img/citta/ico_access.svg") center center/cover;
  width: 0.65em;
  height: 1em;
}
.p-citta-minami__list {
  max-width: 870px;
  margin-inline: auto;
}
.p-citta-minami__list li {
  padding: 1em 0;
  color: #fff;
  font-size: clamp(0.875rem, 0.787rem + 0.38vw, 1.125rem);
  letter-spacing: 0.05em;
}
.p-citta-minami__list li:before {
  content: "・";
}
.p-citta-minami__list li:not(:first-child) {
  border-top: 1px solid #dbd09b;
}
.p-citta-minami__image {
  max-width: 952px;
  margin-inline: auto;
}
.p-citta-minami__image figure {
  aspect-ratio: 300/200;
}
@supports not (aspect-ratio: 1/1) {
  .p-citta-minami__image figure {
    position: relative;
    padding-top: 66.6666666667%;
  }
}
@media all and (-ms-high-contrast: none) {
  .p-citta-minami__image figure {
    position: relative;
    padding-top: 66.6666666667%;
  }
}
.p-citta-minami__image figure > img,
.p-citta-minami__image figure > iframe {
  width: 100%;
  height: 100%;
}
@supports not (aspect-ratio: 1/1) {
  .p-citta-minami__image figure > img,
  .p-citta-minami__image figure > iframe {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
}
@media all and (-ms-high-contrast: none) {
  .p-citta-minami__image figure > img,
  .p-citta-minami__image figure > iframe {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
}
.p-citta-minami__image figure > img {
  -o-object-fit: cover;
     object-fit: cover;
}
.p-citta-minami__image img {
  border-radius: 30px;
}
.p-citta-minami__image figcaption {
  text-align: center;
  font-size: clamp(0.875rem, 0.787rem + 0.38vw, 1.125rem);
  color: #fff;
}

.p-citta-napoli {
  position: relative;
  background: #fff;
}
.p-citta-napoli__content {
  position: relative;
  z-index: 1;
}
.p-citta-napoli__image {
  border-radius: 80px 0 0 0;
  overflow: hidden;
}
@media screen and (min-width: 1024px) {
  .p-citta-napoli__image {
    border-radius: 200px 0 0 0;
  }
}
.p-citta-napoli__text {
  max-width: 870px;
  margin-inline: auto;
  position: relative;
}
.p-citta-napoli__text p {
  line-height: 2.6;
  letter-spacing: 0.05em;
  font-size: clamp(0.875rem, 0.787rem + 0.38vw, 1.125rem);
}
.p-citta-napoli__text p + p {
  margin-top: 1em;
}
.p-citta-napoli__text::after {
  content: "";
  position: absolute;
  right: -20%;
  bottom: -25%;
  background: url("../img/citta/bg_napoli.png") center center/cover;
  width: 40.2777777778vw;
  height: 45.1388888889vw;
  mix-blend-mode: multiply;
}
@media screen and (min-width: 1024px) {
  .p-citta-napoli__text::after {
    right: -50%;
  }
}
.p-citta-napoli::before {
  content: "";
  position: absolute;
  left: 10%;
  top: 5%;
  background: rgba(173, 212, 206, 0.3);
  border-radius: 50%;
  width: 27.7777777778vw;
  height: 27.7777777778vw;
}
.p-citta-napoli::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 24.8vw;
  top: 100%;
  left: 0;
  background: url("../img/top/bg_instagram-sp.png") center center/cover;
}
@media screen and (min-width: 1024px) {
  .p-citta-napoli::after {
    height: 14.6527777778vw;
    background: url("../img/top/bg_instagram.png") center center/cover;
  }
}/*# sourceMappingURL=citta.css.map */