@charset "UTF-8";
/*--
  font-family
--*/
/*--
  font-weight
  Noto Sans
--*/
/*--
  colors
  TODO 色増えすぎてるので整理したい
       変数として機能してないためそこも調整
--*/
/*
路線別色定義
----------------
kk : 京急線
ty : 東急東横線
sh : 東急新横浜線
mg : 東急目黒線
jt : JR東海道線
ji : JR鶴見線
js : JR湘南新宿ライン
jo : JR横須賀線
dt : 東急田園都市線
jh : JR横浜線
yg : 横浜市営地下鉄グリーンライン
yb : 横浜市営地下鉄ブルーライン
so : 相鉄本線
si : 相鉄いずみ野線
sy : 相鉄新横浜線
jk : JR京浜東北線・根岸線
ss : 金沢シーサイドライン
mm : みなとみらい線
ts : 東海道新幹線
jn : JR南武線
kd : こどもの国線
*/
/*--
  break points
--*/
/**
 * font-size
 *
 * @param $fontSize
 */
/**
 * vw
 *
 * for Mobile
 */
/**
 * letter-spacing
 *
 * @param $letterSpacingValue
 * @param $isMinus
 */
/**
 * line-height
 *
 * @param $fs
 * @param $lh
 */
/*--
  media queries
--*/
.interview-article {
  width: calc((100% - 9vw) / 3);
  padding: 20px;
  border-radius: 20px;
  border: 4px solid #fff;
  background-color: #ffef7e;
}
.interview-article:hover {
  transform: scale(0.98);
}
.interview-article__link {
  display: block;
}
.interview-article__thumbnail {
  width: 100%;
  aspect-ratio: 3/2;
  margin: 0 0 21px;
  overflow: hidden;
  border-radius: 20px;
}
.interview-article__thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.interview-article__ward {
  font-weight: 900;
  font-size: 1.125rem;
}
.interview-article__name {
  font-weight: 900;
  font-size: 1.5rem;
  margin: 0 0 17px;
}
.interview-article__title {
  font-weight: 700;
  font-size: 1.125rem;
  letter-spacing: -0.72px;
}
.interview-article__taxonomies {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  margin: 19px 0 0;
}
.interview-article__taxonomies__link {
  font-weight: 400;
  font-size: 14px;
  padding: 5px 18px;
  transition: all 0.3s ease-in-out;
  border-radius: 30px;
  background-color: #fff;
}
.interview-article__taxonomies__link:hover {
  color: #fff;
  background-color: #6E2A0A;
}

/*# sourceMappingURL=interview-article.css.map */