.ttl_concept {
  font-size: 2.0rem;
  color: #3585b3;
  font-family: "Noto Serif JP", serif;
  margin-bottom: 20px;
}
.page-palace .card-lead {
  color: #532561;
}

.page-landmark .card-lead {
  color: #3585b3;
}

.page-newotani .card-lead {
  color: #6aa89a;
}

.clinic-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: calc( 100% + 24px);
  -webkit-transform: translateX(-12px);
  transform: translateX(-12px);
}

@media screen and (max-width: 960px) {
  .clinic-grid {
    width: calc( 100% + 16px);
    -webkit-transform: translateX(-8px);
    transform: translateX(-8px);
  }
}

@media screen and (max-width: 640px) {
  .clinic-grid {
    width: 100%;
    -webkit-transform: none;
    transform: none;
  }
}

.clinic-grid .clinic-card {
  width: calc( 50% - 24px);
  margin: 0 12px 32px;
}

@media screen and (max-width: 960px) {
  .clinic-grid .clinic-card {
    width: calc( 50% - 16px);
    margin: 0 6px 24px;
  }
}

@media screen and (max-width: 640px) {
  .clinic-grid .clinic-card {
    width: 100%;
    margin: 0 0 16px;
  }
}

.clinic-grid .clinic-card .card-lead {
  margin: 0 0 8px;
  line-height: 1.4;
  font-size: 1.8rem;
}

@media screen and (max-width: 960px) {
  .clinic-grid .clinic-card .card-lead {
    font-size: 1.6rem;
  }
}

@media screen and (max-width: 640px) {
  .clinic-grid .clinic-card .card-lead {
    margin: 0 0 4px;
    font-size: 1.4rem;
  }
}

.clinic-grid .clinic-card img {
  margin: 0 0 10px;
}

@media screen and (max-width: 960px) {
  .clinic-grid .clinic-card img {
    margin: 0 0 8px;
  }
}

@media screen and (max-width: 640px) {
  .clinic-grid .clinic-card img {
    margin: 0 0 6px;
  }
}

/*# sourceMappingURL=../../maps/pages/clinic.css.map */