@charset "utf-8";
/*-------------- 医院ごとのパーツ -----------------*/
/*---ロゴ上下幅調整---*/
.header-logo {
  margin: 4px 0 2px 10px;
}

@media only screen and (max-width: 980px) {
  .header-logo {
    margin: 8px 0 2px 0;
    width: 40%;
  }
}
@media only screen and (max-width: 625px) {
  /*-- 画像＋h3が縦になるように調整 --*/
  .contents {
    width: calc(100% - 70px);
    margin: 0 auto;
  }

  .header-logo {
    margin: 8px 0 2px 0;
    width: 60%;
  }

  .right-img {
    float: none;
    margin: 0 30px 10px 0;
  }

  .left-img {
    float: none;
    margin: 0 30px 10px 0;
  }

  /*-- 診療時間の調整 --*/
  table.hours_table {
    margin: 0 20px 50px auto;
  }

  .destination {
    width: auto;
  }

  @media only screen and (max-width: 545px) {
    /*-- ヘッダーの電話番号がはみ出ないように調整 --*/
    .header-right {
      padding-right: clamp(10px, calc(50px - ((100vw - 428px) * 0.3419)), 50px);
    }

    .header-logo {
      margin: 8px 0 2px 0;
      width: 60%;
    }

    @media only screen and (max-width: 480px) {
      /*--  TOP・診療時間等のカラム幅調整　--*/
      .flex-box-item-2col.ptnB {
        width: fit-content;
      }

      .header-logo {
        margin: 6px 0 2px 0;
        width: 60%;
      }

      @media only screen and (max-width: 428px) {
        /*--  SP版レイアウトの調整　--*/
        .header-right {
          padding-right: 0;
        }

        .flex-box-item-2col.ptnB {
          width: 100%;
        }

        .header-logo {
          margin: 10px 0 10px 8px;
          width: 40%;
          height: auto;
        }

        .sticky-btns-area a.two-btns {
          display: inline-block;
          width: calc(100% / 2 - 20px);
          border: 1px solid;
          margin: 10px 5px 0 9px;
          font-size: 15px;
        }

        .right-img {
          margin: 0 0 10px -16px;
          width: 100vw;
        }

        .left-img {
          margin: 0 0 10px -16px;
          width: 100vw;
        }

        @media only screen and (max-width: 375px) {
          .header-logo {
            margin: 12px 0 8px 8px;
            height: auto;
            width: 50%;
          }

          @media (max-width: 320px) {
            .header-logo {
              margin: 10px 0 4px 8px;
              width: 60%;
            }
          }
        }
      }
    }
  }
}