@charset "utf-8";
/* CSS Document */
main h2 {
	clear:both;
}
main h3 {
	margin: 0 0 0.5em;
}
main p {
	margin: 0 1.5em 1em;
}
main .flexBox {
	display:flex;
	margin:2em 0 2em;
}
main .imgBox {
	width:40%;
	margin: 0 1%;
	padding:1em 4%;
	background-color:rgba(238,238,238,0.4);
	border-radius:8px;
	box-shadow:2px 2px 2px #ddd;
	overflow:hidden;
}
main .imgBox img {
	margin : 0 0 0.5em;
}
@media screen and (max-width:767px) {
	main .imgBox {
		width:44%;
		padding:1em 2%;
	}
}
@media screen and (max-width:599px) {
	main p {
		margin: 0 0.5em 1em;
	}
	main .flexBox {
		display:block;
	}
	main .imgBox {
		width:auto;
		margin: 0 1% 1em;
	}
	main .imgBox img {
		display:block;
		margin:0 auto 0.5em;
	}
}
main .imgBox.noDisplay {
	display:none;
}

main .tubeBox {
	position: relative;
	width: 100%;
	margin: 0 0 2em;
	padding: 56.25% 0 0;
}
main .tubeBox iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

main .decoLink::before {
	content: "\f0a4";
}