@charset "UTF-8";
.pages {
    width: 100%;
    max-width: 1800px;
}

/* 画面サイズが414pxからはここを読み込む
---------------------------------------- */
@media  only screen and (max-width: 636px) {
    .page_title h2 {
      display: none;
    }

    .h2_sp_title {
      display: block;
      font-size: 24px;
      font-weight: bold;
      line-height: 1.5em;
      text-align: center;
    }
}

/* 画面サイズが422pxからはここを読み込む
---------------------------------------- */
@media  only screen and (max-width: 422px) {
  .pages {
    font-size: 26px;
  }
}


/* 画面サイズが320pxからはここを読み込む
---------------------------------------- */
@media  only screen and (max-width: 320px) {
    .breadcrumbs_list {
      font-size: 15px;
    }

    .pages {
      font-size: 20px;
    }
}