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

  トップページ

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

/* メインイメージ */

#mainImage {
	width: 100%;
	text-align: center;
	margin-bottom: 40px;
}

#mainImage img {
	max-width: 1200px;
	width:100%;
}

/* コンセプト */

#concept {
	margin-bottom:0;
	text-align: center;
}

#concept h2 {
	margin-bottom: 30px;
}

#concept .left {
	margin-right: 20px;
}

@media screen and (max-width: 840px) {
	#concept li {
		width:100%;
		margin : 0 auto 3% !important;
	}

	#concept li img {
		width:100%;
	}
}

@media screen and (max-width: 840px) {
	#concept {
		padding: 0 5%;
		margin-bottom:3%;
	}

	#concept h2 {
		margin-bottom: 5%;
	}

	#concept img {
		width:70%;
	}
}

@media screen and (max-width: 640px) {
	#concept {
		margin-bottom:6%;
	}

	#concept img {
		width:85%;
	}
}


/* 募集要項 */

table {
	width:100% !important;
	border: 2px solid #4F8CCA;
	margin          : 0 ;
	font-size       : 1.15em ;
	border-collapse: collapse;
    table-layout: fixed;
}

	table tr {
		width:100%;
	}

	table th ,
	table td {
		border-bottom: 2px dotted #333;
	}

	table tr:last-child th ,
	table tr:last-child td {
		border-bottom: none;
	}

	table th {
		width:20%;
		padding: 1% 2% ;
		color: #fff;
		text-align  : left ;
		font-weight : bold ;
		background: #4F8CCA;
	}
	
	table td {
		width:30%;
		padding: 1% 2% ;
	}


@media only screen and (max-width:640px){
    table { margin: 0 ; }
    table th,
    table td{
    width: 100%;
    display: block;
    border-bottom: none;
    }
}

/* 福利厚生 */

#sekisui {
	margin-bottom: 50px;
}

#sekisui h3 {
	color: #036EB8;
	font-size : 2.2em ;
	text-align: center;
	margin-bottom: 25px;
}

#system h3 {
	color: #036EB8;
	font-size : 1.8em ;
	margin-bottom: 25px;
}

#system div {
	margin-bottom: 35px;
}

#system h4 {
	color: #333;
	line-height: 140%;
	font-size : 1.7em ;
	padding : 14px 15px 10px ;
	margin-bottom: 5px;
	background: #FFEC72;
}

#system dl {
	color:#036EB8;
	width:1000px;
	font-size: 1.6em;
	margin-top: 10px;
}

#system dt {float:left; margin-bottom:5px;}

#system dd {margin-left:300px; margin-bottom:5px; padding-left:20px; border-left:2px solid #036EB8;}

@media screen and (max-width: 840px) {
	#system dl {
		width:100%;
		font-size: 1.3em;
	}

	#system dt {float:inherit; margin-bottom:0;}

	#system dd {margin-left:0; margin-bottom:0; padding-left:0; border-left:none;}
}


/* カリキュラム */

#professional {
	text-align:center;
	margin-bottom:45px;
}

.curriculum_block h3 {
	color:#4F8CCA;
	font-size : 1.8em ;
	line-height: 130%;
	padding : 0 0 15px 10px ;
	margin-bottom:25px;
	border-bottom: 2px dotted #333;
}

#curriculum_A {
	margin-bottom: 60px;
}

#curriculum_A .left {
	width:640px;
	margin-left :10px;
}

#curriculum_A p span {
	padding-top :10px ;
	display: inline-block;
}

#curriculum_A .right {
	width:320px;
}

#flow {
	margin-bottom :60px;
}

#curriculum_B .left {
	width:480px;
	margin-bottom: 30px;
}

#curriculum_B .right {
	width:480px;
	margin-bottom: 30px;
}

#contact_btn {
	text-align: center;
}

#contact_btn a {
	color:#fff;
	font-size : 2em ;
	font-weight: bold;
	width:640px;
	margin : 70px auto 0;
	padding : 25px 0 ;
	display: block;
	text-decoration: none;
	border : 10px solid #FCE2C0 ;
	background: #4F8CCA;
}

#contact_btn a:hover {
	opacity: 0.8;
}

@media screen and (max-width: 840px) {
	#professional {
		margin-bottom:6%;
		text-align: center;
	}
	
		#professional img {
			width : 90% ;
		}

	.curriculum_block h3 {
		font-size : 1.3em ;
		padding : 0 0 10px 5px ;
		margin-bottom:4%;
	}

	#curriculum_A {
		margin-bottom :8%;
	}

	#curriculum_A .left {
		width:100%;
		margin-left :0;
	}

	#curriculum_A p span {
		padding-top :10px ;
		display: inline-block;
	}

	#curriculum_A .right {
		width:100%;
		text-align: center;
		margin-bottom :4% ;
	}
	
		#curriculum_A .right img {
			width:60%;
		}

	#flow {
		text-align: center;
		margin-bottom :8%;
	}
	
	#flow img {
		width:80%;
	}

	#curriculum_B .left ,
	#curriculum_B .right {
		width:100%;
		margin-bottom: 5%;
	}

	#contact_btn a {
		width:100%;
		margin : 8% auto 0;
	}
}

/* ===================================================
	
	タブレット用レイアウト
	
=====================================================*/


@media screen and (max-width: 840px) {

	section h2 img {
		width:auto;
		height:100%;
	}
}