@charset "UTF-8";
/*=====================================================
1 : common setting
=====================================================*/
body {padding-bottom:30px;}
.smp {
			display: none;
}
.pc {
			display: block;
}

.top .title {display: none;}
.under .title {display: block;}
.under .title.smp {display: none;}

.comingsoon {
	text-align: center;
	font-family: Roboto, sans-serif;
	color:#2f97cf;
	font-size: 30px;
	margin-bottom: 0;
}

/*----- PC版大学一覧 -----*/
 .more {display: none;}
 .bar {cursor: pointer;}

/*----- head -----*/
h2 { font-size: 121%; font-weight: bold;text-align: center; }
h3 { font-size: 107%; font-weight: bold; text-align: left; }

/*----- barColor -----*/
.yellowBar { background: url(/img/bar_orange.png) no-repeat left center; padding-left: 25px; }
.blackBar { background: url(/img/bar_black.png) no-repeat left center; padding-left: 25px; }
.udb { border-bottom: 3px solid #000; padding-bottom: 4px; font-size: 128%; }

/*----- icon -----*/
.icoS { background: url(/img/ico_square_en.gif) no-repeat left 8px;clear:both; padding-left: 12px; margin-bottom: 0; }
.icoC { background: url(/img/ico_circle_en.gif) no-repeat left 8px;clear:both; padding-left: 12px; margin-bottom: 0; }

/*----- style -----*/
.num { font-family: Roboto, sans-serif; }
#about .box .num { color: #2f97cf; border-right: 2px solid #2f97cf; width: 50px; line-height: 50px; display: inline-block; margin: 0 0.5em 0 0; vertical-align: middle; }
.notes { color: #f17523; text-align: center; font-weight: bold; }
.notesY { color: #efe712; text-align: center; font-weight: bold; font-size: 28px; }
.box .notes { color: #d75f0f; text-align: center; font-weight: bold; }

/*----- span -----*/
.period { background-color: #e7241b; color: #fff; padding: 3px 5px; line-height: 100%; margin-right: 0.5em; font-size: 114%; }

/*----- size -----*/
.fszL { font-size: 50px; }
.fszM { font-size: 40px; }
.fszS { font-size: 15px; }
.fszSS { font-size: 12px; line-height: 120%; }

/*----- color -----*/
.blue { color: #2f97cf; }
.red { color: #bf0000; }
.white { color: #ffffff; }

/*----- list -----*/
ul.markBlue { padding: 0; margin: 0; }
ul.markBlue li { list-style-type: none; list-style-position: inside; }
ul.markBlue li:before { content: "■"; color: #2f97cf; font-size: 10px; vertical-align: middle; margin-right: 10px; }

ul.markYellow { padding: 0; margin: 0; }
ul.markYellow li { list-style-type: none; list-style-position: inside; }
ul.markYellow li:before { content: "■"; color: #f17523; font-size: 10px; vertical-align: middle; margin-right: 10px; }

/*----- table -----*/
table.yellow { text-align: left; width: 100%; }
table.yellow th { background-color: #f17523; border-bottom: 2px solid #f17523; border-right: 2px solid #f17523; }
table.yellow td { border-bottom: 2px solid #f17523; }
table.yellow td.tit { border-right: 2px solid #f17523; white-space: nowrap;}
table.yellow td ul li { font-weight: normal; }

table.blue { text-align: left; width: 100%; }
table.blue th { background-color: #2f97cf; border-bottom: 2px solid #2f97cf; border-right: 2px solid #2f97cf; color: #fff; text-align: center; }
table.blue td.tit { border-right: 2px solid #2f97cf; }
table.blue td { border-bottom: 2px solid #2f97cf; font-weight: normal; color: #000; padding-right: 10px; padding-left: 15px; line-height: 130%; }
table.blue td ul li { font-weight: normal; }

table th.col1 { width: 125px; }

table th, table td { padding: 10px 15px; font-weight: bold; }

table th.stit { background-color: #f4f4f4; color: #000; text-align: center; border-right: 0; }

.whiteLine { border-bottom: 2px solid #fff !important; }

.blueLine { border-top: 2px solid #2f97cf !important; }

/*----- btn -----*/
.btn img { display: block; margin: 20px auto 10px auto; }

.bar { border-bottom-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; color: #2f97cf; font-weight: bold; text-align: center; background-color: #f2f5f6; position: absolute; left: 0; bottom: 0; text-decoration: none; display: block; width: 100%; padding: 10px 0; margin-top: 30px; }
.bar:hover { border-bottom-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; color: #2f97cf; font-weight: bold; text-align: center; background-color: #e2eff4; position: absolute; left: 0; bottom: 0; text-decoration: none; display: block; width: 100%; padding: 10px 0; margin-top: 30px; }

p.btn01 { display: inline-block; color: #fff; text-decoration: none; padding: 15px 0; text-align: center; border: 2px solid #fff; border-radius: 5px; font-size: 121%; margin-bottom: 10px; letter-spacing: 0.1em; }


a.btn01 { display: inline-block; color: #fff; text-decoration: none; padding: 15px 0; text-align: center; border: 2px solid #fff; border-radius: 5px; font-size: 121%; margin-bottom: 10px; letter-spacing: 0.1em; }
a.btn01:hover { color: #f17523; border-color: #f17523; }
a.btn01:before { content: "> "; }

a.btn02 { display: block; color: #fff; background-color: #f17523; text-decoration: none; padding: 15px 0; text-align: center; border-radius: 5px; font-size: 100%; margin: 10px auto 30px auto; letter-spacing: 0.1em; font-weight: bold; }
a.btn02:hover { background-color: #ce5e13; }
a.btn02:before { content: "> "; }
a.btn02 span { font-size: 85%; font-weight: normal; }

span.btn01 { display: inline-block; color: #fff; text-decoration: none; padding: 15px 0; text-align: center; border: 2px solid #fff; border-radius: 5px; font-size: 121%; margin-bottom: 10px; letter-spacing: 0.1em; }
span.btn02 { display: block; color: #000; background-color: #f17523; text-decoration: none; padding: 15px 0; text-align: center; border-radius: 5px; font-size: 100%; margin: 10px auto 0 auto; letter-spacing: 0.1em; font-weight: bold; }



.w444 { width: 444px !important; }


/*----- display -----*/
.inline { display: inline; }

.inline-block { display: inline-block; }

.block { display: block; }

.tc { display: table-cell; }

/*----- va -----*/
.vam { vertical-align: middle; }

/*----- mg -----*/
.mgt1b { margin-top: 20px !important; }

.mgt1-5b { margin-top: 30px !important; }

.mgt2b { margin-top: 20px !important; }

.mgt40 { margin-top: 40px !important; }

.mgt50 { margin-top: 50px !important; }

.mgb1 { margin-bottom: 20px; }

.mgb1-5 { margin-bottom: 25px; }

/*----- pd -----*/
.pdb30 { padding-bottom: 30px !important; }

.pdb45 { padding-bottom: 45px !important; }

.pdb50 { padding-bottom: 50px !important; }

/*----- clearfix -----*/
.cf:before, .cf:after { content: " "; display: table; }

.cf:after { clear: both; }

.cf { *zoom: 1; }

.clear { clear: both; }

/*=====================================================
2: area & layout
=====================================================*/
#wrapper { text-align: center; }
#wrapper.under h2 {text-align: center !important;}

.wrap { width: 960px; margin: 0 auto; }

/* header
-----------------------------------------------------*/
.under { background-color: #efefef; width: 100%; margin: 0 auto; }
.under #header { margin: 0 auto; }
.under .title { background: #fff; width: 100%; }
.under .title .wrap { width: 960px; }
.under .title .wrap h1 { float: left; margin: 22px 0 12px 0; }
.under .title .wrap img#copy { float: left; margin: 30px 0 0 22px; }
.under .title .wrap img#date { float: right; margin: 30px 0 0 0; }

#header { padding: 12px; width: 960px; margin: 0 auto 25px auto; }
#header a { color: #000; }
#header .left { float: left; font-size: 130%; }
#header .right { float: right; font-size: 130%; }
#header .this { background-color: #000; color: #fff; padding: 8px 22px; margin-right: 0.5em; }
#header .choice { padding: 8px 22px; }
#header .choice:hover { background-color: #e7231b; color: #fff; text-decoration: none; }
#header .forCompany { display: inline; margin-right: 2em; }
#header .forCompany a:hover { color: #2f97cf; }

/* main visual
-----------------------------------------------------*/
#mv { padding: 110px 0 100px 0;width:960px;margin:auto; }
#mv .sub_title { margin: 0; text-align: center;}
#mv .txt { margin-top: 10px; text-align: center;}

/* conversion area
-----------------------------------------------------*/
.cv { background-color: #fff;text-align: center; }

.cv1 { background-color: #000; padding: 50px 0;text-align: center; }
.cv1 p { margin: 0; color: #fff; }

.cv1 .txt{ padding-top:14px}

.cv1 .red{ color:#fe0000; }

.cv1 .btn01{padding:16px;}

.cv .cv1 { background-color: #000; padding: 70px 0 60px 0; margin-top: 38px; background-image: url(/img/cur_03.png); background-position: center top; background-repeat: no-repeat; }
.cv .cv1 p { margin: 0; color: #fff; }

.cv p a,.cv1 p a {
	color:#2F97CF;
}
.kokuchi {
	text-align: center;
	position: fixed;
	bottom:0;
	padding:10px;
	width:100%;
	background-color: rgba(0,0,0,0.7);
}

.ryugaku {
	text-align: center;
	width:100%;
}
/* box
-----------------------------------------------------*/
.box { background-color: #fcfcfe; border-radius: 10px; padding: 20px 23px; width: 914px; margin-bottom: 40px; text-align: left; position: relative; }
.box h3 { font-size: 25px; line-height: 100%; font-weight: normal; }
.box h3 strong { font-weight: bold; }

.box.span2 { width: 414px; float: left; }

.box.span2.last { float: right; }

/* about
-----------------------------------------------------*/
#about { margin-top: 0; padding-top: 20px; padding-bottom: 20px; background: url(/img/bg_blue.png) center top;text-align: center; }
#about h3 { margin: 0; vertical-align: middle; line-height: 50px; }

.banners img { margin-right: 17.5px; margin-bottom: 15px; vertical-align: bottom; max-width:135px;border:1px solid #efefef;}
.banners img:nth-child(6n) { margin-right: 0px; }

ul.univ { display: table; width: 100%; list-style-position: inside; -moz-padding-start: 0px !important; }
ul.univ li { display: table-cell; width: 20%; vertical-align: middle; }
ul.univ li img { vertical-align: middle; margin-right: 10px; }

/* shedule
-----------------------------------------------------*/
#schedule { background-color: #fff; padding: 40px 0; width: 960px; margin: 0 auto; }
#schedule dl.en { float: left; width: 295px; margin-right: 36px; }
#schedule dl.en dt { height: 262px; padding: 27px 10px 0 72px; text-align: left; font-size: 100%; line-height: 120%; font-weight: bold; }
#schedule dl.en dd { padding: 0; margin: 10px 0 0 0; text-align: left; font-size: 92%; }
#schedule dl.en dd strong { background: url(/img/marker.png) left bottom; }
#schedule dl { float: left; width: 295px; margin-right: 36px; background-color: #f17523}
#schedule dl dt { height: 73px; padding: 27px 10px 0 72px; text-align: left; font-size: 100%; line-height: 120%; font-weight: bold; }
#schedule dl dt.en { height: 120px; padding: 27px 10px 0 72px; text-align: left; font-size: 100%; line-height: 120%; font-weight: bold; }
#schedule dl dd { padding: 0; margin:0; text-align: left; font-size: 92%; background-color: #FFF}
#schedule dl dd strong { background: url(/img/marker.png) no-repeat left bottom; }
#schedule dl#step1 dt { background: url(/img/step1.png) no-repeat; }
#schedule dl#step2 dt { background: url(/img/step2.png) no-repeat; }
#schedule dl#step3 { margin-right: 0; }
#schedule dl#step3 dt { background: url(/img/step3.png) no-repeat; }

/* want
-----------------------------------------------------*/
#want { clear: both; background-color: #fff; padding: 40px 0; width: 960px; margin: 0 auto; }
.naitei{ text-align: center; margin-bottom: 0; }

/* faq
-----------------------------------------------------*/
#faq { padding: 40px 0; background: url(/img/bg_orange.png) repeat-y center top; }
#faq dl dt { overflow: hidden; border-radius: 10px; font-size: 20px; background: #fff; text-align: left; font-weight: normal; padding: 18px 5px 18px 80px; line-height: 120%; position: relative; }
#faq dl dt:before { background-color: #000; content: url(/img/q.png); min-height: 60px; min-width: 60px; line-height: 60px; text-align: center; position: absolute; left: 0; top: 0; padding-top: 5px; border-top-left-radius: 10px; -webkit-border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; border-bottom-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; }
#faq dl dt:after { content: url(/img/cur_02.png); position: absolute; right: 20px; }
#faq dl dd { text-align: left; padding: 15px 0 0 80px; margin: 0; }

/* company
-----------------------------------------------------*/
.corp { background-color: #fcfcfe; border-radius: 10px; padding: 20px 23px; width: 914px; margin: 0 auto 40px auto; text-align: left; position: relative; }
.corp h3 { font-size: 25px; line-height: 100%; font-weight: normal; }
.corp h3 strong { font-weight: bold; }
.corp dt { font-size: 150%; border-left: 6px solid #2f97cf; padding: 3px 0 3px 10px; }
.corp dd { margin-left: 0; }
.corp dd img.logo { float: left; margin-right: 15px; margin-top: 1.3em; width: 168px;border: 1px solid #efefef; }
.corp dd p { width: 710px; float: right; }
.corp dd p.icoS { width: auto; float: none; padding-top: 0; padding-bottom: 0; }
.corp dd p.btn { clear: both; margin: 0; text-align: right; }
.corp dd p.btn img { margin: 0; }
.corp dd h3 { color: #2f97cf !important; font-weight: bold; font-size: 107%; }
.corp dd table { line-height: 140%; border-top: 1px solid #eaeaea; width: 100%; margin-bottom: 20px; }
.corp dd table th { width: 20%; vertical-align: top; background-color: #f4f4f4; border-bottom: 1px solid #eaeaea; }
.corp dd table td { width: 80%; font-weight: normal; border-bottom: 1px solid #eaeaea; }
.corp dd table td dl dt { border: none; font-size: 100%; display: inline-block; width: 300px; }
.corp dd table td dl dd { display: inline-block; }
.corp dd table td ul.icon { padding-left: 10px !important; }
.corp dd table td ul.icon li { list-style-type: none; display: block; float: none; }
.corp dd table td ul { margin-top: 0; clear: both; }
.corp dd table td ul li { list-style-type: none; display: block; float: left; }
.corp dd table td ul li.tit { clear: both; width: 200px; }


/* sponsor
-----------------------------------------------------*/
.sponsor {
	margin: 40px auto;
	padding: 20px;
	color:#444;
	border: 4px solid #2f97cf;
	width:920px;
	line-height: 180%;
	text-align: center;
}

/* footer
-----------------------------------------------------*/
#footer { padding-top: 30px; padding-bottom: 30px; font-size: 11px; }
.under #footer {background-color: #fff;}
#footer .copy { float: right; }
#footer ul { float: left; }
#footer ul li { list-style-type: none; display: inline-block; margin-right: 2em; }
#footer ul li a { color: #000; }

/*===================================================== 
university
=====================================================*/

#univ { padding: 0 10px; background-color: #fff;text-align: left;}
#univ h1 { border-bottom: 2px solid #2f97cf; font-size: 121%; font-weight: bold; padding: 10px 0 10px 0;text-align: center; }
#univ ul.univ { display: table; width: 100%; list-style-position: inside; -moz-padding-start: 0px !important; margin-bottom: 15px;margin-top: 15px}
#univ ul.univ li { display: table-cell; width: 20%; vertical-align: top; }
#univ ul.univ li img { vertical-align: middle; margin-right: 10px; }
#univ ul.univ li ul { display: block; width: auto; vertical-align: top; margin: 10px 0 0 0; padding: 0; }
#univ ul.univ li ul li { display: block; width: auto; vertical-align: top; font-size: 11px; line-height: 120%; color: #333; line-height: 150%; }
#univ ul.univ li ul li:before { content: "■"; font-size: 8px; color: #ccc; }
#univ ul.univ li ul.title li{ font-size:18px; }

.blueline { border-top: 2px solid #2f97cf; padding-top: 15px; }

/*===================================================== 

**** SMP ***

=====================================================*/
@media (max-width:640px) {
		.udb {border-bottom: 3px solid #000;font-size: 128%;line-height: 200%;}

		.smp {
			display: block;
		}
		.pc {
			display: none;
		}

		#mv .wrap {text-align: left; width: 100%; margin-bottom: 5%;}

		.wrap {width: 100%;}

		.top .mv { display: none;}
		/*----- span -----*/
		.period { background-color: #e7241b; color: #fff; padding: 3px 5px; line-height: 100%; margin-right: 0.5em; font-size: 70%; }
		.under .period { background-color: #e7241b; color: #fff; padding: 3px 0; line-height: 100%; margin-right: 0.5em; font-size: 107%; float: left; width: 30px; text-align: center; max-height: 30px; }

		/*----- list -----*/
		ul.markBlue { padding: 0; margin: 3% 0 0 0; font-size: 85%; }
		ul.markBlue li { list-style-type: none; list-style-position: inside; }
		ul.markBlue li:before { content: "■"; color: #2f97cf; font-size: 10px; vertical-align: middle; margin-right: 10px; }

		ul.markYellow { padding: 0; margin: 3% 0 0 0; font-size: 85%; }
		ul.markYellow li { list-style-type: none; list-style-position: inside; }
		ul.markYellow li:before { content: "■"; color: #f17523; font-size: 10px; vertical-align: middle; margin-right: 10px; }

		/*----- table -----*/
		table th.col1 { width: 125px; }
		table th, table td { padding: 2% 4.6%; font-weight: bold; font-size: 85%; }
		table th.stit { background-color: #f4f4f4; color: #000; text-align: center; border-right: 0; }
		.whiteLine { border-bottom: 2px solid #fff !important; }

		table.yellow { text-align: left; width: 100%; }
		table.yellow th { background-color: #f17523; border-bottom: 2px solid #f17523; border-right: 2px solid #f17523;}
		table.yellow td.tit { border-right: 2px solid #f17523; }
		table.yellow td { border-bottom: 2px solid #f17523; }
		table.yellow td ul li { font-weight: normal; }

		table.blue { text-align: left; width: 100%; }
		table.blue th { background-color: #2f97cf; border-bottom: 2px solid #2f97cf; border-right: 2px solid #2f97cf; }
		table.blue td.tit { border-right: 2px solid #2f97cf; }
		table.blue td { border-bottom: 2px solid #2f97cf; font-weight: normal; color: #000; padding-right: 10px; padding-left: 15px; line-height: 130%; }
		table.blue td ul li { font-weight: normal; }

		.blueLine { border-top: 2px solid #2f97cf !important; }

		
		/*----- size -----*/
		.fszL { font-size: 30px; }
		.fszM { font-size: 25px; }
		.fszS { font-size: 15px; }
		.fszSS { font-size: 12px; line-height: 120%; }

		/*----- btn -----*/
		.btn img { display: block; width: 100%; margin-top: 4.6%; }

		.bar { border-bottom-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; color: #2f97cf; font-weight: bold; text-align: center; background-color: #f2f5f6; position: absolute; left: 0; bottom: 0; text-decoration: none; display: block; width: 100%; padding: 7px 0; margin-top: 30px; font-size: 92%; }
		.bar:hover { border-bottom-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; color: #2f97cf; font-weight: bold; text-align: center; background-color: #e2eff4; position: absolute; left: 0; bottom: 0; text-decoration: none; display: block; width: 100%; padding: 7px 0; margin-top: 30px; }

		a.btn01 { display: inline-block; color: #fff; text-decoration: none; padding: 15px 0; text-align: center; border: 2px solid #fff; border-radius: 5px; font-size: 121%; margin-bottom: 10px; letter-spacing: 0.1em; }
		a.btn01:hover { color: #f17523; border-color: #f17523; }
		a.btn01:before { content: "> "; }
		span.btn01 { display: inline-block; color: #fff; text-decoration: none; padding: 15px 0; text-align: center; border: 2px solid #fff; border-radius: 5px; font-size: 121%; margin-bottom: 10px; letter-spacing: 0.1em; }
		span.btn02 { display: block; color: #000; background-color: #f17523; text-decoration: none; padding: 15px 0; text-align: center; border-radius: 5px; font-size: 107%; margin: 10px auto 0 auto; font-weight: bold; }

		a.btn02 { display: block; color: #fff; background-color: #f17523; text-decoration: none; padding: 15px 0; text-align: center; border-radius: 5px; font-size: 107%; margin: 10px auto 20px auto; font-weight: bold; }
		a.btn02:hover { background-color: #f17523; }
		a.btn02:before { content: "> "; }
		a.btn02 span { font-size: 85%; font-weight: normal; }

		.w444 { width: 100% !important; }

		/*=====================================================
		2: area & layout
		=====================================================*/

		/* header
		-----------------------------------------------------*/
		#header { padding: 0; margin: 0;width:100%; }
		#header a { color: #000; display: block; }
		#header .this { background-color: #000; color: #fff; }
		#header ul { display: table; width: 100%; margin: 0; padding: 0; }
		#header ul li { display: table-cell; width: 50%; margin: 0; padding: 0; padding: 0; background-color: #efefef;text-align:center; }
		#header p.span { width: 220px; }
		
		/* main visual
		-----------------------------------------------------*/
		#mv { padding: 7% 4.6%;width:90.8%; }
		#mv p { margin: 0; width: 100%; text-align: left; }
		#mv .txt { margin-top: 10px; text-align: left; }
		#mv img { width: 100%; }

		.under .title { padding: 0 ; text-align: left; background-color: #fff; }
		.under .title p { float: right; margin: 0; width: auto; text-align: left; }
		.under .title img { float: left; width: 140px !important; }
		.under .title .fll { float: left; }
		.under .title .flr { float: right; }
		
		.under .title.pc {display: none;}
		.under .title.smp {display: block;}
		/* conversion area
		-----------------------------------------------------*/
		.cv { background-color: #fff; }

		.cv1 { background-color: #000; padding: 4.6%; }
		.cv1 img { width: 100%; }

		.cv2 { background-color: #000; padding: 4.6% 0; margin-top: 38px; background-image: url(/img/cur_03.png); background-position: center top; background-repeat: no-repeat; }
		.cv2 img { width: 100%; }

		.cv1 p, .cv2 p { margin: 0; color: #fff; }

		/* box
		-----------------------------------------------------*/
		.box { background-color: #fcfcfe; border-radius: 10px; padding: 4.6%; margin-bottom: 4.6%; text-align: left; position: relative;width:90.8%; }
		.box.span2 {float:none;padding: 4.6%; margin-bottom: 4.6%;width:90.8%;height:auto;}
		.box.span2.last {float:none;padding: 4.6%; margin-bottom: 4.6%;width:90.8%;height:auto;}
		.box h3 { font-size: 200%; line-height: 100%; font-weight: normal; }
		.box h3 strong { font-weight: bold; }
		.box ul li { font-size: 14px; }

		.corp { margin: 0 0 20px 0 ; padding:10px;width:auto; }
		.corp dt {font-size:120%;}
		.corp dd img.logo {margin-top: 0;display: block;width:50%;}
		.corp dt span { vertical-align: middle; display: table-cell; width: 100%; text-align: right; }
		
		.corp dt:before, .corp dt:after { content: " "; display: table; }
		.corp dt:after { clear: both; }
		.corp dt dt { *zoom: 1; }
		.corp dt img { vertical-align: middle; float: right; }
		.corp dd { margin: 1em 0 0 0; font-size: 85%; line-height: 160%; }
		.corp dd p {width:auto;}
		.corp dd h3 { font-size: 150%; color: #2f97cf !important; border-bottom: 2px solid #2f97cf; padding-bottom: 5px; margin-bottom: 5px; }
		.corp dd table { line-height: 140%; }
		.corp dd table th { width: 27%; padding-left: 3%; vertical-align: top; }
		.corp dd table td { width: 67%; font-weight: normal; padding-left: 3%; }
		.corp dd table td p {}
		.corp dd table td ul { margin-top: 0; clear: both; padding-left: 10px !important; }
		.corp dd table td ul li { list-style-type: none; display: block; float: left; font-size: 92%; }
		.corp dd table td ul li.tit { clear: both; width: 90px; }
		.corp dd table td ul.icon { padding-left: 10px !important; }
		.corp dd table td ul.icon li { list-style-type: none; display: block; float: none; }
		.corp dd table td dl {padding-left: 10px;}
		.corp dd table td dl dt { border: none; font-size: 100%; display: inline-block; width: 150px; }
		.corp dd table td dl dd { display: inline-block; }

		/* about
		-----------------------------------------------------*/
		#about { margin-top: 0; padding: 3%; background: url(/img/bg_blue.png) center top; }
		#about .box .num { color: #2f97cf; border-right: 2px solid #2f97cf; width: 15%; line-height: 50px; display: inline-block; margin: 0; vertical-align: middle; }
		#about h2 { text-align: center; color: #fff; font-size: 107%; }
		#about h2 img { float: center; margin-right: 10px; }
		#about h2 span { font-size: 70%; font-family: Roboto; display: block; font-weight: normal; }
		#about h3 { margin: 0; vertical-align: middle; line-height: 100%; font-size: 107%; clear: both; }
		#about h3 span.fll { float: right; width: 80%; margin-top: 0.5em; }
		#about h3 span.line1 { margin-top: 1em; }
		#about h4 { clear: both; }
		
		.banners {width:100%;}
		.banners img { margin-right: 1%; margin-bottom: 1%; vertical-align: bottom; width: 31.8%; }
		.banners img:nth-child(3n) { margin-right: 0px; }

		/*===================================================== 
		university
		=====================================================*/

		ul.univ { display: table; width: 100%; list-style-position: inside; -moz-padding-start: 0px !important;padding-left: 0; }
		ul.univ li { display: table-cell; width: 20%; vertical-align: middle; font-size: 80%;}
		ul.univ li img { vertical-align: middle; margin-right:3px; max-width: 20px;}

		#univ { padding: 0 10px; background-color: #fff;text-align: left;}
		#univ h1 { border-bottom: 2px solid #2f97cf; font-size: 121%; font-weight: bold; padding: 10px 0 10px 0;text-align: center; }
		#univ ul.univ { display: table; width: 100%; list-style-position: inside; -moz-padding-start: 0px !important; margin:15px 15px 0 0; padding: 0;}
		#univ ul.univ li { display: table-cell; width: 20%; vertical-align: top;font-size: 77%;letter-spacing: -0.5px; }
		#univ ul.univ li img { vertical-align: middle; margin-right: 3px;max-width:16px; }
		#univ ul.univ li ul { display: block; width: auto; vertical-align: top; margin: 10px 0 0 0; padding: 0; }
		#univ ul.univ li ul li { display: block; width: auto; vertical-align: top; font-size: 11px; line-height: 120%; color: #333; line-height: 150%; }
		#univ ul.univ li ul li:before { content: "■"; font-size: 4px; color: #ccc; }

		.blueline { border-top: 2px solid #2f97cf; padding-top: 15px; }

		/* shedule want
		-----------------------------------------------------*/
		#schedule, #want { border-bottom: 2px solid #000; margin-bottom: 0; margin-top: 0; padding: 4.6%;width:90.8%; }
		#schedule dt, #want dt { color: #000000; text-align: left; background: transparent url(/img/cur_03_sp.png) right center no-repeat; background-size: 2.5%; }
		#schedule dt img, #want dt img { vertical-align: middle; margin-right: 0.5em; }
		#schedule dd, #want dd { border-top: 1px dotted #ccc; padding: 0; margin: 15px 0; }
		#schedule dd dl, #want dd dl { clear: both; width: 100%; }
		#schedule dd dl dt, #want dd dl dt { background: none; }
		#schedule dd h3, #want dd h3 { font-size: 92%; }
		#schedule dl#step1 dt { background: url(/img/step1_sp02.png) no-repeat; background-size: cover;}
		#schedule dl#step2 dt { background: url(/img/step2_sp02.png) no-repeat; background-size: cover;}
		#schedule dl#step3 dt { background: url(/img/step3_sp02.png) no-repeat; background-size: cover; height:auto;}
		#schedule dl { margin: 0 0 1em 0; }
		#schedule dl dt { padding: 23px 10px 0px 25%; text-align: left; font-size: 107%; line-height: 110%; font-weight: bold; }
		#schedule dl dd { margin: 0; text-align: left; font-size: 92%; border-top: none; }
		#schedule .sub{ background: #f17523; padding: 0px 10px 0px 25%; text-align: left; font-size: 107%; line-height: 110%; font-weight: bold;}
		#schedule dl dd img{ width: 100%; }
		#schedule dl dd strong { background: url(/img/marker_sp.png) left bottom; }
		#schedule dl#step1 { background: #f17523; background-size: contain; }
		#schedule dl#step2 { background: #f17523; background-size: contain; }
		#schedule dl#step3 { background: #f17523; background-size: contain; }

		#want h3 { background-color: #2f97cf; color: #fff; padding: 2%; margin-bottom: 0; text-align: center; }
		#want p { margin: 2% 0 4.6% 0; text-align: left; }
		#want p strong { color: #2f97cf; }
		#want dl dd { padding: 0; }
		.naitei{ text-align: center; margin-bottom: 0; margin-top: 20px;}
		.naitei img{ width: 80% ; }

		/* faq
		-----------------------------------------------------*/
		#faq { margin-top: 0; padding: 4.6%; background: url(/img/bg_orange.png) repeat-y center top; }
		#faq h2 { text-align: left; font-size: 107%; }
		#faq h2 img { float: left; margin-right: 10px; }
		#faq h2 span { font-size: 70%; font-family: Roboto; display: block; font-weight: normal; }
		#faq h3.blackBar { margin: 0 4.6%; font-size: 92%; }
		#faq dl dt { overflow: hidden; vertical-align: middle; border-radius: 10px; font-size: 85%;
			background: #fff; text-align: left; font-weight: normal;
			padding: 0px 35px 0px 50px; line-height: 120%;
			position: relative; min-height: 50px;
			background: url("/img/cur_02_sp.png") no-repeat right center #fff; }

		#faq dl dt:before { 
			background-color: #000; 
			color: #fff; 
			content: "Q";
			font-family: Roboto;
			text-align: center; min-height: 50px; min-width: 40px; 
		line-height: 60px; position: absolute; left: 0; top: 0; 
		border-top-left-radius: 10px; -webkit-border-top-left-radius: 10px; 
		-moz-border-radius-topleft: 10px; border-bottom-left-radius: 10px; 
		-webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px;
			font-size:18px;
			line-height: 50px;
		 }
		#faq dl dt:after {content:"";}
		#faq dl dt span { padding-top: 0.6em; display: block; }
		#faq dl dt span.line1 { padding-top: 1em; display: block; }
		#faq dl dt span.line3 { padding-top: 0.2em; display: block; }
		#faq dl dd { text-align: left; padding: 10px 0 0 3px; margin: 0; font-size: 85%; }



		/* sponsor
		-----------------------------------------------------*/
		.sponsor {
			margin: 5% auto;
			padding: 5%;
			color:#444;
			border: 4px solid #2f97cf;
			width:80%;
			line-height: 180%;
		}

		.kokuchi {
			text-align: left;
			position: fixed;
			bottom:0;
			padding:3%;
			width:94%;
			background-color: #94c900;
			font-size: ;
		}
		
		.kokuchi img {
			max-width:160px;
			margin-right: 10px;
			float:left;
		}
		.kokuchi a {
			text-decoration: none;
			color:#000;
		}

		.kokuchi a:hover {
			color:#fff;
		}

		.kokuchi .en {
			display: none;
		}
		.kokuchi .ja {
			display: block;
		}

		.english .kokuchi .en {
			display: block;
		}
		.english .kokuchi .ja {
			display: none;
		}

		/* footer
		-----------------------------------------------------*/
		#footer { margin-top: 4.6%; font-size: 11px; padding: 4.6% 0; text-align: center; background-color: #fff;width:auto; }
		#footer .copy { font-size: 70%;float:none;text-align: center; }
		#footer ul { float: none; }
		#footer ul li { list-style-type: none; display: inline-block; margin-right: 2em; font-size: 85%; }
		#footer ul li a { color: #000; }

		/*===================================================== 
		university
		=====================================================*/
		.under { padding: 0; background-color: #2f97cf; }
		.under h1 { font-size: 25px; font-weight: bold; padding: 10px 0 10px 0; margin: 0; }
		.under h2 { color: #fff; margin: 4.6%; }
		.under dl.univ { width: auto; vertical-align: top; margin: 4.6% 4.6% 4.6% 4.6%; padding: 2% 4.6%; border-radius: 10px; background: #fff; text-align: left; }
		.under dl.univ dt { margin: 0 0 10px 0; padding: 0; }
		.under dl.univ dt img { vertical-align: middle; }
		.under dl.univ dd { clear: both; display: block; width: auto; vertical-align: top; margin-left: 0; color: #333; line-height: 180%; font-size: 85%; }
		.under dl.univ dd:before { content: "■"; font-size: 8px; color: #ccc; }

		.blueline { border-top: 2px solid #2f97cf; padding-top: 15px; }
	
	
	.comingsoon {
	text-align: center;
	font-family: Roboto, sans-serif;
	color:#2f97cf;
	font-size: 20px;
	margin-bottom: 0;
}	
}