@charset 'UTF-8';


/****************************************************************************************************

CSSリセット

*****************************************************************************************************/

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,.section,summary,time,mark,audio,video
{
	margin:0;
	padding:0;
	border:0;
	outline:none;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	background:url(img/px.png) 0 0 no-repeat;
}
img
{
	width: 100%;
	margin:0;
	padding:0;
	border:0;
	outline:none;
	vertical-align:baseline;
}
body
{
	line-height: 1;
	-webkit-text-size-adjust: 100%;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,.section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;outline:none;}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}
* {box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;}

/****************************************************************************************************

clearfix

*****************************************************************************************************/

/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf:before, .cf:after
{
    display: table; /* 2 */

    content: ' '; /* 1 */
}

.cf:after
{
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf
{
    *zoom: 1;
}





/*ボックス内見出し文字*/

@media screen and (max-width: 768px) {
	ul li .in h4{ font-size: 1.55rem!important; }
}

@media screen and (min-width: 769px) {
	ul li .in h4{ font-size: 1.1rem!important; }
}

@media screen and (min-width: 1300px) {
	ul li .in h4{ font-size: 1.2rem!important; }
}

@media screen and (min-width: 1400px) {
	ul li .in h4{ font-size: 1.3rem!important; }
}

@media screen and (min-width: 1500px) {
	ul li .in h4{ font-size: 1.4rem!important; }
}

@media screen and (min-width: 1600px) {
	ul li .in h4{ font-size: 1.5rem!important; }
}


@media (min-width: 769px) {

/*
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
PC表示
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
*/

	/****************************************************************************************************

	初期設定

	*****************************************************************************************************/

	html, body
	{
		font-family: 'Quicksand', 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
		font-size: 18px;
		line-height: 162%;
		min-width:1160px;
		text-align: center;
		color: #464646;
		word-break: break-all;
	}

	body
	{
		position: relative;
		z-index: 1;
		background-color: #fff;
	}

	.inner
	{
		position: relative;
		width: 960px;
		margin: 0 auto;
		text-align: left;
	}

	.cb
	{
		clear:both;
	}

	.center
	{
		text-align:center;
	}

	.fl
	{
		float:left;
	}

	img.fl
	{
		float:left;
		margin-right:30px;
		margin-bottom:30px;
	}

	.fr
	{
		float:right;
	}

	img.fr
	{
		float:right;
		margin-left:30px;
		margin-bottom:30px;
	}

	/* テキスト
	*****************************************************************************************************/

	h1
	{	
	}

	h2
	{
	}

	h3
	{
	}

	h3.index
	{
	}

	h4
	{
	}

	p
	{
		margin-bottom: 25px;
	}

	a
	{
		opacity: 1;
		filter: alpha(opacity=100);
		-moz-opacity: 1;
		transition: all 0.5s;
	}

	a:hover, a:hover img
	{
		opacity: .6;
		filter: alpha(opacity=60);
		-moz-opacity: .6;
	}

	a.button
	{
		display:block;
		width:100%;
		max-width: 200px;
		margin: 0 auto 10px auto;
		height:48px;
		line-height: 48px;
		border:2px solid #fff;
		background: url("img/button_arrow_small.png") 95% center no-repeat;
		background-color: rgba(0,0,0,0.25);
		text-align: center;
		text-decoration: none;
		color:#fff;
	}

	a.button:hover
	{
		border-radius: 60px;
		background: url("img/button_arrow_small.png") 110% center no-repeat;
		opacity: 1;
		filter: alpha(opacity=100);
		-moz-opacity: 1;
	}


	strong,em
	{
		font-weight:bold;
		font-style:normal;
	}

	blockquote
	{
		position: relative;
		width:100%;
		padding:55px 55px 1px 55px;
		background-color: #f9f9f9;
		quotes: "\201C""\201D""\2018""\2019";
	}

	.big
	{
		font-size: 1.125rem;
	}

	.small
	{
		font-size: 0.875rem;
	}

	.red
	{
		color:#cc0000;
	}

	/* テーブル
	*****************************************************************************************************/

	table
	{
		margin-bottom: 60px;
	}

	table th
	{
		border: 1px solid #ccc;
		border-left:none;
		border-right:none;
		padding: 30px;
		vertical-align: top;
	}

	table td
	{
		border: 1px solid #ccc;
		border-left:none;
		border-right:none;
		background-color: #fff;
		padding: 30px;
		vertical-align: middle;
	}

	table tr th,
	table tr td
	{
		transition: all 1s;
	}

	table tr:hover th,
	table tr:hover td
	{
		background-color: #f9f9f9;
	}


	/* アコーディオン
	*****************************************************************************************************/

	.acc
	{
		display: block;
		color:blue;
		text-decoration: underline;
		cursor:pointer;
	}

	.acc_box
	{
		display: none;
	}

	/* 余白
	*****************************************************************************************************/

	/* マージン */

	.mt10
	{
		margin-top:10px;
	}

	.mt20
	{
		margin-top:20px;
	}

	.mt30
	{
		margin-top:30px;
	}

	.mt40
	{
		margin-top:40px;
	}

	.mt50
	{
		margin-top:50px;
	}

	.mt60
	{
		margin-top:60px;
	}

	.mt70
	{
		margin-top:70px;
	}

	.mt80
	{
		margin-top:80px;
	}

	.mb10
	{
		margin-bottom:10px;
	}

	.mb20
	{
		margin-bottom:20px;
	}

	.mb30
	{
		margin-bottom:30px;
	}

	.mb40
	{
		margin-bottom:40px;
	}

	.mb50
	{
		margin-bottom:50px;
	}

	.ml30
	{
		margin-left:30px;
	}

	.ma
	{
		margin-right:auto !important;
		margin-left: auto !important;
	}

	/* パディング */

	.p0
	{
		padding:0;
	}
	/****************************************************************************************************

	ヘッダー

	*****************************************************************************************************/

	body > header
	{
		width:100%;
		height:100px;
		z-index:999;
	}

	body > header .hd_logo
	{
		float:left;
		width:525px;
		margin:20px 0 0 30px;
	}

	body > header .needless
	{
		float:right;
		width:240px;
		height:100px;
		line-height: 100px;
		background-color: #464646;
		font-size:1.11rem;
		color:#fff;
		text-align: center;
	}

	/****************************************************************************************************

	メインイメージ

	*****************************************************************************************************/

	.main_image
	{
		position: relative;
		clear: both;
		width:100%;
		height:560px;
		overflow: hidden;
	}

	.main_image:after
	{
		position: absolute;
		content: "";
		display: block;
		top:0;
		width:100%;
		height:100%;
		/*transition: all 60s;*/
		background: url("img/mainimage.jpg") bottom center no-repeat;
		background-size: cover;
	}

	/*.main_image:hover:after
	{
		-moz-transform: scale(1.5);
		-webkit-transform: scale(1.5);
		-ms-transform: scale(1.5);
		transform: scale(1.5);
	}*/

	.main_image .cover
	{
		position: relative;
		width:100%;
		height:100%;
		z-index: 1;
		transition: all 1s;
	}

	.main_image .cover:hover
	{
		background-color: rgba(0,0,0,0.25);
	}

	.main_image .inner
	{
		text-align: center;
	}

	.main_image .inner h2
	{
		width:792px;
		margin: 0 auto;
		padding: 80px 0 0 0 ;
	}

	.main_image a.button
	{
		float: left;
		display:block;
		width:383px;
		max-width: 383px;
		height:80px;
		line-height: 78px;
		margin: 0 auto;
		border:4px solid #fff;
		background: url("img/button_arrow_big.png") 90% center no-repeat;
		background-color: rgba(0,0,0,0.25);
		text-align: center;
		text-decoration: none;
		font-size: 1.44rem;
		font-weight: bold;
		color:#fff;
	}

	.main_image a.button:hover
	{
		background: url("img/button_arrow_big.png") 110% center no-repeat;
		background-color: rgba(0,0,0,0.5);
	}

	.main_image a.button.map
	{
		margin: 30px 0 0 80px;
	}

	.main_image a.button.access
	{
		margin: 30px 0 0 30px;
	}

	/****************************************************************************************************

	コンテンツ

	*****************************************************************************************************/

	.contents
	{
		clear:both;
		position:relative;
		overflow:hidden;
	}

	/* リスト（共通）
	*****************************************************************************************************/

	ul
	{
		width:100%;
		padding: 0;
		list-style: none;
		overflow: hidden;
	}

	ul li
	{
		position: relative;
		display: inline;
		text-align:center;
		vertical-align: middle;
		overflow: hidden;
		/*border: 1px solid black;*/
	}

	ul li:after
	{
		position: absolute;
		content: "";
		display: block;
		top:0;
		width:100%;
		height:100%;
		transition: all 0.5s;
	}

	ul li:hover:after
	{
		-moz-transform: scale(1.05);
		-webkit-transform: scale(1.05);
		-ms-transform: scale(1.05);
		transform: scale(1.05);
		opacity: 0.25;
		filter: alpha(opacity=25);
		-moz-opacity: 0.25;
	}

	ul li:hover a.button
	{
		background-color: rgba(0,0,0,0);
	}

	ul li .in
	{
		position: absolute;
		top:0;
		left: 0;
		width:100%;
		height:100%;
		z-index:1;
		background-color: rgba(0,0,0,0);
		transition: all 1s;
	}

	ul li .in:hover
	{
		background-color: rgba(0,0,0,0.1);
	}

	ul li .in.non:hover
	{
		background-color: rgba(0,0,0,0);
	}

	ul li .in h3
	{
		position: absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;
		margin: auto;
	}

	ul li .in h4
	{
		margin-bottom: 20px;
		font-size: 1.5rem;
		font-weight:normal;
		letter-spacing: 0.05em;
		line-height: 1.25em;
	}

	ul li .in h4 .ls0
	{
		letter-spacing: 0;
	}

	ul li .in div[class^="box"]
	{
		position: absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;
		margin: auto;
	}

	/*col5*/

	ul.col5
	{
	}

	li.col5-1
	{
		width:20%;
	}

	ul li.col5-1.row1:before
	{
		display: block;
		content: "";
		padding-top:100%;
	}

	ul li.col5-1.row2:before
	{
		display: block;
		content: "";
		padding-top:200%;
	}

	li.col5-2
	{
		width:40%;
	}

	ul li.col5-2.row1:before
	{
		display: block;
		content: "";
		padding-top:50%;
	}

	ul li.col5-2.row2:before
	{
		display: block;
		content: "";
		padding-top:100%;
	}

	li.col5-3
	{
		width:60%;
	}

	ul li.col5-3.row1:before
	{
		display: block;
		content: "";
		padding-top:33.3333%;
	}

	ul li.col5-3.row2:before
	{
		display: block;
		content: "";
		padding-top:66.6666%;
	}


	/*イベント*/
	.contents .event
	{
		width:100%;
		border-top:1px solid #C0392B;
		border-left:1px solid #C0392B;
		background-color: #C0392B;
		color: #fff;
	}

	.contents .event li
	{
		border-right:1px solid #C0392B;
		border-bottom:1px solid #C0392B;
	}

	.contents .event h3
	{
		width:150px;
		height:94px;
	}

	.contents .event .box200
	{
		width:70%;
		max-width:240px;
		height:200px;
	}

	.contents .event .box160
	{
		width:70%;
		max-width:240px;
		height:160px;
	}

	.contents .event .it:after
	{
		background: url("img/event_it.jpg") center center no-repeat;
		background-size: cover;
	}

	.contents .event .bio:after
	{
		background: url("img/event_bio.jpg") center center no-repeat;
		background-size: cover;
	}

	.contents .event .mate:after
	{
		background: url("img/event_mate.jpg") center center no-repeat;
		background-size: cover;
	}

	.contents .event .carr:after
	{
		background: url("img/event_carr.jpg") center center no-repeat;
		background-size: cover;
	}

	.contents .event .tosho:after
	{
		background: url("img/event_tosho.jpg") center center no-repeat;
		background-size: cover;
	}

	.contents .event .gend:after
	{
		background: url("img/event_gend.jpg") center center no-repeat;
		background-size: cover;
	}

	.contents .event .dorm:after
	{
		background: url("img/event_dorm.jpg") center center no-repeat;
		background-size: cover;
	}


	/*先端大での生活*/
	.contents .life
	{
		width:100%;
		border-top:1px solid #16A085;
		border-left:1px solid #16A085;
		background-color: #16A085;
		color: #fff;
	}

	.contents #bx-pager
	{
		width:100%;
		border-left:1px solid #16A085;
		background-color: #16A085;
		padding-top: 10px;
		color: #fff;
	}

	.contents .life li
	{
		border-right:1px solid #16A085;
	}

	.contents .life h3
	{
		width:315px;
		height:94px;
	}

	.contents ul.bxslider li div
	{
		position: absolute;
		bottom:0;
		left:0;
		width: 100%;
		background-color: rgba(0,0,0,0.5);
		padding: 20px 30px;
		text-align: left;
	}

	.contents ul#bx-pager
	{
		width:100%;
		overflow: hidden;
		list-style: none;
		border-bottom:1px solid #16A085;
	}

	.contents ul#bx-pager li
	{
		display: inline-block;
		float: left;
		width:10%;
		overflow: hidden;
		padding-right: 1px;
		cursor:pointer;
		transition: 0.5s all;
	}

	.contents ul#bx-pager li:hover
	{
		opacity: .6;
		filter: alpha(opacity=60);
		-moz-opacity: .6;
	}

	.contents ul#bx-pager li:after
	{
		position: inherit;
	}

	.contents ul#bx-pager li a img
	{
		padding: 0;
		margin:0;
	}


	/*遠方からお越しの方に*/
	.contents .guest
	{
		width:100%;
		border-top:1px solid #446CB3;
		border-left:1px solid #446CB3;
		background-color: #446CB3;
		color: #fff;
	}

	.contents .guest li
	{
		border-right:1px solid #446CB3;
		border-bottom:1px solid #446CB3;
	}

	.contents .guest h3
	{
		width:251px;
		height:125px;
	}

	.contents .guest .box100
	{
		width:70%;
		max-width:240px;
		height:100px;
	}

	.contents .guest .bus:after
	{
		background: url("img/guest_bus.jpg") center center no-repeat;
		background-size: cover;
	}

	.contents .guest .park:after
	{
		background: url("img/guest_parking.jpg") center center no-repeat;
		background-size: cover;
	}

	.contents .guest .house:after
	{
		background: url("img/guest_house.jpg") center center no-repeat;
		background-size: cover;
	}


	/*インフォメーション*/
	.contents .info
	{
		width:100%;
		border-top:1px solid #CBA82D;
		border-left:1px solid #CBA82D;
		background-color: #CBA82D;
		color: #fff;
	}

	.contents .info li
	{
		border-right:1px solid #CBA82D;
		border-bottom:1px solid #CBA82D;
	}

	.contents .info h3
	{
		width:321px;
		height:94px;
	}

	.contents .info .box100
	{
		width:70%;
		max-width:340px;
		height:100px;
	}

	.contents .info .sche:after
	{
		background: url("img/info_schedule.jpg") center center no-repeat;
		background-size: cover;
	}

	.contents .info .setu:after
	{
		background: url("img/info_info.jpg") center center no-repeat;
		background-size: cover;
	}



	/*遠方からお越しの方に*/
	.contents .info
	{
		width:100%;
		border-top:1px solid #CBA82D;
		border-left:1px solid #CBA82D;
		background-color: #CBA82D;
		color: #fff;
	}

	.contents .info li
	{
		border-right:1px solid #CBA82D;
		border-bottom:1px solid #CBA82D;
	}

	.contents .info h3
	{
		width:321px;
		height:94px;
	}

	.contents .info .box100
	{
		width:70%;
		max-width:340px;
		height:100px;
	}


	/*サポート*/
	.contents .support
	{
		width:100%;
		border-top:1px solid #B12A51;
		border-left:1px solid #B12A51;
		background-color: #B12A51;
		color: #fff;
	}

	.contents .support li
	{
		border-right:1px solid #B12A51;
		border-bottom:1px solid #B12A51;
	}

	.contents .support h3
	{
		width:214px;
		height:126px;
	}

	.contents .support .box200
	{
		width:583px;
		height:220px;
	}

	.contents .support .box150
	{
		width:583px;
		height:160px;
	}

	.contents .support .box100
	{
		width:583px;
		height:100px;
		text-align: center;
	}

	.contents .support .box100-2
	{
		width:300px;
		height:100px;
		text-align: center;
	}

	.contents .support a
	{
		max-width: 280px;
		margin-left: 5px;
		margin-right:5px;
	}

	.contents .support .it:after
	{
		background: url("img/supp_it.jpg") center center no-repeat;
		background-size: cover;
	}

	.contents .support .bio:after
	{
		background: url("img/supp_bio.jpg") center center no-repeat;
		background-size: cover;
	}

	.contents .support .mate:after
	{
		background: url("img/supp_mate.jpg") center center no-repeat;
		background-size: cover;
	}

	.contents .support .seikyu:after
	{
		background: url("img/supp_seikyu.jpg") center center no-repeat;
		background-size: cover;
	}
	
	/*開放されるキャンパスで学校生活疑似体験！
	---------------------------------------*/
	
	.p_title
	{
		width:100%;
		height:220px;
		background-color: #32C5CF;
	}
	
	.p_title.map img
	{
		width:315px;
		margin-top: 60px;
	}

	.campusmap {
		margin:60px auto 60px auto;
		width:978px;
		/*height:1070px;*/
		height:800px;
		background:url("img/campusmap.png") 0 0 no-repeat;
		position:relative;
	}

	.campusmap a {
		position:absolute;
		display:block;
	}

	.campusmap a.spot001{
		top:410px;
		left:2px;
	}

	.campusmap a.spot002{
		top:244px;
		left:60px;
	}

	.campusmap a.spot003{
		top:183px;
		left:277px;
	}

	.campusmap a.spot004{
		top:180px;
		left:667px;
	}

	.campusmap a.spot005{
		top:289px;
		left:480px;
	}

	.campusmap a.spot006{
		top:536px;
		left:151px;
	}

	.campusmap a.spot007{
		top:590px;
		left:417px;
	}

	.campusmap a.spot008{
		top:222px;
		left:232px;
	}

	.campusmap a.spot009{
		top:200px;
		left:500px;
	}

	.campusmap a.spot010{
		top:375px;
		left:422px;
	}
	
	/*開放されるキャンパスで学校生活疑似体験！
	---------------------------------------*/

	.p_title.access img
	{
		width:182px;
		margin-top: 60px;
	}
	
	.accessmap
	{
		margin: 60px auto;
	}

	.accessmap img
	{
		width:100%;
	}

	/****************************************************************************************************

	フッター

	*****************************************************************************************************/

	body > footer
	{
		position:relative;
		clear:both;
		width:100%;
	}

	body > footer .contact
	{
		width:100%;
		background-color: #6B9A24;
		text-align: center;
		color: #fff;
		padding-bottom: 60px;
	}

	body > footer .contact .inner
	{
		text-align: center;
		overflow: hidden;
	}

	body > footer .contact h3
	{
		padding-top: 60px;
		padding-bottom: 40px;
		font-size: 1.55rem;
	}

	body > footer .contact h4
	{
		font-size:1.22rem;
		font-weight:normal;
		margin-bottom: 15px;
	}

	body > footer .contact .tel
	{
		float:left;
		width:380px;
		margin-left: 60px;
	}

	body > footer .contact .mail
	{
		float:right;
		width:380px;
		margin-right: 60px;
	}

	body > footer .contact .mail a.button
	{
		max-width:380px;
		height:70px;
		line-height: 70px;
		font-size: 1.55rem;
		background: url(img/ft_mail.png) 80px 18px no-repeat;
		margin-top: -10px;
		padding-left: 40px;
		background-color: rgba(0,0,0,0);
	}

	body > footer .contact .mail a.button:hover
	{
		background: url(img/ft_mail.png) center 18px no-repeat;
	}

	body > footer .contact .mail a.button span
	{
		transition: all 0.5s;
	}

	body > footer .contact .mail a.button:hover span
	{
		opacity: 0;
		filter: alpha(opacity=0);
		-moz-opacity: 0;
	}

	body > footer .home
	{
		width: 100%;
		background-color: #464646;
		color:#fff;
	}

	body > footer .home .inner
	{
		padding: 60px 0;
		text-align: center;
	}

	body > footer .home a.button
	{
		margin-bottom:30px;
		max-width:468px;
		background-color: rgba(0,0,0,0);
	}

	a.button.gotop {
		border:2px solid #777;
		margin-bottom:60px;
		max-width:368px;
		background-color: rgba(0,0,0,0.5);
	}











}

@media (max-width: 768px) {

/*
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
SP表示
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
*/


	/****************************************************************************************************

	初期設定

	*****************************************************************************************************/

	html, body
	{
		font-family: 'Quicksand', 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
		font-size: 18px;
		line-height: 162%;
		width:768px;
		text-align: center;
		color: #464646;
		word-break: break-all;
	}

	body
	{
		position: relative;
		z-index: 1;
		background-color: #fff;
	}

	.inner
	{
		position: relative;
		width: 708px;
		margin: 0 auto;
		text-align: left;
	}

	.cb
	{
		clear:both;
	}

	.center
	{
		text-align:center;
	}

	.fl
	{
		float:left;
	}

	img.fl
	{
		float:left;
		margin-right:30px;
		margin-bottom:30px;
	}

	.fr
	{
		float:right;
	}

	img.fr
	{
		float:right;
		margin-left:30px;
		margin-bottom:30px;
	}

	/* テキスト
	*****************************************************************************************************/

	h1
	{	
	}

	h2
	{
	}

	h3
	{
	}

	h3.index
	{
	}

	h4
	{
	}

	p
	{
		margin-bottom: 25px;
	}

	a
	{
		opacity: 1;
		filter: alpha(opacity=100);
		-moz-opacity: 1;
		transition: all 0.5s;
	}

	a:hover, a:hover img
	{
		opacity: .6;
		filter: alpha(opacity=60);
		-moz-opacity: .6;
	}

	a.button
	{
		display:block;
		width:100%;
		max-width: 200px;
		margin: 0 auto 10px auto;
		height:48px;
		line-height: 46px;
		border:2px solid #fff;
		background: url("img/button_arrow_small.png") 95% center no-repeat;
		background-color: rgba(0,0,0,0.25);
		text-align: center;
		text-decoration: none;
		color:#fff;
	}

	a.button:hover
	{
		border-radius: 60px;
		background: url("img/button_arrow_small.png") 110% center no-repeat;
		opacity: 1;
		filter: alpha(opacity=100);
		-moz-opacity: 1;
	}


	strong,em
	{
		font-weight:bold;
		font-style:normal;
	}

	blockquote
	{
		position: relative;
		width:100%;
		padding:55px 55px 1px 55px;
		background-color: #f9f9f9;
		quotes: "\201C""\201D""\2018""\2019";
	}

	.big
	{
		font-size: 1.125rem;
	}

	.small
	{
		font-size: 0.875rem;
	}

	.red
	{
		color:#cc0000;
	}

	/* テーブル
	*****************************************************************************************************/

	table
	{
		margin-bottom: 60px;
	}

	table th
	{
		border: 1px solid #ccc;
		border-left:none;
		border-right:none;
		padding: 30px;
		vertical-align: top;
	}

	table td
	{
		border: 1px solid #ccc;
		border-left:none;
		border-right:none;
		background-color: #fff;
		padding: 30px;
		vertical-align: middle;
	}

	table tr th,
	table tr td
	{
		transition: all 1s;
	}

	table tr:hover th,
	table tr:hover td
	{
		background-color: #f9f9f9;
	}


	/* アコーディオン
	*****************************************************************************************************/

	.acc
	{
		display: block;
		color:blue;
		text-decoration: underline;
		cursor:pointer;
	}

	.acc_box
	{
		display: none;
	}

	/* 余白
	*****************************************************************************************************/

	/* マージン */

	.mt10
	{
		margin-top:10px;
	}

	.mt20
	{
		margin-top:20px;
	}

	.mt30
	{
		margin-top:30px;
	}

	.mt40
	{
		margin-top:40px;
	}

	.mt50
	{
		margin-top:50px;
	}

	.mt60
	{
		margin-top:60px;
	}

	.mt70
	{
		margin-top:70px;
	}

	.mt80
	{
		margin-top:80px;
	}

	.mb10
	{
		margin-bottom:10px;
	}

	.mb20
	{
		margin-bottom:20px;
	}

	.mb30
	{
		margin-bottom:30px;
	}

	.mb40
	{
		margin-bottom:40px;
	}

	.mb50
	{
		margin-bottom:50px;
	}

	.ml30
	{
		margin-left:30px;
	}

	.ma
	{
		margin-right:auto !important;
		margin-left: auto !important;
	}

	/* パディング */

	.p0
	{
		padding:0;
	}
	/****************************************************************************************************

	ヘッダー

	*****************************************************************************************************/

	body > header
	{
		width:100%;
		height:100px;
		z-index:999;
	}

	body > header .hd_logo
	{
		float:left;
		width:480px;
		margin:22px 0 0 20px;
	}

	body > header .needless
	{
		float:right;
		width:240px;
		height:100px;
		line-height: 100px;
		background-color: #464646;
		font-size:1.11rem;
		color:#fff;
		text-align: center;
	}

	/****************************************************************************************************

	メインイメージ

	*****************************************************************************************************/

	.main_image
	{
		position: relative;
		clear: both;
		width:100%;
		height:480px;
		overflow: hidden;
	}

	.main_image:after
	{
		position: absolute;
		content: "";
		display: block;
		top:0;
		width:100%;
		height:100%;
		/*transition: all 60s;*/
		background: url("img/mainimage.jpg") bottom center no-repeat;
		background-size: cover;
	}

	/*.main_image:hover:after
	{
		-moz-transform: scale(1.5);
		-webkit-transform: scale(1.5);
		-ms-transform: scale(1.5);
		transform: scale(1.5);
	}*/

	.main_image .cover
	{
		position: relative;
		width:100%;
		height:100%;
		z-index: 1;
		transition: all 1s;
	}

	.main_image .cover:hover
	{
		background-color: rgba(0,0,0,0.25);
	}

	.main_image .inner
	{
		text-align: center;
	}

	.main_image .inner h2
	{
		width:100%;
		margin: 0 auto;
		padding: 60px 0 0 0 ;
	}

	.main_image a.button
	{
		float: left;
		display:block;
		width:345px;
		max-width: 345px;
		height:72px;
		line-height: 68px;
		margin: 0 auto;
		border:4px solid #fff;
		background: url("img/button_arrow_big.png") 90% center no-repeat;
		background-color: rgba(0,0,0,0.25);
		text-align: center;
		text-decoration: none;
		font-size: 1.44rem;
		font-weight: bold;
		color:#fff;
	}

	.main_image a.button:hover
	{
		background: url("img/button_arrow_big.png") 110% center no-repeat;
		background-color: rgba(0,0,0,0.5);
	}

	.main_image a.button.map
	{
		margin: 30px 0 0 0;
	}

	.main_image a.button.access
	{
		margin: 30px 0 0 18px;
	}

	/****************************************************************************************************

	コンテンツ

	*****************************************************************************************************/

	.contents
	{
		clear:both;
		position:relative;
		overflow:hidden;
	}

	/* リスト（共通）
	*****************************************************************************************************/

	ul
	{
		width:100%;
		padding: 0;
		list-style: none;
		overflow: hidden;
	}

	ul li
	{
		position: relative;
		display: inline;
		width:100%;
		min-height:255px;
		text-align:center;
		vertical-align: middle;
		overflow: hidden;
		/*border: 1px solid black;*/
	}

	ul li:after
	{
		position: absolute;
		content: "";
		display: block;
		top:0;
		width:100%;
		height:100%;
		transition: all 0.5s;
	}

	ul li:hover:after
	{
		-moz-transform: scale(1.05);
		-webkit-transform: scale(1.05);
		-ms-transform: scale(1.05);
		transform: scale(1.05);
		opacity: 0.25;
		filter: alpha(opacity=25);
		-moz-opacity: 0.25;
	}

	ul li:hover a.button
	{
		background-color: rgba(0,0,0,0);
	}

	ul li .in
	{
		position: absolute;
		top:0;
		left: 0;
		width:100%;
		height:100%;
		z-index:1;
		background-color: rgba(0,0,0,0);
		transition: all 1s;
	}

	ul li .in:hover
	{
		background-color: rgba(0,0,0,0.1);
	}

	ul li .in.non:hover
	{
		background-color: rgba(0,0,0,0);
	}

	ul li .in h3
	{
		position: absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;
		margin: auto;
	}

	ul li .in h4
	{
		margin-bottom: 20px;
		font-size: 1.55rem;
		font-weight: normal;
		letter-spacing: 0.05em;
		line-height: 1.25em;
	}

	ul li .in h4 .ls0
	{
		letter-spacing: 0;
	}

	ul li .in div[class^="box"]
	{
		position: absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;
		margin: auto;
	}
	
	/* sp-col3 */
	
	ul li.sp-col3-1
	{
		width:33.33%;
		height:576px;
	}

	/*col5

	ul.col5
	{
	}

	li.col5-1
	{
		width:20%;
	}

	ul li.col5-1.row1:before
	{
		display: block;
		content: "";
		padding-top:100%;
	}

	ul li.col5-1.row2:before
	{
		display: block;
		content: "";
		padding-top:200%;
	}

	li.col5-2
	{
		width:40%;
	}

	ul li.col5-2.row1:before
	{
		display: block;
		content: "";
		padding-top:50%;
	}

	ul li.col5-2.row2:before
	{
		display: block;
		content: "";
		padding-top:100%;
	}

	li.col5-3
	{
		width:60%;
	}

	ul li.col5-3.row1:before
	{
		display: block;
		content: "";
		padding-top:33.3333%;
	}

	ul li.col5-3.row2:before
	{
		display: block;
		content: "";
		padding-top:66.6666%;
	}*/


	/*イベント*/
	.contents .event
	{
		width:100%;
		border-top:1px solid #C0392B;
		border-left:1px solid #C0392B;
		background-color: #C0392B;
		color: #fff;
	}

	.contents .event li
	{
		border-right:1px solid #C0392B;
		border-bottom:1px solid #C0392B;
	}

	.contents .event h3
	{
		width:150px;
		height:94px;
	}

	.contents .event .box200
	{
		width:90%;
		height:200px;
	}

	.contents .event .box160
	{
		width:70%;
		max-width:240px;
		height:160px;
	}

	.contents .event .it:after
	{
		background: url("img/event_it.jpg") center center no-repeat;
		background-size: cover;
	}

	.contents .event .bio:after
	{
		background: url("img/event_bio.jpg") center center no-repeat;
		background-size: cover;
	}

	.contents .event .mate:after
	{
		background: url("img/event_mate.jpg") center center no-repeat;
		background-size: cover;
	}

	.contents .event .carr:after
	{
		background: url("img/event_carr.jpg") center center no-repeat;
		background-size: cover;
	}

	.contents .event .tosho:after
	{
		background: url("img/event_tosho.jpg") center center no-repeat;
		background-size: cover;
	}

	.contents .event .gend:after
	{
		background: url("img/event_gend.jpg") center center no-repeat;
		background-size: cover;
	}

	.contents .event .dorm:after
	{
		background: url("img/event_dorm.jpg") center center no-repeat;
		background-size: cover;
	}


	/*先端大での生活*/
	.contents .life
	{
		width:100%;
		border-top:1px solid #16A085;
		border-left:1px solid #16A085;
		background-color: #16A085;
		color: #fff;
	}

	.contents #bx-pager
	{
		width:100%;
		border-left:1px solid #16A085;
		background-color: #16A085;
		color: #fff;
	}

	.contents .life li
	{
		border-right:1px solid #16A085;
	}

	.contents .life h3
	{
		width:315px;
		height:94px;
	}

	.contents .slider
	{
		height:510px;
	}

	.contents ul.bxslider li div
	{
		position: absolute;
		bottom:0;
		left:0;
		width: 100%;
		background-color: rgba(0,0,0,0.5);
		padding: 20px 30px;
		text-align: left;
	}

	.contents ul#bx-pager
	{
		width:100%;
		/*height:50px;*/
		overflow: hidden;
		list-style: none;
		border-top:1px solid #16A085;
	}

	.contents ul#bx-pager li
	{
		display: inline-block;
		float: left;
		width:20%;
		height:103px;
		min-height:102px;
		overflow: hidden;
		padding-right: 1px;
		cursor:pointer;
		transition: 0.5s all;
	}

	.contents ul#bx-pager li:hover
	{
		opacity: .6;
		filter: alpha(opacity=60);
		-moz-opacity: .6;
	}

	.contents ul#bx-pager li:after
	{
		position: inherit;
		padding-top: 0;
	}

	.contents ul#bx-pager li a img
	{
		padding: 0;
		margin:0;
	}


	/*遠方からお越しの方に*/
	.contents .guest
	{
		width:100%;
		border-top:1px solid #446CB3;
		border-left:1px solid #446CB3;
		background-color: #446CB3;
		color: #fff;
	}

	.contents .guest li
	{
		border-right:1px solid #446CB3;
		border-bottom:1px solid #446CB3;
	}

	.contents .guest h3
	{
		width:251px;
		height:125px;
	}

	.contents .guest .box100
	{
		width:70%;
		max-width:240px;
		height:100px;
	}

	.contents .guest .bus:after
	{
		background: url("img/guest_bus.jpg") center center no-repeat;
		background-size: cover;
	}

	.contents .guest .park:after
	{
		background: url("img/guest_parking.jpg") center center no-repeat;
		background-size: cover;
	}

	.contents .guest .house:after
	{
		background: url("img/guest_house.jpg") center center no-repeat;
		background-size: cover;
	}


	/*インフォメーション*/
	.contents .info
	{
		width:100%;
		border-top:1px solid #CBA82D;
		border-left:1px solid #CBA82D;
		background-color: #CBA82D;
		color: #fff;
	}

	.contents .info li
	{
		border-right:1px solid #CBA82D;
		border-bottom:1px solid #CBA82D;
	}

	.contents .info h3
	{
		width:321px;
		height:94px;
	}

	.contents .info .box100
	{
		width:70%;
		max-width:340px;
		height:100px;
	}

	.contents .info .sche:after
	{
		background: url("img/info_schedule.jpg") center center no-repeat;
		background-size: cover;
	}

	.contents .info .setu:after
	{
		background: url("img/info_info.jpg") center center no-repeat;
		background-size: cover;
	}



	/*遠方からお越しの方に*/
	.contents .info
	{
		width:100%;
		border-top:1px solid #CBA82D;
		border-left:1px solid #CBA82D;
		background-color: #CBA82D;
		color: #fff;
	}

	.contents .info li
	{
		border-right:1px solid #CBA82D;
		border-bottom:1px solid #CBA82D;
	}

	.contents .info h3
	{
		width:321px;
		height:94px;
	}

	.contents .info .box100
	{
		width:70%;
		max-width:340px;
		height:100px;
	}


	/*サポート*/
	.contents .support
	{
		width:100%;
		border-top:1px solid #B12A51;
		border-left:1px solid #B12A51;
		background-color: #B12A51;
		color: #fff;
	}

	.contents .support li
	{
		border-right:1px solid #B12A51;
		border-bottom:1px solid #B12A51;
	}

	.contents .support h3
	{
		width:214px;
		height:126px;
	}

	.contents .support .box200
	{
		width:583px;
		height:220px;
	}

	.contents .support .box150
	{
		width:583px;
		height:160px;
	}

	.contents .support .box100
	{
		width:583px;
		height:100px;
		text-align: center;
	}

	.contents .support .box100-2
	{
		width:300px;
		height:100px;
		text-align: center;
	}

	.contents .support a
	{
		max-width: 280px;
		margin-left: 5px;
		margin-right:5px;
	}

	.contents .support .it:after
	{
		background: url("img/supp_it.jpg") center center no-repeat;
		background-size: cover;
	}

	.contents .support .bio:after
	{
		background: url("img/supp_bio.jpg") center center no-repeat;
		background-size: cover;
	}

	.contents .support .mate:after
	{
		background: url("img/supp_mate.jpg") center center no-repeat;
		background-size: cover;
	}

	.contents .support .seikyu:after
	{
		background: url("img/supp_seikyu.jpg") center center no-repeat;
		background-size: cover;
	}
	
	
	/*開放されるキャンパスで学校生活疑似体験！
	---------------------------------------*/

	.p_title
	{
		width:100%;
		height:220px;
		background-color: #32C5CF;
	}

	.p_title.map img
	{
		width:315px;
		margin-top: 60px;
	}
	
	.campusmap {
		margin:60px auto 60px auto;
		width:768px;
		height:631px;
		background:url("img/campusmap.png") 0 0 no-repeat;
		background-size:cover;
		position:relative;
	}

	.campusmap a {
		position:absolute;
		display:block;
	}

	.campusmap a.spot001{
		top:325px;
		left:10px;
	}

	.campusmap a.spot002{
		top:182px;
		left:10px;
	}

	.campusmap a.spot003{
		top:120px;
		left:170px;
	}

	.campusmap a.spot004{
		top:128px;
		left:510px;
	}

	.campusmap a.spot005{
		top:230px;
		left:350px;
	}

	.campusmap a.spot006{
		top:426px;
		left:101px;
	}

	.campusmap a.spot007{
		top:480px;
		left:297px;
	}

	.campusmap a.spot008{
		top:160px;
		left:155px;
	}

	.campusmap a.spot009{
		top:170px;
		left:430px;
	}

	.campusmap a.spot010{
		top:280px;
		left:310px;
	}
	
	/*開放されるキャンパスで学校生活疑似体験！
	---------------------------------------*/

	.p_title.access img
	{
		width:182px;
		margin-top: 60px;
	}

	.accessmap
	{
		margin: 60px auto;
	}

	.accessmap img
	{
		width:100%;
	}


	/****************************************************************************************************

	フッター

	*****************************************************************************************************/

	body > footer
	{
		position:relative;
		clear:both;
		width:100%;
	}

	body > footer .contact
	{
		width:100%;
		background-color: #6B9A24;
		text-align: center;
		color: #fff;
		padding-bottom: 60px;
	}

	body > footer .contact .inner
	{
		text-align: center;
		overflow: hidden;
	}

	body > footer .contact h3
	{
		padding-top: 60px;
		padding-bottom: 30px;
		font-size: 1.55rem;
	}

	body > footer .contact h4
	{
		font-size:1.22rem;
		font-weight:normal;
		margin-bottom: 15px;
	}

	body > footer .contact .tel
	{
		width:380px;
		margin: 0 auto;
	}

	body > footer .contact .mail
	{
		width:380px;
		margin: 30px auto 0 auto;
	}

	body > footer .contact .mail a.button
	{
		max-width:380px;
		height:70px;
		line-height: 70px;
		font-size: 1.55rem;
		background: url(img/ft_mail.png) 80px 18px no-repeat;
		margin-top: -10px;
		padding-left: 40px;
		background-color: rgba(0,0,0,0);
	}

	body > footer .contact .mail a.button:hover
	{
		background: url(img/ft_mail.png) center 18px no-repeat;
	}

	body > footer .contact .mail a.button span
	{
		transition: all 0.5s;
	}

	body > footer .contact .mail a.button:hover span
	{
		opacity: 0;
		filter: alpha(opacity=0);
		-moz-opacity: 0;
	}

	body > footer .home
	{
		width: 100%;
		background-color: #464646;
		color:#fff;
	}

	body > footer .home .inner
	{
		padding: 60px 0;
		text-align: center;
	}

	body > footer .home a.button
	{
		margin-bottom:30px;
		max-width:468px;
		background-color: rgba(0,0,0,0);
	}

	a.button.gotop {
		border:2px solid #777;
		margin-bottom:60px;
		max-width:368px;
		background-color: rgba(0,0,0,0.5);
	}
}


/****************************************************************************************************

colorbox popup

*****************************************************************************************************/

#popup001 {
	width:708px;
	background-color:#fff;
	text-align:left;
}

#popup001 > img {
	margin: 0 10px;
}

#popup001 > img:first-child {
	margin:10px;
	margin-bottom:0;
	vertical-align:bottom;
}

#popup001 p {
	margin:20px 30px;
}

#popup001 .note {
	width:100%;
	background-color:#f7f7f7;
	padding-bottom:10px;
}

#popup001 .note img {
	margin:30px 0 0 30px;

}

#popup002 {
	width:708px;
	background-color:#fff;
	text-align:left;
}

#popup002 img {
	margin:30px;
}

.popup_msg {
	width:708px;
	background-color:#fff;
	text-align:left;
	padding-bottom:30px;
}

.popup_msg p {
	margin:20px 30px 0px 30px;
}

.popup_spot {
	width:708px;
	background-color:#fff;
	text-align:left;
	padding-bottom:30px;
	overflow-x: hidden;
}

.popup_spot h4 {
	margin:30px 30px 0 30px;
	font-size:125%;
}

.popup_spot p {
	margin:20px 30px 0px 30px;
}

#cboxLoadedContent {
	background-color: #fff!important;
}


#cboxLoadedContent, #cboxContent {
	background:none;
}
