@charset "UTF-8";
/*******************************************/
/* Page                                    */
/*******************************************/
main p {
  font-size: 1.8rem;
  line-height: 3.8rem; }
main section:last-of-type > div {
  margin-bottom: 0; }

.pageWrap-title {
  background: #fff;
  background-size: cover;
  margin-top: 72px;
  width: 100%;
  height: 80px;
  position: relative; }
  @media print, screen and (min-width: 768px) {
    .pageWrap-title {
      background: #fff;
      margin-top: 120px;
      height: 160px; } }
  .pageWrap-title .pageCrm {
    display: none; }
    @media print, screen and (min-width: 768px) {
      .pageWrap-title .pageCrm {
        display: block;
        position: absolute;
        bottom: 3px;
        left: 50%;
        margin-left: -480px;
        width: 960px;
        z-index: 1; } }
    .pageWrap-title .pageCrm ol {
      font-size: 0; }
      .pageWrap-title .pageCrm ol li {
        display: inline-block;
        font-size: 1.4rem; }
        .pageWrap-title .pageCrm ol li::after {
          content: "/";
          color: #777;
          display: inline-block;
          margin: 0 12px; }
        .pageWrap-title .pageCrm ol li:last-of-type::after {
          display: none; }
        .pageWrap-title .pageCrm ol li a {
          color: #777; }
  .pageWrap-title h1 {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.0rem;
    font-weight: bold;
    margin: 0 auto;
    width: calc(100% - 32px);
    height: 100%;
    color: #207070;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }
    @media print, screen and (min-width: 768px) {
      .pageWrap-title h1 {
        font-size: 2.4rem;
        letter-spacing: 2px;
        width: 960px; } }
    @media print, screen and (min-width: 1200px) {
      .pageWrap-title h1 {
        width: 1200px; } }
  .pageWrap-title::after {
    content: "";
    background: url("../img/page/pageslash_01.png") repeat-x center bottom;
    width: 100%;
    height: 12px;
    position: absolute;
    left: 0;
    bottom: 0; }
    @media print, screen and (min-width: 768px) {
      .pageWrap-title::after {
        height: 24px; } }

.pageWrap-1 {
  padding: 0;
  background: url("../img/page/page-bg.webp") no-repeat center top; }
  @media print, screen and (min-width: 768px) {
    .pageWrap-1 {
      padding: 80px 0 120px; } }
  .pageWrap-1 .pageWrap-1-inr {
    margin: 0 auto;
    padding: 24px 0;
    position: relative;
    width: calc(100% - 32px); }
    @media print, screen and (min-width: 768px) {
      .pageWrap-1 .pageWrap-1-inr {
        padding: 0;
        width: 960px; } }

.pageWrap-2 {
  padding: 0;
  background: url("../img/page/page-bg.webp") no-repeat center top; }
  @media print, screen and (min-width: 768px) {
    .pageWrap-2 {
      padding: 80px 0 120px; } }
  .pageWrap-2 .pageWrap-2-inr {
    margin: 0 auto;
    padding: 24px 0;
    position: relative;
    width: calc(100% - 32px); }
    @media print, screen and (min-width: 768px) {
      .pageWrap-2 .pageWrap-2-inr {
        padding: 0;
        width: 960px; } }

/* 見出し */
.pageH2 {
  font-size: 2.4rem;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: bold;
  line-height: 3.0rem;
  text-align: center;
  margin-bottom: 50px; }
  @media print, screen and (min-width: 768px) {
    .pageH2 {
      font-size: 4.2rem;
      font-weight: normal;
      line-height: 1em;
      margin-bottom: 98px; } }
  .pageH2 br {
    display: none; }
    @media print, screen and (min-width: 768px) {
      .pageH2 br {
        display: block; } }
  .pageH2::after {
    content: "";
    background: url("../img/page/pageItem_01.svg") no-repeat center/250px 26px;
    width: 250px;
    height: 26px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 40px; }
    @media print, screen and (min-width: 768px) {
      .pageH2::after {
        content: "";
        background: url("../img/page/pageItem_01.svg") no-repeat center/500px 52px;
        width: 500px;
        height: 52px;
        margin-top: 34px; } }

.pageH3 {
  color: #207070;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  text-align: center;
  font-size: 2.2rem;
  font-weight: bold;
  line-height: 3.2rem;
  margin-bottom: 1em; }
  @media print, screen and (min-width: 768px) {
    .pageH3 {
      font-size: 3.8rem;
      line-height: 5.4rem;
      margin: 0 0 56px; } }

.pageH3-1 {
  color: #1b8b7f;
  font-size: 2.0rem;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  line-height: 3.0rem;
  margin-bottom: 1em; }
  @media print, screen and (min-width: 768px) {
    .pageH3-1 {
      font-size: 2.8rem;
      font-weight: bold;
      line-height: 3.8rem;
      margin-bottom: 1.6em;
      text-align: center; } }

.pageH4 {
  font-size: 2.0rem;
  font-weight: bold;
  line-height: 3.2rem;
  margin-bottom: 0.4em;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  position: relative;
  padding-left: 2.4rem; }
  @media print, screen and (min-width: 768px) {
    .pageH4 {
      font-size: 2.6rem;
      line-height: 3.6rem;
      margin-bottom: 0.8em;
      padding-left: 3.8rem; } }
  .pageH4::before {
    content: "";
    background: #2e8d96;
    position: absolute;
    top: 7px;
    left: 0;
    width: 16px;
    height: 16px; }
    @media print, screen and (min-width: 768px) {
      .pageH4::before {
        width: 20px;
        height: 20px; } }

.pageH5 {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: bold;
  font-size: 2.0rem;
  line-height: 3.2rem; }
  @media print, screen and (min-width: 768px) {
    .pageH5 {
      font-size: 2.6rem;
      margin-bottom: 0.4em; } }

/* 囲み */
.pageData {
  border: 2px solid #2e8d96;
  padding: 16px; }
  @media print, screen and (min-width: 768px) {
    .pageData {
      padding: 32px 56px; } }
  .pageData dl dt {
    background: #2e8d96;
    color: #fff;
    display: inline-block;
    font-weight: bold;
    line-height: 1em;
    font-size: 1.8rem;
    padding: 10px 18px 8px;
    margin-bottom: 1.2rem; }
    @media print, screen and (min-width: 768px) {
      .pageData dl dt {
        font-size: 2.0rem;
        padding: 12px 32px 8px;
        margin-bottom: 2.0rem; } }
  .pageData dl dd {
    font-size: 1.8rem;
    line-height: 1.8em; }
  .pageData ul.ul-disc li {
    font-size: 1.5rem;
    line-height: 2.5rem;
    margin-bottom: 0.6rem; }

.pageTxt {
  background: #eff8f9;
  padding: 16px 16px 12px; }
  @media print, screen and (min-width: 768px) {
    .pageTxt {
      padding: 20px 24px 16px; } }
  .pageTxt dl dt {
    background: #599196;
    color: #fff;
    display: block;
    font-weight: bold;
    line-height: 1em;
    font-size: 1.5rem;
    margin-bottom: 1.0rem;
    padding: 10px 10px 6px; }
  .pageTxt dl dd {
    font-size: 1.6rem;
    line-height: 1.8em; }
  @media print, screen and (min-width: 768px) {
    .pageTxt span {
      padding-left: 3em; } }

/*テキストの上にドット*/
.pageH4.h4-1 {
  position: relative;
  top: -14px; }
  .pageH4.h4-1 span {
    -webkit-text-emphasis: filled;
    text-emphasis: filled; }
  .pageH4.h4-1::before {
    top: 16px; }
    @media print, screen and (min-width: 768px) {
      .pageH4.h4-1::before {
        top: 20px; } }

/* box */
/* item */
.pageItem-1 img {
  width: 200px;
  height: 205px; }
  @media print, screen and (min-width: 768px) {
    .pageItem-1 img {
      width: 110px;
      height: 113px; } }

.pageItem-2 {
  font-size: 1.6rem;
  line-height: 1.8em; }

/* Colum*/
.pageColumn {
  background: #eff8f9;
  padding: 16px; }
  @media print, screen and (min-width: 768px) {
    .pageColumn {
      padding: 80px; } }

.pageColumn-narrow {
  background: #eff8f9;
  padding: 16px; }
  @media print, screen and (min-width: 768px) {
    .pageColumn-narrow {
      padding: 48px 64px;
      width: calc(100% - 160px);
      margin-left: auto;
      margin-right: auto; } }

.columnItem-title {
  font-size: 2.2rem;
  font-weight: bold;
  line-height: 2.8rem;
  margin-bottom: 0.4em;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  position: relative;
  padding-left: 2.2rem; }
  @media print, screen and (min-width: 768px) {
    .columnItem-title {
      font-size: 2.4rem;
      line-height: 3.2rem;
      margin-bottom: 0.8em;
      padding-left: 3.4rem; } }
  .columnItem-title::before {
    content: "";
    background: #2e8d96;
    position: absolute;
    top: 4px;
    left: 0;
    width: 16px;
    height: 16px; }
    @media print, screen and (min-width: 768px) {
      .columnItem-title::before {
        width: 20px;
        height: 20px; } }

.columnItem-subtitle {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: bold; }
  @media print, screen and (min-width: 768px) {
    .columnItem-subtitle {
      font-size: 2.2rem;
      line-height: 3.2rem;
      margin-bottom: 0.4em; } }

/* アコーディオン */
.pageAccordion {
  border-bottom: 1px solid #ccc8b4; }
  .pageAccordion dt {
    background: #fff url(../img/cmn/nav_01.svg) no-repeat;
    background-size: 15px 8px;
    background-position: right 32px center;
    border-top: 1px solid #ccc8b4;
    border-left: 1px solid #ccc8b4;
    border-right: 1px solid #ccc8b4;
    cursor: pointer;
    display: block;
    font-weight: bold;
    padding: 12px;
    width: 100%; }
    @media print, screen and (min-width: 768px) {
      .pageAccordion dt {
        cursor: inherit;
        padding: 24px; } }
    .pageAccordion dt p {
      position: relative;
      padding-left: 36px;
      line-height: 2.4rem; }
      @media print, screen and (min-width: 768px) {
        .pageAccordion dt p {
          line-height: 3.2rem; } }
      .pageAccordion dt p span {
        background: #007f6b;
        border-radius: 4px;
        color: #fff;
        font-weight: bold;
        line-height: 28px;
        text-align: center;
        width: 28px;
        height: 28px;
        position: absolute;
        top: 0;
        left: 0; }
  .pageAccordion dd {
    background: #f6f4f2;
    border-left: 1px solid #d4dbdf;
    border-right: 1px solid #d4dbdf;
    display: none;
    padding: 12px;
    width: 100%; }
    @media print, screen and (min-width: 768px) {
      .pageAccordion dd {
        display: block !important;
        padding: 24px; } }
    .pageAccordion dd p {
      line-height: 2.8rem;
      position: relative;
      padding-left: 36px; }
      @media print, screen and (min-width: 768px) {
        .pageAccordion dd p {
          line-height: 3.2rem; } }
      .pageAccordion dd p span {
        background: #c78e6a;
        border-radius: 4px;
        color: #fff;
        font-weight: bold;
        line-height: 28px;
        text-align: center;
        width: 28px;
        height: 28px;
        position: absolute;
        top: 0;
        left: 0; }

/* 星評価 */
.pageDl-rating {
  border: 1px solid #599196;
  position: relative;
  text-align: center;
  height: 59px; }
  .pageDl-rating dt {
    background: #eff8f9;
    border-right: 1px solid #599196;
    border-bottom: 1px solid #599196;
    color: #207070;
    font-size: 1.4rem;
    line-height: 28px;
    width: 33.333%;
    position: absolute;
    top: 0px; }
    .pageDl-rating dt:nth-of-type(1) {
      left: 0; }
    .pageDl-rating dt:nth-of-type(2) {
      left: 33.333%; }
    .pageDl-rating dt:nth-of-type(3) {
      border-right: none;
      left: 66.666%; }
  .pageDl-rating dd {
    border-right: 1px solid #599196;
    font-size: 1.4rem;
    line-height: 28px;
    text-align: center;
    width: 33.333%;
    position: absolute;
    top: 29px; }
    .pageDl-rating dd:nth-of-type(1) {
      left: 0; }
    .pageDl-rating dd:nth-of-type(2) {
      left: 33.333%; }
    .pageDl-rating dd:nth-of-type(3) {
      border-right: none;
      left: 66.666%; }

/* テーブル */
.table-line.table-profile tr th {
  width: 28%; }
.table-line.table-profile tr td {
  width: 72%; }
  @media print, screen and (min-width: 768px) {
    .table-line.table-profile tr td {
      width: 80%; } }

/* エラーページ */
.error-Box {
  text-align: center; }

/*歯周病をセルフチェック*/
.ul-perio1 li {
  font-size: 1.8rem;
  line-height: 3.6rem;
  margin-bottom: 6px;
  padding-left: 28px;
  position: relative; }
  .ul-perio1 li::before {
    background: url(../img/page/page_18.svg) no-repeat;
    background-size: 18px 18px;
    content: "";
    display: inline-block;
    margin-right: 10px;
    position: absolute;
    top: 7px;
    left: 0;
    width: 18px;
    height: 18px; }

.pageBox {
  background: rgba(255, 255, 255, 0.5);
  padding: 10px; }
  @media print, screen and (min-width: 768px) {
    .pageBox {
      padding: 16px; } }

/* リンク */
#prevent, #denture, #kids, #whitening, #gakukansetsusyo, #crown, #caries, #implant, #surgery, #ct, #saisei, #barrierfree, #policy, #implant1, #implant2, #implant3, #implant_option, #implant_kanpu, #implant_loan, #straumann, #ostem, #perio, #correct, #bridge, #microscope, #ikan, #kansen, #seimitsu, #shikataiken {
  padding-top: 72px;
  margin-top: -72px; }
  @media print, screen and (min-width: 768px) {
    #prevent, #denture, #kids, #whitening, #gakukansetsusyo, #crown, #caries, #implant, #surgery, #ct, #saisei, #barrierfree, #policy, #implant1, #implant2, #implant3, #implant_option, #implant_kanpu, #implant_loan, #straumann, #ostem, #perio, #correct, #bridge, #microscope, #ikan, #kansen, #seimitsu, #shikataiken {
      padding-top: 140px;
      margin-top: -140px; } }

/*# sourceMappingURL=page.css.map */