img {
  max-width: 100%;
  vertical-align: middle; }
  @media screen and (max-width: 768px) {
    img {
      width: 100%; } }

@media screen and (max-width: 768px) {
  .miniclinic {
    padding-bottom: 0 !important; } }

.miniclinic .l-kv {
  background: #e6f1e1; }
  @media screen and (max-width: 768px) {
    .miniclinic .l-kv {
      margin: 0 -20px; } }

.miniclinic .catch {
  text-align: center;
  margin-top: 36px; }
  .miniclinic .catch .ttl {
    font-size: 28px;
    font-weight: bold;
    color: #3a614f;
    margin-bottom: 16px; }
    @media screen and (max-width: 768px) {
      .miniclinic .catch .ttl {
        font-size: 23px; } }
  .miniclinic .catch .txt {
    margin-bottom: 34px;
    font-size: 20px; }
    @media screen and (max-width: 768px) {
      .miniclinic .catch .txt {
        font-size: 16px; } }

.miniclinic .col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.miniclinic .col-pc-3 {
  float: none;
  width: 32.34%;
  padding-left: 0;
  padding-right: 1.4%;
  padding-bottom: 18px;
  -webkit-box-sizing: unset;
  box-sizing: unset; }
  @media screen and (max-width: 768px) {
    .miniclinic .col-pc-3 {
      width: 100%;
      display: block;
      padding-right: 0; } }
  .miniclinic .col-pc-3:nth-child(3n) {
    padding-right: 0; }
  @media screen and (max-width: 768px) {
    .miniclinic .col-pc-3:last-child {
      padding-bottom: 0; } }