@charset "utf-8";

/* 当院の特徴
   ========================================================================== */
#clinic .images {
  display: flex;
}
#clinic .images div {
  width: calc((100% - 10px) / 2);
}
#clinic .images div:first-of-type {
  margin-right: 10px;
}
@media (min-width:769px){
  #clinic .images div {
    width: calc((100% - 30px) / 2);
  }
  #clinic .images div:first-of-type {
    margin-right: 30px;
  }
}


#clinic li {
  background-repeat: no-repeat;
  background-position: top 3px left 0;
  background-size: 30px auto;
  padding-left: 36px;
  margin-top: 20px;
}
#clinic li .strong {
  color: #1b7209;
  font-size: 1.6rem;
  font-weight: bold;
}
#clinic .li-1 {
  background-image: url("../img/clinic-img-03.png");
}
#clinic .li-2 {
  background-image: url("../img/clinic-img-04.png");
}
#clinic .li-3 {
  background-image: url("../img/clinic-img-05.png");
}
#clinic .li-4 {
  background-image: url("../img/clinic-img-06.png");
}
#clinic .li-5 {
  background-image: url("../img/clinic-img-07.png");
}
#clinic .li-6 {
  background-image: url("../img/clinic-img-08.png");
}
@media (min-width:769px){
  #clinic li {
    position: relative;
    background-position: top 0 left 0;
    background-size: 115px auto;
    min-height: 115px;
    padding-left: 135px;
    margin-top: 40px;
  }
  #clinic li div {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
  #clinic li .strong {
    font-weight: normal;
    font-size: 2.6rem;
  }
}