/* Keep each compact input and its validation message in one inline column. */
.js-uniform-reservation .wpcf7-form-control-wrap[data-name="text-nen"],
.js-uniform-reservation .wpcf7-form-control-wrap[data-name="text-tuki"],
.js-uniform-reservation .wpcf7-form-control-wrap[data-name="text-nichi"],
.js-uniform-reservation .wpcf7-form-control-wrap[data-name="text-cm"],
.js-uniform-reservation .wpcf7-form-control-wrap[data-name="text-kg"] {
    display: inline-grid;
    grid-template-columns: minmax(0, 1fr);
    width: 120px;
    max-width: 100%;
    vertical-align: baseline;
}

.js-uniform-reservation .wpcf7-form-control-wrap .box2 {
    max-width: calc(100% - 20px);
    box-sizing: border-box;
}

.js-uniform-reservation .wpcf7-form-control-wrap:has(> .box2) > .wpcf7-not-valid-tip {
    position: static;
    display: block;
    width: auto;
    margin: 0 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    white-space: normal;
    overflow-wrap: anywhere;
}