/**
レスポンシブ用のフォーム
 */
.responsive-form{
    /*margin-bottom: 2%;*/
}
.responsive-form dl{
    display:flex;
    flex-wrap: wrap;
    /*border: 1px solid #ccc;*/
    /*border-top: none;*/
}
.responsive-form dt{
    /*background-color: #ddd;*/
    width: 30%;
    padding: 10px;
    box-sizing: border-box;
    /*border-top: 1px solid #ccc;*/
    font-family: monospace;
}
.responsive-form dd {
    padding: 10px;
    margin: 0;
    /*border-left: 1px solid #ccc;*/
    /*border-top: 1px solid #ccc;*/
    width: 70%;
    background: #fff;
    box-sizing: border-box;
    text-align: left;
    font-family: monospace;
}
.responsive-form .error{
    color:red;
}
@media screen and (max-width: 767px) {
    .responsive-form dl{
        flex-flow: column nowrap;
    }
    .responsive-form dt,
    .responsive-form dd{
        width: 100%;
    }
    .responsive-form dd{
        /*border-left: none;*/
    }
}