.main section:nth-of-type(odd) {
    background-color: #F6F3ED;
}

.section_inner {
    padding: 6rem 0 6rem;
}


.info_box{
	margin: 50px auto;
}

/*タブ*/

.category_tabs {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    margin: 0 auto 2em;
}
.category {
    padding: 1em;
    border: 1px #A28A3D solid;
    width: 16%;
    transition: .2s;
    text-align: center;
	color: #A28A3D;
	margin: 0 5px 10px;
}

.category.active {
    background-color: #c7a94a;
    transition: 0.2s;
	color: #fff;
}


/*
.tabs { 
	display: flex; 
	gap: 10px; 
	margin-bottom: 20px; 
}
.tab-button { 
	padding: 10px 20px; 
	background-color: #ddd; 
	border: none;
	cursor: pointer; 
	border-radius: 5px; 
}
*/
/*
.tab-button.active { 
	background-color: #A28A3D; 
	color: white; 
}
*/
.tab-content { 
	display: none; 
}
.tab-content.active { 
	display: block; 
}
.question { 
	margin-bottom: 30px; 
	padding: 15px; 
	background: #fff; 
	border-radius: 8px; 
	box-shadow: 0 0 10px rgba(0,0,0,0.1); 
}
.options button {
	display: block; 
	margin: 10px 0; 
	padding: 10px; 
	width: 100%; 
	border: 1px solid #ccc; 
	border-radius: 5px; 
	cursor: pointer; 
	background-color: #f0f0f0; 
}
.options button.correct { 
	background-color: #c8e6c9; 
}
.options button.incorrect { 
	background-color: #ffcdd2; 
}
.explanation { 
	display: none; 
	margin-top: 10px; 
	padding: 10px; 
	background: #e3f2fd; 
	border-left: 5px solid #2196f3; 
}
.result { 
	font-weight: bold; 
	margin-top: 10px; 
}
.result.correct { 
	color: green; }
.result.incorrect { 
	color: red; 
}
rt { 
	font-size: 0.6em; 
	color: #555; 
}
	  
.answer-link_button {
	  display: inline-block;
	  padding: 8px 12px;
	  background-color: #A28A3D;
	  color: white;
	  text-decoration: none;
	  border-radius: 5px;
	  margin-top: 10px;
	}
.answer-link_button:hover {
	  background-color: #A28A3D;
	}
.answer-link_button rt { color: #fff; }