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

.sub_contents_w-bg {
    width: 100%;
    background-color: hsla(0,0%,100%,0.4); 
    padding-top: 60px;
    padding-bottom: 80px;
    height: auto;
    min-width: 500px;

}
.sub_contents_w-bg2 {
    width: 100%;
    background-color: hsla(141,76%,93%,0.87);
    height: auto;
    height: 600px;
 
}

/*森林認証システム*/
.sub_contents1 {
    width: 100%;
    padding-top: 60px;
    padding-bottom: 80px;
    background-image: url("images/shinnrinn_bg.jpg");
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat;
    }
.award_img {
    width: 30%;
    float: left;
    margin-left: 2%;
        text-align: center;
    line-height: 2.5em;
}
.award_img img {
    border: thin solid #CCCCCC;
    background-color: #FFFFFF;
       margin-bottom: 20px;
}

@media screen and (min-width: 1200px) {
 .grid-container {
    -webkit-column-count: 4;
    -webkit-column-gap: 15px;
    -webkit-column-fill: auto;
    -moz-column-count: 4;
    -moz-column-gap: 15px;
    -moz-column-fill: balance !important;
    column-count: 4;
    column-gap: 15px;
    column-fill: auto;     
     
 }
}
@media screen and (min-width: 993px) and (max-width: 1199px) {
 .grid-container {
  -webkit-column-count: 3;
  -webkit-column-gap: 15px;
  -webkit-column-fill: auto;
  -moz-column-count: 3;
  -moz-column-gap: 15px;
  -moz-column-fill: balance !important;
  column-count: 3;
  column-gap: 15px;
  column-fill: auto;
 }
}
@media screen and (min-width: 769px) and (max-width: 992px) {
 .grid-container {
  -webkit-column-count: 3;
  -webkit-column-gap: 15px;
  -webkit-column-fill: auto;
  -moz-column-count: 3;
  -moz-column-gap: 15px;
  -moz-column-fill: balance !important;
  column-count: 3;
  column-gap: 15px;
  column-fill: auto;
 }
}
@media screen and (min-width: 481px) and (max-width: 768px) {
 .grid-container {
  -webkit-column-count: 2;
  -webkit-column-gap: 15px;
  -webkit-column-fill: auto;
  -moz-column-count: 2;
  -moz-column-gap: 15px;
  -moz-column-fill: balance !important;
  column-count: 2;
  column-gap: 15px;
  column-fill: auto;
 }
}
@media screen and (max-width: 480px) {
 .grid-container {
  -webkit-column-count: 1;
  -webkit-column-gap: 15px;
  -webkit-column-fill: auto;
  -moz-column-count: 1;
  -moz-column-gap: 15px;
  -moz-column-fill: balance !important;
  column-count: 1;
  column-gap: 15px;
  column-fill: auto;
 }
}
.grid img {
    border-radius:10px;
    display: block;    
}
.grid {
    display: inline-block;
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    column-break-inside: avoid;
    padding: 2%;
    border-radius: 8px;
/*    background-color: #FFFFFF;*/
   /* margin-bottom: 10px;*/
    
    
}

/* Google Chorome BugFix */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
 .grid {
  display: block !important;
 }
}



@media screen and (max-width: 768px){
.sub_contents_w-bg {
padding-top: 30px;
    padding-bottom: 30px;
    min-width: auto;
}
.sub_contents1 {
    width: 100%;
padding-top: 10px;
    padding-bottom: 30px;
    }
     }