@charset "UTF-8";

#mv{
	background: url(../img/top/mv_bg.jpg) no-repeat center top;
	-webkit-background-size: cover;
	background-size: cover;
	overflow: hidden;
}
#mv .centering{
	padding: 20px 0 50px;
}
@media screen and (min-width: 741px) and (max-width: 1220px) {
	#mv .centering{
		padding-left: 10px;
		padding-right: 10px;
	}
}
#mv a{
	display: inline-block;
	position: relative;
	margin-top: 50px;
	max-width: 48%;
}
#mv a:nth-child(odd){
	float: left;
	clear: both;
}
#mv a:nth-child(even){
	float: right;
}
#mv .hospital{
	-webkit-transform: rotate(-1.7deg);
	-ms-transform: rotate(-1.7deg);
	-o-transform: rotate(-1.7deg);
	transform: rotate(-1.7deg);
}
#mv .wind_sound{}
#mv .case{margin-top:60px;}

#mv .closeup{
	-webkit-transform: rotate(1.4deg);
	-ms-transform: rotate(1.4deg);
	-o-transform: rotate(1.4deg);
	transform: rotate(1.4deg);
}
#mv .talk{
	-webkit-transform: rotate(1.7deg);
	-ms-transform: rotate(1.7deg);
	-o-transform: rotate(1.7deg);
	transform: rotate(1.7deg);
}
#mv .journey{}
#mv a:before{
	content: "";
	display: inline-block;
	position: absolute;
	left: 50%; top: -22px;
	z-index: 2;
	margin-left: -100px;
}
#mv a.hospital:before{content: url(../img/top/hospital_tape.png);}
#mv a.closeup:before{content: url(../img/top/closeup_tape.png);}
#mv a.wind_sound:before{content: url("../img/top/wind_sound_tape.png");}
#mv a.case:before{content: url("../img/top/case_tape.png");}
#mv a.talk:before{content: url(../img/top/talk_tape.png);}
#mv a.journey:before{content: url(../img/top/journey_tape.png);}
#mv a:after{
	content: "";
	display: block;
	position: absolute;
	left: 0; top: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center 53%;
	background-color: transparent;
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	transition: all 0.1s linear;
}
#mv a:hover:before{}
#mv a:hover:after{background-image: url(../img/top/mv_more.png);}
#mv a.hospital:hover:after{background-color: rgba(255, 224, 233, 0.8);}
#mv a.closeup:hover:after{background-color: rgba(240, 253, 219, 0.8);}
#mv a.wind_sound:hover:after{background-color: rgba(249, 210, 173, 0.8);}
#mv a.case:hover:after{background-color: rgba(255, 248, 194, 0.8);}
#mv a.talk:hover:after{background-color: rgba(216, 229, 248, 0.8);}
#mv a.journey:hover:after{background-color: rgba(251, 222, 217, 0.8);}
#mv img{
	-webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
	-webkit-transition: all 0.25s ease-out;
	-o-transition: all 0.25s ease-out;
	transition: all 0.25s ease-out;
}
/*#mv a:hover img{
	-webkit-border-radius: 0 0 70px 0 / 0 0 70px 0;
	-moz-border-radius: 0 0 70px 0 / 0 0 70px 0;
	-ms-border-radius: 0 0 70px 0 / 0 0 70px 0;
	-o-border-radius: 0 0 70px 0 / 0 0 70px 0;
	border-radius: 0 0 70px 0 / 0 0 70px 0;
}
#mv i{
	display: block;
	position: absolute;
	right: -1px; bottom: -1px;
	z-index: 1;
	overflow: hidden;
	width: 100%;
	height: 100%;
}
#mv a:hover i{
	-webkit-border-radius: 0 0 70px 0 / 0 0 70px 0;
	-moz-border-radius: 0 0 70px 0 / 0 0 70px 0;
	-ms-border-radius: 0 0 70px 0 / 0 0 70px 0;
	-o-border-radius: 0 0 70px 0 / 0 0 70px 0;
	border-radius: 0 0 70px 0 / 0 0 70px 0;
}
#mv i:before{
	content: "";
	display: inline-block;
	position: absolute;
	right: -100%; bottom: -100%;
	z-index: -2;
	width: 60px;
	height: 60px;
	-webkit-transition: all 0.25s ease-out;
	-o-transition: all 0.25s ease-out;
	transition: all 0.25s ease-out;
	-webkit-transform: skew(2deg) rotate(4deg);
	-ms-transform: skew(2deg) rotate(4deg);
	-o-transform: skew(2deg) rotate(4deg);
	transform: skew(2deg) rotate(4deg);
	background: rgb(255,255,255);
	background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(234,234,234,1) 50%, rgba(192,192,192,1) 80%);
	background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 0%,rgba(234,234,234,1) 50%,rgba(192,192,192,1) 80%);
	background: linear-gradient(135deg, rgba(255,255,255,1) 0%,rgba(234,234,234,1) 50%,rgba(192,192,192,1) 80%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#bababa',GradientType=1 );
}
#mv i:after{
	content: "";
	display: inline-block;
}
#mv a:hover i:before{
	right: 0; bottom: 0;
}*/

main{
	padding: 0;
}
main section{
	position: relative;
	margin-top: -3%;
	padding: 80px 0 100px;
	/*-webkit-clip-path: polygon(50% 5%, 100% 0, 100% 95%, 50% 100%, 0 95%, 0 0);
	clip-path: polygon(50% 5%, 100% 0, 100% 95%, 50% 100%, 0 95%, 0 0);*/
	background: no-repeat center bottom transparent;
	-webkit-background-size: cover;
	background-size: cover;
}
main #mv + section{
	float: none;
	clear: both;
	margin-top: 0;
	/*-webkit-clip-path: polygon(100% 0, 100% 95%, 50% 100%, 0 95%, 0 0);
	clip-path: polygon(100% 0, 100% 95%, 50% 100%, 0 95%, 0 0);*/
}
/*main section:last-child{
	-webkit-clip-path: none;
	clip-path: none;
}*/
main section h2{
	margin: 0 auto;
	padding: 0;
	font-weight: bold;
	font-size: 4rem;
	line-height: 1;
	text-align: center;
}
main section h2:before,
main section h2:after,
main section h2 img{
	display: inline-block;
	vertical-align: middle;
}
@media screen and (min-width: 741px) and (max-width: 1220px) {
	main section{
		padding-left: 10px;
		padding-right: 10px;
	}
	main section h2:before,
	main section h2:after{
		-webkit-transform: scale(0.75);
		-ms-transform: scale(0.75);
		-o-transform: scale(0.75);
		transform: scale(0.75);
	}
	main section h2:before{
		margin-right: 5px !important;
	}
	main section h2:after{
		margin-left: 5px !important;
	}
	main section h2 img{
		max-width: 42%;
	}
}

.more{
	display: inline-block;
	float: none;
	clear: both;
	margin: 25px auto 0;
	padding: 10px 0;
	min-width: 200px;
	border: 3px solid #000;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
	border-radius: 30px;
	background-color: transparent;
	color: #000;
	font-weight: bold;
	font-size: 2.2rem;
	line-height: 1;
	text-decoration: none;
	text-align: center;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.more:hover{
	color: #fff;
}

#hospital{
	z-index: 10;
	background-image: url(../img/top/hospital_bg.png);
	/*background: url(../img/top/hospital_bg.png) repeat left top;*/
}
#hospital h2:before{
	content: url(../img/top/hospital_ttl.png);
	margin-right: 10px;
}
#hospital h2:after{
	content: url(../img/top/hospital_img.png);
	margin-left: 18px;
}
#hospital .more{
	border-color: #ec6584;
	color: #ec6584;
}
#hospital .more:hover{
	background-color: #ec6584;
	color: #fff;
}

#closeup{
	z-index: 9;
	background-image: url(../img/top/closeup_bg.png);
	/*background: url(../img/top/closeup_bg.jpg) no-repeat center top;*/
	-webkit-background-size: cover;
	background-size: cover;
}
#closeup h2:before{
	content: url(../img/top/closeup_ttl.png);
	margin-right: 15px;
}
#closeup h2:after{
	content: url(../img/top/closeup_img.png);
	margin-left: 28px;
}
#closeup .more{
	border-color: #347e6a;
	color: #347e6a;
}
#closeup .more:hover{
	background-color: #347e6a;
	color: #fff;
}

#wind_sound{
	z-index: 8;
	background-image: url("../img/top/wind_sound_bg.png");
	padding-top:120px;
}
#wind_sound h2:before{
	content: url("../img/top/wind_sound_logo.png");
	margin-right: 20px;
}
#wind_sound h2:after{
	content: url("../img/top/wind_sound_illust.png");
	margin:0 100px 0 40px;
}
#wind_sound .more{
	border-color: #f68a71;
	color: #f68a71;
}
#wind_sound .more:hover{
	background-color: #f68a71;
	color: #fff;
}

#case{
	z-index: 7;
	background-image: url("../img/top/case_bg.png");
}
#case h2:before{
	content: url("../img/top/case_logo.png");
	margin-right: 30px;
}
#case h2:after{
	content: url("../img/top/case_illust.png");
	margin:0 20px 0 40px;
}
#case .more{
	border-color: #000;
	color: #000;
}
#case .more:hover{
	background-color: #000;
	color: #fff;
}

#talk{
	z-index: 6;
	background-image: url(../img/top/talk_bg.png);
	/*background: url(../img/top/talk_bg.png) repeat left top;*/
}
#talk h2:before{
	content: url(../img/top/talk_ttl.png);
	margin-right: 36px;
}
#talk h2:after{
	content: url(../img/top/talk_img.png);
	margin-left: 20px;
}
#talk .more{
	border-color: #4aa1c9;
	color: #4aa1c9;
}
#talk .more:hover{
	background-color: #4aa1c9;
	color: #fff;
}

#journey{
	z-index: 5;
	background-image: url(../img/top/journey_bg.png);
	/*background: url(../img/top/journey_bg.jpg) no-repeat center top;*/
	-webkit-background-size: cover;
	background-size: cover;
}
#journey h2:before{
	content: url(../img/top/journey_ttl.png);
	margin-right: 48px;
}
#journey h2:after{
	content: url(../img/top/journey_img.png);
	margin-left: 26px;
}
#journey .more{
	border-color: #ea535e;
	color: #ea535e;
}
#journey .more:hover{
	background-color: #ea535e;
	color: #fff;
}

#relation{
	margin-top: -3%;
	padding-top: 150px;
}

/* 印刷時にブロックごとに改ページ */
@media print{
	#mv{
		page-break-after: always !important;
	}
}