@charset "UTF-8";
/* basic layout */
/* 全体の設定
---------------------------------------------------------------------------*/
/* 基本設定
---------------------------------------------------------------------------*/
/* responsive */
/* サイズ */
/* flexbox */
/* フォント */
/* regular: 400, medium: 500, semibold: 600, bold: 700 */
/* medium: 500, bold: 700, black: 900 */
/* regular: 400, medium: 500, semibold: 600, bold: 700 */
/* regular: 400 */
/* 色 */
/* グラデ背景色 */
/* 中央揃え */
/* objectfit */
/* ホバーアクション */
/* 角丸 */
/* ボタン */
/* ボタンの中のspan */
/* フォントサイズ */
/* 余白 */
/* 縦書き */
/* 内径 */
/* about
---------------------------------------------------------------------------*/
.about {
  margin-bottom: 80px; }
  @media screen and (max-width: 1300px) {
    .about {
      margin-bottom: 6.1538461538vw; } }
  @media screen and (max-width: 480px) {
    .about {
      margin-bottom: 14.9333333333vw; } }
  .about .pg-ttl {
    position: relative;
    z-index: 100; }
  .about-hd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    width: 100%;
    height: 680px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url(../img/onsen/about-hd-bg.jpg); }
    @media screen and (max-width: 1300px) {
      .about-hd {
        height: 52.3076923077vw; } }
    @media screen and (max-width: 480px) {
      .about-hd {
        height: 115.2vw;
        background-image: url(../img/onsen/about-hd-bg-sp.jpg); } }
    .about-hd-tx {
      position: relative;
      /* 1080 */
      width: 1080px;
      margin-left: auto;
      margin-right: auto;
      font-size: 28px;
      font-weight: 600;
      letter-spacing: .14em;
      padding-bottom: 60px;
      color: #ffffff;
      line-height: 2; }
      @media screen and (max-width: 1300px) {
        .about-hd-tx {
          width: 83.0769230769vw; } }
      @media screen and (max-width: 480px) {
        .about-hd-tx {
          width: 89.3333333333vw; } }
      @media screen and (max-width: 1300px) {
        .about-hd-tx {
          font-size: 2.1538461538vw; } }
      @media screen and (max-width: 480px) {
        .about-hd-tx {
          font-size: 6.6370341333vw; } }
      @media screen and (max-width: 1300px) {
        .about-hd-tx {
          padding-bottom: 4.6153846154vw; } }
      @media screen and (max-width: 480px) {
        .about-hd-tx {
          padding-bottom: 11.2vw; } }
      @media screen and (max-width: 480px) {
        .about-hd-tx {
          padding-bottom: 8vw; } }
      .about-hd-tx::before {
        position: absolute;
        content: "";
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        width: 94px;
        height: 155px;
        background-image: url(../img/cmn/sb-bg02.png);
        top: -177px;
        left: 0;
        opacity: .6; }
        @media screen and (max-width: 1300px) {
          .about-hd-tx::before {
            width: 7.2307692308vw;
            height: 11.9230769231vw;
            top: -13.6153846154vw; } }
        @media screen and (max-width: 480px) {
          .about-hd-tx::before {
            width: 21.3333333333vw;
            height: 35.0666666667vw;
            top: -40vw; } }
  .about-ft {
    position: relative;
    /* 1080 */
    width: 1080px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 46px; }
    @media screen and (max-width: 1300px) {
      .about-ft {
        width: 83.0769230769vw; } }
    @media screen and (max-width: 480px) {
      .about-ft {
        width: 89.3333333333vw; } }
    @media screen and (max-width: 1300px) {
      .about-ft {
        padding-top: 3.5384615385vw; } }
    @media screen and (max-width: 480px) {
      .about-ft {
        padding-top: 8.5866666667vw; } }
    .about-ft .pg-desc {
      margin-bottom: 54px;
      width: 460px; }
      @media screen and (max-width: 1300px) {
        .about-ft .pg-desc {
          margin-bottom: 4.1538461538vw; } }
      @media screen and (max-width: 480px) {
        .about-ft .pg-desc {
          margin-bottom: 10.08vw; } }
      @media screen and (max-width: 1300px) {
        .about-ft .pg-desc {
          width: 35.3846153846vw; } }
      @media screen and (max-width: 480px) {
        .about-ft .pg-desc {
          width: 100%;
          margin-bottom: 8vw; } }
    .about-ft-img {
      position: absolute;
      width: 810px;
      height: 690px;
      left: 50%;
      top: -103px; }
      @media screen and (max-width: 1300px) {
        .about-ft-img {
          width: 62.3076923077vw;
          height: 53.0769230769vw;
          top: -7.9230769231vw; } }
      @media screen and (max-width: 480px) {
        .about-ft-img {
          position: relative;
          width: 100%;
          height: auto;
          left: auto;
          top: auto;
          margin-bottom: 8vw; } }

/* largebath
---------------------------------------------------------------------------*/
.largebath {
  /* 1080 */
  width: 1080px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 80px; }
  @media screen and (max-width: 1300px) {
    .largebath {
      width: 83.0769230769vw; } }
  @media screen and (max-width: 480px) {
    .largebath {
      width: 89.3333333333vw; } }
  @media screen and (max-width: 1300px) {
    .largebath {
      margin-bottom: 6.1538461538vw; } }
  @media screen and (max-width: 480px) {
    .largebath {
      margin-bottom: 14.9333333333vw; } }
  .largebath .imgtx {
    margin-bottom: 56px; }
    @media screen and (max-width: 1300px) {
      .largebath .imgtx {
        margin-bottom: 4.3076923077vw; } }
    @media screen and (max-width: 480px) {
      .largebath .imgtx {
        margin-bottom: 10.4533333333vw; } }
    .largebath .imgtx .pg-ttl {
      position: relative;
      z-index: 100; }
  .largebath .cols02 {
    margin-bottom: 54px; }
    @media screen and (max-width: 1300px) {
      .largebath .cols02 {
        margin-bottom: 4.1538461538vw; } }
    @media screen and (max-width: 480px) {
      .largebath .cols02 {
        margin-bottom: 10.08vw; } }
    .largebath .cols02-img {
      overflow: hidden;
      margin-bottom: 0; }
      .largebath .cols02-img .centerslpagination {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end; }
      @media screen and (max-width: 480px) {
        .largebath .cols02-img .centersl .swiper-slide img {
          height: auto; } }
    .largebath .cols02-tx .hdl {
      margin-bottom: 0; }
  @media screen and (min-width: 481px) {
    .largebath .datatbl td {
      width: 792px; } }
  @media screen and (min-width: 481px) and (max-width: 1300px) {
    .largebath .datatbl td {
      width: 60.9230769231vw; } }

  .largebath .datatbl td ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 22px;
    padding-top: 12px; }
    @media screen and (max-width: 1300px) {
      .largebath .datatbl td ul {
        margin-bottom: 1.6923076923vw; } }
    @media screen and (max-width: 480px) {
      .largebath .datatbl td ul {
        margin-bottom: 4.1066666667vw; } }
    @media screen and (max-width: 1300px) {
      .largebath .datatbl td ul {
        padding-top: 0.9230769231vw; } }
    @media screen and (max-width: 480px) {
      .largebath .datatbl td ul {
        padding-top: 2.24vw; } }
    @media screen and (max-width: 480px) {
      .largebath .datatbl td ul {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 2.6666666667vw 4%; } }
    .largebath .datatbl td ul li {
      width: 236px; }
      @media screen and (max-width: 1300px) {
        .largebath .datatbl td ul li {
          width: 18.1538461538vw; } }
      @media screen and (max-width: 480px) {
        .largebath .datatbl td ul li {
          width: 48%; } }
      .largebath .datatbl td ul li img {
        border-radius: 32px; }
        @media screen and (max-width: 1300px) {
          .largebath .datatbl td ul li img {
            border-radius: 2.4615384615vw; } }
        @media screen and (max-width: 480px) {
          .largebath .datatbl td ul li img {
            border-radius: 8.5333333333vw; } }

/* private
---------------------------------------------------------------------------*/
.private {
  /* 1080 */
  width: 1080px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 80px; }
  @media screen and (max-width: 1300px) {
    .private {
      width: 83.0769230769vw; } }
  @media screen and (max-width: 480px) {
    .private {
      width: 89.3333333333vw; } }
  @media screen and (max-width: 1300px) {
    .private {
      margin-bottom: 6.1538461538vw; } }
  @media screen and (max-width: 480px) {
    .private {
      margin-bottom: 14.9333333333vw; } }
  .private .imgtx {
    margin-bottom: 56px; }
    @media screen and (max-width: 1300px) {
      .private .imgtx {
        margin-bottom: 4.3076923077vw; } }
    @media screen and (max-width: 480px) {
      .private .imgtx {
        margin-bottom: 10.4533333333vw; } }
  .private .cols02 {
    margin-bottom: 54px; }
    @media screen and (max-width: 1300px) {
      .private .cols02 {
        margin-bottom: 4.1538461538vw; } }
    @media screen and (max-width: 480px) {
      .private .cols02 {
        margin-bottom: 10.08vw; } }
    .private .cols02-img {
      overflow: hidden;
      margin-bottom: 0; }
      .private .cols02-img .centerslpagination {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end; }
      @media screen and (max-width: 480px) {
        .private .cols02-img .centersl .swiper-slide img {
          height: auto; } }
    .private .cols02-tx .hdl {
      margin-bottom: 0; }
  @media screen and (min-width: 481px) {
    .private .datatbl td {
      width: 792px; } }
  @media screen and (min-width: 481px) and (max-width: 1300px) {
    .private .datatbl td {
      width: 60.9230769231vw; } }

/* dogs
---------------------------------------------------------------------------*/
.dogs {
  /* 1080 */
  width: 1080px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 80px; }
  @media screen and (max-width: 1300px) {
    .dogs {
      width: 83.0769230769vw; } }
  @media screen and (max-width: 480px) {
    .dogs {
      width: 89.3333333333vw; } }
  @media screen and (max-width: 1300px) {
    .dogs {
      margin-bottom: 6.1538461538vw; } }
  @media screen and (max-width: 480px) {
    .dogs {
      margin-bottom: 14.9333333333vw; } }
  .dogs .imgtx {
    margin-bottom: 56px; }
    @media screen and (max-width: 1300px) {
      .dogs .imgtx {
        margin-bottom: 4.3076923077vw; } }
    @media screen and (max-width: 480px) {
      .dogs .imgtx {
        margin-bottom: 10.4533333333vw; } }
    .dogs .imgtx .pg-ttl {
      position: relative;
      z-index: 200;
      line-height: 1.75; }
    .dogs .imgtx-img-sl {
      position: relative;
      z-index: -1; }
  @media screen and (min-width: 481px) {
    .dogs .datatbl td {
      width: 792px; } }
  @media screen and (min-width: 481px) and (max-width: 1300px) {
    .dogs .datatbl td {
      width: 60.9230769231vw; } }

/* info
---------------------------------------------------------------------------*/
@media screen and (min-width: 481px) {
  .info .datatbl td {
    width: 792px; } }
  @media screen and (min-width: 481px) and (max-width: 1300px) {
    .info .datatbl td {
      width: 60.9230769231vw; } }

/* SPのみ飾り付きタイトルを左揃え
---------------------------------------------------------------------------*/
@media screen and (max-width: 480px) {
  .pg-ttl {
    position: relative;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 89.3333333333vw;
    margin-left: auto;
    margin-right: auto;
    z-index: 100;
    text-align: left; } }
/* ====================================================================== */
/* ====================================================================== */