/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
    }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
    }
body {
    line-height: 1
    }
ol, ul {
    list-style: none
    }
blockquote, q {
    quotes: none
    }
blockquote:before, blockquote:after, q:before, q:after {
    content: "";
    content: none
    }
table {
    border-collapse: collapse;
    border-spacing: 0
    }
/*全体*/
html {
    font-size: 62.5%
    }
a:hover {
    opacity: 0.7
    }
body {
    font-family: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif, sans-serif;
    font-size: 1.8rem;
    line-height: 1.75;
    color: #292929
    }
body a {
    text-decoration: none;
    color: #13181D
    }
/*ヘッダー*/
.header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    padding: 20px 30px 0;
    background-color: #fff;
    box-shadow: 1px 5px 10px rgba(5, 43, 88, 0.25)
    }
.header__logo {
    display: block;
    transition: 0.3s;
    margin-bottom: 20px;
    width: 260px;
    max-width: 40%
    }
.header__logo a {
    display: block;
    transition: 0.3s
    }
.header__logo a img {
    display: block;
    width: 100%
    }
.header__content nav {
    display: flex;
    align-items: center
    }
.header__nav {
    display: flex;
    align-items: center
    }
.header__nav li {
    margin: 0 5px
    }
.header__nav li a {
    display: block;
    position: relative;
    height: 100%;
    padding: 20px 10px;
    transition: 0.3s
    }
.header__nav li a:hover:after {
    background-color: #F3C921
    }
.header__nav li a:after {
    display: block;
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 5px;
    background-color: #00836A;
    transition: 0.3s
    }
.header__button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    background: none;
    display: none;
    width: 45px;
    height: 45px;
    background-color: #052B58;
    transition: 0.3s
    }
.header__button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    background: none;
    display: none;
    width: 45px;
    height: 45px;
    background-color: #052B58;
    transition: 0.3s;
    cursor: pointer
    }
.header__button div {
    transition: 0.3s
    }
.header__button div span {
    display: block;
    width: 15px;
    height: 2px;
    background-color: #fff;
    transition: 0.3s
    }
.header__button div span + span {
    margin-top: 3px
    }
.header__button[aria-expanded=true] {
    background-color: #fff
    }
.header__button[aria-expanded=true] div {
    transform: rotate(45deg) translate(1px, 0)
    }
.header__button[aria-expanded=true] div span {
    background-color: #052B58;
    transform: rotate(90deg) translate(3px, 0)
    }
.header__button[aria-expanded=true] div span + span {
    transform: translate(0, -2px)
    }
.content_cover {
    display: flex;
    max-width: 1200px;
    background-color: #E4E9EF;
    padding: 40px;
    justify-content: space-between;
    flex-wrap: wrap;
    /*	margin: 40px 20px;*/
    margin: 40px auto
    }
.content {
    background: #fff;
    padding: 40px 50px;
    box-sizing: border-box;
    width: calc(100% - 340px);
    box-shadow: 0 3px 6px rgba(5, 43, 88, 0.16);
    flex-wrap: wrap;
    margin-bottom: 30px
    }
/*パンクズ*/
.breadcrumb ol {
    display: flex;
    margin-bottom: 30px
    }
.breadcrumb ol li {
    margin-right: 15px
    }
.breadcrumb ol li a {
    text-decoration: underline
    }
.breadcrumb ol li a:hover {
    text-decoration: none
    }
.breadcrumb ol li:first-child:before {
    content: "";
    font-family: "Font Awesome 5 Free";
    font-weight: 900
    }
.breadcrumb ol li:after {
    content: "";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-left: 15px;
    font-size: 0.8em
    }
.breadcrumb ol li:last-child:after {
    content: none
    }
h1 {
    font-size: 3rem;
    font-weight: 600;
    margin-bottom: 40px;
    position: relative
    }
h1:after {
    display: block;
    content: "";
    position: absolute;
    right: 0;
    bottom: -8px;
    left: 0;
    height: 8px;
    background-color: #00836A
    }
h2 {
    font-size: 2.4rem;
    font-weight: 600;
    margin-top: 35px;
    margin-bottom: 15px;
    color: #052B58;
    position: relative;
    padding: 10px
    }
h2:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #052B58
    }
h2:after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #052B58
    }
h3 {
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 15px;
    color: #052B58
    }
.content img {
    display: block;
    margin: 0 auto 20px;
    width: 100%
    }
.content p {
    margin-bottom: 20px
    }
.bold {
    font-weight: 600
    }
.content ul li {
    list-style: disc
    }
.content ul {
    margin-bottom: 20px;
    margin-left: 1.5em
    }
aside {
    width: 300px;
    box-sizing: border-box
    }
.alide_h {
    text-align: center;
    line-height: 50px;
    color: #fff;
    background: #00836A;
    margin-bottom: 10px
    }
aside ul li {
    list-style: none;
    background: #fff;
    margin-bottom: 10px;
    box-shadow: 0 3px 6px rgba(5, 43, 88, 0.16)
    }
aside ul li a {
    display: block;
    padding: 15px;
    transition: 0.8s
    }
aside ul li a:hover {
    background: #052B58;
    color: #fff;
    opacity: 1
    }
.c-footer__link {
    position: fixed;
    z-index: 130;
    bottom: 20px;
    right: 20px;
    width: 50px;
    height: 50px
    }
.c-footer__link a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #F3C921;
    box-shadow: 0 3px 6px rgba(243, 201, 33, 0.3);
    transition: background-color, 0.3s
    }
.c-footer__link a .fas {
    text-align: center;
    width: 50px;
    line-height: 50px;
    color: #fff;
    font-size: 2.4rem
    }
.c-footer__link a:hover {
    background-color: #dfb50c
    }
footer {
    background: #00836A;
    text-align: center
    }
small {
    color: #fff;
    font-size: 1.4rem;
    line-height: 40px
    }
.link {
    text-align: right;
    margin-bottom: 35px
    }
.link a {
    border-bottom: 1px solid #2262af;
    color: #2262af
    }
.link a:hover {
    opacity: 0.6
    }
.link a:before {
    content: "";
    font-family: "Font Awesome 5 Free";
    margin-right: 0.5rem;
    font-weight: 900
    }
@media screen and (max-width: 1024px) {
    body {
        font-size: 1.7rem
        }
    .content_cover {
        margin: 30px 15px;
        padding: 25px
        }
    aside {
        width: 240px
        }
    .content {
        width: calc(100% - 270px);
        padding: 30px 40px
        }
    .content_cover {
        padding: 30px
        }
    h1 {
        font-size: 2.8rem
        }
    h2 {
        font-size: 2.2rem
        }
    h3 {
        font-size: 1.8rem
        }
    }
@media screen and (min-width: 896px) {
    .header__content {
        display: none
        }
    }
@media screen and (max-width: 896px) {
    body {
        font-size: 1.5rem
        }
    .header__button {
        display: flex;
        align-items: center;
        justify-content: center;
        position: fixed;
        top: 15px;
        right: 15px;
        z-index: 9999
        }
    .header__content[aria-hidden=false] {
        right: 0;
        opacity: 1;
        visibility: visible;
        overflow-y: auto
        }
    .header__content {
        display: block;
        flex-wrap: wrap;
        position: fixed;
        top: 0;
        right: -320px;
        bottom: 0;
        z-index: 9998;
        width: 320px;
        padding: 80px 20px;
        background-color: rgba(5, 43, 88, 0.98);
        opacity: 0;
        visibility: hidden;
        transition: right 300ms, opacity 300ms, visibility 300ms
        }
    .header__content nav {
        width: 100%;
        display: block
        }
    .header__nav {
        display: block;
        width: 100%;
        border-top: 1px solid rgba(255, 255, 255, 0.15);
        border-left: 1px solid rgba(255, 255, 255, 0.15)
        }
    .header__nav li {
        border-right: 1px solid rgba(255, 255, 255, 0.15);
        border-bottom: 1px solid rgba(255, 255, 255, 0.15)
        }
    .header__nav li a {
        padding: 20px 15px;
        color: #fff
        }
    .header__nav li a:before {
        display: block;
        content: "";
        position: absolute;
        top: 50%;
        right: 15px;
        margin-top: -5px;
        border: 4px solid transparent;
        border-left: 4px solid #fff
        }
    header__content[aria-hidden=false] {
        right: 0;
        opacity: 1;
        visibility: visible
        }
    .content_cover {
        margin: 20px 10px;
        padding: 15px
        }
    .content {
        width: 100%;
        padding: 20px 25px
        }
    aside {
        width: 100%
        }
    h1 {
        font-size: 2.4rem
        }
    h2 {
        font-size: 2rem
        }
    h3 {
        font-size: 1.6rem
        }
    }
@media screen and (max-width: 480px) {
    body {
        font-size: 1.3rem
        }
    .content_cover {
        margin: 20px 10px;
        padding: 10px
        }
    h1 {
        font-size: 2.2rem
        }
    h2 {
        font-size: 1.7rem
        }
    h3 {
        font-size: 1.4rem
        }
    }