.mainvisual {
  background-image: url("../images/img-hospital_mv.png");
}

.main {
  padding-bottom: calc(8px * 20);
}

.section {
  padding-top: calc(8px * 10);
}

.hospitalList {
  column-gap: calc(8px * 7);
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.hospitalList__box {
  background: #fff;
  margin-bottom: calc(8px * 6);
  padding: calc(8px * 4);
  width: 100%;
}

.hospitalList__box--title {
  font-size: var(--fontSize16);
  font-weight: bold;
}

.hospitalList__box--text {
  font-size: var(--fontSize16);
  line-height: 1.7;
  margin-top: calc(8px * 3);
}

.hospitalList__box--img {
  margin-top: calc(8px * 5);
}

@media screen and (max-width: 767px) {
  .main {
    padding-bottom: calc(8px * 10);
  }

  .section {
    padding-top: calc(8px * 5);
  }

  .hospital__col {
    grid-template-columns: 100%;
  }
  .hospitalList{
    grid-template-columns: 1fr;
  }
  .hospitalList__box {
    margin-bottom: calc(8px * 3);
    padding: calc(8px * 3);
    width: 100%;
  }

  .hospitalList__box--text {
    margin-top: calc(8px * 2);
  }

  .hospitalList__box--img {
    margin-top: calc(8px * 3);
  }
}