@charset "utf-8";
/* CSS Document */

.l-slider{
	width:100%;
	margin:25px auto;
	/*background-color:#fafafa;*/
	background-color:#FFFFFF;
	padding-bottom:0px;
}
.l-slider-inner{
	max-width:1080px;
	width:100%;
	margin: 0px auto;
	padding: 0;
	/*background-color:#fafafa;*/
	background-color:#FFFFFF;
}
.l-slider .l-slider-inner img{
	width:100%;
	display:block;
}
.bx-controls{
	display:none;	
}

.l-vision{
	width:100%;
	margin:0px auto;
	padding:25px 0 0px;
	background:url(../images/top/bg_vision_pc.jpg) repeat;
	border-top:1px solid #0170a8;
	border-bottom:1px solid #0170a8;
}
.l-vision h3{
	text-align:center;
	position:relative;
	top:40px;
}
.l-vision .l-visionBlock01{
	width:100%;
	display:table;
}
.l-vision .l-visionBlock01 div{
	display:table-cell;
	vertical-align:top;
}
.l-vision .l-visionBlock01 div:first-of-type{
	width:212px;
}
.l-vision .l-visionBlock01 div:last-of-type{
	width:auto;
	padding:0 35px;
	vertical-align:middle;
	font-size:112.5%;
	line-height:2;
}

.l-vision .l-visionBlock02 p{
	text-align:right;
	position:relative;
	top:-60px;
}
.l-vision .l-visionBlock02 p a{
	display:inline-block;
	padding:15px 37px;
	border:2px solid #0170a8;
	background-color:#FFFFFF;
	color:#0170a8;
	font-size:87.5%;
	font-weight:bold;
}
.l-vision .l-visionBlock02 p a:after{
	display:inline-block;
	position:relative;
	content:">";
	top:-1px;
	right:-18px;
}
.l-vision .l-visionBlock02 p a:hover{
	display:inline-block;
	padding:15px 37px;
	border:2px solid #0170a8;
	background-color:#0170a8;
	color:#FFFFFF;
	font-size:87.5%;
	font-weight:bold;
}

.l-pickup{
	width:100%;
	margin:0px auto;
}
.l-pickup h3{
	text-align:center;
	padding:60px 0;
}
.l-pickup .l-pickupBlock01{
	max-width:970px;
	width:100%;
	margin:0 auto;
	text-align:center;
}
.l-pickup .l-pickupBlock01 > div{
	display:inline-block;
	vertical-align:top;
	max-width:318px;
	padding-left:13px;
	padding-right:13px;
	margin-bottom:26px;
	position:relative;
	-webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
}
.l-pickup .l-pickupBlock01 > div:hover{
	top:-1px;
	opacity:0.7;
}
.l-pickup .l-pickupBlock01 > div a{
	display:block;
}
.l-pickup .l-pickupBlock01 > div a:hover{
	opacity:1.0;
	box-shadow:0px 4px 6px 0px #8a8a8a;
	-moz-box-shadow:0px 4px 6px 0px #8a8a8a;
	-webkit-box-shadow:0px 4px 6px 0px #8a8a8a;
}
.l-pickup .l-pickupBlock01 .p-image{
	position:relative;
	z-index:2;
}
.l-pickup .l-pickupBlock01 .p-image img{
	width:100%;
}
.l-pickup .l-pickupBlock01 .p-message{
	display:block;
	padding:28px 10px 25px;
	font-size:14px;
	border:1px solid #dddddd;
	margin-top:-24px;
	position:relative;
	z-index:1;
	text-align:left;
	line-height:2;
}

.l-recruit{
	width:100%;
	padding:0px 0 40px;
	background-color:#f2f2f2;
}
.l-recruit h3{
	text-align:center;
	padding:60px 0 50px;
}
.l-recruit .l-recruitBlock01{
	width:100%;
	display:table;
	padding-bottom:1.5%;
}
.l-recruit .l-recruitBlock01 div{
	display:table-cell;
	vertical-align:top;
}
.l-recruit .l-recruitBlock01 div:last-of-type{
	text-align:right;
}
.l-recruit .l-recruitBlock01 div p a{
	display:block;
}
.l-recruit .l-recruitBlock01 div p a:hover{
	opacity:1.0;
}
.l-recruit .l-recruitBlock01 div p img{
	-webkit-transition:.3s;
	-moz-transition:.3s;
	transition:.3s;
	max-width:451px;
	width:100%;
}

.l-office{
	width:100%;
	margin:0px auto 2px;
	/*padding:13% 0;*/
	min-height:400px;
	max-height:500px;
	background:url(../images/top/bg_office_01_pc.png);
	background-size:cover;
}
.l-office .l-officeBlock01{
	width:100%;
	display:table;
	padding:17% 0;
}
.l-office .l-officeBlock01 div{
	display:table-cell;
}
.l-office .l-officeBlock01 div:first-of-type{
	width:196px;
}
.l-office .l-officeBlock01 div:last-of-type{
	width:auto;
	padding:0 10px 0 0;
	vertical-align:top;
	font-size:112.5%;
	line-height:2;
	text-align:right;
}
.l-office .l-officeBlock01 p a{
	display:inline-block;
	padding:15px 37px;
	border:2px solid #0170a8;
	background-color:#FFFFFF;
	color:#0170a8;
	font-size:87.5%;
	font-weight:bold;
}
.l-office .l-officeBlock01 p a:after{
	display:inline-block;
	position:relative;
	content:">";
	top:-1px;
	right:-18px;
}
.l-office .l-officeBlock01 p a:hover{
	opacity:1.0;
	display:inline-block;
	padding:15px 37px;
	border:2px solid #2d99b5;
	background-color:#2d99b5;
	color:#FFFFFF;
	font-size:87.5%;
	font-weight:bold;
}

/*-------------------- ▲共通CSS▲ ------------------------*/

/*---------------- ▼PCのみCSS▼ --------------------*/
@media screen and (min-width:1001px){
	
	
	
	
}
/*---------------- ▲PCのみCSS▲ --------------------*/
/*---------------- ▼タブレット以降CSS▼ --------------------*/
@media screen and (max-width:1000px){
	
	.l-slider{
		width:100%;
		margin:0 auto;
	}
	
	.l-vision{
		width:100%;
		margin:0px auto;
		padding:4% 0;
		background:url(../images/top/bg_vision_pc.jpg) repeat;
		border-top:1px solid #0170a8;
		border-bottom:1px solid #0170a8;
	}
	.l-vision h3{
		text-align:center;
		position:static;
		top:0px;
		padding-bottom:3%;
	}
	.l-vision .l-visionBlock01{
		width:100%;
		display:table;
	}
	.l-vision .l-visionBlock01 div{
		display:table-cell;
		vertical-align:top;
	}
	.l-vision .l-visionBlock01 div:first-of-type{
		width:150px;
	}
	.l-vision .l-visionBlock01 div:first-of-type img{
		max-width:150px;
		width:100%;
	}
	.l-vision .l-visionBlock01 div:last-of-type{
		width:auto;
		padding:0 3%;
		font-size:100%;
		vertical-align:top;
		line-height:2;
	}
	
	.l-vision .l-visionBlock02{
		padding-top:2%;
	}
	.l-vision .l-visionBlock02 p{
		text-align:center;
		position:static;
		top:0px;
	}
	.l-vision .l-visionBlock02 p a{
		display:inline-block;
		padding:15px 37px;
		border:2px solid #0170a8;
		background-color:#FFFFFF;
		color:#0170a8;
		font-size:87.5%;
		font-weight:bold;
	}
	.l-vision .l-visionBlock02 p a:after{
		display:inline-block;
		position:relative;
		content:">";
		top:-1px;
		right:-18px;
	}
	.l-vision .l-visionBlock02 p a:hover{
		display:inline-block;
		padding:15px 37px;
		border:2px solid #0170a8;
		background-color:#0170a8;
		color:#FFFFFF;
		font-size:87.5%;
		font-weight:bold;
	}
	
	.l-pickup h3{
		text-align:center;
		position:static;
		top:0px;
		padding-top:5%;
		padding-bottom:3%;
	}
	.l-pickup .l-pickupBlock01 .p-message{
		font-size:14px;
	}
	
	.l-recruit{
		padding:0px 0 3%;
	}
	.l-recruit h3{
		text-align:center;
		position:static;
		top:0px;
		padding-top:5%;
		padding-bottom:3%;
	}
	.l-recruit .l-recruitBlock01 {
		padding-bottom: 0;
	}
	.l-recruit .l-recruitBlock01 div:first-of-type p img{
		width:100%;
		padding-right:3%;
	}
	.l-recruit .l-recruitBlock01 div:last-of-type p img{
		width:100%;
		padding-left:3%;
	}
	
	.l-office{
		width:100%;
		margin:0px auto;
		/*padding:13% 0;*/
		min-height:200px;
		max-height:300px;
		background:url(../images/top/bg_office_01_pc.png);
		background-size:cover;
	}
	.l-office .l-officeBlock01 div:first-of-type{
		width:150px;
		vertical-align:middle;
	}
	.l-office .l-officeBlock01 div:first-of-type img{
		width:100%;
	}
	.l-office .l-officeBlock01 p a{
		display:inline-block;
		padding:10px 25px;
		border:2px solid #0170a8;
		background-color:#FFFFFF;
		color:#0170a8;
		font-size:87.5%;
		font-weight:bold;
	}
	.l-office .l-officeBlock01 div:last-of-type{
		padding:0;
	}
	.l-office .l-officeBlock01 p a:after{
		display:inline-block;
		position:relative;
		content:">";
		top:-1px;
		right:-10px;
	}
	.l-office .l-officeBlock01 p a:hover{
		display:inline-block;
		padding:10px 25px;
		border:2px solid #0170a8;
		background-color:#0170a8;
		color:#FFFFFF;
		font-size:87.5%;
		font-weight:bold;
	}
	
}
/*---------------- ▲タブレット以降CSS▲ --------------------*/
/*---------------- ▼スマホ以降CSS▲ --------------------*/
@media screen and (max-width:480px){
	
	.l-vision{
		padding:5% 0;
	}
	.l-vision h3 img{
		width:auto;
		height:20px;
	}
	.l-vision .l-visionBlock01 div:first-of-type{
		width:80px;
	}
	.l-vision .l-visionBlock01 div:first-of-type img{
		max-width:80px;
		width:100%;
	}
	.l-vision .l-visionBlock01 div:last-of-type{
		line-height:1.7;
	}
	
	.l-vision .l-visionBlock02 p a{
		display:inline-block;
		padding:10px 25px;
		border:2px solid #0170a8;
		background-color:#FFFFFF;
		color:#0170a8;
		font-size:87.5%;
		font-weight:bold;
	}
	.l-vision .l-visionBlock02 p a:after{
		display:inline-block;
		position:relative;
		content:">";
		top:-1px;
		right:-10px;
	}
	.l-vision .l-visionBlock02 p a:hover{
		display:inline-block;
		padding:10px 25px;
		border:2px solid #0170a8;
		background-color:#0170a8;
		color:#FFFFFF;
		font-size:87.5%;
		font-weight:bold;
	}
	
	.l-pickup{
		padding:5% 0;
	}
	.l-pickup h3{
		padding:0 0 3%;
	}
	.l-pickup h3 img{
		width:auto;
		height:20px;
	}	
	.l-pickup .l-pickupBlock01 > div{
		display:inline-block;
		max-width:318px;
		width:100%;
		padding-left:0;
		padding-right:0;
		margin-bottom:3%;
	}	
	.l-pickup .l-pickupBlock01 .p-image img{
		width:100%;
	}
	.l-pickup .l-pickupBlock01 .p-message{
		font-size:14px;
	}
	
	.l-recruit {
		padding: 5% 0 0;
	}	
	.l-recruit h3{
		text-align:center;
		position:static;
		top:0px;
		padding-top:0%;
		padding-bottom:3%;
	}
	.l-recruit h3 img{
		width:auto;
		height:20px;
	}
	.l-recruit .l-recruitBlock01{
		width:100%;
		display:block;
	}
	.l-recruit .l-recruitBlock01 div{
		display:block;
		vertical-align:top;
	}
	.l-recruit .l-recruitBlock01 div:first-of-type{
		text-align:center;
	}
	.l-recruit .l-recruitBlock01 div:last-of-type{
		text-align:center;
	}
	.l-recruit .l-recruitBlock01 div:first-of-type p img{
		padding-right:0%;
		padding-bottom:3%;
	}
	.l-recruit .l-recruitBlock01 div:last-of-type p img{
		padding-left:0%;
		padding-bottom:3%;
	}
	
	.l-office{
		width:100%;
		margin:0px auto;
		/*padding:13% 0;*/
		min-height:200px;
		max-height:300px;
		background:url(../images/top/bg_office_01_pc.png);
		background-size:cover;
	}
	.l-office .l-officeBlock01{
		padding:30% 0;
	}
	.l-office .l-officeBlock01 div:first-of-type{
		width:100px;
	}	
	.l-office .l-officeBlock01 p a {
		display: inline-block;
		padding: 5px 18px;
		border: 2px solid #0170a8;
		background-color: #FFFFFF;
		color: #0170a8;
		font-size: 87.5%;
		font-weight: bold;
	}
	.l-office .l-officeBlock01 p a:hover{
		display:inline-block;
		padding: 5px 18px;
		border:2px solid #0170a8;
		background-color:#0170a8;
		color:#FFFFFF;
		font-size:87.5%;
		font-weight:bold;
	}
	
}
/*---------------- ▲スマホ以降CSS▲ --------------------*/
/*---------------- ▲スマホ最小CSS▲ --------------------*/
@media screen and (max-width:320px){
	
	
}
/*---------------- ▲スマホ最小CSS▲ --------------------*/