@charset "UTF-8";
/* ed.20250620 */
.b-page-shiga {
  .article {
    &:not(:first-of-type) {
      margin-top: 100px;
    }
    & dl {
      height: 100%;
    }
  }
  .name {
    font-size: 1.875rem;
    font-weight: 400;
    color: #03a384;
  }
  .name a {
    text-decoration: none;
    color: #03a384;
    transition: color 0.5s;
  }
  .name a:hover {
    color: #04ba97;
  }
  .article > a {
    text-decoration: none;
    transition: opacity 0.5s;
  }
  .article > a:hover {
    opacity: 0.8;
  }
  .article dd {
    font-size: 0.875rem;
  }
  .article .tel {
    font-size: 1.25rem;
    font-weight: 400;
  }
  .tel a {
    color: #212529;
    text-decoration: none;
  }
  .article em {
    font-style: normal;
  }
  .article em::after {
    content: "：";
  }

  .article .btn {
    width: 50%;
    font-size: 0.9375rem;
    background: #e30038;
    transition: background 0.5s;
    margin: 0;
    position: relative;
    text-align: left;
    padding-left: 1em;
  }
  .article .btn:hover {
    background: #fc0048;
  }
  .article .pict {
    margin-left: 0.5em;
    position: absolute;
    top: 50%;
    right: 1em;
    margin-top: -0.5em;
    transition: right 0.5s;
  }
  .article .btn:hover .pict {
    right: 0.5em;
  }

  @media (max-width: 991px) {
    .article + .article {
      margin-top: 80px;
    }
    .article .col-sm-6 {
      padding-left: 10px;
      padding-right: 10px;
    }
    .name {
      font-size: 1.5rem;
    }
    .article dd {
      margin-bottom: 0.2em;
    }
    .article .tel {
      font-size: 1.125rem;
    }
    .article .btn {
      margin-top: 0.5em;
    }
  }
  @media (max-width: 767px) {
    .article {
      margin-left: 0;
      margin-right: 0;
    }
    .article + .article {
      margin-top: 60px;
    }
  }
  @media (max-width: 575px) {
    .article + .article {
      margin-top: 40px;
    }
    .article figure {
      margin-bottom: 1rem;
    }
    .article .btn {
      margin: 1rem auto;
      width: 90%;
    }
  }
}