@charset "UTF-8";
/* ===================================================================
CSS information

file name  : copy.scss
author     : Abilive
style info : copy
=================================================================== */
/* ===================================================================
CSS information

file name  : _settings.scss
author     : Abilive
style info : 基盤・初期設定
=================================================================== */
/* ===================================================================
CSS information

file name  : _variables.scss
author     : Abilive
style info : 基盤・初期設定
=================================================================== */
/* ===================================================================
CSS information

file name  : _mixins.scss
author     : Abilive
style info : 基盤・初期設定
=================================================================== */
.p-lower-kv__title-en {
  text-align: center;
}

.p-intro {
  margin-right: auto;
  margin-left: auto;
  --s-container-width: var(--s-content-0);
}
@media only screen and (min-width: 1025px) {
  .p-intro {
    width: calc(var(--s-child-width) / var(--s-container-width) * 100%);
    --s-child-width: var(--s-content-2);
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) {
  .p-intro {
    max-width: calc(var(--s-child-width) * 1px * ((14 + 2 + 0) / 14));
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1025px) and (max-width: 1440px) {
  .p-intro {
    max-width: calc(var(--s-child-width) * 1px);
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-intro {
    width: calc(var(--s-child-width) / var(--s-container-width) * 100%);
    --s-child-width: var(--s-content-2);
  }
}
@media only screen and (max-width: 767px) {
  .p-intro {
    width: calc(var(--s-child-width) / var(--s-container-width) * 100%);
    --s-child-width: var(--s-content-1);
  }
}
.p-intro__text {
  margin-top: calc(20 / var(--s-parent-font-size) * 1rem);
}

.p-room__text {
  background-color: red;
}
.p-room--single .p-room__text {
  background-color: blue;
}

:root {
  --s-color-xxx: red;
  --s-color-xxx-rgb: 255, 0, 0;
  --s-thin-border-width: 1px;
  --s-thin-border-style: solid;
  --s-thin-border-alpha: 0.75;
  --s-thin-border-color: rgb(var(--s-color-xxx-rgb), var(--s-thin-border-alpha));
  --s-thin-border: var(--s-thin-border-width) var(--s-thin-border-style) rgb(var(--s-color-xxx-rgb), var(--s-thin-border-alpha));
}

.btn {
  border: var(--s-thin-border);
}

.mac .btn {
  --s-thin-border-alpha: 1;
  --s-thin-border-width: 0.5px;
  --s-thin-border-color: rgb(var(--s-color-xxx-rgb), var(--s-thin-border-alpha));
  --s-thin-border: var(--s-thin-border-width) var(--s-thin-border-style) var(--s-thin-border-color);
}

.p-terms {
  margin-right: auto;
  margin-left: auto;
  --s-container-width: var(--s-content-0);
}
@media only screen and (min-width: 1025px) {
  .p-terms {
    width: calc(var(--s-child-width) / var(--s-container-width) * 100%);
    --s-child-width: var(--s-content-3);
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) {
  .p-terms {
    max-width: calc(var(--s-child-width) * 1px * ((14 + 2 + 0) / 14));
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1025px) and (max-width: 1440px) {
  .p-terms {
    max-width: calc(var(--s-child-width) * 1px);
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-terms {
    width: calc(var(--s-child-width) / var(--s-container-width) * 100%);
    --s-child-width: var(--s-content-2);
  }
}
@media only screen and (max-width: 767px) {
  .p-terms {
    width: calc(var(--s-child-width) / var(--s-container-width) * 100%);
    --s-child-width: var(--s-content-1);
  }
}
.p-terms__item {
  margin-top: calc(40 / var(--s-parent-font-size) * 1rem);
}
.p-terms__item ul {
  padding-left: 1.5rem;
  margin-top: 0.5rem;
}
.p-terms__item ul > li {
  list-style-type: decimal;
  list-style-position: outside;
}
.p-terms__item ul > li::marker {
  font-weight: 400;
  font-family: var(--s-font-en);
  font-weight: 600;
}
.p-terms__item ul > li ol li {
  position: relative;
  padding-left: 1.5rem;
}
.p-terms__item ul > li ol li::marker {
  font-family: var(--s-font-en);
  font-weight: 600;
  font-weight: 400;
}
.p-terms__item ul > li ol li span {
  position: absolute;
  left: 0;
  top: 0;
  font-weight: 500;
}
.p-terms__item--sub {
  margin-top: 1rem;
}
.p-terms__item--sub .scroll-sp {
  margin-top: 0.5rem;
  overflow: auto;
}
@media only screen and (min-width: 1025px) {
  .p-terms__item--sub .scroll-sp table {
    width: 800px;
  }
}
@media only screen and (max-width: 767px) {
  .p-terms__item--sub .scroll-sp table {
    width: 600px;
  }
}
@media only screen and (max-width: 767px) {
  .p-terms__item--sub .scroll-sp table.--lg {
    max-width: 100px;
    width: 100px;
  }
}
.p-terms__item--sub .scroll-sp table th {
  max-width: 200px;
  white-space: nowrap;
}
.p-terms__item--sub .scroll-sp table td .count {
  border: 1px solid;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.25em;
  height: 1.25em;
  line-height: 1;
  margin-right: 5px;
  font-family: var(--s-font-en);
  font-weight: 600;
  font-weight: 400;
}
.p-terms__item--other {
  position: relative;
  padding-left: 1.8em;
}
.p-terms__item--other .txt-abs {
  position: absolute;
  left: 0;
  top: 0;
}
.p-terms__item--other ul {
  padding-left: 1em;
  margin-top: 0.5rem;
}
.p-terms__item--other ul > li {
  list-style-type: decimal;
  list-style-position: outside;
}
.p-terms__item--other ul > li::marker {
  font-family: var(--s-font-en);
  font-weight: 600;
  font-weight: 500;
}
.p-terms__item .txt-note {
  text-align: right;
  margin-top: 1rem;
}
.p-terms .c-link {
  justify-content: center;
  margin-top: calc(30 / var(--s-parent-font-size) * 1rem);
}