@charset "utf-8";
/* CSS Document */

/*先輩社員の声ナビゲーション背景*/
#voice .navi-voice{
	background-color:#FFDFE3;
}

/*メインビジュアル*/
#voice #voice-mainvisual{
	width:100%;
	background-repeat:no-repeat;
	background-position:100% 0%;
	box-sizing:border-box;
	background-size:auto 100%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#voice .mv-yellow{
	/*
	background-color:#b3d583;
	*/
	background-color:#FBFBEC;
	background-color:#F9F9DC;
	border-bottom:#FECC66 solid 10px;
	border-top:#FECC66 solid 10px;
}

#voice .mv-green{
	/*
	background-color:#b3d583;
	*/
	background-color:#e8f1e2;
	background-color:#E6F4D9;
	border-bottom:#b3d465 solid 10px;
	border-top:#b3d465 solid 10px;
}
#voice .mv-blue{
	/*
	background-color:#a1eef9;
	*/
	background-color:#e2ecf1;
	background-color:#E3F9FB;
	border-bottom:#66e7f9 solid 10px;
	border-top:#66e7f9 solid 10px;
}
#voice .mv-orange{
	/*
	background-color:#eda899;
	*/
	background-color:#f1e4e2;
	background-color:#FEECE9;
	border-bottom:#f28a76 solid 10px;
	border-top:#f28a76 solid 10px;
}
#voice .mv-purple{
	/*
	background-color:#c6aad6;
	*/
	background-color:#ece2f1;
	background-color:#FAEBF9;
	border-bottom:#c490bf solid 10px;
	border-top:#c490bf solid 10px;
}
#voice .mv-pink{
	/*
	background-color:#f8c6e7;
	*/
	background-color:#ece2f1;
	background-color:#FEEDFD;
	border-bottom:#f091d0 solid 10px;
	border-top:#f091d0 solid 10px;
}

/*****************メイン写真を読み込むCSS***********************/
#voice .mv-arakawa{
	background-image:url(../voice_data/mv_arakawa.png);
}
#voice .mv-hatano{
	background-image:url(../voice_data/mv_hatano.png);
}
#voice .mv-hurukawa{
	background-image:url(../voice_data/mv_hurukawa.png);
}
#voice .mv-hashiba{
	background-image:url(../voice_data/mv_hashiba.png);
}
#voice .mv-niwata{
	background-image:url(../voice_data/mv_niwata.png);
}
#voice .mv-ishida{
	background-image:url(../voice_data/mv_ishida.png);
}
#voice .mv-takeda{
	background-image:url(../voice_data/mv_takeda.png);
}
#voice .mv-nakayama{
	background-image:url(../voice_data/mv_nakayama.png);
}
#voice .mv-haga{
	background-image:url(../voice_data/mv_haga.png);
}
#voice .mv-hosokoshi{
	background-image:url(../voice_data/mv_hosokoshi.png);
}
#voice .mv-hirata{
	background-image:url(../voice_data/mv_hirata.png);
}



#voice .mv-hirayama{
	background-image:url(../voice_data/mv_hirayama.png);
}
#voice .mv-tsutsumi{
	background-image:url(../voice_data/mv_tsutsumi.png);
}
#voice .mv-kawano{
	background-image:url(../voice_data/mv_kawano.png);
}
#voice .mv-kashiwazaki{
	background-image:url(../voice_data/mv_kashiwazaki.png);
}
#voice .mv-kosuga{
	background-image:url(../voice_data/mv_kosuga.png);
}
#voice .mv-kimura{
	background-image:url(../voice_data/mv_kimura.png);
}


#voice #voice-mainvisual #voice-title{
	width:1024px;
	padding:70px 0;
	margin:auto;
	color:#000;
	text-align:left;
}

#voice #voice-mainvisual #voice-title .job-kind{
	font-size:25px;
	font-weight:bold;
	line-height:50px;
	height:auto;
	text-align:left;
}
#voice #voice-mainvisual #voice-title .name{
	font-size:60px;
	font-weight:700;
	line-height:70px;
	text-align:left;
}
#voice #voice-mainvisual #voice-title .detail{
	font-size:20px;
	line-height:35px;
	text-align:left;
}
#voice #voice-mainvisual #voice-title-pink{
	width:1024px;
	padding:45px 0;
	margin:auto;
	color:#000;
	text-align:left;
}

#voice #voice-mainvisual #voice-title-pink .job-kind{
	font-size:25px;
	font-weight:bold;
	line-height:40px;
	padding:10px 0;
	text-align:left;
}
#voice #voice-mainvisual #voice-title-pink .name{
	font-size:60px;
	font-weight:700;
	line-height:70px;
	text-align:left;
}
#voice #voice-mainvisual #voice-title-pink .detail{
	font-size:20px;
	line-height:35px;
	text-align:left;
}


/*背景色*/
#voice #bg-color{
	width:100%;
	margin:auto;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding:0;
	text-align:left;
}
#voice .bg-gray{
	background-color:#edeff0;
}
#voice .bg-yellow{
	background-color:#FBFBEC;
}
#voice .bg-green{
	background-color:#E8F1E2;
}
#voice .bg-blue{
	background-color:#E2ECF1;
}
#voice .bg-orange{
	background-color:#F1E4E2;
}
#voice .bg-purple{
	background-color:#ECE2F1;
}
#voice .bg-pink{
	background-color:#F1E2EA;
}

/*内容部分*/
#voice #voice-contents{
	width:1024px;
	margin: auto;
	padding:50px 0;
}

/*Q*/
.Q-yellow,.Q-green,.Q-blue,.Q-orange,.Q-purple,.Q-pink{
	line-height:60px;
	padding-left:80px;
	font-weight:bold;
	font-size:22px;
}
.Q-yellow{
	background:url(../voice_data/Q_yellow.png) no-repeat;
	color:#F4A11E;
}
.Q-green{
	background:url(../voice_data/Q_green.png) no-repeat;
	color:#6bb937;
}
.Q-blue{
	background:url(../voice_data/Q_blue.png) no-repeat;
	color:#0DC9E5;
}
.Q-orange{
	background: url(../voice_data/Q_orange.png) no-repeat;
	color: #F46A4D;
}
.Q-purple{
	background: url(../voice_data/Q_purple.png) no-repeat;
	color: #976FAE;
}
.Q-pink{
	background: url(../voice_data/Q_pink.png) no-repeat;
	color: #FF6FB7;
}

/*YELL*/
.YELL-yellow,.YELL-green,.YELL-blue,.YELL-purple,.YELL-orange,.YELL-pink{
	line-height:60px;
	padding-left:80px;
	font-weight:bold;
	font-size:22px;
}
.YELL-yellow{
	background:url(../voice_data/YELL_yellow.png) no-repeat;
	color:#F4A11E;
}

.YELL-green{
	background:url(../voice_data/YELL_green.png) no-repeat;
	color:#6bb937;
}
.YELL-blue{
	background: url(../voice_data/YELL_blue.png) no-repeat;
	color: #0DC9E5;
}
.YELL-purple{
	background: url(../voice_data/YELL_purple.png) no-repeat;
	color: #976FAE;
}
.YELL-orange{
	background: url(../voice_data/YELL_orange.png) no-repeat;
	color: #F46A4D;
}
.YELL-pink{
	background: url(../voice_data/YELL_pink.png) no-repeat;
	color: #FF6FB7;
}

/*A*/
.A{
	padding-left:80px;
}

















/*
.obogimg{
	width:80%;
	height:inherit;
	margin:auto;
	display:block;
}

*/


/*****VOICE TOP*****/




#voice .voice{
	width:330px;
	margin-right:17px;
	float:left;
	height:440px;
	margin-bottom:17px;
	display:block;
	text-decoration:none;
}
#voice .voice:nth-child(3n){
	margin-right:0;
}

/*写真*/
#voice .voice .image{
	width:330px;
	height:330px;
	background-position:50% -4%;
	background-size:280px auto;
	background-repeat:no-repeat;
}


#voice .voice .image-ushitani{
	background-image:url( ../voice_data/thumbnail/mv_ushitani.png);
}
#voice .voice .image-akiyama{
	background-image:url(../voice_data/thumbnail/mv_akiyama.png);
}
#voice .voice .image-arakawa{
	background-image:url(../voice_data/thumbnail/mv_arakawa.png);
}
#voice .voice .image-hatano{
	background-image:url(../voice_data/thumbnail/mv_hatano.png);
}
#voice .voice .image-niwata{
	background-image:url(../voice_data/thumbnail/mv_niwata.png);
}
#voice .voice .image-ishida{
	background-image:url(../voice_data/thumbnail/mv_ishida.png);
}
#voice .voice .image-takeda{
	background-image:url(../voice_data/thumbnail/mv_takeda.png);
}
#voice .voice .image-nakayama{
	background-image:url(../voice_data/thumbnail/mv_nakayama.png);
}
#voice .voice .image-kawamorita{
	background-image:url(../voice_data/thumbnail/mv_kawamorita.png);
}
#voice .voice .image-haga{
	background-image:url(../voice_data/thumbnail/mv_haga.png);
}
#voice .voice .image-hurukawa{
	background-image:url(../voice_data/thumbnail/mv_hurukawa.png);
}
#voice .voice .image-hashiba{
	background-image:url(../voice_data/thumbnail/mv_hashiba.png);
}
#voice .voice .image-kanbe{
	background-image:url(../voice_data/thumbnail/mv_kanbe.png);
}
#voice .voice .image-hasegawa{
	background-image:url(../voice_data/thumbnail/mv_hasegawa.png);
}
#voice .voice .image-hosokoshi{
	background-image:url(../voice_data/thumbnail/mv_hosokoshi.png);
}
#voice .voice .image-hirata{
	background-image:url(../voice_data/thumbnail/mv_hirata.png);
}

#voice .voice:hover .image{	
	background-position:50% 0%;
}

#voice .introduce{
	width:250px;
	margin:0 20px;
	background-color:#fff;
	height:140px;
	position:relative;
	top:-100px;
	padding:30px 20px;
}

#voice .introduce:hover{
	-webkit-transition: 1.0s ease-in-out;
	-moz-transition: 1.0s ease-in-out;
	-o-transition: 1.0s ease-in-out;
	transition: 1.0s ease-in-out;
}
#voice .voice:hover{
		-webkit-transition: 1.0s ease-in-out;
	-moz-transition: 1.0s ease-in-out;
	-o-transition: 1.0s ease-in-out;
	transition: 1.0s ease-in-out;

}
#voice .voice:hover .introduce-yellow{
	background-color:#E8A212;
}
#voice .voice:hover .introduce-blue{
	background-color:#3392BF;
}
#voice .voice:hover .introduce-orange{
	background-color:#F46A4D;
}
#voice .voice:hover .introduce-green{
	background-color:#6BB937;
}
#voice .voice:hover .introduce-pink{
	background-color:#FF6FB7;
}
#voice .voice:hover .introduce-purple{
	background-color:#976FAE;
}

#voice .tub{
	font-size:14px;
	color:#FFF;
	width:auto;
	text-align:center;
	line-height:26px;
	position:absolute;
	top:-13px;
	left:26px;
	padding:0 20px;
}
/*タブの色*/
#voice .yellow{
	background-color:#FBC149;
}
#voice .blue{
	background-color:#67b1d6;
}
#voice .orange{
	/*background-color:#f6846c;*/
	background-color:#F47324;
}
#voice .green{
	background-color:#88cb58;
}
#voice .pink{
	font-size:12px;
	line-height:20px;
	background-color:#F9C;
	top:-23px;
	left:16px;
	padding:3px 20px;
}
#voice .purple{
	/*background-color:#aa89bd;*/
	background-color:#8E5EA8;
}

#voice .voice h2{
	margin:0;
	line-height:35px;
	height:70px;
	text-decoration:none;
	color:#000;
	margin:0;
	display:block;
}

#voice .voice hr{
	border:0;
	border-bottom:#ccc solid 1px;
	width:50%;
	text-align:left;
	display:block;
}

#voice .voice p{
	font-size:14px;
	text-decoration:none;
	color:#333;
	margin:0;
	display:block;
}

#voice .voice:hover h2{
	color:#fff;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}

#voice .voice:hover hr{
	border-bottom:#fff solid 1px;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}

#voice .voice:hover p{
	color:#fff;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}

#voice .read-more{
	color:#FFF;
	width:100px;
	text-align:center;
	line-height:26px;
	position:absolute;
	bottom:0px;
	right:0px;
	color:#333;
	background-color:#fff;
	font-family: 'Rajdhani', sans-serif;
	padding-left:2px;
}

#voice .voice:hover .read-more{
	bottom:5px;
	right:5px;
	-webkit-transition: 1.0s ease-in-out;
	-moz-transition: 1.0s ease-in-out;
	-o-transition: 1.0s ease-in-out;
	transition: 1.0s ease-in-out;
}




























/*******************/


#voice #voice-menu{
	background:rgba(51,51,51,0.7);
	width:100%;
	padding:10px 0 0 0;
	position:fixed;
	bottom:0;
	right:0;
	left:0;
	height:130px;
}

#voice #voice-menu-bottom{
	background:rgba(61,61,61,1);
	width:100%;
	padding:10px 0 0 0;
	height:130px;
	position:relative;
	top:100px;
}

	
#voice .voice-menu{
	width:1024px;
	margin:auto;
}




#voice .voice-menu .image-fukuda{
	background-image:url(../voice_data/photo_fukuda_s.png);
}
#voice .voice-menu .image-ine{
	background-image:url(../voice_data/photo_ine_s.png);
	/*position:relative;
	left:20px;*/
}
#voice .voice-menu .image-mikami{
	background-image:url(../voice_data/photo_mikami_s.png);
}
#voice .voice-menu .image-matsunaga{
	background-image:url(../voice_data/photo_matsunaga_s.png);
}
#voice .voice-menu .image-fukano{
	background-image:url(../voice_data/photo_fukano_s.png);
}
#voice .voice-menu .image-nishii{
	background-image:url(../voice_data/photo_nishii_s.png);
}
#voice .voice-menu .image-ueno{
	background-image:url(../voice_data/photo_ueno_s.png);
}
#voice .voice-menu .image-ikeda{
	background-image:url(../voice_data/photo_ikeda_s.png);
}
#voice .voice-menu .image-kumagai{
	background-image:url(../voice_data/photo_kumagai_s.png);
}
#voice .voice-menu .image-oikawa{
	background-image:url(../voice_data/photo_oikawa_s.png);
}

#voice .voice-menu .image{
	background-position:80% 50px;
	background-size:90%;
	background-repeat:no-repeat;
	display:block;
	float:left;
	
	width:10%;
	
	margin:0 0%;
	height:130px;
	text-decoration:none;
	z-index:100;
}


#voice .voice-menu .image:hover{
	background-position:80% 0%;
}

#voice .voice-menu .image .voice-no-green{
	background-image:url(../voice_data/kind_green.png);
}
#voice .voice-menu .image .voice-no-blue{
	background-image:url(../voice_data/kind_blue.png);
}
#voice .voice-menu .image .voice-no-orange{
	background-image:url(../voice_data/kind_orange.png);
}
#voice .voice-menu .image .voice-no-purple{
	background-image:url(../voice_data/kind_purple.png);
}
#voice .voice-menu .image .voice-no-pink{
	background-image:url(../voice_data/kind_pink.png);
}


#voice .voice-menu .image .voice-no{
	font-size:18px;
	line-height:15px;
	padding-top:7px;
	text-align:center;
	color:#FFF;
	font-weight:bold;
	width:100%;
	height:50px;
	background-repeat:no-repeat;
	background-position:50% 0;
	font-family: 'Rajdhani', sans-serif;
}

#voice .voice-menu .image:hover .voice-no{
	display:none;
}

#voice .voice-menu .image .job-kind{
	display:none;
}

#voice .voice-menu .image:hover .job-kind{
	width:100%;
	height:30px;
	line-height:30px;
	margin-top:100px;
	display:block;
	text-align:center;
	color:#FFF;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	font-weight:bold;
	border:#FFF solid 1px;
	border-bottom:none;
	box-sizing:border-box;
	font-size:14px;
}

#voice .voice-menu .image:hover .job-kind-green{
	background-color:#6ab936;
	background-color:#b3d465;
	background-color:#8fcb68;
}
#voice .voice-menu .image:hover .job-kind-blue{
	background-color:#0bc9e5;
	background-color:#66e7f9;
	background-color:#48d7ec;
}
#voice .voice-menu .image:hover .job-kind-orange{
	background-color:#f5694c;
	background-color:#f28a76;
}
#voice .voice-menu .image:hover .job-kind-purple{
	background-color:#976eae;
	background-color:#c490bf;
}
#voice .voice-menu .image:hover .job-kind-pink{
	background-color:#ff6eb7;
	background-color:#f091d0;
}











#voice #voice h1{
	content:"MODEL SCHEDULE";
	font-family: 'Rajdhani', sans-serif;
	text-align:center;
	border-bottom:#5dcdde solid 8px;
	display:block;
	margin:0;
}

/*.voice-menu .schedule,.voice-menu .advice*/{
	height:70px; 
	width:250px; 
	margin:0 0 10px 9px; 
	/*border-bottom:#5dcdde solid 8px;*/
	text-align:center;
	line-height:70px;
	background:rgba(255,255,255,1);
	border-top-left-radius:10px;
	border-top-right-radius:10px;
}
/*.voice-menu .schedule,*/#voice .voice-menu .advice{
	height:70px; 
	width:250px; 
	margin:0 0 0px 9px; 
	/*border-bottom:#5dcdde solid 8px;*/
	text-align:center;
	line-height:70px;
	background:rgba(255,255,255,1);
	border-top-left-radius:10px;
	border-top-right-radius:10px;
}

#voice .voice-menu .schedule .eng,#voice .voice-menu .advice .eng{
	font-family: 'Rajdhani', sans-serif;
	font-size:30px;
}
#voice .voice-menu .schedule .jp,#voice .voice-menu .advice .jp{
	display:none;
}

#voice .voice-menu .schedule:hover .jp,#voice .voice-menu .advice:hover .jp{
	font-size:20px;
	display:block;
	font-weight:bold;
}
#voice .voice-menu .schedule:hover .eng,#voice .voice-menu .advice:hover .eng{
	display:none;
}