@charset "UTF-8";
/* CSS Document */


/* -------------------------------- PC版のスタイルここから ------------------------------------*/

@media print, screen and (min-width: 751px) {
    
    
    .site-map-wrap h3.ttl-txt03{
        margin-bottom: 48px;
    }
    .site-map-list{
        padding-inline-start: 40px;
        padding: 0 24px;
        width: 100%;
        display: -moz-box;
        display: -ms-flexbox;
         display: -webkit-flex;
        display: flex;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        align-items: flex-start;
        -webkit-align-items: flex-start;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 40px;
    }
    
    .site-map-list .list-ttl{
        width: 20%;
    }
    
    .site-map-list .list-ttl b{
        font-family: "M PLUS 1p", sans-serif;
        font-weight: 700;
        font-size: 16px;
    }
    
    .site-map-list .list-ttl > ul{
        width: 100%;
        border-top: 1px solid #898989;
        margin-top: 16px;
        padding-top: 16px;
        padding-left: 0;
        padding-right: 0;
    }
    
    .site-map-list .list-ttl+.list-ttl{
        margin-left: 6.6%;
    }
    
    .site-map-list .list-item{
        font-size: 15px;
        line-height: 1.5em;
        transition: 0.3s;
    }
    
    .site-map-list .list-item+.list-item{
        margin-top: 16px;
    }
    
    .site-map-list .list-item a:hover{
        color: #1D315A;
    }
    
    .site-map-list02{
        padding-inline-start: 40px;
        padding: 0 24px;
        width: 100%;
        display: -moz-box;
        display: -ms-flexbox;
         display: -webkit-flex;
        display: flex;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        align-items: flex-start;
        -webkit-align-items: flex-start;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 0
    }
    
    .site-map-list02 li{
        width: 23%;
        margin-left: 2.6%;
    }
    
    .site-map-list02 li:nth-child(4n+1){
        margin-left: 0;
    }
    
    .site-map-list02 li a{
        font-weight: normal;
        font-size: 15px;
        line-height: 36px;
        transition: 0.3s;
    }
    
    .site-map-list02 a:hover{
        color: #1D315A;
    }
    
    
}


/* -------------------------------- SP版のスタイルここから ------------------------------------*/

@media screen and (max-width: 750px) {
    
    
    .site-map-list{
        padding-inline-start: 40px;
        padding: 0;
        width: 100%;
        margin-bottom: 0;
    }
    
    .site-map-list .list-ttl{
        width: 100%;
    }
    
    .site-map-list .list-ttl b{
        font-family: "M PLUS 1p", sans-serif;
        font-weight: 700;
        font-size: 14px;
    }
    
    .site-map-list .list-ttl > ul{
        width: 100%;
        border-top: 1px solid #898989;
        margin-top: 8px;
        padding-top: 8px;
        padding-left: 0;
        padding-right: 0;
    }
    
    .site-map-list .list-ttl+.list-ttl{
        margin-top: 40px;
    }
    
    .site-map-list .list-item{
        font-size: 14px;
        line-height: 30px;
    }
    
    .site-map-list02{
        padding-inline-start: 40px;
        padding: 0;
        width: 100%;
        margin: 0;
    }
    
    .site-map-list02 li{
        width: 100%;
    }
    
    .site-map-list02 li+li{
        margin-top: 8px;
    }
    
    .site-map-list02 li a{
        font-weight: normal;
        font-size: 15px;
        line-height: 1.6em;
        transition: 0.3s;
    }
    
}