@charset "utf-8";

/*
 * LP 構成ページ用パンくずリスト（topics 配下・counter 等）
 *
 * これらのページは LP 構成のため上部にパンくずを置くとキービジュアルを分断する。
 * そこでコンテンツ末尾（共通フッターの直前）に配置する。
 * これらのページは 2303_renew/common.css を読み込んでいないため、
 * common.css の .pankuzu_list 定義から必要な分だけを切り出している。
 */

.pankuzu_list {
  max-width: 1040px;
  width: 94%;
  margin: 32px auto;
  box-sizing: border-box;
}

.pankuzu_list ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.pankuzu_list ul li {
  font-size: 12px;
  line-height: 1.6;
  color: #000;
}

.pankuzu_list ul li a {
  font-size: inherit;
  color: inherit;
  text-decoration: underline;
}

.pankuzu_list ul li a:hover {
  text-decoration: none;
}

.pankuzu_list ul li:not(:last-of-type)::after {
  content: ">";
  display: inline-block;
  font-size: inherit;
  margin: 0 3px;
}

@media screen and (max-width: 767px) {
  .pankuzu_list {
    margin: 6.4vw auto;
  }

  .pankuzu_list ul li {
    font-size: 3.7333333333vw;
  }
}