@charset "utf-8";

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

#main .h.title{
	background-image: url(../img/bg_h_01.jpg);
}

h4{
	height:42px;
	background: url(../../common/img/bg_h_01.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;

}

h6 {font-weight: bold;}

.sidepad a {
	color:#0E5EE1;
}

.flashBox {
	border-top:1px dotted #ccc;
	padding-top:15px;
}

.flashBox > .bnrArea {
	float:left;
	width:105px;
}

.pdfBox {
	border-top:1px dotted #ccc;
	padding-top:15px;
	margin-bottom: 15px;
}

.pdfBox > .bnrArea {
	float:left;
	width:130px;
}

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

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

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

	#main .localnav > li{
		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;
	}
	
	h4.mt50 {
		margin-top:30px !important;
	}
	
	.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 li img {
		width: 100%;
	}
	.pers-box li.yakyu {
		width: 98%;
		margin: 0 1% 10px 1%;
	}
	.pers-box li.yakyu img {
		width: 100%;
	}
	.pers-club {
		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%;
	}

	.flashBox > .bnrArea,
	.pdfBox > .bnrArea {
		float: none;
		padding-bottom: 10px;
	}
}