@charset "UTF-8";


/*****************************************************
　タブ切り替え　
*****************************************************/
/* タブボタン 
------------------------------------------------- */
.tabs{
	border-bottom:3px solid #000;
	display:flex;
	justify-content:space-between;
}
.tabs .tab{
	background:#e2e2e2;
	box-sizing:border-box;
	cursor:pointer;
	font-size:28px;
	font-size:2.8rem;
	font-weight:bold;
	letter-spacing:0.025em;
	padding:16px;
	text-align:center;
	width:49.8%;
}
.tabs .tab.active{
	background:#000;
	color:#fff;
}
/* タブコンテンツ 
------------------------------------------------- */
.panels .panel{
	margin:60px auto 0;
	max-width:1080px;
	width:100%;
}


@media screen and (max-width:1024px){
	/*****************************************************
	　タブ切り替え　
	*****************************************************/
	/* タブボタン 
	------------------------------------------------- */
	.tabs{
		border-width:0.37vw;
	}
	.tabs .tab{
		font-size:3.5vw;
		padding:2vw;
		width:49.8%;
	}
	/* タブコンテンツ 
	------------------------------------------------- */
	.panels .panel{
		margin:7.5vw auto 0;
	}
}