@charset "utf-8";
/* CSS Document */


/*********背景画像*********/
body{
	background:#d9dee1 no-repeat 50% 0;
	background-size:cover;
	background-attachment:fixed;
}

body#about{background-image:url(../img/common/bg_windfarm.jpg);}
body#affiliation{background-image:url(../img/common/bg_windfarm.jpg);}
body#objectives{background-image:url(../img/common/bg_windfarm.jpg);}
body#policy{background-image:url(../img/common/bg_nuclear.jpg);}
body#staff{background-image:url(../img/common/bg_solarpanel.jpg);}
body#job{background-image:url(../img/common/bg_geothermal.jpg);}
body#news{background-image:url(../img/common/bg_wind_turbines.jpg);}
body#application{background-image:url(../img/common/bg_kurobedam.jpg);}
body#meeting{background-image:url(../img/common/bg_kurobedam.jpg);}
body#internalEvent{background-image:url(../img/common/bg_kurobedam.jpg);}
body#sitemap{background-image:url(../img/common/bg_wind_turbines.jpg);}
body#employment{background-image:url(../img/common/bg_sun.jpg);}

#photoCC{
	position:absolute;
	bottom:5px;
	right:0;
}
/*********／背景画像*********/

/*********サイドナビカレント*********/
#about #sideNav #sideAbout,
#affiliation #sideNav #sideAffiliation,
#objectives #sideNav #sideObjectives,
#policy #sideNav #sidePolicy, 
#staff #sideNav #sideStaff, 
#job #sideNav #sideJob, 
#dept #sideNav #sideDept, 
#video #sideNav #sideVideo, 
#link #sideNav #sideLink, 
#application #sideNav #sideApplication, 
#employment #sideNav #sideEmployment, 
#meeting #sideNav #sideMeeting{
	background-color:#51aa86;
	color:#ffffff;
}

#about #sideNav #sideAbout::before,
#affiliation #sideNav #sideAffiliation::before,
#objectives #sideNav #sideObjectives::before, 
#policy #sideNav #sidePolicy::before, 
#staff #sideNav #sideStaff::before, 
#job #sideNav #sideJob::before, 
#dept #sideNav #sideDept::before, 
#video #sideNav #sideVideo::before, 
#link #sideNav #sideLink::before, 
#application #sideNav #sideApplication::before, 
#meeting #sideNav #sideMeeting::before{
	border-color:#ffffff;
}
/*********／サイドナビカレント*********/






/*********エネルギーコースとは*********/
#about .table01 td{
	background-color:#efefef;
	font-weight:500;
	color:#727272;
}
#about .table01 td:first-of-type{
	padding-left:1em;
	background-color:#d7f1e6;
	vertical-align:middle;
	color:#51aa86;
}

/*********／エネルギーコースとは*********/


/*********エネルギーコースへの所属について*********/
#tableAff01 tr td:first-of-type{
	text-align:center;
	vertical-align:middle;
}
#tableAff01 td{
	vertical-align:middle;
}
#affiliation table span{
	display:block;
	width:4.375em;
	height:1.625em;
	margin-left:auto;
	margin-right:auto;
	border-radius:0.8125em;
	color:#646464;
	text-align:center;
	line-height:1.625em;
	font-weight:500;
}
table span.genus1{background-color:#f2b3ad;}
table span.genus2{background-color:#eecea7;}
table span.genus3{background-color:#f3e9af;}
table span.genus4{background-color:#d7f1e6;}
table span.genus5{background-color:#b7dce9;}
table span.genus6{background-color:#a4c6e9;}
table span.genus7{background-color:#e5d1f4;}
#tableAff01 tr th:nth-of-type(2){
	white-space:nowrap;
}

#affiliation .table02{
	font-size:75%;
}
/*#affiliation .table02 tr:last-of-type td{
	vertical-align:top;
	text-align:left;
	font-size:91.66%;
}
#affiliation .table02 tr:first-of-type th{
	padding:0.2em 0;
}
*/
#affiliation .redBtn.btnC{
	width: 40%;
	margin: 0 auto;
}
#affiliation .redBtn.btnC a{
	padding-right:12%;
	font-size:16px;
}
#affiliation .redBtn.btnC .iconClone2{
	top:37%;
}
/*********／エネルギーコースへの所属について*********/

/*********将来性・特色etc*********/
#degree h4{
	padding-left:1.875em;
	font-size:100%;
	font-weight:500;
	color:#434343;
}
#degree h4::before{
	content:none;
}
.requirement a{
	position:relative;
	display:block;
	width:100%;
	height:3.157em;
	margin-top:3em;
	margin-bottom:2.5em;
	border:solid 1px #51aa86;
	border-radius:1.578em;
	background-color:#ffffff;
	text-align:center;
	font-size:118.75%;
	line-height:3.157em;
	color:#51aa86;
	font-weight:700;
}
.requirement a::after{
	content:"";
	position:absolute;
	display:block;
	width:0.63em;
	height:0.63em;
	top:1.2em;
	right:3em;
	border-top: 1px solid #51aa86;
	border-right: 1px solid #51aa86;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.requirement a:hover{
	background-color:#51aa86;
	color:#ffffff;
}
.requirement a:hover::after{
	border-color:#ffffff;
}
/*********／将来性・特色etc*********/
/*********学生の声*********/
#job .ulGreCir li{
	color:#51aa86;
	font-weight:500;
	font-size:18px;
}
#job h4.bgGreen span{
	position: absolute;
	right: 0.5em;
	font-weight: inherit;
	font-size: inherit;
}
#job h4.bgGreen span.textS{
	font-size: 70%;
}
/*********／学生の声*********/

/*********ニュース*********/
#news #main a{
	color:#51aa86;
}
#news #main a:hover{
	text-decoration:underline;
}
#news #main section{
	overflow:hidden;
}
#news #main img{
	width:auto;
}
.newsList{
	padding:0.5em 0;
	border-bottom:dotted 1px #51aa86;
}
.newsList .date{
	width:18%;
	font-size:18px;
	line-height:1.33em;
	padding-left:0.5em;
	color:#064646;
}
.newsList .iconE, 
.newsList .iconN{
	width:13%;
	height:1.71em;
	font-size:14px;
	color:#ffffff;
	text-align:center;
	line-height:1.71em;
}
.newsList .iconE{
	background-color:#b8b8b8;
}
.newsList .iconN{
	background-color:#51aa86;
}
.newsList .titleLink{
	width:69%;
	position:relative;
	padding-left:2em;
	font-size:16px;
	line-height:1.5em;
}
.newsList .titleLink::before{
	content:"";
	position:absolute;
	display:block;
	left:1em;
	top:0.5em;
	width:0.3em;
	height:0.3em;
	border-top:solid 1px #51aa86;
	border-right:solid 1px #51aa86;
	transform:rotate(45deg);
}
.newsList .listHead{
	width:15%;
	font-size:18px;
	line-height:1.33em;
	font-weight:500;
	padding-left:0.5em;
	color:#51aa86;
}
.newsList .listHead.w100p{
	width:100%;
}
.newsList .listItem01{
	position:relative;
	width:85%;
	padding-left:2em;
	font-size:16px;
	line-height:1.5em;
}
.newsList .listItem01::before{
	content:"";
	position:absolute;
	display:block;
	left:1em;
	top:0.5em;
	width:0.3em;
	height:0.3em;
	border-top:solid 1px #51aa86;
	border-right:solid 1px #51aa86;
	transform:rotate(45deg);
}
#main .newsList p{
	margin:0;
	line-height:inherit;
}
.rectangleB{
	width:100%;
	padding:1em 2em;
	border:solid 1px #000000;
	background-color:#ffffff;
}
.rectangleB .rectangleHead{
	width:20%;
}
.rectangleB .rectangleItem{
	width:80%;
	position:relative;
	padding-left:2em;
}
.rectangleB .rectangleItem::before{
	content:"";
	position:absolute;
	display:block;
	left:1em;
	top:0.5em;
	width:0.3em;
	height:0.3em;
	border-top:solid 1px #000000;
	border-right:solid 1px #000000;
	transform:rotate(45deg);
}
/*********／ニュース*********/

/*********カリキュラム*********/
.tnList{
	width:100%;
	padding-bottom:3.24%;
	overflow:hidden;
	border-bottom:dotted 1px #646464;
}
.tnList li{
	position:relative;
	float:left;
	width:48.38%;
	margin-right:3.24%;
	margin-bottom:3.24%;
	border:solid 1px #b8b8b8;
}
.tnList li:nth-of-type(even){
	margin-right:0;
}
.tnList .tn{
	cursor:pointer;
}
.iconPlus{
	position:absolute;
	left:0.5em;
	bottom:0.5em;
	display:block;
	width:18px;
	height:18px;
	border:solid 1px #646464;
	border-radius:9px;
}
.iconPlus::before{
	content:"";
	position:absolute;
	left:3px;
	top:7px;
	display:block;
	width:10px;
	height:auto;
	border-top:solid 2px #646464;
}
.iconPlus::after{
	content:"";
	position:absolute;
	left:7px;
	top:3px;
	display:block;
	width:auto;
	height:10px;
	border-left:solid 2px #646464;
}
.tnList li:hover, 
.tnList li:hover .iconPlus, 
.tnList li:hover .iconPlus::before, 
.tnList li:hover .iconPlus::after{
	border-color:#51aa86;
}
.modal{
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.65);
	z-index:1000;
}
.modal .image{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	max-width:90%;
	max-height:80%;
	z-index:2;
}
.modal .image img{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	max-width:100%;
	max-height:100%;
	width:auto;
	margin:auto;
}
.modal .iconClose{
	position:absolute;
	top:-1em;
	right:0;
	font-size:300%;
	cursor:pointer;
	color:#aaaaaa;
}
.modal .iconClose:hover{
	color:#ffffff;
}
.modal .close{
	position:absolute;
	width:100%;
	height:100%;
	cursor:pointer;
	z-index:1;
}

#policy .btnList{
	width:92%;
	margin-left:auto;
	margin-right:auto;
}
#policy .btnList li{
	float:left;
	width:43%;
	margin-right:14%;
}
#policy .btnList li:nth-of-type(even){
	margin-right:0;
}
#policy .btnList .redBtn.lh12 a{
	line-height:120%;
}
#policy .btnList .redBtn.fs14 a{
	font-size:14px;
	line-height:140%;
}
/*********／カリキュラム*********/




/*********website map*********/
.map01.r{
	min-width: 35%;
	margin-right:10%;
}
.map01 a{
	color:#646464;
}
.map01 a:hover{
	color:#51aa86;
	text-decoration:underline;
}
.map01 > li > a, .map01 > li > p{
	color:#646464;
	font-weight:700;
}
.map01 > li ul a{
	font-weight:500;
}
.map01 > li{
	position:relative;
	margin-bottom:2.5em;
	padding-left:2.8em;
}
.map01 > li::before{
	content:"";
	position:absolute;
	top:0.2em;
	left:1.25em;
	display:block;
	width:1.25em;
	height:1.25em;
	border-radius:0.625em;
	border:solid 1px #51aa86;
	box-sizing:border-box;
}
.map01 > li::after{
	content:"";
	position:absolute;
	display:block;
	width:0.4em;
	height:0.4em;
	top:0.55em;
	left:1.55em;
	border-top: 2px solid #51aa86;
	border-right: 2px solid #51aa86;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.map01 > li > ul{
	margin-top:1em;
}

.map01 > li > ul > li{
	position:relative;
	padding-left:1em;
	font-size:87.5%;
}
.map01 > li > ul > li::before{
	content:"";
	position:absolute;
	display:block;
	width:0.4em;
	height:0.4em;
	top:0.7em;
	left:0;
	border-top:1px solid #51aa86;
	border-right:1px solid #51aa86;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.map01 > li > ul > li > ul > li{
	position:relative;
	padding-left:1em;
}
.map01 > li > ul > li > ul > li::before{
	content:"";
	position:absolute;
	top:0.8em;
	left:0;
	display:block;
	width:0.5em;
	height:0.5em;
	border-radius:0.25em;
	border:solid 1px #51aa86;
	box-sizing:border-box;
}
/*********／website map*********/
/*********ビデオ*********/
#video .ytWrap{
	margin:0 0.5em 5em;
}
#video .ytWrap:last-of-type{
	margin-bottom:0;
}
#video .ytWrap iframe{
	width:100%;
	height:16.9875em;
}
/*********／ビデオ*********/
/*********リンク集*********/
#link article{
	margin-bottom:48px;
}
#link article h3{
	margin-bottom:0.625em;
	padding-left:1.875em;
	font-size:16px;
	font-weight:normal;
	line-height:1.25;
}
#link article h3::before{
	top:0.05em;
	width:1.25em;
	height:1.25em;
	background:none;
	border-radius:50%;
	border:solid 1px #51aa86;
	box-sizing:border-box;
}
#link article h3::after{
	width:0.4em;
	height:0.4em;
	top:0.4em;
	left:0.25em;
	background:none;
	border-top: 2px solid #51aa86;
	border-right: 2px solid #51aa86;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
#link article a{
	position:relative;
	color:#646464;
}
#link article a span{ 
	position:relative;
	padding-right:1.125em;
}
#link article a span::before, 
#link article a span::after{
	content:'';
	position:absolute;
	display:block;
	width:0.5em;
	height:0.5em;
	box-sizing:border-box;
}
#link article a span::before{
	top:0.5em;
	right:0;
	background-color:#636363;
}
#link article a span::after{
	top:0.6875em;
	right:0.1875em;
	border-left:solid 2px #636363;
	border-bottom:solid 2px #636363;
}
#link article a:hover{
	color:#51aa86;
	text-decoration:underline;
}
#link article a:hover span::before{
	background-color:#51aa86;
}
#link article a:hover span::after{
	border-left:solid 2px #51aa86;
	border-bottom:solid 2px #51aa86;
}

#link article p{
	font-size:14px;
	line-height:2.14;
}
/*********／リンク集*********/
/*********研究室紹介*********/
#dept .flex{
	-webkit-flex-wrap:wrap; flex-wrap:wrap;
}
#dept .flex article{
	width:48.38705%;
	margin-bottom:20px;
}
#dept .flex article a > div{
	border:solid 1px #b8b8b8;
}
#dept .flex article a{
	display:block;
	width:100%;
	height:100%;
}
#dept .flex article a:hover{
	opacity:0.6;
}
/****各研究室****/
.deptSecond #main{
	padding-top:0;
	font-size:20px;
}
.deptSecond #deptNavi{
	display:-webkit-flex; display:flex;
	-webkit-flex-wrap:wrap; flex-wrap:wrap;
	margin-bottom:0.5em;
	padding:0.7em 1.6em 0.9em 4em;
	border:solid 4px #51aa86;
}
.deptSecond #deptNavi li{
	position:relative;
	width:20%;
	line-height:2em;
}
.deptSecond #deptNavi li::before{
	content:'';
	position:absolute;
	top:0.6em;
	left:0;
	display:block;
	width:0.9em;
	height:0.9em;
	background:none;
	border-radius:50%;
	border:solid 1px #51aa86;
	box-sizing:border-box;
}
.deptSecond #deptNavi li::after{
	content:'';
	position:absolute;
	top:0.9em;
	left:0.25em;
	display:block;
	width:0.3em;
	height:0.3em;
	background:none;
	border-top:0.1em solid #51aa86;
	border-right:0.1em solid #51aa86;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	box-sizing:border-box;
}
.deptSecond #deptNavi a{
	position:relative;
	z-index:1;
	display:block;
	padding-left:1.3em;
	font-size:80%;
	font-weight:bold;
	color:#51aa86;
}
.deptSecond #deptNavi a:hover{
	text-decoration:underline;
}
.deptSecond .tabContents{
	padding-top:0.5em;
	overflow:hidden;
}
.deptSecond #container h3.bgGreen{
	padding-left:1.5555em;
}
.deptSecond #container h3.bgGreen::after{
	content:none;
}
.deptSecond #container h4{
	display:inline-block;
	height:1.875em;
	margin-bottom:0.625em;
	padding:0 1.5em;
	background-color:#51aa86;
	font-size:80%;
	font-weight:bold;
	line-height:1.875;
	color:#ffffff;
}
.deptSecond #container h4::before{
	content:none;
}
.deptSecond .tabContents > article{
	display:-webkit-flex; display:flex;
	-webkit-flex-wrap:wrap; flex-wrap:wrap;
	-webkit-justify-content:space-between; justify-content:space-between;
	padding-bottom:2.5em;
}
.deptSecond #container h5{
	position:relative;
	margin-bottom:1em;
	padding-left:0.4em;
	font-size:120%;
	font-weight:500;
	line-height:1.6666em;
	color:#51aa86;
}
.deptSecond #container h5::before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:0.2083em;
	height:1.6666em;
	background-color:#b8b8b8;
}
.deptSecond #container h5::after{
	content:"";
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:0.2083em;
	height:0.4166em;
	background-color:#4b8f73;
}
.deptSecond ul.btn{
	display:-webkit-flex; display:flex;
	-webkit-justify-content:space-between; justify-content:space-between;
}
.deptSecond ul.btn li{
	display:table;
	padding:0 0.25em;
}
.deptSecond ul.btn li a{
	position:relative;
	display:table-cell;
	height:3.3333em;
	padding:0 1.6666em 0 3em;
	background-color:#ffffff;
	border:solid 1px #51aa86;
	border-left-width:6px;
	font-size:0.6em;
	line-height:1.3;
	vertical-align:middle;
	color:#51aa86;
}
.deptSecond ul.btn li a span{ 
	position:absolute;
	top:1.5em;
	left:1.5em;
	display:block;
	width:0.6666em;
	height:0.6666em;
	background-color:#51aa86;
}
.deptSecond ul.btn li.link02 a span{
	top:0.8em; 
}
.deptSecond ul.btn li a span::after{
	content:'';
	position:absolute;
	top:-0.3333em;
	left:0.1666em;
	display:block;
	width:0.8333em;
	height:0.8333em;
	background-color:#51aa86;
	border:solid 1px #ffffff;
	box-sizing:border-box;
}
.deptSecond ul.btn li a:hover{
	opacity:0.7;
}
.deptSecond .tabContents > article dl{
	display:-webkit-flex; display:flex;
	width:100%;
	margin-bottom:0.75em;
}
.deptSecond .tabContents > article dt{
	position:relative;
	font-size:0.8em;
	font-weight:bold;
	white-space:nowrap;
	color:#51aa86;
}
.deptSecond .tabContents > article dt::after{
	content:'：';
}
.deptSecond .tabContents > article dd{
	font-size:0.8em;
}
.deptSecond .goTop{
	margin-top:0;
	font-size:0.6em;
}
/****／各研究室****/
/*********／研究室紹介*********/

@media print, screen and (max-width: 999px){
.map01{
	float:none;
}
#job .ulGreCir li, 
.newsList .date, 
.newsList .listHead{
	font-size:1.8vw;
}
.newsList .iconE, 
.newsList .iconN, 
#policy .btnList .redBtn.fs14 a{
	font-size:1.4vw;
}
.newsList .titleLink, 
.newsList .listItem01{
	font-size:1.6vw;
}
#dept .flex article h4{
	font-size:1.6vw;
}
.deptSecond #main{
	font-size:2vw;
}
#affiliation .redBtn.btnC a{
	font-size:1.6vw;
}
}