@charset "utf-8";

/* Component - leaf
------------------------------------------------------------- */
.leaf-area__wrap {
  position: relative;
}

.leaf-area {
  position: absolute;
  inset: 0;
}
.leaf-wrap {
  position: relative;
}

:is(.single, .archive) .main-content {
  z-index: 0;
}

.leaf-component {
  position: absolute;
  z-index: 2;
}
.leaf_parts {
  position: absolute;
  width: 30%;
  z-index: 2;
}

/* Component - leaf - kv */
.leaf__kv-a {
  left: 0;
  bottom: -50px;
  width: 30%;
}

.leaf__kv-b {
  display: none;
  right: 0;
}

@media (min-width: 768px) {
  .leaf__kv-a {
    bottom: -80px;
    max-width: 196px;
  }

  .leaf__kv-b {
    display: block;
    bottom: -124px;
    width: 168px;
  }
}

@media (min-width: 1280px) {
  .leaf__kv-a {
    bottom: -190px;
    max-width: 320px;
  }

  .leaf__kv-b {
    bottom: -200px;
    width: 428px;
  }
}

@media (min-width: 1920px) {
  .leaf__kv-a {
    bottom: -80px;
  }
}

/* Component - leaf - clinic */
.leaf__clinic-a,
.leaf__clinic-b {
  display: none;
}

@media (min-width: 1280px) {
  .leaf__clinic-a,
  .leaf__clinic-b {
    display: block;
  }

  .leaf__clinic-a {
    width: 20%;
    max-width: 477px;
    bottom: 22.3%;
  }

  .leaf__clinic-b {
    width: 10%;
    max-width: 209px;
    bottom: -16.43%;
  }
}

/* Component - leaf - schedule */
.leaf__schedule-a,
.leaf__schedule-b {
  scale: -1 1;
}

.leaf__schedule-a {
  left: 0;
  top: -62px;
  width: 35%;
  max-width: 142px;
}

.leaf__schedule-b {
  right: 0;
  bottom: -72px;
  width: 23.4%;
}

@media (min-width: 768px) {
  .leaf__schedule-a,
  .leaf__schedule-b {
    scale: none;
  }

  .leaf__schedule-a {
    left: 0;
    top: -170px;
    width: 192px;
    max-width: initial;
  }

  .leaf__schedule-b {
    right: 0;
    top: 468px;
    bottom: initial;
    width: 208px;
  }
}

@media (min-width: 1280px) {
  .leaf__schedule-a {
    display: none;
  }

  .leaf__schedule-b {
    width: 544px;
    top: 460px;
  }
}

/* Component - leaf - reserve */
.leaf__reserve-a {
  max-width: 84px;
  bottom: -170px;
  left: 0;
  width: 16%;
}

.leaf__reserve-b {
  bottom: -120px;
  right: 0;
  width: 32%;
}

@media (min-width: 768px) {
  .leaf__reserve-a {
    bottom: initial;
    top: 202px;
    width: 96px;
    max-width: inherit;
  }

  .leaf__reserve-b {
    width: 380px;
    bottom: -134px;
  }
}

@media (min-width: 1280px) {
  .leaf__reserve-a {
    width: 250px;
    top: 510px;
  }

  .leaf__reserve-b {
    width: 960px;
    bottom: -350px;
  }
}

/* Component - leaf - subpage */

.leaf__subpage {
  width: 30%;
  max-width: 112px;
  right: 0;
  top: 16px;
}

@media (min-width: 768px) {
  .leaf__subpage {
    width: 144px;
    max-width: initial;
    top: 36px;
  }
}

@media (min-width: 1280px) {
  .leaf__subpage {
    width: 362px;
    top: 92px;
  }
}