@charset "utf-8";
/* CSS Document */
.mainMenu {
    z-index: 10000;
}

/*PC*/
@media print, screen and (min-width: 769px) {
.logo_Hed_index { display: none; }

/*--------#hedImg------------*/
.hed_bgimg { width: 100%; background: url("../images/sustainable/hed_img.jpg") center center; background-size: cover; height: 400px; }

.csr_list { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 70px; }
.csr_list li { width: 32%; padding: 30px; box-sizing: border-box; border: 1px solid #87c34e; }

.csr_img { width: 100%; margin: 0 auto; }
.csr_img img { width: 100%; height: auto; }
.csr_img_txt { margin-top: 10px; font-size: 14px;  }

.csr_list2 { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; }
.csr_list2 li { width: 48%; }

.fc_img { width: 196px;  padding: 15px; border: 1px solid #dfdfdf;  }
.fc_img img { width: 100%; height: auto; }

.csr_icon { width: 90px; margin: 0 auto 30px;  }
.csr_icon img { width: 100%; height: auto; }

.csr_list_tit { text-align: center; font-weight: bold; margin-bottom: 10px; }

/*---------新デザイン-----------*/

.com_tit { text-align: center; }
.box_txt { text-align: center; }
.box { margin-bottom: 50px; }

.eco_box { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; }
.eco_boxL { flex-basis: 50%; max-width: 50%; }
.eco_boxR { flex-basis: 45%; max-width: 45%; }

.eco_list { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between;  }
.eco_list li { flex-basis: 48%; max-width: 48%; }
.eco_list_img { width: 100%; padding: 10px; border: 1px solid #dfdfdf; box-sizing: border-box; }
.eco_list_img img { width: 100%; height: auto; }


.eco_box .com_tit { text-align: left; }
.eco_box .box_txt { text-align: left; }

.eco_box_list { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 100px; }
.eco_box_list li { flex-basis: 48%; max-width: 48%; }

.eco_box_list .sub_tit { font-size: 16px; }

.c_list { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; }
.c_list li { flex-basis: 23.5%; max-width: 23.5%; }
.c_list_img { width: 100%; margin: 0 auto; }
.c_list_img img { width: 100%; height: auto; }

.sus_list { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; }
.sus_list li { flex-basis: 48%; max-width: 48%; margin-right: 4%; }
.sus_list li:nth-child(2n+2) { margin-right: 0px; }
.sus_list li:nth-child(n+3) { margin-top: 15px; }
.sus_list_img { width: 100%; margin: 0 auto; }
.sus_list_img img { width: 100%; height: auto; }

.s_img00 { width: 100%; margin: 0 auto; }
.s_img00 img { width: 100%; height: auto; }

}




/*----------------------------------------------------*/




/*sp*/
@media only screen and (max-width: 768px) {

.logo_Hed_index { display: none; }

/*--------#hedImg------------*/
.hed_bgimg { width: 100%; background: url("../images/sustainable/hed_img.jpg") center center; background-size: cover; height: 200px; }


.csr_list { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 70px; }
.csr_list li { width: 100%;  padding: 15px; box-sizing: border-box; border: 1px solid #87c34e; }
.csr_list li:nth-child(n+2) { margin-top: 30px; }
.csr_img { width: 100%; margin: 0 auto; }
.csr_img img { width: 100%; height: auto; }
.csr_img_txt { margin-top: 10px; }

.csr_list2 { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; }
.csr_list2 li { width: 100%; }
.csr_list2 li:nth-child(n+2) { margin-top: 50px; }
.fc_img { width: 196px; margin: 0 auto 30px; }
.fc_img img { width: 100%; height: auto; }

.csr_icon { width: 80px; margin: 0 auto 15px;  }
.csr_icon img { width: 100%; height: auto; }

.csr_list_tit { text-align: center; font-weight: bold; margin-bottom: 10px; }

.w48_l { margin-bottom: 30px; }


.eco_box { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; }
.eco_boxL { width: 100%; margin: 0 auto 30px; }
.eco_boxR { width: 100%; margin: 0 auto; }

.eco_list { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between;  }
.eco_list li { flex-basis: 48%; max-width: 48%; }
.eco_list_img { width: 70%; padding: 10px; border: 1px solid #dfdfdf; box-sizing: border-box; margin: 0 auto; }
.eco_list_img img { width: 100%; height: auto; }


.eco_box .com_tit { text-align: left; }
.eco_box .box_txt { text-align: left; }

.eco_box_list { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 70px; }
.eco_box_list li { width: 100%; margin: 0 auto; }
.eco_box_list li:nth-child(n+2) { margin-top: 30px; }

.eco_box_list .sub_tit { font-size: 16px; }

.c_list { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; }
.c_list li { flex-basis: 23.5%; max-width: 23.5%; }
.c_list_img { width: 100%; margin: 0 auto; }
.c_list_img img { width: 100%; height: auto; }

.sus_list { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; }
.sus_list li { flex-basis: 48%; max-width: 48%; margin-right: 4%; }
.sus_list li:nth-child(2n+2) { margin-right: 0px; }
.sus_list li:nth-child(n+3) { margin-top: 15px; }
.sus_list_img { width: 100%; margin: 0 auto; }
.sus_list_img img { width: 100%; height: auto; }

.s_img00 { width: 100%; margin: 0 auto; }
.s_img00 img { width: 100%; height: auto; }

}