@charset "UTF-8";
/* CSS Document ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ */
/* 　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　  */
/* 内容　:　全体設定 */
/* 作成日:　2011年01月13日 */
/* 変更日:　9999年99月99日 */
/* 　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　  */
/* ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ */



/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* 基本本文レイアウト */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */



/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* 共通項目 */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* 見出し */
h1 {
}


/* 汎用レイアウト*/
.left {		float: left; }
.right {	float: right; }

/* マージン */
.margin02 {	margin-bottom: 2px; }
.margin05 {	margin-bottom: 5px; }
.margin06 {	margin-bottom: 6px; }
.margin08 {	margin-bottom: 8px; }
.margin10 {	margin-bottom: 10px; }
.margin15 {	margin-bottom: 15px; }
.margin20 {	margin-bottom: 20px; }
.margin30 {	margin-bottom: 30px; }
.margin40 {	margin-bottom: 40px; }




/* 文字装飾 */
strong {
	font-weight: bold;
}

ul {

}
ul li {
	list-style:none;
}

/* float解除 */
.cbox {
}
* html .cbox {
	zoom: 100%;
}
*:first-child+html .cbox {
	display: inline-block;
}
.cbox:after {
	content: ".";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}



/* リンク */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
a {
	color: #000000;
}


/* テキスト装飾 */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* 小文字 */
.cap {
	line-height: 1;
	font-size: 84%;
	padding-top:8px;
}




/* 横幅 */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
body {
	font-family: YuGothic, 'Yu Gothic', 游ゴシック体, '游ゴシック', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'MS ゴシック', 'MS Gothic', sans-serif;
	-webkit-text-size-adjust: 100%;
	margin: 0 !important;
	padding: 0 !important;
	color: #000;
}




/* PC */
@media screen and (min-width:481px) {

#Header_sp {
	display: none;
}



.area {
	width: 1140px;
	margin: 0 auto;
}



/* menubtn */
#menubtn {
	display: none;
}







/* Rnav
----------------------------- */
#Rnav {
	width: 100%;
	padding: 30px 0;
	background: #F8F8F8;
	position: fixed;
	display: none;
	top:0;
	left: 0;
	z-index: 10;
}


#Rnav.scroll{
	position: fixed;
	top:0;
	left: 0;
	z-index: 99999 !important;
}

#Rnav ul {
	width: 660px;
	margin: 0 auto;
}
	* html #Rnav ul {
		zoom: 100%;
	}
	*:first-child+html #Rnav ul {
		display: inline-block;
	}
	#Rnav ul:after {
		content: ".";
		clear: both;
		height: 0;
		display: block;
		visibility: hidden;
	}

	#Rnav p {
		width: 80px;
		position: absolute;
		top: 28px;
		left: 28px;
	}
		#Rnav p img {
			width: 100%;
			height: auto;
		}


	#Rnav ul li {
		float: left;
		margin-right: 20px;
	}
	#Rnav ul li.last {
		float: left;
		margin-right: 0;
	}

#Rnav #rightArea {
	position: absolute;
	top: 30px;
	right: 30px;
	z-index: -1;
}
	#Rnav #rightArea ul {
		margin-bottom: 60px;
	}
	* html #Rnav #rightArea ul {
		zoom: 100%;
	}
	*:first-child+html #Rnav #rightArea ul {
		display: inline-block;
	}
	#Rnav #rightArea ul:after {
		content: ".";
		clear: both;
		height: 0;
		display: block;
		visibility: hidden;
	}
		#Rnav #rightArea ul li {
			float: right;
			margin-left: 15px;
			margin-right: 0;
		}
		#Rnav #rightArea ul li.last {
			float: right;
			margin-left: 0;
		}










/* PICK_UP
---------------------------- */
#PICK_UP {
	width: 100%;
	min-width: 1140px;
	overflow: hidden !important;
	padding: 100px 0;
	background: #addce6;
}


#PICK_UP .title {
	width: 1140px;
	margin: 0 auto;
	position: relative;
	clear: both;
	padding-bottom: 50px;
}
	#PICK_UP .title h3 {
		font-size: 50px;
		font-weight: lighter !important;
		text-align: center;
		line-height: 0.5em;
	}
		#PICK_UP .title h3 span {
			font-size: 12px;
		}


#PICK_UP #owl-demo03 li {
	width: 1140px;
	height: 864px;
	position: relative;
}
	#PICK_UP #owl-demo03 li p {
		position: absolute;
	}
	/*#PICK_UP #owl-demo03 li .bnr01 {
		width: 568px;
		height: 213px;
		overflow: hidden;
		top: 0;
		left: 0;
		z-index: 50;
	}*/
	#PICK_UP #owl-demo03 li .bnr01 {
		width: 282px;
		height: 213px;
		overflow: hidden;
		top: 0;
		left: 286px;
		z-index: 50;
	}
	#PICK_UP #owl-demo03 li .bnr02 {
		width: 282px;
		height: 213px;
		overflow: hidden;
		top: 434px;
		left: 858px;
		z-index: 50;
	}
	#PICK_UP #owl-demo03 li .bnr03 {
		width: 568px;
		height: 213px;
		overflow: hidden;
		top: 0;
		left: 572px;
		z-index: 100;
	}
	#PICK_UP #owl-demo03 li .bnr04 {
		width: 568px;
		height: 213px;
		overflow: hidden;
		top: 217px;
		left: 572px;
		z-index: 100;
	}
	#PICK_UP #owl-demo03 li .bnr05 {
		width: 282px;
		height: 213px;
		overflow: hidden;
		top: 434px;
		left: 0;
		z-index: 100;
	}
	#PICK_UP #owl-demo03 li .bnr06 {
		width: 282px;
		height: 430px;
		overflow: hidden;
		top: 0;
		left: 0;
		z-index: 100;
	}
	#PICK_UP #owl-demo03 li .bnr07 {
		width: 282px;
		height: 213px;
		overflow: hidden;
		top: 434px;
		left: 572px;
		z-index: 50;
	}
	#PICK_UP #owl-demo03 li .bnr08 {
		width: 1140px;
		height: 213px;
		overflow: hidden;
		top: 650px;
		left: 0;
		z-index: 50;
	}
	#PICK_UP li img {
		-moz-transition: -moz-transform 0.2s linear;
		-webkit-transition: -webkit-transform 0.2s linear;
		-o-transition: -o-transform 0.2s linear;
		-ms-transition: -ms-transform 0.2s linear;
		transition: transform 0.2s linear;
	}
	#PICK_UP li img:hover {
		-webkit-transform: scale(1.05);
		-moz-transform: scale(1.05);
		-o-transform: scale(1.05);
		-ms-transform: scale(1.05);
		transform: scale(1.05);
	}




#PICK_UP #owl-demo03 li .bnrSlider {
	position: relative;
}
	#PICK_UP #owl-demo03 li .bnrSlider h5 {
		position: absolute;
		top: 355px;
		left: 345px;
		z-index: 30;
	}

#PICK_UP #owl-demo03 li .bnrSlider #owl-demo04 {
	position: absolute;
	width: 283px;
	height: 430px !important;
	top: 217px;
	left: 285px;
	overflow: hidden !important
}
	#PICK_UP #owl-demo03 li .bnrSlider #owl-demo04 p {
		width: 283px;
		height: 430px !important;
		position: static !important;
		overflow: hidden !important
	}




#PICK_UP #owl-demo03 .owl-controls .owl-prev{
	position: absolute !important;
	top: 50%;
	left: 50%;
	margin-top: -300px;
	margin-left: -565px;
}
#PICK_UP #owl-demo03 .owl-controls .owl-next{
	position: absolute !important;
	top: 50%;
	right: 50%;
	margin-top: -300px;
	margin-right: -1090px;
	overflow: hidden !important;
}
	#PICK_UP #owl-demo03 .owl-controls .Bnr {
		display: none;
	}

#PICK_UP #owl-demo04 .owl-controls .owl-prev {
	position: absolute !important;
	top: 490px;
	left: 570px !important;
	display: block;
}
#PICK_UP #owl-demo04 .owl-controls .owl-next {
	position: absolute !important;
	top: 490px;
	right: 985px;
	display: block;
}
	#PICK_UP #owl-demo04 .owl-controls .Bnr {
		display: block;
	}
	#PICK_UP #owl-demo04 .owl-controls .arrow {
		display: none;
	}
	#PICK_UP #owl-demo04 .owl-controls .arrow_white {
		display: none;
	}
	#PICK_UP #owl-demo04 .owl-controls img:hover {
		-webkit-transform: none;
		-moz-transform: none;
		-o-transform: none;
		-ms-transform: none;
		transform: none;
	}







/* OC
---------------------------- */
#OC {
	width: 100%;
	min-width: 1140px;
	background: #ffee00;
	text-align: center;
	position: relative;
	overflow: hidden;
}

#OC h3 {
	font-size: 50px;
	font-weight: lighter;
	line-height: 1.4em;
}

#OC .bg {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -1072px;
	z-index: 1;
	display: none;
}

#OC .go {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -50px;
	margin-left: 470px;
}

#OC .btn {
	width: 100%;
	padding: 70px 0;
	border: none;
	background: none;
	display: block;
	text-transform: uppercase;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	z-index: 9999;
}

#OC .btn:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
/* Pseudo elements for icons */
#OC .btn:before {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	position: relative;
	-webkit-font-smoothing: antialiased;
}
#OC .btn {
	color: #000;
	overflow: hidden;
}
#OC .btn:after {
	width: 100%;
	top: 50%;
	left: 50%;
	background: #fff;
	opacity: 0;
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	transform: translateX(-50%) translateY(-50%) rotate(45deg);
}

#OC .btn:hover,
#OC .btn:active {
	width: 100%;
	color: #000;
}

#OC .btn:hover:after {
	height: 280%;
	opacity: 1;
}

#OC .btn:active:after {
	height: 800%;
	opacity: 1;
}


















/* Request
---------------------------- */
#Request {
	width: 100%;
	min-width: 1140px;
	background: #7ac0ae;
	text-align: center;
	position: relative;
	overflow: hidden;
}
#Request h3 {
	font-size: 36px;
	font-weight: lighter;
	line-height: 1.4em;
	padding: 10px;
}

#Request .bg {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -1072px;
	z-index: 1;
	display: none;
}

#Request .go {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -50px;
	margin-left: 470px;
}

#Request .btn {
	width: 100%;
	padding: 70px 0;
	border: none;
	background: none;
	display: block;
	text-transform: uppercase;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	z-index: 9999;
}

#Request .btn:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
/* Pseudo elements for icons */
#Request .btn:before,
#Request .icon-heart:after,
#Request .icon-star:after,
#Request .icon-plus:after,
#Request .icon-file:before {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	position: relative;
	-webkit-font-smoothing: antialiased;
}
#Request .btn {
	color: #000;
	overflow: hidden;
}
#Request .btn:after {
	width: 100%;
	top: 50%;
	left: 50%;
	background: #fff;
	opacity: 0;
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	transform: translateX(-50%) translateY(-50%) rotate(45deg);
}

#Request .btn:hover,
#Request .btn:active {
	width: 100%;
	color: #000;
}

#Request .btn:hover:after {
	height: 280%;
	opacity: 1;
}

#Request .btn:active:after {
	height: 800%;
	opacity: 1;
}








/* Access
---------------------------- */
#Access {
	width: 100%;
	min-width: 1140px;
	background: #b5c7dc;
	text-align: center;
	position: relative;
	overflow: hidden;
}
#Access h3 {
	font-size: 50px;
	font-weight: lighter;
	line-height: 1.4em;
}

#Access .bg {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -1072px;
	z-index: 1;
	display: none;
}

#Access .go {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -50px;
	margin-left: 470px;
}

#Access .btn {
	width: 100%;
	padding: 70px 0;
	border: none;
	background: none;
	display: block;
	text-transform: uppercase;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	z-index: 9999;
}

#Access .btn:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
/* Pseudo elements for icons */
#Access .btn:before {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	position: relative;
	-webkit-font-smoothing: antialiased;
}
#Access .btn {
	color: #000;
	overflow: hidden;
}
#Access .btn:after {
	width: 100%;
	top: 50%;
	left: 50%;
	background: #fff;
	opacity: 0;
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	transform: translateX(-50%) translateY(-50%) rotate(45deg);
}

#Access .btn:hover,
#Access .btn:active {
	width: 100%;
	color: #000;
}

#Access .btn:hover:after {
	height: 280%;
	opacity: 1;
}

#Access .btn:active:after {
	height: 800%;
	opacity: 1;
}








/* Access
---------------------------- */
#Contact {
	width: 100%;
	min-width: 1140px;
	background: url(/share/img/contact_bg.jpg) no-repeat center;
	padding: 115px 0;
}

#Contact h3 {
	font-size: 26px;
	font-weight: lighter;
	line-height: 1.4em;
	color: #fff;
	text-align: center;
	margin-bottom: 60px;
}

#Contact ul {
	width: 300px;
	margin: 0 auto;
}
* html #Contact ul {
	zoom: 100%;
}
*:first-child+html #Contact ul {
	display: inline-block;
}
#Contact ul:after {
	content: ".";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}
	#Contact ul li {
		float: left;
	}
	#Contact ul li.last {
		float: right;
	}

















/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* フッター */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#footer {
	width: 100%;
	min-width: 1140px;
	padding: 40px 0 40px 0;
	background: #f8f8f8;
}

#footer .area {
	position: relative;
}
	#footer .area dl {
		text-align: center;
	}
		#footer .area dl dt {
			margin-bottom: 10px;
		}

	#footer .area ul {
		position: absolute;
		top: 0;
		right: 0;
	}
	* html #footer .area ul {
		zoom: 100%;
	}
	*:first-child+html #footer .area ul {
		display: inline-block;
	}
	#footer .area ul:after {
		content: ".";
		clear: both;
		height: 0;
		display: block;
		visibility: hidden;
	}
		#footer .area ul li {
			float: right;
			background: url(../img/footer_border.gif) no-repeat 0.1em;
		}
		#footer .area ul li.last {
			background: none;
		}
			#footer .area ul li a {
				padding-left: 20px;
				display:block;
			}
			#footer .area ul li.last a {
				padding-right: 20px;
			}



#pageTop {
	display: none;
	position: fixed;
    bottom: 0px;
    right: 0px;
	z-index: 500;
}
#Student {
	display: none;
	position: fixed;
    bottom: 0px;
    left: 0px;
	z-index: 500;
}


#toppage {
	display: none !important;
}



}





/* スマホ */
@media only screen and (max-width: 480px) {

/* menubtn */
#menubtn {
	width: 100%;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 100;
	background: #000;
}
	#menubtn li {
		width: 20%;
		float: left;
	}
		#menubtn li img {
			width: 100%;
			height: auto;
		}


#toppage {
	width: 80px;
	position: fixed;
	bottom: 90px;
	right: 5px;
	z-index: 100;
}
	#toppage img {
		width: 100%;
		height: auto;
	}















/* PICK_UP
---------------------------- */
#PICK_UP {
	overflow: hidden !important;
	padding: 12% 3% 7% 3%;
	background: #addce6;
}


#PICK_UP .title {
	position: relative;
	clear: both;
	padding-bottom: 10px;
}
	#PICK_UP .title h3 {
		font-size: 250%;
		font-weight: lighter;
		text-align: center;
		line-height: 0.8em;
	}
		#PICK_UP .title h3 span {
			font-size: 12px;
		}


#PICK_UP #owl-demo03 li {
	position: relative;
}
	#PICK_UP #owl-demo03 li p {
	}
	#PICK_UP #owl-demo03 li .bnr01 {
		width: 49.5%;
		float: left;
		margin-bottom: 1%;
	}
	#PICK_UP #owl-demo03 li .bnr02 {
		width: 49.5%;
		float: right;
		margin-bottom: 1%;
	}
	#PICK_UP #owl-demo03 li .bnr03 {
		width: 100%;
		margin-bottom: 1%;
	}
	#PICK_UP #owl-demo03 li .bnr04 {
		width: 100%;
		margin-bottom: 1%;
	}
	#PICK_UP #owl-demo03 li .bnr05 {
		width: 49.5%;
		float: left;
		margin-bottom: 1%;
	}
	#PICK_UP #owl-demo03 li .bnr06 {
		width: 49.5%;
		float: right;
		margin-bottom: 1%;
	}
	#PICK_UP #owl-demo03 li .bnr07 {
		width: 49.5%;
		float: left;
		margin-bottom: 1%;
	}
	#PICK_UP #owl-demo03 li .bnr08 {
		width: 100%;
		margin-bottom: 1%;
	}
		#PICK_UP li img {
			width: 100%;
			height: auto;
		}



#PICK_UP #owl-demo03 li .bnrSlider {
	position: relative;
}
	#PICK_UP #owl-demo03 li .bnrSlider h5 {
		position: absolute;
		width: 162px;
		height: 126px;
		top: 50%;
		left: 50%;
		margin-top: -22%;
		margin-left: -83px;
		z-index: 9999;
	}


#PICK_UP #owl-demo03 li .bnrSlider #owl-demo04 {
	margin-bottom: 1%;
}
	#PICK_UP #owl-demo03 li .bnrSlider #owl-demo04 p {
		position: static !important;
	}



#PICK_UP #owl-demo04 .owl-controls .owl-prev {
	position: absolute !important;
	top: 50%;
	left: 50% !important;
	display: block;
	margin-top: -10%;
	margin-left: -48%;
}
#PICK_UP #owl-demo04 .owl-controls .owl-next {
	position: absolute !important;
	top: 50%;
	right: 50%;
	display: block;
	margin-top: -10%;
	margin-right: -86%;
}
	#PICK_UP #owl-demo04 .owl-controls img {
		width: 20%;
	}
	#PICK_UP #owl-demo04 .owl-controls .Bnr {
		display: block;
	}
	#PICK_UP #owl-demo04 .owl-controls .arrow {
		display: none;
	}
	#PICK_UP #owl-demo04 .owl-controls .arrow_white {
		display: none;
	}







/* OC
---------------------------- */
#OC {
	background: #ffee00;
	text-align: center;
	position: relative;
	overflow: hidden;
}

#OC img {
	width: 100%;
	height: auto;
}

#OC h3 {
	font-size: 250%;
	font-weight: lighter;
	line-height: 1.4em;
}

#OC .bg {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -1072px;
	z-index: 1;
	display: none;
}

#OC .go {
	width: 100%;
	text-align: center;
	padding-top: 3%;
}
	#OC .go img {
		width: 20%;
		height: auto;
	}

#OC .btn {
	width: 100%;
	padding: 5% 0;
	border: none;
	background: none;
	display: block;
	text-transform: uppercase;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	z-index: 100;
}

#OC .btn:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
/* Pseudo elements for icons */
#OC .btn:before {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	position: relative;
	-webkit-font-smoothing: antialiased;
}
#OC .btn {
	color: #000;
	overflow: hidden;
}
#OC .btn:after {
	width: 100%;
	top: 50%;
	left: 50%;
	background: #fff;
	opacity: 0;
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	transform: translateX(-50%) translateY(-50%) rotate(45deg);
}

#OC .btn:hover,
#OC .btn:active {
	width: 100%;
	color: #000;
}

#OC .btn:hover:after {
	height: 280%;
	opacity: 1;
}

#OC .btn:active:after {
	height: 800%;
	opacity: 1;
}















/* Request
---------------------------- */
#Request {
	background: #7ac0ae;
	text-align: center;
	position: relative;
	overflow: hidden;
}
#Request h3 {
	font-size: 180%;
	font-weight: lighter;
	line-height: 1.4em;
	padding: 10px;
}

#Request .bg {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -1072px;
	z-index: 1;
	display: none;
}

#Request .go {
	width: 100%;
	text-align: center;
	padding-top: 3%;
}
	#Request .go img {
		width: 20%;
		height: auto;
	}

#Request .btn {
	width: 100%;
	padding: 5% 0;
	border: none;
	background: none;
	display: block;
	text-transform: uppercase;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	z-index: 100;
}

#Request .btn:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
/* Pseudo elements for icons */
#Request .btn:before,
#Request .icon-heart:after,
#Request .icon-star:after,
#Request .icon-plus:after,
#Request .icon-file:before {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	position: relative;
	-webkit-font-smoothing: antialiased;
}
#Request .btn {
	color: #000;
	overflow: hidden;
}
#Request .btn:after {
	width: 100%;
	top: 50%;
	left: 50%;
	background: #fff;
	opacity: 0;
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	transform: translateX(-50%) translateY(-50%) rotate(45deg);
}

#Request .btn:hover,
#Request .btn:active {
	width: 100%;
	color: #000;
}

#Request .btn:hover:after {
	height: 280%;
	opacity: 1;
}

#Request .btn:active:after {
	height: 800%;
	opacity: 1;
}








/* Access
---------------------------- */
#Access {
	background: #b5c7dc;
	text-align: center;
	position: relative;
	overflow: hidden;
}
#Access h3 {
	font-size: 250%;
	font-weight: lighter;
	line-height: 1.4em;
}

#Access .bg {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -1072px;
	z-index: 1;
	display: none;
}

#Access .go {
	width: 100%;
	text-align: center;
	padding-top: 3%;
}
	#Access .go img {
		width: 20%;
		height: auto;
	}

#Access .btn {
	width: 100%;
	padding: 5% 0;
	border: none;
	background: none;
	display: block;
	text-transform: uppercase;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	z-index: 100;
}

#Access .btn:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
/* Pseudo elements for icons */
#Access .btn:before {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	position: relative;
	-webkit-font-smoothing: antialiased;
}
#Access .btn {
	color: #000;
	overflow: hidden;
}
#Access .btn:after {
	width: 100%;
	top: 50%;
	left: 50%;
	background: #fff;
	opacity: 0;
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	transform: translateX(-50%) translateY(-50%) rotate(45deg);
}

#Access .btn:hover,
#Access .btn:active {
	width: 100%;
	color: #000;
}

#Access .btn:hover:after {
	height: 280%;
	opacity: 1;
}

#Access .btn:active:after {
	height: 800%;
	opacity: 1;
}








/* Access
---------------------------- */
#Contact {
	background: url(../img/contact_bg.jpg) no-repeat center;
	padding: 10% 5%;
}

#Contact h3 {
	font-size: 150%;
	font-weight: lighter;
	line-height: 1.4em;
	color: #fff;
	text-align: center;
	margin-bottom: 40px;
}

#Contact ul {
	padding: 0 10%;
}
* html #Contact ul {
	zoom: 100%;
}
*:first-child+html #Contact ul {
	display: inline-block;
}
#Contact ul:after {
	content: ".";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}
	#Contact ul li {
		width: 40%;
		float: left;
	}
	#Contact ul li.last {
		width: 40%;
		float: right;
	}
		#Contact ul li img {
			width: 100%;
			height: auto;
		}


























/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* フッター */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#footer {
	padding: 7% 3%;
	background: #f8f8f8;
}

#footer .area {
}
	#footer .area dl {
		text-align: center;
	}
		#footer .area dl dt {
			margin-bottom: 10px;
		}

	#footer .area ul {
		margin-bottom: 5%;
	}
	* html #footer .area ul {
		zoom: 100%;
	}
	*:first-child+html #footer .area ul {
		display: inline-block;
	}
	#footer .area ul:after {
		content: ".";
		clear: both;
		height: 0;
		display: block;
		visibility: hidden;
	}
		#footer .area ul li {
			background: url(../img/footer_border.gif) no-repeat 0.1em;
			float: right;
			width: 50%;
		}
		#footer .area ul li.last {
			background: none;
		}
			#footer .area ul li a {
				padding-left: 20px;
				display:block;
				text-align: center;
			}
			#footer .area ul li.last a {
				padding-right: 20px;
			}













#pageTop {
	display: none;
	position: fixed;
    bottom: 0px;
    right: 0px;
	z-index: 500;
}

#Student {
	display: none;
	position: fixed;
    bottom: 0px;
    left: -9999px;
	z-index: -999;
}















}