/*=============================================
*
* job_descriptionページ
*
=============================================*/
#job_description #topArea {
	background: url(../images/job_description/job_descriptionTopAreaImg-01.png) center top no-repeat;
	height: 472px;
}
@media screen and (max-width:1100px){
#job_description #topArea {
	background: url(../images/job_description/job_descriptionTopAreaImg-02.png) center top no-repeat;
	height: 472px;
}
}
@media screen and (max-width:600px){
#job_description #topArea {
	background: url(../images/job_description/job_descriptionTopAreaImg-03.png) center top no-repeat;
	height: 380px;
}
}
/*---------------------------------------------
見出し
---------------------------------------------*/
#job_description #topArea h2.h01 {
	background: url(../images/job_description/job_descriptionTopHeading-01.png) center center no-repeat;
	height: 100%;
	margin: 0 auto 0 auto;
	width: 100%;
}
@media screen and (max-width:780px){
#job_description #topArea h2.h01 {
	background: url(../images/job_description/job_descriptionTopHeading-02.png) center center no-repeat;
	height: 100%;
	margin: 0 auto 0 auto;
	width: 100%;
}
}
@media screen and (max-width:520px){
#job_description #topArea h2.h01 {
	background: url(../images/job_description/job_descriptionTopHeading-03.png) center center no-repeat;
	height: 100%;
	margin: 0 auto 0 auto;
	width: 100%;
}
}
/*=============================================
*
* #sec01
*
=============================================*/
@media screen and (max-width:1120px){
#job_description #sec01 {
	padding: 0 10px;
}
}
/* ============================================
txtArea01
============================================ */
#job_description #sec01 .txtArea01 {
	margin-bottom: 40px;
}

/* ============================================
リスト
============================================ */
#job_description #sec01 .linkBannerArea .list01 li {
	display: inline-block;
	margin: 0 0 30px 0;
	position: relative;
	vertical-align: top;
	width: 33%;
}
@media screen and (max-width:1100px){
#job_description #sec01 .linkBannerArea .list01 li {
	width: 48%;
}
}
@media screen and (max-width:650px){
#job_description #sec01 .linkBannerArea .list01 li {
	display: block;
	width: 100%;
}
}
/* a */
#job_description #sec01 .linkBannerArea .list01 li a {
	width: 100%;
	margin: 0;
	padding: 0;
	text-decoration: none;
}
/*---------------------------------------------
ロゴと写真
---------------------------------------------*/
#job_description #sec01 .linkBannerArea .list01 li a .LogoPhotoArea {
	font-size: 0;
	width: 100%;
}
@media screen and (max-width:1100px){
#job_description #sec01 .linkBannerArea .list01 li a .LogoPhotoArea {
	float: none;
	width: 100%;
}
}
#job_description #sec01 .linkBannerArea .list01 li a .LogoPhotoArea .brandLogo {
	float: left;
	display: inline-block;
	width: 50%;
}
#job_description #sec01 .linkBannerArea .list01 li a .LogoPhotoArea .staffPhoto {
	float: left;
	display: inline-block;
	width: 50%;
}
/* ============================================
テキスト
============================================ */
#job_description #sec01 .linkBannerArea .list01 li .txtBox {
	height: 100%;
	position: relative;
	width: 100%;
}
@media screen and (max-width:1100px){
#job_description #sec01 .linkBannerArea .list01 li .txtBox {
	float: none;
	width: 100%;
}
}
/* ============================================
見出し　| story
============================================ */
#job_description #sec01 .linkBannerArea .list01 li h2.heading {
	background: url(../images/job_description/job_descriptionSec01BannerBtnHeading-01.png) 10px 10px no-repeat #000;
	display: inline-block;
	height: 190px;
	top: 0;
	width: 100%;

	overflow: hidden;
	text-indent: 100%;
	white-space:nowrap;
	*text-indent: -9999em;		
}
@media screen and (max-width:1100px){
#job_description #sec01 .linkBannerArea .list01 li h2.heading {
	position: relative;
	width: 100%;
}
}
/*---------------------------------------------
n01 ミルク工場1
---------------------------------------------*/
#job_description #sec01 .linkBannerArea .list01 li.n01 h2.heading {
	background: url(../images/job_description/job_descriptionSec01BannerBtnHeading-01.png) 10px 10px no-repeat #003f52;
}
/*---------------------------------------------
n02  ミルク工場2
---------------------------------------------*/
#job_description #sec01 .linkBannerArea .list01 li.n02 h2.heading {
	background: url(../images/job_description/job_descriptionSec01BannerBtnHeading-02.png) 10px 10px no-repeat #003f52;
}
/*---------------------------------------------
n03 
---------------------------------------------*/
#job_description #sec01 .linkBannerArea .list01 li.n03 h2.heading {
	background: url(../images/job_description/job_descriptionSec01BannerBtnHeading-03.png) 10px 10px no-repeat #572608;
}
/*---------------------------------------------
n04
---------------------------------------------*/
#job_description #sec01 .linkBannerArea .list01 li.n04 h2.heading {
	background: url(../images/job_description/job_descriptionSec01BannerBtnHeading-04.png) 10px 10px no-repeat #d0be6c;
}
/*---------------------------------------------
n04 
---------------------------------------------*/
#job_description #sec01 .linkBannerArea .list01 li.n05 h2.heading {
	background: url(../images/job_description/job_descriptionSec01BannerBtnHeading-05.png) 10px 10px no-repeat #231815;
}
/*---------------------------------------------
n06
---------------------------------------------*/
#job_description #sec01 .linkBannerArea .list01 li.n06 h2.heading {
	background: url(../images/job_description/job_descriptionSec01BannerBtnHeading-06.png) 10px 10px no-repeat #251505;
}
/*---------------------------------------------
n07
---------------------------------------------*/
#job_description #sec01 .linkBannerArea .list01 li.n07 h2.heading {
	background: url(../images/job_description/job_descriptionSec01BannerBtnHeading-07.png) 10px 10px no-repeat #231815;
}
/*---------------------------------------------
n08
---------------------------------------------*/
#job_description #sec01 .linkBannerArea .list01 li.n08 h2.heading {
	background: url(../images/job_description/job_descriptionSec01BannerBtnHeading-08.png) 10px 10px no-repeat #fff;
}
/*---------------------------------------------
n09
---------------------------------------------*/
#job_description #sec01 .linkBannerArea .list01 li.n09 h2.heading {
	background: url(../images/job_description/job_descriptionSec01BannerBtnHeading-09.png) 10px 10px no-repeat #f50a19;
}
/* ============================================
名前name
============================================ */
#job_description #sec01 .linkBannerArea .list01 li .name {
	background: #002029;
	color: #fff;
	margin-top: -5px;
	padding: 10px;
	width: 100%;	
}
@media screen and (max-width:1100px){
#job_description #sec01 .linkBannerArea .list01 li .name {
	position: relative;
	top: -7px;
	width: 100%;
}
}
/*---------------------------------------------
n01 
---------------------------------------------*/
#job_description #sec01 .linkBannerArea .list01 li.n01 .name {
	background: #002029;
}
/*---------------------------------------------
n01 
---------------------------------------------*/
#job_description #sec01 .linkBannerArea .list01 li.n02 .name {
	background: #002029;
}
/*---------------------------------------------
n03 
---------------------------------------------*/
#job_description #sec01 .linkBannerArea .list01 li.n03 .name {
	background: #2c1304;
}
/*---------------------------------------------
n04 
---------------------------------------------*/
#job_description #sec01 .linkBannerArea .list01 li.n04 .name {
	background: #685f36;
}
/*---------------------------------------------
n05
---------------------------------------------*/
#job_description #sec01 .linkBannerArea .list01 li.n05 .name {
	background: #090605;
}
/*---------------------------------------------
n06
---------------------------------------------*/
#job_description #sec01 .linkBannerArea .list01 li.n06 .name  {
	background: #130b03;
}
/*---------------------------------------------
n07
---------------------------------------------*/
#job_description #sec01 .linkBannerArea .list01 li.n07 .name {
	background: #120c0b;
}
/*---------------------------------------------
n08
---------------------------------------------*/
#job_description #sec01 .linkBannerArea .list01 li.n08 .name {
	background: #bf954d;
}
/*---------------------------------------------
n09
---------------------------------------------*/
#job_description #sec01 .linkBannerArea .list01 li.n09 .name {
	background: #000;
}
/*=============================================
*
* #sec02
*
=============================================*/
#top #sec02 #bannerArea li {
	margin: 0 1% 10px 1%;
	display: inline-block;
}