@charset "UTF-8";

#mv{
	/*background-image: url(../img/top/mv_bg_sp.jpg);*/
}
#mv .centering{
	padding: 20px 15px 60px;
}
@media screen and (max-width: 740px) {
	#mv a{
		display: block;
		margin-top: 30px;
		max-width: 100%;
	}
	#mv .case{margin-top:30px;}
	#mv a:nth-child(odd),
	#mv a:nth-child(even){
		float: none;
	}
	#mv .hospital{
		margin-top: 0;
	}
	#mv a:before{
		top: -30px;
		-webkit-transform: scale(0.4) translateX(-10%);
		-ms-transform: scale(0.4) translateX(-10%);
		-o-transform: scale(0.4) translateX(-10%);
		transform: scale(0.4) translateX(-10%);
	}
}
#mv img{
	-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}

main{
	padding: 0;
}
main section{
	margin-top: -4%;
	padding: 80px 0;
	-webkit-clip-path: polygon(50% 3%, 100% 0, 100% 97%, 50% 100%, 0 97%, 0 0);
	clip-path: polygon(50% 3%, 100% 0, 100% 97%, 50% 100%, 0 97%, 0 0);
}
#wind_sound{padding-top:80px;}

@media screen and (max-width: 740px) {
	main section{
		margin-top: -6%;
		padding: 60px 0;
	}
}
main #mv + section{
	margin-top: 0;
	padding-top: 40px;
	-webkit-clip-path: polygon(100% 0, 100% 97%, 50% 100%, 0 97%, 0 0);
	clip-path: polygon(100% 0, 100% 97%, 50% 100%, 0 97%, 0 0);
}
main section h2{
	position: relative;
	margin: 0 auto 20px;
	max-width: 740px;
	font-size: 2.5rem;
}
#wind_sound h2:after,
#case h2:after{margin:0 0 0 20px;}

main section h2:before,
main section h2:after{
	position: absolute;
	top: 50%;
	margin: 0;
	-webkit-transform: scale(0.5) translateY(-50%);
	-ms-transform: scale(0.5) translateY(-50%);
	-o-transform: scale(0.5) translateY(-50%);
	transform: scale(0.5) translateY(-50%);
}
@media screen and (max-width: 740px) {
	main section h2:before,
	main section h2:after{
		-webkit-transform: scale(0.35) translateY(-50%);
		-ms-transform: scale(0.35) translateY(-50%);
		-o-transform: scale(0.35) translateY(-50%);
		transform: scale(0.35) translateY(-50%);
	}
}
main section h2:before{
	left: 15px;
	-webkit-transform-origin: left top;
	-moz-transform-origin: left top;
	-ms-transform-origin: left top;
	-o-transform-origin: left top;
	transform-origin: left top;
}
main section h2:after{
	right: 15px;
	-webkit-transform-origin: right top;
	-moz-transform-origin: right top;
	-ms-transform-origin: right top;
	-o-transform-origin: right top;
	transform-origin: right top;
}
main section h2 img{
	max-width: 50%;
}

.more{
	margin-top: 20px;
	padding: 8px 0;
	min-width: 40%;
	border-width: 2px;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	-ms-border-radius: 1em;
	-o-border-radius: 1em;
	border-radius: 1em;
	font-size: 1.6rem;
}

#relation{
	margin-top: -4%;
	padding-top: 80px;
}
@media screen and (max-width: 740px) {
	#relation{
		margin-top: -6%;
		padding-top: 50px;
	}
}
#relation h2{
	margin-top: 20px;
}