/* トップページのみ */

/* =============== header ================= */
#header{/* トップのみヘッダーをabsoluteで浮かせる */
  position: absolute;
  top: 0;
  z-index: 100;
}
#header{
  padding: 30px 0;
}

/* =============== main-visual ================= */
#main-visual{
  height: 600px;
  position: relative;
}
#main-visual .main-visual-inner{
  width: 1200px;
  height: 600px;
  left: 50%;
  margin-left: -600px;
  position: relative;
}
#main-visual .main-visual-inner .main-visual-img{
  position: relative;
}
#main-visual .main-visual-inner .main-visual-img img{
  /*margin-left: -120px;*/
}
#main-visual .main-visual-inner .main-visual-catch{
  position: absolute;
  bottom: -55px;
  right: 140px;
  z-index: 100;
  opacity: 0;
}
#main-visual .main-visual-inner .main-visual-icon{
  position: absolute;
  bottom: -320px;
  right: 140px;
  z-index: 100;
}

/* =============== gNav ================= */
#gNav{
  padding: 60px 0 0;
}
#gNav ul li{
  float: left;
  margin-right: 60px;
}
#gNav ul li a{
  position: relative;
  overflow: hidden;
  display: inline-block;
  padding: 0 0 12px;
}
#gNav ul li a:after{
  width: 22px;
  height: 3px;
  background-color: #91c34a;
  position: absolute;
  left: -22px;
  bottom: 0;
  content: "";
  display: block;
  transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
}
#gNav ul li.hover a:after{
  left: 0;
}

/* =============== main ================= */
#main .main_message{
  font-size: 13px;
  line-height: 3em;
}
#main .main_message p{
  width: 500px;
}
/* 採用セクション */
#main .main_recruit_wrap{
  margin: 70px 0 0;
}
/* 会社概要セクション */
#main .main_company_wrap{
  margin: 50px 0 0;
}
/* 採用情報・会社概要セクション共通 */
#main .main_recruit_wrap .photo_two_column,
#main .main_company_wrap .photo_two_column{
  margin: 0 0 20px;
}
#main .main_recruit_wrap .photo_two_column li,
#main .main_company_wrap .photo_two_column li{
  float: left;
  width: 480px;
}
#main .main_recruit_wrap .photo_two_column li img,
#main .main_company_wrap .photo_two_column li img{
  width: 100%;
  height: auto;
}
#main .main_recruit_wrap h2,
#main .main_company_wrap h2{
  width: 23.958%;
  float: left;
  color: #91c34a;
  font-size: 22px;
}
#main .main_recruit_wrap h2 span,
#main .main_company_wrap h2 span{
  font-size: 9px;
  color: #808080;
  display: block;
  margin: 6px 0 0;
}
#main .main_recruit_wrap .wrap_nav,
#main .main_company_wrap .wrap_nav{
  width: 19.791%;
  float: left;
}
#main .main_recruit_wrap .wrap_nav li,
#main .main_company_wrap .wrap_nav li{
  margin: 0 0 4px;
}
#main .main_recruit_wrap .wrap_nav li a,
#main .main_company_wrap .wrap_nav li a{
  font-size: 13px;
  color: #333333;
  text-decoration: none;
  padding: 0 0 0 14px;
  background: url(../img/common/common_ico_01.png) no-repeat left center;
}
#main .main_recruit_wrap .wrap_nav li a:hover,
#main .main_company_wrap .wrap_nav li a:hover{
  color: #cf436f;
  text-decoration: underline;
}
#main .main_recruit_wrap .wrap_message,
#main .main_company_wrap .wrap_message{
  width: 56.25%;
  float: left;
}
#main .main_recruit_wrap .wrap_message p,
#main .main_company_wrap .wrap_message p{
  font-size: 13px;
  line-height: 2.1;
  text-align: justify;
  text-justify: inter-ideograph;
}
/* 食品コラムセクション */
#main .main_colum_wrap{
  margin: 50px 0 0;
}
#main .main_colum_wrap h2{
  color: #91c34a;
  font-size: 22px;
}
#main .main_colum_wrap h2 span{
  font-size: 9px;
  color: #808080;
  display: block;
  margin: 6px 0 0;
}
#main .main_colum_wrap ul{
  margin: 40px 0 0;
}
#main .main_colum_wrap ul li{
  width: 31.25%;
  float: left;
  margin: 0 3.125% 0 0;
}
#main .main_colum_wrap ul li:last-child{
  margin: 0;
}
#main .main_colum_wrap ul li figure{

}
#main .main_colum_wrap ul li figure img{
  width: 100%;
  height: auto;
}
#main .main_colum_wrap ul li .date{
  font-size: 9px;
  color: #333333;
  margin: 12px 0;
}
#main .main_colum_wrap ul li .tit{
  margin: 0 0 8px;
  min-height: 45px;
}
#main .main_colum_wrap ul li .tit a{
  color: #333333;
  text-decoration: none;
}
#main .main_colum_wrap ul li .tit a:hover{
  text-decoration: underline;
}
#main .main_colum_wrap ul li .txt{
  font-size: 13px;
  color: #333333;
  line-height: 1.8;
  text-align: justify;
  text-justify: inter-ideograph;
}
#main .main_colum_wrap ul li .more{

}
#main .main_colum_wrap ul li .more a{
  font-size: 9px;
  color: #333333;
}

/* お知らせセクション */
#main .main_news_wrap{
  margin: 50px 0 0;
}
#main .main_news_wrap h2{
  color: #91c34a;
  font-size: 22px;
}
#main .main_news_wrap h2 span{
  font-size: 9px;
  color: #808080;
  display: block;
  margin: 6px 0 0;
}
#main .main_news_wrap ul{
  margin: 40px 0 0;
}
#main .main_news_wrap ul li{
  width: 20.25%;
  float: left;
  margin: 0 2.5% 0 0;
}
#main .main_news_wrap ul li:last-child{
  margin: 0;
}
#main .main_news_wrap ul li .txt{
  font-size: 13px;
  color: #333333;
  line-height: 1.8;
  text-align: center;
  text-justify: inter-ideograph;
}

/* =========================== userAgent =========================== */

/* =============== desktop ================= */

/* =============== note ================= */

/* =============== tablet ================= */

/* =============== phone ================= */
.phone #header{
  padding: 15px 0;
}
.phone #main-visual{
  height: auto;
  margin: 0 0 65px;
}
.phone #main-visual .main-visual-inner{
  width: 100%;
  height: auto;
  margin: 0;
  left: 0;
  position: relative;
}
.phone #main-visual .main-visual-inner .main-visual-img img{
  width: 100%;
  height: auto;
  margin-left: 0px;
}
.phone #main-visual .main-visual-inner .main-visual-catch img{
  display: none;
}
.phone #main-visual .main-visual-inner .main-visual-catch{
  width: 100%;
  max-width: 10000px;
  height: 47px;
  bottom: -38px;
  left: 6.25%;
  background: url(../img/top/top_txt_01.png) no-repeat left top;
  background-size: 280px auto;
}
.phone #main-visual .main-visual-inner .main-visual-icon{
  display: none;
}
.phone #main .main_message p{
  width: 100%;
}
/* 採用セクション */
.phone #main .main_recruit_wrap{
  margin: 60px 0 0;
}
/* 会社概要セクション */
.phone #main .main_recruit_wrap{
  margin: 25px 0 0;
}
/* 採用情報・会社概要セクション共通 */
.phone #main .main_recruit_wrap .photo_two_column,
.phone #main .main_company_wrap .photo_two_column{
  margin: 0 0 20px;
}
.phone #main .main_recruit_wrap .photo_two_column li,
.phone #main .main_company_wrap .photo_two_column li{
  float: left;
  width: 50%;
}
.phone #main .main_recruit_wrap h2,
.phone #main .main_company_wrap h2{
  width: 100%;
  float: none;
  color: #91c34a;
  font-size: 22px;
  padding: 0 0 10px;
  border-bottom: 1px solid #929292;
}
.phone #main .main_recruit_wrap h2 span,
.phone #main .main_company_wrap h2 span{
  font-size: 9px;
  color: #808080;
  display: block;
  margin: 6px 0 0;
}
.phone #main .main_recruit_wrap .wrap_nav,
.phone #main .main_company_wrap .wrap_nav{
  width: 100%;
  float: none;
}
.phone #main .main_recruit_wrap .wrap_nav li,
.phone #main .main_company_wrap .wrap_nav li{
  border-bottom: 1px solid #929292;
  margin: 0;
}
.phone #main .main_recruit_wrap .wrap_nav li a,
.phone #main .main_company_wrap .wrap_nav li a{
  font-size: 13px;
  color: #333333;
  text-decoration: none;
  display: block;
  padding: 12px 0 12px 14px;
  background: url(../img/common/common_ico_01.png) no-repeat left center;
}
.phone #main .main_recruit_wrap .wrap_message,
.phone #main .main_company_wrap .wrap_message{
  width: 100%;
  float: none;
}
.phone #main .main_recruit_wrap .wrap_message p,
.phone #main .main_company_wrap .wrap_message p{
  font-size: 12px;
  line-height: 1.8;
  margin: 20px 0 0;
  text-align: justify;
  text-justify: inter-ideograph;
}
/* 食品コラムセクション */
.phone #main .main_colum_wrap{
  margin: 25px 0 0;
}
.phone #main .main_colum_wrap h2{
  width: 100%;
  float: none;
  color: #91c34a;
  font-size: 22px;
  padding: 0 0 10px;
  border-bottom: 1px solid #929292;
}
.phone #main .main_colum_wrap h2 span{
  font-size: 9px;
  color: #808080;
  display: block;
  margin: 6px 0 0;
}
.phone #main .main_colum_wrap ul{
  margin: 10px 0 0;
}
.phone #main .main_colum_wrap ul li{
  width: 100%;
  float: none;
  margin: 0 0 10px;
  padding: 0 0 10px;
  clear: both;
  border-bottom: 1px solid #929292;
}
.phone #main .main_colum_wrap ul li:last-child{
  margin: 0;
}
.phone #main .main_colum_wrap ul li figure{
  width: 35.714%;
  float: left;
}
.phone #main .main_colum_wrap ul li .cont_area{
  width: 60.714%;
  float: right;
}
.phone #main .main_colum_wrap ul li .date{
  margin: 0 0 8px;
}
.phone #main .main_colum_wrap ul li .tit{
  font-size: 14px;
  margin: 0;
}
.phone #main .main_colum_wrap ul li .txt{
  display: none;
}
.phone #main .main_colum_wrap ul li .more{
  display: none;
}