.side-nav {
    background-color: #7D7F83;
    padding: 0;
}
.side-nav-title {
    color: #fff;
    position: sticky;
    top: 0px;
}
.header {
    display: none;
}

.collapse {
    display: none;
}
.form-btn-layout {
    position: fixed;
    right: 50px;
    bottom: 50px;
    transition: 1s;
}

@media screen and (max-width: 575px) {
    .side-nav-title {
        display: none;
    }
    .header {
        background-color: #7D7F83;
        padding: 0;
        height: 70px;
        display: flex;
        justify-content: space-between;
        margin-bottom: 5%;
    }
    .header a {
        display: block;
    }
    /* .row {
        margin-top: 10%;
    } */
    .collapse {
        display: block;
    }
}

.form-bg {
    background-color: #e6f1ff;
}
.form-title {
    width: 90%;
    /* margin: 0 auto; */
    color: #7D7F83;
    /* opacity: 0.7; */
}
.cost-create-title {
    margin: 5rem;
}
.btn-to-bottom {
    margin-top: 2rem;
}
.main-title {
    font-size: 20px;
    margin-top: 2%;
    margin-left: 4%;
}
.sub-title {
    font-size: 13px;
    margin-bottom: 2%;
    margin-left: 4%;
}

.form {
    width: 90%;
    margin: 0 auto;
}

.form-flex {
    display: flex;
}
/* .form-group {
    margin-right: 1rem;
} */

.line7-left, .line7-middle, .line7-right {
    width: 30%;
    margin-right: 2rem;
}
.space-evenly {
    justify-content: space-evenly;
}
.show-search-result-border {
    border: 1px solid; /* 線の太さと可視化 */
}
.w-half {
    width: 50%;
}
.margin-lr {
    margin: 0 0 3% 3%;
}
.mb-3 {
    margin-bottom: 3%;
    padding-top: 1%;
}
.bg-white {
    background-color: white;
}
.form-padding {
    padding: 1rem;
}
.margin-center {
    width: 100%;
    margin: 0 auto;
}
.home-title {
    margin-top: 3%;
}
.text-right {
    text-align: right;
}
.row {
    min-height: 100vh;
}

.cost-price-table-width {
    width: 100%;
}

.form-bottom {
    margin-top: 30%;
}
.form-bottom-xl {
    margin-top: 50%;
}
.another-cost-bottom {
    /* margin-top: 30%; */
    right: 100;
    top: 440;
}
.another-cost-bottom-bairitu {
    right: 0;
    top: 440;

}
@media screen and (max-width: 1355px) {
    .another-cost-bottom {
        right: 90;
        top: 500;
    }
    .another-cost-bottom-bairitu {
        right: -30;
        top: 500;

    }
}
@media screen and (max-width: 1280px) {
    .bairitsu-font {
        font-size: 10px;
    }
}
@media screen and (max-width: 1211px) {
    .another-cost-bottom {
        right: 60;
        top: 520;
    }
    .another-cost-bottom-bairitu {
        right: -30;
        top: 520;

    }
}
@media screen and (max-width: 984px) {
    t.font {
        font-size: 10px;
    }
}
@media screen and (max-width: 900px) {
    .another-cost-bottom {
        right: 60;
        top: 610;
    }
    .another-cost-bottom-bairitu {
        right: 0;
        top: 610;

    }
}
_::-webkit-full-page-media, _:future, :root .another-cost-bottom {
    margin-top: 23.3%;
}

.quotation-another-cost {
    margin-top: 27.2%;
}
.margin-top {
    margin-top: 20.5%;
}
.margin-top-duplicate {
    margin-top: 22.5%;
}
.input-disabled input {
  pointer-events : none;
}