@charset "utf-8";
/* -----------------------------------------------------------
    製品フォーム 個別
-------------------------------------------------------------- */

/* -----------------------------------------------------------
    ビルトイン食洗機
-------------------------------------------------------------- */
.page-built-form-input .tr-size .td-cmnrow-subttl {
    width: 100px;
}

.page-built-form-input .tr-size .cmnrow-input-wrap input {
    width: 30%;
}

/*.page-built-form-input.form-input .product-form__modal {
    display: block;
}*/

@media screen and (max-width: 768px) {

    .page-built-form-input .tr-size .td-cmnrow-subttl {
        width: 80px;
    }

    .page-built-form-input .tr-size .cmnrow-input-wrap input {
        width: 55%;
    }
}


/* -----------------------------------------------------------
    レンジフード
-------------------------------------------------------------- */
.page-rangehood-form-input .tr-size .td-cmnrow-subttl{
    width: 70px;
}

.page-rangehood-form-input .tr-size .cmnrow-input-wrap input {
    width: 25%;
    flex-shrink: 0;
}

.page-rangehood-form-input .tr-size .td-cmnrow-unit {
    flex-shrink: 0;
}

.page-rangehood-form-input .tr-size .cmnrow-input-wrap {
    flex-wrap: wrap;
}

@media screen and (max-width: 768px) {

    .page-rangehood-form-input .tr-size .cmnrow-input-wrap input {
        width: 45%;
    }

    .page-rangehood-form-input .tr-size .form_td_notes {
        margin: 0 0 15px;
    }

}



/* -----------------------------------------------------------
    ソーラーパネル
-------------------------------------------------------------- */
.page-solar-form-input .tr-yearold .cmnrow-input-wrap input {
    width: 25%;
}

.page-solar-form-input .tr-amount .cmnrow-input-wrap input {
    width: 25%;
}

.page-solar-form-input [class^="tr-fee-"] input {
    width: 25%;
}

@media screen and (max-width: 768px) {

    .page-solar-form-input .tr-yearold .cmnrow-input-wrap input {
        width: 55%;
    }

    .page-solar-form-input [class^="tr-fee-"] .td-cmnrow-subttl {
        width: 80px;
    }

    .page-solar-form-input [class^="tr-fee-"] input {
        width: 55%;
    }
    
    .page-solar-form-input .tr-amount .cmnrow-input-wrap input {
        width: 40%;
        flex-shrink: 0;
    }
    
    .page-solar-form-input .tr-amount .td-cmnrow-unit {
        line-height: 1.5;
    }
    
    .page-solar-form-input .tr-amount .form_td_notes02 {
        line-height: 1.5;
    }

}


/* -----------------------------------------------------------
    LED照明
-------------------------------------------------------------- */
.page-led-form-input .tr-volume .td-cmnrow-subttl{
    width: 100px;
}

.page-led-form-input .tr-volume input {
    width: 30%;
}

.page-led-form-input .tr-lighting .td-cmnrow-subttl, 
.page-led-form-input .tr-days .td-cmnrow-subttl,
.page-led-form-input .tr-cost .td-cmnrow-subttl{
    width: 100px;
}

.page-led-form-input .tr-lighting input, 
.page-led-form-input .tr-days input,
.page-led-form-input .tr-cost input{
    width: 30%;
}

@media screen and (max-width: 768px) {

    .page-led-form-input .tr-volume input {
        width: 50%;
    }

    .page-led-form-input .tr-lighting input, 
    .page-led-form-input .tr-days input,
    .page-led-form-input .tr-cost input{
        width: 70%;
    }

}
















