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

/*------------ 初期設定 ------------*/
p {
	color: #000000;
	line-height: 1.7;	
}

/*------------ 全体 ------------*/
html {
}

body {
	-webkit-text-size-adjust: 100%;
}

img{
	max-width:100%;
	height:auto;
}

/*------------ WRAPPER ------------*/
#wrapper {
	padding-top:51px;
}

/*------------ HEADER ------------*/
#header{
	border-top:3px solid #71b024;
	padding:15px;
	position:fixed;
	top:0;
	background-color:rgba(255,255,255,0.9);
	width:100%;
	box-sizing:border-box;
	z-index:200;
}

/*------------ NAVI ------------*/
#gnav{
	display:none;
	position:fixed;
	width:100%;
	top:51px;
	z-index:200;
	background-color:rgba(255,255,255,0.9);
}
#gnav ul{
	padding:0 15px 25px;
	box-sizing:border-box;
}
#gnav li a{
	display:block;
	position:relative;
	text-decoration:none;
	color:#353535;
	padding:5px 0;
	padding-left:20px;
	border-bottom:1px solid #86b81b;
}
#gnav li a:before{
	content:"▶";
	display:block;
	width:1em;
	height:8px;
	line-height:100%;
	position:absolute;
	left:5px;
	top:50%;
	margin-top:-4px;
	color:#86b81b;
	font-size:8px;
}
#btn_menu{
	position:absolute;
    right: 6px;
    top: 6px;
    width: 38px;
    height:38px;
}
#btn_menu span {
    display: block;
    background: #86b81b;
    width: 28px;
    height: 4px;
    position: absolute;
    right: 5px;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
}
#btn_menu span:first-child {
    top: 6px;
}
#btn_menu span:nth-child(2) {
    top: 15px;
}
#btn_menu span:last-child {
    top: 24px;
}
#btn_menu.active span:first-child {
    -webkit-transform: translateY(9px) rotate(45deg);
    -moz-transform: translateY(9px) rotate(45deg);
    -ms-transform: translateY(9px) rotate(45deg);
    transform: translateY(9px) rotate(45deg);
}
#btn_menu.active span:nth-child(2) {
    opacity: 0;
}
#btn_menu.active span:last-child {
    -webkit-transform: translateY(-9px) rotate(-45deg);
    -moz-transform: translateY(-9px) rotate(-45deg);
    -ms-transform: translateY(-9px) rotate(-45deg);
    transform: translateY(-9px) rotate(-45deg);
}
.btn_pc{
	text-decoration:none;
	color:#393939;
	background-color:#eaeaea;
	border-radius:3px;
	line-height:120%;
	padding:3px 5px;
	position:absolute;
	right:55px;
	top:50%;
	margin-top:-9px;
	font-size:8px;
}

/*------------ TOP ------------*/
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    bottom: 15px !important;
}
.subsidynewstext { text-align: center; font-size: 16px; line-height: 20px; margin: 10px 0; }
.subsidynews { color: #3b5998;}
a.subsidynewslink { text-decoration: none;}
#main img{
	width:100%;
}
#list_top_bnr{
	padding:10px 0;
	text-align:center;
}
#list_top_bnr li{
	display:inline;
	margin:0 5px;
	vertical-align:top;
}
#intro_top{
}
h3.ttl_bar{
	font-size:14px;
	font-weight:700;
	text-align:center;
	color:#FFF;
	line-height:100%;
	padding:12px 5px;
	background-color:#86b81b;
}
h3.ttl_bar2{
	font-size:14px;
	font-weight:700;
	text-align:center;
	line-height:100%;
	padding:12px 5px;
	border-bottom:2px solid #86b81b;
	color:#86b81b;
	background-color:#F1F1F1;
}
#list_intro li{
	width:50%;
	box-sizing:border-box;
	float:left;
	text-align:center;
	border-bottom:2px solid #e7f3d8;
}
#list_intro li:nth-child(odd){
	clear:both;
	border-right:1px solid #e7f3d8;
}
#list_intro li:nth-child(even){
	float:right;
	border-left:1px solid #e7f3d8;
}
#list_intro li a,
#list_intro li a span{
	display:block;
}
#list_intro li a{
	padding:10px 0 12px;
	color:#000;
	text-decoration:none;
}
#list_intro li .ttl{
	font-size:11px;
	padding-bottom:5px;
	font-weight:700;
}
.btn_area{
	padding:13px 0 23px;
	text-align:center;
}
.btn_area .btn{
	width:240px;
	height:30px;
	line-height:30px;
	color:#FFF;
	border-radius:5px;
	text-align:center;
	position:relative;
	display:block;
	margin:0 auto;
	text-decoration:none;
	font-size:12px;
	font-weight:700;
}
.btn_area .btn.btn_2l{
	height: 40px;
	line-height: 20px;
	padding: 5px 0;
}
.btn_area .btn:after{
	content:"▶";
	display:block;
	width:1em;
	height:10px;
	line-height:100%;
	position:absolute;
	right:10px;
	top:50%;
	margin-top:-5px;
	color:#FFF;
	font-size:10px;
}
.btn_area .btn_green{
	background-color:#86b81b;
}
#contents .block{
	padding:15px 15px 0;
}
#contents .block.block_gray{
	background-color:#f2f2f2;
}
h4.ttl_arrow{
	background-image:url(../images/common/arrow_link.png);
	background-repeat:no-repeat;
	background-position:0 45%;
	background-size:5px auto;
	padding-left:10px;
	font-size:13px;
	font-weight:700;
	margin-bottom:5px;
	line-height:100%;
}
h3.ttl_point{
	position:relative;
	font-size:15px;
	font-weight:700;
	margin-bottom:10px;
	line-height:100%;
	padding-left:10px;
}
h3.ttl_point2{
	position:relative;
	font-size:14px;
	font-weight:700;
	margin-bottom:15px;
	padding-left:10px;
	border-left:4px solid #86b81b;
}
h3.ttl_point:before{
	position:absolute;
	display:block;
	content:"";
	width:4px;
	height:16px;
	background-color:#86b81b;
	left:0;
	top:0;
	border-radius:5px;
}
#list_seminar{
	padding:0 0 20px;
	margin:0 0 0;
	border-top:1px solid #c0c0c0;
}
#list_seminar a{
	display:block;
	text-decoration:none;
	padding:12px 10px;
	border:1px solid #c0c0c0;
	border-top:none;
	position:relative;
	background-color:#fafafa;
	color:#3b5998;
}
#list_seminar a:after{
	content:"▶";
	display:block;
	width:1em;
	height:10px;
	line-height:100%;
	position:absolute;
	right:6px;
	top:50%;
	margin-top:-5px;
	color:#3b5998;
	font-size:10px;
}
#list_news li{
	padding-bottom:15px;
}
#list_news li .info{
	padding-bottom:0;
}
#list_news li .info span{
	display:inline-block;
	vertical-align:top;
}
#list_news li .info span.date{
	width:110px;
	line-height:100%;
	padding:2px 0 0;
}
#list_news li .info span.tag{
	background-color:#666666;
	color:#FFF;
	line-height:120%;
	font-size:9px;
	padding:3px 7px;
	border-radius:3px;
}
#list_news li .ttl{
	color:#3b5998;
}
#list_partner{
	padding-bottom:20px;
}
#list_partner li{
	float:left;
	width:49%;
}
#list_partner li:nth-child(odd){
	clear:both;
}
#list_partner li:nth-child(even){
	float:right;
}
#list_partner li a{
	display:block;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #fafdf4;
	border: solid 2px #86b81b;
	background-image: -webkit-linear-gradient(bottom, #f9fcee, #fdfffa);
	background-image: -moz-linear-gradient(bottom, #f9fcee, #fdfffa);
	background-image: -o-linear-gradient(bottom, #f9fcee, #fdfffa);
	background-image: -ms-linear-gradient(bottom, #f9fcee, #fdfffa);
	background-image: linear-gradient(to top, #f9fcee, #fdfffa);
	text-align:center;
	text-decoration:none;
	color:#448b1a;
	font-size:16px;
	font-weight:700;
	padding:15px 0;
	position:relative;
}
#list_partner li a span{
	font-size:12px;
	font-weight:normal;
	display:block;
}
#list_partner li a:after{
	content:"▶";
	display:block;
	width:1em;
	height:10px;
	line-height:100%;
	position:absolute;
	right:6px;
	top:50%;
	margin-top:-5px;
	color:#448b1a;
	font-size:10px;
}
#list_contact{
}
#list_contact li{
	width:100%;
}
#list_contact li:nth-child(odd){
	clear:both;
}
#list_contact li:nth-child(even){
	float:right;
}
#list_contact li a{
	display:block;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #86b81b;
	text-align:center;
	text-decoration:none;
	color:#FFF;
	font-size:11px;
	font-weight:normal;
	position:relative;
}
#list_contact li a span.ttl{
	font-size:16px;
	font-weight:700;
}
#list_contact li a span.info{
	padding:15px 0;
	padding-right:40px;
	background-repeat:no-repeat;
	background-position:right center;
	display:inline-block;
}
#list_contact li.icon_mail a span.info{
	background-image:url(../images/common/icon_mail.png);
	background-size:33px auto;
}
#list_contact li.icon_tel a span.info{
	background-image:url(../images/common/icon_tel.png);
	background-size:33px auto;
}
#pagetop{
	text-align:right;
	padding-top:15px;
	padding-bottom:15px;
}
#pagetop a{
	text-decoration:none;
	font-size:10px;
	color:#545454;
	padding:5px 15px;
	background-image:url(../images/common/icon_pagetop.png);
	background-size:11px auto;
	background-repeat:no-repeat;
	background-position:left center;
}

/*------------ BTOB　20170801改修 ------------*/
h3.ttl_center{
	font-weight:700;
	font-size:14px;
	padding-bottom:10px;
	text-align:center;
}
#list_btob{
	padding-bottom:15px;
}
#list_btob a,
#list_btob a span{
	display:block;
	text-decoration:none;
	color:inherit;
}
#list_btob a{
	padding:10px;
	position:relative;
}
#list_btob a:before{
	content:"▶";
	display:block;
	width:1em;
	height:4px;
	line-height:100%;
	position:absolute;
	right:6px;
	top:50%;
	margin-top:-4px;
	color:#448b1a;
	font-size:8px;
}
#list_btob .pic{
	width:125px;
	float:left;
	text-align:center;
}

#list_btob .pic02{
	width:170px;
	float:left;
	text-align:center;
}

#list_btob .info02{
	margin-left:170px;
	padding-right:10px;
}

#list_btob .pic02 .ttl02{
	font-size:9px;
	font-weight:700;
	padding-bottom:3px;
}


#list_btob .pic .ttl{
	font-size:9px;
	font-weight:700;
	padding-bottom:3px;
}
#list_btob .info{
	margin-left:135px;
	padding-right:10px;
}
#list_btob li{
    border: 1px solid #e7f3d8;
    border-bottom: none;
}
#list_btob li:last-child{
    border-bottom: 1px solid #e7f3d8;
}
#list_btob .service_rogo{
	float: left;
	width: 25%;
}
#list_btob .service_text{
	float: left;
	margin-top: 5%;
}
.list_product{
	text-align:center;
}
.list_product li{
	padding-bottom:15px;
	float:left;
	width:49%;
}
.list_product li:nth-child(odd){
	clear:both;
}
.list_product li:nth-child(even){
	float:right;
}
.list_product .pic{
	margin:0 auto 7px;
	background-color:#e7f3d8;
	width:120px;
	height:120px;
	border-radius:50%;
	position:relative;
}
.block_gray .list_product .pic{
	background-color:#FFF;
}
.list_product .pic img{
    position: absolute;
	width:95px;
	height:auto;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.list_product .pic img.img_h{
	width:auto;
	height:90px;
}
.list_product .pic img.img_s{
	width:auto;
	height:75px;
}
.list_product .body{
	font-size:12px;
}
.list_product .ttl{
	font-size:13px;
	font-weight:700;
	padding-bottom:7px;
}
.list_product .body2{
	font-size:12px;
	text-align:left;
}
.btn_id{
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #fff;
	border: solid 2px #ff5a00;
	background-image: -webkit-linear-gradient(bottom, #ff5a00, #ff7400);
	background-image: -moz-linear-gradient(bottom, #ff5a00, #ff7400);
	background-image: -o-linear-gradient(bottom, #ff5a00, #ff7400);
	background-image: -ms-linear-gradient(bottom, #ff5a00, #ff7400);
	background-image: linear-gradient(to top, #ff5a00, #ff7400);
	display:block;
	text-decoration:none;
	color:#FFF;
	text-align:center;
	padding:7px 0;
	font-size:20px;
	position:relative;
	margin-bottom:15px;
}
.btn_id:before{
	content:"▶";
	display:block;
	width:1em;
	height:5px;
	line-height:100%;
	position:absolute;
	right:6px;
	top:50%;
	margin-top:-5px;
	color:#FFF;
	font-size:10px;
}
.btn_id span{
	font-size:10px;
	display:block;
	line-height:100%;
	padding-top:3px;
}
#topicpath{
	background-color:#86b81b;
}
#topicpath li{
	display:inline-block;
	vertical-align:top;
	height:24px;
	line-height:24px;
	color:#FFF;
	font-size:10px;
	background-image:url(../images/common/arrow_path.png);
	background-size:12px auto;
	background-repeat:no-repeat;
	background-position:right center;
	padding-right:12px;
}
#topicpath li:last-child{
	background:none;
	padding-right:0;
}
#topicpath li a{
	display:inline-block;
	vertical-align:top:
	height:24px;
	color:inherit;
	text-decoration:none;
	padding:0 5px;
}
#topicpath li span{
	display:inline-block;
	vertical-align:top:
	height:24px;
	padding:0 5px;
}

/*------------ BTOB ITEM ------------*/
.btn_area_product{
	padding:15px 15px 0;
}
.btn_area_product a{
	margin-bottom:15px;
}
.btn_product{
	display:block;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding:7px 5px;
	color:#FFF;
	text-decoration:none;
	text-align:center;
	font-size:16px;
	position:relative;
}
.btn_product:before{
	content:"▶";
	display:block;
	width:1em;
	height:5px;
	line-height:100%;
	position:absolute;
	right:6px;
	top:50%;
	margin-top:-5px;
	color:#FFF;
	font-size:10px;
}
.btn_product span{
	display:inline-block;
	width:15px;
	height:16px;
	margin-right:10px;
	background-image:url(../images/products/icon_blank.png);
	background-size:15px auto;
	background-repeat:no-repeat;
	background-position:left center;
	position:relative;
	top:2px;
}
.block_intro{
	padding:0 15px;
}
.img_flow{
	padding-bottom:15px;
}
.img_flow img{
	width:100%;
}
#contents .block_merit{
	background-color:#fce5ee;
	padding-bottom:15px;
	margin:0 15px 15px;
	border-radius:3px;
}
#contents .block_demerit{
	background-color:#fdf3da;
	padding-bottom:15px;
	margin:15px 15px 0;
	border-radius:3px;
}
#contents .block_makermerit{
	background-color:#daeeef;
	padding-bottom:15px;
	margin:0 15px 0;
	border-radius:3px;
}
.block_merit h3.ttl_point{
	color:#db2065;
}
.block_merit h3.ttl_point:before{
	background-color:#db2065;
}
.block_demerit h3.ttl_point{
	color:#f2af10;
}
.block_demerit h3.ttl_point:before{
	background-color:#f2af10;
}
.block_makermerit h3.ttl_point{
	color:#0f86ea;
}
.block_makermerit h3.ttl_point:before{
	background-color:#0f86ea;
}
.list_indent li{
	padding:2px 0;
	padding-left:1em;
	text-indent:-1em;
}
.copy_flow{
	text-align:center;
	font-size:14px;
	padding-bottom:15px;
	font-weight:700;
}
.copy_flow.product1{
	color:#2d67a3;
}
.copy_flow.product2{
	color:#297f3a;
}
.copy_flow.product3{
	color:#d66860;
}
.copy_flow.product4{
	color:#e19140;
}
.btn_product.product1{
	background-color: #1c772e;
	border: solid 2px #2d67a3;
	background-image: -webkit-linear-gradient(bottom, #2d67a3 51%, #3075bb 51%);
	background-image: -moz-linear-gradient(bottom, #2d67a3 51%, #3075bb 51%);
	background-image: -o-linear-gradient(bottom, #2d67a3 51%, #3075bb 51%);
	background-image: -ms-linear-gradient(bottom, #2d67a3 51%, #3075bb 51%);
	background-image: linear-gradient(to top, #2d67a3 51%, #3075bb 51%);
}
.btn_product.product2{
	background-color: #1c772e;
	border: solid 2px #266f34;
	background-image: -webkit-linear-gradient(top, #358545, #2d883f 51%, #236530 51%);
	background-image: -moz-linear-gradient(top, #358545, #2d883f 51%, #236530 51%);
	background-image: -o-linear-gradient(top, #358545, #2d883f 51%, #236530 51%);
	background-image: -ms-linear-gradient(top, #358545, #2d883f 51%, #236530 51%);
	background-image: linear-gradient(to bottom, #358545, #2d883f 51%, #236530 51%);
}
.btn_product.product3{
	background-color: #d66860;
	border: solid 2px #d66860;
	background-image: -webkit-linear-gradient(bottom, #ca473d 49%, #d66860 50%);
	background-image: -moz-linear-gradient(bottom, #ca473d 49%, #d66860 50%);
	background-image: -o-linear-gradient(bottom, #ca473d 49%, #d66860 50%);
	background-image: -ms-linear-gradient(bottom, #ca473d 49%, #d66860 50%);
	background-image: linear-gradient(to top, #ca473d 49%, #d66860 50%);
}
.btn_product.product4{
	background-color: #d66860;
	border: solid 2px #e37f1a;
	background-image: -webkit-linear-gradient(top, #e19140 51%, #e37f1a 51%);
	background-image: -moz-linear-gradient(top, #e19140 51%, #e37f1a 51%);
	background-image: -o-linear-gradient(top, #e19140 51%, #e37f1a 51%);
	background-image: -ms-linear-gradient(top, #e19140 51%, #e37f1a 51%);
	background-image: linear-gradient(to bottom, #e19140 51%, #e37f1a 51%);
}

.btn_product.product5{
	background-color: #333333;
	border: solid 2px #333;
	background-image: -webkit-linear-gradient(top, #666666 51%, #333333 51%);
	background-image: -moz-linear-gradient(top, #666666 51%, #333333 51%);
	background-image: -o-linear-gradient(top, #666666 51%, #333333 51%);
	background-image: -ms-linear-gradient(top, #666666 51%, #333333 51%);
	background-image: linear-gradient(to bottom, #666666 51%, #333333 51%);
}

.btn_product.product6{
	background-color: #d66860;
	border: solid 2px #2786bd;
	background-image: -webkit-linear-gradient(bottom, #2786bd 49%, #439acd 50%);
	background-image: -moz-linear-gradient(bottom, #2786bd 49%, #439acd 50%);
	background-image: -o-linear-gradient(bottom, #2786bd 49%, #439acd 50%);
	background-image: -ms-linear-gradient(bottom, #2786bd 49%, #439acd 50%);
	background-image: linear-gradient(to top, #2786bd 49%, #439acd 50%);
}

.btn_product.product7{
	background-color: #934b81;
	border: solid 2px #934b81;
	background-image: -webkit-linear-gradient(bottom, #934b81 49%, #af5899 50%);
	background-image: -moz-linear-gradient(bottom, #934b81 49%, #af5899 50%);
	background-image: -o-linear-gradient(bottom, #934b81 49%, #af5899 50%);
	background-image: -ms-linear-gradient(bottom, #934b81 49%, #af5899 50%);
	background-image: linear-gradient(to top, #934b81 49%, #af5899 50%);
}

/*食の安心安全受発注　20170929追加*/

.anzen_box{
	width: none;
	border-top: 3px solid #ccc;
	border-bottom: 3px solid #ccc;
	margin: 15px 15px 0;
}
.anzen_box h3 strong { 
	font-size: 14px;
	font-weight: normal;
	}
.anzen_box h3 strong span{
	color: #F00;
	margin-left :0 !important;
	}
.anzen_box .h3_box01 h3{
	font-size: 20px;
	font-weight: normal;
	line-height: 1.2em;
	border: none;
	margin: 0;
	padding: 20px 0;
}
.anzen_box .anzen_content{
	width: none;
}
.anzen_box .anzen_content p{
	font-size: 12px;
	line-height: 1.8em;
	margin-bottom: 10px;
	padding: 0;
}
.anzen_box .anzen_content .anzen_btn_box{
	width: 80%;
    margin: 15px 15px 0;
	display: inline-block;
}
.anzen_box .anzen_content .anzen_btn_box a.anzen_btn{
	color: #3b5998;
	font-size: 16px;
	line-height: 46px;
	text-align: center;
	text-decoration-line: none;
	width: 100%;
	height: 46px;
	border: 1px solid #3b5998;
	border-right: 30px solid #3b5998;
	border-radius: 5px;
	margin-bottom: 25px;
	padding-left: 20px;
	position: relative;
	display: inline-block;
}
.anzen_box .anzen_content .anzen_btn_box a.anzen_btn:hover{
	opacity: 0.7;
}
.anzen_box .anzen_content .anzen_btn_box a.anzen_btn.right{
	margin: 0 0 25px;
	float: none;
}
.anzen_box .anzen_content .anzen_btn_box a.anzen_btn img{
	position: absolute;
}
.anzen_box .anzen_content .anzen_btn_box a.anzen_btn.left img{
	width: 25px;
	top: 12px;
    left: 20%;
}
.anzen_box .anzen_content .anzen_btn_box a.anzen_btn.right img{
	width: 25px;
	top: 15px;
    left: 20%;
}
.btn_icon-arrow{
	vertical-align: bottom;
	position: relative;
	display: inline-block;
}
.btn_icon-arrow:after {
	content: '';
	width: 0;
	height: 0;
	border: solid 8px transparent;
	border-left: solid 8px #ffffff;
	margin-top: -8px;
	position: absolute;
	top: 50%;
	right: -27px;
}

/*------------ NEWS ------------*/
#list_ir{
	padding-bottom:10px;
}
#list_ir li{
}
#list_ir li a{
	display:block;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #fafdf4;
	border: solid 2px #86b81b;
	background-image: -webkit-linear-gradient(bottom, #f9fcee, #fdfffa);
	background-image: -moz-linear-gradient(bottom, #f9fcee, #fdfffa);
	background-image: -o-linear-gradient(bottom, #f9fcee, #fdfffa);
	background-image: -ms-linear-gradient(bottom, #f9fcee, #fdfffa);
	background-image: linear-gradient(to top, #f9fcee, #fdfffa);
	text-align:center;
	text-decoration:none;
	color:#448b1a;
	font-size:14px;
	font-weight:700;
	padding:10px 0;
	position:relative;
	margin-bottom:10px;
}
#list_ir li a:after{
	content:"▶";
	display:block;
	width:1em;
	height:10px;
	line-height:100%;
	position:absolute;
	right:6px;
	top:50%;
	margin-top:-5px;
	color:#448b1a;
	font-size:10px;
}
#post{
	padding-bottom:20px;
}
#post p{
	padding-bottom:10px;
}
.news_list01{margin-top:50px;padding:0 10px;}
.news_list01 dt,.news_list01 dd{margin-bottom:20px;line-height:1.6;}
.news_list01 dt{font-weight:bold;}
.news_list01 dd{padding-left:1em;}
.news_list01 dd.list_title{margin-bottom:20px;font-weight:bold;}
.news_list01 dd.list_txt{text-indent:1em;}
.news_list01 dd.list_caption{font-size:12px;}
.inc_name01{margin-left:1em !important;}

/*------------ FOOTER ------------*/

#footer{
}
#list_footer a{
	display:block;
	font-size:11px;
	color:#545454;
	text-decoration:none;
	padding:12px 15px;
	border-bottom:1px solid #cbcbcb;
	background-color:#e0e0e0;
	position:relative;
}
#list_footer a:after{
	content:"▶";
	display:block;
	width:1em;
	height:10px;
	line-height:100%;
	position:absolute;
	right:15px;
	top:50%;
	margin-top:-5px;
	color:#545454;
	font-size:10px;
}
#footer_info{
	background-color:#cbcbcb;
	text-align:center;
	padding:15px;
}
#footer_info h5{
	padding-bottom:3px;
}
address{
	color:#545454;
	font-size:7px;
}

/*-------- text_right --------*/
.t_right {
	text-align: right;
}

/*-------- text_left --------*/
.t_left {
	text-align: left;
}

/*-------- center --------*/
.t_center {
	text-align: center;
}

/*-------- left --------*/
.left {
	float: left;
}

/*-------- right --------*/
.right {
	float: right;
}

/*-------- ClearBoth --------*/
.cb {
	clear: both;
}

/*-------- COLOR --------*/

.red{
	color:#FF0000;
}

.orange{
	color:#FF6600;
}

.blue{
	color:#0097B2;
}

/*-------- FONT --------*/

.bold{
	font-weight:700;
}

.f10{
	font-size:10px;
}

.f14{
	font-size:14px;
}

/*-------- WIDTH --------*/

.w149{
	width:149px;	
}

.w180{
	width:180px;	
}

.w287{
	width:287px;
}

.w380{
	width:380px;
}

.w304{
	width:304px;
}

/*-------- HEIGHT --------*/

.h350{
	height:350px;	
}

.h375{
	height:375px;	
}

.h500{
	height:420px;	
}

.h600{
	height:470px;	
}

/*-------- MARGIN --------*/

.ml3{
	margin:0 0 0 3px;
}

.ml10{
	margin:0 0 0 10px;
}

.ml30{
	margin:0 0 0 30px;
}

.ml40{
	margin:0 0 0 40px;
}

.ml60{
	margin:0 0 0 60px;
}

.ml70{
	margin:0 0 0 70px;
}

.mb10{
	margin:0 0 10px 0;
}

.mb15{
	margin:0 0 15px 0;
}

.mt3{
	margin:3px 0 0 0;
}

.mt10{
	margin:10px 0 0 0;
}


.mt20{
	margin:20px 0 0 0;
}

.mt30{
	margin:30px 0 0 0;
}

/*-------- PADDING --------*/

.pt5{
	padding-top:5px;
}

.pt10{
	padding-top:10px;
}

.pt15{
	padding-top:15px;
}

.pt20{
	padding-top:20px;
}

.pt25{
	padding-top:25px;
}

.pt30{
	padding-top:30px;
}

.pt40{
	padding-top:40px;
}

.pt60{
	padding-top:60px;
}

.pl10{
	padding-left:10px;	
}

.pl12{
	padding-left:12px;	
}

.pl15{
	padding-left:15px;	
}

.pl20{
	padding-left:20px;	
}

.pl30{
	padding-left:30px;	
}

.pl40{
	padding-left:40px;	
}

.pl50{
	padding-left:50px;	
}

.pl60{
	padding-left:60px;	
}

.pl70{
	padding-left:70px;	
}

.pl80{
	padding-left:80px;	
}

.pl100{
	padding-left:100px;	
}

.pr100{
	padding-right:100px;	
}


.pb10{
	padding-bottom:10px;	
}
.pb15{
	padding-bottom:15px;	
}
.pb20{
	padding-bottom:20px;	
}

/*-------- COMMON --------*/

.pic{
}

.hidden{
	overflow:hidden;
}

.abs{
	position:absolute;
}

.ondes{
	color:#999999;
}

/*pc→スマホ変換*/
.inner{
	padding:15px 15px 0;
}
.inner h3{
	position:relative;
	font-size:14px;
	font-weight:700;
	margin-bottom:15px;
	padding-left:10px;
	border-left:4px solid #86b81b;
}
.news-content{
	padding-bottom:20px;
}
.news-content p{
	padding-bottom:10px;
}
.img_lauout_r img{display:block;margin:0 auto 30px;}
.title_sub{font-size:0.8em;}
.text_read{font-size:0.9em;}

/*ニュースリリースアイコン変更*/
.icon_asp {
	width:54px;
	background-color:#2d67a3;
	color:#FFF;
	line-height:120%;
	font-size:9px;
	text-align:center;
	padding:3px 0;
	border-radius:3px;
}
.icon_asp2 {
	width:54px;
	background-color:#2d67a3;
	color:#FFF;
	line-height:120%;
	font-size:9px;
	text-align:center;
	padding:3px 0;
	margin-left:4px;
	border-radius:3px;
}
.icon_seikyu {
	width:54px;
	background-color:#297f3a;
	color:#FFF;
	line-height:120%;
	font-size:9px;
	text-align:center;
	padding:3px 0;
	border-radius:3px;
}
.icon_seikyu2 {
	width:54px;
	background-color:#297f3a;
	color:#FFF;
	line-height:120%;
	font-size:9px;
	text-align:center;
	padding:3px 0;
	margin-left:4px;
	border-radius:3px;
}
.icon_emp {
	width:54px;
	background-color:#d66860;
	color:#FFF;
	line-height:120%;
	font-size:9px;
	text-align:center;
	padding:3px 0;
	border-radius:3px;
}
.icon_emp2 {
	width:54px;
	background-color:#d66860;
	color:#FFF;
	line-height:120%;
	font-size:9px;
	text-align:center;
	padding:3px 0;
	margin-left:4px;
	border-radius:3px;
}
.icon_kikaku {
	width:54px;
	background-color:#e19140;
	color:#FFF;
	line-height:120%;
	font-size:9px;
	text-align:center;
	padding:3px 0;
	border-radius:3px;
}
.icon_kikaku2 {
	width:54px;
	background-color:#e19140;
	color:#FFF;
	line-height:120%;
	font-size:9px;
	text-align:center;
	padding:3px 0;
	margin-left:4px;
	border-radius:3px;
}
.icon_event {
	width:54px;
	background-color:#b3b3b3;
	color:#FFF;
	line-height:120%;
	font-size:9px;
	text-align:center;
	padding:3px 0;
	border-radius:3px;
}
.icon_event2 {
	width:54px;
	background-color:#b3b3b3;
	color:#FFF;
	line-height:120%;
	font-size:9px;
	text-align:center;
	padding:3px 0;
	margin-left:4px;
	border-radius:3px;
}
.icon_news {
	width:54px;
	background-color:#4d4d4d;
	color:#FFF;
	line-height:120%;
	font-size:9px;
	text-align:center;
	padding:3px 0;
	border-radius:3px;
}
.icon_news2 {
	width:54px;
	background-color:#4d4d4d;
	color:#FFF;
	line-height:120%;
	font-size:9px;
	text-align:center;
	padding:3px 0;
	margin-left:4px;
	border-radius:3px;
}
.icon_media {
	width:54px;
	background-color:#7e7e7e;
	color:#FFF;
	line-height:120%;
	font-size:9px;
	text-align:center;
	padding:3px 0;
	border-radius:3px;
}
.icon_media2 {
	width:54px;
	background-color:#7e7e7e;
	color:#FFF;
	line-height:120%;
	font-size:9px;
	text-align:center;
	padding:3px 0;
	margin-left:4px;
	border-radius:3px;
}
.icon_quo {
	width:54px;
	background-color:#439acd;
	color:#FFF;
	line-height:120%;
	font-size:9px;
	text-align:center;
	padding:3px 0;
	border-radius:3px;
}
.icon_quo2 {
	width:54px;
	background-color:#439acd;
	color:#FFF;
	line-height:120%;
	font-size:9px;
	text-align:center;
	padding:3px 0;
	margin-left:4px;
	border-radius:3px;
}
.icon_b2bch {
	width:54px;
	background-color:#333333;
	color:#FFF;
	line-height:120%;
	font-size:9px;
	text-align:center;
	padding:3px 0;
	border-radius:3px;
}
.icon_b2bch {
	width:54px;
	background-color:#333333;
	color:#FFF;
	line-height:120%;
	font-size:9px;
	text-align:center;
	padding:3px 0;
	margin-left:4px;
	border-radius:3px;
}
.icon_contract {
	width:54px;
	background-color:#944c82;
	color:#FFF;
	line-height:120%;
	font-size:9px;
	text-align:center;
	padding:3px 0;
	border-radius:3px;
}
.icon_contract2 {
	width:54px;
	background-color:#944c82;
	color:#FFF;
	line-height:120%;
	font-size:9px;
	text-align:center;
	padding:3px 0;
	margin-left:4px;
	border-radius:3px;
}

/*-------------------
6月28日追加　ニュースリリース記事にいいね！とtwitterのボタン設置
-------------------*/
.sp_news_shere_btn{text-align: right; margin-bottom:5px;}
.sp_news_shere_btn .fb-like{vertical-align: top;}

/*-------------------
20161220追加　社長メッセージスマホ版作成（新規）
-------------------*/
.idea_catch { padding:40px 15px 20px 15px;}
.idea_catch img { width:100%;}
.idea_read { font-size:14px; color:#333333; padding:0 15px 30px 15px;}
.sp_idea_mainphoto { text-align:center;}
.sp_idea_mainphoto figure { display:block; -webkit-margin-before:0; -webkit-margin-after:0; -webkit-margin-start:0;  -webkit-margin-end:0;}
.sp_idea_mainphoto .topname { padding-top:10px;}



/*-------------------
20170627追記　【BtoBプラットフォーム 業界チャネル】
-------------------*/

div .merit_bg{
background-color:#f4f4f4;
padding:20px 15px;
margin-bottom:30px;
}

div p.merit_title{
color:♯333;
font-size:18px;
font-weight:bold;
margin-bottom:8px;
}

#img_flow_text{
color:♯333;
font-size:20px;
font-weight:bold;
text-align:center;
margin:35px auto;
}

div .merit_bg ul li{
list-style-type:disc;
line-height:1.5em;
text-indent:7px; 
margin-left:16px;
margin-bottom:8px;
}

div .report_bg{
border:solid 1px #ccc;
padding:20px 15px; 
margin-bottom:28px;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #ffe0d9 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 0%,#ffe0d9 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 0%,#ffe0d9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffe0d9',GradientType=0 ); /* IE6-9 */
}

div .report_bg .report_title{
color:♯333;
font-size:20px;
font-weight:bold;
}

div .report_bg .report_title_01{
font-size:16px;
font-weight:bold;
margin-bottom:8px;
}

.report_bg{
border: solid 1px #ccc;
padding: 20px 15px;
margin-bottom: 28px;
background: linear-gradient(to bottom, #ffffff 0%,#eeeeee 100%)!important;
}

.report_bg .report_read{
font-size:14px;
font-weight:bold;
}

.report_bg .report_title{
font-size:20px;
font-weight: bold;
}

.report_bg .report_title span{
font-size:20px;
font-weight: bold;
color:#ea3002;
margin-bottom: 0px;
}
	
.report_bg .report_text{
	margin-bottom: 5px;
}
	
.report_bg .report_link{
	text-align: right;
	font-size: 16px;
	font-weight: bold;
}
	
.report_bg .report_link a{
	text-decoration: none;
	color: #0066cc;
}
	
.report_bg .report_link .report_arrow{
	position: relative;
    display: inline-block;
    padding-right: 12px;
}
	
.report_bg .report_link .report_arrow:after{
	content: '';
    width: 0;
    height: 0;
    border: solid 6px transparent;
    border-left: solid 6px #0066cc;
    position: absolute;
    top: 50%;
    right: -8px;
    margin-top: -7px;
}


/*　20170512追加　トップへ戻るボタン　*/
#pageTop { position: fixed; bottom: 3%; right: 4%; z-index: 999; }
#pageTop .pageTop-btn a { display: table-cell; border-radius: 30px; width: 48px; height: 48px; background-color: #86b81b; color: #fff; text-decoration: none; text-align: center; vertical-align: middle; font-size: 20px; }
@media screen and (min-width: 768px) {
  #pageTop a {
    font-size: 1.25rem;
    width: 46px;
    height: 46px;
  }
}
#pageTop .pageTop-btn a:hover { opacity: 0.9; }

/**/
.fb_iframe_widget > span {
  vertical-align: baseline !important;
}


/*　20180214追加　ハンバーガーメニュー改修　*/
#gnav li.main-link { position: relative; border-bottom: 1px solid #fff;	cursor: pointer; outline: 0; }
#gnav li.main-link::before { content: ''; position: absolute; top: 10px; right: 10px; width: 0; height: 0; border: 6px solid transparent; border-top-color: #666; transition: .5s; -erbkit-transition: .5s; }
#gnav .open::before { content: ''; position: absolute; top: 10px; right: 10px; width: 0; height: 0; border: 6px solid transparent; border-bottom-color: #666;     transform: rotate(-180deg); -ms-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); }
#gnav li.main-link::after { content: ''; position: absolute; top: 7px; left: 10px; transition: .5s; -erbkit-transition: .5s; }
#gnav .sub-link { padding: 0 0 16px; }
#gnav .sub-link li { list-style: none; }
#gnav .sub-link li a { position: relative; height: 32px; line-height: 32px; padding: 0 20px ; border-bottom: 1px dotted #ccc; font-size: 12px; color:#333; background-color: #fff; }
#gnav ul.sub-link li a::before { content: ''; position: absolute; top: 14px; right: 10px; width: 0; height: 0; border: 8px solid transparent; border-left-color: #fff; } 
#gnav ul li a:before { content: '' !important; }


/*　20180419追加　受発注：製品情報にメニュー管理導線追加　*/
.products_asp .anzen_box{ border: none; margin-top: 20px;}
.products_asp .bnr_wrapper{ width:90%; max-width: 64em; margin: auto;}
.products_asp .bnr_wrapper a{ display:block;}
.products_asp .bnr_wrapper a img{ width: 100%;}

/*　20180518追加　【規格書】コーポレート製品詳細情報改修　*/
.products_kikaku_jishakanri{ border-top: dashed 1px #333; margin: 15px 10px 0 10px; padding: 15px 10px 0 0;}
.products_kikaku_jishakanri p span{ color:#000; font-size:18px; !important}
.products_kikaku_jishakanri .jishakanri_pr img{ display:block; width: 22px; height: 26px; float:left; margin: 0 10px 0 0; !important}
.products_kikaku_jishakanri .jishakanri_pr ul{ font-weight:normal; list-style: none; !important}
.products_kikaku_jishakanri .jishakanri_pr ul li{ font-size:14px; padding-top: 6px;}
.products_kikaku_jishakanri .jishakanri_ttl{ margin-top: 10px;}
.products_kikaku_jishakanri .jishakanri_ttl span{ font-size:18px;}
.products_kikaku_jishakanri .jishakanri_ttl a{ position: relative; padding:5px 0 5px 10px; width: 100%; color:#0066cc; text-decoration: none; display: inline-block; border-radius: 5px; font-size: 14px; border: 1px solid #0066cc; text-align:center;}
.products_kikaku_jishakanri .jishakanri_ttl a:after{position: absolute; content: ""; border-top: 1px solid #0066cc; border-right: 1px solid #0066cc; width: 7px; height: 7px; -webkit-transform: rotate(45deg); transform: rotate(45deg); right: 16px; top: 12px;}
.products_kikaku_sssp2014{ margin: 0 15px 20px; text-align:center;}
.products_kikaku_sssp2014 h3{ text-align:left; border:none; padding:20px 0 0 0; font-weight: normal; font-size: 20px;}
.products_kikaku_sssp2014 img{ width: 90%; max-width: 320px;}
.products_kikaku_sssp2014 p{ text-align:left; margin-bottom: 15px; font-size: 14px; padding-left: 0;}
.products_kikaku_sssp2014 a{ position: relative; padding: 10px 0; width: 100%; color:#0066cc; text-decoration: none; display: inline-block; border-radius: 5px; font-size: 16px; border: 1px solid #0066cc;}
.products_kikaku_sssp2014 a:after{position: absolute; content: ""; border-top: 2px solid #0066cc; border-right: 2px solid #0066cc; width: 8px; height: 8px; -webkit-transform: rotate(45deg); transform: rotate(45deg); right: 18px; top: 16px;}

/*　20180614追加　受発注：製品情報の導線修正　*/
.recommend{ border-top: dashed 1px #333; margin: 15px 10px 0 10px; padding: 15px 10px 0 0;}
.recommend_pr ul{ font-weight:normal; list-style: none; !important}
.recommend_pr ul li{ font-size:15px; padding-top: 6px;}
.recommend_ttl{ margin-top: 10px;}
.recommend_ttl dl dt{ font-size:18px;}
.btn05 a{ position: relative; padding:5px 0; margin: 10px auto 0; width: 190px; color:#0066cc; text-decoration: none; display: block; border-radius: 5px; border: 1px solid #0066cc; text-align:center;}
.btn05 a:after{position: absolute; content: ""; border-top: 1px solid #0066cc; border-right: 1px solid #0066cc; width: 5px; height: 5px; -webkit-transform: rotate(45deg); transform: rotate(45deg); right: 10px; top: 12px;}
.faq_box{ background-color: #f5f5f5; padding: 20px;}
.faq_box p{ font-size: 14px; text-align: center;}

/*　20180628追加　【CP604】導線_製品詳細ページ（PC・SP）　*/
#contents .block_contract{ background-color:#f4f4f4; padding-bottom:15px; margin:15px 15px 0; border-radius:3px;}
.block_contract h3.ttl_point{ color:#934b81;}
.block_contract h3.ttl_point:before{ content: none;}
.block_contract ul li{ margin-bottom: 15px;}
.block_contract ul li span{ display: block; color: #934b81; margin-bottom: 10px; font-weight: bold; font-size: 13px;}

/*　20180830追加　*/
#contents .block_introduction{
	background-color:#3b5998;
	padding-bottom:15px;
	margin:15px;
	border-radius:3px;
}
.block_introduction h3{font-size:15px;}
.block_introduction h3,.block_introduction p{
	color:#fff;
	margin-bottom:10px;
}
.btn06 a{ position: relative; padding:5px 0; margin: 10px auto 0; width: 100%; color:#3b5998; text-decoration: none; display: inline-block; border-radius: 5px; font-size: 14px; border: 1px solid #3b5998; text-align:center;background:#fff;}
.btn06 a:after{position: absolute; content: ""; border-top: 1px solid #3b5998; border-right: 1px solid #3b5998; width: 7px; height: 7px; -webkit-transform: rotate(45deg); transform: rotate(45deg); right: 16px; top: 12px;}

/*　20181207追加 機能紹介　*/
.layoutbox04 { padding: 20px; background: #f5f5f5;}	
.layoutbox04 .ttl { margin-bottom: 10px !important; font-size: 16px; font-weight: bold; color: #2d67a3; text-align: center;}
.layoutbox04 .package { padding: 20px; background: #fff; position: relative; text-align: center;}

.layoutbox04 .package .sub_ttl{font-weight:bold; font-size: 16px;}
.layoutbox04 .package .sub_ttl span { font-size: 12px; font-weight: normal; display: block;}
.layoutbox04 .package .package_b,.layoutbox04 .package .package_s {margin-top:20px; padding: 10px; width: auto;}
.layoutbox04 .package .package_b { border: 2px solid #db2065;}
.layoutbox04 .package .package_s { border: 2px solid #f2af10;}
.layoutbox04 .package .package_b p,.layoutbox04 .package .package_s p{margin: 6px 0; font-size: 16px;}
.layoutbox04 .package .package_b p { color: #db2065;}
.layoutbox04 .package .package_s p { color: #f2af10;}

/*Food Marketing Service 追加　20190322*/
.block .fms *{
	box-sizing: border-box;
}
.block .fms .link{
	border-bottom: 1px solid #ddd;
}
.block .fms .link a{
	position: relative;
	display: inline-block;
	width: 100%;
	padding: 20px 4px 20px 40%;
	font-size: 18px;
	font-weight: bold;
	background-repeat: no-repeat;
	background-size: cover;
	text-shadow: #fff 1px 1px 0, #FFF -2px -1px 0, #fff -1px 1px 0, #fff 1px -1px 0, #fff 0px 1px 0, #fff 0-1px 0, #fff -1px 0 0, #fff 1px 0 0;
	text-decoration: none;
}
.block .fms .link a::after{
	display: inline-block;
	position: absolute;
	top: 40%;
	right: 0;
	content: "";
	border: 8px solid transparent;
}
.block .fms .link a:hover{
	opacity: 0.7;
}
.block .fms .link a span{
	display: block;
	font-size: 11px;
	font-weight: normal;
}
.block .fms .link.sato a{
	color: #e8342f;
	background-image: url("/information/images/im_site/common/fms_sato.png");
}
.block .fms .link.sato a::after{
	border-left: 8px solid #e8342f;
}
.block .fms .link.menukaihatu a{
	color: #eb5f23;
	background-image: url("/information/images/im_site/common/fms_menu.png");
}
.block .fms .link.menukaihatu a::after{
	border-left: 8px solid #eb5f23;
}
.block .fms .link.rp a{
	color: #86b81b;
	background-image: url("/information/images/im_site/common/fms_rp.png");
}
.block .fms .link.rp a::after{
	border-left: 8px solid #86b81b;
}
@media screen and (min-width: 400px) {
  .block .fms .link a {
	padding: 20px 4px 20px 160px;
	background-size: contain;
  }
}
@media screen and (min-width: 768px) {
	.block .fms .link {
		display: inline-block;
		width: 32%;
	}
	.block .fms .link a{
		padding: 20px 4px 20px 25%;
		background-size: cover;
	}
}
/*動画表示*/
.youtubemovie{
	width: 90%;
    max-width: 64em;
	margin:0 auto;
	text-align:center;
    display:block;
}
.youtubemovie iframe{
	width:100%;
	margin:0 auto 20px auto;
}

/*BtoBプラットフォーム 受発注 for 製造業　20191017*/
.products_asp_mfr{
    padding:15px;
}
.layout_col3 dl{
    margin-bottom:3em;
}
.layout_col3 dt{
    font-size:1.4em;
    font-weight: bold;
    text-align: center;
    margin-bottom:1em;
    color:#2d67a3;
}
.layout_col3 dd{
    max-width: 420px;
    margin:auto;
}
.layout_col3 dd img{
    display: block;
    margin:0.5em auto 1em;
}
.products_asp_mfr .products_text{
    text-align: center;
    margin-bottom:4em;
}
.products_asp_mfr .img_area img{
    display: block;
    margin: 0 auto;
}
.layout_col4 h3{
    font-size:1.6em;
    text-align: center;
}
.layout_col4 h3 span{
    font-size:0.6em;
    font-weight:normal;
    display:block;
    margin-top:0.5em;
}
.layout_col4 li{
    margin-top:2em;
}
.layout_col4 li img{
    display: block;
    margin:1em auto;
}
.layout_col4 li span{
    font-size:1em;
    font-weight: bold;
    text-align: center;
    display: block;
}
.products_asp_mfr .layout_col4 ul:after{
	content: "";
	display: block;
	clear: both;
}
.products_asp_mfr .layout_col4 li{
	float: left;
	position: relative;
	width: 50%;
	height: 150px;
}
.products_asp_mfr .layout_col4 li img{
	max-width: 80%;
}
.products_asp_mfr .layout_col4 li span{
	position: absolute;
	top:115px;
	width: 100%;
}
.layout_area_cv{
    background:#ffeee5;
    padding:15px;
    text-align: center;
    margin: 4em 0;
	font-size:1.2em;
}
.layout_area_cv span{
    display:inline-block;
    border-radius: 5px;
    background-color:#FF5A00;
    margin-top:1em;
}
.layout_area_cv span a{
    box-sizing: border-box;
    display:block !important;
    font-size:1.4em;
    font-weight:bold !important;
    color:#fff;
    width: 100%;
    padding:1em;
    text-decoration: none;
}
.line_hr{
    background-color: #d5e0ed;
    display: block;
    margin: 3em auto;
    height: 4px;
    width: 62px;
}