/* 共通 ----------------------------- */
.index-body ol,
.contents section {
  width: 95%;
  margin: 0 auto 1.6rem;
}

/* リンク */
.spanlink {
  display: block;
  margin: 1.6rem auto 0;
}

.spanlink a {
  display: block;
  padding: 5px 10px;
  text-align: center;
  font-family: "Noto Sans Japanese-r";
  border-radius: 2.4rem;
  border: 1px solid #000033;
  background: #fff;
}


/* 汎用class */
.news-info:before {
  content: "\f1ea";
  font-family: "Font Awesome 5 free";
  font-weight: 100;
  margin-right: 5px;
  color: #F33;
}

.case-info:before {
  content: "\f15c";
  font-family: "Font Awesome 5 free";
  font-weight: 100;
  margin-right: 5px;
  color: #F33;
}

.out-info:before {
  content: "\f35d";
  font-family: "Font Awesome 5 free";
  font-weight: 900;
  margin-right: 5px;
  color: #F33;
}

/* インフォメーションロゴ画像 */
.info-title {
  background: #000033;
  margin-bottom: 1.6rem;
}

.info-title img {
  display: block;
  margin: 0 auto;
  max-width: 850px;
}

.info-title span {
  color: #FFF;
  display: block;
  text-align: center;
}

/* インデックスページ ------------------------------------ */

/* インフォメーションロゴ画像 */
.info-title.index {
  margin-bottom: 0;
}

/*インデックス表紙*/
.index-head {
  background-position: top center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: 200%;
  margin-bottom: 1.6rem;
}

.index-head>div {
  background: rgba(255, 255, 255, 0.5);
  padding: 3.2rem;
  text-align: center;
  font-size: 1.6rem;
  font-family: "Noto Sans Japanese-r";
}

.index-head>div p {
  margin-bottom: 3.2rem;
}

/*インデックスリスト*/
.index-body .index-li {
  padding: 1.6rem 0;
}

.index-body .index-li a {
  display: block;
  height: 100%;
}

.index-body .index-li dl {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 0.8rem;
  min-height: 0%;
  /*IE対策*/
}

.index-body .index-li dt {
  flex-basis: 24%;
}

.index-body .index-li dd {
  flex-basis: 74%;
}

.index-body .index-li dd h4 {
  font-family: "Noto Sans Japanese-sb";
  font-size: 2.24rem;
  line-height: 1.2;
  color: #000033;
}

.index-body .index-li dd h4 span {
  display: block;
  font-size: 1.6rem;
}

.index-body .index-li .link {
  display: block;
  text-align: right;
  padding: 0.4rem 0.8rem;
  font-family: "Noto Sans Japanese-m";
  color: #fff;
  background: #000033;
}

.index-body .index-li .link:before {
  content: "\f054";
  font-family: FontAwesome;
  margin-right: 2px;
}

/*マーク付きリスト用*/
.index-body .index-li .disc-ul {
  list-style: disc;
  padding-left: 1.6rem;
}

/* バックナンバー ----------------------------- */
.go_backnumber {
  font-size: 1.76rem;
  font-family: "Noto Sans Japanese-sb";
  text-align: center;
  padding-top: 6.4rem;
}

.go_backnumber:before {
  content: "\f1da";
  font-family: FontAwesome;
  margin-right: 5px;
}

.backnumber {
  padding-top: 1.6rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.backnumber::after {
  content: "";
  display: block;
  width: 32%;
}

.backnumber li {
  flex-basis: 32%;
  margin-bottom: 1.6rem;
  text-align: center;
  line-height: 1.2;
  position: relative;
}

.backnumber li a {
  display: block;
  padding: 0.8rem;
  font-size: 80%;
  border: 1px solid #000033;
  box-shadow: 0 0 4px #999;
}

.backnumber li a img {
  margin-bottom: .8rem;
}

.backnumber li a span {
  font-weight: bold;
  font-size: 120%;
}

.backnumber .new {
  position: absolute;
  height: 18px;
  top: -18px;
  left: 0;
  background: #F33;
  color: #fff;
  padding: 0 2%;
  width: 100%;
  font-size: 90%;
  border-radius: 7px 7px 0 0;
}

/* ナビボタン  */
.go_sitetop {
  text-align: center;
}


@media only screen and (min-width: 768px) {

  .contents .break::before {
    content: "\A";
    white-space: pre;
  }

  .contents section {
    max-width: 1060px;
  }

  /* リンク */
  .spanlink {
    width: 50%;
  }

  .spanlink a {
    font-size: 1.92rem;
  }

  /* INDEX */

  /*インデックス表紙*/
  .index-head {
    background-size: cover;
  }

  .index-head>div {
    padding: 4.8rem;
    font-size: 1.92rem;
  }

  .index-body ol {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .index-body .index-li {
    flex-basis: 49%;
  }

  .index-body .index-li a {
    display: flex;
    flex-direction: column;
  }

  .index-body .index-li dd h4 {
    font-size: 2.88rem;
    margin-bottom: 1.6rem;
  }

  .index-body .index-li span {
    margin-top: auto;
  }

  /*バックナンバー*/
  .backnumber {
    justify-content: flex-start;
  }

  .backnumber li {
    flex-basis: 16%;
    margin-right: 0.8%;
  }

  .backnumber li:nth-child(6n) {
    margin-right: 0;
  }

  .backnumber::after {
    content: "";
    display: block;
    width: 15.5%;
  }

}


@media only screen and (min-width: 1280px) {}