@charset "utf-8";
/* CSS Document */
	body{
		background: #fff;	
		font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'MS Pゴシック','MS PGothic',sans-serif;
	}
	img{max-width: 100%;}
	li{
		list-style-type: none;	
	}
	a:hover{text-decoration:none;}
	
	#header-wrapper{
			-webkit-box-shadow: -4px 10px 9px -12px rgba(23,68,105,1);
			-moz-box-shadow: -4px 10px 9px -12px rgba(23,68,105,1);
			box-shadow: -4px 10px 9px -12px rgba(23,68,105,1);
			height:80px;
			behavior: url(../PIE.htc);
			
		
	}
	#mainNav{
		margin-top: 35px;	
	}

	h2{
		margin-top: -5px;	
	}
	.sidemenu{
		width: 100%;
		overflow:hidden;	
	}
	.sidemenu a{
		float: left;	
		width: 25%;
	}
	.sp-sidemenu{
		width: 100%;
		overflow: hidden;
	}
	.sp-sidemenu a img{
		width: 49.8%;	
		float: left;
	}
	.s-bdr{border-right: 1px solid #c4c4c4;}
	.s-bdt{border-top: 1px solid #c4c4c4;}
	.interview{
		width: 16%;
		display:block;
		margin: 0 auto;
	}
	h3{
		font-size: 26px;
		font-weight: bold;			
	}
	.s-clock{
		width:130px;
	}
	.bdr-l .list-item{
		min-width:320px;
	}
	.list-item .left{
		float:left;
		width:140px;
		margin-right:-140px
	}
	.list-item .left p{
		font-weight: bold;
		color: #857139;
	}
	.list-item .left:before{
		content:url(../images/interview/interview1/icn-clock.png);
		float:left;
	}
	.list-item .right{
		margin-left:140px;
	}
	.txt-clock{
		width:80%;
		position:relative;
		margin-left:130px;
		margin-top:-24px;
	}
	.blg-q{
		float: left;	
		overflow:hidden;
	}
	.blg-q .left{
		float:left;
		width:4.5%;
		position: relative;
		top:5px;
		left:6px;
	}
	.blg-q .right{
		float:right;
		width:93.5%;
	}
	.bdr-l{
		border-left: 5px solid #6eb92b;
		margin-left: 3%;
		padding-left: 3.5%;
	}
	.bdr-l h3{

		position:relative;
		top:-7px;
	}
	.txt-q{	margin-left: 55px;	}
	.blg-oth{
		width: 100%;
		margin-top: -10px;
		padding-top: 20px;
		border-top: 4px solid #004EA2;	
		overflow:hidden;
	}
	.oth01{
		float: left;
		width: 32%;
		margin-right: 2%;
	}
	.oth01 a{
		color: #000;
		text-decoration: none;
	}
	.img-blue{clear:both; width: 228px;}
	.p-top{
		clear:both;
		display:block;
		cursor:pointer;
		margin: 60px auto;
		overflow:hidden;

	}

	#footer{padding-bottom: 20px;}

	.red{color: red;}
	.mr0{margin-right: 0 !important;}
	.bdr-t{padding-top:30px;border-top: 1px solid #e4e4e4;}
	.bdr-t-sp{padding-top:20px;border-top: 1px solid #e4e4e4;}
	.fw-b{font-weight: bold;}
	.fl{float: left;}
	.fr{float: right;}
	.w-auto{width: auto;}
	.mt0{margin-top: 2px;}
	.mt5{margin-top: 5px;}
	.mt10{margin-top: 10px;}	
	.mt15{margin-top: 15px;}	
	.mt20{margin-top: 20px;}
	.mt30{margin-top: 30px;}
	.mt35{margin-top: 35px;}
	.arr-green{vertical-align:middle; margin-top:-4px;}
	
	.ptb-10{padding:7px 0 5px 0;}
@media screen and (max-width: 640px){
	.sp-hide{display:none;}
	.pc-hide{display:block;}
	.p-top{
		margin:10px auto;
		margin-top: 40px;
	}
	
	
	
	.fix-conten{
		/*position:absolute;*/
		/*top:100px;*/
	}
	

	#header-wrapper{
		box-shadow: none;
	}
	h2{margin-top: -20px !important;}
	.interview{width: 30%; margin-top:20px;}
	h3{
		font-size: 15px;	
	}
	p{
		font-size: 12px;	
	}
	a{font-size: 10px;}
	.bdr-l h3{
		top:-2px;
	}
	.list-item .left:before{
		content:url(../images/interview/interview1/sp-icn-clock.png);
	}
	.list-item .left{
		width:35%;
		margin:0;
		float:left;
	}
	.list-item .left p,.list-item .right p{
		position:relative;
		top:3px;
	}
	.list-item .right{
		margin:0;
		overflow:hidden;
		width:50%;
	}
	
	.blg-q{
		float: none;	
}	

	

	
	.blg-q .left{
		width:7%;
		left:0;
	}
	.blg-q .right{

		float:right;
		width:90%;
	}
	.blg-q .right p{
		margin-top: 5px;	
	}
	.img-blue{
		clear:both;
		width: 35%;	
	}
	.sp-blg-oth{
		border-top: 3px solid #004ea2;
		margin-top: -9px;
	}
	.sp-blg-oth li{
		background: #f6f6f6;
		padding:14px 0 14px 10px;
		border-bottom: 1px solid #fff;	
	}
	.sp-blg-oth li a{
		font-size: 12px;
		color: #000;
		text-decoration: none;
		display: block;
		background: url(../images/interview/arr-oth.png) right center no-repeat;
		-webkit-background-size: 15px 10px;
		background-size: 15px 10px;
		
	}
	.arr-green{vertical-align:middle; margin-top:-4px; width:13px; height:13px;}
	.mt30{margin-top: 30px; width:90%;}
}