@charset "UTF-8";
:root {
  --color-bl1:#123548;
  --color-wh: #fff;
  --color-grey: #F4F4F4;
  --color-bwn: #A59991;
  --color-grey2: #E5E5E5;
  --font-cin: "Cinzel", serif;
  --font-un: "Unna", serif;
}

.header {
  transform: translateY(-100%);
  background-color: #fff;
}
.scrolled .header {
  transform: translateY(0);
}

@media screen and (max-width: 767px) {
  .container {
    padding-top: 0;
  }
}

.img-wrapper .caption.has-bg {
  left: auto;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  padding: 0.4em 0.6em;
  margin: 0;
}

.p-onlyone .c-title {
  font-size: clamp(2rem, 1.8rem + 0.625vw, 3rem);
  line-height: 1.5;
  letter-spacing: 0.15em;
}
.p-onlyone .c-lead {
  font-size: clamp(1.4rem, 1.36rem + 0.125vw, 1.6rem);
  line-height: 2;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
  .p-onlyone .c-lead {
    line-height: 1.8;
  }
}
.p-onlyone .c-cap {
  font-size: clamp(1.8rem, 1.72rem + 0.25vw, 2.2rem);
  line-height: 1.35;
  letter-spacing: 0.08em;
}
.p-onlyone .bnr-wrap {
  margin-block: clamp(2.5rem, 1.4rem + 3.4375vw, 8rem);
}
@media screen and (max-width: 767px) {
  .p-onlyone .bnr-wrap {
    width: 90%;
  }
}
.p-onlyone-mv {
  z-index: 1;
  aspect-ratio: auto;
  background-color: transparent;
  position: relative;
  padding-inline: clamp(2rem, 0.8rem + 3.75vw, 8rem);
  padding-block-start: clamp(10rem, 9.6rem + 1.25vw, 12rem);
  padding-block-end: clamp(5rem, 3rem + 6.25vw, 15rem);
  background: linear-gradient(to bottom, rgba(200, 201, 201, 0.9) 0%, rgba(255, 255, 255, 0.9) 82%, rgba(253, 253, 253, 0.9) 83%, rgba(224, 224, 224, 0.9) 100%);
}
.p-onlyone-mv .mv-item {
  animation: mvText 2s forwards 0s;
}
@keyframes mvText {
  0% {
    opacity: 0;
    filter: blur(8px);
  }
  100% {
    opacity: 1;
    filter: blur(0);
  }
}
.p-onlyone-mv .page-title {
  position: absolute;
  z-index: 2;
  top: 100px;
  left: 3%;
  width: 90%;
  width: 34%;
  max-width: 574px;
}
@media screen and (max-width: 767px) {
  .p-onlyone-mv .page-title {
    width: 75%;
    left: 12.5%;
    top: 5%;
  }
}
.p-onlyone-mv__pic {
  display: grid;
  grid-template-columns: 64.48% 35.52%;
  grid-template-rows: max-content 1fr;
  margin-block-end: clamp(6rem, 4.2rem + 5.625vw, 15rem);
}
@media screen and (max-width: 767px) {
  .p-onlyone-mv__pic {
    display: flex;
    flex-wrap: wrap;
  }
}
.p-onlyone-mv__pic li:nth-of-type(1) {
  grid-area: 1/1/3/2;
}
@media screen and (max-width: 767px) {
  .p-onlyone-mv__pic li:nth-of-type(1) {
    width: 100%;
  }
}
.p-onlyone-mv__pic li:nth-of-type(2) {
  grid-area: 1/2/2/3;
}
@media screen and (max-width: 767px) {
  .p-onlyone-mv__pic li:nth-of-type(2) {
    width: 50.5%;
  }
}
.p-onlyone-mv__pic li:nth-of-type(3) {
  grid-area: 2/2/3/3;
}
@media screen and (max-width: 767px) {
  .p-onlyone-mv__pic li:nth-of-type(3) {
    width: 49.5%;
  }
}
.p-onlyone-mv__pic .div1 {
  grid-area: 1/1/3/2;
}
.p-onlyone-mv__pic .div2 {
  grid-area: 1/2/2/3;
}
.p-onlyone-mv__pic .div3 {
  grid-area: 2/2/3/3;
}
.p-onlyone-mv h2 {
  text-align: center;
  font-size: 1.2rem;
  letter-spacing: 0.25em;
  margin-block-end: clamp(2.5rem, 2rem + 1.5625vw, 5rem);
}
.p-onlyone-mv h2 span {
  display: block;
  font-family: var(--font-cin);
  color: var(--color-bl1);
  font-size: clamp(3rem, 2.8rem + 0.625vw, 4rem);
  letter-spacing: 0.1em;
  margin-block-end: 10px;
}
.p-onlyone-mv nav {
  width: 90%;
  max-width: 1300px;
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .p-onlyone-mv nav {
    width: 100%;
  }
}
.p-onlyone-mv nav ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
}
@media screen and (max-width: 767px) {
  .p-onlyone-mv nav ul {
    display: flex;
    flex-direction: column;
    gap: 25px;
  }
}
.p-onlyone-mv nav ul li a {
  display: block;
  background-color: var(--color-bl1);
  color: var(--color-wh);
  text-align: center;
  transition: 0.3s;
}
@media (hover: hover) {
  .p-onlyone-mv nav ul li a:hover {
    opacity: 0.6;
  }
}
.p-onlyone-mv nav ul li a dl {
  padding-block: clamp(2rem, 1.8rem + 0.625vw, 3rem);
}
.p-onlyone-mv nav ul li a dl dt {
  font-size: clamp(2.2rem, 2.04rem + 0.5vw, 3rem);
  margin-block-end: clamp(1rem, 0.9rem + 0.3125vw, 1.5rem);
}
.p-onlyone-mv nav ul li a dl dt .label-on {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
}
.p-onlyone-mv nav ul li a dl dt .label-on .has-label {
  padding: 7px 9px;
  font-size: clamp(1.2rem, 1.12rem + 0.25vw, 1.6rem);
  background: #877851;
  color: #fff;
  line-height: 1;
  font-family: "a-otf-ryumin-pr6n", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", "MS P明朝", "MS PMincho", serif;
}
@media screen and (max-width: 767px) {
  .p-onlyone-mv nav ul li a dl dt .label-on .has-label {
    padding: 5px 7px;
  }
}
.p-onlyone-mv nav ul li a dl dt span {
  display: block;
  font-size: clamp(1rem, 0.92rem + 0.25vw, 1.4rem);
  margin-block-end: clamp(0.5rem, 0.4rem + 0.3125vw, 1rem);
  font-family: var(--font-un);
}
.p-onlyone-mv nav ul li a dl dt span em {
  font-style: normal;
  font-size: clamp(1.1rem, 0.92rem + 0.5625vw, 2rem);
}
.p-onlyone-mv nav ul li a dl dd {
  font-size: 1.2rem;
}
.p-onlyone-mv nav ul li a dl dd p {
  margin-block-end: clamp(1rem, 0.9rem + 0.3125vw, 1.5rem);
}
.p-onlyone-mv nav ul li a dl dd em {
  font-style: normal;
  font-size: clamp(1.2rem, 0.96rem + 0.75vw, 2.4rem);
}
.p-onlyone-mv nav ul li a dl dd em span {
  font-family: var(--font-un);
  font-size: clamp(2rem, 1.84rem + 0.5vw, 2.8rem);
  display: inline-block;
  margin-inline: clamp(0.2rem, 0.14rem + 0.1875vw, 0.5rem);
}
.p-onlyone-mv nav ul li a dl dd em span span {
  font-size: clamp(2.5rem, 2.1rem + 1.25vw, 4.5rem);
  margin-inline: 0;
}
.p-onlyone-mv nav ul li a dl dd:after {
  content: "";
  width: 15px;
  height: 15px;
  border-top: 1px solid var(--color-wh);
  border-left: 1px solid var(--color-wh);
  transform: rotate(225deg);
  display: block;
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .p-onlyone-mv nav ul li a dl dd:after {
    width: 7px;
    height: 7px;
  }
}
.p-onlyone-overview__box1 {
  background-color: var(--color-grey);
  padding-block-start: clamp(6rem, 4.8rem + 3.75vw, 12rem);
  padding-block-end: clamp(5rem, 4rem + 3.125vw, 10rem);
}
.p-onlyone-overview__box1 h2 {
  margin-block-end: clamp(3rem, 2.8rem + 0.625vw, 4rem);
}
.p-onlyone-overview__box1 h2 span {
  display: block;
  font-family: var(--font-cin);
  font-size: clamp(1.6rem, 1.44rem + 0.5vw, 2.4rem);
  color: var(--color-bl1);
  text-align: center;
  letter-spacing: 0;
  margin-block-end: clamp(0.5rem, 0.4rem + 0.3125vw, 1rem);
}
.p-onlyone-overview__slide {
  max-width: 1060px;
  width: 90%;
  margin-inline: auto;
  position: relative;
}
.p-onlyone-overview__slide dl dt {
  margin-block-end: 10px;
}
.p-onlyone-overview__slide dl dd {
  margin-block-end: 20px;
}
@media screen and (max-width: 767px) {
  .p-onlyone-overview__slide dl dd {
    text-align: left;
  }
}
.p-onlyone-overview__slide figure {
  width: 90%;
  max-width: 800px;
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .p-onlyone-overview__slide figure {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .p-onlyone-overview__slide .scrl figure {
    width: 150%;
  }
}
.p-onlyone-overview__slide .slick-prev, .p-onlyone-overview__slide .slick-next {
  width: 30px;
  height: 60px;
  background-size: cover;
}
@media screen and (max-width: 767px) {
  .p-onlyone-overview__slide .slick-prev, .p-onlyone-overview__slide .slick-next {
    width: 35px;
    height: 35px;
    top: auto;
    bottom: 25%;
    z-index: 5;
  }
}
.p-onlyone-overview__slide .slick-prev:before, .p-onlyone-overview__slide .slick-next:before {
  content: "";
}
.p-onlyone-overview__slide .slick-prev.slick-disabled, .p-onlyone-overview__slide .slick-next.slick-disabled {
  opacity: 0.15;
}
.p-onlyone-overview__slide .slick-prev {
  background-image: url(../images/onlyone/prev.svg);
}
@media screen and (max-width: 767px) {
  .p-onlyone-overview__slide .slick-prev {
    background-image: url(../images/onlyone/prev-sp.svg);
    left: -13px;
  }
}
.p-onlyone-overview__slide .slick-next {
  background-image: url(../images/onlyone/next.svg);
}
@media screen and (max-width: 767px) {
  .p-onlyone-overview__slide .slick-next {
    background-image: url(../images/onlyone/next-sp.svg);
    right: -13px;
  }
}
.p-onlyone-overview__item {
  overflow: hidden;
}
.p-onlyone-overview__box2 {
  padding-block-start: clamp(5rem, 3.2rem + 5.625vw, 14rem);
  padding-block-end: clamp(7rem, 5rem + 6.25vw, 17rem);
}
.p-onlyone-overview__box2 h2 {
  margin-block-end: clamp(1.5rem, 1.3rem + 0.625vw, 2.5rem);
}
.p-onlyone-overview__box2 figure {
  max-width: 750px;
  width: 90%;
  margin-inline: auto;
  margin-block-start: 20px;
  margin-block-end: clamp(2.5rem, 2rem + 1.5625vw, 5rem);
}
.p-onlyone-overview__box2 figure:nth-of-type(2) {
  margin-block-end: clamp(2rem, 1.9rem + 0.3125vw, 2.5rem);
}
@media screen and (max-width: 767px) {
  .p-onlyone-overview__box2 .c-lead {
    text-align: left;
    width: 90%;
    margin-inline: auto;
  }
}
.p-onlyone-overview__box2 .-p2 {
  max-width: 750px;
  width: 90%;
  margin-inline: auto;
}
.p-onlyone-plan__title {
  position: relative;
  margin-block-end: clamp(5rem, 3.6rem + 4.375vw, 12rem);
}
.p-onlyone-plan__titletxt {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: var(--color-wh);
  text-align: center;
  width: 100%;
}
.p-onlyone-plan__titletxt h2 {
  font-size: clamp(2.2rem, 1.94rem + 0.8125vw, 3.5rem);
  letter-spacing: 0.05em;
  color: #fff;
  margin-block-end: clamp(1rem, 0.9rem + 0.3125vw, 1.5rem);
  text-shadow: 0 0 15px rgb(0, 0, 0);
}
.p-onlyone-plan__titletxt h2 span {
  display: block;
  font-size: clamp(1rem, 0.92rem + 0.25vw, 1.4rem);
  margin-block-end: clamp(0.5rem, 0.4rem + 0.3125vw, 1rem);
  font-family: var(--font-un);
  letter-spacing: 0.1em;
}
.p-onlyone-plan__titletxt h2 span em {
  font-style: normal;
  font-size: clamp(1.1rem, 0.92rem + 0.5625vw, 2rem);
}
.p-onlyone-plan__titletxt p {
  font-size: clamp(1.4rem, 1.32rem + 0.25vw, 1.8rem);
  letter-spacing: 0.1em;
  text-shadow: 0 0 15px rgb(0, 0, 0);
}
@media screen and (max-width: 767px) {
  .p-onlyone-plan__titletxt p {
    line-height: 1.6;
  }
}
.p-onlyone-plan__plans {
  padding-block-end: clamp(6rem, 3.6rem + 7.5vw, 18rem);
}
.p-onlyone-plan__plans .c-lead {
  margin-block-end: clamp(4rem, 3.4rem + 1.875vw, 7rem);
  margin-block-start: clamp(2rem, 1.8rem + 0.625vw, 3rem);
  letter-spacing: 0.2em;
}
.p-onlyone-plan__plans .tab-area {
  display: flex;
  gap: 25px;
  margin-block-end: clamp(2rem, 0.8rem + 3.75vw, 8rem);
}
@media screen and (max-width: 767px) {
  .p-onlyone-plan__plans .tab-area {
    flex-direction: column;
    gap: 10px;
  }
}
.p-onlyone-plan__plans .tab-area .tab {
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 60px;
  border-radius: 5px;
  font-size: clamp(1.2rem, 1rem + 0.625vw, 2.2rem);
  letter-spacing: 0.1em;
  background-color: var(--color-grey2);
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .p-onlyone-plan__plans .tab-area .tab {
    height: 30px;
  }
}
@media (hover: hover) {
  .p-onlyone-plan__plans .tab-area .tab:hover {
    background-color: var(--color-bl1);
    color: var(--color-wh);
  }
}
.p-onlyone-plan__plans .tab-area .tab.active {
  background-color: var(--color-bl1);
  color: var(--color-wh);
}
.p-onlyone-plan__plans .panel {
  display: none;
}
.p-onlyone-plan__plans .panel.active {
  display: block;
}
.p-onlyone-plan__plans .panel figure {
  width: 105%;
  margin-inline-start: -5%;
}
@media screen and (max-width: 1250px) {
  .p-onlyone-plan__plans .panel figure {
    width: 100%;
    margin: 0;
  }
}
.p-onlyone-plan__plans#grtype .-pic1 {
  margin-block: clamp(5rem, 4.2rem + 2.5vw, 9rem);
}
@media screen and (max-width: 767px) {
  .p-onlyone-plan__plans#btype .p-onlyone-plan__title {
    aspect-ratio: 50/19;
  }
  .p-onlyone-plan__plans#btype .p-onlyone-plan__title figure {
    height: 100%;
  }
  .p-onlyone-plan__plans#btype .p-onlyone-plan__title figure img {
    height: 100%;
  }
}
.p-onlyone-plan__plans#btype .panel figure {
  width: 112%;
  margin-inline-start: -12%;
}
@media screen and (max-width: 1250px) {
  .p-onlyone-plan__plans#btype .panel figure {
    width: 100%;
    margin: 0;
  }
}
.p-onlyone-plan__info {
  width: 90%;
  max-width: 1300px;
  margin-inline: auto;
  background-image: url(../images/onlyone/info-bg.webp);
  background-position: right top;
  background-size: cover;
  padding-block: clamp(3.5rem, 2.8rem + 2.1875vw, 7rem);
  padding-inline: clamp(2rem, 1.6rem + 1.25vw, 4rem);
}
@media screen and (max-width: 767px) {
  .p-onlyone-plan__info {
    background-image: url(../images/onlyone/info-bg-sp.webp);
  }
}
.p-onlyone-plan__info h3 {
  font-size: clamp(2.5rem, 2.12rem + 1.1875vw, 4.4rem);
  color: var(--color-wh);
  text-align: center;
  letter-spacing: 0.1em;
  margin-block-end: clamp(2rem, 1.6rem + 1.25vw, 4rem);
}
.p-onlyone-plan__info h3 span {
  display: block;
  font-family: var(--font-cin);
  letter-spacing: 0.2em;
  font-size: clamp(1.4rem, 1.24rem + 0.5vw, 2.2rem);
  margin-block-end: clamp(1rem, 0.9rem + 0.3125vw, 1.5rem);
}
.p-onlyone-plan__info ul {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 1.4rem + 0.3125vw, 2rem);
}
.p-onlyone-plan__info ul li a {
  font-size: clamp(1.7rem, 1.64rem + 0.1875vw, 2rem);
  letter-spacing: 0.2em;
  width: 100%;
  max-width: 456px;
  height: 58px;
  margin-inline: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .p-onlyone-plan__info ul li a {
    height: 45px;
  }
}
.p-onlyone-modelroom {
  background-color: var(--color-bwn);
  padding-block: clamp(4rem, 3.2rem + 2.5vw, 8rem);
}
.p-onlyone-modelroom h2 {
  margin-block-end: clamp(1.5rem, 1.3rem + 0.625vw, 2.5rem);
}
.p-onlyone-modelroom h2 span {
  font-size: clamp(2.5rem, 2.2rem + 0.9375vw, 4rem);
}
@media screen and (max-width: 767px) {
  .p-onlyone-modelroom h2 span {
    line-height: 1.1;
  }
}
.p-onlyone-modelroom ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-block-end: clamp(3rem, 2.4rem + 1.875vw, 6rem);
}
@media screen and (max-width: 767px) {
  .p-onlyone-modelroom ul {
    display: flex;
    flex-direction: column;
    padding-inline: 5%;
    gap: 15px;
  }
}
.p-onlyone-modelroom ul li figure {
  position: relative;
}
.p-onlyone-modelroom ul li figure figcaption {
  position: absolute;
  font-family: var(--font-un);
  color: var(--color-wh);
  font-size: clamp(1.1rem, 0.96rem + 0.4375vw, 1.8rem);
  left: 20px;
  bottom: 10px;
}
@media screen and (max-width: 767px) {
  .p-onlyone-modelroom ul li figure figcaption {
    left: 10px;
    bottom: 5px;
  }
}
.p-onlyone-modelroom p {
  text-align: center;
}
.p-onlyone-modelroom p a {
  width: 90%;
  max-width: 456px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 58px;
  font-size: clamp(1.7rem, 1.64rem + 0.1875vw, 2rem);
  letter-spacing: 0.15em;
}
@media screen and (max-width: 767px) {
  .p-onlyone-modelroom p a {
    height: 45px;
  }
}
.p-onlyone [class*=__inner] {
  max-width: 1000px;
  width: 90%;
  margin-inline: auto;
}/*# sourceMappingURL=onlyone.css.map */