@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Montserrat);

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

	CommonElements

======================================= */
body {
	overflow: auto;
}
body {
	min-width: 980px;
	color: #000;
	font-size: 14px;
	line-height: 1.6;
	text-align: center;
	overflow: hidden;
	position: relative;
	background: #ffffff;
}
a:link { text-decoration:none; color: #7b2482;}
a:visited { text-decoration:none; color: #7b2482;}
a:active { text-decoration:none; color: #7b2482;}
a:hover { text-decoration:underline; color: #7b2482;}

@font-face {
  font-family: 'azabu';
  src:  url('../fonts/azabu.eot?1k0c7m');
  src:  url('../fonts/azabu.eot?1k0c7m#iefix') format('embedded-opentype'),
    url('../fonts/azabu.ttf?1k0c7m') format('truetype'),
    url('../fonts/azabu.woff?1k0c7m') format('woff'),
    url('../fonts/azabu.svg?1k0c7m#azabu') format('svg');
  font-weight: normal;
  font-style: normal;
}
.iconCircleArrow:before {
  content: "\e900";
}
.iconArrow:before {
  content: "\e901";
}
.iconBlank:before {
  content: "\e902";
}
.iconMail:before {
  content: "\e903";
}
.iconTel:before {
  content: "\e904";
}
.iconCompany:before {
  content: "\e905";
}
.iconExam:before {
  content: "\e906";
}
.iconGraduate:before {
  content: "\e907";
}
.iconParents:before {
  content: "\e908";
}
.iconStudent:before {
  content: "\e909";
}
.iconTeacher:before {
  content: "\e90a";
}
.iconPlane:before {
  content: "\e90b";
}
.iconWeb:before {
  content: "\e90c";
}

.boxCenter {text-align: center;}

@media screen and (max-width: 720px){
	body {
		min-width: 320px;
	}
}

/* ------------------------------------
	header
------------------------------------ */
header {
	height: 145px;
	padding: 0 0 1px;
	position: relative;
	background: url(../files/nav_bg.png) repeat-x top left;
}
header .inner {
	width: 980px;
	margin: 0 auto;
}
header .inner h1 {
	width: 210px;
	height: auto;
	margin: 26px 0 0 0;
	float: left;
}
header .inner h1 img {
	width: 100%;
	height: auto;
}
header .inner .subNav {
	margin: 16px 13px 5px 0;
	float: right;
}
header .inner .subNav li {
	margin: 0 15px 0 0;
	display: inline-block;
	position: relative;
}
header .inner .subNav li a {
	padding: 0 0 0 17px;
	color: #000;
	font-size: 86%;
	display: inline-block;
	overflow: hidden;
	vertical-align: bottom;
}
header .inner .subNav li a:before {
	font-family: 'azabu';
	content: "\e900";
	font-size: 105%;
	position: absolute;
	top: 3px;
	left: 0;
}
header .inner .subNav li a:hover {
	text-decoration: none;
}
header .inner .snsNav {
	margin: 12px 0 0 0;
	height: 30px;
	float: right;
}
header .inner .snsNav li {
	height: 30px;
	padding: 0 11px;
	float: left;
	position: relative;
}
header .inner .snsNav li:after {
	content: "";
	width: 1px;
	height: 20px;
	display: inline-block;
	position: absolute;
	right: 0;
	top: 7px;
	background: url(../files/border-y.png) repeat-y right top;
}
header .inner .snsNav li:first-child:before {
	content: "";
	width: 1px;
	height: 20px;
	display: inline-block;
	position: absolute;
	left: -3px;
	top: 7px;
	background: url(../files/border-y.png) repeat-y right top;
}
header .inner .snsNav li a,
header .inner .snsNav li img {
	vertical-align: middle;
}
header .inner .search {
	margin: 8px 0 0 0;
	float: right;
	overflow: hidden;
}
header .inner .search li {
	display: inline-block;
	vertical-align: middle;
}
.searchForm span {
	width: 240px;
	margin: 0 7px 0 0;
	display: inline-block;
	position: relative;
}
.searchForm .searchInput {
	width: 240px;
	padding: 9px 30px 8px 12px;
	display: inline-block;
	border-radius: 5px;
	border: 1px solid #dfdfdf;
	box-shadow: inset 0 0 5px #e8e8e8;
}
.searchForm button {
	padding: 0;
	line-height: 1.3;
	position: absolute;
	top: 8px;
	right: 10px;
	cursor: pointer;
	border: none;
	background: none;
}
header .inner .search li.request a,
header .inner .search li.webApply a {
	overflow: hidden;
	vertical-align: bottom;
	display: inline-block;
	text-decoration: none;
	border: 1px solid #fdf433;
	border-radius: 5px;
	transition: all 0.3s ease-out;
}
header .inner .search li.request span,
header .inner .search li.webApply span {
	width: 140px;
	margin: 1px;
	padding: 5px 15px 5px 20px;
	display: inline-block;
	font-weight: bold;
	font-size: 93%;
	color: #000;
	border-radius: 5px;
	transition: all 0.3s ease-out;
}
header .inner .search li.request a {
	border: 1px solid #fdf433;
}
header .inner .search li.request span {
	background: #fdf433;
}
header .inner .search li.request span:before {
	font-family: 'azabu';
	content: "\e90b";
	color: #000;
	position: relative;
	top: 2px;
	left: -6px;
	transition: all 0.3s ease-out;
}
header .inner .search li.webApply a {
	border: 1px solid #5e5e5e;
}
header .inner .search li.webApply span {
	color: #FFF;
	background: #5e5e5e;
}
header .inner .search li.webApply span:before {
	font-family: 'azabu';
	content: "\e90c";
	color: #FFF;
	position: relative;
	top: 2px;
	left: -6px;
	transition: all 0.3s ease-out;
}
header .inner .search li.request a:hover,
header .inner .search li.webApply a:hover {
	border: 1px solid #7b2482;
}
header .inner .search li.request a:hover span,
header .inner .search li.webApply a:hover span {
	color: #FFFFFF;
	background: #7b2482;
}
header .inner .search li.request a:hover span:before,
header .inner .search li.webApply a:hover span:before {
	color: #FFF;
}
header .inner #global {
	width: 980px;
	margin: 12px 0 0 0;
	position: absolute;
	bottom: 0;
}
header .inner #global li {
	width: 122px;
	height: 47px;
	float: left;
}
header .inner #global li a {
	transition: all 0.3s ease-out;
}
header .inner #global li.about {background: url(../files/nav_about_on.png) no-repeat;}
header .inner #global li.academics {background: url(../files/nav_academics_on.png) no-repeat;}
header .inner #global li.graduate {background: url(../files/nav_graduate_on.png) no-repeat;}
header .inner #global li.admission {background: url(../files/nav_admission_on.png) no-repeat;}
header .inner #global li.lab {background: url(../files/nav_lab_on.png) no-repeat;}
header .inner #global li.carrier {background: url(../files/nav_carrier_on.png) no-repeat;}
header .inner #global li.related {background: url(../files/nav_related_on.png) no-repeat;}
header .inner #global li.cooperation {background: url(../files/nav_cooperation_on.png) no-repeat;}
header .inner #global li a {
	width: 122px;
	height: 47px;
	display: block;
	text-indent: -9999px;
}
header .inner #global li.academics,
header .inner #global li.academics a,
header .inner #global li.graduate,
header .inner #global li.graduate a,
header .inner #global li.related,
header .inner #global li.related a,
header .inner #global li.cooperation,
header .inner #global li.cooperation a {
	width: 123px;
}
header .inner #global li.about a {background: url(../files/nav_about.png) no-repeat;}
header .inner #global li.academics a {background: url(../files/nav_academics.png) no-repeat;}
header .inner #global li.graduate a {background: url(../files/nav_graduate.png) no-repeat;}
header .inner #global li.admission a {background: url(../files/nav_admission.png) no-repeat;}
header .inner #global li.lab a {background: url(../files/nav_lab.png) no-repeat;}
header .inner #global li.carrier a {background: url(../files/nav_carrier.png) no-repeat;}
header .inner #global li.related a {background: url(../files/nav_related.png) no-repeat;}
header .inner #global li.cooperation a {background: url(../files/nav_cooperation.png) no-repeat;}
header .inner #global li.about.active a {background: url(../files/nav_about_active.png) no-repeat;}
header .inner #global li.academics.active a {background: url(../files/nav_academics_active.png) no-repeat;}
header .inner #global li.graduate.active a {background: url(../files/nav_graduate_active.png) no-repeat;}
header .inner #global li.admission.active a {background: url(../files/nav_admission_active.png) no-repeat;}
header .inner #global li.lab.active a {background: url(../files/nav_lab_active.png) no-repeat;}
header .inner #global li.carrier.active a {background: url(../files/nav_carrier_active.png) no-repeat;}
header .inner #global li.related.active a {background: url(../files/nav_related_active.png) no-repeat;}
header .inner #global li.cooperation.active a {background: url(../files/nav_cooperation_active.png) no-repeat;}

/*PC HOVER*/
@media only screen and (min-width: 720px) {
	body:not(.setTb) header .inner #global li a:hover {opacity: 0;}
	body:not(.setTb) header .inner #global li.hov > a {opacity: 0;}
	body:not(.setTb) header .inner #global li.active a:hover {opacity: 1;}
	body:not(.setTb) header .inner #global li.active.hov > a {opacity: 1;}
}
header .inner #global section {
	display: none;
	margin: 0 -500%;
	padding: 0 500% 10px;
	position: absolute;
	left: 0;
	z-index: 100;
	background: #7b2482;
}
header .inner #global section h2 {
	padding: 50px 0 20px;
	text-align: left;
	position: relative;
	z-index: 101;
	border-bottom: none;
}
header .inner #global section h2 a {
	width: auto !important;
	display: inline-block;
	overflow: hidden;
	vertical-align: bottom;
	text-indent: 0;
	text-decoration: none;
	color: #FFF;
	letter-spacing: 3px;
	line-height: 1.2;
	font-size: 136%;
	font-weight: normal;
	font-family: Montserrat,"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	background: none !important;
}
/*PC HOVER*/
@media only screen and (min-width: 720px) {
	body:not(.setTb) header .inner #global section li a:hover,
	body:not(.setTb) header .inner #global section h2 a:hover {opacity: 0.6 !important;}
}
header .inner #global section > ul {
	overflow: hidden;
	text-align: left;
	font-size: 0;
}
header .inner #global section > ul > li {
	width: 230px;
	height: auto;
	margin: 0 20px 20px 0;
	float: none;
	display: inline-block;
	vertical-align: top;
	text-align: left;
	color: #FFF;
	position: relative;
	z-index: 101;
	font-size: 14px;
}
header .inner #global section > ul > li.fourth {
	margin: 0 0 20px 0;
}
header .inner #global section h3 a,
header .inner #global section > ul > li a {
	width: 100% !important;
	height: auto;
	color: #FFF;
	font-size: 86%;
	text-align: left;
	display: block;
	position: relative;
	z-index: 101;
	text-indent: 0;
	background: none !important;
}
/*PC HOVER*/
@media only screen and (min-width: 720px) {
	body:not(.setTb) header .inner #global section h3 a:hover,
	body:not(.setTb) header .inner #global section > ul > li a:hover {opacity: 0.6;}
}
header .inner #global section h3 {
	margin: 0 0 15px;
	border-bottom: 1px dotted #FFF;
}
header .inner #global section h3 a {
	padding: 0 0 10px 23px;
	font-weight: bold;
	text-decoration: none;
	overflow: hidden;
	position: relative;
}
header .inner #global section h3 a:before {
	font-family: 'azabu';
	content: "\e900";
	color: #FFF;
	position: absolute;
	top: 0;
	left: 1px;
}
header .inner #global section > ul > li li {
	width: 100%;
	height: auto;
	margin: 0 0 10px 0;
	float: none;
}
header .inner #global section > ul > li li a {
	padding: 0 0 0 12px;
	text-decoration: underline;
	position: relative;
}
header .inner #global section > ul > li li a:before {
	content: "\226b";
	position: absolute;
	left: 0;
	display: inline-block;
	text-decoration: underline;
}
header .inner #global section > ul > li li a:before {
	text-decoration: none;
}

@media only screen and (max-width: 720px) {
	header {
		width: 90%;
		height: auto;
		margin: 0 auto;
		padding: 0 0 10px;
		overflow: hidden;
		background: none;
	}
	header .inner {
		width: 100%;
	}
	header .inner h1 {
		width: 190px;
		margin: 15px 0 0;
		float: none;
		position: relative;
		z-index: 10;
	}
	header .inner .subNav {
		margin: 10px 0 5px 0;
		float: none;
		text-align: center;
	}
	header .inner .subNav ul {
		text-align: center;
	}
	header .inner .subNav li {
		margin: 0 5px 0 0;
		display: inline-block;
		vertical-align: middle;
		text-align: left;
	}
	header .inner .subNav li a {
		padding: 0 1px 0 12px;
		font-size: 62%;
		vertical-align: middle;
		letter-spacing: -1px;
	}
	header .inner .subNav li a:before {
		position: absolute;
		top: 5px;
		left: 0;
	}
	header .inner .snsNav {
		display: none;
	}
	header .inner .search {
		float: none;
	}
	header .inner .search li:first-child {
		width: 100%;
		margin: 0 0 5px;
	}
	.searchForm span {
		width: 100%;
		margin: 0;
	}
	.searchForm .searchInput {
		width: 100%;
	}
	header .inner .search li.request span,
	header .inner .search li.webApply span {
		width: 99%;
		margin: 1px 0.5%;
		padding: 5px 0px;
		display: block;
	}
	header .inner .search li.request {
		width: 49%;
		float: left;
	}
	header .inner .search li.request a {
		display: block;
	}
	header .inner .search li.request span {
		background: #fdf433;
	}
	header .inner .search li.webApply {
		width: 49%;
		float: right;
	}
	header .inner .search li.webApply a {
		display: block;
	}
	header .inner .search li.webApply span {
		background: #5e5e5e;
	}
	header .inner .search li.request a:hover {
		border: 1px solid #fdf433;
	}
	header .inner .search li.webApply a:hover {
		border: 1px solid #5e5e5e;
	}
	header .inner .search li.request a:hover span {
		background: #fdf433;
	}
	header .inner .search li.webApply a:hover span {
		background: #5e5e5e;
	}
	header .inner .search li.request a:hover span,
	header .inner .search li.request a:hover span:before {
		color: #000;
	}
	#spMenuList section {
		display: none;
	}
}

/* =====================================
	RWD MENU
===================================== */
#spMenuShow,
#spMenuClose,
#spMenuList {
	display: none;
}
@media only screen and (max-width: 720px) {
	header .hWrap {
		padding-bottom: 10px;
	}

	#global {
		display: none;
	}

	#spMenuShow,
	#spMenuClose {
		top: 17px;
		right: 5% !important;
		width: 40px;
		height: 40px;
		text-indent: -9999px;
		display: block;
		position: absolute;
		background: url(../files/btn_menu.png) no-repeat center center;
		background-size: 100% 100%;
		cursor: pointer;
		z-index: 1001;
	}
	#spMenuClose {
		display: none;
		background: url(../files/btn_menu_close.png) no-repeat center center;
		background-size: 100% 100%;
		z-index: 1002;
	}
	#spMenuList {
		top: 0;
		left: 0;
		width: 100%;
		position: absolute;
		display: none;
		z-index: 1000;
	}
	#spMenuList ul {
		margin-top: 70px;
		width: 100%;
		background: #fff;
	}
	#spMenuList ul li {
		width: 100%;
	}
	#spMenuList ul li a {
		display: block;
		padding: 1em 5%;
		margin: 0;
		text-align: left;
		color: #FFF;
		border-bottom: 1px solid #999;
		text-decoration: none;
		text-transform: uppercase;
		font-weight: bold;
		background: #000;
	}
	#spMenuList ul li a:before {
		margin: 0px 8px 0px 0px;
		font-weight: normal;
		vertical-align: middle;
		font-family: 'azabu';
		content: "\e901";
		font-size: 72%;
	}
	#spMenuList ul li:last-child a {
		border-bottom: #fff 2px solid;
	}
}

/* ------------------------------------
	notification
------------------------------------ */
.notification {
	padding: 15px 0;
	background: #eaedf2;
}
.notification li {
	width: 980px;
	margin: 2px auto 0;
	background: #FFF;
}
.notification li:first-child {
	margin: 0 auto;
}
.notification li a {
	display: block;
	text-decoration: none;
}
.notification li dl {
	width: 100%;
	overflow: hidden;
	display: table;
	border: 1px solid #ff1054;
}
.notification li dt {
	width: 150px;
	padding: 14px 15px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	color: #FFF;
	font-weight: bold;
	background: #ff1054;
}
.notification li dd {
	padding: 9px 40px 9px 25px;
	display: table-cell;
	vertical-align: middle;
	text-align: left;
	color: #000;
	font-weight: bold;
	position: relative;
	background: #FFF;
}
.notification li dd:after {
	margin: -8px 0 0 0;
	font-size: 77%;
	font-weight: normal;
	font-family: 'azabu';
	content: "\e901";
	color: #ff8b5d;
	position: absolute;
	top: 50%;
	right: 20px;
}

@media only screen and (max-width: 720px) {
	.notification li {
		width: 90%;
		margin: 5px auto 0;
	}
	.notification li dl,
	.notification li dt,
	.notification li dd {
		display: block;
	}
	.notification li dt {
		width: 100%;
		padding: 10px 15px;
	}
	.notification li dd {
		font-size: 108%;
	}
}

/* ------------------------------------
	footer
------------------------------------ */
footer .pageTop {
	text-align: center;
	border-bottom: 1px solid #e0e0e0;
}
footer .ftSearch {
	padding: 11px 0 10px;
	border-bottom: 1px solid #e0e0e0;
}
footer .ftSearch .searchInner {
	width: 980px;
	margin: 0 auto;
	text-align: right;
}
footer .searchForm span {
	margin: 0;
}
footer .sitemap {
	padding: 50px 0 30px;
	background: #f3f3f3;
}
footer .sitemap .smInner {
	width: 980px;
	margin: 0 auto;
	position: relative;
}
footer .smHeader {
	padding: 0 0 30px;
	overflow: hidden;
	text-align: left;
	border-bottom: 1px solid #FFF;
	position: relative;
}
footer .smHeader:after {
	content: "";
	width: 100%;
	height: 1px;
	background: #e0e0e0;
	position: absolute;
	bottom: 0;
	left: 0;
}
footer .smHeader .ftLink {
	text-align: left;
	float: left;
}
footer .smHeader .ftLink li {
	margin: 0 45px 0 0;
	display: inline-block;
}
footer .smHeader li.ftLogo {
	width: 230px;
}
footer .smHeader li.ftLogo img {
	width: 100%;
	height: auto;
}
footer .smHeader li.ftHome a {
	padding: 0 0 0 20px;
	display: inline-block;
	vertical-align: bottom;
	overflow: hidden;
	text-decoration: none;
	color: #000;
	background: url(../files/icon_home.png) no-repeat left center;
}
footer .snsNav {
	position: absolute;
	top: 20px;
	right: 0;
}
footer .snsNav li {
	height: 34px;
	padding: 0 11px;
	float: left;
	position: relative;
	display: table;
}
footer .snsNav li:after {
	content: "";
	width: 1px;
	height: 20px;
	display: inline-block;
	position: absolute;
	right: 0;
	top: 9px;
	background: url(../files/border-y.png) repeat-y right top;
}
footer .snsNav li:first-child:before {
	content: "";
	width: 1px;
	height: 20px;
	display: inline-block;
	position: absolute;
	left: 0;
	top: 9px;
	background: url(../files/border-y.png) repeat-y right top;
}
footer .snsNav li a,
footer .snsNav li img {
	display: table-cell;
	vertical-align: middle;
}


footer .snsNav li.request,
footer .snsNav li.webApply {
	margin: 0 0 0 10px;
	padding: 0;
}
footer .snsNav li.request:after,
footer .snsNav li.webApply:after {
	background: none;
}
footer .snsNav li.request a,
footer .snsNav li.webApply a {
	padding: 0;
	display: block;
	overflow: hidden;
	display: inline-block;
	text-decoration: none;
	border-radius: 5px;
	background: #FFF;
/*	transition: none !important;*/
	opacity: 1 !important;
	transition: all 0.3s ease-out;
}
footer .snsNav li.request span,
footer .snsNav li.webApply span {
	width: 140px;
	margin: 1px;
	padding: 5px 15px 5px 20px;
	display: inline-block;
	font-weight: bold;
	font-size: 93%;
	color: #000;
	border-radius: 5px;
	transition: all 0.3s ease-out;
}
footer .snsNav li.request span:before,
footer .snsNav li.webApply span:before {
	font-family: 'azabu';
	position: relative;
	top: 2px;
	left: -8px;
	transition: all 0.3s ease-out;
}
footer .snsNav li.request a {
	border: 1px solid #fdf433;
	transition: all 0.3s ease-out;
}
footer .snsNav li.request span {
	background: #fdf433;
}
footer .snsNav li.request span:before {
	content: "\e90b";
	color: #000;
}
footer .snsNav li.webApply a {
	border: 1px solid #5e5e5e;
}
footer .snsNav li.webApply span {
	color: #FFF;
	background: #5e5e5e;
}
footer .snsNav li.webApply span:before {
	content: "\e90c";
	color: #FFF;
}
footer .snsNav li.request a:hover,
footer .snsNav li.webApply a:hover {
	border: 1px solid #7b2482;
}
footer .snsNav li.request a:hover span,
footer .snsNav li.webApply a:hover span {
	color: #FFFFFF;
	background: #7b2482;
}
footer .snsNav li.request a:hover span:before,
footer .snsNav li.webApply a:hover span:before {
	color: #FFF;
}
footer .mapList {
	overflow: hidden;
}
footer .mapList > li {
	width: 215px;
	margin: 0 0 0 40px;
	float: left;
	text-align: left;
}
footer .mapList > li:first-child {
	margin: 0;
}
footer .mapList > li dl,
footer .mapList > li ul.otherLinks,
footer .mapList > li span a {
	margin: 30px 0 0 0;
}
footer .mapList > li dt a,
footer .mapList > li ul.otherLinks a,
footer .mapList > li span a {
	padding: 0 0 0 20px;
	font-weight: bold;
	display: inline-block;
	text-decoration: none;
	color: #000;
	overflow: hidden;
	position: relative;
}
footer .mapList > li dt a:before,
footer .mapList > li ul.otherLinks a:before,
footer .mapList > li span a:before {
	font-family: 'azabu';
	content: "\e900";
	color: #7b2482;
	position: absolute;
	top: 0;
	left: 1px;
}
footer .mapList > li dt a.disable {
	cursor: default;
}
footer .mapList > li dd {
	padding: 0 0 0 20px;
}
footer .mapList > li ul li {
	position: relative;
}
footer .mapList > li ul li:before {
	content: "\226b";
	position: absolute;
	left: 0;
}
footer .mapList > li ul.otherLinks li:before {
	content: "";
}
footer .mapList > li dd a {
	padding: 0 0 0 1.2em;
	text-decoration: underline;
	color: #494949;
	font-size: 86%;
	line-height: 1.9;
	display: inline-block;
	overflow: hidden;
	word-break: break-all;
}
footer .mapList > li dd a:hover {
	text-decoration: none;
}
footer .otherList {
	margin: 30px 0;
	text-align: left;
}
footer .otherList li {
	margin: 0 8px 0 0;
	display: inline-block;
}
footer .otherList li a {
	padding: 0;
	overflow: hidden;
	display: inline-block;
	vertical-align: bottom;
	text-decoration: none;
	font-size: 86%;
	color: #494949;
	position: relative;
	border: 1px solid #e4e4e4;
	border-radius: 5px;
	background: #FFF;
}
footer .otherList li a:before {
	content: "\226b";
	position: absolute;
	top: 6px;
	left: 13px;
}
footer .otherList li span {
	margin: 1px;
	padding: 5px 20px 5px 25px;
	display: inline-block;
	background: #e4e4e4;
	border-radius: 5px;
}
footer .evaluationArea {
	padding: 30px 0 0;
	border-top: 1px solid #e4e4e4;
	letter-spacing: -0.4em;
}
footer .evaluationArea .evlCont {
	width: 470px;
	margin: 0 0 0 40px;
	letter-spacing: 0;
	display: inline-block;
	text-align: left;
}
footer .evaluationArea .evlCont:first-child {
	margin: 0;
}
footer .evaluationArea .evlCont figure,
footer .evaluationArea .evlCont dl {
	letter-spacing: 0;
	display: inline-block;
	vertical-align: middle;
}
footer .evaluationArea .evlCont figure {
	margin: 0 30px;
}
footer .evaluationArea .evlCont dt {
	font-weight: bold;
}
footer .evaluationArea .evlCont a {
	padding: 0 0 0 1em;
	display: inline-block;
	overflow: hidden;
	word-break: break-all;
	position: relative;
	text-decoration: underline;
	color: #7b2482;
}
footer .evaluationArea .evlCont a:before {
	content: "\226b";
	position: absolute;
	left: 0;
	text-decoration: underline;
}
footer .evaluationArea .evlCont a:before,
footer .evaluationArea .evlCont a:hover {
	text-decoration: none;
}
footer .ftBanner {
	padding: 30px 0;
	background: #e4e4e4 url(../files/footer-ban-bg.png);
}
footer .ftBanner ul {
	width: 980px;
	margin: 0 auto;
	overflow: hidden;
}
footer .ftBanner ul li {
	width: 230px;
	margin: 0 0 0 20px;
	float: left;
	background: #ffffff;
	border: 1px solid #e0e0e0;
}
footer .ftBanner ul li:first-child {
	margin: 0;
}
footer .ftBanner ul li img {
	width: 100%;
}
footer small {
	display: block;
	padding: 30px 0;
	color: #FFF;
	font-size: 72%;
	letter-spacing: 1.9px;
	line-height: 2.3;
	background: #000;
}

@media only screen and (max-width: 720px) {
	footer .ftSearch .searchInner {
		width: 90%;
		margin: 0 auto;
	}
	footer .sitemap {
		padding: 30px 0;
	}
	footer .sitemap .smInner {
		width: 90%;
	}
	footer .smHeader {
		padding: 0 0 20px;
	}
	footer .smHeader .ftLink {
		width: 100%;
		float: none;
		display: table;
	}
	footer .smHeader .ftLink li {
		width: 52%;
		padding: 0 4% 0 0;
		display: table-cell;
	}
	footer .smHeader li.ftLogo img {
		width: 100%;
		height: auto;
	}
	footer .smHeader li.ftHome {
		width: auto;
		padding: 0;
		text-align: right;
	}
	footer .smHeader li.ftHome a {
		font-size: 79%;
	}
	footer .mapList > li ul.otherLinks {
		margin: 0;
	}
	footer .mapList > li,
	footer .mapList > li:first-child {
		width: 100%;
		margin: 0;
		float: none;
	}
	footer .mapList > li dl,
	footer .mapList > li span a {
		margin: 0;
	}
	footer .mapList > li dt,
	footer .mapList > li span {
		position: relative;
	}
	footer .mapList > li dt a,
	footer .mapList > li ul.otherLinks a,
	footer .mapList > li span a {
		padding: 10px 0 10px 25px;
		display: block;
		background: url(../files/border-x.png) repeat-x left bottom;
	}
	footer .mapList > li dt a:before,
	footer .mapList > li ul.otherLinks a:before,
	footer .mapList > li span a:before {
		margin: -11px 0 0 0;
		position: absolute;
		top: 50%;
		left: 1px;
	}
	footer .mapList > li dt > span {
		width: 45px;
		height: 100%;
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		cursor: pointer;
		background: rgba(200,200,200,0.3) url(../files/btn_ft_menu.png) no-repeat right center;
		background-size: 30px 15px !important;
	}
	footer .mapList > li dt.switch > span {
		background: rgba(0,0,0,0.2) url(../files/btn_ft_menu_close.png) no-repeat right center;
	}
	footer .mapList > li dd {
		display: none;
		padding: 10px 10px 10px 25px;
	}
	footer .mapList > li dd a {
		margin: 0 0 5px 0;
		display: block;
	}
	footer .otherList {
		margin: 20px 0;
		overflow: hidden;
	}
	footer .otherList li {
		width: 49%;
		margin: 0 2% 5px 0;
		display: block;
		float: left;
	}
	footer .otherList li.odd {
		margin: 0 0 5px 0;
	}
	footer .otherList li a {
		display: block;
	}
	footer .otherList li span {
		padding: 7px 10px 7px 22px;
		display: block;
		font-size: 86%;
	}
	footer .evaluationArea {
		padding: 20px 0 0;
	}
	footer .evaluationArea .evlCont,
	footer .evaluationArea .evlCont:first-child {
		width: 100%;
		margin: 0 0 20px;
	}
	footer .evaluationArea .evlCont figure {
		width: 80px;
		margin: 0 20px 0 0;
		text-align: center;
	}
	footer .evaluationArea .evlCont figure img {
		width: 80px;
	}
	footer .evaluationArea .evlCont:first-child figure img {
		width: 60px;
	}
	footer .evaluationArea .evlCont dl {
		font-size: 0.8em;
	}
	footer .snsNav {
		margin: 0;
		padding: 0 0 5px;
		position: static;
		overflow: hidden;
	}
	footer .snsNav li {
		width: 200px;
		height: 34px;
		padding: 0;
		float: none;
		display: table-cell;
		vertical-align: middle;
		text-align: center;
	}
	footer .snsNav li a,
	footer .snsNav li img {
		display: inline;
		padding: 0;
	}
	footer .snsNav li.request,
	footer .snsNav li.webApply {
		width: 49%;
		display: block;
		margin: 10px 0 0 0;
	}
	footer .snsNav li.request span,
	footer .snsNav li.webApply span {
		width: 99%;
		margin: 1px 0.5%;
		padding: 5px 0;
		display: block;
	}
	footer .snsNav li.request a,
	footer .snsNav li.webApply a {
		display: block;
	}
	footer .snsNav li.request {
		float: left;
	}
	footer .snsNav li.request span {
		background: #fdf433 none;
	}
	footer .snsNav li.webApply {
		float: right;
	}
	footer .snsNav li.webApply span {
		background: #5e5e5e; none;
	}
	footer .snsNav li.request a:hover {
		border: 1px solid #fdf433;
	}
	footer .snsNav li.webApply a:hover {
		border: 1px solid #5e5e5e;
	}
	footer .snsNav li.request a:hover span {
		background: #fdf433;
	}
	footer .snsNav li.webApply a:hover span {
		background: #5e5e5e;
	}
	footer .snsNav li.request a:hover span,
	footer .snsNav li.request a:hover span:before {
		color: #000;
	}
	footer .ftBanner {
		padding: 20px 0 10px;
	}
	footer .ftBanner ul {
		width: 90%;
	}
	footer .ftBanner ul li,
	footer .ftBanner ul li:first-child {
		width: 48%;
		margin: 0 4% 10px 0;
		float: left;
	}
	footer .ftBanner ul li.odd {
		margin: 0 0 10px 0;
	}
	footer small {
		padding: 15px 0;
		letter-spacing: 0;
	}
}

@media only screen and (min-width: 720px) {
	footer .mapList > li dd {
		display: block !important;
	}
}

/* ------------------------------------
	floatMenu
------------------------------------ */
.floatMenu {
	position: fixed;
	z-index: 100;
	top: 50%;
	right: 0;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
}
.floatMenu li {
	width: 110px;
}
.floatMenu li a {
	display: block;
}
.floatMenu li img  {
	width: 100%;
	display: block;
}

@media only screen and (max-width: 720px) {
	.floatMenu {
		padding: 0 2%;
		position: fixed;
		top: auto;
		right: auto;
		bottom: 0;
		left: 0;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	.floatMenu li {
		width: 25%;
		float: left;
	}
	.floatMenu li img {
		opacity: 0.9;
	}
}

/* ------------------------------------
	Opacity Hover
------------------------------------ */
header .inner .subNav li a,
header .inner .snsNav li a,
.notification li a,
footer .pageTop a,
footer .smHeader li.ftHome a,
footer .snsNav a,
footer .mapList dt a,
footer .mapList .otherLinks li a,
footer .otherList li a,
footer .ftBanner ul li a,
.floatMenu li a {
	transition: all 0.3s ease-out;
}

@media only screen and (min-width: 720px) {
	body:not(.setTb) header .inner .subNav li a:hover,
	body:not(.setTb) header .inner .snsNav li a:hover,
	body:not(.setTb) .notification li a:hover,
	body:not(.setTb) footer .pageTop a:hover,
	body:not(.setTb) footer .smHeader li.ftHome a:hover,
	body:not(.setTb) footer .snsNav a:hover,
	body:not(.setTb) footer .mapList dt a:hover,
	body:not(.setTb) footer .mapList .otherLinks li a:hover,
	body:not(.setTb) footer .otherList li a:hover,
	body:not(.setTb) footer .ftBanner ul li a:hover {
		opacity: 0.6;
	}
	body:not(.setTb) .floatMenu li a:hover {
		opacity: 0.7;
	}
}

/* =====================================
	ClearFixElements
===================================== */
.cf:before,
.headerInner:before,
#global:before,
#wrapper:before,
.cf:after,
.headerInner:after,
#global:after,
#wrapper:after{
	content: " ";
	display: table;
}
.cf:after,
.headerInner:after,
#global:after,
#wrapper:after {
	clear: both;
}
.cf,
.headerInner,
#global,
#wrapper {
	*zoom: 1;
}