@charset "UTF-8";
/* ==================================================
  特集ページ　レスポンシブ専用CSS
  コンテンツ幅 992px

  デスクトップ 1025px以上
  タブレット 768~1024px
  スマホ 767px以下

  ※font-family: 'Noto Sans JP'; 使えます
  ※画像遅延読み込み <img class="lazyload" data-src="" alt=""> で使えます
================================================== */

/* ------------------------------
  共通
------------------------------ */
* img {
  width: auto;
  max-width: 100%;
}
/* フル画像トリミング（レスポンシブ用） */
.simpleMv--full .simpleMv__img {
  object-fit: cover;
}
/* JS読み込み　特集用バナー */
div.tokushu_bnr{
    max-width: 992px;
    margin: 5% auto;
    background: #f3f3f3;
}
div.tokushu_bnr p{
    text-align: center;
    font-size: 24px;
    font-weight: 900;
    background: #004097;
    color: #fff;
}
div.tokushu_bnr ul{
    display: flex;
    flex-wrap: wrap;
}
div.tokushu_bnr ul li{
    width: 14%;
    margin: 1%;
    list-style: none;
}
div.tokushu_bnr ul li a{
    font-size: 14px;
}
div.tokushu_bnr ul li a:hover {
    opacity:.7;
}
div.tokushu_bnr .footbtn {
    text-align: center;
    padding: 2%;
}
div.tokushu_bnr .footbtn a{
    background: #ffffff;
    padding: 1% 5%;
    color: #004097;
    border: #004097 solid 2px;
    border-radius: 7px;
}
div.tokushu_bnr .footbtn a:hover{
    background: #004097;
    color: #fff;
    text-decoration:none;
}



/* ------------------------------
  タブレットのみ
------------------------------ */
@media screen and (min-width: 768px) and (max-width: 1024px) {
  /* ここに記入 */
}

/* ------------------------------
  スマホのみ
------------------------------ */
@media screen and (max-width: 599px) {
    div.tokushu_bnr ul li {
        width: 31%;
    }
}

/* ------------------------------
  タブレット以下
------------------------------ */
@media screen and (max-width: 1024px) {
  .breadcrumb {
    width: 100%;
  }
  .section__container {
    width: 100%;
  }
  .goTop__img--pc {
    display: none;
  }
  .goTop__img--sp {
    display: block;
  }
}



/* ------------------------------
  デスクトップ以上
------------------------------ */
@media screen and (min-width: 1025px) {
  .goTop__img--pc {
    display: block;
  }
  .goTop__img--sp {
    display: none;
  }
}