@charset "utf-8";


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

  “Template TYPE4” CSS

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


/* Default 
========================================== */


html	{	background:#ffffff;}
/* ColorVariations: green=#bfed93, blue=#ccd9ea, gray=#e1e1e1, white=#ffffff, pink=#efa3a3   */
body	{	color:#000;}


	/* Hypertext Module
	---------------------------------------- */
	a:link			{	color:#222222;	}
	a:visited		{	color:#222222;	}
	a:hover,
	a:active		{	color:#e54912;	}
	/* ColorVariations: green=#168e24/#ce0707, blue=#0969e6/#ce0707, gray=#000000/#ce0707, white=#222222/#ce0707  */
	
	

/* Content　Base
========================================== */

	/* Header
	---------------------------------------- */
	#header		{	background:url(../_common/type04_header_bg.svg) no-repeat; }
	#header li	{	margin-left:1px; min-width:inherit;}
	#header li:first-child	{	width:118px;}
	#header li:last-child	{	width:126px;}
	#header li a{	background:#d2d2d2; border-radius:20px 0 0 20px; -webkit-border-radius:20px 0 0 20px; -moz-border-radius:20px 0 0 20px;}
	#header li a:link		{	color:#000;	}
	#header li a:visited	{	color:#000;	}
	#header li a:hover,
	#header li a:active		{	color:#000;	}
	
	#header li a:hover		{	background:#ebeaea;}


	/* Footer
	---------------------------------------- */
	.footer		{	background:#d2d2d2;}
	/* blue=#16568e, green=#168e24, white=#d2d2d2 */
	.footer p	{	color:#000000;}
	/* blue=#ffffff, green=#ffffff, white=#000000 */



/* 2nd,3rd　Base
========================================== */
h1#title	{	padding-bottom:15px;}

	/* Navi
	---------------------------------------- */
	.navi				{	width:230px; float:left; line-height:1.2;}
	.navi *				{	box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
	.navi > li			{	display:block; line-height:1.2; position:relative;}
	.navi > li:after	{	content:""; display:block; width:100%; height:10px; position:absolute; top:0; left:0; z-index:-1;}
			.navi > li#l01:after	{	background:#fff;}
			.navi > li#l02:after	{	background:#abd7e1;}
			.navi > li#l03:after	{	background:#abe1b8;}
			.navi > li#l04:after	{	background:#f2b796;}
	
	.navi > li > span	{	display:block; width:calc(100% - 23px); height:20px; line-height:20px; margin-left:23px;
							border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px;
							color:#fff; padding:0 8px; position:relative;}
	
	.navi > li > span:after
						{	content:""; display:block; width:20px; height:20px; position:absolute; top:0; left:-23px;
							border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%;}
	
			.navi > li#l01 > span, .navi > li#l01 > span:after	{	background:#003663;}
			.navi > li#l02 > span, .navi > li#l02 > span:after	{	background:#006319;}
			.navi > li#l03 > span, .navi > li#l03 > span:after	{	background:#c25c12;}
			.navi > li#l04 > span, .navi > li#l04 > span:after	{	background:#75651e;}	
	
	.navi > li ol		{	padding:20px 5px 10px 15px; margin-top:-10px;}
			.navi > li#l01 ol	{	background:#abd7e1;}
			.navi > li#l02 ol	{	background:#abe1b8;}
			.navi > li#l03 ol	{	background:#f2b796;}
			.navi > li#l04 ol	{	background:#c6c387;}
	.navi > li ol li a	{	text-decoration:none; display:block; position:relative; line-height:1.2;
							padding:6px 0 6px 16px;}
	.navi > li ol li a:after	{	content:""; display:block; width:12px; height:12px;
									position:absolute; top:8px; left:0;
									border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%;}
			.navi > li#l01 a:after	{	background:#5586a2;}
			.navi > li#l02 a:after	{	background:#55a268;}
			.navi > li#l03 a:after	{	background:#da8954;}
			.navi > li#l04 a:after	{	background:#9d9452;}
	.navi > li a:link		{	color:#000000;}
	.navi > li a:visited	{	color:#000000;}
	.navi > li a:hover		{	font-weight:bold;}
	
			.navi > li#l01 a:hover	{	color:#003663;}
			.navi > li#l02 a:hover	{	color:#006319;}
			.navi > li#l03 a:hover	{	color:#c25c12;}
			.navi > li#l04 a:hover	{	color:#75651e;}
			
			.navi > li#l01 a:hover:after	{	background:#2a5e82;}
			.navi > li#l02 a:hover:after	{	background:#2a8240;}
			.navi > li#l03 a:hover:after	{	background:#ce7233;}
			.navi > li#l04 a:hover:after	{	background:#897c38;}
	

	/* Right Content Base , Titles
	---------------------------------------- */
	.main				{	min-height:585px; padding-top:0;}
	.main .headline		{	padding:8px 4px; border-bottom:5px solid #000;}
	.main .headline h2	{	color:#fff; font-weight:bold; font-size:14px; height:30px; line-height:30px;
							padding:0 12px 0 14px; margin-left:33px;
							border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; position:relative;}
	.main .headline h2:after
						{	content:""; display:block; width:30px; height:30px; position:absolute; top:0; left:-33px;
							border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%;}
	.main .headline h3	{	padding:11px 10px 2px 52px; line-height:1; font-size:18px; font-weight:bold; position:relative;}
	.main .headline h3:before
						{	content:""; display:block; position:absolute; top:11px; left:27px;
							width:18px; height:18px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; }

	
	
/* TOP
========================================== */
#mainVisual		{	position:relative; width:100%; height:184px; margin-top:7px; margin-bottom:15px; } /*height:184px or height:178px*/
#mainVisual p	{	position:absolute; bottom:11px; right:13px; text-align:right; line-height:1.2; margin:0; font-size:93%;} /*LastUpdate type1*/

.topMenu				{	display:flex; flex-wrap:wrap; justify-content:space-between;}

.topMenu > li			{	border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; margin-bottom:30px;}
.topMenu > li h2		{	box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
							height:30px; font-size:15px; line-height:30px;
							position:relative; margin-top:-15px; }
.topMenu > li h2:before	{	content:""; display:block; position:absolute; top:0; left:33px;
							border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px;
							width:calc(100% - 33px); height:30px; 
							mix-blend-mode: multiply;}
.topMenu > li h2:after	{	content:""; display:block; width:30px; height:30px;
							border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%;
							position:absolute; top:0; left:0;
							mix-blend-mode: multiply;}
.topMenu > li h2 span	{	font-family: "kodawari"; font-weight:700; display:block; color:#fff; padding:0 5px 0 51px;
							position:relative; z-index:5;}
.topMenu > li#l01		{	width:295px; background:#429cc5;}
.topMenu > li#l02		{	width:266px; background:#47bd70;}
.topMenu > li#l03		{	width:266px; background:#df955b;}
.topMenu > li#l04		{	width:295px; background:#c5b542;}
.topMenu > li#l05		{	width:411px; background:#e7e7e7;}

.topMenu > li#l01 h2:before, .topMenu > li#l01 h2:after	{	background:rgba(0,54,99,0.7);}
.topMenu > li#l02 h2:before, .topMenu > li#l02 h2:after	{	background:rgba(0,134,2,0.7);}
.topMenu > li#l03 h2:before, .topMenu > li#l03 h2:after	{	background:rgba(200,60,4,0.7);}
.topMenu > li#l04 h2:before, .topMenu > li#l04 h2:after	{	background:rgba(99,89,0,0.7);}
.topMenu > li#l05 h2:before, .topMenu > li#l05 h2:after	{	background:rgba(137,137,137,1);}

.topMenu > li.column ol		{	margin:0 12px; padding-bottom:18px;}
.topMenu > li.column li		{	margin-top:16px;}
.topMenu > li.column li a	{	display:block; font-size:15px; text-align:center;
								text-decoration:none;
								box-shadow: 1px 1px 5px -1px rgba(0,0,0,0.6);
								font-family: "kodawari"; font-weight:500;
								line-height:1.2; padding:10px 5px;
								border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px;}
.topMenu > li.column li a:link		{	color:#000000;}
.topMenu > li.column li a:visited	{	color:#000000;}
.topMenu > li.column li a:hover		{	color:#000000;}
.topMenu > li#l01 li a				{	background:#abd7e1;}
.topMenu > li#l02 li a				{	background:#abe1b8;}
.topMenu > li#l03 li a				{	background:#f2b796;}
.topMenu > li#l04 li a				{	background:#c6c387;}

.topMenu > li#l05 h2 span			{	width:200px;  }
.topMenu > li#l05 h2 a				{	display:block; font-size:13px; color:#ffe400; font-family: "kodawari"; font-weight:500;
										position:absolute; top:0; right:10px;} 
.topMenu > li#l05 h2 a:hover		{	color:#fffd60;}
.topMenu > li#l05 iframe			{	width:384px; height:90px; margin:8px 0 9px 27px;}


#add		{	font-size:14px; margin-bottom:0; position:relative;}
#add img	{	margin:3px 0 0 0;}
#add span	{	font-size:12px;}
#add a.map:hover	{	background:#efefef; color:#000;}



/* 2nd Template
========================================== */

	/* Oshirase
	---------------------------------------- */
	#oshirase .headline		{	background:#d2d2d2; margin-bottom:10px;}
	#oshirase .headline h2	{	background:#898989; }

	/* Contact (contact.php, kak_mail.php, regist.php)
	---------------------------------------- */
	#contact .headline		{	background:#d2d2d2; margin-bottom:10px;}
	#contact .headline h2	{	background:#898989; }
	#contact .headline h2:after
							{	background:#898989; }
						
	/* work(job)
	---------------------------------------- */
	#work .headline		{	background:#abd7e1;}
	#work .headline h2	{	background:#002e57; }
	#work .headline h2:after
						{	background:#002e57; }
	#work .headline h3:before
						{	background:#5586a2;}
	#work h4			{	border-bottom:1px solid #002e57; color:#002e57; }


	/* activity
	---------------------------------------- */
	#activity .headline		{	background:#abe1b8;}
	#activity .headline h2	{	background:#006319; }
	#activity .headline h2:after
							{	background:#006319; }
	#activity .headline h3:before
							{	background:#55a268;}
	#activity h4			{	border-bottom:1px solid #006319; color:#006319; }


	/* admission
	---------------------------------------- */
	#admission .headline			{	background:#f2b796;}
	#admission .headline h2			{	background:#c25c12; }
	#admission .headline h2:after
									{	background:#c25c12; }
	#admission .headline h3:before
									{	background:#da8954;}
	#admission h4					{	border-bottom:1px solid #c25c12; color:#c25c12; }

	/* features.html,event.html
	---------------------------------------- */	
	#center .headline			{	background:#c6c387;}
	#center .headline h2		{	background:#75651e; }
	#center .headline h2:after
								{	background:#75651e; }
	#center .headline h3:before
								{	background:#9d9452;}
	#center h4					{	border-bottom:1px solid #75651e; color:#75651e; }



/* Original
========================================== */
	
	/* common
	---------------------------------------- */	
	.w360	{	width:360px;}
	.w290	{	width:290px;}
	.w280	{	width:280px;}
	.w240	{	width:240px;}
	.w200	{	width:200px;}
	
	
	/* /job/02.html, /admission/03.html
	---------------------------------------- */	
	.flow					{	margin-top:15px;}
	.flow > li				{	padding:2px; border:1px solid #dbdbdb; margin-bottom:30px; position:relative; }
	.flow > li h5			{	border:none; font-size:16px; font-weight:bold; margin:0; padding:10px; background:#f0f0f0;}
	.flow > li p			{	margin:10px 0 0 0; padding:0 10px;}
	.flow > li p:last-child	{	padding-bottom:10px;}
	.flow > li ul,
	.flow > li ol			{	padding:0 10px 0 20px;}
	.flow > li a			{	font-size:16px; font-weight:bold; display:inline-block;}
	.flow > li a:link,
	.flow > li a:visited,
	.flow > li a:active		{	color:#c00000;}
	.flow > li a:hover		{	color:#d66464;}
	.flow > li:before,
	.flow > li:after		{	position:absolute; left:50%; content:""; }
	.flow > li:before		{	bottom:-28px; width:2px; height:28px; background:#ccc;}
	.flow > li:after		{	bottom:-26px; width:20px; height:20px; margin-left:-10px;
								border-top:2px solid #ccc; border-right:2px solid #ccc;
								-webkit-transform: rotate(135deg);
								transform: rotate(135deg);}
	.flow > li:last-child	{	margin-bottom:10px;}
	.flow > li:last-child:before,
	.flow > li:last-child:after	{	display:none;}
	
	#job02 > li span			{	color:#c00000; font-weight:bold; }
	#job02 > li span strong		{	font-size:20px;}
	
	/* /activity/02.html
	---------------------------------------- */	
	#training li		{	width:100%; overflow:hidden; margin-bottom:10px;}
	#training li h5		{	font-size:14px; font-weight:bold;}
	#training li div	{	width:240px; float:left; margin:0 15px 10px 0; position:relative;}
	#training li:nth-child(2n) div	{	float:right; margin:0 0 10px 15px;}
	#training li div p	{	position:absolute; bottom:0; left:0; padding:0 10px; margin:0;
							background:rgba(255,255,255,0.7); display:inline-block; font-weight:bold; font-size:12px; } 
	#training li:nth-child(2n) div p{	left:auto; right:0;}

	/* /activity/03.html
	---------------------------------------- */	
    .letter					{	margin:2em auto 0; width:100%;
								display:-webkit-box; display:-ms-flexbox; display:flex;
								-ms-flex-wrap:wrap; flex-wrap:wrap;
								-webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;}
	.letter > li			{	padding-bottom:50px; width:31%;}
	.letter > li > strong	{	display:block; border-bottom:1px solid #767676;}
	.letter > li ul			{	margin-top:10px;}
	.letter > li li			{	margin-top:5px;}
	.letter > li li a		{	display:block; }
	
	/* /admission/index.html
	---------------------------------------- */		
	#philosophy dt	{	background:#666666; color:#fff; padding:10px; font-size:14px; text-align:center;}
	#philosophy dd	{	padding:10px; text-align:center;}



/* Blank adjustment
========================================== */
.mT0	{	margin-top:0!important;}
.mT05em	{	margin-top:0.5em!important;}
.mT1em	{	margin-top:1em!important;}
.mT2em	{	margin-top:2em!important;}
.mT3em	{	margin-top:3em!important;}