@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@400;700&display=swap');

/*--- CSS Variables ---*/
:root {
  --font-family-base: 'Ibarra Real Nova', 'Noto Serif KR', serif;
  --line-height-base: 1.9;
}

/*--- base ---*/

/*--- common ---*/
/* section */
/* background */
/* title */
.section-title-sub {
  font-size: 0.4em;
}
/* text */
.auto-br span + span {
  margin-left: 0.5em;
}
/* button */
/* page-navi */
/* breadcrumb */
/* form style reset - Accessibility compliant */
/* burger btn */

/*--- video ---*/

/*--- header ---*/
.tel-int {
  display: block;
  font-size: 0.8em;
  text-align: right;
  margin-top: 0.5em;
}
.header-btn-reserve {
  width: fit-content;
  height: auto;
  line-height: 1.4;
  padding: 0.5em 0.5em 0.2em;
  font-size: clamp(11px, calc(11px + (16 - 11) * ((100vw - 320px) / (1280 - 320))), 16px);
}

/*--- #hero ---*/

/*--- TOP ---*/
/* #top-topics */
/* topics-slider - slide under 2 */
/* #top-introduction */
.intro-catchcopy-main {
  font-weight: 400;
  text-orientation: upright;
  letter-spacing: calc(var(--letter-spacing-base) * 5);
}
.intro-catchcopy-main strong {
  margin-bottom: 1em;
}
.intro-catchcopy-sub {
  font-size: clamp(12px, calc(12px + (18 - 12) * ((100vw - 320px) / (1280 - 320))), 18px);
  letter-spacing: calc(var(--letter-spacing-base) * 8);
}
/* .top-section-menu - common */
/* #top-blog */
/* cta */
.cta-link .cta-link-brand {
  margin-right: 0.5em;
}
/* #top-information */
.information-list dd .tel-int {
  font-size: 1em;
  text-align: center;
  margin-top: 0;
}

/*--- lowerpage ---*/
/* lower - common */
/* lower - menu */
/* lower - course */
/* lower - drink */
/* lower - space */
/* lower - blog */
/* common - article */
/* lower - news */
/* lower - sitepolicy */

/*--- footer ---*/

/* 横長のviewport用 */
@media (orientation: landscape) {
}

/* SP */
@media print, screen and (max-width: 742px) {
  /*--- common ---*/
  /* section */
  /* background */
  /* title */
  /* text */
  /* button */
  /* page-navi */
  /* breadcrumb */
  /* form style reset - Accessibility compliant */
  /* burger btn */

  /*--- video ---*/

  /*--- header ---*/

  /*--- #hero ---*/

  /*--- TOP ---*/
  /* #top-topics */
  /* topics-slider - slide under 2 */
  /* #top-introduction */
  /* .top-section-menu - common */
  /* #top-blog */
  /* cta */
  /* #top-information */

  /*--- lowerpage ---*/
  /* lower - common */
  /* lower - menu */
  /* lower - course */
  /* lower - drink */
  /* lower - space */
  /* lower - blog */
  /* common - article */
  /* lower - news */
  /* lower - sitepolicy */
}

/* PC */
@media print, screen and (min-width: 743px) {
  /*--- common ---*/
  /* section */
  /* background */
  /* title */
  /* text */
  /* button */
  /* page-navi */
  /* breadcrumb */
  /* form style reset - Accessibility compliant */
  /* burger btn */

  /*--- video ---*/
  
  /*--- header ---*/
  .tel-int {
    font-size: 0.7em;
    margin-top: 0.25em;
    line-height: 1.2;
  }

  /*--- #hero ---*/

  /*--- TOP ---*/
  /* #top-topics */
  /* topics-slider - slide under 2 */
  /* #top-introduction */
  /* .top-section-menu - common */
  /* #top-blog */
  /* cta */
  .cta-reserve .tel-int {
    font-size: 0.6em;
    text-align: center;
  }
  /* #top-information */

  /*--- lowerpage ---*/
  /* lower - common */
  /* lower - menu */
  /* lower - course */
  /* lower - drink */
  /* lower - space */
  /* lower - blog */
  /* common - article */
  /* lower - news */
  /* lower - sitepolicy */
}

/* hover style */
@media (hover: hover) {
  /*--- common ---*/
  /* section */
  /* background */
  /* title */
  /* text */
  /* button */
  /* page-navi */
  /* breadcrumb */
  /* form style reset - Accessibility compliant */
  /* burger btn */

  /*--- video ---*/
  
  /*--- header ---*/

  /*--- #hero ---*/

  /*--- TOP ---*/
  /* #top-topics */
  /* topics-slider - slide under 2 */
  /* #top-introduction */
  /* .top-section-menu - common */
  /* #top-blog */
  /* cta */
  /* #top-information */

  /*--- lowerpage ---*/
  /* lower - common */
  /* lower - menu */
  /* lower - course */
  /* lower - drink */
  /* lower - space */
  /* lower - blog */
  /* common - article */
  /* lower - news */
  /* lower - sitepolicy */
}

/*--- animation ---*/