@charset "utf-8";
@media screen and (max-width:768px){

article{
	padding-bottom:0;
}
article h1{
	height:auto;
	padding:10% 0;
	background:url(../images/top/h1_bg.png)no-repeat center center;
	background-size:cover;
	display: block;
}
article h1 img{
	width:200px;
}

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


/* slider */
#slick-text {
	top: 35%;
}

/* #cont1 */
#cont1{
}
#cont1 p{
	width:90%;
	margin:auto;
	padding:3% 0 ;
	text-align: justify;
	text-justify: inter-ideograph;
}
#cont1 ul{
	width:90%;
	margin:auto;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
#cont1 ul li{
	width:32%;
	border:2px solid #0058ac;
	background-color:#fff;
}
#cont1 ul li a{
	display:block;
}
#cont1 ul li a figure figcaption{
	height:50px;
	line-height:1.5;
	font-size:12px;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	letter-spacing:-0.03em;
}


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


/* #cont3 */
#cont3{
	padding:15px 0 30px;
}
#cont3 a{
	display:block;
	width:90%;
	max-width:400px;
	line-height:5.6;
	margin:auto;
	padding-left:8%;
	background:url(../images/top/recruit.png)no-repeat center center;
	background-size:100% auto;
	font-size:16px;
	font-weight:bold;
	color:#fff;
	text-align:left;
}
#cont3 a span{
	margin-left:15px;
	font-size:10px;
	vertical-align:2px;
}


}



@media screen and (max-width:480px){
/* slider */
#slick-text {
	height: 50px;
	top: 30%;
}

/* #cont1*/
#cont1 ul{
	width:90%;
	margin:auto;
	display: block;
}
#cont1 ul li{
	width:48%;
	display:inline-block;
	vertical-align:top;
	border:2px solid #0058ac;
	background-color:#fff;
	margin:5px 0;
	letter-spacing:-0.05em;
	white-space:nowrap;
}

}