#keiyaku-menu {
    display: block;
    box-sizing: border-box;
    background-color: #fbfaf1;
    border-radius: 10px;
    min-height: 200px;
}

.keiyaku-menu-block {
    padding-bottom:10px;
    width:100%;
}

#keiyaku-menu .keiyaku-tl{
    font-size:110%;
    line-height:3em;
    border-left:solid 5px #00608D;
    padding: 5px 8px;
}

#keiyaku-menu .keiyaku_qa{
    color:red;
}

#keiyaku-kokoku {
    border-bottom: 1px dashed #909090;
}

#keiyaku-design {
    border-bottom: 1px dashed #909090;
}

#keiyaku-menu dl{
    text-align:left;
    padding-left:20px;
    padding-bottom:5px;
}
#keiyaku-menu .keiyaku_sp {
    font-size: 90%;
    text-align: right;
}

#keiyaku-menu dt{
    line-height:2em;
}
#keiyaku-menu dd{
    line-height:2em;
}
@media screen and (min-width:1024px) {
    #keiyaku-menu {
        float: left;
        width: 260px;
        padding: 10px;
    }

    #container #headerTtl {
        width: calc( 100% - 280px);
        float: right;
        margin: 0px;
    }

    #container #mainBlock {
        width: calc( 100% - 280px);
        float: right;
        padding: 0px;
    }

}
@media screen and (max-width:1024px) {
    #keiyaku-menu {
        float: initial;
        width: 100%;
        padding: 10px;
        margin-bottom:10px;
    }
    #container #headerTtl {
        width: initial
    }

    #container #mainBlock {
        width: initial
    }
}