@charset "UTF-8";

/* for PSPortalIdActive系 */
/* text */
.nf-main .text-nowrap {
    white-space: nowrap;
}

.nf-main .text-danger {
    color: red;
}

.nf-main label,
.nf-main small {
    white-space: nowrap;
    font-size: 100%;
    font-weight: normal;
}

/* form control */
.nf-main .form-control {
    border: 1px solid #ccc;
}

.nf-main input[type="checkbox"] {
    vertical-align: top;
}

.nf-main input[type="text"],
.nf-main input[type="email"],
.nf-main input[type="tel"],
.nf-main input[type="password"] {
    width: 290px;
}

.nf-main .btn {
    min-width: 119px;
}

.nf-main select.form-control {
    min-width: 150px;
}

/* table */
.nf-main caption {
    padding: 8px;
    font-weight: bold;
    background: #b7c3d5;
    color: #333;
}

.nf-main th,
.nf-main td {
    font-weight: normal;
    box-sizing: border-box;
}

.nf-main table.tbl-01 > thead > tr > th {
    text-align: left;
    font-weight: normal;
}

.table-striped > tbody > tr:nth-of-type(2n+1) > th,
.table-striped > tbody > tr:nth-of-type(2n+1) > td {
    color: #333;
    background-color: #fff;
}

.table-striped > tbody > tr:nth-of-type(2n) > th,
.table-striped > tbody > tr:nth-of-type(2n) > td {
    color: #333;
    background-color: #f5f8fb;
}

/* nf */
.nf-main .boxSection-01 .nf-hdg2-01 {
    margin-right: 0;
}

.nf-main .nf-buttons-01,
.nf-main .nf-buttons-02 {
    display: flex;
}

.nf-main .nf-buttons-01 {
    justify-content: space-around;
}

.nf-main .nf-buttons-02 {
    justify-content: space-between;
}

.nf-main .nf-note p {
    margin-left: 1em;
}

.nf-main .nf-note h2 {
    font-size: large;
    font-weight: normal;
}

.nf-main .nf-address td {
    padding: 5px;
}

/* content */
.nf-main tr.required > *:first-child label::after {
    content: '【必須】';
    font-size: x-small;
    background-color: transparent;
    color: red;
}

.nf-main .nf-address th::after {
    content: '：';
}

.nf-main .nf-note h2::after {
    content: ':';
}