@charset "utf-8";
/*------------------------------------------------------------
	index.html
------------------------------------------------------------*/
.pageTitle {
	background: url(../img/flowchart/page_title_bg.jpg) no-repeat center top;
}

#conts .imgBox {
	margin-left: 46px;
	position: relative;
}

#conts .imgBox .spImg {
	display: none;
}

#conts .imgBox .link {
	position: absolute;
	left: 158px;
	top: 436px;
}

#conts .imgBox .link img {
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

#conts .imgBox .link a:hover img {
	filter: alpha(opacity=50);
	opacity: 0.5;
}

#conts .imgBox .link01 {
	left: 362px;
	top: 752px;
}

#conts .imgBox .link02 {
	left: 362px;
	top: 1079px;
}

#conts .imgBox .link03 {
	left: 362px;
	top: 1125px;
}

#conts .imgBox .link04 {
	left: 362px;
	top: 1172px;
}

#conts .imgBox .link05 {
	left: 489px;
	top: 1079px;
}

@media all and (min-width: 0) and (max-width: 736px)  {
	.pageTitle {
		background: url(../img/flowchart/sp_page_title_bg.jpg) no-repeat center top;
		background-size: 100% 100%;
	}
	
	.pageTitle h2 img {
		width: 92px;
	}
	
	#conts .imgBox {
		margin: 0 -5px 26% 0;
	}
	
	#conts .imgBox .spImg {
		display: block;
		width: 100%;
	}
	
	#conts .imgBox .pcImg {
		display: none;
	}
	
	#conts .imgBox .link {
		top: 36%;
		left: 33%;
		width: 35%;
	}
	
	#conts .imgBox .link img {
		width: 100%;
	}
	
	#conts .imgBox .link01 {
		top: 64.5%;
		left: 4%;
	}
	
	#conts .imgBox .link02 {
		top: 95%;
		left: 4%;
	}
	
	#conts .imgBox .link03 {
		top: 100%;
		left: 4%;
	}

	#conts .imgBox .link04 {
		top: 105.3%;
		left: 4%;
	}

	#conts .imgBox .link05 {
		top: 95%;
		left: 61%;
	}
}