@charset "UTF-8";

/*
Theme Name: midori-corp
Theme URI: http://www.at-factory.com
Description: Created by <a href="http://www.at-factory.com/">AT-FACTORY Inc.</a>
Version: ver.1.0
Author: AT-FACTORY Inc.
Author URL: http://www.at-factory.com/
Tags: One-Columns, Responsive
*/

div,p,dl,dt,dd,ol,ul,li,h1,h2,h3,h4,h5,h6,form,input,button,textarea,table,tr,th,td,article,aside,header,footer,section,nav{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

html{
margin:0;
padding:0;
over-flow:hidden;
}

body{
background:url(images/header_bg.png) repeat-x top;
line-height: 1;
margin: 0;
padding: 0;
font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
font-size: 62.5%;
color:#333;
}

#container{
width: 100%;
margin: 0 auto;
padding:0;
}

a, a:link {
color: #000;
text-decoration: none;
outline: none;
}

a:visited {
color: #000;
text-decoration: none;
}

a:active,a:hover {
color: #999;
text-decoration: none;
}

a img:hover {
opacity: 0.6;
filter: alpha(opacity=60);
-moz-opacity:0.6;
}

.alignnone{
margin:0;
}

.alignleft{
float:left;
margin-right:20px;
margin-bottom:20px;
}

.alignright{
float:right;
margin-left:20px;
margin-bottom:20px;
}

.aligncenter{
display: block;
margin: 0 auto;
}

.wp-caption-text{
margin-top:0 !important;
font-size:0.85em;
}

hr{
clear:both;
border: 0;
height: 1px;
background:#ccc;
margin:30px 0;
}

hr.style-none{
border: 0;
height: 0px;
margin:0;
padding:0;
}

.nojs {
visibility: visible;
}

.notice{
font-size:10px;
line-height:130%;
color:#cc3300;
}

.small-txt{
font-size:11px;
line-height:130% !important;
margin-bottom:10px;
}

legend {
font-size: 130%;
padding:0 10px;
font-weight:bold;
}

fieldset {
border: 1px solid #959595;
margin:30px 0;
}

.green{
color:#009143;
}

.fa-map-marker{
color:#009143;
}

.fa-file-pdf-o{
color:#cc3300;
margin-right:5px;
}

.maru ol {
counter-reset: li;
padding:5px;
}
 
.maru ol > li {
list-style: none;
position: relative;
padding-left: 2em;
margin-bottom: 0.8em;
}
 
.maru ol > li:before {
counter-increment: li;
content: counter(li);
margin-right: 1em;
background: #228b22;
color: #ffffff;
text-align: center;
height: 22px;
width: 22px;
position: absolute;
left: 0em;
top: 2px;
line-height: 1.5;
border-radius: 50%;
}


/* ***********************************************************************
	Header
*********************************************************************** */
#head-wrap{
float:left;
width:100%;
height:auto;
border-bottom:solid 1px #ccc;
margin:0;
padding:0;
}

header{
position:relative;
height:116px;
width:100%;
margin:0;
padding:0;
}

header h1 img{
z-index:999;
position:absolute;
top:53px;
left:30px;
width:230px;
height:auto;
}

.language-chooser{
position:absolute;
top:-5px;
left:-10px;
color:#fff;
z-index: 900;
}

.language-chooser li{
float:left;
font-size:12px;
list-style:none;
margin:0 15px 0 0;
padding:0;
line-height:100%;
}

.language-chooser li a{
color:#fff;
}

.util-navi{
position:absolute;
top:-5px;
right:50px;
color:#fff;
z-index: 900;
}

.util-navi li{
float:left;
font-size:12px;
list-style:none;
margin-left:25px;
padding:0;
line-height:100%;
}

.util-navi li a{
color:#fff;
}

/* ***********************************************************************
	Search
*********************************************************************** */
.search-wrap{
position:absolute;
top:0;
right:40px;
}

.search-btn {
  background: #7db249;
  border-radius: 50%;
  display: inline-block;
  height: 20px;
  width: 20px;
  line-height: 20px;
  margin: 0 auto;
  position: absolute;
  top: 0;
  text-align: center;
}

.search-btn i {
color: #fff;
margin: 0;
font-size:14px;
}

#searchform {
  height: 20px;
  margin: 0 auto;
  position: absolute;
  top: 0;
  width: 30px;
}

.search-wrap input[type="text"] {
  background: #fff;
  border: none;
  border-radius: 22px;
  color: #333;
  cursor: pointer;
  height: 20px;
  opacity: 0;
  outline: none;
  padding: 2px 10px;
  position: absolute;
  top: 0;
  right: 0;
  transition: all 0.7s;
  width: 30px;
  z-index: 999;
}

.search-menu  input[type="text"] {
font-size:16px;
padding:7px;
border:solid 2px #7db249;
border-radius: 5px;
width:240px;
}

.search-menu select{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
font-size:14px;
padding:10px 10px;
width:240px;
}

select,option{
background:#7db249;
color:#fff;
border:none;
border-radius: 5px;
}

.search-wrap input[type="submit"] {
  display: none;
}

.search-wrap input[type="text"]:focus {
  cursor: text;
  opacity: 1;
  width: 310px;
}

.search-filter-reset{
background: #7db249;
border-radius: 5px;
display: inline-block;
padding:2px 20px;
color:#fff !important;
}

.search-result{
list-style:none;
padding:0;
margin:0;
}

.search-result h3{
color:#009143;
margin:0;
padding:0 10px !important;
font-size:1.1em !important;
}

.search-result p{
margin:0 !important;
padding-bottom:10px;
padding-left:10px;
padding-right:10px;
}

.search-result li{
border-bottom:dotted 1px #666;
}

.search-result li a{
color:#555 !important;
}

.search-menu ul{
float:left;
width:100% !important;
padding:0;
}


.sf-field-taxonomy-catalog_category, .sf-field-post-meta-{
float:left;
width:25%; !important;
display:block;
}

.search-list{
list-style:none;
padding:0;
margin:0 0 10px;
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
width:100%;
}


.search-list li{
float:left;
width:25%;
padding:10px 10px 50px 10px;
margin:0 !important;
word-break: break-all;
}

.search-list li img{
width:100%;
height:auto;
border:solid 1px #ddd;
}

.search-list li h3 {
font-size:1.2em !important;
line-height:140% !important;
min-height:70px;
}


/* ***********************************************************************
	Master Slider
*********************************************************************** */
.ms-thumb-list{
padding-bottom:5px;
box-shadow: 0 3px 4px #ddd;
border-bottom:solid 1px #ddd;
}

/* ***********************************************************************
	Navigation / Button
*********************************************************************** */
#mega-menu-wrap-head_navi{
z-index:100 !important;
}

#mega-menu-wrap-head_navi2{
z-index:100 !important;
}

.wp-pagenavi{
padding:10px 0 40px 0;
font-size:14px;
}

.current{
background:#888;
color:#fff;
}

.wp-pagenavi a:hover{
border:solid 1px #0076a7 !important;
color:#0076a7;
}

.button {
position: relative;
font-size:0.85em;
padding:4px 20px;
background:#007130;
color:#fff !important;
text-decoration: none;
text-align: center; 
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin:10px 0 0 0;
display: inline-block;
transition: .4s;
}

.button:hover {
background: #999;
color: #FFF;
text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

.button2 {
font-size:0.85em;
padding:4px 20px;
background:#007130;
color:#fff !important;
text-decoration: none;
text-align: center; 
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin:10px 0 0 0;
display: inline-block;
transition: .4s;
width:180px;
}

.button2:hover {
background: #999;
color: #FFF;
text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}


.button-middle {
font-size:1.2em;
padding:10px 30px;
background:#fff;
color:#007130 !important;
text-decoration: none;
text-align: center;
border:solid 2px #007130;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
margin:0;
display: inline-block;
transition: .4s;
}

.button-middle:hover {
background: #e6efcc;
color: #FFF;
}

.button-large {
font-size:1.4em;
padding:4px 30px;
background:#007130;
color:#fff !important;
text-decoration: none;
text-align: center; 
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin:30px 0 0 0;
display: inline-block;
transition: .4s;
}

.button-large:hover {
background: #999;
color: #FFF;
text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

.submenu li{
float:left;
margin-right:5px;
list-style:none;
}

/* ***********************************************************************
	Contents
*********************************************************************** */
#main{
position:relative;
width: 1000px;
margin: 0 auto;
font-size:1.4em;
line-height:1.8em;
}

#inner{
clear:both;
}

#main a{
color:#228b22;
}

#main h3{
font-size:1.5em;
line-height:180%;
margin:10px 0;
padding:0;
}

#main h4{
font-size:1.1em;
margin:0;
padding:0;
color:#555;
}

#main h5{
font-size:1.1em;
}

#main p{
margin:20px 0;
}

#full{
width:100%;
border-top:solid 1px #ccc;
background:#fff;
padding:20px 0 ;
}


#fullg{
width:100%;
background:#f5f5f5;
padding:50px 0;
}

#fullw{
width:100%;
background:#fff;
padding:50px 10px 0 10px;
}

.date-single{
text-align:right;
color:#666;
}

.related-site{
float:left;
margin-bottom:30px;
padding:0;
width:100%;
}

.related-site li{
float:left;
list-style:none;
margin:0 20px 0 0;
padding-bottom:0;
width:15%;
font-size:0.85em;
line-height:160%;
min-height:220px;
}

.related-site li img{
border:solid 1px #ccc;
}

.related-site li:nth-child(6){
margin:0 0 20px 0;
}

.related-site li:nth-child(12){
margin:0 0 20px 0;
}

.related-site li:nth-child(18){
margin:0 0 20px 0;
}

.sites{
float:left;
margin-bottom:30px;
padding:0;
width:100%;
}

.sites li{
float:left;
list-style:none;
margin:0 12px 20px 0;
min-height:270px;
width:19%;
font-size:0.85em;
line-height:160%;
padding:10px;
border-right:solid 1px #CCC;
border-bottom:solid 1px #CCC; 
border-left:solid 4px #008000;
box-shadow: 0px 0px 10px 0px #ddd;
border:solid 1px #ccc;}

.sites img{
width:100%;
height:auto;
}

.sites li:nth-child(5){
margin:0 0 20px 0;
}

.sites li:nth-child(10){
margin:0 0 20px 0;
}

.sites li:nth-child(15){
margin:0 0 20px 0;
}

.sites li:nth-child(20){
margin:0 0 20px 0;
}

.contact-box{
width:50%;
float:left;
}

.su-row{
margin:0 !important;
}

.su-column{
margin:0 !important;

}

.su-column-size-1-3{
width:33.3% !important;
padding:5px 10px;
font-size:13px;
line-height:140% !important;
color:#666;
}

.su-column-size-1-2{
float:left;
width:50% !important;
padding:5px;
font-size:13px;
line-height:150% !important;
color:#666;
}

.su-column-size-1-2 strong{
color:#333;
}

.su-column-size-1-1{
width:100% !important;
padding:5px;
font-size:13px;
line-height:150% !important;
color:#666;
}

.su-column-size-1-1 strong{
color:#333;
}

.network-block{
float:left;
width:245px;
padding-right:20px;
padding-bottom:20px;
}

/* ***********************************************************************
	Title Design
*********************************************************************** */
.single-title , .page-title{
margin:30px 0 20px 0;
font-size:18px;
color:#333;
}

.title-style1 {
clear:both;

position:relative;
font-size: 130%;
border-bottom: solid 3px #e5e5e5;
margin: 25px 0 10px 0;
padding:20px 0 0 0;
}

.title-style1 span {
display: inline-block;
margin-bottom: -3px;
padding: 3px 10px;
border-bottom: solid 3px #017831;
}

.service-title{
background:#009143;
color:#fff;
padding:5px 20px;
font-size:16px;
font-weight:100;
}

.service{
position:absolute;
right:0;
top:21px;
}

.eco-title{
background:#e6f0cb;
border-left:solid 4px #009143;
padding:5px 15px!important;
font-size:16px !important;
}


.link_box{
position:relative;
width:100%;
float:left;
padding:15px 20px;
border-top:solid 1px #CCC;
border-right:solid 1px #CCC;
border-bottom:solid 1px #CCC; 
border-left:solid 4px #008000;
box-shadow: 0px 0px 10px 0px #ddd;
margin:0;
}

.link_box h4{
font-size:16px !important;
margin:0;
padding:0;
}
 
.link_box a{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
text-indent:-999px;
}

.link_box a:hover{
background-color:#e6f0cb;
filter:alpha(opacity=20);
-moz-opacity: 0.2;
opacity: 0.2;
}

.service_box{
position:relative;
width:100%;
float:left;
padding:15px 20px;
border-top:solid 1px #CCC;
border-right:solid 1px #CCC;
border-bottom:solid 1px #CCC; 
border-left:solid 4px #008000;
box-shadow: 0px 0px 10px 0px #ddd;
margin:0;
}

.service_box h4{
font-size:16px !important;
margin:0;
padding:0;
}
 
.service_box a{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
text-indent:-999px;
}

.service_box a:hover{
background-color:#e6f0cb;
filter:alpha(opacity=20);
-moz-opacity: 0.2;
opacity: 0.2;
}


.eco_box{
position:relative;
width:100%;
min-height:272px;
float:left;
padding:15px 20px;
border-top:solid 1px #CCC;
border-right:solid 1px #CCC;
border-bottom:solid 1px #CCC; 
border-left:solid 4px #008000;
box-shadow: 0px 0px 10px 0px #ddd;
margin:0;
}

.eco_box h4{
font-size:16px !important;
margin:0;
padding:0;
}
 
.eco_box a{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
text-indent:-999px;
}

.eco_box a:hover{
background-color:#e6f0cb;
filter:alpha(opacity=20);
-moz-opacity: 0.2;
opacity: 0.2;
}

.centerline {
position: relative;
margin:50px 0 !important;
padding: 1.5rem;
text-align: center;
color:#47753f;
font-size:28px !important;
}

.centerline:before {
position: absolute;
bottom: -10px;
left: calc(50% - 50px);
width: 100px;
height: 5px;
content: '';
border-radius: 3px;
background: #47753f;
}



/* NETWORK TITLE */
#head {
position: relative;
text-align: center;
margin:30px 0 !important;
clear:both;
}

#head:before {
border-top: 1px solid #139046;
content: "";
position: absolute;
top: 50%;
left: 0;
width: 100%;
}

#head span {
background-color: white;
display: inline-block;
padding: 0 0.5em;
position: relative;
color:#139046;
}

#safty {
position: relative;
text-align: center;
margin:30px 0 !important;
clear:both;
}

#safty:before {
border-top: 1px solid #98bb2f;
content: "";
position: absolute;
top: 50%;
left: 0;
width: 100%;
}

#safty span {
background-color: white;
display: inline-block;
padding: 0 0.5em;
position: relative;
color:#98bb2f;
}

#uniform {
position: relative;
text-align: center;
margin:60px 0 30px 0 !important;
clear:both;
}

#uniform:before {
border-top: 1px solid #0072a7;
content: "";
position: absolute;
top: 50%;
left: 0;
width: 100%;
}

#uniform span {
background-color: white;
display: inline-block;
padding: 0 0.5em;
position: relative;
color:#0072a7;
}

#footwear {
position: relative;
text-align: center;
margin:30px 0 !important;
clear:both;
}

#footwear:before {
border-top: 1px solid #e56a1d;
content: "";
position: absolute;
top: 50%;
left: 0;
width: 100%;
}

#footwear span {
background-color: white;
display: inline-block;
padding: 0 0.5em;
position: relative;
color:#e56a1d;
}

#electrical {
position: relative;
text-align: center;
margin:30px 0 !important;
clear:both;
}

#electrical:before {
border-top: 1px solid #e09963;
content: "";
position: absolute;
top: 50%;
left: 0;
width: 100%;
}

#electrical span {
background-color: white;
display: inline-block;
padding: 0 0.5em;
position: relative;
color:#e09963;
}

#environmental {
position: relative;
text-align: center;
margin:30px 0 !important;
clear:both;
}

#environmental:before {
border-top: 1px solid #83669b;
content: "";
position: absolute;
top: 50%;
left: 0;
width: 100%;
}

#environmental span {
background-color: white;
display: inline-block;
padding: 0 0.5em;
position: relative;
color:#83669b;
}

#automotive {
position: relative;
text-align: center;
margin:30px 0 !important;
clear:both;
}

#automotive:before {
border-top: 1px solid #007d84;
content: "";
position: absolute;
top: 50%;
left: 0;
width: 100%;
}

#automotive span {
background-color: white;
display: inline-block;
padding: 0 0.5em;
position: relative;
color:#007d84;
}

/* ***********************************************************************
	List
*********************************************************************** */
.post_list{
list-style:none;
padding:10px;
border:solid 1px #959595;
float:left;
margin:0;
}

.post_list li{
float:left;
margin:5px 0;
width:100%;
}

.info_list_date{
float:left;
margin-right:10px;
}

.list-title {
float:right;
width:740px;
line-height:150%;
margin:0;
padding:1px 0 0 0;
}

.list-title a{
color:#333 !important;
}

.new{
color:#cc3300;
font-size:11px;
font-weight:bold;
margin-left:8px;
vertical-align:top;
}

.more a{
position:absolute;
top:22px;
right:10px;
font-size:14px;
font-weight:bold;
color:#017831;
}

.event a{
background: #ec6941;
color:#fff !important;
font-size:11px;
line-height:160%;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
text-align:center;
width:100px;
height:18px;
float:left;
margin-right:10px;
margin-top:4px;
}

.corp a{
background: #0e7734;
color:#fff !important;
font-size:11px;
line-height:160%;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
text-align:center;
width:100px;
height:18px;
float:left;
margin-right:10px;
margin-top:4px;
}

.press-release a{
background: #008b8b;
color:#fff !important;
font-size:11px;
line-height:160%;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
text-align:center;
width:100px;
height:18px;
float:left;
margin-right:10px;
margin-top:4px;
}

.cm a{
background: #cd5c5c;
color:#fff !important;
font-size:11px;
line-height:160%;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
text-align:center;
width:100px;
height:18px;
float:left;
margin-right:10px;
margin-top:4px;
}

.media a{
background: #4682b4;
color:#fff !important;
font-size:11px;
line-height:160%;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
text-align:center;
width:100px;
height:18px;
float:left;
margin-right:10px;
margin-top:4px;
}

.products a{
background: #e2334e;
color:#fff !important;
font-size:11px;
line-height:160%;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
text-align:center;
width:100px;
height:18px;
float:left;
margin-right:10px;
margin-top:4px;
}

.importantly a{
background: #e2334e;
color:#fff !important;
font-size:11px;
line-height:160%;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
text-align:center;
width:100px;
height:18px;
float:left;
margin-right:10px;
margin-top:4px;
}

.recruit a{
background: #23a2ec;
color:#fff !important;
font-size:11px;
line-height:160%;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
text-align:center;
width:100px;
height:18px;
float:left;
margin-right:10px;
margin-top:4px;
}

.relation-site{
width:33.3%;
float:left;
color:#333;
margin:0;
padding:0;
}

.relation-site li{
background: url(images/list_point.png) no-repeat 0 50%;
font-size:12px;
list-style:none;
padding-left:20px;
}

.seihin{
padding:0;
margin:0;
}

.seihin li{
float:left;
list-style:none;
width:33.3%;
text-align:center;
margin-bottom:30px;
padding:0;
}

.seihin li a{
color:#017831;
}

/* ***********************************************************************
		Form
*********************************************************************** */
select{
font-size:14px;
padding:5px;
}

::-webkit-input-placeholder { /* Safari */
padding-top:4px;
}

input[type="search"]{
-webkit-appearance: none;
border:1px solid #ccc;
padding: 5px;
color: #555;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
width:200px;
font-size:14px;
}
	
input[type="submit"]{
-webkit-appearance: none;
border:1px solid #fff;
padding: 5px 20px;
color: #fff;
background:#017831;
cursor: pointer;
-webkit-border-radius: 5px;
-webkit-box-shadow: 1px 1px 3px #999;
-moz-border-radius: 5px;
-moz-box-shadow: 1px 1px 3px #999;
font-size:15px;
}

#Terms-of-use{
border:solid 1px #ccc;
padding:15px;
margin-bottom:30px;
overflow: scroll;
width:100%;
height:300px;
}


/* ***********************************************************************
	Footer
*********************************************************************** */
footer{
position:relative;
float:left;
width: 100%;
padding:20px 0;
background: url(images/footer_bg.png)  top;
}

.footer_navi{
float:left;
width:25%;
margin:0;
font-size:12px;
line-height:150%;
color:#fff;
}

.footer_navi h3{
font-size:13px;
padding:0;
margin-bottom:20px;
color:#ddd;
}

.footer_navi li{
margin-left:17px;
margin-bottom:5px;
}

.footer_navi li a{
color:#fff;
}

.footer_navi_en{
width:100%;
margin-top:10px;
font-size:13px;
line-height:150%;
color:#fff;
text-align:center;
}

.footer_navi_en a{
color:#fff;
}

#foot_inner{
width:1000px;
margin:0 auto;
color:#fff;
}

#copyright{
border-top:solid 1px #ccc;
float:left;
width:100%;
padding:15px 0 5px 0;
font-size:1.2em;
line-height:180%;
text-align:center;
margin-top:30px !important;
color:#fff;
}

.gototop{
position:absolute;
top:0;
right:0;
}

/* ***********************************************************************
	Table Style
*********************************************************************** */
.table_style1 {
    border-collapse: collapse;
    margin: 10px 0;
    width: 100%;
}

.table_scroll {
overflow: auto; /* 横スクロールバーを表示 */
white-space: nowrap; /* セル内にあるテキストの折り返しを禁止 */
}

.table_scroll:after {
content: "※ このテーブルは横にスクロールできます。";
}


table {
border-collapse: collapse;
width: 100%;
font-size:13px;
margin-bottom:30px;
}

table th,
table td {
  padding: 10px;
  border: 1px solid #ccc;
}

table th {
text-align: left;
width: 25%;
font-weight:bold;
background:#f7f7f7;
}

table tr[data-href]{
  cursor: pointer;
}

table tr[data-href]:hover{
background:#f0f8f5;
}

table.eco {
border-collapse: collapse;
width: 100%;
font-size:13px;
margin-bottom:30px;
}

table.eco th,
table td {
  padding: 10px;
  border: 1px solid #ccc;
}

table.eco th {
text-align: left;
width: 25%;
font-weight:bold;
background:#f7f7f7;
}

table.eco tr[data-href]{
  cursor: pointer;
}

table.eco tr[data-href]:hover{
background:#f0f8f5;
}

tr.topline{
border-top:solid 2px #009143;
}

tr.underline{
border-bottom:solid 2px #009143;
}

table.corporate{
border-collapse: collapse;
width: 100%;
font-size:0.85em;
}

table.corporate caption{
caption-side: bottom;
text-align: right;
padding-top:20px;
}

table.corporate th {
text-align: left;
width: 20%;
font-weight:bold;
background:#f7f7f7;
padding: 10px 20px;
border-top: 1px solid #ccc;
border-left:hidden;
border-right:hidden;
border-bottom: 1px solid #ccc;
}

table.corporate td {
text-align: left;
width: 80%;
padding: 10px 20px;
border-top: 1px solid #ccc;
border-left:hidden;
border-right:hidden;
border-bottom: 1px solid #ccc;
}

table.float{
border-collapse: collapse;
font-size:0.85em;
width:68%;
}

/* ***********************************************************************
	Clear Fix
*********************************************************************** */
.clearFix:after{
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}

.clearFix {
display:
inline-block;
}

/* Hides from IE-mac \*/
* html .clearFix {
 height: 1%;
 }
.clearFix {
display: block;
}
/* End hides from IE-mac \*/


/* ***********************************************************************
	Accordion
*********************************************************************** */
.su-spoiler{
padding:0;
margin-bottom:1px !important;
}

.su-spoiler-title{
background:#ededed;
font-size:14px !important;
}

.su-accordion{
padding:0 !important;
}


.su-spoiler.my-custom-spoiler {
}
.su-spoiler.my-custom-spoiler .su-spoiler-title { background-color: #ededed }
.su-spoiler.my-custom-spoiler .su-spoiler-title .su-spoiler-icon,
.su-spoiler.su-spoiler-closed.my-custom-spoiler .su-spoiler-title .su-spoiler-icon {
left: 5px;
}

.su-spoiler-content .su-spoiler-title {
background-color: #fff !important;
}

.su-spoiler.my-custom-spoiler .su-spoiler-content {
padding:0;
background-color: #fff;

}

.su-spoiler-icon{
margin-left:2px;
}

/* add 20180704 */
.recycle_item{
float:left;
width:100%;
margin:0;
padding:0;
list-style:none;
}

.recycle_item li{
float:left;
margin:0;
padding:0;
text-align:center;
line-height:140%;
min-height:160px;
}

/* add 20220922 */
.recycle_item1{
width:100%;
margin:0;
padding:0;
list-style:none;
}

.recycle_item1 li{
width:100%;
margin:0;
padding:0;
text-align:center;
font-size:17px;
line-height:140%;
}

.recycle_item4{
float:left;
width:100%;
margin:0;
padding:0;
list-style:none;
}

.recycle_item4 li{
float:left;
width:25%;
margin:0;
padding:0;
text-align:center;
font-size:17px;
line-height:140%;
min-height:240px;
}

.su-box-title{
font-size:1.4em !important;
}

.bnr-box{
float:left;
padding:5px;
width:33.3%;
}



/* ***********************************************************************
	LOCAL NAVI
*********************************************************************** */
.local-navi-6{
width:100%;
float:left;
background:#47b15f;
padding-left: 0px;
}

.local-navi-6 li{
float:left;
padding:8px 0;
list-style:none;
width: calc(100%/6);
text-align:center;
background:#f7f7f7;
border-right:solid 1px #999;
font-size:16px;
font-weight:bold;
}

.local-navi-6 li:first-child {
border-left:solid 1px #999;
}

.local-navi-6 li a{
display:block;
}

/* ***********************************************************************
	For 990px
*********************************************************************** */

@media screen and (max-width: 990px) {
#container{
width: 100%;
margin: 0 auto;
padding:0;
}

header h1 img{
z-index:99;
position:absolute;
top:53px;
left:30px;
width:230px;
height:auto;
}


.util-navi{
display:none;
}

.search-wrap{
display:none;
}
}


/* ***********************************************************************
	For SmartPhone
*********************************************************************** */
@media screen and (max-width: 750px) {
 
body{
  min-width:initial;
}


#container{
width: 100%;
margin: 0 auto;
padding:0;
}

header{
position:relative;
height:90px;
width:100%;
margin-top:-13px;
padding:0;
}

header h1 img{
position:absolute;
top:54px;
left:10px;
width:160px;
height:auto;
z-index:99;
}

.language-chooser{
position:absolute;
top:8px;
left:-30px;
color:#fff;
z-index: 10;
}

.util-navi{
display:none;
}

.search-wrap{
display:none;
}

legend {
font-size: 130%;
padding:0 10px;
font-weight:bold;
}

fieldset {
border: 1px solid #959595;
margin:30px 5px;
}

.post_list{
margin:0 5px;
}

.post_list li{
border-bottom:solid 1px #ccc;
padding-bottom:15px;
}

.list-title{
float:none;
width:100%;
line-height:160%;
}

#main h3{
font-size:110%;
margin:0 8px;
}

ol{
padding:0 20px 0 30px;
}

hr{
float:none;
border: 0;
height: 1px;
background:#ccc;
margin:30px 0;
}

/* ナビゲーション */

.pagenav{
margin-bottom:20px;
}

.mega-menu-toggle{
position:absolute;
top:8px;
right:0;
}

.mega-menu-item{
width:100% !important;
margin:0 !important;
color:#fff !important;
}

.mega-menu-item a{
color:#fff !important;
}

.submenu li{
float:left;
width:32.3%;
height:auto;
margin:5px 5px 0 0;
}

.submenu li:nth-child(3n){
margin:5px 0 0 0;
}

.submenu img{
width:100%;
height:auto;
}

.su-spoiler-title{
padding:15px 30px !important;
}

.su-spoiler.my-custom-spoiler .su-spoiler-title .su-spoiler-icon,
.su-spoiler.su-spoiler-closed.my-custom-spoiler .su-spoiler-title .su-spoiler-icon .su-spoiler-icon-plus-circle {
top: 15px;
left: 5px;
}

.su-spoiler-icon{
position:absolute;
top:15px !important;
left:5px !important;
}
/* ***********************************************************************
	TopPage List
*********************************************************************** */
.alignleft {
width:100%;
height: 100%;
overflow:hidden;
position: relative;
text-align:center;
margin-bottom:15px;
}

.alignleft img {
position: relative;
width:100%;
height: auto;
}

.alignright {
width:100%;
height: 100%;
overflow:hidden;
position: relative;
text-align:center;
margin-bottom:15px;
}

.alignright img {
position: relative;
width:100%;
height: auto;
}

.alignnone {
width:100%;
height: 100%;
overflow:hidden;
position: relative;
text-align:center;
margin-bottom:15px;
}

.alignnone img {
position: relative;
width:100%;
height: auto;
}

.imgfit{
width:100%;
height: auto;
}

.imgsp25 {
width:25%;
height: 25%;
overflow:hidden;
position: relative;
text-align:center;
margin-bottom:15px;
}

.imgsp25 img {
position: relative;
width:25% !important;
height: auto;
}

#inner{
clear:both;
}

#main{
box-sizing: border-box;
width:100% !important;
font-size:1.4em;
line-height:1.7em;
padding:0 5px;
}

#main h2{
margin:0 8px 20px 8px;
}

#main p{
margin:8px;
}

.post_list li{
margin:10px 0 10px 0;
}

.event a{
background: #ec6941;
color:#fff;
font-size:11px;
line-height:160%;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
text-align:center;
width:100px;
height:18px;
float:none;
margin-right:10px;
margin-top:4px;
padding:2px 10px;
}

.press-release a{
background: #008b8b;
color:#fff;
font-size:11px;
line-height:160%;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
text-align:center;
width:100px;
height:18px;
float:none;
margin-right:10px;
margin-top:4px;
padding:2px 10px;
}

.cm a{
background: #e60012;
color:#fff;
font-size:11px;
line-height:160%;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
text-align:center;
width:100px;
height:18px;
float:none;
margin-right:10px;
margin-top:4px;
padding:2px 10px;
}

.media a{
background: #005982;
color:#fff;
font-size:11px;
line-height:160%;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
text-align:center;
width:100px;
height:18px;
float:none;
margin-right:10px;
margin-top:4px;
padding:2px 10px;
}

.products a{
background: #e2334e;
color:#fff;
font-size:11px;
line-height:160%;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
text-align:center;
width:100px;
height:18px;
float:none;
margin-right:10px;
margin-top:4px;
padding:2px 10px;
}

.corp a{
background: #0e7734;
color:#fff;
font-size:11px;
line-height:160%;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
text-align:center;
width:100px;
height:18px;
float:none;
margin-right:10px;
margin-top:4px;
padding:2px 10px;
}

.importantly a{
background: #e60012;
color:#fff;
font-size:11px;
line-height:160%;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
text-align:center;
width:100px;
height:18px;
float:none;
margin-right:10px;
margin-top:4px;
padding:2px 10px;
}

.recruit a{
background: #23a2ec;
color:#fff;
font-size:11px;
line-height:160%;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
text-align:center;
width:100px;
height:18px;
float:none;
margin-right:10px;
margin-top:4px;
padding:2px 10px;
}

.relation-site{
width:100%;
float:none;
color:#333;
margin:0;
padding:0;
}

.relation-site li{
font-size:14px;
}

.seihin li{
float:left;
list-style:none;
width:50%;
text-align:center;
margin-bottom:30px;
padding:0;
}

.seihin li img{
width:90%;
height:auto;
}



/* ***********************************************************************
	Service
*********************************************************************** */

.service{
position:absolute;
right:0;
top:60px;
}

.service-title{
background:#009143;
color:#fff;
padding:5px 10px;
font-size:0.85em
}

.related-site li{
float:left;
list-style:none;
margin:0;
text-align:center;
width:50%;
font-size:0.85em;
padding:10px;
min-height:250px;
}

.related-site img{
width:100%;
height:auto;
}

.contact-box{
width:100%;
clear:both;
margin-bottom:20px;
}

.contact-box img{
width:80px;
height:auto;
}

.eco-title{
margin-left:10px;
}

/* ***********************************************************************
	Footer
*********************************************************************** */
footer {
position:relative;
width: 100%;
margin:0;
padding:0 0 10px 0;
border-top:solid 1px #c9c9c9;
}

#foot_inner{
width:100%;
margin:0;
color:#333;
}

.footer_navi{
float:left;
width:50%;
margin-bottom:10px;
line-height:160%;
color:#fff;
padding:15px 20px;
}

.footer_navi h3{
font-size:12px;
padding:0;
margin-bottom:10px;
}

.footer_navi li{
margin-left:0;
margin-bottom:0;
list-style:none;
}

.footer_navi li a{
color:#fff;
}

.gototop{
position:absolute;
top:-33px;
right:0;
}


/* ***********************************************************************
	Table Style
*********************************************************************** */
table td {
display: block;
text-align: left;
border:none;
padding:0 10px;
}

table th {
display: block;
border-top: none;
border-bottom: none;
width: 100%;
font-weight:bold;
background:#f7f7f7;
border:none;
}

table.corporate {
border-collapse: collapse;
border: none;
width: 100%;
}

table.corporate th,
table td {
  padding: 10px;
  border:none;
}

table.corporate th {
text-align: left;
width:100%;
font-weight:bold;
background:#f7f7f7;
}

table.corporate td {
text-align: left;
width:100%;
border:none;
}



table.table_style02 {
border-collapse: collapse;
margin: 10px 0;
width: 100%;
display:table;
}

table.table_style02 tr {
border-top: 1px solid #ccc;
}

table.table_style02 th {
display: table-cell;
text-align:center;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
}

table.table_style02 td {
display: table-cell;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

/*----------------------------------------------------
  .eco
----------------------------------------------------*/

table.eco {
border-collapse: collapse;
border: none;
width:100%;
}

table.eco thead {
display: none;
}

table.eco tr {
border-top: 1px solid #ccc;
display: block;
margin-bottom: 10px;
}

table.eco th {
background-color: #eee;
text-align: left;
}

table.eco td {
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
display: block;
padding: 10px;
text-align: right;
}

table.eco td::before {
content: attr(data-label);
float: left;
font-weight: bold;
}

table.float{
border-collapse: collapse;
font-size:0.85em;
width:100%;
}

.ecospec{
min-height:320px;
}

.sites{
float:left;
margin-bottom:30px;
padding:0;
width:100%;
}

.sites li{
float:left;
list-style:none;
margin:0 10px 15px 2px;
min-height:260px;
width:48%;
font-size:0.85em;
line-height:160%;
padding:8px;
border-right:solid 1px #CCC;
border-bottom:solid 1px #CCC; 
border-left:solid 4px #008000;
box-shadow: 0px 0px 10px 0px #ddd;
border:solid 1px #ccc;}

.sites img{
width:100%;
height:auto;
}

.sites li:nth-child(5){
margin:0 10px 15px 2px;
}

.sites li:nth-child(10){
margin:0 10px 15px 2px;
}

.sites li:nth-child(15){
margin:0 10px 15px 2px;
}

.sites li:nth-child(20){
margin:0 10px 15px 2px;
}

.sites li:nth-child(even){
margin:0 0 15px 2px;
}


/*----------------------------------------------------
  Network
----------------------------------------------------*/
.su-column-size-1-2{
float:left;
width:100% !important;
padding:5px;
font-size:13px;
}

.network-block{
float:left;
width:100%;
padding-right:20px;
padding-bottom:20px;
}

/* add 20180704 */
.recycle_item{
float:left;
margin:0;
padding:0;
list-style:none;
}

.recycle_item li{
float:left;
width:50%;
margin:0;
padding:0;
min-height:200px;
text-align:center;
}

/*----------------------------------------------------
  Search
----------------------------------------------------*/
.search-menu{
float:left;
width:100%;
padding:0 10px;
background:#fafcf5;
border:solid 1px #ddd;
}

.search-menu select{
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
appearance:none;
display:block;
width:290px; !important;
}

.search-menu input[type="text"] {
width:290px; !important;
}

.sf-field-taxonomy-catalog_category, .sf-field-post-meta-{
float:left;
width:100%; !important;
display:block;
}

.search-list li{
float:left;
width:50%;
padding:10px 10px 40px 10px;
margin:0 !important;
}

.button2{
width:90%;
font-size: 0.75em;
padding: 4px 5px;
}

/*----------------------------------------------------
  add 20220923
----------------------------------------------------*/
.local-navi-6 li{
width : 100%;
border-right:solid 0;
border-bottom:solid 1px #ccc;
}

.local-navi-6{
width:100%;
float:left;
background:#47b15f;
padding-left: 0px;
}

.local-navi-6 li:first-child {
border-left:solid 0;
border-top:solid 1px #ccc;
}

.recycle_item4 li{
width:50%;
min-height:200px;
}

.bnr-box{
width:100%;
}

}