@charset "utf-8";
.btn_year {
  background-color: #E3E7E9;
  width: fit-content;
  border-radius: 9999px;
  color: #323D4A !important;
  font-family: "M PLUS 1p", sans-serif;
  font-style: normal;
  font-weight: 700;
  -webkit-box-shadow: 1px 1px 6px 0px rgba(0,0,0,0.20);
  box-shadow: 1px 1px 6px 0px rgba(0,0,0,0.20);
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 22px;
  padding-right: 22px;
  font-size: 24px;
}

.btn_year a {
  color: #323D4A !important;
  text-decoration: none;
}
.btn_year:hover {
  background-color: #D0D8DC !important;
  text-decoration: none;
}
.mb_year {
  margin-bottom: 5rem;
}
.py_topics {
  padding-top: 10rem;
  padding-bottom: 20rem;
}
.py_topics_kome {
  padding-top: 1.6rem;
  padding-bottom: 20rem;
}

.topi_body {
  color: #323D4A;
  font-size: 2.0rem;
  line-height: 170%;
}
.topi_body a {
  color: #4F7EBB;
  font-weight: bold;
}
.topi_body a:hover {
  text-decoration: none;
  border-bottom: 1px solid #4F7EBB;
}

.topi_date {
  color: #323D4A;
  font-family: "M PLUS 1p", sans-serif;
  font-weight: 700;
  font-style: normal;
  white-space: nowrap;
  font-size: 2.4rem;
}
.topics_kome {
  font-size: 18px;
  line-height: 150%;
  text-indent: -18px;
  padding-left: 18px;
  margin-bottom: 70px;
  color: #424242;
}
.topics {
  max-width: 1410px;
  border-top: 1px solid #B2BABE;
  padding-top: 26px;
  padding-bottom: 26px;
  margin-left: auto;
  margin-right: auto;
}





@media (min-width: 768px){
.topi_col_md {
        flex: 0 0 calc(100% - 188px); /* 固定幅を設定 (日付の幅を188pxとしている) */
        max-width: calc(100% - 188px);
      }
}




@media (max-width: 575px){
.btn_year {
  font-size: 20px;
  font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: bold;
  padding-top: 4px;
  padding-bottom: 2px;
  padding-left: 18px;
  padding-right: 18px;
}
.mb_year {
  margin-bottom: 3.6rem;
}
.py_topics {
  padding-top: 7rem;
  padding-bottom: 16rem;
}
.py_topics_kome {
  padding-top: 1.4rem;
  padding-bottom: 16rem;
}

.topi_date {
  font-size: 1.8rem;
  font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: bold;
}
.topics_kome {
  font-size: 14px;
  text-indent: -14px;
  padding-left: 14px;
  margin-bottom: 60px;
}
.topi_body {
  font-size: 1.6rem;
}
.topics {
  padding-top: 16px;
  padding-bottom: 16px;
}





}