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

/*-------------------------------------------------------------
 *
 *						layout.css
 *
 *-------------------------------------------------------------*/
	
	/* ---------- ---------- ---------- ---------- ----------
	 *					header
	 * ---------- ---------- ---------- ---------- ---------- */
		
		#headerContents					{ width:240px; position:fixed; top:0; z-index:1000; height: 100%; /*margin: 0 0 0 -98px;*/ /*background-image: url("./../common/bg_gray.png");*/}
		#headerContents::before			{ content: "";  clear: both; display: inline-block; position: absolute; width: 320px; height: 100%; z-index: -1;  background-image: url("./../common/bg_gray.png"); }
		#headerContents > div			{ margin:0 auto; /*overflow:hidden;*/ }
		#headerContents h1				{ display:none; }
		
		#headLink						{ /*float:left;*/ margin:70px 0 70px 42px; }
		
		
		.floatRight						{ float: right; }
		.scholarshipArea				{ /*float: left;*/ top: 473px; position: absolute; /*width: 10%;*/ left: 20%; }
				
				

	/*-------------------------------------------------------------
	 *
	 *						globalMenu.css (PC)
	 *
	 *-------------------------------------------------------------*/
		#globalMenu						{ /*float:right; margin-right: 80px; */}
		#globalMenu ul					{ /*float:left;*/ width: 229px; margin-left: 42px; }
		
		#globalMenu ul li				{ float: none; font-weight:normal; line-height: 20px; margin-bottom: 28px; }
		#globalMenu ul li.foundation 	{ width: 180px; }
		#globalMenu ul li.scholarship_student 	{ width: 140px; }
		#globalMenu ul li.application  	{ width: 128px; }
		#globalMenu ul li.contact  	{ width: 90px; }
		#globalMenu ul li li a:nth-child(1)				{ width: 92px; }
		#globalMenu ul li li a:nth-child(2)				{ width: 69px; }
		#globalMenu ul li li a:nth-child(3)				{ width: 100px; }
		#globalMenu ul li li a:nth-child(4)				{ width: 140px; }
		#globalMenu ul li li.ssLevel2 a:nth-child(1)				{ width: 108px; }
		#globalMenu ul li li.ssLevel2 a:nth-child(2)				{ width: 108px; }


		
		
		#globalMenu ul li div.open			{ display: block; }
		#globalMenu ul li div.close			{ display: none; }



		#globalMenu ul li a				{ display:inline-block; text-decoration:none; color:#003067; position: relative; font-weight: normal; border-bottom:1px solid transparent; padding-bottom: 8px; }
		#globalMenu li li a:hover					{ border-bottom: 1px solid #fff; }
		#globalMenu ul li.foundation a:after		{ content: ""; position: absolute; bottom: 16px; right: -90px; width: 5px; height: 5px; border-left: 1px solid #003067; border-top: 1px solid #003067; transform: translateX(-50%) rotate(135deg); } 
		#globalMenu ul li.foundation div li a:after		{ border: none; }
		
		
	/*	#globalMenu ul li.scholarship_student a:after		{ content: ""; position: absolute;  bottom: 14px; right: -42px; width: 5px; height: 5px; border-left: 1px solid #003067; border-top: 1px solid #003067; transform: translateX(-50%) rotate(135deg); }  */
		
	/*	#globalMenu li div				{ display:none;	width:530px; left:59px; top:0px; position: absolute; transition: none; min-height:100%;  margin: 0px 0px 0px -19px; /*background-image: url("./../common/bg_navy.png"); background-repeat: no-repeat; background-size: cover;*/ /*background-color: blue; } */
		/*#globalMenu li:hover div		{ display:block; animation:show 0.4s ease 0s; }*/
		
		#globalMenu li div.tabContents				{ width: 0; overflow: hidden; height: 1400px; position: fixed; top: 0; left: 196px; z-index: 10;}
		
		
		#globalMenu li div.tabContents.width250	{ width: 250px; animation: smWidth250; animation-duration: 0.5s; transform: skewX(-10deg); background: #003067; opacity: 0.95; }
		#globalMenu li div.tabContents.width0	{ transform: skewX(-10deg); background: #003067; }
		#globalMenu li div.tabContents.width0	{ animation: smWidth0; animation-duration: 0.5s; }
		
		@keyframes smWidth250 {
  0% {width: 0px;}
  100% {width: 250px;}
}

		@keyframes smWidth0 {
  0% {width: 200px;}
  100% {width: 0px;}
}




		#globalMenu li div::after		{ font-family: "Times New Roman"; mix-blend-mode: multiply; font-size: 620%; letter-spacing: -3.1px; right: 0; position:absolute; bottom: 17px; }
	
		#globalMenu li ul						{ float: none; width: 320px; position: absolute; z-index: 5; align-items: center; /*top: 228px;*/ left: 14px; /*display: none;*/ margin-top: 228px;  transform: skewX(10deg); margin-left: 0px; }
		
	/*	#globalMenu li ul						{ float:none; width:250px; align-items: center; position: relative; top: 228px; left: 172px; }*/
		#globalMenu li ul.scholarship_student	{ top: 285px; left: 192px; }

		#globalMenu li ul span.gwClose			{ display: block; position: absolute; width: 30px; height: 30px; background: #000; right: 0; top:40px; }
		#globalMenu li ul span.gwClose::before, 
		#globalMenu li ul span.gwClose::after	{ content: ""; position: absolute; top: 45%; left: 11%; display: block; width: 24px; border-top: 2px solid #fff; }
		#globalMenu li ul span.gwClose::before	{ transform: skewY(-45deg); }
		#globalMenu li ul span.gwClose::after	{ transform: skewY(45deg); }
		
		

		#globalMenu li ul span.gwClose:hover	{ opacity: 0.5; cursor: pointer; }
		
		/*	menu on	*/
		#globalMenu .foundation.menuOpen > a,
		#globalMenu .foundation > a:hover { border-bottom: 1px solid #8198b3; cursor: pointer; }
		#globalMenu .foundation.menuOpen > a::after,
		#globalMenu .foundation > a:hover::after	{ border-color: #003067; }
		#globalMenu .scholarship_student.menuOpen > a,
		#globalMenu .scholarship_student  > a:hover { border-bottom: 1px solid #8198b3; cursor: pointer; }
		#globalMenu .scholarship_student .menuOpen > a::after,
		#globalMenu .scholarship_student  > a:hover::after	{ border-color: #003067; }
		#globalMenu .application.menuOpen > a,
		#globalMenu .application  > a:hover { border-bottom: 1px solid #8198b3; cursor: pointer; }
		#globalMenu .application .menuOpen > a::after,
		#globalMenu .application  > a:hover::after	{ border-color: #8771bd; }
		#globalMenu .contact.menuOpen > a,
		#globalMenu .contact > a:hover { border-bottom: 1px solid #8198b3; cursor: pointer; }
		#globalMenu .contact > a:hover::after	{ border-color: #99c1e9; }
		#globalMenu ul li.contactMenu.menuOpen,
		#globalMenu ul li.contactMenu:hover	{ background-color: #003f7c; }

		

		#globalMenu li li							{ width:auto; text-align:left; color:#fff; /*margin:21px 0 26px -30px; */}
		
		#globalMenu li li:first-child{ font-weight:bold; /*font-size:145%; margin-left: 50px; margin-bottom: 0; margin-top: 40px;*/ }
		#globalMenu li li:last-child { padding-bottom: 20px; }
		#globalMenu li li.fouLevel2					{ width: 240px; }
		#globalMenu li li.ssLevel2					{ margin-left: 40px; }
		

		#globalMenu li li a				{ width: 280px; color:#fff; display:inline-block; padding:0 0 8px; margin:0 0 28px 40px; font-weight: normal;  /*border-bottom: none!important;*/ }
		
		

		#globalMenu li li a:after		{ margin:0 0 0 5px; content: none; }
		#globalMenu li li a img			{ margin-bottom: 11px; }
		
		#spMenuOpen						{ display:none; }

	


		


	

	
	/* ---------- ---------- ---------- ---------- ----------
	 *					main contents
	 * ---------- ---------- ---------- ---------- ---------- */
		#mainContents					{ max-width:1100px; margin:0 auto 310px; padding-left: 300px; }
		
	
	/* ---------- ---------- ---------- ---------- ----------
	 *					contactArea
	 * ---------- ---------- ---------- ---------- ---------- */
		#areaContact					{ position: relative; }
		#areaContact img.img_areaContact{ width: 100%; }
		#areaContact p,
		#areaContact div				{ position: absolute; left: 50%; transform: translate(-50%, -50%); }
		#areaContact p					{ font-size: 120%; top: 28%; }
		#areaContact div				{ background:rgba(255, 255, 255, 1); top:50%; font-size: 120%; width: 500px;}
		#areaContact div:hover			{ opacity: 0.75; }
		#areaContact div a				{ display: block; padding: 20px 0; }
		#areaContact div img			{ position: absolute; top:32px; left: 9%; }
		#areaContact div span			{ display: block;  font-size: 70%; font-weight: normal; }


	/* ---------- ---------- ---------- ---------- ----------
	 *					footer
	 * ---------- ---------- ---------- ---------- ---------- */
		#footer							{ width:100%; color:#646464; position: relative; }
		#fixedImg section				{ position: absolute; bottom: 0; right: 0; z-index: -1; }
		#footer a						{ display:block; }
		
		#footer p						{ max-width:1200px; margin:0 auto; padding:40px 0 20px; }
		
		#ftrSitemap						{ max-width:1200px; margin:0 auto; }
		#ftrSitemap ul					{ width:200px; border-left:1px solid #000; padding:0 30px 15px 0; box-sizing:border-box; }
		#ftrSitemap ul:nth-child(1)		{ width:222px; }
		#ftrSitemap ul li				{ float:none; padding:0 0 0 15px; font-size:79%; line-height:22px; }
		#ftrSitemap ul li:first-child	{ font-size:93%; line-height:32px; padding:0 0 5px 15px; font-weight: bold; }
		
		#ftrSitemap ul.ftrLink			{ width:230px; border:0px; float:right; padding:0px; margin:20px 0 0 0; }
		#ftrSitemap ul.ftrLink li		{ padding:0px; }
		
		.ftrLink li a					{ display:inline-block !important; margin:0 0 0 10px; }
		.ftrLink li a:first-child		{ margin:0px; }

		/* ----------	page top	---------- */
		#pageTop						{ position:fixed; right:26px; bottom:22px; display:inline-block; z-index:200; }
		#pageTop a						{ color:#fff; }

		
		#copyright						{ text-align:right; padding:45px 100px 25px 0; font-size:73%; font-weight: bold; }
		
		
		@media screen and ( max-width:900px ) {
			
						
			#mainImage						{ padding-top: 84px;  }
			
			#headerContents					{ height: 84px; width: 100%; background-color: #f7f7f7; }
			#headLink						{ margin: 0 0 0 18px;  }
			#headLink img.logoChange02		{ margin-top: 15px; }
			
			#globalMenu						{ float:none;width:100%; position:absolute; top:0; z-index:200;  }
			#globalMenu ul					{ position: fixed; right: -100%; width: 100%; margin-left: 0; }
			#globalMenu ul.level2			{ width: 100%; }
			#globalMenu ul.setClass { margin-right: 0; float: none; position: static; margin-top: 0; margin-left: 0; transform: none; right:0; }
			#globalMenu ul ul.setClass { display:block; margin-right: 0; float: none; position: static; margin-top: 0; margin-left: 0; transform: none; animation: none; animation-duration: 0; }
			#globalMenu ul ul.menuClose { margin-top: 0; display:block;margin-right: 0;float: none;position: static;margin-left: 0;transform: none;animation: none;animation-duration: 0 }
			#globalMenu ul.menuClose		{ right: -100%; }

			
			
			
			#globalMenu ul.setClass			{ animation: spMenuOpen; animation-duration: 1.0s; }
			#globalMenu ul.menuClose		{ animation: spMenuClose; animation-duration: 1.0s; transform: skewX(0); }
			
			@keyframes spMenuOpen {
	  0% { transform: translateX(100%); }
	  100% { transform: translateX(0); }
	}
	
			@keyframes spMenuClose {
	  0% { transform: translateX(-100%); }
	  100% { transform: translateX(0); }
	}
			
			
			
			
			
			#globalMenu ul li				{ text-align:left; background: #f7f7f7; width: 80%; line-height:0; position:relative; border-bottom: 1px solid #fff; margin: 0; padding: 0; float: right; }
			#globalMenu ul li:first-child	{ border-top: 1px solid #fff; } 
			#globalMenu ul li.spHome a		{ padding: 20px 25px 25px 20px; margin: 0; border:0; }
			#globalMenu ul li a				{ padding: 25px; margin: 0; border:0; }
			#globalMenu ul li.contact a		{ width: 100%; border-bottom: 1px solid #fff; }
			#headerContents::before			{ display: none; }
			
			
			#globalMenu ul li.foundation			{ width: 80%; }
			#globalMenu ul li.scholarship_student	{ width: 80%; }
			#globalMenu ul li.application			{ width: 80%; }
			#globalMenu ul li.contact				{ width: 80%; border-bottom: 1px solid #cfcfcf; height: 100vh; }
			#globalMenu li div.tabContents			{ display: none; position: static; left: unset; width: 100%!important; height: 100%; transform: none!important; }
			#globalMenu li div.tabContents.width200	{ width: 100%; animation: none; animation-duration: 0; }
			#globalMenu li div.tabContents.width0	{ animation: none; animation-duration: 0; }
			
			
			#globalMenu li div						{ display: none; position: static; }
			#globalMenu li li.fouLevel2				{ margin-left: 0; width: 100%; }
			
			
			#globalMenu li li:last-child			{ padding: 0; }
			#globalMenu ul li li a:nth-child(1)		{ width: 100%; }
			#globalMenu ul li li a:nth-child(2)		{ width: 100%; }
			#globalMenu ul li li a:nth-child(3)		{ width: 100%; }
			#globalMenu ul li li a:nth-child(4)		{ width: 100%; }
			
			
			#globalMenu li li						{ background-color: #fff; }
			#globalMenu li li a						{ color: #003067; display: flex; padding: 20px 25px; }
			#globalMenu li li a:hover				{ border: none; }
			
			
			
			#globalMenu ul li.spHome				{ height: 84px; box-sizing: border-box; color: #003067; width: 100%; }
			#globalMenu ul li span					{ width: 80%; float: right; padding: 42px 25px; box-sizing: border-box; }
			#globalMenu ul li a span				{ width: 80%; float: right; padding: 42px 25px; box-sizing: border-box; }
			#globalMenu ul li.spHome a				{ width: 40px; float: left; }
			#globalMenu ul li.spHome a:nth-child(2)	{ width: auto; padding: 0; float: none; display: block; }
			
			
			
			
			#spMenuOpen						{ display:block; position:fixed; top:20px; right:20px; z-index:100; }
			#spMenuOpen a					{ display:inline-block; text-decoration:none; }
			
			
	/* ---------- ---------- ---------- ---------- ----------
	 *					top page
	 * ---------- ---------- ---------- ---------- ---------- */	
	 		
			
			.scholarshipArea				{ bottom: 0; left: 3.1%; top: unset; }
			.scholarshipArea img			{ width: 105%; }
			
			
			
			
	/* ---------- ---------- ---------- ---------- ----------
	 *					foundation
	 * ---------- ---------- ---------- ---------- ---------- */			
			
			
	/*		#greeting::before				{ display: none; }
			#overview::before				{ display: none; }
			#disclosure::before				{ display: none; } */
			
			


			#mainContents				{ max-width: 900px; padding: 0; margin: 0 auto 100px; }
			#globalMenu ul li.foundation a:after	{ border-top: 1px solid #003067; border-right: 1px solid #003067; border-left: 0; right: unset; left: 153px; top: 20px; }
			#globalMenu ul li.foundation a.active:after	{ transform: translateX(-50%) rotate(-45deg); }
			#globalMenu ul li.foundation li.fouLevel2 a:after	{ border: none; }
			#globalMenu .scholarship_student.menuOpen > a, #globalMenu .scholarship_student > a:hover		{ border-bottom: 0; }
			#globalMenu .application.menuOpen > a, #globalMenu .application > a:hover		{ border-bottom: 0; }
			#globalMenu .contact.menuOpen > a, #globalMenu .contact > a:hover				{ border-bottom: 1px solid #fff; }
			#globalMenu .foundation.menuOpen > a, #globalMenu .foundation > a:hover			{ border-bottom: 0; }
			
			
		
	/* ---------- ---------- ---------- ---------- ----------
	 *					footer
	 * ---------- ---------- ---------- ---------- ---------- */	
			
			#copyright						{ text-align: center; padding: 45px 0px 25px 0; }
			#fixedImg section				{ text-align: right; }
			#fixedImg section img			{ width: 80%; }
			
			
		}
		
		
		
		/* IEの場合 */
		
		@media screen and ( max-width:900px ) and (-ms-high-contrast: none) {
			
			#globalMenu ul.setClass			{ animation: spMenuOpen; animation-duration: 1.0s; }
			#globalMenu ul.menuClose		{ animation: spMenuClose; animation-duration: 1.0s; transform: skewX(0); }
			
			@keyframes spMenuOpen {
	  0% { transform: translateX(100%); }
	  100% { transform: translateX(0); }
	}
	
			@keyframes spMenuClose {
	  0% { transform: translateX(-100%); }
	  100% { transform: translateX(0); }
	}
    		
		}

	
	
		@media screen and ( max-width:499px ) {
			
			
				#globalMenu ul li a span			{ margin: -42px 0 0 0; padding: 0 0 0 25px; }
			
		}