*{
    padding:0px;
    margin:0px;
}
html, body {
    overflow-x: hidden;
    width: 100%;
}
body{
    font-size:14px;
    line-height:normal;
    background-color:#FFFFFF;
    color:#4F4F4F;
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    background: #F5F5F7;
    overflow-x:hidden;
}
a{text-decoration:none;}
img{
    display:inline-block;
    vertical-align:bottom;
    width:100%;
}
.pc-br{display:block;}
.sp-br{display:none;}
.box{
    width:90%;
    max-width: 860px;
    margin:auto;
}
@media screen and (max-width: 768px){
    .pc-br{display:none;}
    .sp-br{display: block;}
    .box{min-width: 280px;}
}
footer{
    border-radius: 0px 200px 0px 0px;
    background: linear-gradient(137deg, #014471 13.58%, #005D96 57.35%, #002D56 91.42%);
}
footer .box{
    width:83%;
    max-width:860px;
}
.footer-box{
    padding:68px 0px 98px 0px;
    display:flex;
    justify-content:space-between;
    border-bottom:1.2px solid #D9D9D9;
}
.footer-box .logo{
    width:190px;
}
.footer-box .sns{
    display:flex;
    justify-content: flex-start;
    padding:17px 0px 0px 0px;
}
.footer-box .sns a{
    width:30px;
    height:30px;
    margin-right:12px;
    display:inline-block;
}
.footer-box .right{
    width:150px;
}
footer p{
    color: #FFF;
    font-size: 11px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.22px;
    text-align: center;
    padding:12px 0px 57px 0px
}
footer a:hover,footer a:active{opacity:0.5;}
@media screen and (max-width: 768px) {
    footer{
        border-radius: 0px 80px 0px 0px;
        background: linear-gradient(112deg, #015D96 14.28%, #012E57 74.3%);
    }
    .footer-box{
        padding: 40px 0px 20px 0px;
        gap: 20px;
        flex-wrap: wrap;
    }
    .footer-box > div{width:100%;}
    .footer-box .logo{width: 180px;}
    .footer-box .sns{padding:10px 0px 0px 0px}
    footer p{
        font-size:10px;
        letter-spacing:0.2px;
        text-align:left;
    }
}