@charset "utf-8";


.wf-sawarabimincho { font-family: "Sawarabi Mincho", serif; }


html,body{
    width: 100%;
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: local('Open Sans'), local('OpenSans'),
url(https://themes.googleusercontent.com/static/fonts/opensans/v8/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff)
format('woff');
}

 



body{
	font-family:'Open Sans', "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, sans-serif;
font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	font-size:100%;
	
	
	
}

body.active {
	overflow: hidden;
}

a {
	color:#333;
	outline: none;
	text-decoration: none;
	
}

a:hover{
	color: #003e8b;
	text-decoration: underline;
}

img{
max-width: 100%;
height: auto;
width /***/:auto;
}


input, select, textarea {
    padding: 5px 10px;
	border: 1px solid #ccc;
	margin: 2px;

}


input[type=radio], input[type=checkbox] {
	margin:0 5px 0 0;
	width: auto;
}
label{
	display: inline-block;
	width:200px;
}


.width100{
	width:100%;
}

.wrap{
	padding-top: 122px;
}


.block{
	display: block;
}

.onlysp{
	display: none;
}
.none{
	display:none;
}


.Roboto{
font-family: 'Roboto', sans-serif;
}
Balboa Medium{
 font-family: balboa, sans-serif;
font-weight: 500;
font-style: normal;
 }
Balboa Bold{
font-family: balboa, sans-serif;
font-weight: 600;
font-style: normal;
}
Balboa UltraLight{
font-family: balboa, sans-serif;
font-weight: 200;
font-style: normal;
}
Balboa ExtraBold{
font-family: balboa, sans-serif;
font-weight: 700;
font-style: normal;
}

Balboa Light{
font-family: balboa, sans-serif;
font-weight: 300;
font-style: normal;
}
Balboa ExtraCondensed{
font-family: balboa-extra-condensed, sans-serif;
font-weight: 400;
font-style: normal;
}
Balboa Condensed{
font-family: balboa-condensed, sans-serif;
font-weight: 400;
font-style: normal;
}

 Futura PT Book{
 font-family: futura-pt, sans-serif;
font-weight: 400;
font-style: normal;
 }


.uline{
    text-decoration: underline;
}




/*ヘッダー
------------------------------------------------*/
.mainbody{
	width:1100px;
	margin: 0 auto;
}
header{
    position: fixed;
    top: 0;
    width: 100%;
    background: #fff;
    z-index: 99999;
}


.header{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0; 
}

.logo{
    padding: 0px 0;
}
.logo img{
    max-height: 40px;
}
.headerright ul,.headerright {
   display: flex;
   align-items: center;
}
.headerright li{
    padding: 0 15px;
    font-size: 90%;
}

.headerright img{
    max-height: 30px;
}
.headerright .blank{
    padding: 0 15px 0 0;
    background: url("/educate/secu/common/img/icon_blank.png") no-repeat center right;
    background-size: 10px;
}

.headlogo02 {
	padding-left: 15px;
}
.gnavi .spNav {
	display: none;
}
.menuIco {
	display: none;
}
/**メインメニュー**/
.gnavi{
    background: #004e8f;
    font-size: 85%;
}
.gnavi a{
    color: #fff;
    padding: 20px 0;
    display: block;
    text-align: center; 
}
.gnavi a:hover {
	text-decoration: none;
}
.gnavi ul {
    display: flex;
    justify-content: space-between;   
    font-weight: 800;
}
.gnavi ul li{
    position: relative;
     flex-basis: 100%;
     border-left:1px solid #000;   
}
.gnavi ul li:last-child{
    border-right:1px solid #000;   
}
.gnavi ul ul li:last-child{
    border-right: none;
}
.dNav {
	position: relative;
}
.gnavi ul ul{
	display: none;
	position: absolute;
	left: 0;
	top: 100%;
	right: 0;
	width: 100%;
	z-index: 99;
	font-weight: 400;    
}
.gnavi ul ul li{
    width: 100%;
    display: block;
    border: none;
    border-top: 1px solid #000;  
}
.gnavi ul ul a{
    background: #008cc9;
    display: block;
    width: 80%;
    padding-left: 10%;
    padding-right: 10%;
}
.gnavi a:hover{
    background: #008cc9;
}
.gnavi ul li:nth-child(2) a:hover,
.gnavi ul li:nth-child(3) a:hover,
.gnavi ul li:nth-child(4) a:hover,
.gnavi ul li:nth-child(5) a:hover,
.gnavi ul li:nth-child(6) a:hover,
.gnavi ul li:nth-child(7) a:hover,
.gnavi ul li:nth-child(8) a:hover,
.gnavi ul li:nth-child(9) a:hover
{
    background:#0069bd;
}
.gnavi ul li li a:hover{
 background:#0069bd;
}



/*トップページ
------------------------------------------------*/
/*メインビジュアル**/
.mainvisual video,
.mainvisualsp video{
	width: 100%;
	height: auto;
	display: block;
}
@media screen and (max-width: 1500px) {
	.mainvisual {
		height: 665px;
		overflow: hidden;
    position: relative;
	}
    .topdptmv .mainvisual {
		
    }
    
    
	.mainvisual video {
		width: auto;
    height: 100%;
    position: absolute;
    left: -500px;
    right: -500px;
    margin: auto;
	}
}



/*バナー**/
.topnbnr01wrap{
    background: url("/educate/secu/common/img/top/bg_topbnrwrap.png") top center;
    padding: 40px 0;
}
.topnbnr01wrap ul{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.topnbnr01wrap li{
    padding: 0 5px;
	width: 24%;
}


/*お知らせ**/
.topnewswrap{
    padding: 80px 0;
}
.title01{
    text-align: center;
    padding: 0 0 50px 0;
}
.title01 h2{
font-family: 'Roboto', sans-serif;
font-size: 250%;
color: #004e8f;
}
.title01 p{
    font-weight: 800;
}

.newsbox{
    border: 1px solid #ccc;
    padding: 20px;
}

#newslist dl{
    display: flex;
    padding: 5px;
}
#newslist dt{
   flex-basis: 10%;
}

/*feature***/
.topfeaturewrap{
    background: #004e8f;
    padding: 80px 0;
}
.topfeaturewrap .title01,
.topfeaturewrap .title01 h2{
    color: #fff;
}
.topfeaturebox{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 0 50px 0;
}
.topfeaturecase{
    flex-basis: 43.5%;
    background: #fff;
    margin: 0 0 10px 0;
    padding: 30px 3%;
}
.topfeaturetitle dl{
    display: flex;
    align-items: center;
}
.topfeaturetitle dt{
    font-size: 400%;
    font-family: balboa, sans-serif;
		font-weight: 500;
		font-style: normal;
		text-shadow:1px 1px 0 #004e8f,-1px 1px 0 #004e8f,1px -1px 0 #004e8f,-1px -1px 0 #004e8f;
		color: #fff;
		flex-basis: 30%;
		letter-spacing: .08em;
}

.topfeaturetitle dd{
    text-align: center;
    font-size: 120%;
	letter-spacing: .2em;
}
.topfeaturetitle dd strong{
   color: #004e8f;
   font-size: 140%;
}
.topfeature dl{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.topfeature dt{
    flex-basis: 40%;
}
.topfeature dd{
    flex-basis: 57%;
}
.topfeature dd h3{
    padding: 0 0 10px 0;
}
.morebtn {
    text-align: center;
}
.morebtn a{
    display: inline-block;
    border-radius: 99px;
    padding: 10px 70px;
     border: 1px solid #004e8f;
    color: #004e8f;
   transition: .1s;
}
.morebtn a:hover {
	text-decoration: none;
	background: #004e8f;
	color: #fff;
}
.topfeaturewrap .morebtn a{
 border: 1px solid #fff;
    color: #fff;
}
.topfeaturewrap .morebtn a:hover {
	background: #fff;
	color: #004e8f;
}
/*department***/
.topdepartmenttitlewrap{
    padding: 60px 0 0 0;
}
.topdepartmentwrap{
    color: #fff;
}
.topdepartmentwrap h2{
    font-weight: 400;
    padding: 0 0 20px 0;
}
.topdepartmentwrap p{
    padding: 0 0 50px 0;
}
.topdepartmentwrap a{
	display: inline-block;
	color: #fff;
	padding: 10px 50px;
	background: #00ce66;
	transition: .1s;
}
.topdepartmentwrap a:hover {
	text-decoration: none;
	background: #fff;
	color: #00ce66;
}
.topdepartmentwrap .topdptwrap02 a{
	background: #0040ff;
}
.topdepartmentwrap .topdptwrap02 a:hover {
	background: #fff;
	color: #0040ff;
}
.topdepartmentwrap .topdptwrap03 a{
background: #52248f;
}
.topdepartmentwrap .topdptwrap03 a:hover {
	background: #fff;
	color: #52248f;
}
.topdepartmentwrap .topdptwrap04 a{
background: #00bdff;
}
.topdepartmentwrap .topdptwrap04 a:hover {
	background: #fff;
	color: #00bdff;
}


.topdptwrap01{
    background: url("/educate/secu/common/img/top/bg_topguidewrap01.png") no-repeat top center;
    background-size: cover;
    padding: 190px 0;
    margin: 0 0 2px 0;
}
.topdptwrap02{
    background: url("/educate/secu/common/img/top/bg_topguidewrap02.png") no-repeat top center;
    background-size: cover;
    padding: 190px 0;
    margin: 0 0 2px 0;
}
.topdptwrap03{
    background: url("/educate/secu/common/img/top/bg_topguidewrap03.png") no-repeat top center;
    background-size: cover;
    padding: 190px 0;
    margin: 0 0 2px 0;
}
.topdptwrap04{
    background: url("/educate/secu/common/img/top/bg_topguidewrap04.png") no-repeat top center;
    background-size: cover;
    padding: 190px 0;
    margin: 0 0 2px 0;
}

.topdptbox h3{
 font-family: futura-pt, sans-serif;
font-weight: 400;
font-style: normal;
color: #6d6b7e;
}
.topdptbox h3 strong{
    font-weight: 400;
    font-size: 130%;
    color: #cccbd3;
}
.topdptbox {
    position: relative;
}
.topdptwrap01 .topdptbox h3{
    position: absolute;
    top: 150px;
    left: 700px;
}
.topdptwrap02 .topdptbox h3{
    position: absolute;
    top: 50px;
    left: 800px;
}
.topdptwrap03 .topdptbox h3{
    position: absolute;
    top: 50px;
    left: 800px;
}
.topdptwrap04 .topdptbox h3{
    position: absolute;
    top: 50px;
    left: 770px;
}



/*Campus guide**/
.topcampuswrap{
    padding: 80px 0 0 0;
}
.topcampusbox{
    display: flex;
    text-align: center;
    justify-content: space-between;
    align-items: flex-start;
}
.topcampusbox dl{
    flex-basis: 48%;
    margin: 0 0 50px 0;
}
.topcampusbox dt h3{
    padding: 20px 0 40px 0;
    font-weight: 400;
    font-size: 150%;
}
.topcampusbox ul{
    display: flex;
    justify-content: space-between;
    margin: 0 0 30px 0;
}
.topcampusbox li{
    flex-basis: 49%;
}
.topcampusbox li a{
    background: #00ce66;
    display: block;
    color: #fff;
    padding: 10px 0;
    font-size: 120%;
		transition: .1s;
		border: 1px solid #00ce66;
}
.topcampusbox li a:hover {
	background: #fff;
	color: #00ce66;
	text-decoration: none;
}
.topcampusbox dl:nth-child(1) li:nth-child(2) a{
    background: #0040ff;
		border: 1px solid #0040ff;
}
.topcampusbox dl:nth-child(1) li:nth-child(2) a:hover {
	background: #fff;
	color: #0040ff;
}
.topcampusbox dl:nth-child(2) li:nth-child(1) a{
    background: #52248f;
		border: 1px solid #52248f;
}
.topcampusbox dl:nth-child(2) li:nth-child(1) a:hover {
	background: #fff;
	color: #52248f;
}
.topcampusbox dl:nth-child(2) li:nth-child(2) a{
    background: #00bdff;
		border: 1px solid #00bdff;
}
.topcampusbox dl:nth-child(2) li:nth-child(2) a:hover {
	background: #fff;
	color: #00bdff;
}

/*バナー**/
.topnbnr02wrap{
    background: url("/educate/secu/common/img/top/bg_topbnrwrap.png") top center;
    padding: 80px 0;
}
.topnbnr02wrap ul{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    max-width: 1000px;
    margin: 0 auto;
    
}
.topnbnr02wrap li{
    flex-basis: 49%;
    margin: 0 0 20px 0;
}










/*全体レイアウト
------------------------------------------------*/








/*フッター
------------------------------------------------*/
.footSp {
	display: none;
}
.footerwrap{
    border-top: 1px solid #ccc;
}
.gotop{
    text-align: right;
}
.gotop img{
    max-height: 40px;
    margin-top:-20px;
}
.footer{
    display:flex;
    justify-content: space-between;
    align-items: center;
    padding: 30px 0;
    margin: 0 0 30px 0;
    border-bottom: 1px solid #ccc;
}

.footerright ul{
   display: flex;
   align-items: center;
}
.footerright li{
    padding: 0 10px;
    font-size: 90%;
    font-weight: 800;
}
.footerright .blank{
    padding: 0 15px 0 0;
    background: url("/educate/secu/common/img/icon_blank.png") no-repeat center right;
    background-size: 10px;
}

.footmenu{
    display: flex;
    justify-content: space-between;
    padding: 0 0 20px 0;
    border-bottom: 1px solid #ccc;
    margin: 0 0 30px 0;
}
.footmenu dt{
   font-weight: 800;
   margin: 0 0 10px 0;
   vertical-align: middle;
}
.footmenu dd{
    font-size: 90%;
    vertical-align: middle;
}
.footmenu li {
    text-indent: -1em;
    margin-left: 1em;
    margin-bottom: 10px;
}
.footmenu dt a:before,
.footmenu li a:before{
    content: "■";
    font-size: 50%;
    color: #004080;
    vertical-align: middle;
    margin-right: 5px;
}
.footmenu a:hover{
    text-decoration: none;
}

.copyrightwrap{
    background: #004e8f;
    color: #b7b7b7;
    font-size:90%;
    padding: 20px 0;
}
.copyrightbox{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.copyrightbox ul{
    display: flex;
}
.copyrightbox li{
    padding: 0 20px 0 0;
}
.copyrightbox ul img{
   max-height: 45px;
}


/*コンテンツ
------------------------------------------------*/
.pagetitlewrap{
    position: relative;
    background: url("/educate/secu/common/img/mechanical/top/study_bg01.png");
}
.pagetitle{
    width: 50%;
    width: 40%;
    height: 360px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.pagetitlewrap:after {
    content: "";
    width: 49.2vw;
    width: 55vw;
    height: 100%;
    display: block;
    background: url("/educate/secu/common/img/message/pagetitle.png") no-repeat top left;
        background-size: auto;
    background-size: cover;
    position: absolute;
    top: 0;
    right: 0;
}
.feature .pagetitlewrap:after {
 background: url("/educate/secu/common/img/feature/pagetitle.png") no-repeat top left;
}
.result .pagetitlewrap:after {
 background: url("/educate/secu/common/img/result/pagetitle.png") no-repeat top left;
}
.facilities .pagetitlewrap:after {
 background: url("/educate/secu/common/img/facilities/pagetitle.png") no-repeat top left;
}
.nagoya .pagetitlewrap:after {
 background: url("/educate/secu/common/img/nagoya/pagetitle.png") no-repeat top left;
}
.toyota .pagetitlewrap:after {
 background: url("/educate/secu/common/img/toyota/pagetitle.png") no-repeat top left;
}
.contact .pagetitlewrap:after {
 background: url("/educate/secu/common/img/contact/pagetitle.png") no-repeat top left;
}


.pagetitle h2{
    font-size: 180%;
    letter-spacing: .2em;
}
.pagetitle p{
    color: #004e8f;
    font-size: 110%;
    font-family: 'Roboto', sans-serif;
}



.topicpath{
    padding: 10px 0;
}

.overviewbox{
    padding: 60px 0;
    text-align: center;
    line-height: 180%;
}
.overviewbox h3{
    padding:0 0 60px 0;
    font-size: 160%;
    letter-spacing: .2em;
}





/**学部長挨拶**/
.deanbox{
    padding: 70px 0;
}
.deanbox dl{
   max-width: 900px;
   margin: 0 auto;
   display: flex;
   justify-content: space-between;
}
.deanbox dt{
    flex-basis: 36%;
}
.deanbox dd p{
    padding: 0 0 20px 0;
}
.deanbox dd h3{
    padding: 0 0 30px 0;
}
.deanbox dd h3 span{
     font-family: futura-pt, sans-serif;
font-weight: 400;
font-style: normal;
display: inline-block;
padding-right: 20px;
vertical-align: middle;
}
.deanbox dd h3 strong{
    font-size: 180%;
    font-weight: 400;
    vertical-align: middle;
}
.deanbox dd h4{
    font-weight: 400;
    
    color: #fff;
    font-size: 90%;
    display: inline-block;
    padding:2px 40px 2px 20px; 
    position: relative;
    z-index: 1;
}
.deanbox dd h4:after{
content: "";
	position: absolute;

	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	
	z-index: -1;
	background: #004e8f;
	transform: scaleY(1.3) perspective(.6em) rotateX(5deg);
	transform-origin: bottom left;
}
.deanprofile{
    border: 1px solid #ccc;
    padding: 30px;
}
.deanprofile td{
    padding: 7px;
    vertical-align: top;
}

.messagewrap{
    background: url("/educate/secu/common/img/message/bg_messagewrap.png") no-repeat top center;
    background-size: cover;
    padding: 70px 0;
}
.messagewrap h3{
    text-align: center;
    font-size: 160%;
    color: #fff;
    margin: 0 0 70px 0;
    letter-spacing: .2em;
}
.messagebox{
    background: #fff;
    padding: 50px;
    max-width: 900px;
    margin: 0 auto;
}
.messagebox p{
    padding: 0 0 20px 0;
}





/**工学部の特長**/
.outlinebox{
    padding: 70px 0;
}
.outlinebox dl{
    text-align: center;
    border: 1px solid #000;
    padding: 40px;
   
}
.outlinebox dt{
    width: 15%;
    margin:0px auto 20px auto;
    background: #fff;

    padding: 10px 10%;
    margin-top:-80px;

}
.outlinebox dd{ 
    text-align: left;
}
.outlinebox dt h3{
    color: #004e8f;
    font-family: 'Roboto', sans-serif;
    font-size: 180%;
}


.featurewrap01,
.featurewrap02,
.featurewrap03,
.featurewrap04{
    background: url("/educate/secu/common/img/mechanical/top/study_bg01.png");
    position: relative;
    z-index: 1;
    margin: 0 0 60px 0;
}

.featurewrap01:after {
    content: "";
    width: 48%;
    height: 100%;
    display: block;
    background: url("/educate/secu/common/img/feature/bg_featurewrap01.png") no-repeat top right;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -2;
}
.featurewrap02:after {
    content: "";
    width: 48%;
    height: 100%;
    display: block;
    background: url("/educate/secu/common/img/feature/bg_featurewrap02.png") no-repeat top left;
    background-size: cover;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -2;
}
.featurewrap03:after {
    content: "";
    width: 48%;
    height: 100%;
    display: block;
    background: url("/educate/secu/common/img/feature/bg_featurewrap03.png") no-repeat top right;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -2;
}
.featurewrap04:after {
    content: "";
    width: 48%;
    height: 100%;
    display: block;
    background: url("/educate/secu/common/img/feature/bg_featurewrap04.png") no-repeat top left;
    background-size: cover;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -2;
}
.featurebox{
    display: flex;
    align-items: center;
    justify-content: space-between;  
}
.featurewrap02 .featurebox,
.featurewrap04 .featurebox{
    flex-flow: row-reverse;
}
.featuretitle{
    flex-basis: 40%;
    text-align: center;
}
.featurecont{
    flex-basis: 60%;
    padding: 80px 0;
}
.featuretitle h3{
    color: #fff;
    font-weight: 400;
    font-size: 140%;
    letter-spacing: .2em;
    padding: 20px 0 0 0;
}
.featuretitle h3 strong{
    font-size: 160%;
}
.featuretitle img{
    max-height: 35px;
}
.featurecont dl{
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    margin: 20px 0;
    padding: 20px;
}
.featurecont dt{
    flex-basis: 55%;
}
.featurecont dd{
    flex-basis: 40%;
}
.featurecont h4{
    font-size: 140%;
    color: #004e8f;
    padding: 0 0 10px 0;  
}
.featurewrap02 .featurecont h4{
    color: #009488;
}
.featurewrap03 .featurecont h4{
    color: #316131;
}

.featurecont p{
    font-size: 90%;
}
.featurecont a{
    display:inline-block;
    padding: 2px 10px;
    color: #316131;
    border: 1px solid #316131;
}

.careersupportwrap{
    background: #004e8f;
    padding: 60px 0;
}

.careersupportbox{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    padding:0 0 50px 0;
}
.careersupportbox dl{
   background: #fff;
   flex-basis: 45%;
   margin:0px 0 10px 0;
   padding: 20px 2%;
}

.careersupportbox dt ul{
    display: flex;
}
.careersupportbox dt li:nth-child(2){
    flex: 80%;
}


.careersupportbox h3{
    font-size: 120%;
    padding: 0 0 0 10px;
    border-left: 2px solid #004e8f;
    margin: 0 0 20px 0;
}
.careersupportbox h4{
    color: #004e8f;
    padding: 0 20px 20px 0;
}
.btn02{
    text-align: center;
}
.btn02 a{
    display: inline-block;
    color: #fff;
    font-size: 140%;
    font-weight: 800;
    padding: 15px 100px;
    border: 2px solid #fff;
    border-radius: 99px;
}
.btn02 a:hover{
    text-decoration: none;
    opacity: .8;
}








/*進学?就職状況**/
.resultmenu p{
    padding: 40px 0 60px 0;
    text-align: center;
    font-size: 120%;
}
.itemtab {
    display: flex;
    justify-content: space-between;
}

.itemtab a{
    display: block;
    text-align: center;
    background: #00ce66;
    flex-basis: 24%;
    padding: 10px 0;
    border-radius: 10px 10px 0 0;
    font-weight: 800;
    color: #fff;
    font-size: 120%;
}
.itemtab a:hover{
    text-decoration: none;
    opacity: .8;
}
.itemtab a:nth-child(2){
    background: #0040ff;
}
.itemtab a:nth-child(3){
    background: #52248f;
}
.itemtab a:nth-child(4){
    background: #00bdff;
}
.motion{
    display: none;
}
#motion_area1{
    display: block;
}

.resultwrap{
    background: #e5f1ff;
    padding: 0 0 50px 0;
}
.resultbox{
    background: #fff;
    padding: 0 50px 20px 50px;
}
.resultbox h3{
    text-align: center;
    font-size: 180%;
    padding: 50px 0;
    margin: 0 -50px;
    border-top: 3px solid #00ce66;
}
.resultbox #motion_area2 h3{
border-color: #0040ff;
}
.resultbox #motion_area3 h3{
border-color: #52248f;
}
.resultbox #motion_area4 h3{
border-color: #00bdff;
}
.resultbox h4{
    text-align: center;
    padding: 10px;
    color: #fff;
    background: #00ce66;
    font-size: 120%;
    margin-bottom: 20px;
}
.resultbox #motion_area2 h4{
 background: #0040ff;
}
.resultbox #motion_area3 h4{
 background: #52248f;
}
.resultbox #motion_area4 h4{
 background: #00bdff;
}

.resultbox h4 span{
    font-weight: 400;
    font-size: 80%;
}
.resultbox table{
    width: 90%;
    margin: 0 auto 20px auto;
}
.resultbox th,
.resultbox td{
    padding: 10px;
    line-height: 180%;
}
.resultbox th{
    background: #ccf5e0;
    color:  #00ce66;
}
.resultbox #motion_area2 th{
    background: #ccd9ff;
    color:  #0040ff;
}
.resultbox #motion_area3 th{
    background: #dcd3e9;
    color:  #52248f;
}
.resultbox #motion_area4 th{
    background: #ccf2ff;
    color:  #00bdff;
}
.resultbox td{
     width: 80%;
}


/*設備?環境**/
.facilitieswrap{
    background: #ddd;
    padding: 30px 0;
}
.facilitiescap{
    padding: 0 0 20px 0;
}

.facilitiesbox {
    display: flex;
    justify-content: space-between;
    flex-wrap:wrap; 
}
.facilitiesbox dl{
    flex-basis: 31%;
    background: #fff;
    margin: 0 0 30px 0;
}
.facilitiesbox dd{
    padding: 20px;
}
.facilitiesbox h3{
    display: flex;
    justify-content: space-between;
    font-size: 110%;
    border-bottom: 2px solid #9399bd;
    position: relative;
    padding: 0 0 10px 0;
    margin: 0 0 20px 0;
}
.facilitiesbox h3:after{
    content: "";
    display: block;
    height: 2px;
    width: 30%;
    background: #004b88;
    position: absolute;
    bottom: -2px;
    left: 0;
    
}
.tgnagoya,
.tgtoyota{
    background: #78ce00;
    color: #fff;
    padding: 3px 5px;
    font-weight: 400;
    border-radius: 3px;
    font-size: 14px;
}
.tgtoyota{
    background: #3f94e0;
}

/*利记体育***/
.campusguidewrap{
    background: #ddd;
    padding: 70px 0;
}
.campusguidebox dl{
    background: #fff;
    display: flex;
    justify-content: space-between;
    margin: 0 0 50px 0;
}
.campusguidebox dl:nth-child(even){
    flex-direction: row-reverse;
}
.campusguidebox dt{
    flex-basis: 65%;
     flex-basis: 80%;
}
.campusguidebox dd{
    flex-basis: 40%;
    padding: 40px;
}
.campusguidebox  h3{
    display: flex;
    justify-content: space-between;
    font-size: 150%;
    border-bottom: 2px solid #9399bd;
    position: relative;
    padding: 0 0 10px 0;
    margin: 0 0 20px 0;
}
.campusguidebox h3:after{
    content: "";
    display: block;
    height: 2px;
    width: 30%;
    background: #004b88;
    position: absolute;
    bottom: -2px;
    left: 0;
}
.campusguidebox p{
    line-height: 160%;
    padding: 0 0 20px 0;
}


.cgphoto{
    width: 70%;
    font-weight: 800;
}
.cgphoto img{
    margin: 0 0 10px 0;
}
.btn01{
    text-align: center;
}
.btn01 a{
    display: inline-block;
    padding: 25px 100px;
    color: #fff;
    font-size: 130%;
    font-weight: 800;
    background: #004e8f;
    border-radius: 5px;
}
.btn01 a:after{
    display: inline-block;
    content: "";
    width: 10px;
    height: 10px;
    background: url("/educate/secu/common/img/icon_blank_white.png") no-repeat;
    background-size: contain;
}
.btn01 a:hover{
    text-decoration: none;
    opacity: .8;
}
.campusdptwrap{
    padding: 60px 0;
}
.campusdptbox {
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
}
.campusdptbox ul{
    display: flex;
    justify-content: space-between;
    margin: 0 0 30px 0;
}
.campusdptbox li{
    flex-basis: 49%;
}
.accesswrap{
    background:#e5f1ff;
    padding: 70px 0;
}
.accessbox{
    max-width: 1000px;
    margin: 0 auto 50px auto;
    background: #fff;
}
.accessbox dl{
    display: flex;
    padding: 30px;
    justify-content: space-between;
    line-height: 180%;
    align-items:flex-end;
}
.accessbox h3{
    border-left: 1px solid #004e8f;
    padding: 0 0 0 10px;
    margin: 0 0 20px 0; 
}
.accessbox dt img{
    max-height: 20px;
    margin-right: 5px;
}
.accessbox dd li{
    display: inline-block;
    border: 2px solid #004e8f;
    text-align: center;
    padding: 10px 30px;
    margin: 5px;
    color: #004e8f;
}
.accessbox dd li strong{
    font-size: 150%;
}



/**学部
タイトル
-------------------------------------**/
.dptpagetitle{
    background: url("/educate/secu/common/img/mechanical/head_bg.png") no-repeat top center;
    background-size: cover;
    color: #fff;
    padding: 50px 0;
    text-align: center;
}
.electric .dptpagetitle{
background: url("/educate/secu/common/img/electric/head_bg.png") no-repeat top center;
    background-size: cover;
}
.information .dptpagetitle{
background: url("/educate/secu/common/img/information/head_bg.png") no-repeat top center;
    background-size: cover;
}
.media .dptpagetitle{
background: url("/educate/secu/common/img/media/head_bg.png") no-repeat top center;
    background-size: cover;
}

.dptpagetitle h2{
    font-size: 110%;
    padding: 0 0 10px 0;
    font-weight: 400;
}
.dptpagetitle h3{
    font-size: 130%;
    padding:0 0 10px 0;
}
.dptpagetitle h4{
    color: #00ce66;
    font-family: 'Roboto', sans-serif;
    font-size: 130%;
}
.electric .dptpagetitle h4{
    color: #0040ff;
}
.information .dptpagetitle h4{
    color: #52248f;
}
.media .dptpagetitle h4{
    color: #00bdff;
}

/**学部のメニュー*/
.departmentmenu{
    background: #efefef;
}
.departmentmenu dl{
    display: flex;
}
.departmentmenu dt{
    background: #00ce66;
    color: #fff;
    padding: 10px 30px;
    font-weight: 800;
    position: relative;
}
.electric .departmentmenu dt{
    background: #0040ff;
}
.information .departmentmenu dt{
    background: #52248f;
}
.media .departmentmenu dt{
    background: #00bdff;
}


.departmentmenu dt:after{
position: absolute;
	top: 50%;
	right: -.99em;
	margin-top: -1.48em;
	content: '';
	border-top: 1.48em solid transparent;
	border-bottom: 1.48em solid transparent;
	border-left: 1em solid #00ce66;
}
.electric .departmentmenu dt:after{
    border-left: 1em solid #0040ff;
}
.information .departmentmenu dt:after{
    border-left: 1em solid #52248f;
}
.media .departmentmenu dt:after{
    border-left: 1em solid #00bdff;
}



.departmentmenu ul{
    display: flex;
    margin: 0 20px;
}
.departmentmenu li{
    padding: 10px 20px;
}
.departmentmenu li:before {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  margin: 0 0.5em 0 0;
  border: 5px solid transparent;
  border-right: 0 solid transparent;
  border-left: 6px solid transparent;
}
.departmentmenu .activemenu:before,
.departmentmenu li:hover:before{
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  margin: 0 0.5em 0 0;
  border: 5px solid transparent;
  border-right: 0 solid transparent;
  border-left: 6px solid #00ce66;
}
.departmentmenu li a:hover{
    text-decoration: none;
}


.electric .departmentmenu .activemenu:before,
.electric .departmentmenu li:hover:before{
  border-left: 6px solid #0040ff;
}
.information .departmentmenu .activemenu:before,
.information .departmentmenu li:hover:before {
  border-left: 6px solid #52248f;
}
.media .departmentmenu .activemenu:before,
.media .departmentmenu li:hover:before {
  border-left: 6px solid #00bdff;
}
/**学部のトップページ*/
.deptcapbox dl{
   max-width: 1000px;
   margin: 0 auto;
   padding: 60px 0;
}
.deptcapbox dt{
    text-align: center;
    font-size: 160%;
    font-weight: 800;
    padding: 0 0 20px 0;
}
.deptcapbox dt:after{
    content: "";
    display: block;
    width: 70px;
    margin: 30px auto;
    background: #00ce66;
    height: 2px;
}
.deptcapbox dd{
    font-size: 110%;
    line-height: 180%;
}
.electric .deptcapbox dt:after{
  background: #0040ff;
}
.information .deptcapbox dt:after{
  background: #52248f;
}
.media .deptcapbox dt:after{
  background: #00bdff;
}


.studyfieldwrap{
    background: #004e8f;
    color: #fff;
    text-align: center;
    padding: 50px 0 100px 0;
    justify-content: center;
}
.studyfieldwrap .title01 h2{
    color: #fff;
    font-size: 230%;
}
.studyfieldbox{
    display: flex;
    justify-content: center;
    font-weight: 800;
    font-size: 100%;
}
.studyfieldbox dl{
   width: 16%;
}
.electric .studyfieldbox dl{
   padding:0 20px;
}

.studyfieldbox dt{
    padding: 10px 10px 20px 10px;
}



.deptpointbox01{
    background: url("/educate/secu/common/img/top/bg_topbnrwrap.png");    
}
.deptpointbox02{
    background:#ddd;
}
.deptpointbox03{
    background: url("/educate/secu/common/img/top/bg_topbnrwrap.png");    
}


.deptpointwrap dl{
    position: relative;
    padding: 80px 0 100px 0;
    max-width: 980px;
}
.deptpointwrap .deptpointbox02 dl{
    margin-left: auto;
}
.deptpointwrap dt{
    position: absolute;
    width: 53%;
    padding: 15px 0;
}
.deptpointwrap .deptpointbox02 dt{
    right: 0;
}

.deptpointwrap dd{
    float: right;
    width: 55%;
}
.deptpointwrap .deptpointbox02 dd{
float: left;
}

.deptpointwrap h3 {
    font-size: 160%;
    padding: 0 0 20px 0;
}
.deptpointwrap h3 span{
    display:inline-block;
    margin:  0 0 5px 0;
    background: #00ce66;
    padding:5px 20px;
    color: #fff;
}
.electric .deptpointwrap h3 span{
  background: #0040ff;
}
.information .deptpointwrap h3 span{
  background: #52248f;
}
.media .deptpointwrap h3 span{
  background: #00bdff;
}



.pointtext{
    background: #fff;
    padding: 20px;
    line-height: 160%;
    font-size: 100%;
}



.courseStep {
    background: #004e8f;
    padding: 50px 0;
    text-align: center;
   
}
.courseStep h1 {
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 30px;
}
.step {
    display: flex;
    justify-content: space-between;
    overflow: hidden;
    
}
.step li {
    width: 25%;
    height: 70px;
    
}
.step li a {
    box-sizing: border-box;
    background: #fff;
    display: block;
    width: 100%;
    height: 100%;
    padding-left: 21px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    font-weight: 600;
}
.step li a::after {
    content: "";
    background: #fff;
    display: block;
    width: 42px;
    height: 42px;
    transform: rotate(45deg) skew(14deg,14deg);
    

    position: absolute;
    right: -19.85px;
    top: 14px;
    box-shadow: 3px -3px 0 #004e8f;
    z-index: 99;
    }
/*.step li a:hover,.step li a:hover::after,
#step01 li:first-of-type a,#step01 li:first-of-type a::after,
#step02 li:nth-of-type(2) a,#step02 li:nth-of-type(2) a::after,
#step03 li:nth-of-type(3) a,#step03 li:nth-of-type(3) a::after,
#step04 li:nth-of-type(4) a,#step04 li:nth-of-type(4) a::after*/

.step li a:hover,
.step li a:hover::after,
.step .activemenu a,
.step .activemenu a::after{
    background: #00ce66;
    color: #fff;
    text-decoration: none;  
}
.electric .step li a:hover,
.electric .step li a:hover::after,
.electric .step .activemenu a,
.electric .step .activemenu a::after{
    background: #0040ff;
}
.information .step li a:hover,
.information .step li a:hover::after,
.information .step .activemenu a,
.information .step .activemenu a::after{
    background: #52248f;
}
.media .step li a:hover,
.media .step li a:hover::after,
.media .step .activemenu a,
.media .step .activemenu a::after{
    background: #00bdff;
}


.step .activemenu a:after{
    border-color:  #00ce66;
}
.electric .step .activemenu a:after{
    border-color: #0040ff;
}
.information .step .activemenu a:after{
    border-color: #52248f;
}
.media .step .activemenu a:after{
    border-color: #00bdff;
}


.deptnavi{
    background: #e3f0ff;
    padding: 80px 0;
    text-align: center;
}
.deptnavi ul{
    display: flex;
    justify-content: space-between;
}
.deptnavi li{
    width: 24%;
}
.deptnavi a{
    background: url("/educate/secu/common/img/mechanical/nav01.png") no-repeat center center;
    background-size: cover;
    display: block;
    padding: 72px 0;
    font-weight: 800;
    font-size: 120%;
    color: #fff;
}
.deptnavi li:nth-child(2) a{
     background: url("/educate/secu/common/img/mechanical/nav02.png") no-repeat center center;
     background-size: cover;
}
.deptnavi li:nth-child(3) a{
     background: url("/educate/secu/common/img/mechanical/nav03.png") no-repeat center center;
     background-size: cover;
}
.deptnavi li:nth-child(4) a{
     background: url("/educate/secu/common/img/mechanical/nav04.png") no-repeat center center;
     background-size: cover;
}
.deptnavi a:hover{
    text-decoration: none;
    opacity: .8;
}





/**カリキュラム**/
.curriculumtop{
    padding: 50px 0;
}
.curriculumwrap {
    position: relative;
    height: 500px;
}
.curriculumbox{
   
    
   
}
.cmodelcase{
    width: 200px;
    float: left;
}
.curriculumcase{
    margin-left: 220px; 
}
.aaa{
    overflow: auto;
    border: 2px solid #aaa;
}


.curriculumcase p{
    width: 200px;

}



/**研究テーマ**/
.themewrap{
    background: url("/educate/secu/common/img/mechanical/theme/theme_bg.png");
    padding: 50px 0;
}
.electric .themewrap{
    background: url("/educate/secu/common/img/electric/theme/theme_bg.png"); 
}
.information .themewrap{
    background: url("/educate/secu/common/img/information/theme/theme_bg.png"); 
}
.media .themewrap{
    background: url("/educate/secu/common/img/media/theme/theme_bg.png"); 
}
.themecase{
    display: flex;
    flex-wrap: wrap;
    max-width: 1000px;
    margin: 0 auto;
    
}
.themebox{
    background: #fff;
    padding: 20px 2%;
    margin: 1%;
    width: 44%;
}
.themebox dl{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 0 20px 0;
}
.themebox dt{
    flex-basis: 45%;
}
.themebox dd{
    flex-basis: 50%;
}
.themebox h3{
    border-bottom: 1px solid #aaa;
    color: #00ce66;
    font-size: 110%;
    padding: 0 0 10px 0;
    margin: 0 0 10px 0;
}
.themebox h4{
    padding: 0 0 10px 0;
}

.themelist{
    background: #fff;
    padding: 70px 140px;
}
.themelist h3{
    text-align: center;
    font-size: 180%;
    margin-bottom: 70px;
}
.themelist li{
    font-size: 120%;
    padding: 0 0 30px 0;
    font-weight: 800;
    text-indent: -1.5em;
    margin-left: 1.5em;
}
.themelist li:before{
    content: "●";
    color: #00ce66;
    margin-right: .5em;
}
.electric .themelist li:before{
    color: #0040ff;
}
.information .themelist li:before{
    color: #52248f;
}
.media .themelist li:before{
    color: #00bdff;
}


/*卒論テーマの例**/
.examplewrap{
    background: url("/educate/secu/common/img/mechanical/theme/exemple_bg.png") no-repeat top center;
    background-size: cover;
    padding: 50px 0;
    text-align: center;
}
.electric .examplewrap{
     background: url("/educate/secu/common/img/electric/theme/exemple_bg.png") no-repeat top center;
    background-size: cover;  
}
.information .examplewrap{
     background: url("/educate/secu/common/img/information/theme/exemple_bg.png") no-repeat top center;
    background-size: cover;  
}
.media .examplewrap{
     background: url("/educate/secu/common/img/media/theme/exemple_bg.png") no-repeat top center;
    background-size: cover;  
}


.examplewrap h2{
    font-size: 180%;
    color: #fff;
    padding: 0 0 50px 0;
}
.examplebox{
    max-width: 880px;
    margin: 0 auto;
}
.examplebox ul{

    flex-wrap: wrap;
    /** 高さ揃えるcss**/
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center; /** 真ん中寄せ **/
    
}
.examplebox li{
    text-align: left;
    background: #fff;
    flex-basis: 40%;
    margin: 0 1% 10px 1%;
    padding: 10px 10px 10px 30px;
    
    /** 以下中央揃え**/
  display: -webkit-box;
  display: -ms-flexbox;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  
  min-height: 50px;
  position: relative;
}
.examplebox li:before{
    content: "●";
    position: absolute;
    font-size: 80%;
    left: 10px;
   top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
.examplebox li:nth-child(4n),
.examplebox li:nth-child(4n-1){
    background: #b2f0d1;
}

.electric .examplebox li:nth-child(4n),
.electric .examplebox li:nth-child(4n-1){
    background: #bdceff;
}
.information .examplebox li:nth-child(4n),
.information .examplebox li:nth-child(4n-1){
    background: #e5deee;
}
.media .examplebox li:nth-child(4n),
.media .examplebox li:nth-child(4n-1){
    background: #e5f8ff;
}


/*学部教員紹介***/
.professorwrap{
    background: url("/educate/secu/common/img/mechanical/professor/professor_bg.png");
    padding: 50px 0;
}
.professorbox{
    background: #fff;
    padding: 30px 40px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin: 0 0 50px 0;
}
.professorbox:nth-child(even){
    background: #dbf7e9;
}
.professorbox:nth-child(even){
    background: #dbf7e9;
}
.electric .professorbox:nth-child(even){
    background: #e5ecff;
}
.information .professorbox:nth-child(even){
    background: #e5deee;
}
.media .professorbox:nth-child(even){
    background: #e5f8ff;
}



.professorprofile{
   flex-basis:  18%;
}
.professorcase{
    flex-basis:  78%;
}
.professorprofile p{
    padding: 0 0 15px 0;
}
.professorprofile h2{
    font-size: 80%;
    font-weight: 400;
    vertical-align: middle;
    margin: 0 0 15px 0;
}
.professorprofile h2 strong{
    font-size: 180%;
    font-weight: 800;
     vertical-align: middle;
     margin-left: 5px;
}
.professorprofile h3{
    text-align: center;
    color: #fff;
    background: #333;
    font-size: 80%;
    padding: 5px 0;
    margin: 0 0 10px 0;   
}
.professorprofile li{
    text-align: center;
    border: 2px solid #333;
    border-radius: 99px;
    padding: 3px 0;
    margin: 0 0 10px 0;
}
.professorprofile a[target="_blank"]{
    display: inline-block;
    padding: 0 15px 0 0;
    background: url("/educate/secu/common/img/icon_blank.png") no-repeat center right;
    background-size: 10px;
}
.professorcase h2{
    text-align: center;
     background: #00ce66;
     color: #fff;
     padding: 5px 10px;
     font-size: 120%;
     margin: 0 0 20px 0;
}
.electric .professorcase h2{
  background: #0040ff;
}
.information .professorcase h2{
  background: #52248f;
}
.media .professorcase h2{
  background: #00bdff;
}

.professorcase h3{
    text-align: center;
    font-size: 140%;
    padding: 0 0 20px 0;
}
.professorcont dl{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin: 0 0 30px 0;
}
.professorcont dt{
   flex-basis: 60%;
}
.professorcont dd{
    flex-basis: 35%;
}
.professorcont dd p{
    padding: 5px 0;
     font-size: 80%;
}

.professorcate {
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
}
.professorcate dl{
    display: flex;
    align-items: flex-start;
    padding: 10px 0;
    font-size: 90%;
}
.professorcate dt{
     background: #00ce66;
     padding: 5px;
     color: #fff;
     position: relative;
     margin-right: 20px;
     flex-basis: 8%;
}
.electric .professorcate dt{
    background: #0040ff;
}
.information .professorcate dt{
    background: #52248f;
}
.media .professorcate dt{
    background: #00bdff;
}

.professorcate dd{
    flex-basis: 90%;
}





.professorcate dt:after{
position: absolute;
top: 50%;
right: -.55em;
margin-top: -1em;
content: '';
border-top: 1em solid transparent;
border-bottom: 1em solid transparent;
border-left: .6em solid #00ce66;
}
.electric .professorcate dt:after{
border-left: .6em solid #0040ff;
}
.information .professorcate dt:after{
border-left: .6em solid #52248f;
}
.media .professorcate dt:after{
    border-left: .6em solid #00bdff;
}

.professorcate dd li{
    display: inline-block;
    background: #afefcf;
    border-radius: 99px;
    padding: 5px 10px;
    font-weight:800;
    margin: 0 0 10px;
}
.electric .professorcate dd li{
    background: #ccd9ff;
}
.information .professorcate dd li{
    background: #c8b9db;
}
.media .professorcate dd li{
    background: #b7ecff;
}







/*お問い合わせ**/
.contactwrap{
    background: #e5f1ff;
    padding: 70px 0;
}
.contactcampus{
    display: flex;
    justify-content: space-between;
}
.contactcampus dl{
    flex-basis: 39%;
    padding:30px 5%;
    background: #fff;
    margin-bottom: 20px;
}
.contactcampus dt{
    text-align: center;
    padding: 0 0 30px 0;
    border-bottom: 1px solid #000;
    margin: 0 0 20px 0;
}
.contactcampus dt h3{
    font-size: 160%;
    margin:  0 0 20px 0;
}
.contactcampus dt ul{
    display: flex;
    justify-content: center;
    text-align: center;
}
.contactcampus dt li{
    width: 48%;
    margin: 0 1%;
    padding: 5px;
    background: #00ce66;
    font-weight: 800;
}
.contactcampus dl:nth-child(1) dt li:nth-child(2){
    background: #0040ff;
}
.contactcampus dl:nth-child(2) dt li:nth-child(1){
    background: #52248f;
}
.contactcampus dl:nth-child(2) dt li:nth-child(2){
    background: #00bdff;
}
.contactcampus dt li a{
    color: #fff;
    display: block;
}
.contactcampus dt li a:hover{
    text-decoration: none;
    opacity: .8;
}
.contactcampus dd li{
    padding: 5px 0 5px 35px;
    margin: 0 0 10px 0;
    background: url("/educate/secu/common/img/contact/icon_map.png") no-repeat  left center;
    background-size:15px;
}
.contactcampus dd li:nth-child(2){
    background: url("/educate/secu/common/img/contact/icon_tel.png") no-repeat  left center;
    background-size:15px;
}
.contactcampus dd li:nth-child(3){
    background: url("/educate/secu/common/img/contact/icon_fax.png") no-repeat  left center;
    background-size:20px;
}
.contactcampus dd img{
    max-height: 25px;
}
.contactcampus dd li a{
    font-size: 160%;
}

.contactmail dl{
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 0;
    line-height: 180%;
}
.contactmail dt{
    font-size: 140%;
    font-weight: 800;
    padding: 0 40px;
}
.contactmail dd img{
    max-height: 15px;
    margin-right: 10px;
    vertical-align: middle;
}
.contactmail dd a{
    font-weight: 800;
    font-size: 120%;
}




.pager {
	text-align: center;
	padding: 10px 0 30px 0;
}
.pager span,
.pager a{
	display: inline-block;
	padding: 3px 10px;
	color: #fff;
	
}

.pager .current{
	background: #666 ;
	
}


.pageset{
	padding: 10px;
	margin: 0 0 30px 0;
	text-align: center;
	font-family:"Times New Roman", Times,  "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","游明朝", YuMincho,  "ＭＳ Ｐ明朝", "ＭＳ 明朝","Sawarabi Mincho", serif;
}
.pageset li{
display: inline-block;
}
.pageset li a{
color: #fff;
display: block;
padding: 2px 30px;
}
.pagebefore{
	
}
.pagenext{

}

















/*********************************/
/* PC用のスタイル記述ここから */
/*********************************/
/*@media print, screen and (min-width: 769px) {*/
@media print, screen and (min-width: 621px) {	




.leftbox{
	display:inline-block;
	float:left;
	padding:0px 10px 0px 0;
}
.rightbox{
	display:inline-block;
	float:right;
	padding:0px 0 0px 10px;
}

.gnavi{
 display: block!important;

}




}





/*********************************/
/* タブレット用のスタイル記述 */
/*********************************/
@media screen and (max-width: 768px) {}
/*********************************/
/* スマートフォン用のスタイル記述 */
/*********************************/
@media screen and (max-width: 620px) {

	body {
		font-size: 14px;
	}
.mainbody,
.header .mainbody{
	margin:0 20px;
	width:auto;
}

.wrap {
    padding-top: 60px;
}

/*ヘッダー
------------------------------------------------*/
	header {
		z-index: 99999;
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		width: 100%;
		background: #fff;
	}
	.header {
		justify-content: flex-start;
		padding: 15px 0;
	}
	header > .mainbody {
		margin: 0;
		padding: 0 5%;
		position: relative;
	}
	.menuIco {
		display: block;
		position: absolute;
		right: 0;
		top: 0;
		height: 100%;
		width: 17vw;
		background: #004e8f url("../img/spmenu.png") no-repeat center center;
		background-size: 50% auto;
	}
	.menuIco img {
		width: auto;
		height: 100%;
	}
	.menuIco.active {
		background: #004e8f url("../img/close.png") no-repeat center center;
		background-size: auto 45%;
	}
	.menuIco.active img {
		display: none;
	}
	.header .logo,.headerright {
		width: 32%;
	}
	.header .logo img,.headlogo02 img {
		display: block;
	}
	.gnavi {
		max-height: 85vh;
		overflow-y: auto;
	}
	.gnavi .spNav {
		display: flex;
		justify-content: center;
	}
	.gnavi .spNav li {
		width: auto;
		flex-basis:auto;
	}
	.gnavi ul li {
		flex-basis: auto;
	}
	.gnavi .spNav li:not(:last-of-type) {
		margin-right: 5%;
	}
	.spNav a {
		font-size: 3vw;
		padding: 25px 0;
	}
    #menu .dNav  .memucurr a{
        padding-top:12px;
        padding-bottom: 12px;
    }
    
	.spNav .blank {
    padding: 25px 15px 25px 0;
    background: url("/educate/secu/common/img/icon_blank_white.png") no-repeat center right;
    background-size: 10px;
	}
	.headerright > ul {
		display: none;
	}
	.gnavi {
		padding-bottom: 25px;
		display: none;
	}
	#menu {
		background: #fff;
		display: block;
		text-align: left;
	}
	#menu * {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}
	#menu a {
		color: #000;
		text-align: left;
	}
	#menu > li {
		border-top: 1px dotted #808080;
	}
	#menu > li:last-of-type {
		border-bottom: 1px dotted #808080;
	}
	#menu li > a {
		padding-left: 8%;
	}
	#menu .dNav {
		position: static;
	}
	#menu .dNav ul {
		background: #ddf2ff;
		position: static;
	}
	#menu .dNav ul::after {
		content: "";
		display: block;
		clear: both;
	}
	#menu .dNav ul a {
		background: #ddf2ff;
		padding-left: 15%;
	}
	#menu .dNav > a span {
		display: inline-block;
		background: url("/educate/secu/common/img/nav_ico01.png") top 2px right 1% no-repeat;
		background-size: 14px auto;
		padding-right: 25px;
	}
	#menu .dNav.open > a span {
		background-image: url("/educate/secu/common/img/nav_ico02.png");
	}
	#menu .dNav li {
		width: 49%;
		border: none;
		display: inline-block;
		border-left: 1px solid #fff;
		border-bottom: 1px solid #fff;
        vertical-align: middle;
	}
	#menu .dNav li:nth-of-type(odd) {
		border-left: none;
	}
	.gnavi ul li:nth-child(3) a:hover, .gnavi ul li:nth-child(4) a:hover, .gnavi ul li:nth-child(5) a:hover, .gnavi ul li:nth-child(6) a:hover, .gnavi ul li:nth-child(7) a:hover,.gnavi a:hover {
		background: transparent;
	}
	#menu .dNav.open > a {
		background: #bfe7ff;
	}
	.gnavi ul li,
	.gnavi ul li:last-child{
		border: none;
	}
    .gnavi ul ul a{
        width: auto;
    }

/*トップページ
------------------------------------------------*/
	.topdepartmentwrap .topdptbox h3 {
		position: static!important;
	}
	.topnbnr01wrap {
		padding: 20px 0;
	}
	.topnbnr01wrap ul {
		flex-wrap: wrap;
	}
	.topnbnr01wrap li {
		flex-basis: 48%;
		padding: 0;
	}
	.topnbnr01wrap li:nth-of-type(n+3) {
		margin-top: 12px;
	}
	.topnewswrap,
	.topfeaturewrap{
		padding: 40px 0;
	}
	#newslist dl {
		display: block;
	}
	.topfeaturebox {
		display: block;
	}
	.topfeaturecase {
		width: 100%;
		padding: 20px 5%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}
	.topfeature dl {
		align-items: flex-start;
	}
	.topfeaturetitle dl {
		margin-bottom: 15px;
		position: relative;
	}
	.topfeaturetitle dt {
		font-size: 320%;
		flex-basis: 25%;
		line-height: 1;
	}
	.topfeaturetitle dd {
		font-size: 14px;
		text-indent: .1em;
		letter-spacing: .1em;
	}
	.topfeature dd h3 {
		font-size: 15px;
		padding-bottom: 7px;
	}
	.topfeaturetitle dd strong {
		font-size: 17px;
	}
	.topdepartmentwrap > div {
		padding: 40px 0;
		margin-bottom: 1px;
	}
	.topdptwrap01 {
		background-image: url("/educate/secu/common/img/top/bg_topguidewrap01_sp.png");
	}
	.topdptwrap02 {
		background-image: url("/educate/secu/common/img/top/bg_topguidewrap02_sp.png");
	}
	.topdptwrap03 {
		background-image: url("/educate/secu/common/img/top/bg_topguidewrap03_sp.png");
	}
	.topdptwrap04 {
		background-image: url("/educate/secu/common/img/top/bg_topguidewrap04_sp.png");
	}
	.topdepartmentwrap p {
		font-size: 12px;
		padding-bottom: 40px;
        max-width: 70%;
	}
	.topdptbox {
		display: flex;
		flex-wrap: wrap;
	}
	.topdptbox > * {
		width: 100%;
	}
	.topdptbox > h3 {
		text-align: center;
	}
	.topdptbox > h3 span {
		display: inline-block;
		text-align: left;
	}
	.topdptbox > ul {
		-webkit-box-ordinal-group: 4;
		-ms-flex-order: 3;
		order: 3;
		margin-top: 30px;
		text-align: center;
	}
	.topcampusbox {
		display: block;
	}
	.topcampusbox dt h3 {
		font-size: 120%;
		padding: 15px 0;
	}
	.topcampusbox li a {
		font-size: 100%;
	}
	.topnbnr02wrap {
		padding: 40px 0;
	}
	.topnbnr02wrap ul {
		display: block;
	}
/*全体レイアウト
------------------------------------------------*/
	.title01 h2 {font-size: 190%;}



/*フッター
------------------------------------------------*/

	.footerright,.footmenu,.copyrightwrap ul {
		display: none;
	}
	.footer {
		display: block;
		border-bottom: none;
		margin-bottom: 0;
	}
	.footer .logo {
		text-align: center;
		padding-bottom: 20px;
	}
	.footSp {
		display: flex;
	}
	.footSp li {
		width: 50%;
		text-align: center;
	}
	.copyrightwrap {
		padding: 10px 0;
	}
/*コンテンツ
------------------------------------------------*/
.pagetitle{
    width: 100%;
    height: 100px;
}
.pagetitlewrap:after {
    display: none;
}
.pagetitle h2{
    font-size: 150%;
    font-size: 140%;
}

.overviewbox{
    padding: 30px 0;
}
.overviewbox h3{
    padding:0 0 30px 0;
    font-size: 140%;
}
.overviewbox p{
    text-align: left;
}


/**学部長挨拶**/
.deanbox{
    padding: 30px 0;
}
.deanbox dl{
   display: block;
}
.deanbox dt{
    margin: 0 auto 20px auto;
    width: 60%;
}
.deanbox dd p{
    padding: 0 0 10px 0;
}
.deanbox dd h3{
    padding: 0 0 20px 0;
}
.deanprofile{
    padding: 10px;
}


.messagewrap{
    padding: 30px 0;
}
.messagewrap h3{
    font-size: 130%;
    margin: 0 0 30px 0;
}
.messagebox{
    padding: 20px;
}




/**工学部の特長**/
.outlinebox{
    padding: 30px 0;
}
.outlinebox dl{
    padding: 20px;
   
}
.outlinebox dt{
    width: 40%;
    margin:0px auto 10px auto;
    margin-top:-60px;
}




.featurewrap01,
.featurewrap02,
.featurewrap03,
.featurewrap04{
    background: url("/educate/secu/common/img/mechanical/top/study_bg01.png");
    position: relative;
    margin: 0 0 40px 0;
}

.featurewrap01:after,
.featurewrap02:after,
.featurewrap03:after,
.featurewrap04:after{
    display: none;
}

.featurebox{
    display: block;
}

.featuretitle{
    background: url("/educate/secu/common/img/feature/bg_featurewrap01.png") no-repeat top center;
    background-size: cover;
    padding: 30px 0;
    margin: 0 -20px;
}
.featurewrap02 .featuretitle{
    background: url("/educate/secu/common/img/feature/bg_featurewrap02.png") no-repeat top center;
    background-size: cover;
}
.featurewrap03 .featuretitle{
    background: url("/educate/secu/common/img/feature/bg_featurewrap03.png") no-repeat top center;
    background-size: cover;
}
.featurewrap04 .featuretitle{
    background: url("/educate/secu/common/img/feature/bg_featurewrap04.png") no-repeat top center;
    background-size: cover;
}

.featurecont{
    padding: 0px 0;
}

.featurecont dl{
    display: block;
}
.featurecont dt{
    padding: 0 0 20px;
}

.featurecont h4{
    font-size: 140%;
    text-align: center;
}

.featurecont p{
    font-size: 90%;
}

.careersupportwrap{
    padding: 30px 0;
}

.careersupportbox{
    display: block;
    padding:0 0 30px 0;
}
.careersupportbox dl{
   margin:0px 0 10px 0;
   padding: 20px 20px;
}

.btn02 a{
    display: block;
    color: #fff;
    font-size: 140%;
    font-weight: 800;
    padding: 15px 0px;
    border: 2px solid #fff;
    border-radius: 99px;
}


















/*進学?就職状況**/
.resultmenu p{
    padding: 20px 0 30px 0;
}
.itemtab {
    display: flex;
    justify-content: space-between;
}

.itemtab a{
    flex-basis: 48%;
    padding: 10px 0;
    border-radius: 10px 10px 0 0;
    font-size: 85%;
}

.resultwrap{
    padding: 0 0 30px 0;
}
.resultbox{
    padding: 0 10px 20px 10px;
}
.resultbox h3{
    font-size: 150%;
    padding: 30px 0;
    margin: 0 -10px;
}

.resultbox table{
    width: 100%;
    margin: 0 auto 10px auto;
}
.resultbox th,
.resultbox td{
    padding: 10px 0;
    display: block;
    width: auto;
}


.resultbox td{  
     word-break:break-all;
     word-wrap:break-word;
}



/*設備?環境**/
.facilitieswrap{
    padding: 30px 0;
}
.facilitiescap{
    padding: 0 0 20px 0;
    text-align: center;
}

.facilitiesbox {
    display: block;

}
.facilitiesbox dl{
    width: 100%;
    margin: 0 auto 30px auto;
}




/*利记体育***/
.campusguidewrap{
    padding: 40px 0;
}
.campusguidebox dl{
    display: block;
    margin: 0 0 30px 0;
}

.campusguidebox dd{
    padding: 20px;
}
.campusguidebox  h3{
    font-size: 130%;
}

.cgphoto{
    margin: 0 auto;
}

.btn01 a{
    display: block;
    padding: 20px 0px;

}

.campusdptwrap{
    padding: 40px 0;
}

.campusdptbox ul{
    display: block;
    margin: 0 0 30px 0;
}
.campusdptbox li{
    margin: 0 0 10px 0;
}
.accesswrap{
    padding: 40px 0;
}
.accessbox{
    margin: 0 auto 30px auto;
}
.accessbox dl{
    display: block;
    padding: 20px;
}
.accessbox dt{
    margin: 0 0 20px 0;
}

.accessbox dd li{
    display: block;
    padding: 10px 30px;
    margin: 5px;
    color: #004e8f;
}










/**学部のタイトル***/
.dptpagetitle{
    padding: 20px 0;
}


/**学部のメニュー*/

.departmentmenu dl{
    display: block;
}
.departmentmenu dt{
    background: #00ce66;
    color: #fff;
    padding: 10px;
    font-weight: 800;
    position: relative;
    margin: 0 -20px;
    text-align: center;
}
.departmentmenu dt:after{
    display: none;
}
.departmentmenu ul{
    display: flex;
    margin: 0 0px;
    flex-wrap: wrap;
    padding: 10px 0;
}
.departmentmenu li{
    padding: 5px 1%;
    width: 48%;
    font-size: 80%;
}


/**学部のトップページ*/
.deptcapbox dl{
    padding: 30px 0;
}
.deptcapbox dt{
    font-size: 120%;
    padding: 0 0 10px 0;
}
.deptcapbox dt:after{
    margin: 20px auto;
}

.studyfieldwrap{
    padding: 20px 0 20px 0;
}
.studyfieldwrap .title01{
    padding-bottom: 20px;
}

.studyfieldbox{
    display: flex;
    flex-wrap: wrap;
}
.studyfieldbox dl{
    width: 50%;
}
.electric .studyfieldbox dl{
   padding:0 0px;
}




.deptpointwrap dl{
    position: relative;
    padding: 20px 0 20px 0;
    max-width: 980px;
}
.deptpointwrap .deptpointbox02 dl{
    margin-left: auto;
}
.deptpointwrap dt{
    position: relative;
    width: auto;
    padding: 10px 0;
}
.deptpointwrap .deptpointbox02 dt{
    right: 0;
}

.deptpointwrap dd{
    float: none;
    width: auto;
}
.deptpointwrap .deptpointbox02 dd{
float: none;
}

.deptpointwrap h3 {
    padding: 0 0 10px 0;
}



.step {
        display: block;
    }
    .step li {
        width: 100%;
    }
    .step li:not(:last-of-type) {
        margin-bottom: 15px;
    }
    .step li a {
        padding: 0;
        height: 50px;
        font-size: 18px;
        padding-top: 15px;
    }
        .step li:last-child a{
            padding-bottom: 15px;
        }

    .step li a::after{
        background: none;
        left: 0;
        right: 0;
        top: 99.9%;
        margin: auto;
        transform: none;
        box-shadow: none;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 20px 100px 0 100px;
        border-color: #ffffff transparent transparent transparent;
        transform: scaleX(2);
    }
    
    
   /*.step li a:hover::after,
    #step01 li:first-of-type a::after,
    #step02 li:nth-of-type(2) a::after,
    #step03 li:nth-of-type(3) a::after,
    #step04 li:nth-of-type(4) a::after
    */

.step li a:hover::after,
.step .activemenu a:after{
    background: none;
    border-color: #00ce66 transparent transparent transparent;
}
.electric .step li a:hover::after,
.electric .step .activemenu a:after{
    background: none;
     border-color: #0040ff transparent transparent transparent;
}
.information .step li a:hover::after,
.information .step .activemenu a:after{
    background: none;
     border-color: #52248f transparent transparent transparent;
}
.media .step li a:hover::after,
.media .step .activemenu a:after{
    background: none;
     border-color: #00bdff transparent transparent transparent;
}



.step li:last-child a::after{
  display: none;
}




.deptnavi{
    padding: 40px 0;
}
.deptnavi ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    
}
.deptnavi li{
    width: 48%;
    margin: 0 0 10px 0;
}
.deptnavi a{
    padding: 27% 0;
    font-size: 90%;

}



/**研究テーマ**/
.themewrap{
    padding: 30px 0;
}
.themecase{
    display: block;
    
}
.themebox{
    padding: 20px 20px;
    margin:  0 0 20px 0;
    width: auto;
}


.themelist{
    padding: 20px;
}
.themelist h3{
    font-size: 120%;
    margin-bottom: 20px;
}
.themelist li{
    font-size: 100%;
    padding: 0 0 10px 0;
}



/*卒論テーマの例**/
.examplewrap{
    padding: 30px 0;
}
.examplewrap h2{

    padding: 0 0 30px 0;
}
.examplebox{
    max-width: 880px;
    margin: 0 auto;
}
.examplebox ul{
    
}
.examplebox li{
    text-align: left;
    background: #fff;
    flex-basis: 44%;
    margin: 0 1% 10px 1%;
    padding: 10px 2%  10px 2%;
    
  min-height: 50px;
  position: relative;
  font-size: 80%;
}
.examplebox li:before{
    display: none;
}




/*学部教員紹介***/
.professorwrap{
    padding: 30px 0;
}
.professorbox{
    padding: 20px 20px;
    display: block;
    margin: 0 0 30px 0;
}

.professorprofile{
    padding: 0 5% 20px 5%;
}

.professorprofile p{
    padding: 0 0 10px 0;
}
.professorprofile img{
    max-width: 60%;
    display: block;
    margin: 0 auto;
}
.professorprofile h2{
    text-align: center;
}

.professorcont dl{
    display: block;
    margin: 0 0 20px 0;
}
.professorcont dt{
   padding: 0 0 20px 0;
}
.professorcont dd{
    flex-basis: 35%;
}
.professorcont dd p{
    padding: 5px 0;
}

.professorcate dl{
    display: block;
    align-items: flex-start;
    padding: 10px 0;
    font-size: 90%;
}
.professorcate dt{
     margin: 0 0 20px 0;
     text-align: center;
}
.professorcate dt:after{
display: none;
}
.professorcate dd li{
    display: inline-block;
    background: #afefcf;
    border-radius: 99px;
    padding: 5px 10px;
    font-weight:800;
    margin: 0 0 10px;
}

.professorcase h2{
    text-align: left;
}







/*お問い合わせ**/
.contactwrap{
    padding: 30px 0;
}
.contactcampus{
    display: block;
}




.contactmail dl{
    display: block;
    justify-content: center;
    align-items: center;
    padding: 10px;
    line-height: 180%;
    text-align: center
}
.contactmail dt{
    font-size: 140%;
    padding: 10px 0px;
}



















/*フォーム*/
.formbox{
padding: 20px 20px 20px 10px;
margin: 0 0 50px 0;
}

.formbox table{
	border-collapse:collapse;
	width:100%;
	text-align: left;
	margin: 0 0 20px 0;
}
.formbox td,
.formbox th{
	display: block;
	padding: 5px;
}

.formbox th {
width: 100%;
}


.table01{
	width:100%;
}
.table01 td,
.table01 th{
	padding:5px;
	
}
input, textarea {
    padding: 5px 5%;
	width: 90%;
}
.zip{
	width:30%;
}

.linkbtn01,
.linkbtn02{
display: block;
font-size: 110%;
width: 80%;
margin: 0 auto 10px auto;
}

.sizebox dl{
	width: 100%;
	padding: 0 0 30px 0;
}


.pageset li a{
color: #fff;
display: block;
padding: 2px 5px;
font-size: 80%;
}







/*フッター
------------------------------------------------*/






.onlypc{
	display:none;
}
.onlysp{
	display: block;
}



.spblock{
	display: block;
}

}




/*ieのみ*/
@media all and (-ms-high-contrast: none) {
.gnavi a{
    padding-top: 22px;
    padding-bottom: 18px;
   }
.btn02 a{
    padding-top: 22px;
 }

.morebtn a,
.topdepartmentwrap a,
.topcampusbox li a,
.departmentmenu dt,
.departmentmenu li{
padding-top: 15px;
}
.deptpointwrap h3 span,
.contactcampus dt li,
.professorprofile h3,
.professorcate dd li{
padding-top: 10px;
}
.professorcate dt{
    padding-bottom: 3px;
}
.professorprofile li{
padding-top: 6px;
}

.curtable {
    border-collapse:separate; 
}

.facilitiesbox h3:after{
    display: none;
}



}