body{
    margin:0;
    padding:0;

    color:#121113;
    font-family: "\30D2\30E9\30AE\30CE\89D2\30B4 ProN W3", HiraKakuProN-W3, 游ゴシック, Yu Gothic, メイリオ, Meiryo, Verdana, Helvetica, Arial, sans-serif;
}

.header{
    width:99.12%;
    height:auto;
    padding:0.44%;
    margin:0 0 20px 0;

    background-color:#0256c3;

    display:flex;
}

.header img{
    width:7.5%;
    height:7.5%;
    padding:0;
    margin:12px 0 12px 12px;
}

.header-title{
    margin:12px 14px;
    display:flex;
    flex-direction: column-reverse;
}

.header h1{
    margin:5px 5px;

    font-size:27px;

    color:#ffffff;
}

.header h2{
    margin:5px 10px;

    font-size:14px;

    align-items:center;

    color:#ffffff;
}

.links{
    margin:auto 0 auto auto;
    font-size:20px;
}

.info{
    margin:auto 0 auto 25px;
    font-size:20px;
}

.links a,.info a{
    margin:0 0 0 24px;
    text-decoration:none;
    color:#ffffff;
    text-decoration-line:underline;
}

.links-a{
    transition:all 0.2s ease;
}

.links-a:hover{
    opacity:80%;
}

.footer{
    width:99.6%;
    height:auto;
    padding:0.2%;
    margin:20px 0 0 0;

    font-size:20px;

    background-color:#0256c3;

    color:#ffffff;

    display:inline-flex;
}

.footer p{
    margin:10px auto;
}