body {
    font-family: "HG丸ｺﾞｼｯｸM-PRO";
    margin: 0;
    padding: 0;
    font-size: 20px;
}

.container {
    width: 99vw; /*一番親のdivの幅をウィンドウズ幅いっぱい*/
    /*min-width: fit-content;*/ /*子要素のうち一番大きな幅の要素よりもwidthを小さくしないようにする*/
}

.header {
    width: 99vw; /*ヘッダーは横幅を画面一杯に*/
    height: 60px;
    border-bottom: 1px solid;
    display: flex;
    line-height: 1;
}
.header-item {
    padding: 5px;
}
.header-label {
    position: relative;
    margin: auto 0;
}

label {
    top: 0;
    left: 0;
    font-size: 1em;
    transition: 0.3s;
    white-space: nowrap;
}

a {
    text-decoration-skip-ink: none;
}

input {
    margin: 0;
    padding: 0;
}

select {
    margin: 0;
    padding: 0;
}

button {
    cursor: pointer;
    font-family: "HG丸ｺﾞｼｯｸM-PRO";
}

input[type=radio] {
    font-family: "HG丸ｺﾞｼｯｸM-PRO";
}

table {
    border: 1px solid black;
    border-collapse: collapse;
}

th {
    text-align: center;
    border: 1px solid black;
    font-weight: normal;
    height:3em;
}

tr:nth-child(2n) td {
    background: #ddebf7;
}

td {
    border-left: 1px solid black;
    border-right: 1px solid black;
    overflow: hidden;
    /*white-space: nowrap;*/
    /*white-space: pre-wrap;*/
    max-width: 0;
    height: 1em;
    /*word-wrap: break-word;*/
    /*word-break: break-all;*/
    /*overflow-wrap: break-word;*/
}

.button-img-p {
    margin: auto;
    background: transparent
}
    .button-img-p img {
        margin: auto;
    }
    .button-img-p p {
        margin: auto;
    }

.label-and-inputs {
    display: flex;
    gap: 0;
    white-space: nowrap;
}

    .label-and-inputs label {
        margin: auto 0;
        font-size: 1em;
    }

    .label-and-inputs input {
        font-size: 1em;
        font-family: "HG丸ｺﾞｼｯｸM-PRO";
    }
    .label-and-inputs select {
        font-size: 1em;
        font-family: "HG丸ｺﾞｼｯｸM-PRO";
    }
    .label-and-inputs input[type="checkbox"] {
        margin-bottom: 0;
        width: 1.2em;
        height: 1.2em;
    }