
.my-float-start {
    float: left !important;
}

/* fieldsetのタイトル */
legend {
    font-size: 16px;
}

/* 電話番号のラベル、住所のラベル */
.phone-label,
.address-label {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.phone-label:focus,
.address-label:focus {
    z-index: 0;
}

/* 電話番号、住所 */
.phone,
.address {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

/* 氏名、ふりがな */
.name-left {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    width: 7em;
}

.name-center {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    width: 7em;
}

.name-right {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    width: 7em;
}

/* 入力項目の幅 */
.width-7em {
    width: 7em;
}

.min-width-6em {
    min-width: 6em;
}

.min-width-8em {
    min-width: 8em;
}

.min-width-10em {
    min-width: 10em;
}

.min-width-14em {
    min-width: 14em;
}

.min-width-26em {
    min-width: 26em;
}

.min-width-28em {
    min-width: 28em;
}

@media (max-width: 575px) {
    .my-float-start {
        float: none !important;
    }

    /* 氏名、ふりがな */
    .name-left {
        width: 100%;
    }

    /* 入力項目の幅 */
    .name-center {
        width: 100%;
    }

    .name-right {
        width: 100%;
    }

    .min-width-10em,
    .min-width-14em,
    .min-width-26em,
    .min-width-28em {
        min-width: 0em;
    }
}
