@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;
}

.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:auto;
	margin-bottom:50px;
}	

#voice #title{
	margin-bottom:0;
}

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

.mv_about{	
	background-image:url(../index_data/mv_about.jpg);
	background-position:50% 0%;
	background-size:cover;
}	
	
.mv_recruit{	
	background-image:url(../index_data/mv_recruit.jpg);
	background-position:50% 20%;
	background-size:cover;
}	
	
.mv_career{	
	background-image:url(../index_data/mv_career.jpg);
	background-position:50% 0%;
	background-size:cover;
}	
	
.mv_education{	
	background-image:url(../index_data/mv_education.jpg);
	background-position:50% 30%;
	background-size:cover;
}	

.mv_ceremony{	
	background-image:url(../index_data/mv_ceremony.jpg);
	background-position:70% 20%;
	background-size:cover;
}	

.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;
}
@media screen and (min-width:0px) and ( max-width:599px) {
.mv_voice{	
	background-position:50% 50%;
}	
}	

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

/*******★*******/
	
#title .title-back-black{	
	background-color:rgba(0,0,0,0.2);
	width:100%;
	padding:30px 0;
	height:auto;
	color:#FFF;
}	
	
#title .title-back-black .jp1{	
	font-size:30px;
	font-weight:bold;
	line-height:70px;
	text-align:center;
}	
	
#title .title-back-black .eng{	
	font-family: 'Rajdhani', sans-serif;
	font-size:60px;
	font-weight:700;
	line-height:70px;
	text-align:center;
}	
	
#title .title-back-black .jp2{	
	font-size:20px;
	line-height:70px;
	text-align:center;
}
	
@media screen and ( max-width:959px) {
#title .title-back-black{	
	background-color:rgba(0,0,0,0.2);
	padding:40px 0;
}	
	
#title .title-back-black .jp1{	
	font-size:20px;
	line-height:30px;
}	
	
#title .title-back-black .eng{	
	font-size:40px;
	line-height:50px;
	
}	
	
#title .title-back-black .jp2{	
	font-size:14px;
	line-height:20px;
	padding:0 2%;
}	
}

/*******************************************/
.ie8{
	display:none;
}