@charset "UTF-8";

/* Bootstrap5.1 色の設定は Sass にて施工 */


/* 今回は Bootstrap5 の xxl 幅 を使わせない */
@media (min-width: 1400px) {
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
  max-width: 1140px;
}
}



/* What's new 欄 */
.whatsnew a {
  display: block;
  transition: background-color .15s;
}

.whatsnew a:hover {
  background-color: var(--bs-light);
}


/* 共通 */
body {
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "ＭＳ Ｐゴシック", sans-serif;
  line-break: strict;
}

@media (prefers-reduced-motion: no-preference) {
a > img, a > p > img, a > figure > img {
  transition: opacity .15s;
}
a:hover > img, a:hover > p > img, a:hover > figure > img {
  opacity: 0.7;
}
}

.ib {
  display: inline-block;
}

body > main {
  margin-top: 2rem;
  margin-bottom: 4rem;
}


ul.custommarker01 {
  list-style-type: none;
  padding-left: 1em;
}
ul.custommarker01 li {
  position: relative;
}
ul.custommarker01 li:before {
  content: '- '; /* ←ここにリストマーカーにしたい文字列を設定 */
  position: absolute;
  top: 0;
  left: -1em;
}