@charset "utf-8";
@media screen and (max-width: 1300px) {
  /* ----------------------------------------------- page_head(大分類部分) */
  .page_head {}
  .page_head::before {}
  .page_head::after {}
  /**/
  .page_head .title {}
  .page_head .title p {}
  .page_head .title p::before {}
  @media screen and (max-width: 920px) {
    .page_head {}
    .page_head::before {
      background-size: 150%;
    }
    .page_head .title {
      position: relative;
      z-index: 5;
      width: 100%;
      background-color: rgba(255, 255, 255, 0.3);
    }
    .page_head .title p {
      width: 100%;
      padding: 50px 10px;
      background: linear-gradient(90deg, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0) 100%);
      text-align: center;
    }
    .page_head .title p::before {
      top: 10px;
      left: 0;
      right: 0;
      margin: auto;
    }
    @media screen and (max-width: 720px) {
      .page_head::before {
        background-size: 200%;
      }
      .page_head .title p {
        padding: 40px 10px 30px 10px;
        font-size: 2.0rem;
      }
      .page_head .title p::before {
        top: 10px;
        font-size: 1.0rem;
      }
    }
  }
  /* breadcrumbs(パンくず) */
  .page_head .breadcrumbs {}
  .page_head .breadcrumbs .corner_right {}
  .page_head .breadcrumbs .corner_right::before {}
  .page_head .breadcrumbs .corner_left {}
  .page_head .breadcrumbs .corner_left::before {}
  .page_head .breadcrumbs ul {}
  .page_head .breadcrumbs ul li {}
  .page_head .breadcrumbs ul li::before {}
  .page_head .breadcrumbs ul li:last-child::before {}
  .page_head .breadcrumbs ul li a,
  .page_head .breadcrumbs ul li span {}
  .page_head .breadcrumbs ul li a:link,
  .page_head .breadcrumbs ul li a:active,
  .page_head .breadcrumbs ul li a:visited {}
  @media screen and (max-width: 920px) {
    .page_head .breadcrumbs {
      display: none;
    }
  }
  /* ----------------------------------------------- main */
  main {}
  @media screen and (max-width: 920px) {
    main {
      position: relative;
      display: -webkit-block;
      display: block;
      width: 100%;
      margin-top: -15px;
      padding: 50px 0;
      border-radius: 15px 15px 0 0;
      text-align: center;
    }
  }
  /* ----------------------------------------------- content */
  main .content {}
  /* h1 */
  main .content h1 {}
  main .content h1:first-child {}
  main .content h1::before {}
  main .content h1::after {}
  /* h2 */
  main .content h2 {}
  main .content h2::before {}
  main .content h2::after {}
  main .content h1 + h2 { /*h1とh2が隣接している場合*/
  }
  /* h3 */
  main .content h3 {}
  main .content h3::before {}
  main .content h3::after {}
  /* h4 */
  main .content h4 {}
  /* h5 */
  main .content h5 {}
  main .content h5::before {}
  /* h6 */
  main .content h6 {}
  /* ul(list) */
  main .content ul.list {
    margin: 0;
    padding: 10px 0;
  }
  main .content ul.list li {}
  main .content ul.list li::before {}
  main .content ul.list li::after {}
  /* ul(navi) */
  main .content ul.navi {}
  main .content ul.navi li {}
  main .content ul.navi li a, main .content ul.navi li span {}
  main .content ul.navi li a::before,
  main .content ul.navi li span::before {}
  main .content ul.navi li a:hover::before {}
  main .content ul.navi li a::after,
  main .content ul.navi li span::after {}
  main .content ul.navi li a:hover::after {}
  main .content ul.navi li a:link,
  main .content ul.navi li a:active,
  main .content ul.navi li a:visited,
  main .content ul.navi li a:hover {}
  main .content ul.navi li dl {}
  main .content ul.navi li dl dt {}
  main .content ul.navi li dl dd {}
  main .content ul.navi li ul {}
  main .content ul.navi li ul li {}
  main .content ul.navi li ul li a {}
  main .content ul.navi li ul li a::before {}
  main .content ul.navi li ul li a::after {}
  /* table */
  main .content table {}
  main .content table th, main .content table td {}
  main .content table th {}
  main .content table th.heading,
  main .content table td.heading {}
  /* p */
  main .content p {}
  /* link */
  main .content a:link,
  main .content a:active,
  main .content a:visited {}
  /* link button */
  main .content .link_btn a {}
  main .content .link_btn a:link,
  main .content .link_btn a:visited,
  main .content .link_btn a:active {}
  main .content .link_btn a:hover {}
  /* box */
  main .content .box {}
  /* contact box */
  main .content .contact_box {}
  main .content .contact_box strong {}
  main .content .contact_box p {}
  main .content .contact_box table {}
  main .content .contact_box table::after {}
  main .content .contact_box table th,
  main .content .contact_box table td {}
  /* image */
  main .content img {
    max-width: 100%;
    height: auto;
  }
  @media screen and (max-width: 920px) {
    main .content {
      width: 90%;
      margin: 40px auto;
      padding: 0;
      text-align: left;
    }
    main .content h1 {
      font-size: 2.9rem;
    }
    main .content h2 {
      font-size: 2.0rem;
    }
    main .content h3 {
      font-size: 2.0rem;
    }
    main .content h4 {
      font-size: 1.9rem;
    }
    main .content h5 {
      font-size: 1.7rem;
    }
    main .content h6 {
      font-size: 1.7rem;
    }
    /* table */
    main .content table th, main .content table td {
      padding: 7px 11px;
    }
    @media screen and (max-width: 720px) {
      /* ul(navi) */
      main .content ul.navi {
        display: -webkit-block;
        display: block;
      }
      main .content ul.navi li {
        width: 100%;
      }
      main .content ul.navi li a {
        padding: 20px 20px 20px 52px;
        font-size: 1.6rem;
      }
      /* table */
      main .content table th,
      main .content table td {
        padding: 5px 8px;
      }
      /* table scroll */
      main .content .tablescroll {
        position: relative;
        overflow-x: scroll;
        /*overflow: scroll;*/
        /*max-height: 800px;*/
      }
      main .content .tablescroll::before {
        position: absolute;
        content: '※この表は横にスクロールできます';
        top: 0;
        left: 0;
        color: #555;
        font-size: 1.5rem;
      }
      main .content .tablescroll table {
        margin-top: 30px;
        font-size: 90%;
      }
    }
  }

  /* ----------------------------------------------- aside */
  main aside {}
  main aside .category {}
  /* submenu */
  main aside ul {}
  main aside ul li {}
  main aside ul li a {}
  main aside ul li a::before {}
  main aside ul li a:link,
  main aside ul li a:active,
  main aside ul li a:visited {}
  main aside ul li a:hover, main aside ul li.on a {}
  @media screen and (max-width: 920px) {
    main aside {
      width: 90%;
      margin: 0 auto;
      text-align: left;
    }
  }
  /* ----------------------------------------------- post */
  main .post .data {
    text-align: right;
    font-size: 1.4rem;
  }
  main .post .data span {
    display: inline-block;
    margin-left: 10px;
    padding: 3px 10px;
    border-radius: 30px;
    background-color: #1c417c;
    color: #fff;
    font-size: 1.2rem;
  }
  /* ----------------------------------------------- information page */
    main .information_list a {}
    main .information_list a:link,
    main .information_list a:active,
    main .information_list a:visited,
    main .information_list a:hover {}
    main .information_list a::before {}
    main .information_list a:hover::before {}
    main .information_list a::after {}
    main .information_list dl {}
    main .information_list dl dt time {}
    main .information_list dl span {}
    main .information_list dl span.important {}
    main .information_list dd {}
    /*file icon*/
    main .information_list a[href$=".pdf"] dd:after,
    main .information_list a[href$=".doc"] dd:after,
    main .information_list a[href$=".docx"] dd:after,
    main .information_list a[href$=".xls"] dd:after,
    main .information_list a[href$=".xlsx"] dd:after {}
    main .information_list a[href$=".pdf"] dd:after {}
    main .information_list a[href$=".doc"] dd:after {}
    main .information_list a[href$=".docx"] dd:after {}
    main .information_list a[href$=".xls"] dd:after {}
    main .information_list a[href$=".xlsx"] dd:after {}
    main .information_pager {}
    main .information_pager li {}
    main .information_pager li a {}
    main .information_pager li a:link, main .information_pager li a:active, main .information_pager li a:visited {}
    main .information_pager li span {}

}