@charset "utf-8";
/*  margin
-----------------------------------------------------------------------------*/
/*20*/
.tbl02, .subTit02, .subTit.white, .inclusive, .mb20 {
  margin-bottom: min(20px, 1.322vw);
}
/*40*/
#slider01, #slider02, #slider03, .dayTit, .shtTit, .visit p {
  margin-bottom: min(40px, 2.645vw);
}
/*60*/
.svcTitle, .paling {
  margin-bottom: min(60px, 3.968vw);
}
.fee {
  padding: min(100px, 6.613vw) 0;
  box-sizing: border-box;
}
.fee .block {
  margin-bottom: min(80px, 5.291vw);
}
.fee .block .subTit02 {
  margin-top: min(60px, 3.968vw);
}
.fee .block .subTit02.mt0 {
  margin-top: 0;
}
/*  font
-----------------------------------------------------------------------------*/
/*---40px-----*/
.svcTitle {
  font-size: clamp(2rem, 2.645vw, 5rem);
}
/*---28px-----*/
.dayservice .subTit, .shortstay .subTit, .dayTit, .shtTit {
  font-size: clamp(1.6rem, 1.851vw, 3rem);
}
/*---20px-----*/
.inclusive {
  font-size: clamp(1.2rem, 1.322vw, 2.8rem);
}
/*  contents
-----------------------------------------------------------------------------*/
.dayservice {
  background: #fff;
}
.svcTitle {
  background: #00B8C9;
  text-align: center;
  color: #fff;
  padding: 0.7em;
  border-radius: 0.25em;
  position: relative;
  font-weight: 700;
}
.shortstay .svcTitle {
  background: #FEAE1B;
}
.svcTitle::before, .svcTitle::after {
  content: "";
  position: absolute;
  background: url(../../img/service/clover02.svg) no-repeat center center;
  background-size: contain;
  width: 1.6em;
  aspect-ratio: 1/1;
}
.svcTitle::before {
  top: -0.5em;
  left: 20%;
  transform: scale(-1, 1);
}
.svcTitle::after {
  bottom: -0.4em;
  right: 20%;
}
.dayservice .subTit, .shortstay .subTit {
  text-align: center;
  font-weight: 500;
}
.dayservice .redline::before {
  background: #00B8C9;
}
.shortstay .redline::before {
  background: #FEAE1B;
}
.defTxt {
  margin-bottom: 0;
}
.dayTit {
  width: 100%;
  display: inline-flex;
  border: 3px solid #00B8C9;
  border-radius: 0.25em;
  flex-wrap: wrap;
}
.dayTit strong {
  background: #00B8C9;
  color: #fff;
  padding: 0.5em 1em 0.5em 1.5em;
  position: relative;
}
.dayTit strong::before, .shtTit::before {
  content: "";
  background: #fff;
  width: 4px;
  height: 50%;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0.8em;
  margin: auto;
}
.dayTit span {
  padding: 0.5em;
  color: #00B8C9;
}
.shtTit {
  background: #fff;
  border: 3px solid #FEAE1B;
  border-radius: 0.25em;
  padding: 0.5em 1em 0.5em 1.5em;
  position: relative;
}
.shtTit::before {
  background: #FEAE1B;
}
.subTit02 {
  border-bottom: 2px solid #00B8C9;
  line-height: 1.8;
}
.shortstay .subTit02 {
  border-bottom: 2px solid #FEAE1B;
}
.paling {
  border: 5px solid #00B8C9;
  padding: 1em 1.5em;
  line-height: 1.8;
}
.shortstay .paling {
  border: 5px solid #FEAE1B;
}
.vistCatch {
  background: url(../../img/common/bg-grn.png);
  color: #fff;
  text-align: center;
}
.vistCatch .inner02 {
  position: relative;
}
.vistCatch img {
  position: absolute;
}
.vistCatch img.img01 {
  width: 10em;
  left: -5%;
  top: -1em;
}
.vistCatch img.img02 {
  width: 10em;
  right: -5%;
  bottom: -1em;
}
.vistCatch img.img03 {
  width: 4em;
  left: 20%;
  bottom: -0.2em;
}
.vistCatch img.img04 {
  width: 3em;
  right: 17%;
  top: 2.5em;
}
.inclusive {
  display: flex;
  flex-wrap: wrap;
}
.inclusive li {
  display: inline-block;
  padding: 1em;
  border: 1px solid #D1C9BE;
  background: #fff;
  margin-right: 1px;
}
/* Table -----------*/
.tbl01.w35 {
  margin-bottom: 0;
}
.tbl01.w35 dt {
  width: calc(35% - 1px);
}
.tbl01.w35 dd {
  width: calc(65% - 1px);
}
.tbl02 {
  display: flex;
  width: 100%;
  line-height: 1.8;
  justify-content: space-between;
}
.tbl02.fWrap {
  flex-wrap: wrap;
}
.tbl02 dl {
  flex-grow: 1;
}
.tbl02 dl dt {
  width: calc(25% - 1px);
  background: #413A31;
  padding: 0.7em;
  box-sizing: border-box;
  text-align: center;
  color: #fff;
  align-content: center;
  margin-bottom: 2px;
}
.tbl02 dl dd {
  width: calc(75% - 1px);
  border: 1px solid #D1C9BE;
  padding: 0.7em 1em;
  box-sizing: border-box;
  margin-bottom: 2px;
  background-color: #FFFAF4;
}
.tbl02.w50 dl {
  width: 50%;
}
.tbl02 dl dt, .tbl02 dl dd {
  width: calc(100% - 1px);
  line-height: 0;
  height: 3.2em;
}
.tbl02 dl dd {
  text-align: right;
  align-content: center;
}
.tbl02 dl dd:nth-child(odd) {
  background: #EEECE9;
}
.tbl02.w50 dd {
  text-align: center;
}
.shortstay .tbl02 dl dd, .shortstay .tbl01 dl dd, .shortstay dl.tbl01 dd {
  background: #fff;
}
.visit {
  background: #FFD60B;
}
.visit h4 {
  background: url(../../img/service/visit-bg.png) no-repeat center center;
  background-size: contain;
  text-align: center;
  font-size: clamp(2rem, 2.645vw, 5rem);
  font-weight: 700;
  line-height: 1.4;
  padding: 2.5em 0 2em;
}
.visit h4 span {
  background: linear-gradient(90deg, #FF77FA, #E40004);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: clamp(2.4rem, 3.174vw, 5.6rem);
}
.visit p {
  text-align: center;
}
.visit .phone {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.visit .phone li {
  padding: 0 1em;
  border-radius: 1rem;
  position: relative;
  font-weight: 700;
  line-height: 10rem;
}
.visit .phone li:first-child {
  background: url(../../img/common/bg-grn.png);
  color: #fff;
  font-size: clamp(2rem, 1.984vw, 4rem);
  margin-right: 1em;
}
.visit .phone li:first-child::before {
  content: "";
  position: absolute;
  display: inline-block;
  width: 0.6em;
  height: 1em;
  background: url(../../img/common/bg-grn.png);
  clip-path: polygon(0 0, 0 100%, 100% 50%);
  right: -0.5em;
  top: 0;
  bottom: 0;
  margin: auto;
}
.visit .phone li:last-child {
  background: #fff;
  font-size: clamp(3rem, 3.174vw, 5.6rem);
}
.visit .phone li:last-child span {
  position: relative;
  padding-left: 1em;
}
.visit .phone li:last-child span::before {
  content: "";
  position: absolute;
  background: url(../../img/service/icon-phone.svg) no-repeat center center;
  background-size: contain;
  width: 1em;
  aspect-ratio: 1/1;
  left: -0.2em;
  top: 0;
  bottom: 0;
  margin: auto;
}
/*tablet---------------------------------------------*/
@media screen and (max-width:1080px) {}
/*SP---------------------------------------------*/
@media screen and (max-width:767px) {
  .svcTitle::before {
    left: 0.5em;
  }
  .svcTitle::after {
    right: 0.5em;
  }
  .tbl02.w50 {
    flex-wrap: wrap;
  }
  .tbl02.w50 dt {
    margin-bottom: 0;
  }
  .tbl01.w35 dt, .tbl01.w35 dd, .tbl02.w50 dl {
    width: 100%;
  }
  .dayTit strong {
    width: 100%;
  }
  .tblWrap {
    overflow-x: auto;
  }
  .tblWrap .tbl02 dl {
    width: 40%;
  }
  .tblWrap .tbl02 dl dt, .tblWrap .tbl02 dl dd {
    white-space: nowrap;
  }
  .tblWrap::-webkit-scrollbar {
    width: 10px; /* スクロールバーの幅 */
    height: 10px; /* スクロールバーの高さ */
  }
  /* スクロールバーの背景部分をカスタマイズ */
  .tblWrap::-webkit-scrollbar-track {
    background: #f1f1f1; /* スクロールバーの背景色 */
    border-radius: 5px; /* 角丸にする */
  }
  /* スクロールバーの操作部分をカスタマイズ */
  .tblWrap::-webkit-scrollbar-thumb {
    background: #888; /* スクロールバーの操作部分の背景色 */
    border-radius: 5px; /* 角丸にする */
  }
  .defTxt.align_c {
    text-align: justify !important;
  }
  .vistCatch img.img01, .vistCatch img.img02 {
    display: none;
  }
  .vistCatch img.img03 {
    width: 3em;
    left: -2em;
  }
  .vistCatch img.img04 {
    width: 3em;
    right: -1%;
    top: -0.5em;
  }
  .visit h4 {
    background: url(../../img/service/visit-bg-sp.png) no-repeat center center;
    background-size: contain;
  }
  .visit .phone li {
    width: 100%;
    text-align: center;
    line-height: 6rem;
    padding: 0;
  }
  .visit .phone li:first-child {
    margin-right: unset;
    margin-bottom: 1em;
  }
  .visit .phone li:first-child::before {
    clip-path: polygon(0 0, 100% 0%, 50% 100%);
    left: 0;
    right: 0;
    top: unset;
    bottom: -0.5em;
    width: 1em;
    height: 0.6em;
  }
  .visit .phone li:last-child {
    padding-left: 0;
  }
  .visit .phone li:last-child span {
    padding-left: 1.2em;
  }
  .visit .phone li:last-child span::before {
    left: 0;
  }
}