@charset "UTF-8";
/* ===================================================================
CSS information

file name  : agreements.css
author     : Abilive
style info : 宿泊約款
=================================================================== */
/* ===================================================================
CSS information

file name  : _settings.scss
author     : Abilive
style info : 汎用設定
=================================================================== */
@keyframes FadeIn {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes FadeUp {
  0% {
    transform: translateY(-200%);
  }
  50% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes zoomUp {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.25);
  }
}
.wrp_section {
  margin-right: auto;
  margin-left: auto;
  display: flex;
  flex-direction: column;
  gap: 4em;
}
@media only screen and (min-width: 1025px) {
  .wrp_section {
    width: calc(1100 / 1440 * 100%);
    max-width: calc(1100px);
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) {
  .wrp_section {
    max-width: calc(1100px * ((16 + 3) / 14));
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) and (max-width: 1600px) {
  .wrp_section {
    max-width: calc(1100px * ((16 + 2) / 14));
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrp_section {
    width: calc(1200 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .wrp_section {
    width: calc(388 / 428 * 100%);
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1365px) {
  .wrp_section {
    width: calc(1200 / 1440 * 100%);
  }
  html:lang(en) .wrp_section {
    width: calc(1300 / 1440 * 100%);
  }
}
.wrp_section .item {
  display: flex;
  flex-direction: column;
  gap: 2em;
}
.wrp_section .item .inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1em;
}
.wrp_section .item .inner.row {
  flex-direction: row;
}
.wrp_section .item h3 {
  width: 7.14rem;
}
.wrp_section .item h3 span {
  margin-top: 0 !important;
}
.wrp_section ol {
  box-sizing: border-box;
  padding-left: 1.4em;
}
.wrp_section ol li {
  list-style-type: decimal;
}
.wrp_section .list ol.deps_2 {
  counter-reset: deps-counter;
  padding-left: 0;
}
.wrp_section .list ol.deps_2 > li {
  list-style-type: none;
  counter-increment: deps-counter;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .wrp_section .list ol.deps_2 > li {
    display: flex;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_section .list ol.deps_2 > li {
    display: flex;
  }
}
@media only screen and (min-width: 768px) {
  .wrp_section .list ol.deps_2 > li {
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_section .list ol.deps_2 > li {
    flex-wrap: nowrap;
  }
}
.wrp_section .list ol.deps_2 > li::before {
  content: "(" counter(deps-counter) ")";
  margin-right: 0.5em;
  font-weight: normal;
}
.wrp_section .list ol.deps_2 > li.deps_3 {
  flex-wrap: wrap;
}
.wrp_section .list ol.deps_2 > li.deps_3 > span {
  width: 90%;
}
.wrp_section .list ol.deps_2 > li.deps_3 > ol li {
  list-style-type: none;
  position: relative;
  display: flex;
  flex-wrap: nowrap;
}
.wrp_section .list ol.deps_2 > li.deps_3 > ol li .deco {
  padding-right: .25rem;
}
.wrp_section .box_tbl .c-table {
  margin-top: 2em;
}
.wrp_section .box_tbl .c-table caption {
  margin-bottom: 1em;
}
.wrp_section .box_tbl .c-table__tbody {
  margin-top: 1em;
}
.wrp_section .box_tbl .c-table__th {
  text-align: center;
}
@media only screen and (min-width: 1025px) {
  html:lang(en) .wrp_section .box_tbl .c-table__th {
    width: 22%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  html:lang(en) .wrp_section .box_tbl .c-table__th {
    width: 25%;
  }
}
.wrp_section .box_tbl .c-table__td ul li {
  display: flex;
  flex-wrap: nowrap;
  padding: .5em 0;
}
@media only screen and (max-width: 1024px) {
  html:lang(en) .wrp_section .box_tbl .c-table__td ul li {
    display: block;
  }
}
.wrp_section .box_tbl .c-table__td ul li .tit {
  width: 7.14rem;
  display: inline-block;
}
@media only screen and (min-width: 1025px) {
  html:lang(en) .wrp_section .box_tbl .c-table__td ul li .tit {
    width: 10.71rem;
  }
}
@media only screen and (max-width: 1024px) {
  html:lang(en) .wrp_section .box_tbl .c-table__td ul li .tit {
    width: 100%;
  }
}
.wrp_section .box_tbl .c-table__td ul li .txt {
  width: calc(100% - 7.14rem);
  display: inline-block;
}
@media only screen and (max-width: 767px) {
  .wrp_section .box_tbl .c-table__td ul li .txt {
    width: 70%;
  }
}
@media only screen and (min-width: 1025px) {
  html:lang(en) .wrp_section .box_tbl .c-table__td ul li .txt {
    width: calc(100% - 10.71rem);
  }
}
@media only screen and (max-width: 1024px) {
  html:lang(en) .wrp_section .box_tbl .c-table__td ul li .txt {
    width: 100%;
  }
}
.wrp_section .box_tbl .c-table__td ul li:not(:first-of-type) {
  border-top: 1px dotted lightgray;
}
.wrp_section .box_tbl .note {
  margin-top: 1em;
}
.wrp_section .box_tbl .note .st:before {
  content: "[";
}
.wrp_section .box_tbl .note .st:after {
  content: "]";
}
.wrp_section .box_tbl .note ol {
  box-sizing: border-box;
  padding-left: 1.4em;
}
.wrp_section .box_tbl .note ol li {
  list-style-type: decimal;
}
.wrp_section .scroll_tbl {
  margin-top: 2em;
  width: 100%;
}
.wrp_section .scroll_tbl .att {
  color: var(--color-accent);
}
@media only screen and (max-width: 1024px) {
  .wrp_section .scroll_tbl .box_tbl {
    overflow-x: auto;
  }
}
.wrp_section .scroll_tbl .box_tbl .c-table {
  margin-top: 1em;
}
html:lang(en) .wrp_section .scroll_tbl .box_tbl .c-table {
  line-height: 1.4;
}
@media only screen and (max-width: 1024px) {
  html:lang(en) .wrp_section .scroll_tbl .box_tbl .c-table {
    width: 1000px;
  }
}
.wrp_section .scroll_tbl .box_tbl .c-table__th {
  position: sticky;
  left: 0;
  white-space: nowrap;
}
@media only screen and (min-width: 768px) {
  .wrp_section .scroll_tbl .box_tbl .c-table__th {
    width: 12.85rem;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_section .scroll_tbl .box_tbl .c-table__th {
    width: 15rem;
  }
}
html:lang(en) .wrp_section .scroll_tbl .box_tbl .c-table__th {
  white-space: wrap;
}
@media only screen and (min-width: 768px) {
  html:lang(en) .wrp_section .scroll_tbl .box_tbl .c-table__th {
    width: 15rem;
  }
}
.wrp_section .scroll_tbl .box_tbl .c-table__td {
  text-align: center;
}
@media only screen and (min-width: 1025px) {
  .wrp_section .scroll_tbl .box_tbl .c-table__td {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}
@media only screen and (max-width: 1024px) {
  .wrp_section .scroll_tbl .box_tbl .c-table__td {
    white-space: nowrap;
  }
}
html:lang(en) .wrp_section .scroll_tbl .box_tbl .c-table__td {
  padding: .85rem 0.25rem;
  white-space: wrap;
}
@media only screen and (max-width: 1024px) {
  .wrp_section .scroll_tbl .box_tbl .c-table__td ul > li {
    white-space: nowrap;
  }
  html:lang(en) .wrp_section .scroll_tbl .box_tbl .c-table__td ul > li {
    white-space: wrap;
  }
}
.wrp_section .scroll_tbl .note {
  margin-top: 1em;
}
