/**
 * Add an arrow element
 *
 * Accepts:
 * - $direction: {String} Positioning method for element
 * - $size: {String}
 * - $stroke: {String}
 *
 * Usage:
 * .selector {
 *   @include visually-shown(relative);
 * }
 */
.block-disease-area {
  background-color: #e7e7e7;
}
@media only screen and (min-width: 992px) {
  .block-disease-area {
    border-bottom: 20px solid #C1C1C1;
  }
}
.block-disease-area .intro__wrapper {
  padding: 31px 15px 29px;
}
@media only screen and (min-width: 768px) {
  .block-disease-area .intro__wrapper {
    padding: 50px 15px;
  }
}
@media only screen and (min-width: 992px) {
  .block-disease-area .intro__wrapper {
    padding-top: 80px;
    padding-top: 80px;
  }
}
.block-disease-area .intro__wrapper .top-content {
  max-width: 342px;
  margin: 0 auto;
  padding-bottom: 18px;
  font-size: 9px;
}
@media only screen and (min-width: 320px) {
  .block-disease-area .intro__wrapper .top-content {
    font-size: calc(9px + 9 * (100vw - 320px) / 320);
  }
}
@media only screen and (min-width: 640px) {
  .block-disease-area .intro__wrapper .top-content {
    font-size: 18px;
  }
}
.block-disease-area .intro__wrapper .top-content p + p {
  margin-top: 7.5px;
}
@media only screen and (min-width: 320px) {
  .block-disease-area .intro__wrapper .top-content p + p {
    margin-top: calc(7.5px + 7.5 * (100vw - 320px) / 320);
  }
}
@media only screen and (min-width: 640px) {
  .block-disease-area .intro__wrapper .top-content p + p {
    margin-top: 15px;
  }
}
@media only screen and (min-width: 320px) {
  .block-disease-area .intro__wrapper .top-content {
    max-width: 855px;
    padding-bottom: 40px;
  }
}
@media only screen and (min-width: 992px) {
  .block-disease-area .intro__wrapper .top-content {
    padding-bottom: 62px;
  }
}
.block-disease-area .intro__wrapper .top-content.border-bottom {
  position: relative;
}
.block-disease-area .intro__wrapper .top-content.border-bottom::before {
  position: absolute;
  content: "";
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100px;
  height: 1px;
  background-color: #000000;
}
.block-disease-area .intro__wrapper .top-content h2 {
  color: #00748D;
  font-weight: 700;
  margin-bottom: 12px;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  .block-disease-area .intro__wrapper .top-content h2 {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 576px) {
  .block-disease-area .intro__wrapper .top-content h2 br {
    display: none;
  }
}
.block-disease-area .intro__wrapper .top-content p a {
  color: #00748D;
}
.block-disease-area .intro__wrapper .top-content p a:hover {
  color: rgba(0, 116, 141, 0.5);
}
.block-disease-area .intro__wrapper .top-content p:last-child {
  padding-top: 25px;
}
@media only screen and (min-width: 768px) {
  .block-disease-area .intro__wrapper .top-content p:last-child:last-child {
    padding-top: 20px;
  }
}
.block-disease-area .intro__wrapper .mid-content {
  max-width: 902px;
  margin: 0 auto;
  padding-top: 30px;
  font-size: 9px;
}
@media only screen and (min-width: 320px) {
  .block-disease-area .intro__wrapper .mid-content {
    font-size: calc(9px + 9 * (100vw - 320px) / 320);
  }
}
@media only screen and (min-width: 640px) {
  .block-disease-area .intro__wrapper .mid-content {
    font-size: 18px;
  }
}
.block-disease-area .intro__wrapper .mid-content p + p {
  margin-top: 7.5px;
}
@media only screen and (min-width: 320px) {
  .block-disease-area .intro__wrapper .mid-content p + p {
    margin-top: calc(7.5px + 7.5 * (100vw - 320px) / 320);
  }
}
@media only screen and (min-width: 640px) {
  .block-disease-area .intro__wrapper .mid-content p + p {
    margin-top: 15px;
  }
}
@media only screen and (min-width: 768px) {
  .block-disease-area .intro__wrapper .mid-content {
    padding-top: 45px;
  }
}
@media only screen and (min-width: 992px) {
  .block-disease-area .intro__wrapper .mid-content {
    padding-top: 61px;
  }
}
.block-disease-area .intro__wrapper .mid-content h3 {
  color: #003D4D;
  font-weight: 700;
  margin-bottom: 10px;
}
@media only screen and (min-width: 768px) {
  .block-disease-area .intro__wrapper .mid-content h3 {
    margin-bottom: 20px;
  }
}
.block-disease-area .intro__wrapper .mid-content .two-col {
  padding-top: 30px;
}
@media only screen and (min-width: 992px) {
  .block-disease-area .intro__wrapper .mid-content .two-col {
    padding-top: 45px;
  }
}
@media only screen and (min-width: 992px) {
  .block-disease-area .intro__wrapper .mid-content .two-col {
    padding-top: 60px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-left: -31px;
    margin-right: -31px;
    text-align: start;
  }
}
.block-disease-area .intro__wrapper .mid-content .two-col__media {
  width: 100%;
  margin-bottom: 30px;
  display: none;
}
.block-disease-area .intro__wrapper .mid-content .two-col__media.desktop-only {
  display: none;
}
@media only screen and (min-width: 992px) {
  .block-disease-area .intro__wrapper .mid-content .two-col__media.desktop-only {
    display: block;
  }
}
.block-disease-area .intro__wrapper .mid-content .two-col__media.mobile-only {
  display: block;
}
@media only screen and (min-width: 992px) {
  .block-disease-area .intro__wrapper .mid-content .two-col__media.mobile-only {
    display: none;
  }
}
@media only screen and (min-width: 992px) {
  .block-disease-area .intro__wrapper .mid-content .two-col__media {
    display: block;
    width: 61%;
    padding: 0 31px;
    margin-bottom: 0;
  }
}
.block-disease-area .intro__wrapper .mid-content .two-col__media figure {
  margin-bottom: 0;
}
.block-disease-area .intro__wrapper .mid-content .two-col__content {
  width: 100%;
}
@media only screen and (min-width: 992px) {
  .block-disease-area .intro__wrapper .mid-content .two-col__content {
    width: 39%;
    padding: 0 31px;
  }
}
.block-disease-area .intro__wrapper .mid-content .two-col__content .btn-wrap {
  padding-top: 30px;
}
.block-disease-area .intro__wrapper .mid-content .two-col__content .btn-wrap .text-blue {
  color: #003D4D;
  font-weight: 700;
  margin-bottom: 20px;
}
/*# sourceMappingURL=disease-area-section.css.map*/