@charset "UTF-8";

/* モバイルレイアウト : 480 px およびそれ以下. */
ul, ol{
  color: #000;
  text-align: left;
}

.bold{
  font-weight: 600;
}

/* --------------------------------------------------------
自費診療の料金表
-------------------------------------------------------- */
section.content01 p.red{
  text-align: center;
}
section.content01 h4{
  color: var(--main-color);
  font-size: 2.0rem;
  text-align: left;
}

section.content01 hr{
  margin: .3em 0 1em;
  border: none;
  border-top: var(--main-color) 1px dashed;
}

section.content01 table{
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 0;
  color: #000;
}

section.content01 table th,
section.content01 table td{
  border: 1px solid var(--main-color);
  padding: 8px;
  width: 50%;
}

section.content01 table th{
  background-color: #ECF5F1;
  text-align: left;
  font-weight: 400;
  span{
    display: inline-block;
  }
}

section.content01 table td{
  background-color: #FFF;
  text-align: right;
}

section.content01 .pcFlexbox{
  margin-top: 0;
}

section.content01 .period{
  margin-top: 5%;
}

section.content01 h5{
  margin: 0;
  font-size: 1.8rem;
  text-align: left;
}

section.content01 .period p,
section.content01 .pcFlexbox p{
  margin: .5em 0;
  padding-left: 1.5em;
}
section.content01 .pcFlexbox ul{
  margin-left: 1.5em;
  padding-left: 1.2em;
}

/* --------------------------------------------------------
医療費控除
-------------------------------------------------------- */
section.content02 .bgBox{
  margin: 5% auto;
  padding: 5%;
  background-color: #E8E0D4;
  border-radius: 20px;
}

section.content02 h4{
  color: var(--sub-color);
  font-size: 2.0rem;
  text-align: left;
}

section.content02 hr{
  margin: .3em 0 1em;
  border: none;
  border-top: var(--sub-color) 1px dashed;
}

section.content02 ol{
  padding-left: 1.5em;
}


/* タブレットレイアウト : 981px～。モバイルレイアウトからスタイルを継承。 */
@media print, screen and (min-width: 980px) {
/* --------------------------------------------------------
自費診療の料金表
-------------------------------------------------------- */
section.content01{
  max-width: 1000px;
  margin: 0 auto;
}

section.content01 p.red{
  text-align: center;
}
section.content01 h4{
  color: var(--main-color);
  font-size: 2.4rem;
  text-align: left;
}

section.content01 table{
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 0;
}

section.content01 table th,
section.content01 table td{
  border: 1px solid var(--main-color);
  padding: 15px 20px;
  width: 50%;
}

section.content01 table th{
  background-color: #ECF5F1;
  text-align: left;
}

section.content01 table td{
  background-color: #FFF;
  text-align: right;
}
section.content01 .pcFlexbox{
  margin: 30px 0 50px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 50px;
}

section.content01 .period{
  margin-top: 30px;
}

section.content01 h5{
  margin: 0;
  font-size: 2.0rem;
  text-align: left;
}

section.content01 .period p,
section.content01 .risk p{
  margin: .5em 0;
  padding-left: 1.5em;
}

section.content01 .merit{
  width: 50%;
}

section.content01 .demerit,
section.content01 #whitening .inq{
  width: 55%;
}

section.content01 #whitening .period{
  margin-top: 0;
  width: 50%;
}

/* --------------------------------------------------------
医療費控除
-------------------------------------------------------- */
section.content02{
  padding: 0;
}
section.content02 .bgBox{
  max-width: 1200px;
  margin: 50px auto 0;
  padding: 50px 100px;
  background-color: #E8E0D4;
  border-radius: 20px;
}

section.content02 p.h3Txt{
  margin: 1em auto;
  max-width: 700px;
}

section.content02 h4{
  color: var(--sub-color);
  font-size: 2.4rem;
  text-align: left;
}

section.content02 hr{
  margin: .3em 0 1em;
  border: none;
  border-top: var(--sub-color) 1px dashed;
}

section.content02 ol{
  padding-left: 1.5em;
}

}