.tab-wrap {
    display: flex;
    flex-wrap: wrap;
}
.tab-label {
    background: #a2d7dd;
    color: #223344;
    margin: 4px 0px 0px 6px;
    padding: 0.4em 0.8em;              /* 内側の余白 */
    border-width: 1px 1px 0px 1px;    /* 下以外の枠線を引く */
    border-style: solid;              /* 枠線の種類：実線 */
    border-color: black;              /* 枠線の色：黒色 */
    border-radius: 0.75em 0.75em 0 0; /* 枠線の左上角と右上角だけを丸く */
    order: -1;
}
.tab-content {
    width: 100%;
    display: none;
    border: 1px solid black; /* 枠線：黒色の実線を1pxの太さで引く */
    border-radius: 6px;
    padding:1em 1em 5em;              /* 内側の余白 */
}
/* アクティブなタブ */
.tab-switch:checked+.tab-label {
    background: #2a83a2;
    color: #ffeedd;
    font-size: 130%;
    font-weight: bold;

}
.tab-switch:checked+.tab-label+.tab-content {
     display: block;
}
/* ラジオボタン非表示 */
.tab-switch {
    display: none;
}