@charset "utf-8";

body{
	width:100%;
	min-width:1140px;
}

.section{
	min-height:880px;

}

main{
	width:100%;
}

.business{
	position: absolute;
	width:55%;
	height:65%;
	min-width:640px;
	min-height:500px;
	background-image:url(../images/common/buill.jpg);
	background-size:cover;
}

h1 img{
	/*filter:drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.5));*/
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top:25%;

}


.recruit{
	position: absolute;
	width:45%;
	height:65%;
	min-width:500px;
	min-height:500px;
	background-image:url(../images/common/Unknown.jpg);
	background-size:cover;
}

.company{
	position:absolute;
	width:33.3%;
	height:35%;
	min-height:380px;
	min-width:400px;
	background-image: url(../images/common/cir.png);
	background-size:cover;
}

.news{
	position: absolute;
	width:33.3%;
	height:35%;
	min-height: 380px;
	min-width:400px;
	background-color: #203890;
}

.contact{
	position: absolute;
	width:33.4%;
	height:35%;
	min-height: 380px;
	min-width:400px;
	background-image: url(../images/common/cn.jpg);
	background-size:cover;
}

.bt_box{
	font-family: "proxima-nova";
}


.mat{
	height:100px;
	width:676px;
	position:absolute;
	left:50%;
	transform: translateX(-50%);
}

.bt_box1{
	width:300px;
	height:110px;
	margin:0 auto;
	padding-top:20px;
	background-image:url(../images/parts/button_blue.svg);
	background-repeat: no-repeat;

}

.bt_box1:hover{
	background-image:url(../images/parts/button_white.svg);
	color:#000;
}

.bt_box2{
	float: left;
	width:300px;
	height:110px;
	padding-top:20px;
	margin-left:185px;
	background-image:url(../images/parts/button_red.svg);
	background-repeat: no-repeat;
}


.bt_box2:hover{
	background-image:url(../images/parts/button_white.svg);
	color:#000;
}

/*
.bt_box3{
	position:absolute;
	width:300px;
	height:100px;
	padding-top: 20px;
	right:0;
	background-image:url(../images/parts/button_red.svg);
	background-repeat: no-repeat;
}

.bt_box3:hover{
	background-image:url(../images/parts/button_white.svg);
	color:#000;
}
*/


.bt_box4{

	width:300px;
	height:100px;
	margin:0 auto;
	padding-top:20px;
	background-image:url(../images/parts/button_green.svg);
	background-repeat: no-repeat;

}
.bt_box4:hover{
	background-image:url(../images/parts/button_white.svg);
	color:#000;
}


.bt_box5{
	width:300px;
	height:100px;
	margin:0 auto;
	padding-top:20px;
	color:#fff;
	background-image:url(../images/parts/button_blue.svg);
	background-repeat: no-repeat;
}



.bt_box5:hover{
	background-image:url(../images/parts/button_white.svg);
	color:#000;
}

.catch{
	font-feature-settings : "palt";
	position:absolute;
	white-space: nowrap;
	color:#fff;
	font-size:18px;
	font-family: "heisei-maru-gothic-std";
	letter-spacing: 2px;
	font-weight: 100;
/*	text-shadow:0px 0px 8px #000;*/
	left:50%;
	transform: translateX(-50%);
	top:22%;
}



.rec_catch{
	font-feature-settings : "palt";
	position:absolute;
	white-space: nowrap;
	color:#fff;
	font-size:24px;
	letter-spacing: 2px;
	font-family: "heisei-maru-gothic-std";
	font-weight: 300;
/*	text-shadow:0px 0px 7px #000;*/
	left:50%;
	transform: translateX(-50%);
	top:40%;
}

.rec_h2{
	font-feature-settings : "palt";
	position:absolute;
	white-space: nowrap;
	color:#fff;
	font-size:50px;
	font-family: "proxima-nova";
	font-weight: 100;
/*	text-shadow:0px 0px 7px #000;*/
	left:50%;
	top:40%;
	margin-top:28px;
	transform: translateX(-50%);
}

.a_h2{
	font-feature-settings : "palt";
	position:absolute;
	white-space: nowrap;
	color: #fff;
	font-size:38px;
	font-family: "proxima-nova";
	font-weight: 100;
/*	text-shadow:0px 0px 4px #000;*/
	left:50%;
	transform: translateX(-50%);
	top:22%;
	margin-top:25px;
}

.link_a{
	display: block;
	width: 300px;
	font-size:35px;
	line-height: 40px;
	margin-top:-20px;
	padding:20px 0px 26px 10px;
	text-decoration: none;
	color:#fff;
	text-align: center;
}

.link_a:hover{
	color:#000;
}


.news_h2{
	font-feature-settings : "palt";
	position:absolute;
	white-space: nowrap;
	color:#fff;
	font-size:30px;
	font-family: "proxima-nova";
	font-weight: 100;
/*	text-shadow:0px 0px 10px #000;*/
	left:50%;
	top:10%;
	transform: translateX(-50%);
}

.news_list{
	width:70%;
	min-width:500px;
	height:60%;
	margin:0 auto;
	margin-top:100px;
	padding-top:20px;
	padding-left: 20px;
	color:#000;
	background-color:#fff;
	background-repeat: no-repeat;
	overflow-y:scroll;
	box-shadow:inset 0px 0px 5px rgba(0, 0, 0, 0.4); 
}

.nl{
	font-family: "ryo-gothic-plusn";
	font-size: 12px;
	height: 25px;
	list-style:none;	
}

.more{
	font-feature-settings : "palt";
	position:absolute;
	white-space: nowrap;
	color:#fff;
	font-size:15px;
	font-family: "proxima-nova";
	font-weight: 100;
	right:50px;
	bottom:25px;
}

.more:hover{
	color:rgba(255, 255, 255, 0.6);
}

footer{
	width:100%;
	min-width:880px;
	height:40px;
	position: absolute;
	top:0%;
	background-color:#fff;
	z-index:99999;
}

footer img{
	float: left;
	margin:3px 0 0 10px;
}

.g_navi{
	position: absolute;
	float: left;
	right:260px;
	margin-top: 14px;
	font-size:14px;
	font-family: "heisei-maru-gothic-std";
}

.sns{
	position: absolute;
	right:260px;
}

.sns li{
		margin: 7px 3px 0 7px;
}

footer ul li{
	list-style: none;
	float:left;
}

.g_navi li{
	width:80px;
	text-align: center;
}

.g_navi a{
	color:#000;
	text-decoration: none;
}

.g_navi a:hover{
	color:#999;
	text-decoration: none;
}

.li_pr {
	width: 10em!important;
}

footer p{
	position: absolute;
	right:30px;
	font-size:12px;
	top:15px;
	font-family: "proxima-nova";

}