@charset "utf-8";

/*==================================================
	switch
===================================*/
/* 切り替えボタン */
.c-buttons{
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	gap: 2%;
	width: 100%;
}
.voice-button{
	border: 2px solid #000;
	border-radius: 10px;
	background: #fff;
	font-size: 1.25rem;
	font-weight: 550;
	color: #000;
	cursor: pointer;
	width: 48%;
	margin: 0 0 .5rem;
	padding: .8rem 1rem;
	transition:.3s;
}
	@media screen and (min-width: 1200px){
	.c-buttons{
		gap: .5%;
	}
	.voice-button {
		width: 19.6%;
		max-width: 300px;
	}
	}
/* activ */
.voice-button.active{
	background:#000;
	color:#fff;
}
/* panel */
.voice-panel{
	display: none;
	padding: 2rem 0;
}
.voice-panel.active{
	display:block;
}