.tab-wrap {
    display: flex;
    flex-wrap: wrap;
	width: 100%;
    max-width: 1280px;
    margin: 0 auto 32px;
    padding: 0;
    list-style: none;
    position: relative;
}
.tab-label {
    order: -1;
	width: 24%;
	text-align: center;
    border-bottom: 1px solid #666;
	padding-bottom: 10px;
}
.tab-content {
    width: 100%;
    display: none;
	margin-top: 30px;
}
/* アクティブなタブ */
.tab-switch:checked+.tab-label {
    border-bottom: 3px solid #000;
	font-weight: bold;
}
.tab-switch:checked+.tab-label+.tab-content {
     display: block;
}
/* ラジオボタン非表示 */
.tab-switch {
    display: none;
}

@media only screen and (max-width: 640px) {
    .tab-label {
        font-size: 11px;
    }
}