@charset "UTF-8";
/************************************************************
* クリニック一覧ページに読み込ませるcss
*************************************************************/
/*
#overview
クリニック一覧ページのスタイルを定義
*/
/************************************************************
*  Global
*  汎用的な関数や変数を格納する
*************************************************************/
/************************************************************
*  Global
*  Mixinを定義
*************************************************************/
/*
#overview
カラーパレット

本サイトで使用するカラーコード一覧です。
*/
/*
#colors

@$mainWhiteBlue #f5f6fc
@$mainLightBlue #d5dffe
@$mainBlue #859be3
@$mainDarkBlue #5268b1

@$accentRed #ff4b4b

@$txtBlack #000
@$txtBlack2 #333333

@$borderGray #cccccc
*/
/************************************************************
*  Global
*  Mixinを定義
*************************************************************/
/************************************************************
*  Global
*  関数を定義
*************************************************************/
.p-clinic__lead {
  color: #4a6e9d;
  font-size: clamp(25px, 3vw, 30px);
  font-weight: 600;
  font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho Pro", serif;
  margin-top: clamp(30px, 7vw, 70px);
  margin-bottom: clamp(34px, 7vw, 70px);
  text-align: center;
}

.p-clinic__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 28px clamp(17px, 2vw, 20px);
}

.p-clinic__list .c-clinicBox {
  border: 1px solid #CCD8E5;
}

.p-clinic__list .c-btn {
  min-height: 30px;
}

@media screen and (max-width: 640px) {
  .p-clinic__list {
    grid-template-columns: repeat(2, 1fr);
  }
  .p-clinic__list .c-clinicBox__name {
    padding-block: 20px;
  }
  .p-clinic__list .c-clinicBox__cont {
    padding-block: 9px 18px;
  }
  .p-clinic__list .c-btn {
    min-height: 35px;
  }
}
/*# sourceMappingURL=maps/clinic.min.css.map */