@charset "utf-8";

body {
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic",'Noto Sans JP', sans-serif ,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", Verdana;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.5;
	text-align: center;
	color: #000;
	min-width: 320px;
}
a {
	color: #000;
	outline: none;
	text-decoration: none;
	transition: .4s;
}
input[type=radio], input[type=checkbox] {
	margin:0 5px 0 0;
	width: auto;
}
small {
	font-size: 80%;
}
.container {
	width: 90%;
	max-width: 1100px;
	margin: 0 auto;
}
.container2 {
	width: 90%;
	max-width: 1000px;
	margin: 0 auto;
}
.container3 {
	width: 90%;
	max-width: 900px;
	margin: 0 auto;
}
#index {
	position: absolute;
	left: 0;
	top: 0;
}
article > section {
	padding: 80px 0;
}
.fo-trajan {
	font-family: trajan-pro-3, serif;
	font-weight: 600;
	font-style: normal;
}
.fo-minion {
	font-family: minion-3, serif;
	font-weight: 400;
	font-style: normal;
}
a.blank::after {
	content: "";
	display: inline-block;
	background: url("/educate/gse/common/img/ico_blank.png") center center no-repeat;
	background-size: contain;
	width: 11px;
	height: 10px;
	margin-left: 7px;
}
a.blank._white::after {background-image:url("/educate/gse/common/img/ico_blank02.png") }
.clr-red {color: #b7272d}
/*header----------------------------*/
#header {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	width: 100%;
	background: #fff;
	z-index: 9999;
}
.headerWrap {
	max-width: 1200px;
	padding: 15px 0;
	font-size: 95%;
}
img[src*="/logo.png"] {
	max-height: 42px;
}
.hNavWrap li {
	margin-left: 30px;
}
.hNav01 a:hover {
	color: #005495;
}
.navBtn a {
	display: block;
	background: #ededed;
	border: 1px solid #e1e1e1;
	padding: 12px 30px 8px;
	line-height: 1;
}

.btnEng a {
	display: block;
	background: #666666;
	color: #fff;
	font-weight: 300;
	padding: 12px 18px 8px;
	line-height: 1;
}
#nav {
	background: #002756;
	color: #fff;
}
.nav {
	max-width: 1200px;
}
.nav li {
  -webkit-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
}
.nav > li > a {
	border-right: 1px solid #000;
}
.nav > li:first-of-type > a {
	border-left: 1px solid #000;
}
.nav a {
	display: block;
	padding: 20px 15px;
	color: #fff;
}
.dNav {
	position: relative;
}
.nav a:hover,.dNav:hover > a {
	background: #005495;
}
.dNav > ul {
	display: none;
	position: absolute;
	left: 0;
	right: 0;
	top: 100%;
	background: #005495;
	font-size: 95%;
}
.dNav ul li {
	border-top: 1px solid #000;
}
.dNav ul a {
	padding: 10px;
	min-height: 60px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.dNav ul a:hover {
	background: #033c99;
}
.menuIcon,.spNav {
	display: none;
}

/*footer---------------------------------*/
#footer {
	background: #ededed;
}
.footer {
	position: relative;
	padding: 55px 0 20px;
}
.pageTop {
	position: absolute;
	right: 0;
	top: -20px;
	z-index: 50;
}
.pageTop img {
	max-height: 40px;
}
.footNav {
	border-top: 1px solid #808080;
	padding-top: 30px;
	margin-top: 35px;
	text-align: left;
	font-size: 95%;
}
.footNav dl {
  -webkit-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
}
.footNav dl:not(:first-of-type) {
	margin-right: 10px;
}
.footNav dt {
	font-weight: 600;
	margin-bottom: 10px;
}
.footNav dt.mb20 {
	margin-bottom: 25px;
}
.footNav dd,.footNav li {
	margin-bottom: 6px;
}
.footNav a {
	display: inline-block;
	position: relative;
	padding-left: 10px;
}
.footNav a::before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 3px 0 3px 4px;
	border-color: transparent transparent transparent #1749ff;
	position: absolute;
	left: 0;
	top: 30%;
}
.footNav a:hover {
	color: #005495;
}
.footBtm {
	padding-top: 20px;
	margin-top: 30px;
	border-top: 1px solid #808080;
}
.footMenu li {
	margin-right: 30px;
}
.footBnr {
	width: 42%;
}
.footBnr li {
	width: 48.5%;
}
.copyRight {
	padding: 10px;
	background: #002756;
	color: #fff;
}
/*top-------------------------------------*/
.mainArea {
	height: 700px!important;
	background: url("/educate/gse/common/img/top/main01.jpg") top center no-repeat;
	background-size: cover;
}
.mainArea._02 {background-image:url("/educate/gse/common/img/top/main02.jpg")}
.mainArea._03 {background-image:url("/educate/gse/common/img/top/main03.jpg")}
.mainArea._04 {background-image:url("/educate/gse/common/img/top/main04.jpg")}
.mainWrap {
	height: 100%;
	color: #fff;
}
.mainArea._01 h2 {
	margin-right: 10%;
}
.mainCont h2 {
	font-size: 30px;
	font-weight: 500;
	letter-spacing: .2em;
}
.mainCont h2 + p.fo-trajan {
	font-weight: 300;
	font-size: 26px;
	margin-top: 25px;
	letter-spacing: .01em;
	text-indent: .01em;
}
.mainBox {
	max-width: 750px;
	margin: 80px auto 0;
	padding: 35px 10px;
	position: relative;
	background: rgba(0,0,0,.55);
}
.mainArea._03 .mainBox {max-width:870px}
.mainBox::before,
.mainBox::after {
	content: "";
	display: block;
	width: 140px;
	height: 45px;
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
	position: absolute;
	left: -5px;
	top: -5px;
	z-index: 10;
}
.mainBox::after {
	border: none;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	left: inherit;
	top: inherit;
	bottom: -5px;
	right: -5px;
}
.mainBox h3 {
	font-weight: 500;
	margin-bottom: 10px;
}
.mainBox p.fo-trajan {
	font-weight: 300;
}
.ttlBox {
	margin-bottom: 70px;
}
.ttlBox h2 span {
	display: inline-block;
	position: relative;
	font-size: 36px;
	line-height: 1;
}
.ttlBox h2 span::after {
	content: "";
	display: block;
	background: url("/educate/gse/common/img/ttl_border.svg") right bottom;
	background-size: 100% 100%;
	width: 53px;
	height: 16px;
	position: absolute;
	right: -10px;;
	bottom: 4px;
	z-index: 50;
}
.ttlBox h2 + p {
	margin-top: 15px;
}
.newsWrap {
	max-width: 930px;
	margin: 0 auto;
	height: 160px;
	overflow-y: auto;
}
.newsWrap li {
	display: flex;
	text-align: left;
	margin-bottom: 10px;
}
.newsWrap li p {
	min-width: 80px;
	margin-right: 30px;
}
.newsWrap a:hover {
	color: #005495;
	text-decoration: underline;
}
#topAbout {
	background: url("/educate/gse/common/img/top/about_left.png") left bottom,url("/educate/gse/common/img/top/about_right.png") right top;
	background-color: #001020;
	background-repeat: no-repeat;
	color: #fff;
}
.aboutBnr li {
	width: 48%;
}
#topCoures {
	background: #000 url("../img/top/course_bg.jpg") bottom 33% center no-repeat;
	color: #fff;
}
.courseWrap li {
	position: relative;
	width: 31.819%;
}
.courseWrap a {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	color: #fff;
	padding: 10px;
}
.courseWrap dl {
	border: 1px solid #fff;
	width: 100%;
	height: 100%;
	position: relative;
	transition: .2s;
}
.courseWrap dl::before,
.courseWrap dl::after {
	content: "";
	display: block;
	border: 1px solid #1749ff;
	width: 115px;
	height: 55px;
	z-index: 10;
	position: absolute;
	left: -1px;
	top: -1px;
}
.courseWrap dl::before {
	border-bottom: none;
	border-right: none;
}
.courseWrap dl::after {
	right: -1px;
	bottom: -1px;
	left: inherit;
	top: inherit;
	border-top: none;
	border-left: none;
	height: 25px;
}
.courseWrap li:nth-child(2) dl::before {
	height: 1px;
	left: 0;
	right: 0;
	margin: auto;
	width: 55%;
}
.courseWrap li:nth-child(2) dl::after {
	left: -1px;
	right: inherit;
	border-right: none;
	border-left: 1px solid #1749ff;
}
.courseWrap li:nth-child(3) dl::before {
	left: inherit;
	right: -1px;
	border-left: none;
	border-right: 1px solid #1749ff;
}
.courseWrap li:nth-child(3) dl::after {
	right: inherit;
	left: -1px;
	border-right: none;
	border-left: 1px solid #1749ff;
	width: 32px;
	height: 110px;
}
.courseWrap dt {
	font-size: 28px;
	letter-spacing: .05em;
	text-indent: .05em;
}
.courseWrap dd {
	margin-top: 20px;
	font-size: 18px;
}
.courseWrap._02 li:first-of-type {
	width: 66%;
}
.courseWrap._02 dt {
	font-size: 24px;
}
.courseWrap._02 dt span {
	display: block;
	color: #fff;
	font-size: 18px;
	line-height: 1;
	background: #002756;
	max-width: 185px;
	padding: 5px;
	margin: 0 auto 10px;
}
.courseWrap._02 dd {
	font-size: 16px;
	margin-top: 15px;
}
.courseWrap._02 li:last-of-type dd {
	margin-top: 5px;
}
.courseWrap._02 dl::before {
	height: 1px;
	border-color: #00ff00;
	left: -1px!important;
	right: inherit!important;
	margin: 0;
}
.courseWrap._02 dl::after {
	display: none;
}
.courseWrap dl:hover {
	background: rgba(23,73,255,.2)
}
.courseWrap._02 dl:hover {
	background: rgba(0,255,0,.1)
}
.courseWrap._01 {
	margin-bottom: 100px;
}
.bnrWrap {
	background: url("/educate/gse/common/img/top/bnr_access.png") center center no-repeat;
	background-size: cover;
	padding: 10px;
}
.bnrWrap a {
	color: #fff;
	display: block;
	border: 1px solid #fff;
	padding: 61.5px 10px;
}
.bnrWrap .ttlBox {
	margin-bottom: 0;
}
.bnrWrap a:hover {
	background: rgba(255,255,255,.1);
}



/**コンテンツ
----------------------------------------------*/
/**タイトル*/
.pagetitlewrap {
	background: no-repeat top center;
	background-size: cover;
}
#feature .pagetitlewrap{
	background-image: url("/educate/gse/common/img/feature/pagetitle.png");
}
.pagetitle{
    width: 90%;
    max-width:1100px;
    margin: 0 auto;
    height: 300px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
		-webkit-box-pack:center;
		-ms-flex-pack:center;
		justify-content:center;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
    color: #fff;
}
.pagetitle h2{
	font-family: trajan-pro-3, serif;
	font-weight: 400;
	font-style: normal;
	font-size: 250%;
	border-bottom: 2px solid #fff;
	width: 600px;
	max-width: 90%;
	margin: 0 auto 40px;
	padding: 0 0 20px;
	position: relative;
}
.pagetitle h2:after{
	content: "";
	display: block;
	height: 2px;
	width: 200px;
	background: #1749ff;
	position: absolute;
	bottom: -2px;
	left: 50%;
	transform: translate(-50%);
}
.pagetitle p{
	font-size: 140%;
}

.topicpath{
	text-align: left;
	padding: 20px 0;
}

.manibodywrap01{
	padding: 60px 0;
}
.bgclr01{
	background: #002756;
}

/**主な進路*/
.featuremenu h3{
    color: #fff;
    font-weight: 400;
    padding: 0 0 30px;
}
.featuremenu ul{
    display: flex;
    justify-content: space-between;
    margin: 0 0 50px;
}
.featuremenu li{
   flex-basis: 32%;
   margin: 0 0 10px;
}
.featuremenu li a{
    padding: 15px 10px;
    text-align: center;
    color: #fff;
    font-weight: 800;
    background: #008b5e;
    display: block;
    position: relative;
}
.featuremenu li:nth-child(2) a{
    background: #29a1d8;
}
.featuremenu li:nth-child(3) a{
    background: #2e3188;
}
.featuremenu li a:after{
    content: "";
    width: 0;
		height: 0;
		border-style: solid;
		border-width: 8px 10px 0 10px;
		border-color: #fff transparent transparent transparent;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		right: 20px;
}
.featurebox h3{
   background: #008b5e;
   color: #fff;
   padding: 10px;
   font-size: 140%;
   margin: 0 0 10px;
}
.featurebox:nth-child(2) h3{
    background: #29a1d8;
}
.featurebox:nth-child(3) h3{
    background: #2e3188;
}
.featurebox dl{
    background: #fff;
    padding: 50px;
    margin: 0 0 50px;
}
.featurebox dt{
    color: #fff;
    background: #002756;
    font-size: 120%;
    padding: 10px;
    margin: 0 0 40px;
}
.featurebox dd {
	padding-left: 7%;
}
.featurebox dd ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    text-align: left;
    margin: 0 0 40px;
}
.featurebox:nth-child(1) dd ul{
    max-width: 700px;
    margin: 0 auto 40px;
}


.featurebox dd li{
    flex-basis: 50%;
    margin: 0 0 10px;
}
.featurebox dd p{
    text-align: left;
    margin: 0 0 20px;
}
/*access-----------------------------*/
#access .pagetitlewrap {background-image: url("/educate/gse/common/img/access/pagetitle.png")}
.bgclr01 .ttlBox {
	color: #fff;
}
.accessArea {
	background: #fff;
	padding: 60px 5.5%;
}
.routeList {
	text-align: left;
	background: #f5f5f5;
	padding: 25px 8%;
	margin: 40px 0 60px;
}
.routeList li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	flex-wrap: wrap;
	-ms-flex-preferred-size: 1;
	flex-basis: 1;
	font-size: 18px;
	margin-bottom: 2px;
	position: relative;
}
.routeList li::before {
	content: "";
	display: inline-block;
	width: 60px;
	height: 4px;
	background: #698e5a;
	margin-right: 15px;
}
.routeList li._02::before {background:#008445}
.routeList li._03::before {background:#299dd4}
.routeList li._04::before {background:#8559b2}
.routeList li._05::before {background:#e2c620}
.routeList li._06::before {background:#d14e58;border-radius: 20px;}
.routeList li._07::before {background:#ffa63b;border-radius: 20px;}
.routeList li._08::before {
	background:url("/educate/gse/common/img/access/border.png") center left repeat;
	background-size: contain;
	height: 7px;
}
.routeList li span {
	font-size: 16px;
	display: inline-block;
	margin-left: 35px;
}
.accessTtl {
	margin-top: 40px;
}
.accessTtl h3 {
	background: #002756;
	color: #fff;
	font-size: 22px;
	line-height: 1;
	padding: 12px 5px;
	width: 28%;
}
.accessTtl p {
	border: 1px solid #002756;
	color: #002756;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 43%;
}
.accessTtl p:last-of-type {
	width: 28%;
}
.accessTtl p strong {
	font-size: 22px;
}
.route {
	background: #f5f5f5;
	padding: 40px 2%;
	margin-top: 15px;
}
.bg-grad {
	background: #0000ff;
	background: -webkit-gradient(linear,left top, right top,from(#0000ff),color-stop(50%, #1a514e),to(#00ff00));
	background: -o-linear-gradient(left,#0000ff 0%,#1a514e 50%,#00ff00 100%);
	background: linear-gradient(to right,#0000ff 0%,#1a514e 50%,#00ff00 100%);}
.mapArea {
	padding: 1px;
	position: relative;
}
.mapArea:not(:first-of-type) {
	margin-top: 145px;
}
.mapWrap {
	background: #fff;
	padding: 80px 10%;
}
.mapWrap .ttlBox {
	background: #fff;
	width: 90%;
	max-width: 400px;
	padding: 0 10px;
	position: absolute;
	left: 0;
	right: 0;
	top: -20px;
	margin: auto;
}
.arress {
	text-align: left;
	margin-bottom: 30px;
	font-weight: 600;
}
.arress p {
	margin-bottom: 6px;
}
.arress small {
	font-weight: 500;
}
.iconTxt {
	background: url("/educate/gse/common/img/access/icon_car.png") left top no-repeat;
	background-size: auto 20px;
	padding-left: 30px;
}
.iconTxt._02 {background-image: url("/educate/gse/common/img/access/icon_bus.png")}
.gMap {
	height: 375px;
}
.iconTxt a {
	display: inline-block;
	background: #004e8f;
	color: #fff;
	padding: 3px 30px;
	font-weight: 500;
	letter-spacing: .2em;
	margin-left: 15px;
}
.iconTxt a:hover {
	background: #333;
}
/*contact-----------------------------*/
#contact .pagetitlewrap {background-image: url("/educate/gse/common/img/contact/pagetitle.png")}
.contactArea h3 {
	font-size: 22px;
	font-weight: 400;
	text-indent: .1em;
	letter-spacing: .1em;
	color: #fff;
	margin-bottom: 70px;
}
.campus {
	background: #fff;
	width: 48%;
	padding: 40px;
	text-align: left;
}
.campus h4 {
	margin-top: 25px;
	font-weight: 500;
}
.campus h4 .fo-trajan {
	font-size: 31px;
	line-height: 1;
	font-weight: 400;
	letter-spacing: .1em;
	margin-bottom: 5px;
}
.campus h4 .fo-trajan span {
	color: #7f7f7f;
	margin-left: 10px;
}
.campus ul {
	padding: 15px 0;
	margin-top: 15px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}
.campus li {
	border-left: 2px solid #1749ff;
	padding-left: 7px;
	line-height: 1;
}
.campus li:not(:last-of-type) {
	margin-bottom: 10px;
	margin-right: 20px;
}
.campus li small {
	font-size: 85%;
}
.contactWrap {
	margin-top: 30px;
}
.contactWrap p {
	margin-top: 10px;
	background: url("/educate/gse/common/img/contact/icon01.png") center left no-repeat;
	background-size: auto 27px;
	padding: 8px 0 8px 45px;
	line-height: 1;
}
.contactWrap p._02 {background-image:url("/educate/gse/common/img/contact/icon02.png")}
.contactWrap p._03 {background-image:url("/educate/gse/common/img/contact/icon03.png")}
.contactWrap p a {
	font-size: 26px;
}
.contactWrap p a small {
	font-size: 16px;
}
.contact02 {
	border: 1px solid #fff;
	margin-top: 70px;
	color: #fff;
	padding: 25px 5%;
	text-align: left;
}
.contact02 h5 {
	font-size: 24px;
	margin-right: 8.5%;
}
.maillink {
	display: block;
	font-size: 20px;
	line-height: 1;
	font-weight: 600;
	color: #fff;
	background: url("/educate/gse/common/img/icon_mail.png") left center no-repeat;
	background-size: auto 20px;
	padding-left: 42px;
	margin-top: 5px;
}
.contactBtm h2 {
	color: #002756;
	font-size: 22px;
	font-weight: 500;
	margin-bottom: 50px;
}
.contactBtm li {
	background: #00009b;
	background: -webkit-gradient(linear,left top, right top,from(#00009b),to(#00ffff));
	background: -o-linear-gradient(left,#00009b 0%,#00ffff 100%);
	background: linear-gradient(to right,#00009b 0%,#00ffff 100%);
	padding: 1px;
	width: 49%;
	margin-top: 20px;
}
.contactBtm li a {
	display: block;
	background: #fff;
	font-size: 18px;
	color: #002756;
	font-weight: 600;
	position: relative;
	padding: 25px;
	height: 100%;
}
.contactBtm li a::after {
	content: "";
	display: block;
	background: url("/educate/gse/common/img/ico_blank03.png") center center no-repeat;
	background-size: contain;
	width: 13px;
	height: 12px;
	position: absolute;
	right: 25px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.contactBtm li a:hover {background: #f1f1f1;}
/*greeting-----------------------------*/
#greeting .pagetitlewrap {background-image: url("/educate/gse/common/img/greeting/pagetitle.png")}
.deanArea {
	background: url("/educate/gse/common/img/greeting/bg01.jpg") top center no-repeat;
	background-size: cover;
}
.deanWrap {
	background: #fff;
	padding: 60px 7.5%;
}
.deanCont {
	width: 30%;
	max-width: 224px;
}
.deanName {
	text-align: left;
	margin-top: 10px;
}
.deanName h3 {
	font-weight: 500;
	letter-spacing: .1em;
	font-size: 36px;
	line-height: 1;
	margin-top: 8px;
}
.deanName .fo-trajan {
	font-weight: 300;
	margin-top: 5px;
	letter-spacing: .1em;
}
.deanName .fo-trajan span {
	color: #004e8b;
}
.deanHistory {
	width: 61%;
	text-align: left;
}
.deanHistory h4 {
	display: inline-block;
	font-size: 13px;
	font-weight: 500;
	line-height: 1;
	background: #002756;
	color: #fff;
	padding: 10px 20px;
	position: relative;
}
.deanHistory h4 .fo-trajan {
	font-size: 16px;
	font-weight: 300;
	letter-spacing: .1em;
	margin-right: 15px;
}
.deanHistory h4::after {
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 36px 0 0 26px;
	border-color: transparent transparent transparent #002756;
	position: absolute;
	left: 100%;
	top: 0;
}
.deanHistory dl {
	border-top: 1px solid #002756;
	border-bottom: 1px solid #002756;
	padding: 20px 6.5%;
}
.deanHistory dt,.deanHistory dd {
	margin-bottom: 10px;
}
.deanHistory dt {
	width: 15%;
	min-width: 58px;
}
.deanHistory dd {
	width: 85%;
	padding-left: 5%;
}
.greetingArea {
	background: #002756 url("../img/greeting/bg02.png") center bottom no-repeat;
	background-size: contain;
	padding-bottom: 100px!important;
}
.greetingArea .ttlBox {
	color: #fff;
}
.greetingWrap {
	background: url("/educate/gse/common/img/greeting/bg03.png") top left no-repeat;
	background-size: cover;
	padding: 70px 6%;
	text-align: left;
	line-height: 2.2;
	font-size: 15px;
}
.greetingWrap > p {
	background: url("/educate/gse/common/img/greeting/dots.png") left bottom repeat;
}
/*about--------------------------*/
#about .pagetitlewrap {background-image: url("/educate/gse/common/img/about/pagetitle.png")}
.outlineArea {
	color: #fff;
}
.outlineTxt {
	padding: 1px;
	margin-bottom: 75px;
}
.outlineTxt > p {
	background: #002756;
	text-align: left;
	padding: 40px;
	font-size: 18px;
	line-height: 1.6;
}
.outlineArea h3 {
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 30px;
}
.outlineWrap {
	margin: 0 0 90px;
}
.outlineWrap dl {
	margin-top: 40px;
	width: 31%;
	border: 1px solid #fff;
	text-align: left;
	position: relative;
	padding: 30px 25px;
}
.outlineWrap dt {
	position: absolute;
	left: 0; 
	right: 0;
	top: -35px;
	text-align: center;
}
.outlineWrap dt span {
	display: inline-block;
	position: relative;
	background: #002756;
	font-size: 33px;
	line-height: .8;
	padding: 0 50px 20px 25px;
}
.outlineWrap dt span::after {
	content: "";
	display: block;
	width: 55px;
	height: 1px;
	background: #fff;
	transform: rotate(-45deg);
	transform-origin: bottom left;
	position: absolute;
	bottom: 0;
	left: 30px;	
}
.outlineArea h4 {
	font-size: 18px;
	margin-bottom: 30px;
}
.outlineTable table {
	width: 100%;
}
.outlineTable table th,
.outlineTable table td {
	padding: 10px;
}
.outlineTable thead {
	background: #299dd4;
}
.outlineTable th {
	background: #005492;
}
.historyHeader li {
	color: #fff;
	background: #002756;
	width: 44%;
	padding: 15px 10px;
	font-size: 18px;
	font-weight: 600;
}
.historyHeader li._02 {
	width: 11%;
	background: #333;
}
.historyHeader li._03 {
	background: #0071ae;
}
.historyWrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding-top: 25px;
	position: relative;
}
.historyWrap::after {
	content: "";
	display: block;
	height: 100%;
	width: 1px;
	background: #333;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	top: 0;
	bottom: 0;
	z-index: -1
}
.historyWrap dt {
	width: 11%;
	color: #fff;
	background: #333;
	padding: 15px 5px;
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-line-pack: center;
	align-content: center;
	justify-content: center;
}
.historyWrap dt .fo-minion {
	font-size: 34px;
	width: 100%;
	display: block;
	line-height: 1;
}
.historyWrap dd {
	width: 44.5%;
	text-align: left;
	background: #f1f1f1;
	padding: 15px 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.historyWrap dd.hidden {
	visibility: hidden;
}
.historyWrap dd._01 {
	order: -1;
}
.historyWrap dd p:not(:first-of-type) {
	margin-top: 5px;
}
/*society-----------------------------*/
.pageTtl {
	background: url("/educate/gse/common/img/engineering/society/pagetitle.png") center center no-repeat;
	background-size: cover;
	height: 378px;
	color: #fff;
	text-align: left;
}
#engineering .pageTtl{
background: url("/educate/gse/common/img/engineering/pagetitle.png") center center no-repeat;
	background-size: cover;
}



.pageTtl > .container {
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-line-pack: center;
	align-content: center;
}
.pageTtl h2 {
	display: inline-block;
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: 1px solid #fff;
}
.pageTtl .fo-trajan {
	font-size: 42px;
	line-height: 1;
	position: relative;
	margin-bottom: 20px;
}
.pageTtl .fo-trajan span {
	display: block;
	position: absolute;
	bottom: -30px;
	right: -70px;
	z-index: 5;
}
.subTtl {
	font-size: 24px;
	font-weight: 500;
	letter-spacing: .05em;
}
.subTtl  small {
	font-size: 20px;
	display: inline-block;
	margin-left: 25px;
}
.subTxt span {
	display: inline-block;
	color: #000;
	background: #00ffff;
	padding: 8px 60px 5px;
	line-height: 1;
	font-size: 20px;
	letter-spacing: .1em;
	text-indent: .1em;
}
.bg01 {
	background: #000 url("../img/engineering/bg01.jpg") top center no-repeat;
	padding: 80px 0;
	color: #fff;
}
.bg01 .ttlBox {
	color: #fff;
}
.societyArea h3 {
	font-size: 24px;
	line-height: 1;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
	padding: 30px 10px;
	font-weight: 500;
	margin-bottom: 60px;
	letter-spacing: .05em;
	text-indent: .05em;
}
.societyArea .txt{
	line-height: 200%;
	font-size: 95%;
}
.societyWrap {
	margin-top: 60px;
}
.societyWrap figure {
	width: 53.5%;
}
.societyWrap dl {
	background: #fff;
	text-align: left;
	width: 54%;
	margin-left: -7.5%;
	position: relative;
	z-index: 10;
	color: #000;
	padding: 30px;
}
.societyWrap dt {
	font-size: 22px;
	margin-bottom: 15px;
	letter-spacing: .05em;
}
.societyWrap dd {
	letter-spacing: -.02em;
}
.societyWrap:nth-of-type(odd) {
	flex-direction: row-reverse;
}
.societyWrap:nth-of-type(odd) dl {
	margin: 0 -7.5% 0 0;
}
#faq {
	padding: 80px 0 100px;
}
.faqWrap{
max-width: 880px;
margin: 0 auto;
}
.faqWrap dl {
	margin-bottom: 25px;
	overflow: hidden;
	color: #fff;
}
.faqWrap dt,
.faqWrap dd {
	padding: 15px 50px 15px 80px;
	position: relative;
	text-align: left;
}
.faqWrap dt {
	cursor: pointer;
	transition: .1s;
	background: #000;
	line-height: 1.2;
}
.faqWrap dt::after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 7px 0 7px;
	border-color: #ffffff transparent transparent transparent;
	transition: .4s;
	position: absolute;
	right: 20px;
	transform-origin: center center;
}
.faqWrap dt:hover {
	background: #333;
}
.faqWrap dd {
	display: none;
	margin-top: 20px;
	padding-top: 22px;
	background: #b7272d;
}
.faqWrap dt::before,
.faqWrap dd::before {
	content: "";
	display: block;
	width: 42.5px;
	height: 28px;
	background: url("/educate/gse/common/img/engineering/society/ques.png") left top no-repeat;
	background-size: contain;
	position: absolute;
	left: 20px;
	top: 20px;
}
.faqWrap dt::before,.faqWrap dt::after {
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.faqWrap dd::before {
	background-image: url("/educate/gse/common/img/engineering/society/ans.png");
}
.faqWrap dt.active::after {
	top: 40%;
	-webkit-transform: rotateX(180deg);
	-ms-transform: rotateX(180deg);
	transform: rotateX(180deg);
}
.subContatcBox {
	border: 1px solid #000;
	padding: 20px 10px;
    max-width: 880px;
    margin: 60px auto 0;
}
.subContatcBox h3 {
	color: #fff;
	font-weight: 500;
	line-height: 30px;
	background: #b7272d;
	max-width: 570px;
	margin: 0 auto 10px;
	font-size: 90%;
}














/*ieハック*/
@media screen\0  {
}

/*********************************/
/* タブレット用のスタイル記述 */
/*********************************/
@media screen and (max-width: 1350px) {
	.hNavWrap li {
		margin-left: 15px
	}
	.navBtn a {
		padding: 12px 10px 8px;
	}
}
@media screen and (max-width: 1180px) {
	body::after {
		opacity: 0;
		visibility: hidden;
		transition: .2s;
    content: "";
		background: rgba(0,0,0,.7);
    display: block;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 99;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
	}
	body.active::after {
		opacity: 1;
		visibility: visible;
		transition: .2s;
	}
	.hNavWrap {
		display: none;
	}
	.menuIcon {
		position: fixed;
		top: 25px;
		right: 5%;
		width: 30px;
		height: 22px;
		z-index: 99999;
		cursor: pointer;
		display: block;
	}
	.menuIcon span {
		position: absolute;
		left: 0;
		width: 100%;
		height: 2px;
		background:#002756;
		z-index: 10;
		transition: .2s;
	}
	.menuIcon span:nth-of-type(1) {top: 0px;}
	.menuIcon span:nth-of-type(2) {top: 10px;	}
	.menuIcon span:nth-of-type(3) {bottom: 0px;	}
	.menuIcon.active span:nth-of-type(1) {
		-webkit-transform: translateY(10px) rotate(45deg);
		transform: translateY(10px) rotate(45deg);
	}
	.menuIcon.active span:nth-of-type(2) {
		opacity: 0;
	}
	.menuIcon.active span:nth-of-type(3) {
		-webkit-transform: translateY(-10px) rotate(-45deg);
		transform: translateY(-10px) rotate(-45deg);
	}
	#nav {
		position: fixed;
    top: 75.6px;
    left: 0;
    z-index: 10;
    width: 90%;
    height: 100%;
    transition: all 0.3s ease-in-out;
		opacity: 0;
    visibility: hidden;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    display: block;
    padding: 50px 5% 50px;
    background: #002756;
	}
	#nav.active{
		display: block;
		right: 0;
    opacity: 1;
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
    visibility: visible;
    z-index: 9990;
	}
	.nav {
		display: block;
	}
	.nav li:not(:first-of-type) {
    margin-left: 0;
	}
	.spNav {
		display: flex;
		background: #fff;
		padding: 15px 5px;
		margin-bottom: 20px;
	}
	.hNav01 {
		width: 100%;
		justify-content: center;
		margin-bottom: 15px;
	}
	.spNav li:not(:first-of-type) {
		margin-left: 20px;
	}
	.hNav02 {
		margin-right: 20px;
	}
	.nav {
		text-align: left;
		width: 100%;
	}
	.nav > li {
		border-bottom: 1px solid #fff;
	}
	.nav > li > a {
		border: none!important;
	}
	.nav a {
		position: relative;
		padding: 15px 15px 15px 32px;
	}
	.nav a::before {
		content: "";
		display: block;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 5px 0 5px 8px;
		border-color: transparent transparent transparent #ffffff;
		position: absolute;
		left: 12px;
		top: 41%;
		transition: .2s;
	}
	.dNav > ul {
		position: static;
	}
	.dNav > a::before {
		transform: rotate(90deg);
	}
	.dNav.open > a::before {
		transform: rotate(-90deg);
	}
	.dNav ul a {
		display: block;
		min-height: inherit;
		padding: 15px 15px 15px 30px;
	}
	.dNav ul a::before {
		display: none;
	}
	.dNav ul a br {
		display: none;
	}
	.hNav03 img {
		max-height: 28px;
	}
	.menuIcon {
		top: 18px;
	}
	#nav .onlysp {
		display: block;
	}
	#nav .onlypc {
		display: none;
	}
	/*top----------------*/

}
@media screen and (max-width: 1150px) {
	.courseWrap dt,.courseWrap._02 dt {
		font-size: 2.2vw;
	}
	.courseWrap dd {
		font-size: 1vw;
	}
	.courseWrap._02 {
		display: block;
	}
	.courseWrap._02 li:first-of-type {
		width: auto;
		display: inline-block;
		margin: 0 auto 30px;
	}
	.courseWrap._02 li:last-of-type {
		width: auto;
		display: inline-block;
		margin: 0 auto;
	}
	.accessTtl h3,.accessTtl p strong {
		font-size: 18px;
	}
	.campus h4 .fo-trajan {
		font-size: 3vw;
	}
	.historyWrap dt {
		font-size: 1.2vw;
	}
	.historyWrap dt .fo-minion {
		font-size: 3vw;
	}
}
/*********************************/
/* スマートフォン用のスタイル記述 */
/*********************************/
@media screen and (max-width: 620px) {
/*全体レイアウト
------------------------------------------------*/
	body {
		font-size: 14px;
	}
	body.active {
		overflow: hidden;
	}
	article > section {
		padding: 40px 0;
	}
	article > section:last-of-type {
		padding-bottom: 80px;
	}
	/*header-------------------------------------*/
	#header {
		height: 58px;
	}
	img[src*="/logo.png"] {
		max-height: 28px;
		display: block;
	}
	#nav {
		top: 58px;
		width: 100%;
	}
	.btnEng a {
		padding: 12px 7px 8px;
	}
	.spNav li:not(:first-of-type) {
		margin-left: 12px;
	}
	.hNav02 {
		margin-right: 10px;
		font-size: 3vw;
	}
	.footNav {
		display: none;
	}
	.footBtm {
		display: block;
	}
	.footMenu li {
		width: 48%;
		margin: 0 1% 5px;
	}
	.footMenu .btnEng {
		margin: 20px auto 0;
	}
	.footBnr {
		width: 100%;
		margin-top: 20px;
	}
	/*top---------------------------------*/
	.mainWrap {
		justify-content: center;
		align-items: center;
		align-content: center;
		flex-wrap: wrap;
	}
	.mainArea {
		height: 140vw!important;
	}
	.mainArea._01 h2 {
    margin: 0 0 10vw;
		padding: 0 12%;
	}
	.mainArea._01 figure {
		padding: 0 10%;
	}
	.mainCont h2 {
		font-size: 6.5vw;
	}
	.mainCont h2 + p.fo-trajan {
		font-size: 4.5vw;
		margin-top: 8vw;
	}
	.mainBox {
		margin-top: 15vw;
	}
	.mainBox h3 {
		font-size: 4vw;
	}
	.ttlBox {
		margin-bottom: 30px;
	}
	.ttlBox h2 + p {
		margin-top: 10px;
	}
	.newsWrap li p {
		margin-right: 10px;
	}
	.ttlBox h2 span {
		display: inline;
		font-size: 26px;
	}
	.aboutBnr {
		display: block;
	}
	.aboutBnr li {
		width: 90%;
		margin: 0 auto 10px;
	}
	#topCoures {
		background-position: bottom 55% center;
	}
	.courseWrap {
		display: block;
	}
	.courseWrap li {
		width: 90%;
		margin: 0 auto 10%;
	}
	.courseWrap dt, .courseWrap._02 dt {
    font-size: 5.4vw;
	}
	.courseWrap dd {
    font-size: 3.2vw;
	}
	.courseWrap._02 li:first-of-type {
		background: url("/educate/gse/common/img/top/course02-1.jpg") center center no-repeat;
		background-size: cover;
		width: 100%;
	}
	.courseWrap._02 li:first-of-type figure {
		display: none;
	}
	.courseWrap._02 li:first-of-type a {
		position: static;
	}
	.courseWrap._02 dl {
		padding: 15px 0;
	}
	.courseWrap._02 dd,.courseWrap._02 dt span {
		font-size: 14px;
	}
	.bnrWrap {
		background-image: url("/educate/gse/common/img/top/bnr_access_sp.png");
	}
	.bnrWrap a {
		padding: 8vw 10px
	}
	/*future-------------------------------*/
	.manibodywrap01 {
    padding: 40px 0;
	}
	.pagetitle {
		height: 50vw;
	}
	.pagetitle h2 {
		font-size: 8.2vw;
		line-height: 1;
		padding-bottom: 15px;
		margin-bottom: 15px;
	}
	.pagetitle p {
		font-size: 14px;
	}
	.pagetitle h2:after {
		width: 130px;
	}
	.topicpath {
		padding: 15px 0;
	}
	.featuremenu ul {
		display: block;
	}
	.featuremenu li {
		flex-basis: 100%;
	}
	.featurebox h3 {
		font-size: 18px;
		line-height: 1;
		padding-top: 14px;
	}
	.featurebox dl {
		padding: 30px 5%;
	}
	.featurebox dt {
		margin-bottom: 15px;
	}
	.featurebox dd {
		padding-left: 0;
	}
	.featurebox dd ul {
		display: block;
	}
	.featurebox dd li {
		flex-basis: 100%;
		text-indent: -1.25em;
		padding-left: 1.25em;
	}
	/*access------------------------*/
	.accessArea {
		padding: 30px 5%;
	}
	.routeList {
		margin: 20px 0 40px;
		padding: 20px 2.5%;
		flex-wrap: wrap;
	}
	.routeList ul {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.routeList li {
		font-size: 14px;
		margin-bottom: 10px;
		width: 49%;
	}
	.routeList li._01,
	.routeList li._02 {
		width: 100%;
	}
	.routeList li::before {
		width: 30px;
		margin-right: 5px;
	}
	.routeList li span {
		display: block;
		margin: 5px 0 0;
		font-size: 14px;
	}
	.accessTtl {
		display: block;
		border: 1px solid #002756;
	}
	.accessTtl > * {
		width: 100%!important;
		display: block!important;
	}
	.accessTtl h3 {
		font-size: 18px;
		padding: 12px 10px;
	}
	.accessTtl p {
		padding: 10px;
		border: none;
		text-align: left;
	}
	.accessTtl p:first-of-type {padding-bottom: 0;}
	.accessTtl p strong {
		font-size: 15px;
	}
	.route {
		padding: 20px 5%;
	}
	.mapWrap {
		padding: 70px 5% 40px;
	}
	.mapArea:not(:first-of-type) {
		margin-top: 80px;
	}
	.arress p {
		margin-bottom: 10px;
	}
	.iconTxt {
		padding-left: 25px;
	}
	.iconTxt a {
		font-size: 10px;
		padding: 2px 10px;
		letter-spacing: normal;
	}
	.gMap {
		height: 55vw;
	}
	/*contact---------------------------*/
	.contactArea h3 {
		font-size: 1.17em;
		margin-bottom: 30px;
	}
	.campusWrap {
		display: block;
	}
	.campus {
		width: 100%;
		padding: 20px 5%;
	}
	.campus h4 .fo-trajan {
		font-size: 20px;
	}
	.campus li small {
		display: block;
		line-height: 1.8;
		text-indent: -.55em;
	}
	.contactWrap {
		margin-top: 20px;
	}
	.contactWrap p {
		background-size: auto 20px;
		padding: 5px 0 5px 30px;
	}
	.contactWrap p a {
		font-size: 20px;
	}
	.campus {
		margin-bottom: 30px;
	}
	.contact02 {
		display: block;
		text-align: center;
	}
	.contact02 h5 {
		font-size: 18px;
		margin: 0 auto 15px;
	}
	.maillink {
		display: inline-block;
		font-size: 4.2vw;
		background-size: auto 12px;
		padding-left: 25px;
		margin-top: 15px;
	}
	.contactBtm h2 {
		font-size: 16px;
		margin-bottom: 15px;
	}
	.contactBtm li {
		width: 100%;
		margin-top: 15px;
	}
	.contactBtm li a {
		font-size: 14px;
		padding: 15px 25px;
	}
	.contactBtm li a::after {
		right: 10px;
	}
	/*greeting--------------------------------*/
	#greeting .pagetitlewrap {
		background-position: right 10% top;
	}
	.deanWrap {
		display: block;
		padding: 20px 5%;
	}
	.deanCont {
		width: 100%;
		max-width: 100%;
		margin: 0 auto 30px;
		display: flex;
		align-items: center;
	}
	.deanCont > p {
		width: 45%;
	}
	.deanName {
		width: 50%;
		padding-left: 5%;
	}
	.deanName h3 {
		font-size: 24px;
	}
	.deanHistory {
		width: 100%;
	}
	.deanHistory h4 {
		height: 52px;
	}
	.deanHistory h4::after {
		border-width: 52px 0 0 26px;
	}
	.deanHistory dl {
		padding: 20px 15px;
	}
	.deanHistory dt, .deanHistory dd {
		/*width: 100%;*/
	}
	.deanHistory dt {
		margin-bottom: 2px;
	}
	.deanHistory dd {
		padding-left: 0;
        width: 75%;
	}
	.greetingWrap {
		padding: 30px 5%;
	}
	/*about------------------------*/
	.outlineTxt {
		margin-bottom: 50px;
	}
	.outlineTxt > p {
		padding: 15px 5%;
		font-size: 14px;
	}
	.outlineArea h3 {
		font-size: 16px;
	}
	.outlineWrap {
		display: block;
	}
	.outlineWrap dl {
		width: 100%;
		margin-top: 60px
	}
	.spScroll {
		margin-bottom: 5px;
	}
	.outlineTable {
		overflow-x: auto;
	}
	.outlineTable table {
		width: 720px;
	}
	.historyArea {
		overflow-x: auto;
	}
	.historyArea > * {
		width: 630px;
	}
	.historyHeader li {
		font-size: 14px;
	}
	.historyWrap dt,.historyWrap dd._01 {
		margin-right: 1%;
	}
	.historyWrap dt {
		font-size: 10px;
	}
	.historyWrap dt .fo-minion {
		font-size: 20px;
	}
	/*society---------------------------*/
	.pageTtl {
		height: 55vw;
		overflow-x: hidden;
	}
	.pageTtl h2 {
		padding-bottom: 15px;
		margin-bottom: 15px;
	}
	.pageTtl .fo-trajan {
		font-size: 8vw;
		margin-bottom: 5px;
	}
	.subTtl {
		font-size: 16px;
	}
	.subTtl small {
		font-size: 12px;
		margin-left: 10px;
	}
	.subTxt span {
		font-size: 14px;
		padding: 7px 20px;
	}
	.pageTtl .fo-trajan span {
		right: -5%;
		bottom: -2.5vw;
	}
	.pageTtl .fo-trajan span img {
		max-height: 8.2vw;
	}
	.societyArea h3 {
		font-size: 16px;
		line-height: 1.4;
		padding: 15px 0;
		margin-bottom: 30px;
	}
	.societyArea .txt {
		text-align: left;
		line-height: 1.6;
	}
	.societyWrap {
		display: block;
	}
	.societyWrap figure {
		width: 90%;
	}
	.societyWrap dl {
		width: 95%;
		margin: -30px 0 0 5%!important;
		padding: 20px 5%;
	}
	.societyWrap dt {
		font-size: 16px;
		margin-bottom: 5px;
	}
	#faq {
		padding: 40px 0 80px;
	}
	.faqWrap dt,.faqWrap dd {
		padding-left: 50px;
	}
	.faqWrap dt {
		padding-right: 40px;
	}
	.faqWrap dd {
		padding-right: 20px;
	}
	.faqWrap dt::before, .faqWrap dd::before {
		width: 34.5px;
    height: 20px;
		left: 14px;
	}
	.subContatcBox {
		margin-top: 40px;
	}
	
}