@charset "utf-8";

/********** top **********/
/* スライダー */
.m_slider {
	width:960px;
	height:268px;
	position:relative;
}

.sliderContent {
	width:960;
	height:268px;
	clear:both;
	position:relative;
	overflow:hidden;
}

.sliderArrows a {
	display:block;
	text-indent:-9999px;
	outline:none;
	z-index:50;
	background-image:url(../gfx/prev_next.png);
	width:42px;
	height:42px;
	position:absolute;
	top:55%;
	margin-top:-34px;
}

.m_slider .prev {
	background-position:0 0;
	left: -35px;
}

.m_slider .prev:hover {
	background-position:0 -44px;
}

.m_slider .next {
	right: -35px;
	background-position:-44px 0;
}

.m_slider .next:hover {
	background-position:-44px -44px;
}

.sliderContent .item {
	position:absolute;
	width:960px;
	height:268px;
	background:#fff;
}

.sliderBullets {
	position:absolute;
	bottom: -25px;
	left:50%;
	z-index:50;
	margin-left:-45px;
}

.sliderBullets a {
	display:block;
	float:left;
	text-indent:-9999px;
	outline:none;
	margin:0 5px;
	width:10px;
	height:11px;
	background:url(../gfx/bullets.png) no-repeat;
}

.sliderBullets .active {
	background-position:0 -11px;
}

.sliderContent a {
	outline:none;
}
/* */

.main_img_wrap {
	padding: 0 0 2px 0;
	background: url(../images/bg_dot_gray.gif) repeat-x bottom;
}
.top_more {
	margin: 0 15px 0 0;
	text-align: right;
}
.top_more a {
	color: #2ac0ff;
}
.top_c_box_txt {
	float:right;display:inline;
	width: 225px;
}
.top_c_box_img {
	float:left;display:inline;
	width: 480px;
}

.c_box_txt {
	float:right;display:inline;
	width: 465px;
}
.c_box_img {
	float:left;display:inline;
	width: 240px;
}

.top_cont_01 {
	margin-right: -45px;
}
.top_cont_01 li {
	float:left;display:inline;
	margin: 0 45px 0 0;
	width: 210px;
}
.top_cont_01 h2 {
	margin: 0 0 15px 0;
}
.top_cont_01_left {
	margin: 0 0 0 15px;
	padding: 0 29px 0 0;
	border-right: 1px dotted #9c9c9c;
}
.top_cont_01_center {
	margin: 0 30px 0 30px;
	padding: 0 29px 0 0;
	border-right: 1px dotted #9c9c9c;
}

.top_col_05 {
	margin-right: -15px;
}
.top_col_05 li {
	float:left;display:inline;
	margin: 0 15px 15px 0;
	width: 135px;
}

.top_company_list {
	margin-right: -45px;
}
.top_company_list li {
	float:left;display:inline;
	margin: 0 45px 15px 0;
	padding: 0 0 0 15px;
	width: 330px;
	line-height: 15px;
	background: url(../images/top_company_list.gif) no-repeat;
}




/********** News Topics **********/
.news_list__item {
	display: flex;
	flex-wrap: wrap;
	padding-top: 15px;
	padding-bottom: 15px;
}
.news_list__head {
	display: flex;
	flex-wrap: wrap;
	margin-right: 15px;
}
.news_list__head.is-detail {
	margin-bottom: 10px;
}

.news_list__date {
	margin-right: 30px;
	font-size: 15px;
}
.news_list__category {
	margin-top: 2px;
	width: 120px;
	font-size: 12px;
}
.news_list__category span {
	display: inline-block;
	padding: 0px 5px;
	background: #00a0e9;
	color: #ffffff;
	text-align: center;
}
.news_list__ttl {
	flex: 1;
	font-size: 15px;
}


/* News 詳細 */
.news_box {
	margin-bottom: 60px;
}
.news_main {
	margin-bottom: 60px;
}
.news_main__img {
	margin-bottom: 15px;
}





/********** 作業の内容 **********/
.works_list {
	margin-right: -30px;
}
.works_list li {
	float:left;display:inline;
	margin: 0 30px 30px 0 ;
	width: 225px;
	font-size: 12px;
}
.works_list h2 {
	padding: 12px 0 0 30px;
	min-height: 48px;
	background: url(../images/works_list_bg.gif) no-repeat;
	font-weight: bold;
}
.works_list h3 {
	margin: 0 0 10px 0;
	font-weight: bold;
	color: #0060ae;
}
.works_list_in {
	padding: 0 14px 5px 14px;
	border-left: 1px solid #c9c9c9;
	border-right: 1px solid #c9c9c9;
	border-bottom: 1px solid #c9c9c9;
}
.works_list_img {
	margin: 0 0 15px 0;
	box-shadow: 0px 0px 6px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.1);
}
.works_list_txt {
	margin: 0 0 15px 0;
	color: #464646;
	line-height: 1.3;
}

/********** 作業の流れ **********/
.flow_list li {
	margin: 0 0 30px 0;
	padding: 15px 0 0 150px;
	min-height: 125px;
}
.flow_list_01 { background: url(../images/flow_icon_01.gif) no-repeat 75px 0;}
.flow_list_02 { background: url(../images/flow_icon_02.gif) no-repeat 75px 0;}
.flow_list_03 { background: url(../images/flow_icon_03.gif) no-repeat 75px 0;}
.flow_list_04 { background: url(../images/flow_icon_04.gif) no-repeat 75px 0;}

.flow_list_txt {
	float:left;display:inline;
	width: 330px;
}
.flow_list_txt h2 {
	color: #0068b7;
	font-size: 20px;
}
.flow_list_body {
	margin: 0 0 0 60px;
	padding: 30px 0 7px 20px;
	border-bottom: 2px dotted #80b4db;
	font-size: 12px;
}
.flow_list_img {
	float:left;display:inline;
	margin: 15px 0 0 0;
	width: 150px;
}

.flow_sys {
	line-height: 1.2;
}
.col_2 {
	margin-right: -45px;
}
.col_2 li {
	float:left;display:inline;
	width: 345px;
	margin: 0 45px 0 0;
}

/********** 会社情報 **********/
.company_table {
	width: 100%;
}
.company_table th {
	padding: 15px;
	width: 105px;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	font-size: 12px;
	font-weight: bold;
	vertical-align: top;
}
.company_table td {
	padding: 15px;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	font-size: 12px;
}
.history_table {
	float:left;display:inline;
	margin: 0 30px 0 0 ;
	width: 345px;
}
.history_table th {
	padding: 0 15px 7px 15px;
	width: 120px;
	font-size: 12px;
}
.history_table td {
	padding: 0 0 7px 0;
	width: 210px;
	font-size: 12px;
}

.com_6s_txt {
	float:right;display:inline;
	width: 510px;
}
.com_6s_img {
	float:left;display:inline;
	width: 195px;
}
.com_6s_table {
	width: 510px;
}
.com_6s_table th {
	padding: 0 0 15px 0;
	width: 180px;
}
.com_6s_table td {
	padding: 0 0 15px 0;
	color: #0068b7;
}

.company_6s_list {
	margin-right: -60px;
}
.company_6s_list li {
	float:left;display:inline;
	margin: 0 60px 30px 30px;
	width: 170px;
}

/********** 採用情報 **********/
.recruit_list {
	color: #0068b7;
}

/********** 代理店募集 **********/
.agency_dl {
	margin: 0 15px;
	padding: 15px;
	border: 1px solid #cccccc;
	border-radius: 5px;
}
.agency_dl dt{
	color: #0068b7;
}
.agency_dl dd{
	margin: 0 0 15px 0;
}

.agency_flow li {
	margin: 0 0 0 15px;
	padding: 0 0 30px 0;
	background: url(../images/arrow_orange.gif ) center bottom no-repeat;
}
.agency_flow h2 {
	float:left;display:inline;
	width: 150px;
}
.agency_flow_txt {
	float:left;display:inline;
	padding: 14px;
	border-top: 1px solid #0068b7;
	border-bottom: 1px solid #0068b7;
	border-right: 1px solid #0068b7;
	width: 525px;
	border-radius: 0 5px 5px 0 ;
}
.agency_flow_big {
	height: 120px;
}
.agency_flow_small {
	height: 75px;
}



/********** 食品事業 **********/
.c-ttl-main {
	margin-bottom: 30px;
	border-bottom: 2px solid #1e5ca3;
	font-size: 30px;
	color: #1e5ca3;
}

.food_list {
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	margin-left: -15px;
	margin-right: -15px;
}
.food_list__item {
	box-sizing: border-box;
	margin-bottom: 30px;
	padding-left: 15px;
	padding-right: 15px;
	width: 50%;
}
.food_list__link {
	box-sizing: border-box;
	position: relative;
	display: block;
	padding: 20px 35px;
	border: 1px solid #cccccc;
}
.food_list__link:hover {
	text-decoration: none;
}
.food_list__link:before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -155px;
	width: 310px;
	height: 2px;
	background: #1e5ca3;
}

.food_list__ttl {
	box-sizing: border-box;
	display: flex;
	align-items: center;
	margin-bottom: 20px;
	font-size: 18px;
	color: #000000;
}
.food_list__img {
	margin-bottom: 20px;
}
.food_list__body {
	color: #696969;
}


/* 食品事業 詳細 */
.food_box {
	margin-bottom: 60px;
}
.food_main {
	margin-bottom: 60px;
}
.food_main__img {
	margin-bottom: 15px;
}
.add_img {
	margin-bottom: 15px;
}
.add_body {
	margin-bottom: 15px;
}
.img_list {
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	margin-left: -10px;
	margin-right: -10px;
}
.img_list__item {
	box-sizing: border-box;
	margin-bottom: 30px;
	padding-left: 10px;
	padding-right: 10px;
	width: 25%;
}
.img_list__item figcaption {
	margin-top: 10px;
	font-size: 12px;
}


/********** よくある質問 **********/
.faq_dl dt {
	padding: 15px 14px 14px 40px;
	border-top: 1px solid #0068b7;
	border-right: 1px solid #0068b7;
	border-left: 1px solid #0068b7;
	border-bottom: 1px dotted #cccccc;
	background: url(../images/faq_icon_q.gif) no-repeat 14px 14px;
	line-height: 18px;
	color: #0068b7;
	border-radius: 5px 5px 0 0;
}
.faq_dl dd {
	margin: 0 0 30px 0;
	padding: 15px 14px 14px 40px;
	border-right: 1px solid #e0004c;
	border-left: 1px solid #e0004c;
	border-bottom: 1px solid #e0004c;
	background: url(../images/faq_icon_a.gif) no-repeat 14px 14px;
	line-height: 18px;
	border-radius: 0 0 5px 5px;
}

/********** お問い合わせ **********/
.contact {
	padding: 0 90px;
}
.contact table {
	width: 100%;
}
.form_btn_box {
	text-align: center;
}
.form_btn_l {
	margin: 0 30px 0 0;
}
.form_btn_r {
}

.form_table {
	width: 100%;
}
.form_table th {
	padding: 15px;
	width: 180px;
	color: #0060ae;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}
.form_table td {
	padding: 15px;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

.btn_contact {
	padding: 10px 45px;
	font-size: 16px;
}

/* タイトル */
.title_main {
	margin: 0 0 30px 0;
}
.title_sub {
	margin: 0 0 20px 0;
	padding: 2px 0 0 20px;
	font-size: 18px;
	line-height: 18px;
	background: url(../images/bg_icon_sub.gif) no-repeat;
	color: #0068b7;
}
.title_sub_s {
	margin: 0 0 15px 0;
	font-size: 18px;
}
.title_date {
	margin: 0 0 5px 0;
	color: #555555;
}

.img_b {
	padding: 2px;
	border: 1px solid #A6924D;
}

.img_sd {
	box-shadow: 0px 0px 6px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.1);
}

