@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:#d5eefa;}
			.navi > li#l03:after	{	background:#ecf8ec;}
			.navi > li#l04:after	{	background:#faf6e3;}
	
	.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:#12adf4;}
			.navi > li#l02 > span, .navi > li#l02 > span:after	{	background:#90ee90;}
			.navi > li#l03 > span, .navi > li#l03 > span:after	{	background:#ffd700;}
			.navi > li#l04 > span, .navi > li#l04 > span:after	{	background:#ffa07a;}	
	
	.navi > li ol		{	padding:20px 5px 10px 15px; margin-top:-10px;}
			.navi > li#l01 ol	{	background:#d5eefa;}
			.navi > li#l02 ol	{	background:#ecf8ec;}
			.navi > li#l03 ol	{	background:#faf6e3;}
			.navi > li#l04 ol	{	background:#fcede7;}
	.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:#12adf4;}
			.navi > li#l02 a:after	{	background:#90ee90;}
			.navi > li#l03 a:after	{	background:#ffd700;}
			.navi > li#l04 a:after	{	background:#ffa07a;}
	.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:#0d7fda;}
			.navi > li#l02 a:hover	{	color:#67ce67;}
			.navi > li#l03 a:hover	{	color:#ffab00;}
			.navi > li#l04 a:hover	{	color:#ff7457;}
			
			.navi > li#l01 a:hover:after	{	background:#0d7fda;}
			.navi > li#l02 a:hover:after	{	background:#67ce67;}
			.navi > li#l03 a:hover:after	{	background:#ffab00;}
			.navi > li#l04 a:hover:after	{	background:#ff7457;}
	

	/* Right Content Base , Titles
	---------------------------------------- */
	.main				{	min-height:580px; 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%; }



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

	/* job 
	---------------------------------------- */
	#work .headline		{	background:#d5eefa;}
	#work .headline h2	{	background:#12adf4; }
	#work .headline h2:after
						{	background:#12adf4; }
	#work .headline h3:before
						{	background:#12adf4;}
	#work h4			{	border-bottom:1px solid #12adf4; color:#12adf4; }


	/* admission
	---------------------------------------- */
	#member .headline		{	background:#ecf8ec;}
	#member .headline h2	{	background:#90ee90; }
	#member .headline h2:after
							{	background:#90ee90; }
	#member .headline h3:before
							{	background:#90ee90;}
	#member h4				{	border-bottom:1px solid #67ce67; color:#67ce67; }


	/* business
	---------------------------------------- */
	#info .headline			{	background:#faf6e3;}
	#info .headline h2		{	background:#ffd700; }
	#info .headline h2:after
							{	background:#ffd700; }
	#info .headline h3:before
							{	background:#ffd700;}
	#info h4				{	border-bottom:1px solid #ffab00; color:#ffab00; }

	/* center
	---------------------------------------- */	
	#center .headline			{	background:#fcede7;}
	#center .headline h2		{	background:#ffa07a; }
	#center .headline h2:after
								{	background:#ffa07a; }
	#center .headline h3:before
								{	background:#ffa07a;}
	#center h4					{	border-bottom:1px solid #ffa07a; color:#ffa07a; }



/* Original
========================================== */

	/* /job/02.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;}
	.flow > li:first-child strong{	font-size: 17px; color:#c00000;}
	
	#job02 > li span			{	color:#c00000; font-weight:bold; }
	#job02 > li span strong		{	font-size:20px;}

/* common
========================================== */
.img100{	max-width: 100%;}

iframe[src$=".pdf"]{	width:100%; height:80vh;} 


/* imgBox(3rd)--/admission/032.html
========================================== */
.imgBox.horizontal		{	width:100%; margin:18px 0 0 0; float:none; display: flex; flex-wrap:wrap; justify-content:space-between;}
.imgBox.horizontal li	{	flex-basis: 268px; position: relative;}
.imgBox.horizontal img	{	margin-top:0; display: block; }
.imgBox.horizontal p	{	margin-top:0; background: rgba(255,255,255,0.7); padding:3px 10px; text-align: center;
							position:absolute; bottom:0; right:0; margin:0;}


/* subMenu(2nd)--/job/index.html
========================================== */
#smJOBkatei li					{	flex-basis: 158px;}
#smJOBkatei li:nth-child(2n)	{	flex-basis: 198px;}

/* subMenu(2nd)--/business/index.html
========================================== */
.subMenu.cap img	{	float:left; margin:0 20px 0 0;}
.subMenu.cap ul		{	display: block; flex-wrap:nowrap;}
.subMenu.cap li		{	list-style:square; margin:5px 0 0 20px; flex-basis: auto;}
.subMenu.cap li	p	{	font-size: 90%; margin-top:5px;}
.subMenu.cap li	ul	{	font-size: 90%; display: flex; flex-wrap:wrap; margin:5px 0 10px 0;}
.subMenu.cap li	ul li	{	flex-basis: 130px; list-style: disc;  margin-top:0;}
.subMenu.cap li	ul li:nth-child(2n)	{	flex-basis: 190px;}

#info p#leadGuide	{	font-size: 140%; display: inline;
						background: linear-gradient(transparent 70% , #ffd700 70%);}

#info #guidePrice tbody tr:last-child th,
#info #guidePrice tbody tr:last-child td	{	border-top: 2px solid #ccc;}

#info #course dt			{	background:#efefef; font-weight:bold; padding:5px; margin-top:1em;}
#info #course dt strong		{	background:#777; color:#fff; padding:0 5px;}
#info #course dt span		{	display: inline-block; margin-left:1em;}
#info #course dd			{	margin:0.5em 0 0.5em 2em;}
#info #course dd.time		{	color:#bd0721; font-weight:bold;}
#info #course dd.comment	{	padding-top:10px; border-top:1px dotted #777;}
#info #course dd .dots		{	-webkit-text-emphasis: filled; text-emphasis: filled;}

#info #tourBtn			{	text-align: center; margin-top:3em; background: #efefef; padding:20px 0;}
#info #tourBtn li		{	display: inline-block; margin:0 0;}
#info #tourBtn li a.btn	{	padding:10px 10px;}

#info #tourAdd		{	margin-top:2em; border:1px solid #777; background: #efefef; }
#info #tourAdd h5	{	background:#777; color:#fff; font-weight:bold; padding:5px; border-left:0; margin-top:0;}
#info #tourAdd p	{	margin:1em;}

/* /center/index.html
========================================== */
#mapBase	{	background: #ffe6f9; text-align: center;}

/* /center/040.html,041.html,042.html
========================================== */
.letter					{	margin:0 auto; width:100%; padding-top:30px;
	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; }
.letter::after 			{	display: block;	content:""; width: 31%;}


/* 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;}
.mB0	{	margin-bottom:0!important}