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


.l-header-logo__mwdialab a, .footer a{transition: all 0.3s;}
.l-header-logo__mwdialab a:hover, .footer a:hover{opacity:.6;}


.l-header-logo__mwdialab svg {
    width: 125px;
    fill: #037;
    height: auto;
}

.ta-c{text-align:center;}

.digital_ch{font-size:1.4rem;font-weight:bold;margin-top:30px;}

/*footer*/
.footer {
    padding: 0 5px 20px;
    background-color: #182b52;
}

.footer-cnt.inline {
    border-top: 1px solid hsla(0,0%,100%,.15);
    border-bottom: 1px solid hsla(0,0%,100%,.15);
}

.footer-cnt .list {
    padding: 15px 15px 20px;
    list-style-type: none;
}

.footer-cnt.inline .list .item {
    display: inline-block;
    position: relative;
    line-height: 2;
    margin-top: 0;
    margin-right: 15px;
}

.footer-cnt .list a {
    color: #fff;
    font-size: 14px;
    text-decoration: none;
}

.footer-cnt.inline .list .item {
    display: inline-block;
    position: relative;
    line-height: 2;
    margin-top: 0;
    margin-right: 15px;
}
.footer-cnt.inline .list .item+.item:before {
    content: "";
    position: absolute;
    left: -15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #fff;
    width: 1px;
    height: 15px;
    display: block;
}

.footer-cnt.inline .list .item+.item {
    margin-left: 15px;
}

.footer-cnt-prt {
    position: absolute;
    right: 10px;
    bottom: 0;
}

.footer-logo a {
    display: inline-block;
}

.footer-logo svg {
    display: block;
    width: 125px;
    height: 28px;
    fill: #fff;
}

footer　svg:not(:root), header svg:not(:root){
    overflow: hidden;
}

.footer-copy {
    margin-top: 30px;
    color: #fff;
    font-size: 10px;
    text-align: center;
    white-space: nowrap;
}




@media only screen and (min-width: 769px) {

    .l-header-side .-icons .twitter img{max-width:28px;}
    .l-header-side .-icons .twitter:hover{opacity:.6;}

    .footer {
        display: -webkit-box;
        display: flex;
        flex-wrap: nowrap;
        font-family: Hiragino Kaku Gothic Pro,メイリオ,Meiryo,Osaka,ＭＳ Ｐゴシック,MS PGothic,sans-serif;

    }

    .footer.simple {
        display: block;
        position: relative;
        padding: 15px 15px 45px;
    }

    .footer.simple .footer-cnt {
        border-width: 0;
        -webkit-box-flex: 0;
        flex: 0 1 25%;
    }

    .footer-cnt .list {
        padding: 20px 0;
    }

    .footer.simple .footer-cnt-prt {
        position: absolute;
        right: 15px;
        top: 40px;
    }

    .footer-copy, .footer-logo {
        margin-top: 0;
        text-align: right;
    }

    .footer-copy {
        margin-top: 15px;
    }

}



@media only screen and (max-width: 768px) {

    

    .footer.simple {
        padding: 0 0 25px;
    }

    .footer.simple .footer-cnt.inline {
        border-top: 1px solid hsla(0,0%,100%,.15);
        border-bottom: 1px solid hsla(0,0%,100%,.15);
    }

    .footer-cnt .list {
        padding: 15px 15px 20px;
        list-style-type: none;
    }

    .footer-cnt.inline .list .item {
        display: inline-block;
        position: relative;
        line-height: 2;
        margin-top: 0;
        margin-right: 15px;
    }

    .footer.simple .footer-cnt-prt {
        position: static;
    }

    .footer-logo {
        margin-top: 30px;
        text-align: center;
    }

 
 

    .digital_ch{font-size:1.25rem;}
}