/* Scss Document */
/* mixin
*********************************************************************/
/* media query */
/* Update
**********************************************************************/
.block_header h1 {
  background-color: #154c9b; }
.block_header h2 {
  background-color: rgba(21, 76, 155, 0.8); }

.area_menu .block_menu ul li::after {
  color: #154C9B; }
@media all and (max-width: 896px) {
  .area_menu .block_menu ul li input[type="checkbox"].on-off + label::after {
    color: #154C9B; }
  .area_menu .block_menu ul li ul li::before {
    color: #154C9B; } }

.box_about {
  text-align: center; }
  .box_about h2 {
    font-size: 2.6rem;
    line-height: 1.2em;
    display: inline-block;
    border-bottom: #154C9B solid 4px;
    padding: 0 0 5px;
    margin: 30px 0; }
  @media all and (max-width: 896px) {
    .box_about h2 {
      font-size: 2.6rem;
      margin: 10px 0; } }

.box_document h3, .box_document h4, .box_document h5, .box_document h6 {
  border-bottom-color: #154C9B; }
.box_document h3 {
  font-size: 3.4rem;
  margin-bottom: 5px; }
@media all and (max-width: 896px) {
  .box_document h3 {
    font-size: 2.8rem; } }
@media all and (max-width: 480px) {
  .box_document h3 {
    font-size: 2.4rem; } }

.block_header h1 {
  line-height: 1.1em; }
  .block_header h1 span {
    font-size: 2.6rem;
    display: block; }
@media all and (max-width: 896px) {
  .block_header h1 {
    width: 124px;
    height: 120px;
    font-size: 2.1rem; }
    .block_header h1 span {
      font-size: 1.6rem; }
  .block_header h2 {
    width: 124px;
    height: 120px;
    font-size: 2.1rem; }
    .block_header h2 span {
      font-size: 1.6rem; } }

.list_news {
  padding: 8px 0;
  max-width: 800px;
  margin: 0 auto;
  text-align: left; }
  .list_news dl {
    display: flex;
    font-size: 1.6rem;
    line-height: 1.4em;
    padding: 8px 0; }
    .list_news dl dt {
      white-space: nowrap;
      padding: 0 16px 0 0;
      display: flex;
      width: 206px;
      box-sizing: border-box; }
      .list_news dl dt span {
        display: block; }
    .list_news dl dd {
      width: 594px; }
    .list_news dl dd a[target="_blank"]::after {
      font-family: "Font Awesome 5 Free";
      font-weight: bold;
      content: " \f35d";
      color: #5f5f5f; }
  @media all and (max-width: 896px) {
    .list_news dl {
      display: block;
      padding: 16px 6px;
      border-bottom: 1px solid #e0e0e0; }
      .list_news dl dt {
        font-size: 1.3rem;
        width: auto; }
      .list_news dl dd {
        font-size: 1.4rem;
        width: auto; } }

.page {
  text-align: center;
  padding: 20px 0 0; }

.parts_date {
  line-height: 1.2em;
  display: flex;
  align-items: center; }

.inner_news .side_img {
  width: 49%;
  float: left;
  padding: 0 20px 0 0; }
  .inner_news .side_img img {
    width: 100%;
    height: auto; }
@media all and (max-width: 480px) {
  .inner_news .side_img {
    width: 100%; } }

.bottom_img {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }
  .bottom_img p {
    width: 49%; }
    .bottom_img p img {
      width: 100%;
      height: auto; }
  @media all and (max-width: 480px) {
    .bottom_img p {
      width: 100%; } }

.navigation {
  margin-top: 40px; }
  .navigation .nav-links {
    text-align: center; }
  .navigation span, .navigation a {
    display: inline-block;
    padding: 15px 15px;
    background-color: #f1f1f1;
    border: 1px solid #d6d6d6; }
  .navigation a:active {
    text-decoration: none; }
  .navigation span.current {
    background-color: #fff2c5; }