@charset "UTF-8";


/*!-------------------------------------------------------
 ** @  卒業後の進路
-------------------------------------------------------*/
.state {
	padding-top: 10px;
}
	.state h4 {
	}
	.state .graph {
		width: 100%;
			text-align: center;
		margin-bottom: 30px;
	}
		.state .graph img {
			max-width: 680px;
			width: 100%;
		}
	.state p{
	}

.result {
	padding: 10px 0;
}
	.result h4 {
		margin-bottom: 0;
	}
	.result h5 {
		margin-bottom: 5px;
	}
	.result table {
		width: 100%;
	}
		.result table tr {
		}
			.result table td {
				border-width: 2px;
				width: 33%;
				background:url(../img/bg_stripe_gray2.jpg) repeat left top;
			}
			.result table td.kara {
				background: none;
				background-color: #fff;
			}

	.career_nav li.kaisyain {
		background-image: url(../img/bg_stripe_kaisyain.jpg);
	}
	.career_nav li.koumuin {
		background-image: url(../img/bg_stripe_koumuin.jpg);
	}

	.message_box .kaisyain h4 {
		background-image: url(../img/bg_stripe_kaisyain.jpg);
		border-color: #328383;
	}
	.message_box .koumuin h4 {
		background-image: url(../img/bg_stripe_koumuin.jpg);
		border-color: #669933;
	}

	.message_box .kaisyain p strong {
		color: #328383;
	}
	.message_box .koumuin p strong {
		color: #669933;
	}

	.message_box .kaisyain dt {
		background-color: #328383;
	}
	.message_box .koumuin dt {
		background-color: #669933;
	}


/*!-------------------------------------------------------
 ** @  内定者からのメッセージ
-------------------------------------------------------*/
.career_nav {
	padding-left: 0;
	margin-top: 20px;
	margin-bottom: 30px;
	display: table;
	width: 100%;
}
	.career_nav li {
		background: url(../img/bg_stripe_green1.jpg) repeat top left;
		padding: 20px 0;
		width: 50%;
		text-align: center;
		display: table-cell;
		border-right: solid 1px #fff;
	}
		.career_nav li a {
			color: #fff;
		}
		.career_nav li a:hover {
			opacity: 0.5;
		}

	.message_box h5 {
		border-bottom: solid 1px #ccc;
		padding-bottom: 3px;
	}
		.message_box p strong {
			font-size: 150%;
		}
		.message_box .r_photo {
			padding-top: 15px;
		}
	
	.koudo {
		padding: 10px 0 30px;
	}
		.koudo dl {
			margin: 5px 0;
		}
		.koudo dl.next_img:after {
			content: "▼";
			/*color: #008C43;*/
			color: #328383;
			font-size: 150%;
			line-height: 1;
			padding-left: 1.8em;
		}
			.koudo dl dt {
				display: table;
			}
				.koudo dl dt span {
					display: table-cell;
					font-weight: bold;
					font-size: 140%;
				}
				.koudo dl dt span:nth-child(1) {
					/*background-color: #008C43;*/
					background-color: #328383;
					color: #fff;
					padding: 3px 0;
					width: 6em;
					text-align: center;
					font-size: 110%;
					vertical-align: middle;
				}
				.koudo dl dt span:nth-child(2) {
					padding-left: 10px;
				}
			.koudo dl dd {
				padding: 5px 0;
				margin: 0;
			}


/*!-------------------------------------------------------
 ** @  卒業生からのメッセージ
-------------------------------------------------------*/

.message_box .koudo_box {
	padding: 0;
	margin: 20px 0 50px;
	background:#fff;
	border: solid 1px #ccc;
}
	.message_box .koudo_box h5 {
		font-size: 100%;
		background-color: #328383;
		color: #fff;
		padding: 5px 15px;
		font-weight: bold;
		margin:0 0 15px;
	}

/*
	.message_box .koudo_box h5 {
		border-bottom: solid 1px #328383;
		color: #328383;
		font-size: 110%;
		padding: 0 0 5px 0;
	}
*/
	.message_box .koudo_box dl {
		margin: 5px 15px;
		border:none;
	}
	.message_box .koudo_box dl.next_img:after {
		content: "▼";
		/*color: #008C43;*/
		color: #328383;
		font-size: 150%;
		line-height: 1;
		padding-left: 1.5em;
	}
		.message_box .koudo_box dl dt {
			display: table;
			background:none;
			color:#333;
			padding: 3px 0 3px 0;
		}

			.message_box .koudo_box dl dt span {
				display: table-cell;
				font-weight: bold;
				font-size: 125%;
			}
			.message_box .koudo_box dl dt span:nth-child(1) {
				/*background-color: #008C43;*/
				background-color: #328383;
				color: #fff;
				padding: 3px 0;
				width: 6em;
				text-align: center;
				font-size: 100%;
				vertical-align: middle;
			}
			.message_box .koudo_box dl dt span:nth-child(2) {
				padding-left: 10px;
			}
		.message_box .koudo_box dl dd {
				padding: 5px 0 5px 0;
				margin: 0;
				background:none;	
			}

/*!-------------------------------------------------------
 ** @ カリキュラム体系表
-------------------------------------------------------*/

.btn_pdf {
		margin: 40px 0 20px;
}
	.btn_pdf a {
		color: #008d43;
		font-size: 120%;
		padding: 15px 25px 15px 20px;
		display: block;
		width: 100%;
		border: solid 2px #008d43;
		box-sizing: border-box;
		position: relative;
		font-weight: bold;
		margin-bottom: 15px;
	}
	.btn_pdf a:hover {
		opacity: 0.6;
	}
		.btn_pdf a:before {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -8.5px;	
	}
		.btn_pdf a small {
			color: #333;
			font-weight: normal;
			padding-left: 10px;
		}

@media screen and (max-width: 599px) {
		.btn_pdf a small {
			display: block;
			padding-left: 0;
		}
}