/* カラーデザイン */
.bg-p {background-color: #7cb342;}
.bg-pl {background-color: #aee571;}
.bg-pd {background-color: #4b830d;}
.bg-s {background-color: #00acc1;}
.bg-sl {background-color: #5ddef4;}
.bg-sd {background-color: #007c91;}

.text-p {color: #7cb342;}
.text-pl {color: #aee571;}
.text-pd {color: #4b830d;}
.text-s {color: #00acc1;}
.text-sl {color: #5ddef4;}
.text-sd {color: #007c91;}
/* .text-body {color: #4b594c;} */
.text-body-a {color: rgba(21, 32, 16, 0.774);}
a {color: #006FE6;}
.bg-nav {
  background-color: rgb(230, 240, 214);
}

/* ナビゲーションバー用 */
body {
  position: relative;
}

.nav-link.active {
  background-color: #aee571 !important;
  color: black !important;
}
.navbar-nav{
  -ms-flex-direction: row;
  flex-direction: row;
}
.navbar-toggler {
  border: none;
}
.font-1r {
  font-size: 1rem;
}

/* フォントを20pxに */
html {
  font-size: 125%;
}

.small, small {
  font-size: 87.5%;
}

body {
  /* line-height: 1.6em;
  letter-spacing: 0.035em;
  color: #4b594c; */
  color: rgba(21, 32, 16, 0.774);
  background-color: #f8f9fa; /* bg-light */
}

/* 画像をトリミングして合わせるかレターボックスにするか */
.img-trim {
  object-fit: cover;
}

.img-letter {
  object-fit: contain;
}

/* img-trim用 */
.h-300 {
  height: 300px;
}

/* A4で印刷するための記述 */
@media print {
  body,
  .container {
    /*  min-width:992px!important*/
    /* for chrome */
    width: 210mm;
    /* for chrome */
    min-width: auto !important
  }
}

/* ナビバーとアンカー先文章の重なり回避 */
.anchor {
  padding-top: 70px;
  margin-top: -70px;
}
/* テキストに下線を引く 主にリンクに使う */
.text-u {
  text-decoration: underline;
}