@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 */
/* フォントサイズ */
/* 余白 */
/* 縦書き */
/* 内径 */
/* sb
---------------------------------------------------------------------------*/
.sb-tx-desc {
  position: relative; }
  .sb-tx-desc::after {
    position: absolute;
    content: "";
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 150px;
    height: 250px;
    right: 0;
    bottom: -30px;
    background-image: url(../img/pet/sb-pet.png); }
    @media screen and (max-width: 1300px) {
      .sb-tx-desc::after {
        width: 11.5384615385vw;
        height: 19.2307692308vw;
        bottom: -2.3076923077vw; } }
    @media screen and (max-width: 480px) {
      .sb-tx-desc::after {
        width: 34vw;
        height: 56.6666666667vw;
        right: -6vw;
        bottom: -13vw; } }

/* 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/pet/about-hd-bg.jpg); }
    @media screen and (max-width: 1300px) {
      .about-hd {
        height: 52.3076923077vw; } }
    @media screen and (max-width: 480px) {
      .about-hd {
        background-image: url(../img/pet/about-hd-bg-sp.jpg);
        height: 115.2vw; } }
    .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%; } }
    .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; } }

/* tokuten
---------------------------------------------------------------------------*/
.tokuten {
  /* 1280 */
  width: 1280px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  margin-top: 180px; }
  @media screen and (max-width: 1300px) {
    .tokuten {
      width: 98.4615384615vw; } }
  @media screen and (max-width: 480px) {
    .tokuten {
      width: 89.3333333333vw; } }
  @media screen and (max-width: 1300px) {
    .tokuten {
      margin-top: 13.8461538462vw; } }
  @media screen and (max-width: 480px) {
    .tokuten {
      margin-top: 33.6vw; } }
  @media screen and (max-width: 480px) {
    .tokuten {
      margin-top: 42vw; } }
  .tokuten::before {
    position: absolute;
    content: "";
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url(../img/pet/tokuten-pet.png);
    width: 271px;
    height: 208px;
    left: 0;
    top: -160px; }
    @media screen and (max-width: 1300px) {
      .tokuten::before {
        width: 20.8461538462vw;
        height: 16vw;
        top: -12.3076923077vw; } }
    @media screen and (max-width: 480px) {
      .tokuten::before {
        width: 45vw;
        height: 35vw;
        left: 50%;
        transform: translateX(-50%);
        top: -36vw; } }
  .tokuten-ttl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    font-size: 32px;
    font-weight: 600;
    letter-spacing: .14em;
    margin-bottom: 70px; }
    @media screen and (max-width: 1300px) {
      .tokuten-ttl {
        font-size: 2.4615384615vw; } }
    @media screen and (max-width: 480px) {
      .tokuten-ttl {
        font-size: 7.5851818667vw; } }
    @media screen and (max-width: 1300px) {
      .tokuten-ttl {
        margin-bottom: 5.3846153846vw; } }
    @media screen and (max-width: 480px) {
      .tokuten-ttl {
        margin-bottom: 13.0666666667vw; } }
    .tokuten-ttl strong {
      font-size: 56px;
      color: #7A4A3F;
      margin: 0 .2em; }
      @media screen and (max-width: 1300px) {
        .tokuten-ttl strong {
          font-size: 4.3076923077vw; } }
      @media screen and (max-width: 480px) {
        .tokuten-ttl strong {
          font-size: 13.2740682667vw; } }
      @media screen and (max-width: 480px) {
        .tokuten-ttl strong {
          margin: 0 .1em 0 0; } }
    .tokuten-ttl span {
      position: relative;
      padding-left: 62px; }
      @media screen and (max-width: 1300px) {
        .tokuten-ttl span {
          padding-left: 4.7692307692vw; } }
      @media screen and (max-width: 480px) {
        .tokuten-ttl span {
          padding-left: 0;
          width: calc(100% + 1em);
          margin-left: 0;
          margin-right: -1em; } }
      .tokuten-ttl span::before {
        position: absolute;
        content: "";
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        top: 70%;
        width: 36px;
        height: 47px;
        background-image: url(../img/pet/tokuten-eye.png); }
        @media screen and (max-width: 1300px) {
          .tokuten-ttl span::before {
            width: 2.7692307692vw;
            height: 3.6153846154vw; } }
        @media screen and (max-width: 480px) {
          .tokuten-ttl span::before {
            width: 8.1333333333vw;
            height: 10.5333333333vw;
            left: -4vw; } }
  .tokuten .infobox {
    padding-top: 58px;
    padding-bottom: 58px; }
    @media screen and (max-width: 1300px) {
      .tokuten .infobox {
        padding-top: 4.4615384615vw; } }
    @media screen and (max-width: 480px) {
      .tokuten .infobox {
        padding-top: 10.8266666667vw; } }
    @media screen and (max-width: 1300px) {
      .tokuten .infobox {
        padding-bottom: 4.4615384615vw; } }
    @media screen and (max-width: 480px) {
      .tokuten .infobox {
        padding-bottom: 10.8266666667vw; } }
    .tokuten .infobox ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      @media screen and (max-width: 480px) {
        .tokuten .infobox ul {
          -ms-flex-wrap: wrap;
          flex-wrap: wrap; } }
      .tokuten .infobox ul li {
        position: relative;
        width: calc(100% / 4);
        padding-top: 56px; }
        @media screen and (max-width: 1300px) {
          .tokuten .infobox ul li {
            padding-top: 4.3076923077vw; } }
        @media screen and (max-width: 480px) {
          .tokuten .infobox ul li {
            padding-top: 10.4533333333vw; } }
        @media screen and (max-width: 480px) {
          .tokuten .infobox ul li {
            width: 50%;
            padding-top: 30.6666666667vw; } }
        @media screen and (min-width: 481px) {
          .tokuten .infobox ul li + li {
            border-left: 1px dashed #CAB7B2; } }
        @media screen and (max-width: 480px) {
          .tokuten .infobox ul li:nth-of-type(2n) {
            border-left: 1px dashed #CAB7B2; }
          .tokuten .infobox ul li:nth-of-type(n + 3) {
            margin-top: 10.6666666667vw; } }
        .tokuten .infobox ul li .circle {
          position: absolute;
          width: 107px;
          height: 107px;
          border-radius: 50%;
          background-color: #7A4A3F;
          left: 50%;
          transform: translateX(-50%);
          top: -80px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          text-align: center; }
          @media screen and (max-width: 1300px) {
            .tokuten .infobox ul li .circle {
              top: -6.1538461538vw;
              width: 8.2307692308vw;
              height: 8.2307692308vw; } }
          @media screen and (max-width: 480px) {
            .tokuten .infobox ul li .circle {
              top: 0;
              width: 24vw;
              height: 24vw; } }
          .tokuten .infobox ul li .circle span {
            color: #ffffff;
            font-size: 20px;
            letter-spacing: .14em; }
            @media screen and (max-width: 1300px) {
              .tokuten .infobox ul li .circle span {
                font-size: 1.5384615385vw; } }
            @media screen and (max-width: 480px) {
              .tokuten .infobox ul li .circle span {
                font-size: 4.7407386667vw; } }
          .tokuten .infobox ul li .circle strong {
            font-family: "Montserrat", sans-serif;
            font-optical-sizing: auto;
            font-weight: 600;
            font-style: normal;
            font-size: 48px;
            color: #BCA49F;
            letter-spacing: .05em; }
            @media screen and (max-width: 1300px) {
              .tokuten .infobox ul li .circle strong {
                font-size: 3.6923076923vw; } }
            @media screen and (max-width: 480px) {
              .tokuten .infobox ul li .circle strong {
                font-size: 11.3777728vw; } }
        .tokuten .infobox ul li .ill {
          width: 160px;
          margin-left: auto;
          margin-right: auto;
          margin-bottom: 24px; }
          @media screen and (max-width: 1300px) {
            .tokuten .infobox ul li .ill {
              margin-bottom: 1.8461538462vw; } }
          @media screen and (max-width: 480px) {
            .tokuten .infobox ul li .ill {
              margin-bottom: 4.48vw; } }
          @media screen and (max-width: 1300px) {
            .tokuten .infobox ul li .ill {
              width: 12.3076923077vw; } }
          @media screen and (max-width: 480px) {
            .tokuten .infobox ul li .ill {
              width: 90%; } }
        .tokuten .infobox ul li .desc {
          font-size: 20px;
          color: #7A4A3F;
          letter-spacing: .14em;
          line-height: 1.7;
          text-align: center; }
          @media screen and (max-width: 1300px) {
            .tokuten .infobox ul li .desc {
              font-size: 1.5384615385vw; } }
          @media screen and (max-width: 480px) {
            .tokuten .infobox ul li .desc {
              font-size: 4.7407386667vw; } }
          @media screen and (max-width: 480px) {
            .tokuten .infobox ul li .desc {
              font-size: 4.5333333333vw; } }

/* wzpt
---------------------------------------------------------------------------*/
.wzpt {
  /* 1080 */
  width: 1080px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 80px; }
  @media screen and (max-width: 1300px) {
    .wzpt {
      width: 83.0769230769vw; } }
  @media screen and (max-width: 480px) {
    .wzpt {
      width: 89.3333333333vw; } }
  @media screen and (max-width: 1300px) {
    .wzpt {
      margin-bottom: 6.1538461538vw; } }
  @media screen and (max-width: 480px) {
    .wzpt {
      margin-bottom: 14.9333333333vw; } }
  .wzpt-ttl {
    line-height: 1.75; }
    @media screen and (min-width: 481px) {
      .wzpt-ttl {
        margin-bottom: 40px; } }
  @media screen and (min-width: 481px) and (max-width: 1300px) {
    .wzpt-ttl {
      margin-bottom: 3.0769230769vw; } }
  @media screen and (min-width: 481px) and (max-width: 480px) {
    .wzpt-ttl {
      margin-bottom: 7.4666666667vw; } }

  .wzpt .imgtx-tx {
    position: relative;
    z-index: 100; }

/* cuisine
---------------------------------------------------------------------------*/
/* room
---------------------------------------------------------------------------*/
@media screen and (max-width: 480px) {
  .room {
    margin-bottom: 26vw; } }
.room .wa {
  margin-top: 46px; }
  @media screen and (max-width: 1300px) {
    .room .wa {
      margin-top: 3.5384615385vw; } }
  @media screen and (max-width: 480px) {
    .room .wa {
      margin-top: 8.5866666667vw; } }
  .room .wa .pg-hdl {
    margin-bottom: 46px; }
    @media screen and (max-width: 1300px) {
      .room .wa .pg-hdl {
        margin-bottom: 3.5384615385vw; } }
    @media screen and (max-width: 480px) {
      .room .wa .pg-hdl {
        margin-bottom: 8.5866666667vw; } }
  .room .wa .cols02-tx {
    position: relative; }
    .room .wa .cols02-tx .icons {
      width: 162px;
      margin-top: 20px; }
      @media screen and (max-width: 1300px) {
        .room .wa .cols02-tx .icons {
          margin-top: 1.5384615385vw; } }
      @media screen and (max-width: 480px) {
        .room .wa .cols02-tx .icons {
          margin-top: 3.7333333333vw; } }
      @media screen and (max-width: 1300px) {
        .room .wa .cols02-tx .icons {
          width: 12.4615384615vw; } }
      @media screen and (max-width: 480px) {
        .room .wa .cols02-tx .icons {
          width: 50%; } }
    .room .wa .cols02-tx .btnmore {
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%); }

/* service
---------------------------------------------------------------------------*/
.service {
  position: relative;
  /* 1080 */
  width: 1080px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 64px; }
  @media screen and (max-width: 1300px) {
    .service {
      width: 83.0769230769vw; } }
  @media screen and (max-width: 480px) {
    .service {
      width: 89.3333333333vw; } }
  @media screen and (max-width: 1300px) {
    .service {
      margin-bottom: 4.9230769231vw; } }
  @media screen and (max-width: 480px) {
    .service {
      margin-bottom: 11.9466666667vw; } }
  .service::after {
    position: absolute;
    content: "";
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 147px;
    height: 231px;
    right: 0;
    top: 70px;
    background-image: url(../img/pet/service-dog.png); }
    @media screen and (max-width: 1300px) {
      .service::after {
        width: 11.3076923077vw;
        height: 17.7692307692vw;
        top: 5.3846153846vw; } }
    @media screen and (max-width: 480px) {
      .service::after {
        width: 22vw;
        height: 34vw;
        right: auto;
        left: 50%;
        transform: translateX(-50%);
        top: -19vw; } }
  .service-desc {
    text-align: center;
    line-height: 2.4;
    margin-bottom: 54px; }
    @media screen and (max-width: 1300px) {
      .service-desc {
        margin-bottom: 4.1538461538vw; } }
    @media screen and (max-width: 480px) {
      .service-desc {
        margin-bottom: 10.08vw; } }
    @media screen and (max-width: 480px) {
      .service-desc {
        text-align: left; } }
  @media screen and (min-width: 481px) {
    .service .anchor-tx {
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      gap: 0; } }

/* srvc
---------------------------------------------------------------------------*/
/* service01
---------------------------------------------------------------------------*/
.service01 {
  margin-bottom: 64px; }
  @media screen and (max-width: 1300px) {
    .service01 {
      margin-bottom: 4.9230769231vw; } }
  @media screen and (max-width: 480px) {
    .service01 {
      margin-bottom: 11.9466666667vw; } }

/* service02
---------------------------------------------------------------------------*/
.service02 {
  margin-bottom: 64px; }
  @media screen and (max-width: 1300px) {
    .service02 {
      margin-bottom: 4.9230769231vw; } }
  @media screen and (max-width: 480px) {
    .service02 {
      margin-bottom: 11.9466666667vw; } }

/* service03
---------------------------------------------------------------------------*/
.service03 {
  margin-bottom: 80px; }
  @media screen and (max-width: 1300px) {
    .service03 {
      margin-bottom: 6.1538461538vw; } }
  @media screen and (max-width: 480px) {
    .service03 {
      margin-bottom: 14.9333333333vw; } }

/* rental
---------------------------------------------------------------------------*/
.rental {
  margin-bottom: 80px; }
  @media screen and (max-width: 1300px) {
    .rental {
      margin-bottom: 6.1538461538vw; } }
  @media screen and (max-width: 480px) {
    .rental {
      margin-bottom: 14.9333333333vw; } }
  .rental .imgtx {
    margin-bottom: 54px; }
    @media screen and (max-width: 1300px) {
      .rental .imgtx {
        margin-bottom: 4.1538461538vw; } }
    @media screen and (max-width: 480px) {
      .rental .imgtx {
        margin-bottom: 10.08vw; } }
  @media screen and (min-width: 481px) {
    .rental .datatbl th {
      width: 27%; } }

/* spot
---------------------------------------------------------------------------*/
.spot {
  margin-bottom: 80px; }
  @media screen and (max-width: 1300px) {
    .spot {
      margin-bottom: 6.1538461538vw; } }
  @media screen and (max-width: 480px) {
    .spot {
      margin-bottom: 14.9333333333vw; } }
  @media screen and (max-width: 480px) {
    .spot {
      margin-bottom: 33vw; } }
  .spot .imgtx {
    margin-bottom: 46px; }
    @media screen and (max-width: 1300px) {
      .spot .imgtx {
        margin-bottom: 3.5384615385vw; } }
    @media screen and (max-width: 480px) {
      .spot .imgtx {
        margin-bottom: 8.5866666667vw; } }
    .spot .imgtx-tx {
      position: relative;
      z-index: 100; }

/* ex
---------------------------------------------------------------------------*/
.ex {
  /* 1080 */
  width: 1080px;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (max-width: 1300px) {
    .ex {
      width: 83.0769230769vw; } }
  @media screen and (max-width: 480px) {
    .ex {
      width: 89.3333333333vw; } }
  .ex .pg-hdl {
    margin-bottom: 46px; }
    @media screen and (max-width: 1300px) {
      .ex .pg-hdl {
        margin-bottom: 3.5384615385vw; } }
    @media screen and (max-width: 480px) {
      .ex .pg-hdl {
        margin-bottom: 8.5866666667vw; } }
  .ex .cols03-tx .hdl {
    text-align: center; }
  .ex .btn.btn-def {
    margin-left: auto;
    margin-right: auto;
    margin-top: 64px; }
    @media screen and (max-width: 1300px) {
      .ex .btn.btn-def {
        margin-top: 4.9230769231vw; } }
    @media screen and (max-width: 480px) {
      .ex .btn.btn-def {
        margin-top: 11.9466666667vw; } }
    @media screen and (min-width: 481px) {
      .ex .btn.btn-def {
        width: 456px; } }
  @media screen and (min-width: 481px) and (max-width: 1300px) {
    .ex .btn.btn-def {
      width: 35.0769230769vw; } }
    @media screen and (min-width: 481px) {
        .ex .btn.btn-def a span strong {
          line-height: 1.4; } }

/* plans
---------------------------------------------------------------------------*/
.plans {
  position: relative;
  margin-bottom: 64px; }
  @media screen and (max-width: 1300px) {
    .plans {
      margin-bottom: 4.9230769231vw; } }
  @media screen and (max-width: 480px) {
    .plans {
      margin-bottom: 11.9466666667vw; } }
  .plans::after {
    position: absolute;
    content: "";
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 165px;
    height: 267px;
    left: calc(50% - 600px);
    top: -190px;
    background-image: url(../img/pet/plan-dog.png); }
    @media screen and (max-width: 1300px) {
      .plans::after {
        width: 12.6923076923vw;
        height: 20.5384615385vw;
        left: calc(50% - 46.1538vw);
        top: -14.6153846154vw; } }
    @media screen and (max-width: 480px) {
      .plans::after {
        width: 24vw;
        height: 36vw;
        left: 50%;
        transform: translateX(-50%);
        top: -28vw; } }
  .plans ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
    width: calc(100% - 160px);
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px; }
    @media screen and (max-width: 1300px) {
      .plans ul {
        margin-top: 1.5384615385vw; } }
    @media screen and (max-width: 480px) {
      .plans ul {
        margin-top: 3.7333333333vw; } }
    @media screen and (max-width: 1300px) {
      .plans ul {
        gap: 1.8461538462vw;
        width: calc(100% - 12.3vw); } }
    @media screen and (max-width: 480px) {
      .plans ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 6.6666666667vw;
        width: 89.3333333333vw;
        margin-top: 12vw; } }
    .plans ul li {
      width: calc((100% - 72px) / 4); }
      @media screen and (max-width: 1300px) {
        .plans ul li {
          width: calc((100% - 5.539vw) / 4); } }
      @media screen and (max-width: 480px) {
        .plans ul li {
          width: 100%; } }
      .plans ul li a {
        display: block;
        position: relative;
        background-color: #EBE4E2;
        width: 100%;
        height: 100%;
        border-radius: 32px;
        padding: 24px; }
        @media screen and (max-width: 1300px) {
          .plans ul li a {
            border-radius: 2.4615384615vw; } }
        @media screen and (max-width: 480px) {
          .plans ul li a {
            border-radius: 8.5333333333vw; } }
        @media screen and (max-width: 1300px) {
          .plans ul li a {
            padding: 1.8461538462vw; } }
        @media screen and (max-width: 480px) {
          .plans ul li a {
            padding: 5.3333333333vw; } }
        @media (hover: hover) {
          .plans ul li a:hover {
            opacity: 1;
            background-color: #ffffff; } }
        .plans ul li a::after {
          position: absolute;
          content: "";
          background-repeat: no-repeat;
          background-position: center;
          background-size: contain;
          width: 108px;
          height: 108px;
          background-image: url(../img/cmn/icon-dogs.png);
          left: -13px;
          top: -20px; }
          @media screen and (max-width: 1300px) {
            .plans ul li a::after {
              width: 8.3076923077vw;
              height: 8.3076923077vw;
              left: -1vw;
              top: -1.5384615385vw; } }
          @media screen and (max-width: 480px) {
            .plans ul li a::after {
              width: 24.4vw;
              height: 24.4vw;
              left: -2.9333333333vw;
              top: -4.5333333333vw; } }
  .plans-img {
    margin-bottom: 14px; }
    @media screen and (max-width: 1300px) {
      .plans-img {
        margin-bottom: 1.0769230769vw; } }
    @media screen and (max-width: 480px) {
      .plans-img {
        margin-bottom: 2.6133333333vw; } }
    @media screen and (max-width: 480px) {
      .plans-img {
        margin-bottom: 5vw; } }
    .plans-img img {
      width: 100%;
      height: 14.285vw;
      object-fit: cover;
      object-position: center;
      font-family: "object-fit: cover; object-position: center;";
      border-radius: 32px; }
      @media screen and (max-width: 1300px) {
        .plans-img img {
          border-radius: 2.4615384615vw; } }
      @media screen and (max-width: 480px) {
        .plans-img img {
          border-radius: 8.5333333333vw; } }
      @media screen and (max-width: 480px) {
        .plans-img img {
          height: 58vw; } }
  .plans .btnmore {
    margin-left: auto;
    margin-right: auto;
    margin-top: 36px;
    margin-bottom: 12px;
    width: 168px; }
    @media screen and (max-width: 1300px) {
      .plans .btnmore {
        margin-top: 2.7692307692vw; } }
    @media screen and (max-width: 480px) {
      .plans .btnmore {
        margin-top: 6.72vw; } }
    @media screen and (max-width: 1300px) {
      .plans .btnmore {
        margin-bottom: 0.9230769231vw; } }
    @media screen and (max-width: 480px) {
      .plans .btnmore {
        margin-bottom: 2.24vw; } }
    @media screen and (max-width: 1300px) {
      .plans .btnmore {
        width: 12.9230769231vw; } }
    @media screen and (max-width: 480px) {
      .plans .btnmore {
        width: 38vw; } }
  .plans .brbox {
    background-color: transparent;
    width: 772px;
    padding: 0;
    margin-top: 64px; }
    @media screen and (max-width: 1300px) {
      .plans .brbox {
        margin-top: 4.9230769231vw; } }
    @media screen and (max-width: 480px) {
      .plans .brbox {
        margin-top: 11.9466666667vw; } }
    @media screen and (max-width: 1300px) {
      .plans .brbox {
        width: 59.3846153846vw; } }
    @media screen and (max-width: 480px) {
      .plans .brbox {
        width: 89.3333333333vw; } }

/* price
---------------------------------------------------------------------------*/
.price {
  margin-bottom: 64px; }
  @media screen and (max-width: 1300px) {
    .price {
      margin-bottom: 4.9230769231vw; } }
  @media screen and (max-width: 480px) {
    .price {
      margin-bottom: 11.9466666667vw; } }
  @media screen and (min-width: 481px) {
    .price .datatbl td {
      width: 792px; } }
  @media screen and (min-width: 481px) and (max-width: 1300px) {
    .price .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; } }

/* ====================================================================== */
/* ====================================================================== */