@charset "UTF-8";

.hlp,
[class*="hlp-c-"] {
  --hlp-blue-50: #f4f7fa;
  --hlp-blue-100: #e6edf3;
  --hlp-blue-200: #d6e2ec;
  --hlp-blue-400: #a9bdd0;
  --hlp-blue-700: #4a6f94;
  --hlp-blue-900: #243b5a;
  --hlp-navy: #061a3f;
  --hlp-navy-50: #e4e7ee;
  --hlp-white: #fff;
  --hlp-serif: "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", YuMincho, "BIZ UDPMincho", serif;
  --hlp-ease: cubic-bezier(.22, .8, .26, 1);
  --hlp-content: 120rem;
}

.hlp {
  color: var(--hlp-blue-900);
  font-family: var(--hlp-serif);
}

.hlp p {
  margin: 0;
}

.hlp img {
  display: block;
  max-width: 100%;
  height: auto;
}

.hlp-heading {
  margin: 0;
  font-size: 2.2rem;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: .04em;
  text-align: center;
}

@media (min-width: 768px) {
  .hlp-heading {
    font-size: 3.2rem;
  }

  .hlp-heading--sub {
    font-size: 2.8rem;
    line-height: 1.6;
  }

  .hlp-sp-br {
    display: none;
  }
}

.hlp-mv__hero {
  position: relative;
}

.hlp-mv__photo {
  display: block;
  overflow: hidden;
  aspect-ratio: 375 / 320;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 87.5%);
}

.hlp-mv__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  animation: hlp-mv-photo 1.6s var(--hlp-ease) backwards;
}

.hlp-mv__panel {
  position: relative;
  width: 89.3333%;
  aspect-ratio: 335 / 280;
  container-type: inline-size;
  margin-top: -18.6667%;
  padding: 21.3333% 6.6667% 2rem;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 335 280' preserveAspectRatio='none'%3E%3ClinearGradient id='g' gradientUnits='userSpaceOnUse' x1='359.93' y1='220.1' x2='-24.93' y2='59.9'%3E%3Cstop offset='.2' stop-color='%234a6f94'/%3E%3Cstop offset='.794' stop-color='%23365a7c'/%3E%3C/linearGradient%3E%3Cpath d='M0 0L335 40V280H0Z' fill='url(%23g)'/%3E%3C/svg%3E") 0 0 / 100% 100% no-repeat;
}

.hlp-mv__heading {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.6rem;
}

.hlp-mv__eyebrow {
  padding: .6rem 3rem .8rem;
  border: 1px solid var(--hlp-blue-400);
  border-radius: .4rem;
  background: var(--hlp-blue-700);
  color: var(--hlp-white);
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: .2em;
  animation: hlp-blur-in 1.2s var(--hlp-ease) .6s backwards;
}

.hlp-mv__title {
  margin: 0;
  color: var(--hlp-white);
  font-size: min(2.5rem, 8.6cqi);
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: .04em;
  animation: hlp-blur-in 1.2s var(--hlp-ease) .4s backwards;
}

.hlp-mv__lead {
  padding: 4rem 2rem 0;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.7;
  letter-spacing: .04em;
  animation: hlp-fade 1.2s var(--hlp-ease) .9s backwards;
}

@media (min-width: 768px) {
  .hlp-mv__hero {
    aspect-ratio: 1440 / 440;
  }

  .hlp-mv__photo {
    position: absolute;
    top: 0;
    right: 0;
    width: 54.1667%;
    height: 100%;
    aspect-ratio: auto;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 11.5385% 100%);
  }

  .hlp-mv__panel {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    width: 54.5833%;
    height: 81.8182%;
    aspect-ratio: auto;
    margin: 0;
    padding: 0 0 0 max(6.25%, calc((100% - var(--hlp-content)) / 2 - 3rem));
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 786 360' preserveAspectRatio='none'%3E%3ClinearGradient id='g' gradientUnits='userSpaceOnUse' x1='802.86' y1='304.52' x2='-16.86' y2='55.48'%3E%3Cstop offset='.119' stop-color='%234a6f94'/%3E%3Cstop offset='.794' stop-color='%23365a7c'/%3E%3C/linearGradient%3E%3Cpath d='M0 0H706L786 360H0Z' fill='url(%23g)'/%3E%3C/svg%3E");
  }

  .hlp-mv__eyebrow {
    padding-inline: 4rem;
  }

  .hlp-mv__title {
    font-size: clamp(2.2rem, 2.639vw, 3.8rem);
  }

  .hlp-mv__lead {
    font-size: 1.8rem;
    text-align: center;
  }

  .hlp-mv__lead p {
    max-width: var(--hlp-content);
    margin-inline: auto;
  }
}

.hlp-benefit {
  display: flex;
  flex-direction: column;
  gap: 4.8rem;
  padding: 4.8rem 2rem 8rem;
}

.hlp-benefit__row {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}

.hlp-benefit__photo img {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-radius: .8rem;
}

.hlp-benefit__body {
  display: flex;
  flex-direction: column;
  gap: .8rem;
}

.hlp-benefit__title {
  margin: 0;
  color: var(--hlp-blue-700);
  font-size: 2.2rem;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: .04em;
}

.hlp-benefit__text {
  font-size: 1.5rem;
  line-height: 1.7;
  letter-spacing: .04em;
}

@media (min-width: 768px) {
  .hlp-benefit {
    gap: 4rem;
    padding: 4rem 4rem 8rem;
  }

  .hlp-benefit__row {
    flex-direction: row;
    align-items: center;
    gap: 4rem;
    width: 100%;
    max-width: var(--hlp-content);
    margin-inline: auto;
  }

  .hlp-benefit__row--rev {
    flex-direction: row-reverse;
  }

  .hlp-benefit__photo {
    flex: 0 0 50%;
  }

  .hlp-benefit__body {
    flex: 1 1 0;
    gap: 1.6rem;
  }

  .hlp-benefit__title {
    font-size: 2.8rem;
    line-height: 1.6;
  }

  .hlp-benefit__text {
    font-size: 1.6rem;
  }
}

@media (min-width: 1025px) {
  .hlp-benefit__photo {
    flex-basis: 40%;
  }

  .hlp-benefit__body {
    flex: 0 1 40rem;
  }
}

.hlp-feature {
  display: flex;
  flex-direction: column;
  gap: 3.2rem;
  padding: 8rem 2rem;
  background: var(--hlp-blue-50);
}

.hlp-feature__list {
  display: flex;
  flex-direction: column;
  gap: 3.2rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.hlp-feature__card {
  display: flex;
  align-items: flex-start;
  gap: 1.6rem;
  padding: 2.4rem;
  border: 1px solid var(--hlp-blue-100);
  border-radius: .8rem;
  background: var(--hlp-white);
}

.hlp-feature__icon {
  position: relative;
  flex: 0 0 8rem;
  height: 8rem;
  overflow: hidden;
}

.hlp-feature__icon > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.hlp-feature__body {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  gap: .4rem;
  min-width: 0;
  line-height: 1.7;
}

.hlp-feature__title {
  margin: 0;
  font-size: 1.6rem;
  font-weight: 600;
  letter-spacing: .04em;
}

.hlp-feature__text {
  font-size: 1.4rem;
  letter-spacing: .04em;
}

@media (min-width: 768px) {
  .hlp-feature {
    gap: 4rem;
    padding: 8rem 4rem;
  }

  .hlp-feature__list {
    flex-direction: row;
    align-items: stretch;
    gap: 2.4rem;
    width: 100%;
    max-width: var(--hlp-content);
    margin-inline: auto;
  }

  .hlp-feature__card {
    flex: 1 1 0;
    min-width: 0;
  }

  .hlp-feature__icon {
    flex-basis: 10rem;
    height: 10rem;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .hlp-feature__card {
    flex-direction: column;
  }

  .hlp-feature__icon {
    flex: none;
    width: 8rem;
    height: 8rem;
  }

  .hlp-feature__body {
    flex: none;
  }
}

.hlp-hotel {
  display: flex;
  flex-direction: column;
  gap: 3.2rem;
  padding: 8rem 2rem;
}

.hlp-hotel__list {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.hlp-hotel__card {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  border: 1px solid var(--hlp-blue-100);
  border-radius: .8rem;
  background: var(--hlp-white);
  color: var(--hlp-blue-900);
  text-decoration: none;
}

.hlp-hotel__photo {
  width: 100%;
  aspect-ratio: 384 / 240;
  object-fit: cover;
}

.hlp-hotel__body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.2rem;
  padding: 2.4rem;
}

.hlp-hotel__tag {
  padding: 0 .8rem;
  background: var(--hlp-blue-700);
  color: var(--hlp-white);
  font-size: 1.1rem;
  font-weight: 700;
  line-height: 1.5;
}

.hlp-hotel__name {
  margin: 0;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: .04em;
  text-decoration: underline;
}

.hlp-hotel__text {
  font-size: 1.4rem;
  line-height: 1.7;
  letter-spacing: .04em;
}

@media (min-width: 768px) {
  .hlp-hotel {
    gap: 4rem;
    padding: 8rem 4rem;
  }

  .hlp-hotel__list {
    flex-direction: row;
    width: 100%;
    max-width: var(--hlp-content);
    margin-inline: auto;
  }

  .hlp-hotel__list > li {
    flex: 1 1 0;
    min-width: 0;
  }

  .hlp-hotel__name {
    line-height: 1.7;
    text-decoration: none;
  }

  .hlp-hotel__card:hover .hlp-hotel__name,
  .hlp-hotel__card:focus-visible .hlp-hotel__name {
    text-decoration: underline;
  }
}

.hlp-faq {
  display: flex;
  flex-direction: column;
  gap: 3.2rem;
  padding: 6.4rem 2rem 8rem;
}

.hlp-faq__list {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  width: 100%;
  max-width: 80rem;
  margin: 0 auto;
  padding: 0;
  list-style: none;
}

.hlp-faq__link {
  display: flex;
  align-items: center;
  gap: 2rem;
  padding: 2rem;
  border: 1px solid var(--hlp-blue-200);
  border-radius: .8rem;
  background: var(--hlp-white);
  color: var(--hlp-blue-900);
  text-decoration: none;
}

.hlp-faq__text {
  flex: 1 1 0;
  font-size: 1.5rem;
  line-height: 1.5;
  text-decoration: underline;
}

.hlp-faq__arrow {
  flex: none;
  width: 1.5rem;
}

.hlp-faq__link--external {
  position: relative;
}

.hlp-faq__link--external::after {
  flex: none;
  width: 1.5rem;
  color: var(--hlp-blue-700);
  font-family: "asw-icon";
  font-size: 1.5rem;
  line-height: 1;
  text-align: center;
  content: "\e962" / "";
}

.hlp-external-alt {
  position: absolute;
  right: 2rem;
  bottom: 50%;
}

.hlp-faq__contact {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.7;
  letter-spacing: .04em;
  text-align: center;
}

.hlp-faq__contact-link {
  color: var(--hlp-blue-900);
  text-decoration: underline;
}

@media (min-width: 768px) {
  .hlp-faq {
    gap: 4rem;
    padding: 6.4rem 4rem 8rem;
  }

  .hlp-faq__link {
    padding: 2.4rem 4rem;
  }

  .hlp-faq__text {
    font-size: 1.6rem;
    text-decoration: none;
  }

  .hlp-faq__link:hover .hlp-faq__text,
  .hlp-faq__link:focus-visible .hlp-faq__text {
    text-decoration: underline;
  }

  .hlp-external-alt {
    right: 4rem;
  }

  .hlp-faq__contact {
    font-size: 1.8rem;
  }

  .hlp-faq__contact-link:hover {
    text-decoration: none;
  }
}

.hlp-amc {
  position: relative;
  isolation: isolate;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.4rem;
  padding: 6.4rem 2rem 8rem;
  background: var(--hlp-navy);
  color: var(--hlp-white);
  text-align: center;
}

.hlp-amc::before {
  position: absolute;
  inset: 0;
  z-index: -1;
  background: center / cover no-repeat;
  opacity: .6;
  content: "";
}

.hlp-amc__title {
  margin: 0;
  font-size: 2.2rem;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: .04em;
}

.hlp-amc__text {
  font-size: 1.5rem;
  line-height: 1.7;
  letter-spacing: .04em;
}

.hlp-button {
  position: relative;
  isolation: isolate;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  overflow: hidden;
  padding: 2rem 1rem;
  border: 1px solid var(--hlp-navy);
  border-radius: .8rem;
  background: var(--hlp-white);
  color: var(--hlp-navy);
  text-decoration: none;
}

.hlp-button::before {
  position: absolute;
  inset: 0;
  z-index: -1;
  background: var(--hlp-navy-50);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .4s var(--hlp-ease);
  content: "";
}

.hlp-button:hover::before,
.hlp-button:focus-visible::before {
  transform: scaleX(1);
}

.hlp-button__label {
  flex: 1 1 0;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.7;
  letter-spacing: .04em;
}

.hlp-button__arrow {
  flex: none;
  width: 2.4rem;
  transform: rotate(-90deg);
}

@media (min-width: 768px) {
  .hlp-amc {
    padding: 6.4rem 4rem 8rem;
  }

  .hlp-amc__title {
    font-size: 2.8rem;
    line-height: 1.6;
  }

  .hlp-amc__text {
    font-size: 1.6rem;
  }

  .hlp-button {
    width: 58rem;
    max-width: 100%;
    padding: 2rem 3.2rem;
  }

  .hlp-button__label {
    font-size: 2rem;
    line-height: 2.6rem;
    letter-spacing: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .hlp-button::before {
    transition: none;
  }
}

.hlp-related {
  display: flex;
  flex-direction: column;
  gap: 3.2rem;
  padding: 4.8rem 2rem 8rem;
}

.hlp-related__banner {
  display: block;
  width: 100%;
  max-width: var(--hlp-content);
  overflow: hidden;
  margin-inline: auto;
}

.hlp-related__banner img {
  width: 100%;
}

@media (min-width: 768px) {
  .hlp-related {
    gap: 4rem;
    padding: 6.4rem 4rem 8rem;
  }

  .hlp-related__banner:hover img,
  .hlp-related__banner:focus-visible img {
    transform: scale(1.05);
    transition: transform .5s ease-in-out;
  }
}

@media (prefers-reduced-motion: reduce) {
  .hlp-related__banner:hover img,
  .hlp-related__banner:focus-visible img {
    transition: none;
  }
}

.hlp-c-booking {
  position: relative;
  isolation: isolate;
  margin: 0;
  padding: 6.4rem 2rem 8rem;
}

.hlp-c-booking::before {
  position: absolute;
  inset: 0;
  z-index: -1;
  background: rgba(0, 0, 0, .6);
  content: "";
}

.hlp-c-booking > .asw-container__body,
.hlp-c-booking > .asw-container__body > .asw-container__inner {
  max-width: none;
  margin: 0;
  padding: 0;
}

.hlp-c-booking > .asw-container__body > .asw-container__inner > .aem-Grid {
  display: flex;
  flex-direction: column;
  gap: 3.2rem;
  max-width: var(--hlp-content);
  margin-inline: auto;
}

.hlp-c-booking .experiencefragment .asw-container {
  margin: 0;
}

.hlp-c-booking .experiencefragment .asw-container__body,
.hlp-c-booking .experiencefragment .asw-container__inner {
  padding: 0;
  background: transparent;
}

.hlp-c-booking-headline {
  margin: 0;
  padding: 0;
}

.hlp-c-booking-headline .asw-headline__title {
  margin: 0;
  padding: 0;
  color: var(--hlp-white);
  font-family: var(--hlp-serif);
  font-size: 2.2rem;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: .04em;
  text-align: center;
}

.hlp-c-booking-headline .asw-headline__title::before,
.hlp-c-booking-headline .asw-headline__title::after {
  content: none;
}

@media (min-width: 768px) {
  .hlp-c-booking {
    padding: 6.4rem 4rem 8rem;
  }

  .hlp-c-booking > .asw-container__body > .asw-container__inner > .aem-Grid {
    gap: 4rem;
  }

  .hlp-c-booking-headline .asw-headline__title {
    font-size: 2.8rem;
    line-height: 1.6;
  }
}

@keyframes hlp-mv-photo {
  from {
    opacity: 0;
    transform: scale(1.06);
  }
}

@keyframes hlp-blur-in {
  from {
    opacity: 0;
    filter: blur(14px);
    transform: scale(1.04);
  }
}

@keyframes hlp-fade {
  from {
    opacity: 0;
  }
}

@property --hlp-in {
  syntax: "<integer>";
  inherits: true;
  initial-value: 0;
}

@keyframes hlp-trigger {
  from {
    --hlp-in: 0;
  }

  to {
    --hlp-in: 1;
  }
}

@supports (animation-timeline: view()) {
  .hlp-benefit__row {
    animation: hlp-trigger linear both;
    animation-timeline: view();
    animation-range: cover 28% cover 29%;
  }

  .hlp-benefit__photo {
    opacity: 0;
    transition: opacity 1s var(--hlp-ease) 99999s;
  }

  .hlp-benefit__body {
    opacity: 0;
    filter: blur(14px);
    transform: scale(1.04);
    transition:
      opacity .9s var(--hlp-ease) 99999s,
      filter .9s var(--hlp-ease) 99999s,
      transform .9s var(--hlp-ease) 99999s;
  }

  .hlp-feature__list {
    animation: hlp-trigger linear both;
    animation-timeline: view();
    animation-range: entry 25% entry 26%;
  }

  .hlp-feature__card {
    --hlp-d: 0s;
    opacity: 0;
    transform: translateY(4rem);
    transition:
      opacity 1s var(--hlp-ease) 99999s,
      transform 1.1s var(--hlp-ease) 99999s;
  }

  .hlp-feature__card:nth-child(2) {
    --hlp-d: .2s;
  }

  .hlp-feature__card:nth-child(3) {
    --hlp-d: .4s;
  }

  .hlp-feature__body {
    opacity: 0;
    filter: blur(14px);
    transform: scale(1.04);
    transition:
      opacity .9s var(--hlp-ease) 99999s,
      filter .9s var(--hlp-ease) 99999s,
      transform .9s var(--hlp-ease) 99999s;
  }

  @container style(--hlp-in: 1) {
    .hlp-feature__card {
      opacity: 1;
      transform: none;
      transition-delay: var(--hlp-d);
    }

    .hlp-feature__body {
      opacity: 1;
      filter: none;
      transform: none;
      transition-delay: calc(var(--hlp-d) + .35s);
    }
  }

  @container style(--hlp-in: 1) {
    .hlp-benefit__photo {
      opacity: 1;
      transition-delay: 0s;
    }

    .hlp-benefit__body {
      opacity: 1;
      filter: none;
      transform: none;
      transition-delay: .4s;
    }
  }
}

@media (prefers-reduced-motion: reduce) {
  .hlp-benefit__row,
  .hlp-feature__list {
    animation: none;
  }

  .hlp-benefit__photo,
  .hlp-benefit__body,
  .hlp-feature__card,
  .hlp-feature__body {
    opacity: 1;
    filter: none;
    transform: none;
    transition: none;
  }

  .hlp-mv__photo img,
  .hlp-mv__eyebrow,
  .hlp-mv__title,
  .hlp-mv__lead {
    animation: none;
  }
}

.hlp-amc::before {
  background-image: url(/domestic/theme/htl/images/amc_bg.jpg);
}

.hlp-c-booking .be-primary-tab .be-primary-tab__tablist,
.hlp-c-booking .be-primary-tab .be-primary-tab__panel .be-secondary-tab .be-secondary-tab__tablist,
.hlp-c-booking .be-primary-tab .be-primary-tab__panel .be-secondary-tab .be-tertiary-tab__tablist {
  display: none;
}

.hlp-c-booking #booking-modal_ST-D-06 .be-primary-tab {
  flex-wrap: wrap;
}

.hlp-c-booking #booking-modal_ST-D-06 .be-primary-tab .be-primary-tab__panel {
  padding: 3.2rem;
  border-radius: .8rem;
  box-shadow: none;
}

.hlp-c-booking #booking-modal_ST-D-06 .be-tertiary-tab__panel::before {
  display: block;
  margin-bottom: 1.6rem;
  color: #00146e;
  font-family: "asw-icon", "ヒラギノ角ゴシック", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "メイリオ", Meiryo, sans-serif;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.9rem;
  content: "\e971\00a0ホテルを検索する" / "ホテルを検索する";
}

.hlp-c-booking #booking-modal_ST-D-06 .be-primary-tab .be-primary-tab__panel .be-secondary-tab .be-secondary-tab__panel,
.hlp-c-booking #booking-modal_ST-D-06 .be-primary-tab .be-primary-tab__panel .be-secondary-tab .be-tertiary-tab__panel {
  padding-top: 0;
}

.hlp-c-booking #booking-modal_ST-D-06 .be-tertiary-tab__panel .js-button {
  border-color: #00146e;
}

.hlp-c-booking #booking-modal_ST-D-06 .be-domestic-reserve-hotel-checkin-checkout--open .be-domestic-reserve-hotel-checkin-checkout__button,
.hlp-c-booking #booking-modal_ST-D-06 .be-domestic-reserve-hotel-place--open .be-domestic-reserve-hotel-place__button,
.hlp-c-booking #booking-modal_ST-D-06 .be-domestic-reserve-hotel-passenger--open .be-domestic-reserve-hotel-passenger__button {
  box-shadow: 0 0 10px rgba(0, 0, 0, .16), 0 0 1px 1px #00146e;
}

.hlp-c-booking #booking-modal_ST-D-06 .be-tertiary-tab__panel .be-domestic-reserve-hotel__column--checkin-checkout {
  width: 50%;
}

.hlp-c-booking #booking-modal_ST-D-06 .be-tertiary-tab__panel .be-domestic-reserve-hotel__column--place,
.hlp-c-booking #booking-modal_ST-D-06 .be-tertiary-tab__panel .be-domestic-reserve-hotel__column--passenger {
  width: 25%;
}

.hlp-c-booking #booking-modal_ST-D-06 .be-tertiary-tab__panel .be-domestic-reserve-hotel__column--submit .be-domestic-reserve-hotel-submit__button {
  padding: 0 8.5rem 0 9.5rem;
}

.hlp-c-booking #booking-modal_ST-D-06 .be-domestic-reserve-hotel__note .be-nav li a {
  color: #00146e;
  text-decoration: underline;
}

@media (min-width: 768px) {
  .hlp-c-booking #booking-modal_ST-D-06 .be-domestic-reserve-hotel__note .be-nav li {
    margin-top: -2rem;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .hlp-c-booking #booking-modal_ST-D-06 .be-tertiary-tab__panel .be-domestic-reserve-hotel__row {
    align-items: baseline;
  }

  .hlp-c-booking #booking-modal_ST-D-06 .be-tertiary-tab__panel .be-domestic-reserve-hotel-checkin-checkout {
    width: 97%;
  }
}

@media (max-width: 767px) {
  .hlp-c-booking #booking-modal_ST-D-06 .be-primary-tab .be-primary-tab__panel {
    padding: 3.2rem 0;
  }

  .hlp-c-booking #booking-modal_ST-D-06 .be-tertiary-tab__panel::before {
    text-align: center;
  }

  .hlp-c-booking #booking-modal_ST-D-06 .be-tertiary-tab__panel .be-domestic-reserve-hotel__column--checkin-checkout {
    width: 100%;
  }

  .hlp-c-booking #booking-modal_ST-D-06 .be-tertiary-tab__panel .be-domestic-reserve-hotel__column--place {
    width: 65%;
  }

  .hlp-c-booking #booking-modal_ST-D-06 .be-tertiary-tab__panel .be-domestic-reserve-hotel__column--passenger {
    width: 33%;
    margin-left: 2%;
  }

  .hlp-c-booking #booking-modal_ST-D-06 .be-tertiary-tab__panel .be-domestic-reserve-hotel__column--submit {
    display: block;
    padding-top: 0;
  }

  .hlp-c-booking #booking-modal_ST-D-06 .be-tertiary-tab__panel .be-domestic-reserve-hotel__column--submit .be-domestic-reserve-hotel-submit__button {
    width: 100%;
    padding: 0;
  }

  .hlp-c-booking #booking-modal_ST-D-06 .be-domestic-reserve-hotel__note .be-nav li:nth-child(2) {
    display: block;
  }
}