/* CSS Document */
/* CSS Document */
.page_img {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto 30px;
  background-size: cover;
  overflow: hidden; }

#topph {
  justify-content: center;
  align-items: center; }
  #topph .pic_catch {
    z-index: 1;
    position: relative;
    width: 100%; }
    #topph .pic_catch .comment {
      color: #ffffff;
      font-size: min(3rem, 3vw);
      text-shadow: 0 0 10px #000;
      text-align: center;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      z-index: 2;
      margin: auto;
      height: 2em;
      font-weight: 500; }
    #topph .pic_catch .index_slide img {
      width: 100%;
      padding: 0;
      display: block;
      aspect-ratio: 37 / 21;
      object-fit: cover; }
      @media (min-width: 768px) {
        #topph .pic_catch .index_slide img {
          aspect-ratio: 11 / 4; } }

.slick-slide div {
  padding: 0; }

@media (min-width: 768px) {
  .single_col .inner .links {
    margin: 0px; } }
.single_col .inner .outpatient h2 {
  text-align: center;
  font-weight: 400;
  margin-bottom: 10px; }
  .single_col .inner .outpatient h2 span {
    border: 1px solid #4B9000;
    display: inline-block;
    padding: 8px 1.5em;
    border-radius: 4px;
    color: #4B9000;
    font-size: 1.8rem; }
    @media (min-width: 768px) {
      .single_col .inner .outpatient h2 span {
        font-size: 2.4rem; } }
.single_col .inner .outpatient .cards {
  display: block;
  padding: 20px 0 40px; }
  @media (min-width: 768px) {
    .single_col .inner .outpatient .cards {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; } }
  .single_col .inner .outpatient .cards .card {
    font-family: "Kosugi Maru", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.8rem;
    width: calc(100% - 30px);
    transition: all 0.3s ease-in-out;
    border-radius: 8px;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
    margin: 0 auto 20px;
    position: relative;
    background: white; }
    @media (min-width: 768px) {
      .single_col .inner .outpatient .cards .card {
        width: calc((100% - 50px) / 2); } }
    .single_col .inner .outpatient .cards .card p {
      color: #4d4d4d;
      padding: 5px 10px 10px;
      margin: auto;
      border: 0;
      letter-spacing: 0.15em;
      font-size: 2rem;
      font-weight: normal;
      line-height: 2;
      text-align: center; }
      @media (min-width: 768px) {
        .single_col .inner .outpatient .cards .card p {
          font-size: 2.8rem; } }

.c {
  text-align: center; }