@charset "UTF-8";
/* リキッドな余白 */
/**************************************/
/* -------------------------------------------
 * 共通
 * -------------------------------------------*/
.house-call .under__content-bar-title {
  margin-bottom: clamp(30 * var(--px), 57 / 1680 * 100vw, 57 * var(--px));
  background: var(--orange-light);
}

.house-call .under__content-item {
  padding: clamp(30 * var(--px), 66 / 1680 * 100vw, 66 * var(--px)) min(7%, 100 * var(--px)) clamp(30 * var(--px), 125 / 1680 * 100vw, 125 * var(--px));
}

.house-call__lead {
  font-size: clamp(19 * var(--px), 32 / 1680 * 100vw, 32 * var(--px));
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
}

/* -------------------------------------------
 * intro
 * -------------------------------------------*/
.house-call-intro {
  padding-top: clamp(40 * var(--px), 127 / 1680 * 100vw, 127 * var(--px));
}

.house-call-intro__inner {
  display: grid;
  grid-template-columns: 504fr 527fr;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  gap: calc(30 * var(--px)) 7.8%;
  width: min(90%, 1135 * var(--px));
  margin-inline: auto;
}
@media (max-width: 834px) {
  .house-call-intro__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

.house-call-intro__title {
  font-family: var(--notoserif);
  font-size: var(--f40);
  font-weight: 500;
  line-height: 1.63;
}

.house-call-intro__text {
  margin-top: 2em;
}

@media (max-width: 834px) {
  .house-call-intro__img {
    width: 65%;
    margin-inline: auto;
  }
}

/* -------------------------------------------
 * ページナビ
 * -------------------------------------------*/
.house-call-page-nav {
  margin-block: clamp(50 * var(--px), 110 / 1680 * 100vw, 110 * var(--px)) clamp(50 * var(--px), 120 / 1680 * 100vw, 120 * var(--px));
}

.house-call-page-nav + .house-call__content-item {
  margin-top: clamp(50 * var(--px), 120 / 1680 * 100vw, 120 * var(--px));
}

/* -------------------------------------------
 * 当院の訪問治療
 * -------------------------------------------*/
.house-call-feature__title {
  background: var(--orange-light);
}

.house-call-feature__block:first-of-type {
  margin-top: clamp(30 * var(--px), 60 / 1680 * 100vw, 60 * var(--px));
}
.house-call-feature__block:first-of-type .house-call-feature__block-content {
  display: grid;
  grid-template-columns: 857fr 270fr;
  gap: 0 4%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 834px) {
  .house-call-feature__block:first-of-type .house-call-feature__block-content {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media (max-width: 834px) {
  .house-call-feature__block:first-of-type .house-call-feature__text-wrap {
    display: contents;
  }
}
@media (max-width: 834px) {
  .house-call-feature__block:first-of-type .under__content-block-title {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
@media (max-width: 834px) {
  .house-call-feature__block:first-of-type .house-call-feature__item-title {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin-inline: auto;
  }
}
@media (max-width: 834px) {
  .house-call-feature__block:first-of-type .house-call-feature__img {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    margin-inline: auto;
    width: 60%;
  }
}
@media (max-width: 834px) {
  .house-call-feature__block:first-of-type .house-call-feature__text {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
    margin-top: 1em;
  }
}
.house-call-feature__block:nth-of-type(2) {
  margin-top: clamp(30 * var(--px), 34 / 1680 * 100vw, 34 * var(--px));
}
.house-call-feature__block:nth-of-type(3) {
  margin-top: clamp(30 * var(--px), 120 / 1680 * 100vw, 120 * var(--px));
}
.house-call-feature__block:nth-of-type(3) .house-call-feature__block-content {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0 9%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
@media (max-width: 834px) {
  .house-call-feature__block:nth-of-type(3) .house-call-feature__block-content {
    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: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: calc(30 * var(--px));
  }
}
@media (max-width: 834px) {
  .house-call-feature__block:nth-of-type(3) .house-call-feature__img {
    margin-inline: auto;
    width: 80%;
  }
}

.house-call-feature__item-title {
  font-size: clamp(16 * var(--px), 20 / 1680 * 100vw, 20 * var(--px));
  color: var(--orange-light);
}
@media (max-width: 834px) {
  .house-call-feature__item-title {
    text-align: center;
  }
}

.house-call-feature__text {
  line-height: 2.1;
}

.house-call-feature__list {
  margin-top: calc(20 * var(--px));
}

/* -------------------------------------------
 * 対応可能な治療

 * -------------------------------------------*/
.house-call-available-treatments__list {
  margin-top: clamp(30 * var(--px), 60 / 1680 * 100vw, 60 * var(--px));
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: calc(30 * var(--px)) 3%;
}
@media (max-width: 834px) {
  .house-call-available-treatments__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.house-call-available-treatments__list > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.house-call-available-treatments__list-item-title {
  margin-block: 0.7em 0.4em;
  font-size: var(--f20);
  font-weight: 400;
  line-height: 1.8;
  color: var(--orange-light);
}
@media (max-width: 834px) {
  .house-call-available-treatments__list-item-title {
    text-align: center;
  }
}

.house-call-available-treatments__list-item-text {
  font-size: var(--f15);
  line-height: 1.6;
}

/* -------------------------------------------
 * よくあるご質問
 * -------------------------------------------*/
.house-call-faq__list {
  margin: 0;
  padding: 0;
}

.house-call-faq__question {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: calc(20 * var(--px));
}
.house-call-faq__question:not(:first-of-type) {
  margin-top: clamp(30 * var(--px), 40 / 1680 * 100vw, 40 * var(--px));
}
@media (max-width: 834px) {
  .house-call-faq__question {
    gap: calc(10 * var(--px));
  }
}

.house-call-faq__q-icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: clamp(36 * var(--px), 70 / 1680 * 100vw, 70 * var(--px));
  height: clamp(36 * var(--px), 70 / 1680 * 100vw, 70 * var(--px));
  border-radius: 100vmax;
  background: var(--orange-light);
  font-family: var(--inter);
  font-size: var(--f30);
  line-height: 1;
  color: #fff;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.house-call-faq__q-text {
  font-size: clamp(16 * var(--px), 1.4285714286vw, 24 * var(--px));
}
@media (max-width: 834px) {
  .house-call-faq__q-text {
    line-height: 1.5;
  }
}

.house-call-faq__answer {
  margin-top: calc(14 * var(--px));
  margin-left: calc(clamp(50 * var(--px), 70 / 1680 * 100vw, 70 * var(--px)) + 20 * var(--px));
  padding: 1em 4%;
  border-radius: 15px;
  background: #f8f6f1;
}
@media (max-width: 1024px) {
  .house-call-faq__answer {
    margin-left: 0;
  }
}

/* -------------------------------------------
 * 料金について
 * -------------------------------------------*/
.house-call-price__description {
  margin-top: 1.2em;
  font-weight: 400;
  text-align: center;
}
@media (max-width: 834px) {
  .house-call-price__description {
    line-height: 1.5;
  }
}

.house-call-price__note {
  margin-top: 1.2em;
  font-size: var(--f13);
  font-weight: 400;
  text-align: center;
}
@media (max-width: 834px) {
  .house-call-price__note {
    margin-top: 0.5em;
  }
}

.house-call-price__table-area {
  margin-top: clamp(30 * var(--px), 58 / 1680 * 100vw, 58 * var(--px));
  max-width: calc(1080 * var(--px));
  margin-inline: auto;
}
@media (max-width: 1024px) {
  .house-call-price__table-area {
    overflow-x: auto;
  }
}

@media (max-width: 1024px) {
  .house-call-price__table {
    width: calc(800 * var(--px));
  }
}

.house-call-price__row {
  display: grid;
  grid-template-columns: 470fr 610fr;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
@media (max-width: 834px) {
  .house-call-price__row {
    grid-template-columns: 192fr 610fr;
  }
}

.house-call-price__category,
.house-call-price__value {
  padding: 1.8em 2.2em;
  background: #faf5ee;
}
@media (max-width: 834px) {
  .house-call-price__category,
  .house-call-price__value {
    padding: 1em 5%;
  }
}

.house-call-price__row:nth-child(even) .house-call-price__category,
.house-call-price__row:nth-child(even) .house-call-price__value {
  background: #fff;
}

.house-call-price__category {
  font-size: var(--f18);
  font-weight: 500;
  line-height: 1.4;
  color: var(--orange-light);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.house-call-price__category .small {
  font-size: var(--f15);
  margin-top: 0.2em;
}
@media (max-width: 834px) {
  .house-call-price__category .small {
    margin-top: 0;
  }
}
@media (max-width: 1024px) {
  .house-call-price__category {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.house-call-price__value {
  border-left: 1px solid #eaddcc;
  font-weight: 400;
  line-height: 1.4;
}
.house-call-price__value .small {
  font-size: var(--f13);
}
@media (max-width: 1024px) {
  .house-call-price__value {
    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-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

/* -------------------------------------------
 * 訪問エリア
 * -------------------------------------------*/
.house-call-area__map {
  max-width: calc(1038 * var(--px));
  margin-inline: auto;
  margin-top: clamp(30 * var(--px), 36 / 1680 * 100vw, 36 * var(--px));
}

.house-call-area__block--region {
  margin-top: clamp(40 * var(--px), 66 / 1680 * 100vw, 66 * var(--px));
}

.house-call-area__regions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: calc(15 * var(--px)) 2%;
}
@media (max-width: 834px) {
  .house-call-area__regions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.house-call-area__region-card {
  padding: clamp(20 * var(--px), 30 / 1680 * 100vw, 30 * var(--px)) 10%;
  border-radius: 15px;
  background: #faf5ee;
}
@media (max-width: 834px) {
  .house-call-area__region-card {
    padding-inline: 5%;
  }
}

.house-call-area__region-title {
  padding-bottom: 0.5em;
  border-bottom: 1px dotted #e1ded8;
  font-size: var(--f20);
  line-height: 1.6;
  color: var(--orange-light);
}

.house-call-area__notice-title {
  font-size: clamp(20 * var(--px), 1.6666666667vw, 28 * var(--px));
  color: #df0000;
  text-align: center;
  font-weight: 500;
  font-family: var(--notoserif);
}

.house-call-area__region-list {
  gap: calc(10 * var(--px));
  -webkit-columns: calc(120 * var(--px)) 2;
     -moz-columns: calc(120 * var(--px)) 2;
          columns: calc(120 * var(--px)) 2;
  margin-top: 1em;
}

.house-call-area__block--notice {
  margin-top: clamp(30 * var(--px), 49 / 1680 * 100vw, 49 * var(--px));
  border-radius: 15px;
  background-color: #f6f6f6;
  padding-block: clamp(30 * var(--px), 80 / 1680 * 100vw, 80 * var(--px));
  padding-inline: min(7%, 80 * var(--px));
}
@media (max-width: 834px) {
  .house-call-area__block--notice {
    padding-inline: 5%;
  }
}

.house-call-area__notice-lead {
  text-align: center;
  margin-top: 1em;
}
@media (max-width: 834px) {
  .house-call-area__notice-lead {
    text-align: left;
  }
}

.house-call-area__notice-list {
  margin-top: clamp(20 * var(--px), 40 / 1680 * 100vw, 40 * var(--px));
  counter-reset: notice-counter;
}
.house-call-area__notice-list > li {
  border-top: 1px dotted #e1ded8;
  counter-increment: notice-counter;
}
.house-call-area__notice-list > li:last-child {
  padding-top: 1.5em;
}
.house-call-area__notice-list > li:not(:last-child) {
  padding-block: 1.5em;
}

.house-call-area__notice-item-number {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: calc(30 * var(--px));
  height: calc(30 * var(--px));
  border-radius: 100vmax;
  background: var(--orange-light);
  font-family: var(--inter);
  font-size: calc(14 * var(--px));
  text-align: center;
  color: #fff;
}
.house-call-area__notice-item-number::before {
  content: counter(notice-counter);
}

.house-call-area__notice-content {
  padding-left: calc(40 * var(--px));
}
@media (max-width: 834px) {
  .house-call-area__notice-content {
    padding-left: 0;
  }
}

.house-call-area__notice-item-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: calc(10 * var(--px));
}

.house-call-area__notice-item-title {
  font-size: var(--f18);
  font-weight: 600;
  line-height: 1.5;
}

.house-call-area__notice-item-text {
  margin-top: 0.5em;
}

.house-call-area__notice-detail-list {
  margin-top: 0.7em;
}/*# sourceMappingURL=house-call-dentistry.css.map */