/* top */
/* keyvisual */
.keyvisual img {
    width: 100%;
    max-width:1800px;
    min-width: 1400px;
}

h1{
    text-align:left;
    padding:0;
    margin:0;
    font-size:0;
    border:0;
}


h2{
    font-size:2.5rem;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    line-height:1.2;
    border-bottom:1px solid #454545;
    display:inline-block;
    margin-bottom:30px;
}


/* business mannual */
.top-business{
    justify-content: space-between;
    text-align:center;
}

.top-business-img, .top-manual-img{
    width:410px;
    height:583px;
}

.top-business>div, .top-manual>div{
    width:700px;
    height:539px;
    position:relative;
}

.top-business p, .top-manual p{
    font-size:1.25rem;
}

.top-btn{
    position:absolute;
    bottom:0;
    left:0;
    right:0;
}

.top-manual{
    margin-top:-170px;
    padding-top:170px;
    justify-content: space-between;
    flex-flow: row-reverse;
    text-align:center;
}


.manual-list{
    border:1px solid #294b84;
    background:#294b84;
    align-items:center;
}

.manual-list h3{
    width:40%;
    color:#fff;
    margin-bottom:0;
}

.manual-list ul{
    background:#fff;
    width:30%;
    padding:30px;
    font-size:1.1rem;
}

/* news */
.news{
    margin-top:-170px;
    background:#fff;
}
.news h3{
    color:#294b84;
    border-bottom:1px solid #294b84;
    margin-bottom:30px;
}
.news dl{
    margin-bottom:10px;
}

.news dt{
    margin-right:10px;
    font-weight:500;
}



@media screen and ( max-width:800px )
{
    .keyvisual img {
        width: 100%;
        max-width:auto;
        min-width: auto;
    }

    h2{
        font-size:1.4rem;
    }

    /* business mannual */

    .top-business, .top-manual{
        padding-bottom:0;
    }

    .top-business-img, .top-manual-img{
        width:100%;
        height:100%;
    }

    .top-business-img{
        display:none;
    }

    .top-business img{
        width:100%;
    }

    .top-manual-column-sp{
        margin-bottom:20px;
    }

    .top-manual-column-sp p{
        width:60%;

    }

    .top-manual-column-sp img{
        width:30%;
        height:30%;
        margin-left:10%;

    }

    .top-business>div, .top-manual>div{
        width:100%;
        height:auto;
        padding-bottom:0px;
    }

    .top-business p, .top-manual p{
        font-size:1rem;
    }

    .top-btn{
        position:static;
        margin-top:30px;
    }

    .top-btn img{
        width:100px;
        vertical-align:top;
    }

    .top-manual{
        margin-top:0px;
        padding-top:40px;
        flex-flow:row wrap;
    }

    .manual-list{
        border:1px solid #294b84;
        background:#294b84;
        align-items:center;
    }

    .manual-list h3{
        width:100%;
        color:#fff;
        padding:5px 0;
    }

    .manual-list ul{
        background:#fff;
        padding:10px;
        width:50%;
        font-size:1rem;
    }


    /* news */
    .news{
        margin-top:0;
    }

    .news h3{
        margin-bottom:15px;
    }

    .news dt{
        margin-right:0;
        width:100%;
    }

    .news dd{
        width:100%;
    }


}