@charset "UTF-8";
/* CSS Document */


/* gasshuku page
=============================================================================*/
#gasshuku #mainVisual {	background-image: url(../img/gasshuku/mainimg.jpg);}
#cont01{ height: 940px;}
#cont01 .txtArea{
	text-align: center;
	font-size: 1.12em;
	margin-bottom: 30px;
	}
	#cont01 .txtArea h2{ font-size: 1.22em; margin-bottom: 0.8em;}
#cont01 .txt02{
	width: 410px;
	padding: 25px;
	position: absolute;
	top: 340px;
	right: 130px;
	}
	#cont01 .txt02 h3{ position: absolute; top: -70px; left: -20px;}

	#cont01 .img01 { position: absolute; top: 65px; right: -235px;}
	#cont01 .img02 { position: absolute; top: 80px; left: -160px;}
	#cont01 .img03 { position: absolute; top: 300px; left: -15px;}
	#cont01 .img04 { position: absolute; top: 510px; right: -177px;}
	#cont01 .img05 { position: absolute; top: 620px; right: 220px;}

	#cont01 .deco01 { position: absolute; top: 365px;left: -120px;}
	#cont01 .deco02 { position: absolute; top: 260px;left: 350px;}
	#cont01 .deco03 { position: absolute; top: 650px;left: 255px;}
	#cont01 .deco04 { position: absolute; top: 450px;left: 900px;}
	#cont01 .deco05 { position: absolute; top: 800px;left: 800px;}

#cont02 .txtArea { text-align: center; margin-bottom: 20px;}
	#cont02 h2 { margin-bottom: 30px;}
	#cont02 .slide_wrap{ padding: 40px 0px;}
	#cont02 .slider .cont { float: left; margin: 5px;}

#cont03 h2 {text-align: center;}
	#cont03 .contArea {
	margin: 30px auto 100px;
	}
	#cont03 .contArea li {
	width: 315px;
	height: auto;
	margin: 0 8px;
	position: relative;
	}
	#cont03 .contArea li h3 {
	position: absolute;
	bottom: -35px;
	left: 50%;
	transform: translateX(-50%)
	}