@charset "EUC-JP";
/* CSS Document */


body div.wrap article section.contents h2 {
	width: 100%;
	height: 3.8rem;
	padding: .7rem 0 0 5rem;
	margin:  0 0 .5rem 0;
	background-image: url("../images/byouin/byouin_headline.png");
	background-position: left bottom;
	background-repeat: no-repeat;
	font-size: 1.7rem;
	color: #ff4a78;
	text-shadow:
		1px 1px 1px #fff, -1px -1px 1px #fff,
		-1px 1px 1px #fff,  1px -1px 1px #fff,
		1px 0 1px #fff, -1px  0 1px #fff,
		0 1px 1px #fff,  0 -1px 1px #fff;
}
body div.wrap article section.contents p {
	width: 100%;
	height: auto;
	padding: 0 0 0 2rem;
	margin:  0 0 3rem 0;
}
body div.wrap article section.contents p strong {
	color: #ff4a78;
}

body div.wrap article section.contents div.img_cont {
	font-size: 0;
}
body div.wrap article section.contents div.img_cont::after {
	display: block;
	content: '';
	clear: both;
}
body div.wrap article section.contents div.img_cont div {
	width: 33%;
	min-height: 20.5rem;
	height: auto;
	float: left;
	padding: .5rem .5rem .5rem .5rem;
	margin: 0 0 2rem 0;
	border-bottom: 2px dashed #ff4a78;
}
body div.wrap article section.contents div.img_cont div:last-child {
	border-bottom: initial;
}
body div.wrap article section.contents div.img_cont div img {
	width: 100%;
	height: 10rem;
	object-fit: cover;
	border-radius: .5rem;
	margin: 0 0 .5rem 0;
}
body div.wrap article section.contents div.img_cont div p {
	width: 100%;
	height: auto;
	padding: 0 0 0 0;
	margin:  0 0 0 0;
	font-size: 1rem;
}
body div.wrap article section.contents div.img_cont div p strong {
	display: block;
	text-align: center;
}


@media only screen and (max-width: 820px) {

	body div.wrap article section.contents {
		padding: 1rem 0 0 0;
	}
	body div.wrap article section.contents h2 {
		width: 100%;
		height: auto;
		padding: 0 0 0 0;
		margin:  0 0 1rem 0;
		font-size: 1.3rem;
		color: #ff4a78;
		text-shadow:
			1px 1px 1px #fff, -1px -1px 1px #fff,
			-1px 1px 1px #fff,  1px -1px 1px #fff,
			1px 0 1px #fff, -1px  0 1px #fff,
			0 1px 1px #fff,  0 -1px 1px #fff;
		background: initial;
		text-align: center;
	}
	body div.wrap article section.contents h2 span {
		display: block;
	}
	body div.wrap article section.contents h2 + p {
		padding: 0 0 0 0;
		margin:  0 0 2rem 0;
	}

	body div.wrap article section.contents div.img_cont div {
		width: 100%;
		min-height: auto;
		height: auto;
		float: left;
		padding: .5rem 0 .5rem 0;
		margin: 0 0 2rem 0;
		border-bottom: 2px dashed #ff4a78;
	}
	body div.wrap article section.contents div.img_cont div img {
		width: 100%;
		height: 55vw;
		object-fit: cover;
		border-radius: .5rem;
		margin: 0 0 .5rem 0;
	}

}