/* Shared presentation for content blocks inserted into the perio/root LPs. */

:is(.root-fudomae-page, .perio-fudomae-page)
  :is(.endodontic-types, .root-aftercare)
  .section_title {
  margin-bottom: 0;
  padding-bottom: 0;
  text-align: left;
}

:is(.root-fudomae-page, .perio-fudomae-page)
  :is(.endodontic-types, .root-aftercare)
  .section_title::after {
  display: none;
}

body:is(.root-fudomae-page, .perio-fudomae-page)
  main.lp
  section:is(.endodontic-types, .root-aftercare)
  div.section_title > h2 {
  margin: 0;
  padding: 28px 36px;
  background: -webkit-linear-gradient(-180deg, #1d548c 0%, #3d81b0 40%, #6cc1e5 100%);
  background: linear-gradient(90deg, #1d548c 0%, #3d81b0 40%, #6cc1e5 100%);
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.1em;
  text-align: left;
}

/* H2 headings in the content sections transplanted from the Fudomae site. */
body.perio-fudomae-page main.lp section.perio-merge-section > div.inner > h2 {
  margin: 0 0 40px;
  padding: 28px 36px;
  background: -webkit-linear-gradient(-180deg, #1d548c 0%, #3d81b0 40%, #6cc1e5 100%);
  background: linear-gradient(90deg, #1d548c 0%, #3d81b0 40%, #6cc1e5 100%);
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.1em;
  text-align: left;
}

body.perio-fudomae-page main.lp section.perio-merge-section > div.inner > h2::before,
body.perio-fudomae-page main.lp section.perio-merge-section > div.inner > h2::after {
  display: none;
}

body:is(.root-fudomae-page, .perio-fudomae-page)
  main.lp
  section:is(.endodontic-types, .root-aftercare)
  div.section_title > h2::before,
body:is(.root-fudomae-page, .perio-fudomae-page)
  main.lp
  section:is(.endodontic-types, .root-aftercare)
  div.section_title > h2::after {
  display: none;
}

:is(.root-fudomae-page, .perio-fudomae-page)
  .root-aftercare .root-aftercare_subtitle {
  position: relative;
  margin-top: 30px;
  margin-bottom: 20px;
  padding: 0 0 5px;
  border: 0;
  border-bottom: 2px solid #d7dfe4;
  color: #333;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.1em;
  text-align: left;
}

:is(.root-fudomae-page, .perio-fudomae-page)
  .endodontic-types .endodontic-types_table {
  margin-top: 30px;
}

:is(.root-fudomae-page, .perio-fudomae-page)
  .root-aftercare .root-aftercare_subtitle::before {
  display: none;
}

:is(.root-fudomae-page, .perio-fudomae-page)
  .root-aftercare .root-aftercare_subtitle::after {
  display: block;
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 20%;
  border-bottom: 2px solid #0375ba;
  content: "";
}

@media screen and (max-width: 767px) {
  body:is(.root-fudomae-page, .perio-fudomae-page)
    main.lp
    section:is(.endodontic-types, .root-aftercare)
    div.section_title > h2 {
    padding: 20px 18px;
    font-size: 20px;
  }

  body.perio-fudomae-page main.lp section.perio-merge-section > div.inner > h2 {
    margin-bottom: 30px;
    padding: 20px 18px;
    font-size: 20px;
  }

  :is(.root-fudomae-page, .perio-fudomae-page)
    .root-aftercare .root-aftercare_subtitle {
    margin-top: 20px;
    margin-bottom: 15px;
    font-size: 18px;
  }

  :is(.root-fudomae-page, .perio-fudomae-page)
    .endodontic-types .endodontic-types_table {
    margin-top: 20px;
  }
}