@charset "UTF-8";
/*=======================================
	breakpoint
=======================================*/
/*=======================================
	hover
=======================================*/
/*=======================================
	中央配置
=======================================*/
/*=======================================
	可変レスポンシブ
=======================================*/
/* PC */
/* TB */
/* SP */
/*=======================================
	ブラウザ別
=======================================*/
/* Safari */
/* Firefox */
/*-------------------------
- page_ttl
-------------------------*/
/*============================
#page_ttl
============================*/
#page_ttl {
  background: url(../plan/img/premium/kv.jpg) no-repeat;
  background-size: cover;
}
@media screen and (max-width: 768px) {
  #page_ttl {
    background: url(../plan/img/premium/kv_sp.jpg) no-repeat;
    background-size: cover;
  }
}

.premium {
  background-color: #000000;
  color: var(--color_white);
}

/*============================
	intro_sec
============================*/
.intro_sec {
  margin: 0 0 78px 0;
}
@media screen and (max-width: 768px) {
  .intro_sec {
    margin: 0px 0 45.5px 0;
  }
}
.intro_sec .sttl_en {
  font-family: "Baskervville", serif;
  font-size: 2.8rem;
  color: rgba(255, 255, 255, 0.75);
  margin-bottom: 70px;
}
@media screen and (max-width: 768px) {
  .intro_sec .sttl_en {
    font-size: 1.4rem;
    margin-bottom: 39.1px;
  }
}
.intro_sec .catch01 {
  line-height: 1.548;
  margin-bottom: 29px;
}
@media screen and (max-width: 768px) {
  .intro_sec .catch01 {
    line-height: 1.625;
    margin-bottom: 33.9px;
  }
}
.intro_sec p {
  line-height: 2.222;
}
@media screen and (max-width: 768px) {
  .intro_sec p {
    line-height: 2.25;
  }
}

/*============================
	#premium_sec
============================*/
#premium_sec {
  margin-bottom: 45.1px;
}
@media screen and (max-width: 768px) {
  #premium_sec {
    margin-bottom: 65.3px;
  }
}
@media screen and (max-width: 768px) {
  #premium_sec .view_area {
    margin-bottom: 36.6px;
  }
}
#premium_sec .view_area .inner {
  display: flex;
  justify-content: flex-end;
  position: relative;
}
@media screen and (max-width: 768px) {
  #premium_sec .view_area .inner {
    margin-bottom: 16.5px;
  }
}
#premium_sec .view_area .inner .mini_ttl {
  font-family: "Libre Baskerville", serif;
  font-size: 1.5rem;
  line-height: 1.5;
  letter-spacing: 0.15em;
  color: #A6A9AA;
  transform: rotate(90deg);
  transform-origin: 0 0;
  position: absolute;
  left: 25px;
  width: 352.28px;
  border-bottom: solid 1px #A6A9AA;
}
@media screen and (max-width: 768px) {
  #premium_sec .view_area .inner .mini_ttl {
    font-size: 0.9rem;
    width: auto;
    padding-right: 15px;
  }
}
#premium_sec .view_area .inner .cont {
  width: 90.9027777778%;
  margin-top: 41px;
  margin-bottom: 90px;
}
@media screen and (max-width: 768px) {
  #premium_sec .view_area .inner .cont {
    margin-top: 35px;
    margin-bottom: 30px;
  }
}
#premium_sec .view_area .inner .cont .copy {
  font-size: 3.5rem;
  margin-bottom: 18px;
}
@media screen and (max-width: 768px) {
  #premium_sec .view_area .inner .cont .copy {
    font-size: 1.8rem;
    margin-bottom: 23px;
  }
}
#premium_sec .view_area .inner .cont p {
  font-size: 1.5rem;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  #premium_sec .view_area .inner .cont p {
    font-size: 1.2rem;
  }
}
#premium_sec .view_area .img {
  width: 72.92vw;
  max-width: 1400px;
  margin-bottom: 135.1px;
  margin-left: auto;
  position: relative;
}
@media screen and (max-width: 768px) {
  #premium_sec .view_area .img {
    width: 95%;
  }
}
#premium_sec .view_area .img .caption {
  font-size: 1.2rem;
  position: absolute;
  right: 36px;
  bottom: 18.7px;
}
@media screen and (max-width: 768px) {
  #premium_sec .view_area .img .caption {
    font-size: 0.9rem;
    right: 5px;
    bottom: 5px;
  }
}
#premium_sec .plan_area .inner {
  position: relative;
}
#premium_sec .plan_area .inner .mini_ttl {
  font-family: "Libre Baskerville", serif;
  font-size: 1.5rem;
  line-height: 1.5;
  letter-spacing: 0.15em;
  color: #A6A9AA;
  transform: rotate(90deg);
  transform-origin: 0 0;
  position: absolute;
  top: -135.1px;
  left: 25px;
  width: 231.28px;
  border-bottom: solid 1px #A6A9AA;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  #premium_sec .plan_area .inner .mini_ttl {
    width: 115.64px;
    font-size: 0.9rem;
    top: -57.82px;
    left: 5%;
  }
}
#premium_sec .plan_area .img {
  width: 100%;
  position: relative;
}
#premium_sec .plan_area .img .caption {
  font-size: 1.2rem;
  position: absolute;
  right: 36px;
  bottom: 11.9px;
}
@media screen and (max-width: 768px) {
  #premium_sec .plan_area .img .caption {
    font-size: 0.9rem;
    right: 18px;
    bottom: 6.45px;
  }
}

/*============================
#plan_sec
============================*/
#plan_sec {
  margin: 0 0 148.4px 0;
}
@media screen and (max-width: 768px) {
  #plan_sec {
    margin: 0px 0 72.9px 0;
  }
}
#plan_sec .section_border {
  height: 97.44px;
  margin-bottom: 12.1px;
}
@media screen and (max-width: 768px) {
  #plan_sec .section_border {
    display: none;
  }
}
#plan_sec .intro_sec {
  margin-bottom: 156.5px;
}
@media screen and (max-width: 768px) {
  #plan_sec .intro_sec {
    margin-bottom: 77.35px;
  }
}
#plan_sec .plan_view {
  max-width: 763.98px;
  margin: 0 auto 117.6px;
  background: rgb(39, 40, 40);
  background: linear-gradient(180deg, rgb(39, 40, 40) 0%, rgb(0, 0, 0) 100%);
  position: relative;
}
@media screen and (max-width: 768px) {
  #plan_sec .plan_view {
    margin-bottom: 59.25px;
  }
}
#plan_sec .plan_view .plan_type {
  color: #AAAA88;
  display: flex;
  gap: 63.4px;
  width: 95%;
  margin: 0 auto;
  position: absolute;
  top: -90px;
  left: 0;
  right: 0;
}
@media screen and (max-width: 768px) {
  #plan_sec .plan_view .plan_type {
    /* gap: 33px; */
    gap: 10px;
    top: -45px;
    width: 100%;
  }
}
#plan_sec .plan_view .plan_type .type {
  font-family: "Baskervville", serif;
  font-size: 11.3rem;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  #plan_sec .plan_view .plan_type .type {
    font-size: 5.6rem;
  }
}
#plan_sec .plan_view .plan_type .type span {
  font-size: 4.2rem;
}
@media screen and (max-width: 768px) {
  #plan_sec .plan_view .plan_type .type span {
    font-size: 2.1rem;
    /* margin-left: 10px; */
    margin-left: 5px;
  }
}
#plan_sec .plan_view .plan_type .info {
  margin-top: 55px;
}
@media screen and (max-width: 768px) {
  #plan_sec .plan_view .plan_type .info {
    margin-top: 30px;
  }
}
#plan_sec .plan_view .plan_type .info .size {
  font-size: 5.9rem;
  letter-spacing: 0.05em;
  margin-bottom: 7.2px;
}
@media screen and (max-width: 768px) {
  #plan_sec .plan_view .plan_type .info .size {
    font-size: 2.8rem;
  }
}
#plan_sec .plan_view .plan_type .info .size .font42 {
  font-size: 4.2rem;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  #plan_sec .plan_view .plan_type .info .size .font42 {
    font-size: 2.1rem;
  }
}
#plan_sec .plan_view .plan_type .info .size .font15 {
  font-size: 1.5rem;
  letter-spacing: 0.025em;
  margin-left: 5.1px;
}
@media screen and (max-width: 768px) {
  #plan_sec .plan_view .plan_type .info .size .font15 {
    font-size: 0.9rem;
  }
}
#plan_sec .plan_view .plan_type .info .floor {
  font-size: 3.4rem;
}
@media screen and (max-width: 768px) {
  #plan_sec .plan_view .plan_type .info .floor {
    font-size: 1.7rem;
  }
}
#plan_sec .plan_view .cmn_btn02 {
  max-width: 292.54px;
  margin: 0 auto;
  height: 85px;
}
@media screen and (max-width: 768px) {
  #plan_sec .plan_view .cmn_btn02 {
    max-width: 145.935px;
    height: 37.04px;
  }
}
#plan_sec .plan_view .cmn_btn02 a {
  font-family: "Baskervville", serif;
  font-weight: 400;
  font-size: 2.2rem;
  letter-spacing: 0.2em;
  color: #fff;
  background: #AAAA88;
  border: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  border-radius: 16px;
  padding: 0 0 0 38.2px;
  position: relative;
}
@media screen and (max-width: 768px) {
  #plan_sec .plan_view .cmn_btn02 a {
    font-size: 1.2rem;
    border-radius: 8px;
    padding: 0 0 0 20px;
  }
}
#plan_sec .plan_view .cmn_btn02 a::before, #plan_sec .plan_view .cmn_btn02 a::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s ease;
}
#plan_sec .plan_view .cmn_btn02 a::before {
  background: #939376;
  width: 18.59px;
  height: 18.59px;
  border-radius: 50vw;
  right: -9.295px;
}
@media screen and (max-width: 768px) {
  #plan_sec .plan_view .cmn_btn02 a::before {
    width: 9.275px;
    height: 9.275px;
    right: -4.6375px;
  }
}
#plan_sec .plan_view .cmn_btn02 a::after {
  background: #939377;
  width: 45px;
  height: 1px;
  right: 2px;
}
@media screen and (max-width: 768px) {
  #plan_sec .plan_view .cmn_btn02 a::after {
    width: 21.53px;
  }
}
@media (min-width: 769px) and (hover: hover) and (pointer: fine) {
  #plan_sec .plan_view .cmn_btn02:hover a::before {
    transform: translate(15px, -50%);
  }
  #plan_sec .plan_view .cmn_btn02:hover a::after {
    transform: translate(10px, -50%);
  }
}
@media (min-width: 769px) and (-ms-high-contrast: none), (min-width: 769px) and (-ms-high-contrast: active) {
  #plan_sec .plan_view .cmn_btn02:hover a::before {
    transform: translate(15px, -50%);
  }
  #plan_sec .plan_view .cmn_btn02:hover a::after {
    transform: translate(10px, -50%);
  }
}
#plan_sec .plan_view .img {
  max-width: 548.34px;
  margin: 0 auto 14.7px;
  padding-top: 99.6px;
}
@media screen and (max-width: 768px) {
  #plan_sec .plan_view .img {
    max-width: 222.5px;
    margin-bottom: 10.45px;
    padding-top: 53.8px;
  }
}
#plan_sec .limited_plan .plan_type {
  margin-bottom: 37.6px;
  padding: 49.5px 0 58.5px;
  border: solid 1px #AAAA88;
}
@media screen and (max-width: 768px) {
  #plan_sec .limited_plan .plan_type {
    margin-bottom: 9.8px;
    padding: 35.7px 0 36.2px;
  }
}
#plan_sec .limited_plan .plan_type .ttl {
  color: #AAAA88;
  width: 90%;
  margin: 0 auto 28.3px;
}
@media screen and (max-width: 768px) {
  #plan_sec .limited_plan .plan_type .ttl {
    margin-bottom: 16.8px;
  }
}
#plan_sec .limited_plan .plan_type .ttl .en {
  font-family: "Baskervville", serif;
  font-size: 1.5rem;
  letter-spacing: 0.3rem;
  margin-bottom: 10.9px;
}
@media screen and (max-width: 768px) {
  #plan_sec .limited_plan .plan_type .ttl .en {
    font-size: 0.9rem;
  }
}
#plan_sec .limited_plan .plan_type .ttl .jn {
  font-size: 4rem;
  letter-spacing: 0.03em;
}
@media screen and (max-width: 768px) {
  #plan_sec .limited_plan .plan_type .ttl .jn {
    font-size: 2rem;
  }
}
#plan_sec .limited_plan .plan_type .type_area {
  position: relative;
  color: #AAAA88;
  display: flex;
  background: rgb(39, 40, 40);
  background: linear-gradient(180deg, rgb(39, 40, 40) 0%, rgb(0, 0, 0) 100%);
  margin-bottom: 40.8px;
  padding-bottom: 30px;
}
#plan_sec .limited_plan .plan_type .type_area::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 80%;
  background: rgb(255, 255, 255);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgb(0, 0, 0) 70%, rgb(0, 0, 0) 100%);
  z-index: 0;
}
#plan_sec .limited_plan .plan_type .type_area .inner {
  max-width: 800px;
  display: flex;
  padding-top: 17px;
  gap: 46px;
}
@media screen and (max-width: 768px) {
  #plan_sec .limited_plan .plan_type .type_area .inner {
    padding-top: 11.3px;
  }
}
#plan_sec .limited_plan .plan_type .type_area .sp_cont {
  position: relative;
  display: flex;
  justify-content: space-between;
  width: 65.7142857143%;
  gap: 70px;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  #plan_sec .limited_plan .plan_type .type_area .sp_cont {
    width: 45%;
    flex-direction: column;
    justify-content: flex-start;
    gap: 12px;
  }
}
#plan_sec .limited_plan .plan_type .type_area .type {
  font-family: "Baskervville", serif;
  font-size: 8rem;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  #plan_sec .limited_plan .plan_type .type_area .type {
    font-size: 4rem;
  }
}
#plan_sec .limited_plan .plan_type .type_area .type span {
  font-size: 4.2rem;
  margin-left: 19px;
}
@media screen and (max-width: 768px) {
  #plan_sec .limited_plan .plan_type .type_area .type span {
    font-size: 1.5rem;
    margin-left: 0;
  }
}
#plan_sec .limited_plan .plan_type .type_area .info .size {
  font-size: 4.2rem;
  letter-spacing: 0.05em;
  margin-bottom: 5px;
}
@media screen and (max-width: 768px) {
  #plan_sec .limited_plan .plan_type .type_area .info .size {
    font-size: 2.1rem;
  }
}
#plan_sec .limited_plan .plan_type .type_area .info .size .font15 {
  font-size: 1.5rem;
  letter-spacing: 0.025em;
  margin-left: 5.1px;
}
@media screen and (max-width: 768px) {
  #plan_sec .limited_plan .plan_type .type_area .info .size .font15 {
    font-size: 0.9rem;
  }
}
#plan_sec .limited_plan .plan_type .type_area .info .size span {
  font-size: 3rem;
  letter-spacing: 0.025em;
  margin-left: 5.1px;
}
@media screen and (max-width: 768px) {
  #plan_sec .limited_plan .plan_type .type_area .info .size span {
    font-size: 1.5rem;
  }
}
#plan_sec .limited_plan .plan_type .type_area .info .floor {
  font-size: 2.4rem;
  margin-bottom: 5.5px;
}
@media screen and (max-width: 768px) {
  #plan_sec .limited_plan .plan_type .type_area .info .floor {
    font-size: 1.2rem;
  }
}
#plan_sec .limited_plan .plan_type .type_area .info .caption {
  font-size: 1.2rem;
}
@media screen and (max-width: 768px) {
  #plan_sec .limited_plan .plan_type .type_area .info .caption {
    font-size: 0.9rem;
  }
}
#plan_sec .limited_plan .plan_type .type_area .img {
  width: 23.285714%;
}
@media screen and (max-width: 768px) {
  #plan_sec .limited_plan .plan_type .type_area .img {
    width: 55%;
  }
}
#plan_sec .limited_plan .plan_type .text {
  line-height: 2.25;
  width: 90%;
  margin: 0 auto 38px;
}
@media screen and (max-width: 768px) {
  #plan_sec .limited_plan .plan_type .text {
    margin-bottom: 20.9px;
  }
}
#plan_sec .limited_plan .plan_type .btn {
  max-width: 500px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  #plan_sec .limited_plan .plan_type .btn {
    width: 85%;
  }
}
#plan_sec .limited_plan .plan_type .btn a {
  color: var(--color_white);
  font-size: 2.3rem;
  background-color: #75797C;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 75px;
  box-shadow: 2px 3px 6px 6px rgba(0, 0, 0, 0.7);
}
@media screen and (max-width: 768px) {
  #plan_sec .limited_plan .plan_type .btn a {
    font-size: 1.5rem;
    height: 42.5px;
  }
}
#plan_sec .limited_plan .plan_type .btn a.shinydarken {
  background: #707070;
  background: linear-gradient(-45deg, #707070 30%, #969696 40%, #707070 60%);
  background-size: 800% 100%;
  animation: shine 20s infinite;
  animation-delay: 0s;
  animation-timing-function: ease-out;
}
@keyframes shine {
  0% {
    background-position-x: 600%;
  }
  50% {
    background-position-x: 0%;
  }
  100% {
    background-position-x: -600%;
  }
}
#plan_sec .limited_plan .caption {
  font-size: 1.2rem;
}
@media screen and (max-width: 768px) {
  #plan_sec .limited_plan .caption {
    font-size: 0.9rem;
  }
}
#plan_sec .notes {
  display: flex;
  gap: 10px 25px;
  margin-bottom: 89.2px;
  font-size: 1.3rem;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
}
@media screen and (max-width: 768px) {
  #plan_sec .notes {
    padding-left: 0;
    margin-bottom: 50px;
    align-items: flex-start;
    font-size: 0.9rem;
  }
}
#plan_sec .notes .box {
  display: flex;
  align-items: center;
  gap: 10px 25px;
}
@media screen and (max-width: 768px) {
  #plan_sec .notes .box {
    gap: 10px;
  }
}
#plan_sec .notes .box span {
  position: relative;
  padding-left: 4em;
}
#plan_sec .notes .box span.heat::after {
  content: "";
  position: absolute;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 0.8em;
  width: 3.5em;
  background: #EFEDE1;
  border: 1px solid #707070;
}
#plan_sec .notes .box span.storage::after {
  content: "";
  position: absolute;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 0.8em;
  width: 3.5em;
  background: #DAD9D4;
  border: 1px solid #707070;
}
#plan_sec .notes .box span.wind::after {
  content: "";
  position: absolute;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 0.8em;
  width: 3.5em;
  background: url(../plan/img/icon_wind.svg) no-repeat;
  background-size: contain;
}
@media screen and (max-width: 768px) {
  #plan_sec .notes .box span.wind::after {
    padding-left: 2em;
    height: 0.8em;
    width: 1.5em;
  }
}
#plan_sec .notes .box span.light::after {
  content: "";
  position: absolute;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 0.8em;
  width: 3.5em;
  background: url(../plan/img/icon_light.svg) no-repeat;
  background-size: contain;
}
@media screen and (max-width: 768px) {
  #plan_sec .notes .box span.light::after {
    padding-left: 2em;
    height: 0.8em;
    width: 1.5em;
  }
}

/*============================
#equipment_sec
============================*/
#equipment_sec {
  margin-bottom: 249.9px;
}
@media screen and (max-width: 768px) {
  #equipment_sec {
    margin-bottom: 64.5px;
  }
}
#equipment_sec .section_border {
  height: 97.44px;
  margin-bottom: 12.1px;
}
@media screen and (max-width: 768px) {
  #equipment_sec .section_border {
    display: none;
  }
}
#equipment_sec .img {
  max-width: 1080px;
  width: 90%;
  position: relative;
  margin: 0 auto 104.6px;
}
@media screen and (max-width: 768px) {
  #equipment_sec .img {
    width: 100%;
    margin-bottom: 68.55px;
  }
}
#equipment_sec .img .caption {
  font-size: 1.2rem;
  position: absolute;
  right: 5px;
  bottom: 5px;
}
@media screen and (max-width: 768px) {
  #equipment_sec .img .caption {
    font-size: 0.9rem;
  }
}
#equipment_sec .spec .inner {
  display: flex;
  flex-direction: column;
  gap: 63px;
}
@media screen and (max-width: 768px) {
  #equipment_sec .spec .inner {
    gap: 33.7px;
  }
}
#equipment_sec .spec .inner dl {
  border-left: solid 2px #AAAA88;
  padding-left: 37px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 12.6px;
}
@media screen and (max-width: 768px) {
  #equipment_sec .spec .inner dl {
    gap: 16.5px;
    padding-left: 18.5px;
  }
}
#equipment_sec .spec .inner dl dt {
  color: #AAAA88;
  font-size: 2.3rem;
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  #equipment_sec .spec .inner dl dt {
    font-size: 1.4rem;
    margin-top: 0;
  }
}
#equipment_sec .spec .inner dl dd {
  font-size: 1.6rem;
}
@media screen and (max-width: 768px) {
  #equipment_sec .spec .inner dl dd {
    font-size: 1.2rem;
    line-height: 1.75;
  }
}/*# sourceMappingURL=premium.css.map */