@charset "UTF-8";

/*
Theme Name: MY THEME
Author: ICHIMIYAUNYU
Description: This is my original theme.
Version: 1.0
*/

/* ----------------------------------------------------------------------
グリーン経営の推進ページ
---------------------------------------------------------------------- */

.Green1{margin:0 auto; padding:50px 0; width:80%;}

.Green1__box1{width:80%; margin:0 auto; border:2px solid #cccccc; padding:15px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;}

.Green1__box1 h3{text-align:center; color:#006934; margin:0 auto; padding:10px 0 15px;}
.Green1__box1 ol{margin:0 auto; color: #009647; padding-left:25px}
.Green1__box1 li{line-height:1.7; padding-bottom:5px;}
.Green1__box1 li span{color:#000000}

.Green1__box2{padding-top:50px;}
.Green1__box2__box1:after{
      display: block;
      clear: left;
      content: "";
}

.Green1__box2 h3{padding: 0.4em 0;
    background: #3E3A39;
    border-radius: 30px;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
text-align: center; margin:0}
.Green1__box2__box1{margin:0 auto 0; border:2px solid #cccccc; padding:15px;}
.Green1__box2__box1 div{float:left; width:50%; padding-bottom:20px;}
.Green1__box2__box1 div:nth-of-type(5){padding-bottom:0px;}
.Green1__box2__box1 div p{margin:0; background-image: url(../img/list_mark.png);
background-size:5px 16px;
background-repeat: no-repeat;
background-position: 0px 5px; padding-left:10px; line-height:1.7;}

.Green1__box2__box1 div ul{margin:0; padding:0; list-style:none;}
.Green1__box2__box1 div li{line-height:1.7;}

.Green1__box3{padding-top:50px; position:relative;}
.Green1__box3:after{
      display: block;
      clear: left;
      content: "";
}
.Green1__box3 h3{padding: 0.4em 0;
    background: #3E3A39;
    border-radius: 30px;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
text-align: center; margin:0}

.Green1__box3 h3 span{font-size:14px;}
.Green1__box3 table{width:49%; border-collapse: collapse;
border-spacing: 0; float:left; margin-top:30px;}
.Green1__box3 table:nth-of-type(2){margin-left:2%;}
.Green1__box3 table th{background-color: #cccccc; padding:5px; border-right:1px solid #cccccc;}
.Green1__box3 table td{background-color: #eeeeee; border:1px solid #cccccc; padding:5px;}
.Green1__box3 table td i {
    color: #2D8696;
	padding-left: 5px;}
.Green1__box3 p{margin:0; padding-top:20px; clear:left; position:absolute; left:52%; top:290px;}
.Green1__box3 p i{color: #2D8696;}

.width50ss{width:50%;}

@media (min-width: 1500px) {
.Green1{width:1200px;}
}
@media (max-width: 1400px) {
.table_green2 td{line-height:1.7;}
.table_green2 td span{display:block;}
.Green1__box3 p{top:340px;}
}
@media (max-width: 1200px) {
.Green1{width:90%;}
}
@media (max-width: 1060px) {
.Green1__box2__box1 div{width:54%;}
.Green1__box2__box1 div:nth-of-type(even){width:46%;}
}
@media (max-width: 980px) {
.Green1{width:882px; margin:0; padding:50px 49px;}
}
@media (max-width: 500px) {
.Green1{width:90%; margin:0; padding:35px 5%;}
.Green1__box1{width:100%;}
.Green1__box2 h3{border-radius:0;}
.Green1__box1 li {padding-bottom: 10px;}
.Green1__box2__box1{width:100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;}
	
.Green1__box2__box1 div ul {
    margin: 0;
    padding-left: 16px;
list-style-type: disc;}	
.Green1__box2__box1 div ul li:nth-of-type(1){padding-top:5px;}
.Green1__box2__box1 div ul li{padding-bottom:5px;}

.Green1__box2__box1 div{float:none; width:100%;}
.Green1__box3 h3{border-radius:0;}
.Green1__box3 table{float:none; width:100%;}
.Green1__box2__box1 div:nth-of-type(even){width:100%;}
.Green1__box3 p{position:relative; left:0; top:0;}
.Green1__box3 table:nth-of-type(2){margin-left:0;}
	
.width50ss{width:45%;}
}
@media (max-width: 420px) {
.Green1__box3 table{font-size:13px;}
}
@media (max-width: 340px) {
.Green1__box2 h3{font-size:18px;}
.Green1__box3 h3{font-size:18px;}
}