@charset "utf-8";
/* CSS Document */
main h2 {
	clear:both;
}
/* 症例見出し：音声ページの淡い黄色に合わせた装飾 */
#contents .wrapper h3 {
  margin: 0 0 0.75em;
  padding: 0.4em 0.75em;
  border-left: 3px solid rgb(var(--h3-head-color) /100%);
  border-radius: 0 4px 4px 0;
  background-color: rgb(var(--h3-back-color) / 10%);
  line-height: 1.6;
}
#contents .wrapper h3::before {
  content: none;
  display: none;
}

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";
}