@charset "utf-8";

#main > .inner{
	padding-top: 210px;
}

#main .h.title{
	background-image: url(../img/bg_h_01.jpg);
}
h4{
	width:700px;
	height:42px;
	background: url(../img/h4.png) no-repeat left bottom;
	margin:20px 0;
	color: #002886;
	font-size: 16px;
	font-weight: bold;
}
h4 span{
	padding-left: 30px;
	background: url(../img/tet_icon_01.png) no-repeat left center;

}
h5 {
	margin:0 0 35px;
	font-size: 16px;
	font-weight: bold;
	padding-left: 25px;
	background: url(../img/tet_icon_02.png) no-repeat left center;
}
.copy {
	margin: 35px 0;
}
.bnrs li{
	float: left;
	margin: 0 0 6px 5px;
}
.bnrs li:first-child ,
.bnrs li:nth-child(3),
.bnrs li:nth-child(5),
.bnrs li:nth-child(7) {
	margin-left: 0;
}

.list li {
	margin-bottom: 30px;
}

.post-photo {
	margin: 30px 0 30px 30px;
}
.post-photo li {
	float: left;
	margin: 0 20px 20px 0;
}
.post-detail {
	background: #F3F7FA;
	padding: 20px;
	margin-bottom: 50px;
}
.post-detail dt {
	font-weight: bold;
	background: url(../img/tet_icon_02.png) no-repeat left center;
	padding-left: 20px;
	margin-bottom: 8px;
}
.pers-photo01 {
	float: left;
	margin-bottom: 40px;
}
.pers-photo01 li {
	float: left;
	margin: 0 10px 10px 0;
}
.pers-photo01 li img {
	margin-bottom: 5px;
}
.pers-box {
	float: left;
	clear: both;
	width:700px;
	margin-bottom: 22px;
}
.pers-box h5 {
	margin-bottom: 15px;
}
.pers_box h5,
.pers-box p {
	float: left;
	width: 350px;
}
.pers-box ul {
	float: right;
	width: 325px;
	margin-top: -34px;
}
.pers-box ul li {
	float: left;
	margin-left: 8px;
}
.pers-box p.pers-list {
	float: none;
}
.pers-box ul.pers-list {
	float: left;
	width: 350px;
	margin-top: 0px;
	list-style: disc;
	list-style-position: inside;
	margin-top: 15px;
}
.pers-box ul.pers-list li {
	float: none;
	margin-left: 0px;
}
.pers-event {
	float: left;
	margin-bottom: 20px;
}
.pers-event li {
	float: left;
	margin-right: 8px;
}
.pers-event li:last-child {
	margin-right: 0;
}
.pers-event-ttl {
	width: 320px;
	margin-bottom: 10px;
	clear: both;
}
.amb-photo {
	margin: 30px 0;
}
.amb-photo li {
	float: left;
	margin: 0 2px 6px 0;
}
.amb-photo li:nth-child(3) {
	margin-right: 0;
}

.amb-info {
	width: 700px;
	height: 215px;
	margin: 30px 0 38px;
	background: #F9F9FA
}
.amb-info .name {
	float: left;
	padding: 40px 0 30px 90px;
}
.amb-info .busyo {
	float: left;
	clear: left;
	padding-left: 90px;
}
.amb-info div {
	float: right;
	margin: -12px 50px 0 0;
}
.amb-main {
	margin-bottom: 40px;
}
.amb01-left {
	float: left;
	width: 400px;
}
.amb01-left p {
	margin-bottom: 20px;
}
.amb01-right {
	float: right;
	width: 280px;
}
.amb02-left {
	float: left;
	width: 360px;
}
.amb02-left p {
	margin-bottom: 20px;
}
.amb02-right {
	float: right;
	width: 320px;
	margin-bottom: 40px;
}
.amb-sched {
	clear: both;
	padding: 6px 5px;
	border: #ddd solid 1px;
}
.amb-sched .amb-inner {
	padding: 4px;
	background: url(../../ambition/img/time_bg.png) repeat;
}
.amb-sched .amb-inner h5 {
	padding: 12px 0 12px 28px;
	margin-bottom: 25px;
	line-height: 44px;
	background: #002886 none;
}
.amb-sched .amb-inner dl {
	margin-left: 30px;
	padding-bottom: 20px;
	background: url(../../ambition/img/timeline.png) repeat-y 16px top;
}
.amb-sched .amb-inner dl dd {
	font-size: 13px;
	padding: 0 15px 0 50px;
}
.amb-sched .amb-inner dl.last {
	background: none;
}
.amb-sched .amb-inner dl.amb-timebox {
	width: 290px;
}
.amb-sched .amb-inner dl.amb-timebox dd {
	width: 290px;
	padding-right: 5px;
}
.amb-sched .amb-inner .amb01-timephoto {
	float: right;
	margin: -205px 15px 0 0;
}
.amb-sched .amb-inner .amb02-timephoto {
	float: right;
	margin: -118px 15px 0 0;
}
.amb-sched .amb-inner .amb03-timephoto {
	float: right;
	margin: -190px 15px 0 0;
}
.amb-sched .amb-inner .amb04-timephoto {
	float: right;
	margin: -210px 15px 0 0;
}
.amb-sched .amb-inner .amb05-timephoto {
	float: right;
	margin: -65px 15px 0 0;
}


/*募集要項*/
#pageLink {
	padding: 20px 0 10px;
}

#pageLink li {
	float:left;
	width:168px;
	padding-right:5px;
}

#pageLink li:last-child {
	padding-right:0px;
}

table.youkou{
	width:100%;
	border:1px solid #dddddd; border-collapse:collapse;
	margin:0px 0 40px 0;
	font-size:13px;
}
table.youkou th{
	width:70px;
	background:#f0f5f9;
	border:1px solid #dddddd; border-collapse:collapse;
	font-weight:normal;
	padding:10px 30px;
	vertical-align:top;
}
table.youkou td{
	border:1px solid #dddddd; border-collapse:collapse;
	padding:10px 30px;
}



@media screen and (max-width: 740px){
	#main .inner{
		padding-top: 0;
	}

	#main .h.title{
		background-image: url(../img/bg_h_01_sp.jpg);
		background-size: cover;
	}
	.copy img {
		width: 100%;
		height: auto;
	}

	#main .localnav{
		border-top: 1px solid #ddd;
	}

	#main .localnav > li{3
		float: left;
		font-size: 11px;
		line-height: 1.0;
		width: 50%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		border-bottom: 1px solid #ddd;
		text-align: center;
	}

	#main .localnav > li.odd{
		clear: left;
		border-right: 1px solid #ddd;
	}

	#main .localnav > li a{
		display: block;
		text-decoration: none;
		padding: 9px 4px;
	}

	h4{
		width:100%;
		height: auto;
		padding-bottom: 10px;
		background: url(../img/h4.png) no-repeat left bottom;
		background-size:100% 33px;
	}
	.bnrs{
		text-align: center;
	}
	.bnrs li{
		width: 100%;
		float: none;
		margin: 0 auto 6px auto;
	}
	.bnrs li img {
		width: 100%;
	}
	.post-photo {
		margin: 30px 0 30px;
	}
	.post-photo li {
		float: left;
		width: 48%;
		margin: 0 1% 10px 1%;
	}
	.post-photo li img {
		width: 100%;
	}

	.pers-photo01 {
		width: 100%;
	}
	.pers-photo01 li {
		width: 48%;
		margin: 0 1% 10px 1%;
	}
	.pers-photo01 li img {
		width: 100%;
	}
	.pers-box {
		width:100%;
	}
	.pers_box h5,
	.pers-box p {
		width:100%;
	}
	.pers-box ul {
		float: left;
		clear: left;
		width:100%;
		margin-top:10px;
	}
	.pers-box ul li {
		width: 48%;
		margin: 0 1% 10px 1%;
	}
	.pers-box ul.pers-list li {
		width: 100%;
	}
	.pers-box li img {
		width: 100%;
	}
	.pers-box li.yakyu {
		width: 98%;
		margin: 0 1% 10px 1%;
	}
	.pers-box li.yakyu img {
		width: 100%;
	}
	.pers-event-last {
		float: none;
		width: 100%;
	}
	.pers-event {
		width: 100%;
	}
	.pers-event li {
		float: left;
		width: 48%;
		margin: 0 1% 10px 1%;
	}
	.pers-event li img {
		width: 100%;
	}

	.amb-photo {
		width:100%;
	}
	.amb-photo li {
		width: 48%;
		margin: 0 1% 10px 1%;
	}
	.amb-photo li img {
		width: 100%;
	}

	.amb-info {
		float: left;
		width: 100%;
		height: auto;
		padding: 10px 0;
		margin: 30px 0 38px;
		background: #F9F9FA
	}
	.amb-info .name {
		width: 35%;
		padding-left: 4%;
		padding: 20px 0 5px 4%;
	}
	.amb-info .name img {
		width: 100%;
	}
	.amb-info .busyo {
		width: 35%;
		padding: 0 0 4% 20px;
	}
	.amb-info div {
		width: 50%;
		margin: 0 3% 0 0;
	}
	.amb-info div img {
		width: 100%;
	}
	.amb-main img {
		width: 100%;
	}
	.amb01-left,
	.amb01-right,
	.amb02-left,
	.amb02-right {
		width: 100%;
	}
	.amb01-left img,
	.amb01-right img,
	.amb02-left img,
	.amb02-right img {
		width: 80%;

	}

	.amb-sched .amb-inner h5 img {
		width: 55%;
	}
	.amb-sched .amb-inner dl {
		margin-left: 1%;
		padding-bottom: 20px;
		background: url(../../ambition/img/timeline.png) repeat-y 9px top;
	}
	.amb-sched .amb-inner dl dd {
		padding: 6px 3% 0 9%;
	}
	.amb-sched .amb-inner dl.amb-timebox {
		width: auto;
	}
	.amb-sched .amb-inner dl.amb-timebox dd {
		width: auto;
	}
	.amb-sched .amb-inner .amb01-timephoto,
	.amb-sched .amb-inner .amb02-timephoto,
	.amb-sched .amb-inner .amb03-timephoto,
	.amb-sched .amb-inner .amb05-timephoto {
		float: left;
		margin: 0 3% 30px 16%;
	}
	.amb-sched .amb-inner .amb04-timephoto {
		float: left;
		margin: -20px 3% 30px 16%;
	}
	.amb-sched .amb-inner .amb01-timephoto img,
	.amb-sched .amb-inner .amb02-timephoto img,
	.amb-sched .amb-inner .amb03-timephoto img,
	.amb-sched .amb-inner .amb04-timephoto img,
	.amb-sched .amb-inner .amb05-timephoto img {
		width: 100%;
	}


	.mainimg > img {
		width: 100%;
	}
	
	/*募集要項*/
	
	#pageLink li {
		float: left;
		width: 48%;
		margin: 0 1% 10px 1%;
		padding:0;
	}

	#pageLink li img {
		width: 100%;
		height: auto;
	}
	
	table.youkou th{width:70px; padding:5px;}
	table.youkou td{padding:5px;}
	
	table.color{margin:0;}
	table.color tr{border:1px solid #cccccc;}
	table.color th{padding:10px;}
	table.color td{padding:10px;}

}