@charset "utf-8";
.l-pgTtl {
  background-image: url("../image/pgttl.jpg");
}
@media screen and (max-width:640px) {
  .l-pgTtl_txt .en {
    font-size: var(--fs-5l);
  }
}
@media screen and (max-width:540px) {
  .l-pgTtl_txt .en {
    font-size: var(--fs-4l);
  }
}

/*----------------------------------------------------------------------------------------------------

  page nav
  
----------------------------------------------------------------------------------------------------*/
.pgNav {
  padding-left: var(--side-space);
  padding-right: var(--side-space);
  padding-bottom: var(--block-space-2l);
}
.pgNav-list {
  list-style: none;
  max-width: var(--base-width);
  margin-left: auto;
  margin-right: auto;
  display: grid;
}
.pgNav-list li a {
  display: block;
}
.pgNav-list li a,
.pgNav-list li a:visited,
.pgNav-list li a:hover {
  color: inherit;
  text-decoration: none;
}
@media (hover: hover) {
  .pgNav-list li a:hover {
    color: #305884;
  }
}
@media print, screen and (min-width:801px) {
  .pgNav {
    padding-top: var(--block-space-l);
  }
  .pgNav-list {
    grid-template-columns: repeat(3, 1fr);
  }
  .pgNav-list li {
    border-right: 1px solid rgba(42,48,63,0.15);
    text-align: center;
  }
  .pgNav-list li:first-child {
    border-left: 1px solid rgba(42,48,63,0.15);
  }
  .pgNav-list li .arrow {
    display: block;
    padding-top: 0.5em;
  }
}
@media print, screen and (max-width:800px) {
  .pgNav {
    padding-top: var(--block-space-m);
  }
  .pgNav-list li {
    border-bottom: 1px solid rgba(42,48,63,0.15);
    text-align: left;
  }
  .pgNav-list li a {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 1.5rem 2rem;
  }
}

/*----------------------------------------------------------------------------------------------------

  ご予約
  
----------------------------------------------------------------------------------------------------*/
.sec-policy {
  padding: 0 var(--side-space) var(--block-space-max) var(--side-space);
}
.policy {
  max-width: var(--base-width);
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}
.policy:not(:first-of-type) {
  padding-top:  var(--block-space-2l);
}
.policy_body {
  padding-top: var(--block-space-3s);
  padding-left: 2rem;
  padding-right: 2rem;
}
.policy_body p:not(:first-of-type) {
  padding-top: 1.5em;
}
.policy_photos {
  padding-top: var(--block-space-s);
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: clamp(12px, calc(24 / 1200 * 100vw), 24px);
}
@media print, screen and (min-width:801px) {
  .policy_photos {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media print, screen and (max-width:800px) {
  .policy_photos {
    gap: clamp(6px, calc(12 / 640 * 100vw), 12px);
  }
}