@charset "UTF-8";
.tab {
	gap: 10px;
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px dotted #aaa;
	justify-content: flex-start; 
}
.tab2 {
	gap: 10px;
	margin-top: 30px;
	padding-top: 30px;
	border-top: 1px dotted #aaa;
	justify-content: flex-start; 
}

.tab__li {
	width: calc(( 100% - 20px ) / 3 );
	border: 1px solid #aaa;
	line-height: 35px;
	font-size: 14px;
	cursor: pointer;
	border-radius: 4px;
}
.other {
	border: 1px solid #aaa;
	line-height: 35px;
	cursor: pointer;
	border-radius: 4px;
	margin-bottom: 30px;
}
.tabpanel {
	display: none;
}
.tabpanel.show {
	display: block;
}
.active,.tab__li:hover,.other:hover {
	background: #d4d9dd;
}
/*――――――――
tb（768px～999px）
―――――――――*/
@media (min-width: 768px) {
.tab {
	margin-bottom: 40px;
	padding-bottom: 40px;
}
.tab2 {
	margin-top: 40px;
	padding-top: 40px;
}
.tab__li {
	width: calc(( 100% - 30px ) / 4 );
}
.other {
	width: 60%;
	margin: 0 auto;
	margin-bottom: 40px;
}
}
/*――――――――
pc（1000px～）
―――――――――*/
@media (min-width: 1000px) {
.tab {
	margin-bottom: 50px;
	padding-bottom: 50px;
}
.tab2 {
	margin-top: 50px;
	padding-top: 50px;
}
.tab__li {
	font-size: 15px;
}
}
/*――――――――
se
―――――――――*/
@media (max-width: 320px) {
}