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

    初期設定

=================================== */
/* 非表示 */
.sp-nodisplay {
	display: none !important;
}
#langBar,
#h1,
#gNav,
#page-top,
#cmnArea01,
#cmnArea02,
.footLink {
	display: none !important;
}
/* 表示 */
.nodisplay {
	display: block !important;
}

img { max-width: 100%; height: auto;}
img.nofit { width: auto !important;}

/* 220805_PC/SP表示切り替え用CSS */
.pc_block {
	display: none !important;
}
.pc_inline {
	display: none !important;
}
.sp_block {
	display: block !important;
}
.sp_inline {
	display: inline-block !important;
}

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

    STRUCTURE

=================================== */
body {
	min-width: 100%;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-o-text-size-adjust: 100%;
	text-size-adjust: 100%;
}
.wrapper {
	width: 100%;
	margin: 0px auto;
}
#pgBody {
	padding: 0px;
}
#main {
	width: 96%;
	float: none;
	margin: 0px auto;
	overflow: visible;
}
#sideBar {
	width: 100%;
	float: none;
	margin: 0px auto;
}

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

    HEADER_221202修正

=================================== */
#header {
	padding: 10px;
}
.logo img {
	max-height: 40px;
}

.headerTools {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}
.hNav,
#fontSize {
	display: none;
}

.menuBtn {
	background: #007110;
	padding: 10px;
	margin-left: 10px;
}
.menuBtn.active {
	background: #606060;
}
.menuBtn img,
.langBtn img {
	width: 18px;
	min-width: 14px;
}

.langSwitch {
	position: relative;
}
.langBtn {
	background: #000;
	color: #FFF;
	padding: 10px;
	margin-left: 10px;
}
.langMenu {
	background: rgba(0,0,0,.8);
	box-shadow: 0 4px 8px rgba(0,0,0,0.5);
	padding: 10px 15px 15px 15px;
	margin-top: 5px;
	position: absolute;
	top: 100%;
	right: 0;
	z-index: 10;
	display: none;
}
.langList {
	text-align: center;
}
.langList li {
	border-bottom: 1px solid #8f8f8f;
	font-size: 12px;
}
.langList li a {
	display: block;
	padding: 5px 0;
	color: #FFF;
}

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

    TOGGLENAV

=================================== */
#toggleNav { }
	#toggleNav ul { border-bottom: 1px solid #D9D8D3;}
	#toggleNav li {
		float: left;
		text-align: center;
		background: none;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		border-right: 1px solid #D9D8D3;
		border-top: 1px solid #D9D8D3;
		width: 50%;
	}
	#toggleNav li:nth-child(2n) { border-right: none;}
	#toggleNav li a { color: #000000; text-decoration: none; outline: none; padding: 10px 0px; display: block;}
	#toggleNav li a:hover { color: #000000; text-decoration: none; background: none;}

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

    MV

=================================== */
#mv {
	/*border-top: 10px solid #007110;*/
}


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

    FOOTER_SP

=================================== */
#page-topsp {
	background: #000;
	margin: 2%;
	text-align: center;
}
	#page-topsp a { color: #fff; text-decoration: none; outline: none; padding: 10px 0px; display: block;}
	#page-topsp a:hover { color: #fff; text-decoration: none;}

#spFooter {
	padding: 5px 2%;
	text-align: center;
}

#fNav{ color: #FFF;}
	#fNav .switchArea {
		height: 39px;
		position: relative;
	}
		#fNav .switchArea .btn {
			background: #007110 url(../img/arw_fswitch.png) no-repeat right center;
			-webkit-background-size: 15px 8px;
			background-size: 15px 8px;
			border-top: 1px solid #0a4106;
			border-left: 1px solid #0a4106;
			border-right: 1px solid #0a4106;
			position: absolute;
			left: 10px;
			top: 2px;
			padding: 8px 20px 8px 8px;
		}
		#fNav .switchArea .btn.active {
			background: #007110 url(../img/arw_fswitch_on.png) no-repeat right center;
			-webkit-background-size: 15px 8px;
			background-size: 15px 8px;
			border-top: 1px solid #0a4106;
			border-left: 1px solid #0a4106;
			border-right: 1px solid #0a4106;
			position: absolute;
			left: 10px;
			top: 2px;
			padding: 8px 20px 8px 8px;
		}
	#fNav .Inner {
		background-color: #007110;
		border-top: 1px solid #0a4106;
		padding: 0 2% 2%;
	}
	#fNav .navBox { display: none;}
	#fNav .navList {
		border-bottom: 1px solid #128c23;
	}
	#fNav .navList li {
		border-bottom: 1px solid #0a4106;
		border-top: 1px solid #128c23;
	}
		#fNav .navList li a {
			color: #FFFFFF;
			display: block;
			padding: 10px 5px;
		}
		#fNav .navList li:first-child { border-top: none;}

#copy {
	padding: 10px 0px;
	font-size: 10px;
	text-align: center;
}



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

    SIDEBAR

=================================== */
#sideBar .sNav {
	width: 96%;
	margin: 0px auto 10px auto;
}
	#sideBar .sNav h3 a { padding: 2% 2% 2% 20px;}
	#sideBar .sNav ul li { border-top: 1px solid #CDCCCC;}
	#sideBar .sNav ul li:first-child { border-top: none;}
	#sideBar .sNav ul.cld li { border-top: 1px dotted #CDCCCC;}
	#sideBar .sNav ul.cld li a { background: url(../img/arws_gr01.gif) no-repeat left 15px; padding: 10px 0px 10px 10px;}

	#sideBar .sBnr { margin-left: 1%;}
	#sideBar .sBnr li {
		float: left;
		width: 48%;
		margin: 0px 0px 1% 1%;
		padding-bottom: 0px;
	}
	#sideBar .sBnr li.wide {
		width: 97%;
	}
	#sideBar .sBnr li img {
		width: 100%;
	}


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

    MAIN

=================================== */
.ctWrap { margin-bottom: 30px;}
.imgR { float: none; width: 70%; margin: 0px auto 10px auto; text-align: center;}
.imgL { float: none; width: 70%; margin: 0px auto 10px auto; text-align: center;}
.txtHdn { overflow: visible;}

.ctBox { }
.ctBox .left01 { float: none; width: 100%; padding: 0px 0px 20px 0px;}
.ctBox .right01 { float: none; width: 100%;}

/* 丸アンカー4つ */
.cclNav01 { padding: 0px 0px 10px 0px;}
.cclNav01 li { float: left; width: 23%; padding-left: 0px; margin: 0px 1%;}

/* 丸アンカー3つ */
.cclNav02 { padding: 0px 0px 10px 0px;}
.cclNav02 li { float: left; width: 31%; padding-left: 0px; margin: 0px 1%;}

/* -----------------------

    トップページ

----------------------- */
#topBody .block .wrapper {
	width: 94%;
}
#topBody .topMovie,#topBody .topGuide01,#topBody .topGuide02 {
	width: 100%;
}
	#topBody .block .Outer {
		width: 100%;
	}

/* 20211217_追加_ここから */
/* 動画紹介エリア */
.topMovie { }
	.topMovie li {
		width: 49%;
		padding: 0 0 2% 0;
	}
	.topMovie li:nth-child(even){
		padding: 0 0 2% 2%;
	}
	.topMovie .thm { padding-bottom: 2%;}

/* 220805_追加 */
.topIntroductionBnr {
	padding: 20px 0 10px 0;
}

/* 新着情報 */
.topNews2 {
	padding: 1%;
	width: 98%;
}
.topNews2 .wtArea {
	padding: 10px;
	height: auto;
}
	.topNews2 .boxBody { height: auto;}
		.topNews2 .boxBody li .exc { display: none;}
/* 20211217_追加_ここまで */

/* コース紹介 */
.topGuide01 { }
	.topGuide01 li {
		float: none;
		width: 100%;
		padding: 0px 0px 20px 0px;
	}
	.topGuide01 .fPink,.topGuide01 .fBlue {
		text-align: center;
		padding-bottom: 0px;
	}
	.topGuide01 .bPink01,.topGuide01 .bBlue01 {
		width: 100%;
	}
	.topGuide01 .thm {
		float: none;
		padding-right: 0px;
		text-align: center;
	}

/* 詳しく知ろう環境科学部 */
.topGuide02 { }
	.topGuide02 li {
		float: none;
		width: 100%;
		padding: 0px 0px 20px 0px;
	}
	.topGuide02 .thm { width: 70%; margin: 0px auto; padding-bottom: 10px;}

/* グレーエリア */
#topBody .gray { padding: 3% 0px;}
.topNews {
	padding: 1%;
    float: none;
    width: 98%;
	margin-bottom: 10px;
}
.topNews .wtArea {
	padding: 10px;
	height: auto;
}
	.topNews .boxBody { height: auto;}
		.topNews .boxBody li .exc { display: none;}

.topBnr { }
.topBnr li {
	float: none;
	width: 100%;
	padding: 0 0 3% 0;
}
.topBnr li:last-child {
	padding: 0;
}
.topBnr li img { width: 100%;}

/* MV */
.mv_bnr{
	display: block;
	width: 100%;
	margin: 0 0 1% 0;
}
/* -----------------------

    ハブページ

----------------------- */
#spHead {
	border-bottom: 1px solid #ECECEC;
	padding: 10px 0px;
}
	#spHead ul li { float: left; width: 23%; padding-left: 0px; margin: 0px 1%;}
	#spHead ul li:first-child { padding-left: 0px;}

#spBody { }
#spBody .block { padding: 20px 0px 0px 0px;}
#spBody .block .wrapper {
	width: 94%;
}
	#spBody .block .Outer {
		width: 100%;
	}

	/* リスト */
	#spBody .block .spList li { border-bottom: 1px dotted #D9D9D9; float: none; width: 100%; padding: 10px 0px;}
	#spBody .block .spList ul:last-child li:last-child { border-bottom: none;}
	#spBody .block .spList li .thm { float: none; width: 70%; margin: 0px auto; padding-right: 0px; text-align: center;}
	#spBody .block .spList li .txt { overflow: visible;}
	#spBody .block .spList li .txt .ttl { text-align: center; font-size: 18px;}

	/* 先輩コーナー */
	#spBody .block .ogList02 .Outer { width: 100%; padding-left: 0px;}
	#spBody .block .ogList01 li,#spBody .block .ogList02 li { border-bottom: 1px dotted #434343; width: 100%; padding: 10px 0px;}
	#spBody .block .ogList01 li:last-child,#spBody .block .ogList02 li:last-child { border-bottom: none;}
	#spBody .block .ogList01 li .txt,#spBody .block .ogList02 li .txt { font-size: 14px;}

/* 環境政策_薄ピンクエリア */
#spBody .lpink { padding-bottom: 20px;}
#spBody .lpink .thm { width: 40%;}
#spBody .lpink .txt { overflow: visible;}

/* 環境保全_薄ブルーエリア */
#spBody .lblue { padding-bottom: 20px;}
#spBody .lblue .thm { width: 40%;}
#spBody .lblue .txt { overflow: visible;}

/* 環境政策_ピンクエリア */
#spBody .pink .vcArea { padding: 10px; margin-bottom: 20px;}
#spBody .pink .vcArea .thm { width: 30%; padding-left: 10px;}
#spBody .pink .vcArea .txt { overflow: visible;}

/* 環境保全_ブルーエリア */
#spBody .blue .vcArea { padding: 10px; margin-bottom: 20px;}
#spBody .blue .vcArea .thm { width: 30%; padding-left: 10px;}
#spBody .blue .vcArea .txt { overflow: visible;}

/* -----------------------

    第二階層

----------------------- */
#enterBox.Outer {
	width: 100%;
}
	#enterBox .col {
		float: none;
		width: 100%;
		padding: 0px 0px 10px 0px;
		display: table;
		width: 100%;
	}
	#enterBox .col a { border: 1px solid #ececec; padding: 2%;}
	#enterBox .col .thm { width: 20%;}
	#enterBox .col .thm img { width: 100%;}
	#enterBox .col .txt { width: 80%;}
	#enterBox .col h3 {
		font-size: 18px;
	}

/* -----------------------

    新着情報

----------------------- */
.entryBox {
	border-top: none;
	border-bottom: 1px solid #A0A0A0;
	padding: 0px 0px 10px 0px;
	margin-bottom: 20px;
}
	.entryBox .date {
		color: #78A509;
		font-weight: bold;
		font-size: 12px;
	}
	.entryBox .ttl {
		padding: 5px 0px 10px 0px;
		font-size: 18px;
	}

/* -----------------------

    教員紹介

----------------------- */
.profBox01,.profBox02 { padding-top: 0px; display: block;}

/* 一覧ページ */
	.profTbl01 th { padding: 2%; font-size: 14px;}
	.profTbl01 td { padding: 2%;}
	.profTbl01 .name { width: 40%;}
	.profTbl01 .name a { background: none; padding-left: 0px; display: block;}
	.profTbl01 .subject { display: none;}
	.profTbl01 .specialty .sub { display: none;}
	.profTbl01 .icon { display: none;}

	.profTbl02 th { padding: 2%; font-size: 14px;}
	.profTbl02 td { padding: 2%;}
	.profTbl02 .name { width: 40%;}
	.profTbl02 .name a { background: none; padding-left: 0px; display: block;}
	.profTbl02 .subject { display: none;}
	.profTbl02 .specialty .sub { display: none;}
	.profTbl02 .icon { display: none;}

/* 詳細ページ */
.profDtl { padding-bottom: 20px;}
.profDtl .profName { padding-bottom: 10px; font-size: 18px;}

/* -----------------------

    研究室紹介

----------------------- */
.educationBox {
	width: 100%;
}
	.educationBox .Outer {
		width: 100%;
	}
	.educationBox .list div {
		display: table-cell;
		vertical-align: middle;
		margin: 0;
	}
	* html .educationBox .list div {
		display: inline;
		zoom: 1;
	}
	*:first-child+html .educationBox .list div {
		display: inline;
		zoom: 1;
	}
	.educationBox .list {
		border-bottom: 1px solid #ececec;
		float: none;
		width: 100%;
		padding: 0px 0px 10px 0px;
		margin-bottom: 10px;
	}
	.educationBox .list a { }
	.educationBox .list .thm { width: 20%;}
		.educationBox .list .thm img { width: 100%;}
	.educationBox .list .txt { width: 78%; padding-left: 2%;}

/* -----------------------

    05_学部紹介

----------------------- */
/* 国際交流・留学 */
	.overseaList01 li { padding-bottom: 10px;}
	.overseaList01 .thm { width: 20%; padding-right: 2%;}
	.overseaList01 .thm img { width: 100%;}

/* -----------------------

    07_入試情報（2020/09「受験生の皆様へ」に変更）

----------------------- */

/* 2020/09「受験生の皆様へ」に変更の際に一覧ページのスタイルを新調 */
.exam_list{
	margin: 20px 0;
}
#enterBox .exam_list .col{
	float: none;
  width: 100%;
  padding: 0px;
	margin: 2% 0;
  display: table;
  width: 99%;
}
#enterBox .exam_list .col a{
	border: none;
}
#enterBox .exam_list .col_wide{
	float: none;
  width: 100%;
  padding: 0px;
	margin: 10px 0;
  display: table;
  width: 98%;
}
#enterBox .exam_list .col_wide .sample_box_title{
	position: absolute;
	display: inline-block;
	top: -13px;
	left: 10px;
	padding: 0 10px;
	line-height: 1;
	font-size: 1.3em;/*タイトル文字サイズ*/
	background: #ffffff;/*タイトル文字背景色*/
	color: #007110;/*タイトル文字色*/
	font-weight: bold;
}

#enterBox .exam_list .col_wide .txt {
    width: 100%;
}
#enterBox .exam_list .col_wide .txt .font_scale{
	 font-size: 58%;
	 line-height: 1.8;
}
#enterBox .exam_list .col_wide h3 {
  background: none;
  font-weight: bold;
  padding-left: 20px;
  font-size: 140%;
  line-height: 1.3;
	color: #333;
}









/* 環境科学部の特色 */
.featTtl { font-size: 18px;}
.featTtl .thm { width: 20%;}
.featTtl .thm img { width: 100%;}
.featTtl .txt { width: 80%;}
.featTtl h3 { padding-left: 2%; font-weight: bold;}


/* WEB OPENCAMPUS 特設ページ用スタイル */
.wo_heading h2{
	margin: 10px 0;
	font-weight: bold !important;
	font-size: 24px;
	line-height: 1.5;
	text-align: center;
}
.wo_heading h2 .wo_heading_catch{
	font-size: 14px;
	line-height: 2;
}
.wo_sub_heading{
	font-size: 18px;
	margin-bottom: 10px;
}
.wo_sub_heading span{
	font-size: 14px;
}
/* メッセージ */
.message_wrap{
	padding-bottom: 3%;
}
.message_wrap .sh02{
	padding-left: 0;
	font-size: 16px;
	text-align: center;
	padding-bottom: 5px;
	margin-bottom: 10px;
}

/* -----------------------

    08_在学生の皆様へ

----------------------- */
/* 受講案内_教育課程の構成 */
.curriculumBox01 { margin-bottom: 10px;}
.curriculumBox01 .ttl { font-size: 18px;}
.curriculumBox01 .boxBody { padding: 10px; font-size: 16px;}
.curriculumBox02 { margin-bottom: 10px;}
.curriculumBox02 .ttl { font-size: 18px;}
.curriculumBox02 .boxBody { padding: 10px; font-size: 16px;}

/* 就職進学案内_卒業生の進路、就職内定率 */
.provTbl01 { table-layout: fixed; word-wrap: break-word;}
	.provTbl01 td { background: #FFFFFF; padding: 5px;}
	.provTbl01 td.gray { background: #F4F4F4; font-weight: bold; width: 28%; text-align: left;}

/* 学生生活案内_環境科学部生の一日 */
.flowBox01 { padding: 10px;}
.flowBox01 ul .thm { width: 30%; margin: 0px 0px 2% 2%;}
.flowBox01 ul .thm img { width: 100%;}
.flowBox01 ul .txt { overflow: visible;}
.flowBox01 ul .txt .comment { padding-left: 0px;}

.flowBox02 { padding: 10px;}
.flowBox02 ul .thm { width: 30%; margin: 0px 0px 2% 2%;}
.flowBox02 ul .thm img { width: 100%;}
.flowBox02 ul .txt { overflow: visible;}
.flowBox02 ul .txt .comment { padding-left: 0px;}

/* アドミッションポリシー用（選抜方法に関する別表）にスタイル追加 */
	.provTbl02 { table-layout: fixed; word-wrap: break-word; font-size: 12px;}
	.provTbl02 td td { background: #FFFFFF; padding: 5px;}
	.provTbl02 td.gray { background: #F4F4F4; font-weight: bold; width: 28%; text-align: left;}
	}

/* -----------------------

    サイトマップ

----------------------- */
.siteMap {
	width: 96%;
	margin: 0px auto;
}
	.siteMap .Outer {
		width: 100%;
	}
	.siteMap .col {
		float: none;
		width: 100%;
		padding-right: 0px;
	}
	.siteMap .col ul {
		margin-bottom: 20px;
	}
		.siteMap .col li.par {
			margin-bottom: 10px;
		}



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

    CATCH

=================================== */
.catchArea {
	padding-bottom: 10px;
}
	.catchArea .h2 {
		font-size: 26px;
		line-height: 30px;
	}
	.catchArea .h3 {
		font-size: 16px;
		line-height: 22px;
	}


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

    TITLE

=================================== */
#pgTtl {
	/*border-top: 10px solid #007110;*/
	background: none;
	border-bottom: none;
	padding: 4% 2% 1% 2%;
	text-align: left;
	font-weight: bold;
	font-size: 14px;
}
#spTtl {
	/*border-top: 10px solid #007110;*/
	background: #F5F5F5;
	padding: 10px 0px;
	font-size: 26px;
}
	#spTtl .sub {
		font-size: 16px;
	}
.sh00 {
	border-bottom: 1px solid #000000;
	padding-bottom: 4%;
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 24px;
	line-height: 1;
}
.sh01Gr,.sh01Pk,.sh01Bl {
	padding: 2%;
	margin-bottom: 10px;
	font-size: 18px;
}
.sh02 {
	font-size: 18px;
}
.ssh01 {
	font-size: 16px;
}


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

    LIST

=================================== */
	.stripeList li { float: none; width: 100%;}
	.stripeList li:nth-child(even){ background: #FFFFFF;}
	.stripeList li:nth-child(odd){ background: #f5f5f5;}

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

    LINK_TEXT

=================================== */
.pdfLink {
	-webkit-background-size: 22px 22px;
	background-size: 22px 22px;
	padding-left: 30px;
	min-height: 25px;
	height: auto !important;
	height: 25px;
	font-weight: bold;
	font-size: 12px;
	line-height: 18px;
}


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

    BUTTON

=================================== */
.linkBtn { width: 100%; text-align: center;}
	.linkBtn span {
		display: block;
		text-align: center;
	}
	.linkBtn span.left {
		text-indent: 0px;
		display: inline;
	}


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

    COMMON_ELEMENTS

=================================== */
.pd02 { padding-bottom: 10px;}
.pd03 { padding-bottom: 20px;}
.mg03 { margin-bottom: 20px;}
.mg05 { margin-bottom: 20px;}

.empArea01 { padding: 10px;}
.empArea02 { padding: 10px;}
.greenArea01 { padding: 10px;}

.anqPoint {
	padding-top: 10px;
	margin-top: 0;
	display: inline;
}
.noPage {
	padding: 20px 0px;
	text-align: center;
}


/*
.anqPoint { padding-top: 10px;}
.sh {
	background: url(../img/sh_arw.gif) no-repeat left center;
	border-left: 8px solid #FF880A;
	padding: 8px 0px 8px 10px;
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 20px;
	line-height: 24px;
}
	.sh .emp { color: #FF880A;}
.ssh {
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 16px;
	line-height: 24px;
}
.btnArea {
	padding: 10px 0px;
}
*/


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

    FONT

=================================== */
.f20 { font-size: 18px;}
.f24 { font-size: 18px;}


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

    TABLE

=================================== */
.tbl01 {
	padding: 10px;
}
.tbl01 dt {
    float: none;
    margin: 0 0px 0 0;
    padding: 0px;
    width: 100%;
}
.tbl01 dd {
    margin-left: 0px;
    padding: 0px;
}

.tbl02 {
	padding: 10px;
}
.tbl02 dt {
    float: none;
    margin: 0 0px 0 0;
    padding: 0px;
    width: 100%;
}
.tbl02 dd {
    margin-left: 0px;
    padding: 0px;
	text-align: left;
}

.timeTbl01 {
	padding: 10px;
}
.timeTbl01 dt {
    float: none;
    margin: 0 0px 0 0;
    padding: 0px;
    width: 100%;
}
.timeTbl01 dd {
    margin-left: 0px;
    padding: 0px;
}

/* お問い合わせ */
.formTbl01 {
	font-size: 14px;
	line-height: 22px;
	padding: 10px;
}
.formTbl01 dt {
    float: none;
    font-weight: bold;
    margin: 0 0px 0 0;
    padding: 0px;
    width: 100%;
}
.formTbl01 dd {
    margin-left: 0px;
    padding: 5px 0px 0px 0px;
}



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

    FORM

=================================== */
.fTxt00 {
	width: 80%;
}
.fTxt01 {
	width: 80%;
}
.fTxt02 {
	width: 80%;
}
.fTxtarea {
	width: 90%;
	height: 120px;
}
.assist {
	display: block;
}