@charset "utf-8";

html{
	position: relative;
	width:320px;
}
body{
	width:320px;
	min-width:320px;
}

main{
	width:320px;
}

.business{
	height:500px;
	width:320px;
	background-image:url(../images/common/buill.jpg);
	background-size:cover;
}

h1 img{
	width:140px;
	margin-left:90px;
	margin-top:50px;

}


.recruit{
	width:320px;
	margin-top:0px;
	padding-top:100px;
	height:300px;
	background-image:url(../images/common/Unknown.jpg);
	background-size:cover;
	background-position:center;
}


.company{
	width:320px;
	height:333px;
	background-image: url(../images/common/cir.png);
	background-size:cover;

}


.news{
	width:320px;
	height:334px;
	background-color: #00f;

}

.contact{
	width:320px;
	height:333px;
	background-image: url(../images/common/cn.jpg);
	background-size:cover;

}

.bt-box{
	box-shadow:0px 0px 5px rgba(0, 0, 0, 0.4); 
}

.bt_box a{
		font-family: "proxima-nova";
		color:#fff;
		text-decoration: none;
		font-size:20px;
}


.mat{

}

.bt_box1{
	width:155px;
	height:60px;
	margin:0 auto;
	margin-top:120px;
	padding-top:25px;
	padding-left:60px;
	background-image:url(../images/parts/button_blue.svg);
	background-repeat: no-repeat;
}



.bt_box2{
	width:160px;
	height:60px;
	margin:0 auto;
	margin-top:50px;
	padding-top:25px;
	padding-left:45px;
	background-image:url(../images/parts/button_red.svg);
	background-repeat: no-repeat;
	transform: translateY(100px);
}
.bt_box2 a{
	margin-left:-6px;
}

.bt_box3{
	width:155px;
	height:60px;
	margin:0 auto;
	margin-top:100px;
	padding-top:25px;
	padding-left:60px;
	background-image:url(../images/parts/button_blue.svg);
	background-repeat: no-repeat;
}
.bt_box3:hover{

}

.bt_box4{
	width:155px;
	height:60px;
	margin:0 auto;
	margin-top:100px;
	padding-top:25px;
	padding-left:60px;
	background-image:url(../images/parts/button_green.svg);
	background-repeat: no-repeat;
}
.bt_box4:hover{

}


.bt_box5{
	width:155px;
	height:60px;
	margin:0 auto;
	margin-top:100px;
	padding-top:25px;
	padding-left:60px;
	background-image:url(../images/parts/button_blue.svg);
	background-repeat: no-repeat;
}



.bt_box5:hover{

}


.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%);

}

.rec_h2{
	font-feature-settings : "palt";
	position:absolute;
	white-space: nowrap;
	color:#fff;
	font-size:50px;
	letter-spacing: 2px;
	font-family: "proxima-nova";
	font-weight: 300;
/*	text-shadow:0px 0px 7px #000;*/
	margin-left:50%;
	padding-top:30px;
	transform: translateX(-50%);

}

.a_h2{
	font-feature-settings : "palt";
	position:absolute;
	white-space: nowrap;
	color:#fff;
	font-size:50px;
	letter-spacing: 2px;
	font-family: "proxima-nova";
	font-weight: 300;
/*	text-shadow:0px 0px 7px #000;*/
	margin-left:50%;
	padding-top:10px;
	transform: translateX(-50%);
}


.catch{
	font-feature-settings : "palt";
	white-space: nowrap;
	color:#fff;
	width:268px;
	text-align: center;
	font-size:20px;
	letter-spacing: 2px;
	font-family: "proxima-nova";
	font-weight: 300;
/*	text-shadow:0px 0px 7px #000;*/
	margin-left:50%;
	padding-top:80px;
	top:0px;
	transform: translateX(-50%);
}

.link_a{

}

.link_a:hover{

}


.news_h2{
	font-feature-settings : "palt";
	position:absolute;
	white-space: nowrap;
	color:#fff;
	font-size:24px;
	letter-spacing: 2px;
	font-family: "proxima-nova";
	font-weight: 300;
/*	text-shadow:0px 0px 7px #000;*/
	margin-left:50%;
	padding-top:10px;
	transform: translateX(-50%);
}

.news_list{
	position: absolute;
	width:280px;
	height:250px;
	margin-left:10px;
	padding-top:20px;

	margin-top:10px;
	padding-left: 20px;
	margin-top:50px;
	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;
	white-space: nowrap;
}

.more{

}

.more:hover{

}
footer{
	width:320px;
	height:60px;
	background-color:#fff;
	z-index:99999;
}

footer img{
	float: left;
	margin:3px 0 0 10px;
}

.g_navi{
	position: absolute;
	min-width: 270px;
	float: left;
	left:40px;
	margin-top: 14px;
	font-size:10px;
	font-family: "heisei-maru-gothic-std";
}

.sns{

}

.sns li{
		margin: 7px 3px 0 7px;
}

footer ul li{
	list-style: none;
	float:left;
}

.g_navi li{
	width:50px;
	text-align: center;
	padding-bottom:  10px;
}


.g_navi li.li_pr {
	width: 10em!important;
	margin-left: 2em;
}

.g_navi a{
	color:#000;
	text-decoration: none;
}

.g_navi a:hover{
	color:#999;
	text-decoration: none;
}

footer p{
	width:310px;
	text-align:center;
	font-size:10px;
	padding-top:58px;
	font-family: "proxima-nova";

}