@charset "UTF-8";
/* ===================================================================
CSS information

file name  : withdogs.css
author     : Abilive
style info : 愛犬と一緒
=================================================================== */
/* ===================================================================
CSS information

file name  : _settings.scss
author     : Abilive
style info : 汎用設定
=================================================================== */
@property --1vw {
  syntax: "<length>";
  inherits: true;
  initial-value: 0px;
}
:root {
    --1vw: 1vw;
    --vw-to-px: tan(atan2(var(--1vw), 1px));
}

/* ===================================================================
CSS information

file name  : withdogs.css
author     : Abilive
style info : 愛犬と一緒
=================================================================== */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: 0;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-list, .slick-slider .slick-track {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:after, .slick-track:before {
  display: table;
  content: "";
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir=rtl] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.slick-slider div {
  outline: none;
}

.slick-dots li button {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-sizing: border-box;
  vertical-align: top;
  display: block;
  cursor: pointer;
  font-size: 0;
  border-radius: 9999px;
  overflow: hidden;
}
.slick-dots li button::-ms-expand {
  display: none;
}

.c-pnav1 ul li a {
  height: 100%;
}

.c-dots .slick-dots:has(:only-child) {
  display: none;
}
.c-dots .slick-dots:has(:not(:only-child)) {
  display: flex;
}

.p-equipment__inner {
  width: 89.7435897436%;
  margin-inline: auto;
}
@media only screen and (min-width: 768px) {
  .p-equipment__inner {
    max-width: 1100px;
    padding-top: 5.2083333333vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .p-equipment__inner {
    padding-top: 8.3333333333vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-equipment__inner {
    padding-top: 5rem;
  }
}
@media only screen and (min-width: 768px) {
  .p-equipment__intro {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    row-gap: 5.4545454545%;
  }
}
@media only screen and (min-width: 1440px) {
  .p-equipment__intro {
    width: 113.6363636364%;
    margin-left: -13.6363636364%;
  }
}
@media print {
  .p-equipment__intro {
    width: 113.6363636364%;
    margin-left: -13.6363636364%;
  }
}
@media only screen and (max-width: 767px) {
  .p-equipment__intro {
    display: flex;
    flex-direction: column;
    row-gap: 1.5rem;
  }
}
.p-equipment__intro .text-wrapper {
  order: 2;
  display: flex;
  flex-direction: column;
  row-gap: 1.5rem;
}
@media only screen and (min-width: 768px) {
  .p-equipment__intro .text-wrapper {
    width: 24.375rem;
    margin-left: auto;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .p-equipment__intro .text-wrapper {
    width: 35.4545454545%;
  }
}
@media only screen and (max-width: 767px) {
  .p-equipment__intro .text-wrapper {
    display: contents;
  }
}
@media only screen and (max-width: 767px) {
  .p-equipment__intro .text-wrapper .c-st2 {
    order: 1;
    align-items: center;
    margin-inline: auto;
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  .p-equipment__intro .text-wrapper .txt {
    order: 3;
  }
}
@media only screen and (max-width: 767px) {
  .p-equipment__intro .text-wrapper .button-wrapper .lnk + .lnk {
    margin-top: 0.625rem;
  }
}
.p-equipment__intro .image {
  order: 1;
  aspect-ratio: 660/440;
}
@media only screen and (min-width: 768px) {
  .p-equipment__intro .image {
    width: 60%;
  }
}
@media only screen and (max-width: 767px) {
  .p-equipment__intro .image {
    order: 2;
  }
}
.p-equipment__intro .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
@media only screen and (min-width: 768px) {
  .p-equipment__table {
    padding-top: 4.1666666667vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .p-equipment__table {
    padding-top: 6.6666666667vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-equipment__table {
    padding-top: 2.5rem;
  }
}
.p-equipment__table__tab .caption {
  margin-bottom: 0.625rem;
  padding-inline: 0.625rem;
}
.p-equipment__table__tab .tab-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 0.375rem;
  margin-bottom: 1.25rem;
  padding-inline: 1.25rem;
  border-bottom: 3px solid #212121;
}
@media only screen and (max-width: 767px) {
  .p-equipment__table__tab .tab-list {
    padding-inline: 0.625rem;
  }
}
.p-equipment__table__tab .tab-list button {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-sizing: border-box;
  vertical-align: top;
  display: grid;
  place-content: center;
  transition: 400ms ease;
  padding: 0.875rem;
  border-width: 1px 1px 0 1px;
  border-style: solid;
  border-color: #212121;
  border-radius: 0.625rem 0.625rem 0 0;
  background: #fff;
  color: #212121;
}
.p-equipment__table__tab .tab-list button::-ms-expand {
  display: none;
}
@media only screen and (min-width: 1200px) {
  .p-equipment__table__tab .tab-list button {
    font-size: 1.125rem;
  }
}
@media print {
  .p-equipment__table__tab .tab-list button {
    font-size: 1.125rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .p-equipment__table__tab .tab-list button {
    font-size: 1.0625rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-equipment__table__tab .tab-list button {
    font-size: 1rem;
  }
}
.p-equipment__table__tab .tab-list button:hover, .p-equipment__table__tab .tab-list button.is-active {
  background: #212121;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .p-equipment__table__tab .tab-contents {
    overflow-x: scroll;
  }
}
.p-equipment__table__tab .tab-contents .tab-panel {
  display: none;
}
.p-equipment__table__tab .tab-contents .tab-panel:first-child {
  display: block;
}
.p-equipment__table__tab .tab-contents .tab-panel .equipment-table {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .p-equipment__table__tab .tab-contents .tab-panel .equipment-table {
    width: 1120px;
  }
}
.p-equipment__table__tab .tab-contents .tab-panel .equipment-table tr {
  border-bottom: 1px solid #C8C8C8;
}
.p-equipment__table__tab .tab-contents .tab-panel .equipment-table tr:first-child {
  border-top: 1px solid #C8C8C8;
}
.p-equipment__table__tab .tab-contents .tab-panel .equipment-table tr th {
  text-align: center;
  border-right: 1px solid #C8C8C8;
  background: #F5F5F5;
}
.p-equipment__table__tab .tab-contents .tab-panel .equipment-table tr th:last-child {
  border-right: none;
}
.p-equipment__table__tab .tab-contents .tab-panel .equipment-table tr td {
  text-align: center;
  border-right: 1px solid #C8C8C8;
}
.p-equipment__table__tab .tab-contents .tab-panel .equipment-table tr td:last-child {
  border-right: none;
}
.p-equipment__table__tab .tab-contents .tab-panel .equipment-table tr th,
.p-equipment__table__tab .tab-contents .tab-panel .equipment-table tr td {
  font-weight: normal;
  vertical-align: middle;
  padding: 0.8em 0.5em;
  letter-spacing: 0.04em;
}
@media only screen and (min-width: 1200px) {
  .p-equipment__table__tab .tab-contents .tab-panel .equipment-table tr th,
  .p-equipment__table__tab .tab-contents .tab-panel .equipment-table tr td {
    font-size: 0.9375rem;
  }
}
@media print {
  .p-equipment__table__tab .tab-contents .tab-panel .equipment-table tr th,
  .p-equipment__table__tab .tab-contents .tab-panel .equipment-table tr td {
    font-size: 0.9375rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .p-equipment__table__tab .tab-contents .tab-panel .equipment-table tr th,
  .p-equipment__table__tab .tab-contents .tab-panel .equipment-table tr td {
    font-size: 0.875rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-equipment__table__tab .tab-contents .tab-panel .equipment-table tr th,
  .p-equipment__table__tab .tab-contents .tab-panel .equipment-table tr td {
    font-size: 1rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .p-equipment__table__tab .tab-contents .tab-panel .equipment-table tr th,
  .p-equipment__table__tab .tab-contents .tab-panel .equipment-table tr td {
    padding: 0.6em 0.4em;
  }
}
@media only screen and (max-width: 767px) {
  .p-equipment__table__tab .tab-contents .tab-panel .equipment-table tr th,
  .p-equipment__table__tab .tab-contents .tab-panel .equipment-table tr td {
    padding: 0.8em 0.5em;
  }
}
.p-equipment__table__tab .tab-contents .tab-panel .equipment-table tr th.u-large,
.p-equipment__table__tab .tab-contents .tab-panel .equipment-table tr td.u-large {
  padding: 0.8em 1em;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .p-equipment__table__tab .tab-contents .tab-panel .equipment-table tr th.u-large,
  .p-equipment__table__tab .tab-contents .tab-panel .equipment-table tr td.u-large {
    padding: 0.6em 0.8em;
  }
}
.p-equipment__table__tab .tab-contents .tab-panel .equipment-table tr th.bor_left,
.p-equipment__table__tab .tab-contents .tab-panel .equipment-table tr td.bor_left {
  border-left: none;
}
.p-equipment__table__tab .tab-contents .tab-panel .equipment-table tr .u-bg-red2 {
  background: rgba(145, 56, 56, 0.2);
}
.p-equipment__table__tab .tab-contents .tab-panel .equipment-table tr .u-bg-red {
  background: #913838;
  color: #fff;
}
@media only screen and (min-width: 768px) {
  .p-equipment__table__note {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: flex-start;
    grid-gap: 1.875rem;
    margin-top: 1.875rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-equipment__table__note {
    margin-top: 1.25rem;
  }
}
.p-equipment__table__note .list li {
  padding-left: 1em;
  text-indent: -1em;
}
.p-equipment__table__note .btn {
  width: fit-content;
}
@media only screen and (max-width: 767px) {
  .p-equipment__table__note .btn {
    margin-top: 1.25rem;
  }
}
.p-equipment__other {
  margin-top: 4.1666666667vw;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .p-equipment__other {
    margin-top: 6.6666666667vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-equipment__other {
    margin-top: 3.75rem;
  }
}
@media only screen and (min-width: 768px) {
  .p-equipment__other {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    row-gap: 3.09375rem;
    width: 109%;
    margin-left: -4.5%;
  }
}
.p-equipment__other__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 0.875rem;
}
@media only screen and (min-width: 1200px) {
  .p-equipment__other__item {
    padding-inline: 2.6041666667vw;
  }
}
@media print {
  .p-equipment__other__item {
    padding-inline: 2.6041666667vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .p-equipment__other__item {
    padding-inline: 4.1666666667vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-equipment__other__item + .p-equipment__other__item {
    margin-top: 3.125rem;
  }
}
@media only screen and (min-width: 768px) {
  .p-equipment__other__item:not(:nth-child(3n)) {
    border-right: 1px solid #D9D9D9;
  }
}
.p-equipment__other__item .c-st4 {
  order: 2;
}
.p-equipment__other__item .txt {
  order: 3;
}
.p-equipment__other__item .lnk {
  order: 4;
}
@media only screen and (min-width: 768px) {
  .p-equipment__other__item .lnk {
    margin-left: auto;
  }
}
.p-equipment__other__item .img {
  order: 1;
  width: 100%;
}
.p-equipment__other__item .img img {
  width: 100%;
}
.p-equipment__sub {
  background: #F5F5F5;
}
.p-equipment__sub__inner {
  width: 89.7435897436%;
  margin-inline: auto;
}
@media only screen and (min-width: 768px) {
  .p-equipment__sub__inner {
    display: grid;
    grid-template-columns: 46.3636363636% auto;
    max-width: 1100px;
    margin-top: 4.1666666667vw;
    padding-block: 3.125vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .p-equipment__sub__inner {
    width: 83.3333333333%;
    margin-top: 6.6666666667vw;
    padding-block: 5vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-equipment__sub__inner {
    display: flex;
    flex-direction: column;
    row-gap: 1.5rem;
    margin-top: 3.75rem;
    padding-block: 1.875rem;
  }
}
.p-equipment__sub__inner .text-wrapper {
  order: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  row-gap: 1.5rem;
}
@media only screen and (min-width: 768px) {
  .p-equipment__sub__inner .text-wrapper {
    max-width: 21.25rem;
    margin-inline: auto;
  }
}
@media only screen and (max-width: 767px) {
  .p-equipment__sub__inner .text-wrapper {
    row-gap: 0.875rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-equipment__sub__inner .text-wrapper .button-wrapper .lnk + .lnk {
    margin-top: 0.625rem;
  }
}
.p-equipment__sub__inner .image {
  order: 1;
  width: 100%;
  aspect-ratio: 510/340;
}
.p-equipment__sub__inner .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
@media only screen and (min-width: 768px) {
  .p-equipment__sub__inner.u-reverse {
    grid-template-columns: auto 46.3636363636%;
  }
}
@media only screen and (min-width: 768px) {
  .p-equipment__sub__inner.u-reverse .text-wrapper {
    order: 1;
  }
}
@media only screen and (min-width: 1200px) {
  .p-equipment__sub__inner.u-reverse .text-wrapper {
    max-width: 28.75rem;
    padding-right: 5.2083333333vw;
    margin-inline: auto 0;
  }
}
@media print {
  .p-equipment__sub__inner.u-reverse .text-wrapper {
    max-width: 28.75rem;
    padding-right: 5.2083333333vw;
    margin-inline: auto 0;
  }
}
@media only screen and (min-width: 768px) {
  .p-equipment__sub__inner.u-reverse .image {
    order: 2;
  }
}

.p-run {
  padding-top: 5.2083333333vw;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .p-run {
    padding-top: 8.3333333333vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-run {
    padding-top: 5rem;
  }
}
.p-run__slider {
  margin-top: 2.0833333333vw;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .p-run__slider {
    margin-top: 3.3333333333vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-run__slider {
    margin-top: 1.25rem;
  }
}
.p-run__text {
  width: 89.7435897436%;
  margin-inline: auto;
}
@media only screen and (min-width: 768px) {
  .p-run__text {
    max-width: 1100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .p-run__text {
    width: 83.3333333333%;
  }
}
@media only screen and (max-width: 767px) {
  .p-run__text {
    width: 84.8717948718%;
  }
}
.p-run__text .txt {
  margin-top: 2.125rem;
}
@media only screen and (min-width: 768px) {
  .p-run__text .txt {
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  .p-run__text .txt {
    margin-top: 0.875rem;
  }
}
.p-run__text .btn {
  margin-inline: auto;
}
.p-run__text .btn {
  margin-top: 1.5625vw;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .p-run__text .btn {
    margin-top: 2.5vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-run__text .btn {
    margin-top: 1.25rem;
  }
}
.p-run .c-tbl1 {
  margin-inline: auto;
  margin-top: 1.25rem;
}
.p-run__sub__inner {
  width: 89.7435897436%;
  margin-inline: auto;
}
@media only screen and (min-width: 768px) {
  .p-run__sub__inner {
    display: grid;
    grid-template-columns: 54.5454545455% auto;
    max-width: 1100px;
    margin-top: 3.6458333333vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .p-run__sub__inner {
    grid-template-columns: 49.0909090909% auto;
    width: 83.3333333333%;
    margin-top: 5.8333333333vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-run__sub__inner {
    display: flex;
    flex-direction: column;
    row-gap: 1.5rem;
    width: 84.8717948718%;
    margin-top: 2.5rem;
  }
}
.p-run__sub__inner .text-wrapper {
  order: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  row-gap: 1.5rem;
}
@media only screen and (min-width: 1200px) {
  .p-run__sub__inner .text-wrapper {
    max-width: 26.25rem;
    padding-left: 6.25vw;
  }
}
@media print {
  .p-run__sub__inner .text-wrapper {
    max-width: 26.25rem;
    padding-left: 6.25vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .p-run__sub__inner .text-wrapper {
    max-width: 18.75rem;
    margin-inline: auto;
  }
}
@media only screen and (max-width: 767px) {
  .p-run__sub__inner .text-wrapper {
    row-gap: 0.875rem;
  }
}
.p-run__sub__inner .image {
  order: 1;
  aspect-ratio: 600/400;
}
.p-run__sub__inner .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
@media only screen and (min-width: 1200px) {
  .p-run__sub__inner.u-reverse {
    grid-template-columns: auto 54.5454545455%;
  }
}
@media print {
  .p-run__sub__inner.u-reverse {
    grid-template-columns: auto 54.5454545455%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .p-run__sub__inner.u-reverse {
    grid-template-columns: auto 49.0909090909%;
  }
}
@media only screen and (min-width: 768px) {
  .p-run__sub__inner.u-reverse .text-wrapper {
    order: 1;
  }
}
@media only screen and (min-width: 1200px) {
  .p-run__sub__inner.u-reverse .text-wrapper {
    max-width: 26.25rem;
    padding-left: 0;
    padding-right: 6.25vw;
    margin-inline: auto 0;
  }
}
@media print {
  .p-run__sub__inner.u-reverse .text-wrapper {
    max-width: 26.25rem;
    padding-left: 0;
    padding-right: 6.25vw;
    margin-inline: auto 0;
  }
}
@media only screen and (min-width: 768px) {
  .p-run__sub__inner.u-reverse .image {
    order: 2;
  }
}

.p-birthday {
  background: #F5F5F5;
}
.p-birthday {
  margin-top: 5.2083333333vw;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .p-birthday {
    margin-top: 8.3333333333vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-birthday {
    margin-top: 5rem;
  }
}
.p-birthday {
  padding-block: 6.25vw;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .p-birthday {
    padding-block: 10vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-birthday {
    padding-block: 5rem;
  }
}
.p-birthday__inner {
  display: flex;
  width: 89.7435897436%;
  margin-inline: auto;
}
@media only screen and (min-width: 768px) {
  .p-birthday__inner {
    flex-direction: row;
    column-gap: 4.1666666667vw;
    max-width: 1100px;
  }
}
@media only screen and (max-width: 767px) {
  .p-birthday__inner {
    flex-direction: column;
    row-gap: 1.5rem;
  }
}
@media only screen and (min-width: 768px) {
  .p-birthday__inner .text-wrapper {
    order: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    row-gap: 1.5rem;
    width: 38.1818181818%;
  }
}
@media only screen and (max-width: 767px) {
  .p-birthday__inner .text-wrapper {
    display: contents;
  }
}
@media only screen and (max-width: 767px) {
  .p-birthday__inner .text-wrapper .c-st2 {
    order: 1;
    align-items: center;
    margin-inline: auto;
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  .p-birthday__inner .text-wrapper .txt {
    order: 3;
  }
}
@media only screen and (max-width: 767px) {
  .p-birthday__inner .text-wrapper .service-list {
    order: 4;
  }
}
.p-birthday__inner .text-wrapper .service-list li {
  display: grid;
  grid-template-columns: 4.375rem 1fr;
  align-items: center;
  gap: 1.25rem;
  position: relative;
  background: #fff;
  padding: 0.875rem 1.25rem;
}
@media only screen and (min-width: 1200px) {
  .p-birthday__inner .text-wrapper .service-list li {
    grid-template-columns: 4.625rem 1fr;
  }
}
@media print {
  .p-birthday__inner .text-wrapper .service-list li {
    grid-template-columns: 4.625rem 1fr;
  }
}
.p-birthday__inner .text-wrapper .service-list li:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: -1px;
  width: 0.625rem;
  aspect-ratio: 1;
  background: #212121;
  clip-path: polygon(0 0, 100% 0, 0 100%);
}
.p-birthday__inner .text-wrapper .service-list li + li {
  margin-top: 0.625rem;
}
.p-birthday__inner .text-wrapper .service-list li .num-group {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.4375rem;
  position: relative;
  width: fit-content;
  padding-right: 1.25rem;
  font-family: "Crimson Text", "Times New Roman", Times, Garamond, Georgia, serif;
  font-weight: 400;
  font-style: normal;
}
.p-birthday__inner .text-wrapper .service-list li .num-group:after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin-block: auto;
  width: 1px;
  height: 1.75rem;
  border-right: 1px solid #C8C8C8;
}
.p-birthday__inner .text-wrapper .service-list li .num-group .en {
  writing-mode: vertical-rl;
  text-transform: capitalize;
  line-height: 1;
}
@media only screen and (min-width: 1200px) {
  .p-birthday__inner .text-wrapper .service-list li .num-group .en {
    font-size: 0.75rem;
  }
}
@media print {
  .p-birthday__inner .text-wrapper .service-list li .num-group .en {
    font-size: 0.75rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .p-birthday__inner .text-wrapper .service-list li .num-group .en {
    font-size: 0.6875rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-birthday__inner .text-wrapper .service-list li .num-group .en {
    font-size: 0.7857142857rem;
  }
}
.p-birthday__inner .text-wrapper .service-list li .num-group .num {
  line-height: 0.6;
}
@media only screen and (min-width: 1200px) {
  .p-birthday__inner .text-wrapper .service-list li .num-group .num {
    font-size: 2.25rem;
  }
}
@media print {
  .p-birthday__inner .text-wrapper .service-list li .num-group .num {
    font-size: 2.25rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .p-birthday__inner .text-wrapper .service-list li .num-group .num {
    font-size: 1.8125rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-birthday__inner .text-wrapper .service-list li .num-group .num {
    font-size: 1.7857142857rem;
  }
}
.p-birthday__inner .text-wrapper .service-list li .txt {
  line-height: 1.2;
}
.p-birthday__inner .image {
  order: 2;
  aspect-ratio: 600/400;
}
@media only screen and (min-width: 768px) {
  .p-birthday__inner .image {
    width: 54.5454545455%;
  }
}
.p-birthday__inner .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.p-birthday .c-information {
  width: 89.7435897436%;
  margin-inline: auto;
}
@media only screen and (min-width: 768px) {
  .p-birthday .c-information {
    max-width: 1100px;
    padding-top: 4.1666666667vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .p-birthday .c-information {
    padding-top: 6.6666666667vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-birthday .c-information {
    padding-top: 2.5rem;
  }
}

.p-club {
  padding-top: 6.25vw;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .p-club {
    padding-top: 10vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-club {
    padding-top: 5rem;
  }
}
.p-club__inner {
  width: 89.7435897436%;
  margin-inline: auto;
}
@media only screen and (min-width: 768px) {
  .p-club__inner {
    display: grid;
    grid-template-columns: 340px auto;
    column-gap: 5.2083333333vw;
    max-width: 1100px;
    margin-top: 2.6041666667vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .p-club__inner {
    margin-top: 4.1666666667vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-club__inner {
    display: flex;
    flex-direction: column;
    row-gap: 1.5rem;
    margin-top: 1.875rem;
  }
}
.p-club__inner .text-wrapper {
  order: 2;
}
@media only screen and (min-width: 768px) {
  .p-club__inner .text-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    row-gap: 1.875rem;
    max-width: 580px;
  }
}
@media only screen and (max-width: 767px) {
  .p-club__inner .text-wrapper {
    order: 2;
  }
}
.p-club__inner .text-wrapper .btn {
  width: fit-content;
}
@media only screen and (max-width: 767px) {
  .p-club__inner .text-wrapper .btn {
    margin-inline: auto;
    margin-top: 1.875rem;
  }
}
.p-club__inner .image {
  order: 1;
  position: relative;
}
.p-club__inner .image:before {
  content: "";
  display: block;
  position: absolute;
  right: -8.8235294118%;
  top: 77px;
  width: 35.2941176471%;
  aspect-ratio: 1;
  background-image: url(../../withdogs/images/img_club_icon.webp);
  background-repeat: no-repeat;
  background-position: right top;
  background-size: contain;
}
@media only screen and (max-width: 767px) {
  .p-club__inner .image:before {
    right: -4.4117647059%;
    top: 20.5128205128vw;
  }
}
.p-club__inner .image img {
  width: 100%;
}
.p-club .c-information {
  width: 89.7435897436%;
  margin-inline: auto;
}
@media only screen and (min-width: 768px) {
  .p-club .c-information {
    max-width: 1100px;
    padding-top: 5.2083333333vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .p-club .c-information {
    padding-top: 8.3333333333vw;
  }
}
@media only screen and (max-width: 767px) {
  .p-club .c-information {
    padding-top: 2.5rem;
  }
}
@media only screen and (min-width: 1200px) {
  .p-club .c-information__inner {
    padding: 3.125vw 6.25vw 3.125vw 4.1666666667vw;
  }
}
@media print {
  .p-club .c-information__inner {
    padding: 3.125vw 6.25vw 3.125vw 4.1666666667vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .p-club .c-information__inner {
    padding: 5vw 6.6666666667vw;
  }
}
@media only screen and (min-width: 768px) {
  .p-club .c-information__inner .info-text {
    width: 50%;
  }
}
@media only screen and (min-width: 768px) {
  .p-club .c-information__inner .info-image {
    width: 389px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .p-club .c-information__inner .info-image {
    width: 311.2px;
  }
}/*# sourceMappingURL=withdogs.css.map */