@charset "utf-8";

#page-sitemap {
    width: 1000px;
    margin: 0 auto 100px;
}
#page-sitemap h1.pagetitle {
    margin: 30px auto;
    font-size: 30px;
    border-bottom: none;
    text-align: center;
    padding: 0;
	font-weight: bold;
}
#page-sitemap h2.ttl {
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 25px;
    padding-bottom: 20px;
    border-bottom: 1px solid #707070;
    font-family:-apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
#page-sitemap h2.ttl-link {
    display: flex;
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 50px;
    padding: 0;
    font-family:-apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
#page-sitemap .link-left a {
    margin-right: 20px;
}
#page-sitemap .link-right a {
    margin-left: 20px;
}
#page-sitemap h2.ttl-link a {
    width: 100%;
    padding-bottom: 20px;
    border-bottom: 1px solid #707070;
}
#page-sitemap nav {
    margin: 0 0 50px;
}
#page-sitemap nav ul {
    display: flex;
    flex-wrap:wrap;
    list-style: disc;
    list-style-position: inside;
    font-size: 16px;
}
#page-sitemap nav li {
    width: 33%;
    margin: 0 0 30px;
    padding: 0 0 0 25px;
}

@media screen and (max-width:767px){
    #page-sitemap {
        width: 100%;
        padding-bottom: 110px;
        border-bottom: 1px solid #B1B1B1;
    }
    #page-sitemap h1.pagetitle {
        font-size: 20px;
    }
    #page-sitemap nav {
        width: 90%;
        margin: 0 auto;
    }
    #page-sitemap nav:first-of-type h2.ttl {
        border-top: 1px solid #B1B1B1;
    }
    #page-sitemap h2.ttl,
    #page-sitemap h2.ttl-link a {
        padding: 20px;
        margin: 0;
        border-bottom: 1px solid #B1B1B1;
        font-size: 16px;
    }
    #page-sitemap nav ul {
        display: block;
    }
    #page-sitemap nav li {
        width: 100%;
        margin: 0;
        padding: 0;
        list-style: none;
    }
    #page-sitemap nav li a {
        display: block;
        padding: 20px 0 20px 40px;
        border-bottom: 1px solid #B1B1B1;
        font-size: 14px;
    }
    #page-sitemap nav li a::before {
        content: '・';
    }
    #page-sitemap h2.ttl-link {
        margin: 0;
    }
    #page-sitemap .link-left a {
        margin-right: 0;
    }
    #page-sitemap .link-right a {
        margin-left: 0;
    }
}