:root {
  --c-primary: #514327;
  --c-black: #000;
  --c-gray: #f7f7f7;
  --c-green: #00a040;
  --c-green-deep: #006d2c;
  --c-green-light: #00b79b;
  --c-white: #fff;
  --c-yellow: #ffe145;
  --c-yellow-deep: #ffd918;
  --c-green-h: #16b253;
  --c-yellow-h: #ffef5f;
  --c-bottom-contact: #fffae2;
  --c-h2: #d4f8e2;
  --c-h3: #00a040;
  --c-h3-line: #d8d8d8;
  --c-h4: #00a040;
  --c-about-green: #fcfcd7;
  --c-service: #fff;
  --c-anchor: #ffe500;
  --c-staff: #00a040;
  --c-staff-white: #fff;
  --c-staff-doctor: #056cba;
  --c-staff-treatment-coordinator: #00a040;
  --c-staff-dental-hygienist: #ff554a;
  --c-staff-reception-assistant: #ff6e00;
  --c-staff-visit-coordinator: #1b55b4;
  --c-staff-chairman: #9633b2;
  --c-caries-periodontal-disease: #fc9393;
  --c-preventive-dentistry: #96c000;
  --c-dentures: #0ab47f;
  --c-cleaning-whitening: #ffe500;
  --c-cleaning-whitening-page: #e6a800;
  --c-pediatric-dentistry: #7cc7f1;
  --c-pediatric-dentistry-page: #1c96e5;
  --c-fillings-coverings: #ff9d3a;
  --c-orthodontics-invisalign: #3a6aad;
  --c-implant: #d0a5db;
  --c-implant-page: #a463b5;
  --c-caries-periodontal-disease-light: #fda3a3;
  --c-preventive-dentistry-light: #caf54a;
  --c-dentures-light: #94f8dc;
  --c-cleaning-whitening-light: #ffee58;
  --c-pediatric-dentistry-light: #8ed5ff;
  --c-fillings-coverings-light: #ffb76f;
  --c-orthodontics-invisalign-light: #457dcc;
  --c-implant-light: #e7b5f3;
  --t-dentures: #e5f7f2;
  --t-cleaning-whitening: #ffedac;
  --t-fillings-coverings: #fff3e8;
  --t-orthodontics-invisalign: #e5eeff;
  --t-implant: #f0dff6;
  --t-note: #fffee7;
  --bg-top: url(images/common/bg.png);
  --bg-caries-periodontal-disease: url(images/service/caries-periodontal-disease/footer_back.png);
  --bg-preventive-dentistry: url(images/service/preventive-dentistry/footer_back.png);
  --bg-dentures: url(images/service/dentures/footer_back.png);
  --bg-cleaning-whitening: url(images/service/cleaning-whitening/footer_back.png);
  --bg-pediatric-dentistry: url(images/service/pediatric-dentistry/footer_back.png);
  --bg-fillings-coverings: url(images/service/fillings-coverings/footer_back.png);
  --bg-orthodontics-invisalign: url(images/service/orthodontics-invisalign/footer_back.png);
  --bg-implant: url(images/service/implant/footer_back.png);
  --c-heading-border: #d8d8d8;
  --c-service-background: #fffee8;
  --c-advantageBox-item: #eaeaea;
  --c-list: #b4e289;
  --f-primary: "Murecho", "Noto Sans JP", sans-serif;
  --f-primary-en: "Josefin Sans", sans-serif;
  --z-index-opening: 9999;
}

@media screen and (min-width: 821px) {
  .pc-only {
    display: block;
  }
}
@media screen and (max-width: 820px) {
  .pc-only {
    display: none;
  }
}

@media screen and (min-width: 821px) {
  .pc-escape {
    display: none;
  }
}
@media screen and (max-width: 820px) {
  .pc-escape {
    display: block;
  }
}

@media screen and (min-width: 821px) {
  .tab-only {
    display: none;
  }
}
@media screen and (max-width: 820px) and (min-width: 577px) {
  .tab-only {
    display: block;
  }
}
@media screen and (max-width: 576px) {
  .tab-only {
    display: none;
  }
}

@media screen and (min-width: 821px) {
  .tab-escape {
    display: block;
  }
}
@media screen and (max-width: 820px) and (min-width: 577px) {
  .tab-escape {
    display: none;
  }
}
@media screen and (max-width: 576px) {
  .tab-escape {
    display: block;
  }
}

@media screen and (min-width: 577px) {
  .sp-only {
    display: none;
  }
}
@media screen and (max-width: 576px) {
  .sp-only {
    display: block;
  }
}

@media screen and (min-width: 577px) {
  .sp-escape {
    display: block;
  }
}
@media screen and (max-width: 576px) {
  .sp-escape {
    display: none;
  }
}

#pediatric-orthodontics {
  scroll-behavior: smooth;
  margin-bottom: clamp(0rem, 15.8333333333vw, 7.6rem);
}
#pediatric-orthodontics a {
  transition: opacity 0.4s ease;
}
#pediatric-orthodontics a:hover {
  opacity: 0.7;
}
#pediatric-orthodontics::before {
  display: none;
}
#pediatric-orthodontics .wrapper {
  max-width: 480px;
  margin-inline: auto;
}
#pediatric-orthodontics .fixedBtnList {
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
  column-gap: 2.1951219512%;
  width: min(100%, 480px);
  margin-inline: auto;
  padding-top: 8px;
  padding-bottom: 8px;
  background-color: var(--c-white);
  z-index: 9999;
}
#pediatric-orthodontics .fixedBtnList a {
  width: 45.6097560976%;
}
#pediatric-orthodontics .fixedBtnList a img {
  width: 100%;
}
#pediatric-orthodontics .btnList {
  display: flex;
  justify-content: center;
  column-gap: 1.7073170732%;
  list-style: none;
  flex-wrap: wrap;
  row-gap: 10px;
}
#pediatric-orthodontics .btnList li {
  width: 44.1463414634%;
}
#pediatric-orthodontics .btnList li img {
  width: 100%;
}
#pediatric-orthodontics .image10 {
  position: relative;
}
#pediatric-orthodontics .image10 .btnBlock {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 80.7317073171%;
}
#pediatric-orthodontics .image10 .btnBlock img {
  width: 100%;
}
#pediatric-orthodontics .image10 .btnBlock.fami {
  top: clamp(0rem, 99.2682926829vw, 48rem);
}
#pediatric-orthodontics .image10 .btnBlock.big {
  top: clamp(0rem, 477.0731707317vw, 230.1rem);
}
#pediatric-orthodontics .image10 .btnBlock .telBtn {
  display: block;
  margin-top: 21px;
}
#pediatric-orthodontics .image10 .map {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 84.8780487805%;
  aspect-ratio: 348/430;
}
#pediatric-orthodontics .image10 .map.fami {
  top: clamp(0rem, 187.3170731707vw, 90.5rem);
}
#pediatric-orthodontics .image10 .map.big {
  top: clamp(0rem, 565.8536585366vw, 271.8rem);
}
#pediatric-orthodontics .image10 .map iframe {
  width: 100%;
  height: 100%;
  border-radius: 20px;
}

/*# sourceMappingURL=page-pediatric-orthodontics.css.map */