@charset "UTF-8";
/* ■■■ ここから_variable.scss ■■■ */
/* CSSファイルで開いている場合、ここには何も表示されないため、_variable.scssを参照してください */
/******************************
* 要編集
******************************/
/******************************
* 変更NG
******************************/
/*
$size-identifiers: ("4l", "3l", "2l", "xl", "lg", "md", "sm", "xs", "2x");
$size-array: (
  4l: 4rem,
  3l: 3rem,
  2l: 2.5rem,
  xl: 2rem,
  lg: 1.75rem,
  md: 1.5rem,
  sm: 1.25rem,
  xs: 1rem,
  2x: 0.75rem,
);
*/
/* ■■■ ここまで_variable.scss ■■■ */
/* 
使用時の補足:
1. max-widthを指定する場合は、widthも適切に設定することを推奨
2. aspect-ratioを指定する場合は、対象となる画像やコンテンツに注意
3. reverse-mobileをtrueにする場合は、コンテンツの視覚的な優先順位を考慮
4. breakpointは実際のデザインに合わせて適切に調整
5. align, justifyの値は必要に応じてstart/center/end/space-between等を指定可能
*/
body.lower-page {
  background: #000;
  color: #fff;
  /*
    .gHeader {
      .gHeader__inner {
        a {
          img {
            height: 4.5rem;
            width: auto;
          }
        }
      }
    }
  */
}
body.lower-page section .title {
  padding: 6rem 0 12rem;
}
body.lower-page section .title .title--ja_only {
  font-family: "Shippori Mincho B1", serif;
  font-size: 5.5rem;
  font-weight: 600;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  background: rgba(255, 255, 255, 0);
  position: relative;
}
body.lower-page section .title .title--ja_only:after {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: -1.5rem;
  width: 80px;
  height: 1px;
  background: #838383;
}
body.lower-page section.reservation {
  margin-bottom: 60px;
}
body.lower-page section.reservation .pc2sp1 {
  padding: 20px;
  background: #1a1a1a;
  display: flex;
  justify-content: center;
  align-items: stretch;
}
body.lower-page section.reservation .pc2sp1 .column {
  display: flex;
  justify-content: start;
  align-items: center;
  flex-direction: column;
  padding: 5rem 0;
}
body.lower-page section.reservation .pc2sp1 .column h3 {
  font-size: 2rem;
  margin-bottom: 1.5rem;
}
body.lower-page section.reservation .pc2sp1 .column .btn {
  margin-top: 1.5rem;
}
body.lower-page section.reservation .pc2sp1 .column .telnumber {
  font-family: "Shippori Mincho", serif;
  font-size: 3.2rem;
  margin-bottom: 10px;
  color: #fff;
}
body.lower-page section.reservation .pc2sp1 .column .business-hours {
  font-size: 1.6rem;
}
@media screen and (max-width: 768px) {
  body.lower-page section.reservation .pc2sp1 {
    flex-direction: column;
    gap: 0;
  }
  body.lower-page section.reservation .pc2sp1 .column {
    width: 100%;
    padding: 2rem 0;
  }
  body.lower-page section.reservation .pc2sp1 .column h3 {
    font-size: 1.8rem;
  }
  body.lower-page section.reservation .pc2sp1 .column .telnumber {
    font-size: 2rem;
    margin-bottom: 5px;
    width: 185px;
    border: 1px solid #fff;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  body.lower-page section.reservation .pc2sp1 .column .business-hours {
    margin-top: 10px;
  }
}
body.lower-page .wrapper {
  /* wysiwyg */
  /*news*/
}
body.lower-page .wrapper .pages__editable {
  /* list */
  /* inline text */
  /* horizonal ruler */
}
body.lower-page .wrapper .pages__editable h2,
body.lower-page .wrapper .pages__editable h3,
body.lower-page .wrapper .pages__editable h4,
body.lower-page .wrapper .pages__editable p {
  text-align: center;
}
body.lower-page .wrapper .pages__editable h2,
body.lower-page .wrapper .pages__editable h3,
body.lower-page .wrapper .pages__editable h4 {
  font-weight: 600;
}
body.lower-page .wrapper .pages__editable hr {
  border: 1px solid #fff;
  padding: 0;
  margin: 4.5rem auto;
}
body.lower-page .wrapper .pages__editable .googlemap {
  width: 100%;
  aspect-ratio: 1.6666666;
}
body.lower-page .wrapper .pages__editable .block {
  margin-bottom: 2rem;
}
body.lower-page .wrapper .pages__editable .btn {
  text-decoration: none !important;
  min-width: 250px;
  height: 42px;
  color: #fff;
}
body.lower-page .wrapper .pages__editable .btn:hover {
  color: #000 !important;
}
body.lower-page .wrapper .pages__editable .fit-image {
  margin: 0 auto !important;
}
body.lower-page .wrapper .pages__editable .pc2sp1 .addtext {
  margin: 0 auto !important;
}
body.lower-page .wrapper .pages__editable .pc2sp1 span {
  display: inline-block;
  margin: 0 auto 2rem !important;
}
body.lower-page .wrapper .pages__editable h2 {
  font-size: 3.4rem;
  text-align: center;
  line-height: 2;
  margin-bottom: 0 !important;
}
body.lower-page .wrapper .pages__editable h3 {
  font-size: 3rem;
  margin: 3rem auto !important;
  display: block;
  left: 0;
  right: 0;
  text-align: center;
}
body.lower-page .wrapper .pages__editable h4 {
  font-size: 2rem;
  margin: 0 auto 2rem !important;
  display: block;
  position: relative;
  left: 0;
  right: 0;
  text-align: center;
}
body.lower-page .wrapper .pages__editable h4:before, body.lower-page .wrapper .pages__editable h4:after {
  content: "";
  display: inline-block;
  width: 1.5rem;
  height: 1px;
  background: #838383;
  margin-bottom: 0.75rem;
}
body.lower-page .wrapper .pages__editable h4:before {
  margin-right: 1rem;
}
body.lower-page .wrapper .pages__editable h4:after {
  margin-left: 1rem;
}
body.lower-page .wrapper .pages__editable ul {
  width: 100%;
  border: 1px solid #838383;
  padding: 40px !important;
  list-style: none;
}
body.lower-page .wrapper .pages__editable ul li {
  padding-left: 2rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  line-height: 1.5;
  margin-bottom: 0.5rem;
}
body.lower-page .wrapper .pages__editable ul li:last-child {
  margin-bottom: 0rem;
}
body.lower-page .wrapper .pages__editable ul li:before {
  content: "";
  position: absolute;
  display: inline-block;
  width: 4px;
  height: 4px;
  background: #fff;
  border-radius: 50%;
  left: 0.5rem;
  top: 1rem;
}
body.lower-page .wrapper .pages__editable p {
  margin: initial;
}
body.lower-page .wrapper .pages__editable hr {
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #838383;
  margin: 10rem auto;
}
body.lower-page .wrapper .post__cont--main,
body.lower-page .wrapper .post__cont--side {
  color: #fff;
}
@media screen and (max-width: 768px) {
  body.lower-page section .title {
    padding: 4rem 0 5.5rem;
  }
  body.lower-page section .title .title--ja_only {
    font-size: 3.4rem;
  }
  body.lower-page section .title .title--ja_only:after {
    top: calc(50% + 3.75rem);
  }
  body.lower-page .wrapper .pages__editable h2 {
    font-size: 2.4rem;
  }
  body.lower-page .wrapper .pages__editable h3 {
    font-size: 2.4rem;
  }
  body.lower-page .wrapper .pages__editable h4 {
    font-size: 1.8rem;
    margin: 0 auto 1.5rem !important;
  }
  body.lower-page .wrapper .pages__editable hr {
    margin: 5.5rem auto;
  }
  body.lower-page .wrapper .pages__editable ul {
    padding: 2rem !important;
    margin-bottom: 0rem;
  }
}/*# sourceMappingURL=pages.css.map */