@charset "utf-8";
/* CSS Document */


@media screen and (min-width: 769px) {
	.flex{
		display: flex;
		justify-content: space-between;
	}
}





#attention .audio span,
#attention .audio audio{
	display: inline-block;
	vertical-align: top;
}
#attention .audio span{
	padding: 2px 1.5em;
	background-color: #fff;
	color: #666;
	border-radius: 5px;
	
	display: none;
}

#attention .audio audio{
	border: 2px solid #fff
}
@media screen and (max-width: 768px) {
	#attention .audio{
		padding-bottom: 1.5em;
		text-align: center;
	}
	#attention .audio audio{
		width: 96%;
		border: none
	}
}



#faq h3 .icon_audio{
	position: relative;
	margin-left: 0.5em;
	display: inline-block;	
	width: 30px;	
	background-color: #fab6b7;
	vertical-align: middle;
	border-radius: 5px;
	z-index: 3;
	
	display: none;
}
#faq h3 .icon_audio:before,
#faq h3 .icon_audio:after{
	position: absolute;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
	
}

#faq h3 .icon_audio:after{
	content: '';
	left: 60%;
	border: 5px solid transparent;
	border-left-color: #fff;
}
#faq h3 .icon_audio.active:before,
#faq h3 .icon_audio.active:after{
	width: 3px;
	height: 10px;
	background-color: #fff;
}
#faq h3 .icon_audio.active:before{
	content: '';
	left: 45%;
}
#faq h3 .icon_audio.active:after{
	left: 65%;
	border: none;		
}



#faq h3 audio{
	display: none;
}