@charset "utf-8";

article{
	padding-bottom:0;
}
article h1{
	line-height:1.5px;
	height:420px;
	background:url(../images/top/h1_bg.png)no-repeat center center;
	background-size:cover;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
}

article h1 + div{
	background:url(../images/top/bg.png)no-repeat center top;
	background-size:cover;
}


/* slider */
#slick-base {
	position: relative;
}
.slick-slider li {
	background-color: #fff;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 37.5vw;
	max-height: 720px;
	min-height: 100px;
}
#slick-slide01 {
	background-image: url(../images/top/slide1.png);
}
#slick-slide02 {
	background-image: url(../images/top/slide2.png);
}
#slick-slide03 {
	background-image: url(../images/top/slide3.png);
}
#slick-slide04 {
	background-image: url(../images/top/slide4.png);
}
#slick-text {
	background-image: url(../images/top/h1.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	height: 74px;
	margin: 0 auto;
	position: absolute;
	top: 40%;
	width: 100%;
	z-index: 10;
}
.slick-slider .back-arrow {
	position: absolute;
	top: 47.5%;
	left: 0;
	z-index: 20;
}

.slick-slider .next-arrow {
	position: absolute;
	top: 47.5%;
	right: 0;
	z-index: 30;
}


/* #cont1 */
#cont1{
}
#cont1 p{
	width:1000px;
	margin:auto;
	padding:30px 35px 50px;
	text-align: justify;
	text-justify: inter-ideograph;
}
#cont1 ul{
	width:1000px;
	margin:auto;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
#cont1 ul li{
	width:300px;
	border:4px solid #0058ac;
	background-color:#fff;
}
#cont1 ul li a{
	display:block;
}
#cont1 ul li a figure figcaption{
	height:98px;
	line-height:1.7;
	font-size:18px;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
}


/* #cont2 */
#cont2{
}
#cont2 div{
	margin-top:20px;
	padding:30px 0;
	background-color:rgba(255,255,255,0.7);
}
#cont2 div figure{
	width:350px;
	padding-right:60px;
	display:inline-block;
	vertical-align:middle;
}
#cont2 div dl{
	width:500px;
	display:inline-block;
	vertical-align:middle;
	line-height:50px;
	border-top:1px solid #0074c3;
}
#cont2 div dl dt{
	width:120px;
	float:left;
	font-weight:bold;
}
#cont2 div dl dd{
	padding-left:160px;
	text-align:left;
	border-bottom:1px solid #0074c3;
}


/* #cont3 */
#cont3{
	padding:25px 0 40px;
}
#cont3 a{
	display:block;
	width:900px;
	line-height:192px;
	margin:auto;
	padding-left:80px;
	background:url(../images/top/recruit.png)no-repeat center top;
	font-size:24px;
	font-weight:bold;
	color:#fff;
	text-align:left;
}
#cont3 a span{
	margin-left:15px;
	font-size:12px;
	vertical-align:4px;
}