@charset "utf-8";

.guide_container ul {
	list-style-type: none;
}
.tab-area {
	display: flex;
	cursor: pointer;
	align-items: center;
     flex-wrap: wrap;
}
.tab {
	width: calc(100%/3);
    height: 50px;
	text-align: center;
    border-bottom: 2px solid #0a0a0a;
    padding: 8px 0;
	font-weight: 700;
	display: flex;
    align-items: center;
	flex-direction: column;
    justify-content: center;
    background-color: #F5F5F5;
}
.tab.active {
	background: #c00;
    color: #fff;
}
.panel {
	display: none;
	margin-top: 20px;
}
.panel.active {
	display: block;
}
.panel .empty {
    width: 95%;
    background-color: #feede6;
    line-height: 1.5;
    padding: 10px;
}

@media screen and (max-device-width: 480px) {
	.tab {
		height: 55px;
	}
}

@media screen and (min-width: 481px) {
	.tab {
		height: 50px;
	}
}
@media screen and (min-width: 1025px) {
    .tab {
        width: calc(100%/6);
	}
}