:root {
  --vw: 1vw;
}


/* ---------------------------------------------------------
#sec-intro
----------------------------------------------------------*/
#sec-intro .lead {
  font-size: min(1.25 * var(--vw), 24px);
  line-height: 1.8333333333;
}
@media screen and (max-width: 768px) {
  #sec-intro .lead {
    font-size: calc(4.26 * var(--vw));
  }
}

/* ---------------------------------------------------------
#sec-subject
----------------------------------------------------------*/
#sec-subject .border-box dt, #sec-subject .border-box dd {
  font-size: min(1.09 * var(--vw), 21px);
  line-height: 1.9047619048;
  text-justify: distribute;
  text-align: justify;
}
@media screen and (max-width: 768px) {
  #sec-subject .border-box dt, #sec-subject .border-box dd {
    font-size: calc(4.26 * var(--vw));
  }
}
#sec-subject .border-box dt {
  margin-top: min(1.87 * var(--vw), 36px);
  font-size: min(1.51 * var(--vw), 29px);
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  #sec-subject .border-box dt {
    margin-top: calc(8 * var(--vw));
    font-size: calc(4.8 * var(--vw));
  }
}
#sec-subject .border-box dt:first-child {
  margin-top: 0;
}
@media screen and (max-width: 768px) {
  #sec-subject .border-box dd {
    margin-top: calc(2.13 * var(--vw));
  }
}

/* ---------------------------------------------------------
#sec-symptoms
----------------------------------------------------------*/
#sec-symptoms .ttl-green-dotborder {
  font-size: min(1.51 * var(--vw), 29px);
  margin-top: min(2.6 * var(--vw), 50px);
}
@media screen and (max-width: 768px) {
  #sec-symptoms .ttl-green-dotborder {
    font-size: calc(5.33 * var(--vw));
    margin-top: calc(8 * var(--vw));
  }
}
#sec-symptoms .ttl-green-dotborder + .txt-normal {
  margin-top: min(1.04 * var(--vw), 20px);
}
@media screen and (max-width: 768px) {
  #sec-symptoms .ttl-green-dotborder + .txt-normal {
    margin-top: calc(4.26 * var(--vw));
  }
}

/* ---------------------------------------------------------
#sec-kinds,#sec-forget
----------------------------------------------------------*/
#sec-kinds .wrapper, #sec-forget .wrapper {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  margin-top: min(1.56 * var(--vw), 30px);
}
@media screen and (max-width: 768px) {
  #sec-kinds .wrapper, #sec-forget .wrapper {
    display: block;
    margin-top: calc(0 * var(--vw));
  }
}
#sec-kinds .wrapper + .ttl-green-dotborder, #sec-forget .wrapper + .ttl-green-dotborder {
  margin-top: 0;
}
@media screen and (max-width: 768px) {
  #sec-kinds .wrapper + .ttl-green-dotborder, #sec-forget .wrapper + .ttl-green-dotborder {
    margin-top: calc(8 * var(--vw));
  }
}
#sec-kinds .wrapper .txt, #sec-forget .wrapper .txt {
  width: min(45.98 * var(--vw), 883px);
}
@media screen and (max-width: 768px) {
  #sec-kinds .wrapper .txt, #sec-forget .wrapper .txt {
    width: 100%;
    margin-top: min(-0.32 * var(--vw), -6px);
  }
}
#sec-kinds .wrapper .ill, #sec-forget .wrapper .ill {
  width: min(14.84 * var(--vw), 285px);
}
@media screen and (max-width: 768px) {
  #sec-kinds .wrapper .ill, #sec-forget .wrapper .ill {
    width: 50%;
    margin: 0 auto;
  }
}
#sec-kinds .ttl-green-dotborder,
#sec-forget .ttl-green-dotborder {
  font-size: min(1.51 * var(--vw), 29px);
}
@media screen and (max-width: 768px) {
  #sec-kinds .ttl-green-dotborder,
  #sec-forget .ttl-green-dotborder {
    font-size: calc(5.33 * var(--vw));
  }
}

/* ---------------------------------------------------------
#sec-medicalinfo
----------------------------------------------------------*/
#sec-medicalinfo .ttl-border-l {
  font-size: min(1.35 * var(--vw), 26px);
  margin-top: min(3.12 * var(--vw), 60px);
}
@media screen and (max-width: 768px) {
  #sec-medicalinfo .ttl-border-l {
    font-size: calc(5.33 * var(--vw));
    margin-top: calc(8 * var(--vw));
  }
}
#sec-medicalinfo .ttl-border-l + .txt-normal {
  margin-top: min(1.56 * var(--vw), 30px);
}
@media screen and (max-width: 768px) {
  #sec-medicalinfo .ttl-border-l + .txt-normal {
    margin-top: calc(4.26 * var(--vw));
  }
}
#sec-medicalinfo .table {
  margin-top: min(1.56 * var(--vw), 30px);
}
@media screen and (max-width: 768px) {
  #sec-medicalinfo .table {
    margin-top: calc(4.26 * var(--vw));
  }
}
#sec-medicalinfo .table th, #sec-medicalinfo .table td {
  font-weight: normal;
  padding: min(0.78 * var(--vw), 15px) min(2.03 * var(--vw), 39px);
}
@media screen and (max-width: 768px) {
  #sec-medicalinfo .table th, #sec-medicalinfo .table td {
    padding: calc(2.66 * var(--vw)) calc(4.26 * var(--vw));
  }
}
#sec-medicalinfo .table th, #sec-medicalinfo .table td:not(:first-child) {
  vertical-align: middle;
  text-align: center;
}
#sec-medicalinfo .table-scroll-sp + .txt-normal {
  margin-top: min(0.52 * var(--vw), 10px);
}
@media screen and (max-width: 768px) {
  #sec-medicalinfo .table-scroll-sp + .txt-normal {
    margin-top: calc(4.26 * var(--vw));
  }
}