@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,700');
@import url('https://fonts.googleapis.com/css?family=Rajdhani:600,700');

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

img{
	border:0;
}

h1,h2,h3,h4,h5,h6,p{
	margin:0;
	padding:0;
}

.clearfix:after {
	content:".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/*******★*******/

#contents{
	width:100%;
	margin:auto;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	position:relative;
	top:100px;
}
@media screen and ( max-width:959px) {
#contents{	
	top:50px;
}	
}

/*******★*******/

.contents{
	width:90%;
	margin:auto;
	margin-bottom:50px;
}

/*******★*******/

.title{	
	width:100%;
	height:auto;
	background-repeat:no-repeat;
	margin-bottom:50px;
	text-align:center;
	background-size:cover;
}
#voice .title{
	margin-bottom:0;
}
.voice-personal .title{
	text-align:left;
	background-repeat:no-repeat;
	background-position:100% 0%;
	box-sizing:border-box;
	background-size:auto 100%;
}

/*******★*******/

.title div{	
	background-color:rgba(0,0,0,0.2);
	width:100%;
	padding:30px 0;
	height:auto;
	color:#FFF;
	line-height:70px;
}

#voice .title div{
	color:#000;
	background-color:rgba(0,0,0,0);
}

.voice-personal .title div{
	width:1024px;
	margin:auto;
}
	
@media screen and ( max-width:959px) {
.voice-personal .title div{
	width:90%;
}
}

.title div h2{	
	font-size:30px;
}	
.title div h3{	
	font-family: 'Rajdhani', sans-serif;
	font-size:60px;
	font-weight:700;
}	
.title div p{	
	font-size:20px;
}

.voice-personal .title div p{
	line-height:35px;
}
	
@media screen and (min-width:0px) and ( max-width:599px) {
.title div{	
	padding:20px 0;
	line-height:40px;
}		
.title div h2{	
	font-size:20px;
}	
.title div h3{	
	font-size:40px;
	
}	
.title div p{	
	font-size:12px;
}	
.voice-personal .title div h3,
.voice-personal .title div h2{
	font-size:20px;
}
.voice-personal .title div p{
	line-height:20px;
}
}

/*******★*******/

.mv_about{	
	background-image:url(../index_data/mv_about.jpg);
	background-position:50% 0%;
}	
	
.mv_recruit{	
	background-image:url(../index_data/mv_recruit.jpg);
	background-position:50% 20%;
}	
	
.mv_career{	
	background-image:url(../index_data/mv_career.jpg);
	background-position:50% 0%;
}	
	
.mv_education{	
	background-image:url(../index_data/mv_education.jpg);
	background-position:50% 30%;
}	
	
.mv_voice{	
	background-color:rgba(0,0,0,0.1);
	background-image:url(../index_data/mv_voice.png);
	background-position:0% 0%;
	background-size:100% auto;
}

.mv_factory{	
	background-image:url(../index_data/mv_factory.jpg);
	background-position:50% 50%;
}	

.mv_factory_fujisawa{	
	background-image:url(../../fujisawa/saiyou/index_data/mv_factory.jpg);
	background-position:50% 50%;
}	
	
.mv_contact{	
	background:url(../index_data/mv_contact.jpg);
	background-position:100% 0%;
}