@charset "shift_jis";


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

  "Template TYPE3" CSS

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


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


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


	/* Hypertext Module
	---------------------------------------- */
	a:link			{	color:#000;	}
	a:visited		{	color:#000;	}
	a:hover,
	a:active		{	color:#ce0707;	}
	/* link : green=#539712, gray=#000000, blue=#0969e6 */
	/* hover: green=#ce0707, gray=#ce0707, blue=#ce0707 */
	
	a.link:link			{	color:#539712;	}
	a.link:visited		{	color:#539712;	}
	a.link:hover,
	a.link:active		{	color:#ce0707;	}



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

	/* Header
	---------------------------------------- */
	#header		{	background:#000}
	#header li	{	border-left:2px solid #bfed93;}
	#header li a				{	color:#fff;}
	#header li a.link			{	color:#fff!important;	}
	#header li a:visited		{	color:#fff!important;	}
	#header li a:hover,
	#header li a:active			{	color:#ce0707;	}


	/* Footer
	---------------------------------------- */
	.footer		{	background:#000;}
	.footer p	{	color:#fff;}



/* 2nd,3rd Base
========================================== */

	/* Navi
	---------------------------------------- */
	.navi				{	border:1px solid #767676;}
	.navi > li			{	font-size:14px;}
	
	
	.navi > li span			{	display:block; font-weight:bold; background:#198208; color:#fff; font-weight:700; padding:5px 5px 5px 10px;}
	
	.navi > li ol			{	padding:8px 0 5px;}
	.navi > li li			{	padding:0 5px; margin-bottom:5px;}
	.navi > li li a			{	position:relative; padding:3px 5px 3px 20px; display:block; line-height:1; font-weight:500; }
	.navi > li li a:before	{	content:''; width:12px; height:12px; display:block; background:#198208; position:absolute; top:4px; left:5px;}
	.navi > li li a:after	{	content:''; height:0; width:0; display:block; border:4px transparent solid;
								border-right-width:0; border-left-color:#fff; position:absolute; top:6px; left:9px;}
	
	.navi > li li a:link	{	text-decoration:none;	}
	.navi > li li a:visited	{	text-decoration:none;	}
	.navi > li li a:hover,
	.navi > li lii a:active	{	text-decoration:none; color:#000; background:#fdf79d;}
	
	
	.navi li#l01			{	background:#fff; }
	.navi li#l01 ol			{	position:relative;}
	.navi li#l01 ol:before	{	content:""; display:block; width:100%; height:60px; background:#9fd9f2; position:absolute; bottom:0; left:0;}
	.navi li#l01 ol li:nth-child(3)	{	margin-bottom:10px;}
	
	.navi li#l02		{	background:#f2c0ed;}
	.navi li#l03		{	background:#c0daf2;}
	.navi li#l04		{	background:#abe1b8;}
	

	/* Right Content Base , Titles
	---------------------------------------- */
	.main			{	min-height:558px; height:auto!important; height:558px;
						position:relative;}
	.main:before	{	content:''; display:block; background:#198208; width:100%; height:36px; position:absolute; top:0; left:0;}

	.main h2		{	font-size:123.1%; padding:2px 10px 10px 10px; line-height:1; 
						font-family: "kodawari"; font-weight:700; color:#fff; position:relative; z-index:10;}	
	.main h3		{	padding:5px 10px; font-weight:bold; font-size:108%;
						font-family: "kodawari"; font-weight:500;
						border-bottom:5px solid #000;}



/* TOP
========================================== */
#top .container *		{	box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#top .container > div	{	width:100%; display:table; }
#top .container > div > div	{	display:table-cell; vertical-align:top;}
#top .container > div > div.left	{	width:396px;}

	/* title & btns
	---------------------------------------- */
	#top h2			{	background:#198208; color:#fff; font-size:14px; font-weight:bold; padding:10px; margin-top:10px; border:1px solid #bbb;
						font-family: "kodawari"; font-weight:500;}
						/* ColorVariations : green = #198208/#fff , */
	#top ul.tm		{	background:#fff; border:1px solid #bbb; border-top:0; padding:0 0 10px 0;}
	#top ul.tm li	{	width:46%; float:left; margin:10px 0 0 3%; display:table; font-family: "kodawari"; font-weight:300;
						-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
					  	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
					  	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);}
	#top ul.tm li:hover			{	box-shadow: 0 1px 8px rgba(25, 130, 8, 0.5);}
									/* ColorVariations : green = (25, 130, 8, 0.5) , */
	#top ul.tm li:nth-child(2n)	{	float:right; margin:10px 3% 0 0;}
	#top ul.tm li a	{	border:1px solid #bbb; background:#fff; font-size:15px; text-align:center; color:#000;
						display:table-cell; width:100%; padding:10px 3px; vertical-align:middle; line-height:1.2; position:relative;
						text-decoration:none;}
	#top ul.tm li a:hover	{	font-weight:500;}
	#top ul.tm li a	span	{	display:inline-block;}
	#top ul.tm li.narrow a span	{	width:105%;transform:scaleX(95%) translateX(-2.5%);}
	
	/* Left
	---------------------------------------- */	
	#top .left h2#infoTtl		{	width:100%; line-height:1; }
	#top .left h2#infoTtl a		{	display:inline-block; float:right; padding:5px; margin-top:-4px;
									color:#fff; font-size:13px; font-weight:normal; line-height:13px; background:#156907;}
									/* ColorVariations : green = #156907 , */
	#top .left h2#infoTtl a:hover	{	background:#115306;}
										/* ColorVariations : green = #115306 , */
	#top .left #info			{	border:1px solid #bbb; border-top:0; width:100%; position:relative; padding:40% 0 0 0;
									overflow:auto; -webkit-overflow-scrolling:touch;}
	#top .left #info iframe		{	position:absolute; top:0; left:0; width:100%; height:100%; border:none; display:block;}

	#top .left #admission li a	{	background:#abe1b8;}


	/* Right
	---------------------------------------- */
	#top .right			{	padding-top:20px; padding-left:20px;}
	#top .right #job				{	padding-top:10px;}
	
			
	#top .right #job li:nth-child(1),
	#top .right #job li:nth-child(2),
	#top .right #job li:nth-child(3),
	#top .right #job li:nth-child(4){	width:94%; float:none; margin:10px 0 0 3%;}
	
	#top .right #job li:nth-child(1)	{	font-size:13px;
											-webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;}
	#top .right #job li a				{	background:#9fd9f2;}
	#top .right #job li:nth-child(2) a,
	#top .right #job li:nth-child(3) a,
	#top .right #job li:nth-child(4) a	{	background:#fff;}
	#top .right #member li a		{	background:#f2c0ed;}
	#top .right #center li a		{	background:#c0daf2;}

	/* address
	---------------------------------------- */
	#address					{	margin-top:15px;  }
	#address p					{	font-size:12px;}
	#address p:last-child		{	line-height:1.4; margin-top:0.5em;}
	#address p:last-child strong{	font-size:15px;}
	#address p:last-child a.map	{	font-weight:bold; text-decoration:none; line-height:1; font-size:9px; border:1px solid #000;
									border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; padding:0 5px;
									background:#fff;}
 









/* Contact (contact.php, kak_mail.php, regist.php)
========================================== */


/* oshirase
========================================== */
#oshirase .main h2	{	margin-bottom:10px;}





/* Iwaki Original
========================================== */
	
	/* Right Content Base , Titles
	---------------------------------------- */
	.ttl				{	font-size:15px; font-weight:bold; margin-top:1.5em;}
	
	.ttlCircle			{	font-size:14px; font-weight:bold; margin-top:1.5em;}
	.ttlCircle:before	{	content:"��"; display:inline-block;}
	
	.mL10	{	margin-left:10px;}
	
	.bBox	{	margin-top:0.5em;}
	

	/* job/04.html(freelance)
	---------------------------------------- */
	#freelance h4 { font-size:18px; font-weight:bold; text-align:center; border-bottom:none;}
	#freelance h5 { font-size:16px; font-weight:bold; border-bottom:1px #aaa solid;margin-top:2em;}
	#freelance h5:nth-of-type(1) { margin-top:0;}
	#freelance .fc_red { color:#f00;}
	#freelance .fc_blue { color:#2F75B5;}
	#freelance .fc_border { text-decoration:underline;}
	#freelance .bx_radius10 { border-radius:10px;}
	#freelance p { line-height:1.6;}
	#freelance p.mB0,#freelance ul.mB0 { margin-bottom:0!important;}
	#freelance figure { margin:2em 0;text-align:center;}
	#freelance figure figcaption { margin-bottom:0.5em;font-size:15px;}
	#freelance figure img { max-width:100%; height:auto;}
	#freelance .button { margin:0 0.5em 0.5em; text-align:right;}
	#freelance .button a { display:inline-block; color:#7030A0;font-weight:bold; text-align:center;height:40px;line-height:40px;padding:0 20px;position:relative; box-shadow: inset -2px -2px 4px rgba(0, 0, 0, 0.4); border-radius:10px;overflow:hidden;border:1px #7030A0 solid; text-decoration:none; background-color:#fff;}
	#freelance .button a:hover { box-shadow: inset 1px 1px 4px rgba(0, 0, 0, 0.4); background-color:rgba(112,48,160,0.05);}
	#freelance .button a::before {content: url(../_common/pdficon_small.gif); display: inline-block; margin-right: 5px; transform: translateY(2px);}
/*	#freelance .button a::after { content:''; display:block; width:8px; height:10px; clip-path:polygon(0% 0%,100% 50%,0% 100%); background-color:#7030A0;position:absolute; right:5px;top:50%; transform:translateY(-50%);}*/

	#freelance #purpose { display:flex; margin:0 10px 0 20px; }
	#freelance #purpose > div {margin-right:10px;font-weight:bold; color:#fff; font-size:16px; text-align:center; width:calc(50% - 10px); height:114px; position:relative;}
	#freelance #purpose > div span {display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;}
	#freelance #purpose > div:first-child { border:1px #223F59 solid; background-color:#ED7D31; }
	#freelance #purpose > div:last-child p { border:1px #223F59 solid; background-color:#00B0F0; margin:0; height:50px; line-height:50px;}
	#freelance #purpose > div:last-child p:first-child { margin-bottom:10px;}
	#freelance .over_btn { position:relative;}
	#freelance .over_btn .button { position:absolute; top:40px; left:92px;}
	#freelance .over_btn .button:last-child { left:312px;}
	#freelance .over_btn .button a { height:30px;line-height:30px;padding:0 6px;}

	#freelance .stepflow { display:flex; padding-bottom:20px; color:#002060;position:relative;}
	#freelance .stepflow.first { padding-top:1em;}
	#freelance .stepflow > div { border-radius:10px; border:#223F59 2px solid; font-weight:bold; }
	#freelance .stepflow > div:last-child::before { content:''; display:block; width:30px; height:20px;clip-path:polygon(0% 0%,100% 0%,50% 100%); background-color:#223F59; position:absolute; bottom:-20px;left:50%;transform:translateX(-50%);}
	#freelance .stepflow > div:last-child::after { content:''; display:block; width:26px; height:16px;clip-path:polygon(0% 0%,100% 0%,50% 100%); background-color:#5B9BD5; position:absolute; bottom:-18px;left:50%;transform:translateX(-50%);}
	#freelance .stepflow.last {padding-bottom:0;}
	#freelance .stepflow.last > div:last-child::before {content:none; display:none;}
	#freelance .stepflow.last > div:last-child::after {content:none; display:none;}
	#freelance .stepflow .step_content { padding-bottom:0.5em; }
	#freelance .stepflow .step_content p { margin:0.5em; }
	#freelance .stepflow .step_content p.button { margin-top:0; }
	#freelance .step_num { width:4em; text-align:center; margin-right:10px; position:relative;padding:0;padding:0;}
	#freelance .step_num p {position:absolute; width:100%;  top:50%; left:0; transform:translateY(-50%); line-height:1.2; margin:0;}
	#freelance .step_num span { display:block; font-size:30px;}
	#freelance .step_content { width:calc(100% - 5em - 10px); text-align:left; position:relative; margin:0;}
	#freelance .step_content p.step_title { background-color:#223F59;color:#fff;margin:0;padding:0.5em; font-size:15px; border-radius:8px 8px 0 0;}
	#freelance .stepflow .buttons { display:flex; justify-content:flex-end; margin:0;}
	#freelance .stepflow .buttons .button:first-child { margin-right:0; }
	#freelance .step_baloon { position:absolute; right:15px; top:27px; width:200px; height:30px; border-radius:6px; border:1px #000 solid; background-color:#fff; line-height:30px; text-align:center; z-index:10;}
	#freelance .step_baloon::before { position:absolute; right:120px; bottom:-12px; width:40px; height:12px; content:''; display:block; clip-path:polygon(0% 0%,100% 0%,50% 100%); background-color:#000; z-index:0;}
	#freelance .step_baloon::after { position:absolute; right:120px; bottom:-11px; width:40px; height:12px; content:''; display:block; clip-path:polygon(0% 0%,100% 0%,50% 100%); background-color:#fff; z-index:20;}
	#freelance .tabletitle { font-size:16px;font-weight:bold; margin:0.5em 0; }
	#freelance .invoice { font-size:16px;font-weight:bold; width:100%;border:3px #000 solid;margin-top:0;}
	#freelance .invoice th,#freelance .invoice td { padding:0.5em; border:1px #000 solid;}
	#freelance .invoice th { background-color:#00B0F0;}
  #freelance .over_btn { position:relative;}
  #freelance .over_btn figure { margin:1em 0;}
  #freelance .notebox { border:1px #000 solid;padding:0.5em;margin-top:0;}
  #freelance .difference { border:2px #000 solid; margin-top:0.5em;}
  #freelance .difference th { padding:0.3em; border:1px #000 solid; background-color:#66B9B7; }
  #freelance .difference td { padding:0.3em; border:1px #000 solid;  background-color:#C8E7E7; }
  #freelance .difference td:first-child { text-align:center; white-space:nowrap; font-weight:bold;}
  #freelance .difference tbody :nth-of-type(1) th,#freelance .difference tr:nth-of-type(1) td { background-color:#E9F0F5; }
  #freelance #leafret {	display:flex; justify-content:space-between;}
  #freelance #leafret > div {	width:49%;}
  #freelance #leafret > div p:nth-of-type(2) { margin-left:01.5em;}
  #freelance #leafret > div p.button { text-align:left;}


	/* job/04.html(irai) --------?04.html???????
	---------------------------------------- */

	.irai li {
		list-style:decimal;
		margin:0 0 30px 20px;
		list-style-position:inside;
		padding:10px 0 20px 0;
		position:relative;
	}
	.irai li:before {
		content:"";
		height:15px;
		width:15px;
		display:block;
		border:5px solid #dfdede;
		border-right-width:0;
		border-top-width:0;
		transform:rotate(-45deg);
		-webkit-transform:rotate(-45deg);
		-moz-transform:rotate(-45deg);
		-o-transform:rotate(-45deg);
		-ms-transform:rotate(-45deg);
		position:absolute;
		bottom:-15px;
		left:10%;
		margin-left:-10px;
	}
	.irai li:after {
		content:"";
		height:25px;
		width:6px;
		display:block;
		background:#dfdede;
		position:absolute;
		bottom:-15px;
		margin-left:-3px;
		left:10%;
	}
	.irai li:last-child:before,
	.irai li:last-child:after{
		display:none;}
	.irai li p {
		font-size:93%;
		padding-left:30px;
		padding-top:10px;
		font-weight:normal;
		border-top:1px dotted #ccc
	}



	/* admission/index.html
	---------------------------------------- */
	#admission .style01 th,
	#admission .style01 td	{	padding-top:1em;}
	#admission .style01 th	{	vertical-align:top; white-space:nowrap; padding-right:1em;}
	#admission .style01 td dt	{	margin-top:0.5em;}
	#admission .style01 td dd	{	padding-left:2em; font-size:93%;}

	#admission .style02 td 	{	width:25%;}
	#admission .style02 td:nth-of-type(3)	{	width:40%;}
	

	/* admission/02.html
	---------------------------------------- */
	#admission .style03 td	{	white-space:nowrap;}
	#admission .style03 td:nth-of-type(3){	white-space:normal;}
	
	#admission .style04 td	{	text-align:right;}
	#admission .style04 thead td	{	text-align:center;}

	/* admission/03.html
	---------------------------------------- */
	#admission .style05 td	{	text-align:center;}
	#admission .style05 th	{	width:250px;}

	/* admission/04.html
	---------------------------------------- */
	#admission .style06 li			{	width:100%; display:table; margin-bottom:1em;}
	#admission .style06 li span		{	display:table-cell; border:1px solid #ccc; padding:5px; width:300px;  }
	#admission .style06 li p		{	display:table-cell; padding-left:1em; vertical-align:middle;}
	#admission .style06 li p strong	{	font-size:108%;}


	/* center/04.html
	---------------------------------------- */
	.letter {
		width:100%;
	}
	.letter td {
		width:33%;
		padding:10px;
		padding-bottom:30px;
		vertical-align:top;
	}
	.letter td h4 {
		/*????????????*/
	}

	/* activity/index.html,activity/02.html
	---------------------------------------- */
	#activity .style07			{	display: -webkit-flex; display: -ms-flexbox; display: flex;
									-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;
									-webkit-justify-content: space-between;	-ms-flex-pack: justify; justify-content: space-between;}
	#activity .style07 li		{	margin-bottom:10px; border:1px solid #ccc; padding:5px;}


	/* contact/index.html
	---------------------------------------- */
	#contact .inputForm span.required	{	color:red; float:right;}


/* 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;}