@charset "UTF-8";
/*
$jpG: 'YakuHanJP', 'Noto Sans JP', sans-serif;
$jpM: 'YakuHanMP', 'Noto Serif JP', serif;
$jpH: 'YakuHanMP', 'Shippori Mincho B1', serif;
$en:  'EB Garamond', serif; // サイト独自のフォントを指定
$enG: 'Roboto', sans-serif;
$enM: 'EB Garamond', serif;
*/
/* line 16, style.scss */
#titleWrap { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; background: url("../img/cmn/bg02.webp") repeat center; background-size: 1920px auto; height: 220px; margin-bottom: 80px; }
/* line 17, style.scss */
#titleWrap .title { display: flex; flex-direction: column; flex-wrap: wrap; flex-direction: column-reverse; align-items: center; }
/* line 18, style.scss */
#titleWrap .title span { font-family: "FuturaLTPro-Medium"; font-size: 36px; letter-spacing: .125em; color: #1c7b9d; }
/* line 19, style.scss */
#titleWrap .title em { font-family: "FOT-筑紫明朝 Pr6N D"; font-size: 18px; position: relative; padding-inline: 26px; display: inline-flex; }
/* line 20, style.scss */
#titleWrap .title em::before { content: ""; width: 20px; height: 20px; background: url("../img/cmn/ic.webp") no-repeat; background-size: contain; position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; left: 0; }
@media only screen and (max-width: 750px) { /* line 16, style.scss */
  #titleWrap { height: 120px; margin-bottom: 50px; }
  /* line 25, style.scss */
  #titleWrap .title span { font-size: 25px; }
  /* line 26, style.scss */
  #titleWrap .title em { font-size: 14px; padding-inline: 24px; }
  /* line 27, style.scss */
  #titleWrap .title em::before { width: 18px; height: 18px; } }

/* line 37, style.scss */
.read { text-align: justify; }

/* line 38, style.scss */
.catch { font-family: "FOT-筑紫明朝 Pr6N M"; font-size: 30px; line-height: 1.6; }
@media only screen and (max-width: 750px) { /* line 38, style.scss */
  .catch { font-size: 22px; } }

/* line 39, style.scss */
.catchEn { display: flex; flex-direction: column; flex-wrap: wrap; margin-bottom: 1em; }
/* line 40, style.scss */
.catchEn span { display: flex; justify-content: flex-start; flex-wrap: wrap; align-items: center; margin-bottom: .75em; }
/* line 41, style.scss */
.catchEn span i { margin-right: .5em; line-height: 0; }
/* line 42, style.scss */
.catchEn span em { font-weight: 300; }
/* line 44, style.scss */
.catchEn strong { font-family: "FOT-筑紫明朝 Pr6N M"; letter-spacing: .075em; text-align: justify; }
/* line 45, style.scss */
.catchEn.vtcl { flex-direction: row; justify-content: center; align-items: center; }
/* line 46, style.scss */
.catchEn.vtcl span { margin-bottom: 0; }

@media only screen and (max-width: 750px) { /* line 50, style.scss */
  .catchEn { margin-bottom: 1em; }
  /* line 51, style.scss */
  .catchEn span { margin-bottom: .75em; }
  /* line 52, style.scss */
  .catchEn span i { margin-right: 1em; }
  /* line 55, style.scss */
  .catchEn strong { letter-spacing: .075em; }
  /* line 57, style.scss */
  .catchEn.vtcl span { margin-bottom: .75em; } }
/* line 67, style.scss */
.pankuzu { /*max-width: calc(100% - 100px); margin: auto; padding: 15px 0;*/ display: flex; justify-content: space-between; flex-wrap: wrap; justify-content: flex-start; align-items: center; position: absolute; z-index: 10; left: 0; top: 353px; background: #f5f4f4; padding-left: 20px; padding-right: 15px; height: 32px; padding-top: .25em; }
/* line 68, style.scss */
.pankuzu::before { content: ""; width: 32px; height: 32px; clip-path: polygon(0 0, 0% 100%, 100% 100%); background: #f5f4f4; position: absolute; bottom: 0; left: calc(100% - .5px); }
/* line 69, style.scss */
.pankuzu li { font-size: 11px; line-height: 1.5; font-family: "FuturaLTPro-Medium", "FOT-筑紫明朝 Pr6N D"; letter-spacing: .1em; opacity: .8; }
/* line 70, style.scss */
.pankuzu li a { color: #004a67; }
/* line 72, style.scss */
.pankuzu li:not(:last-child)::after { content: "\f054"; font-family: "Font Awesome 6 Pro"; font-size: 80%; padding: 0 5px; opacity: .8; }
@media only screen and (max-width: 750px) { /* line 67, style.scss */
  .pankuzu { max-width: 100%; padding-left: 8px; /*top: 168px;*/ top: 195px; padding-right: 6px; height: 22px; padding-top: .25em; }
  /* line 76, style.scss */
  .pankuzu::before { width: 22px; height: 22px; }
  /* line 77, style.scss */
  .pankuzu li { font-size: 10px; }
  /* line 79, style.scss */
  .pankuzu li:not(:last-child)::after { font-size: 80%; padding: 0 5px; } }

/* line 89, style.scss */
.pagemove { /*margin: 50px auto -110px;*/ display: flex; justify-content: space-between; flex-wrap: wrap; position: absolute; width: 100%; bottom: -110px; }
/* line 90, style.scss */
.pagemove li { position: relative; z-index: 5; font-family: "FOT-筑紫明朝 Pr6N M"; }
/* line 91, style.scss */
.pagemove li a { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; padding: .5em 1em; }
/* line 92, style.scss */
.pagemove li a i { font-size: 70%; }
/* line 97, style.scss */
.pagemove li.prev a i { margin-right: 3px; }
/* line 101, style.scss */
.pagemove li.next a { flex-direction: row-reverse; }
/* line 102, style.scss */
.pagemove li.next a i { margin-left: 3px; }
@media only screen and (max-width: 750px) { /* line 89, style.scss */
  .pagemove { width: 100%; /*margin: 60px auto 10px;*/ position: relative; top: auto; left: auto; bottom: auto; right: auto; transform: none; margin-bottom: 20px; }
  /* line 108, style.scss */
  .pagemove li a { padding: .5em 1em; }
  /* line 109, style.scss */
  .pagemove li a i { font-size: 70%; }
  /* line 110, style.scss */
  .pagemove li a em { font-size: 12px; }
  /* line 114, style.scss */
  .pagemove li.prev a i { margin-right: 3px; }
  /* line 119, style.scss */
  .pagemove li.next a i { margin-left: 3px; } }

/* line 130, style.scss */
.wImage { position: relative; }
/* line 131, style.scss */
.wImage::before { content: "IMAGE"; font-size: 11px; font-family: "Lusitana", serif; letter-spacing: 0; line-height: 1; position: absolute; bottom: .75em; left: .75em; z-index: 25; opacity: .9; }
@media only screen and (max-width: 750px) { /* line 131, style.scss */
  .wImage::before { font-size: 10px; } }
/* line 134, style.scss */
.wImage.w::before { color: #fff; }
/* line 135, style.scss */
.wImage.r::before { left: auto; right: .75em; }
/* line 136, style.scss */
.wImage.b::before { color: #3e3a39; }

/* line 146, style.scss */
.tel { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }
/* line 147, style.scss */
.tel a { color: #3e3a39; line-height: 1; }
/* line 148, style.scss */
.tel a i, .tel a em { letter-spacing: -.015em; }
/* line 149, style.scss */
.tel a i { margin-right: .15em; }
/* line 150, style.scss */
.tel a em { font-size: 140%; }
/* line 152, style.scss */
.tel small { font-family: "FOT-筑紫明朝 Pr6N M"; font-size: 36%; line-height: 1.6; letter-spacing: .025em; text-align: left; margin-left: 1.5em; margin-top: .5em; }

/* line 161, style.scss */
.linkCmn { width: 150px; height: 36px; margin: auto; }
/* line 162, style.scss */
.linkCmn a { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; border: 1px solid #1c7b9d; position: relative; }
/* line 163, style.scss */
.linkCmn a em { font-size: 14px; letter-spacing: 0; }
/* line 164, style.scss */
.linkCmn a i { line-height: 0; position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; right: 6px; padding-top: 2px; font-weight: 400; font-size: 90%; }

/* line 170, style.scss */
.cmnBtn { width: 280px; height: 50px; }
/* line 171, style.scss */
.cmnBtn a { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; position: relative; background: url("../img/cmn/bg01.webp") repeat center; background-size: 1920px auto; width: 100%; height: 100%; color: #f5f4f4; clip-path: polygon(0 0, 100% 0%, 100% 50%, 100% 100%, 0 100%, 0% 50%); filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.25)); }
/* line 172, style.scss */
.cmnBtn a em, .cmnBtn a i { transition: .4s all; }
/* line 173, style.scss */
.cmnBtn a em { font-family: "FuturaLTPro-Light"; font-size: 21px; line-height: 1; padding-top: .15em; }
/* line 174, style.scss */
.cmnBtn a i { position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; line-height: 1; right: 1.5em; transition: .4s all; font-weight: 400; }
/* line 175, style.scss */
.cmnBtn a:hover { clip-path: polygon(20px 0%, calc(100% - 20px) 0%, 100% 50%, calc(100% - 20px) 100%, 20px 100%, 0% 50%); opacity: 1; }
/* line 176, style.scss */
.cmnBtn a:hover i { right: 1.25em; }
/* line 177, style.scss */
.cmnBtn a:hover em, .cmnBtn a:hover i { opacity: .8; }
/* line 180, style.scss */
.cmnBtn.more { width: 180px; height: 40px; }
/* line 181, style.scss */
.cmnBtn.more a { background: #f5f4f4; color: #1c7b9d; }
/* line 182, style.scss */
.cmnBtn.more a em { font-family: "FuturaLTPro-Medium"; font-size: 15px; }
/* line 183, style.scss */
.cmnBtn.more a i { right: 1.25em; font-size: 90%; }
/* line 184, style.scss */
.cmnBtn.more a:hover { clip-path: polygon(15px 0%, calc(100% - 15px) 0%, 100% 50%, calc(100% - 15px) 100%, 15px 100%, 0% 50%); }
/* line 185, style.scss */
.cmnBtn.more a:hover i { right: 1.0em; }

@media only screen and (max-width: 750px) { /* line 191, style.scss */
  .cmnBtn { width: 250px; height: 46px; }
  /* line 192, style.scss */
  .cmnBtn a { clip-path: polygon(20px 0%, calc(100% - 20px) 0%, 100% 50%, calc(100% - 20px) 100%, 20px 100%, 0% 50%); }
  /* line 193, style.scss */
  .cmnBtn a em { font-size: 18px; padding-top: .15em; }
  /* line 194, style.scss */
  .cmnBtn a i { right: 1.5em; }
  /* line 196, style.scss */
  .cmnBtn a:hover i { right: 1.5em; }
  /* line 197, style.scss */
  .cmnBtn a:hover em, .cmnBtn a:hover i { opacity: 1; }
  /* line 200, style.scss */
  .cmnBtn.more { width: 180px; height: 40px; }
  /* line 201, style.scss */
  .cmnBtn.more a { clip-path: polygon(15px 0%, calc(100% - 15px) 0%, 100% 50%, calc(100% - 15px) 100%, 15px 100%, 0% 50%); }
  /* line 202, style.scss */
  .cmnBtn.more a em { font-size: 15px; }
  /* line 203, style.scss */
  .cmnBtn.more a i { right: 1.25em; font-size: 90%; }
  /* line 205, style.scss */
  .cmnBtn.more a:hover i { right: 1.25em; } }
/* line 219, style.scss */
ul.contactBtns, ul.drawer-menu { display: flex; }
/* line 222, style.scss */
ul.contactBtns li.request a, ul.contactBtns li.reserve a, ul.drawer-menu li.request a, ul.drawer-menu li.reserve a { color: #fff; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; width: 100%; height: 100%; position: relative; filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.25)); padding-right: 1em; }
/* line 223, style.scss */
ul.contactBtns li.request a span, ul.contactBtns li.request a em, ul.contactBtns li.request a i, ul.contactBtns li.reserve a span, ul.contactBtns li.reserve a em, ul.contactBtns li.reserve a i, ul.drawer-menu li.request a span, ul.drawer-menu li.request a em, ul.drawer-menu li.request a i, ul.drawer-menu li.reserve a span, ul.drawer-menu li.reserve a em, ul.drawer-menu li.reserve a i { filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.15)); }
/* line 224, style.scss */
ul.contactBtns li.request a span, ul.contactBtns li.reserve a span, ul.drawer-menu li.request a span, ul.drawer-menu li.reserve a span { line-height: 1; font-family: "FuturaLTPro-Medium"; padding-top: .5em; margin-left: 1.5em; letter-spacing: .1em; }
/* line 225, style.scss */
ul.contactBtns li.request a em, ul.contactBtns li.reserve a em, ul.drawer-menu li.request a em, ul.drawer-menu li.reserve a em { font-family: "FOT-筑紫明朝 Pr6N D"; letter-spacing: .125em; }
/* line 226, style.scss */
ul.contactBtns li.request a em small, ul.contactBtns li.reserve a em small, ul.drawer-menu li.request a em small, ul.drawer-menu li.reserve a em small { font-size: 95%; }
/* line 228, style.scss */
ul.contactBtns li.request a i, ul.contactBtns li.reserve a i, ul.drawer-menu li.request a i, ul.drawer-menu li.reserve a i { line-height: 1; position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; right: 1em; transition: .4s all; }
/* line 230, style.scss */
ul.contactBtns li.request a:hover i, ul.contactBtns li.reserve a:hover i, ul.drawer-menu li.request a:hover i, ul.drawer-menu li.reserve a:hover i { right: .75em; }
/* line 234, style.scss */
ul.contactBtns li.request a, ul.drawer-menu li.request a { background: linear-gradient(to bottom, #c1a74e 0%, #b19b4a 100%); }
/* line 235, style.scss */
ul.contactBtns li.reserve, ul.drawer-menu li.reserve { display: none; }
/* line 235, style.scss */
ul.contactBtns li.reserve a, ul.drawer-menu li.reserve a { background: linear-gradient(to bottom, #c1a74e 0%, #b19b4a 100%); }
/* line 237, style.scss */
ul.contactBtns li.uc a, ul.drawer-menu li.uc a { opacity: .5; }

/* line 243, style.scss */
header ul.drawer-menu li.request, header ul.drawer-menu li.reserve { width: 300px; height: 60px; }
/* line 243, style.scss */
header ul.drawer-menu li.request span, header ul.drawer-menu li.reserve span { font-size: 9px; }
/* line 243, style.scss */
header ul.drawer-menu li.request em, header ul.drawer-menu li.reserve em { font-size: 20px; }
/* line 243, style.scss */
header ul.drawer-menu li.request i, header ul.drawer-menu li.reserve i { font-size: 16px; }

/* line 244, style.scss */
.contact ul.contactBtns li.request, .contact ul.contactBtns li.reserve { width: 580px; height: 90px; }
/* line 244, style.scss */
.contact ul.contactBtns li.request span, .contact ul.contactBtns li.reserve span { font-size: 11px; }
/* line 244, style.scss */
.contact ul.contactBtns li.request em, .contact ul.contactBtns li.reserve em { font-size: 28px; letter-spacing: .15em; }
/* line 244, style.scss */
.contact ul.contactBtns li.request i, .contact ul.contactBtns li.reserve i { font-size: 20px; }

/* line 245, style.scss */
.cta ul.contactBtns li.request, .cta ul.contactBtns li.reserve { width: 580px; height: 100px; }
/* line 245, style.scss */
.cta ul.contactBtns li.request span, .cta ul.contactBtns li.reserve span { font-size: 14px; }
/* line 245, style.scss */
.cta ul.contactBtns li.request em, .cta ul.contactBtns li.reserve em { font-size: 30px; letter-spacing: .15em; }
/* line 245, style.scss */
.cta ul.contactBtns li.request i, .cta ul.contactBtns li.reserve i { font-size: 20px; }

/* line 251, style.scss */
.cta ul.contactBtns li.request a, .cta ul.contactBtns li.reserve a { color: #3e3a39; background: linear-gradient(to bottom, #f8faf3 0%, #e4e9e6 100%); }
/* line 252, style.scss */
.cta ul.contactBtns li.request a span, .cta ul.contactBtns li.request a em, .cta ul.contactBtns li.request a i, .cta ul.contactBtns li.reserve a span, .cta ul.contactBtns li.reserve a em, .cta ul.contactBtns li.reserve a i { filter: none; }
/* line 253, style.scss */
.cta ul.contactBtns li.request a span, .cta ul.contactBtns li.reserve a span { color: #1c7b9d; margin-left: 2em; }
/* line 254, style.scss */
.cta ul.contactBtns li.request a em, .cta ul.contactBtns li.reserve a em { letter-spacing: .15em; }
/* line 257, style.scss */
.cta ul.contactBtns li.request a i, .cta ul.contactBtns li.reserve a i { width: 22px; right: 1.5em; }
/* line 259, style.scss */
.cta ul.contactBtns li.request a:hover i, .cta ul.contactBtns li.reserve a:hover i { right: 1.25em; }

@media only screen and (max-width: 750px) { /* line 268, style.scss */
  ul.contactBtns, ul.drawer-menu { flex-wrap: wrap; }
  /* line 271, style.scss */
  ul.contactBtns li.request a, ul.contactBtns li.reserve a, ul.drawer-menu li.request a, ul.drawer-menu li.reserve a { width: 100%; height: 100%; padding-right: 2em; }
  /* line 274, style.scss */
  ul.contactBtns li.request a em small, ul.contactBtns li.reserve a em small, ul.drawer-menu li.request a em small, ul.drawer-menu li.reserve a em small { font-size: 90%; }
  /* line 276, style.scss */
  ul.contactBtns li.request a i, ul.contactBtns li.reserve a i, ul.drawer-menu li.request a i, ul.drawer-menu li.reserve a i { right: 1em; }
  /* line 278, style.scss */
  ul.contactBtns li.request a:hover i, ul.contactBtns li.reserve a:hover i, ul.drawer-menu li.request a:hover i, ul.drawer-menu li.reserve a:hover i { right: 1em; }
  /* line 286, style.scss */
  header ul.drawer-menu li.request, header ul.drawer-menu li.reserve { width: 100%; height: 55px; }
  /* line 286, style.scss */
  header ul.drawer-menu li.request span, header ul.drawer-menu li.reserve span { font-size: 10px; }
  /* line 286, style.scss */
  header ul.drawer-menu li.request em, header ul.drawer-menu li.reserve em { font-size: 18px; }
  /* line 286, style.scss */
  header ul.drawer-menu li.request i, header ul.drawer-menu li.reserve i { font-size: 15px; }
  /* line 287, style.scss */
  .contact ul.contactBtns li.request, .contact ul.contactBtns li.reserve { width: 100%; height: 60px; }
  /* line 287, style.scss */
  .contact ul.contactBtns li.request span, .contact ul.contactBtns li.reserve span { font-size: 10px; }
  /* line 287, style.scss */
  .contact ul.contactBtns li.request em, .contact ul.contactBtns li.reserve em { font-size: 22px; letter-spacing: .15em; }
  /* line 287, style.scss */
  .contact ul.contactBtns li.request i, .contact ul.contactBtns li.reserve i { font-size: 15px; }
  /* line 288, style.scss */
  .cta ul.contactBtns li.request, .cta ul.contactBtns li.reserve { width: 100%; height: 60px; }
  /* line 288, style.scss */
  .cta ul.contactBtns li.request span, .cta ul.contactBtns li.reserve span { font-size: 10px; }
  /* line 288, style.scss */
  .cta ul.contactBtns li.request em, .cta ul.contactBtns li.reserve em { font-size: 22px; letter-spacing: .15em; }
  /* line 288, style.scss */
  .cta ul.contactBtns li.request i, .cta ul.contactBtns li.reserve i { font-size: 15px; }
  /* line 296, style.scss */
  .cta ul.contactBtns li.request a span, .cta ul.contactBtns li.reserve a span { margin-left: 2em; }
  /* line 297, style.scss */
  .cta ul.contactBtns li.request a em, .cta ul.contactBtns li.reserve a em { letter-spacing: .15em; }
  /* line 300, style.scss */
  .cta ul.contactBtns li.request a i, .cta ul.contactBtns li.reserve a i { width: 18px; right: 1.0em; }
  /* line 302, style.scss */
  .cta ul.contactBtns li.request a:hover i, .cta ul.contactBtns li.reserve a:hover i { right: 1.0em; } }
/* line 316, style.scss */
.yokoku { font-family: "FOT-筑紫明朝 Pr6N M"; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; position: relative; z-index: 10; /*max-width: 1100px;*/ margin: 40px auto 0; }
/* line 317, style.scss */
.yokoku em { font-size: 14px; width: 90px; height: 24px; border: 1px solid rgba(0, 0, 0, 0.5); display: flex; justify-content: center; align-items: center; flex-wrap: wrap; margin-right: 20px; border-top: 0; border-bottom: 0; }
/* line 318, style.scss */
.yokoku span { font-size: 13px; line-height: 1.6; /*width: calc(100% - 120px);*/ text-align: justify; letter-spacing: -.025em; }

@media only screen and (max-width: 750px) { /* line 324, style.scss */
  .yokoku { width: 90%; margin: 30px auto 0; }
  /* line 325, style.scss */
  .yokoku em { font-size: 14px; line-height: 1.5; width: 80px; height: auto; margin: 0 auto 10px; }
  /* line 326, style.scss */
  .yokoku span { font-size: 12px; line-height: 1.6; width: 100%; margin: 0 auto; } }
/* line 336, style.scss */
.pageCaption { font-family: "FOT-筑紫明朝 Pr6N M"; font-size: 12px; letter-spacing: .05em; text-align: justify; margin: auto; padding: 40px 0; padding-inline: calc((100% - 1200px) / 2); opacity: .8; }

@media only screen and (max-width: 750px) { /* line 341, style.scss */
  .pageCaption { font-size: 11px; line-height: 1.6; width: 100%; padding: 30px 30px; } }