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

/*PC*/
@media print, screen and (min-width: 768px) {

.hed_wrap{margin: 0 auto;}
    
.mt40{margin-top: 40px;}
    
#sustainability {position:relative; min-width: 1400px;}

#sustainability .section_wrap{margin: 0 auto 160px;}

#sustainability .sustaina_bg{background: url("../images/sustainability/top_bg.jpg"); background-size: cover; width: 100%; position: relative; padding: 150px 0;}
  
#sustainability .sustaina_bg .text_box{max-width: 880px; margin: 0 auto; padding: 40px 20px; border-radius: 10px; background-color: rgba(255,255,255,0.9); box-sizing: border-box; text-align: center; line-height: 2;}
    
#sustainability .sustaina_bg .text_box h3{color: #8A6B1C; font-size: 1.5rem;}

#sustainability .sustaina_bg .text_box .text{font-size: 1.1rem; margin-top: 10px;}   
    
#sustainability .cont_box{margin-top: 130px;}

#sustainability .cont01 .cont_tit{position: relative;padding: 0 65px;text-align: center; font-size: 2.2rem; }
#sustainability .cont01 .cont_tit:before {position: absolute; top: calc(50% - 1px); left: 5%; width: 90%; height: 1.5px; content: ''; background: #8A6B1C;}
#sustainability .cont01 .cont_tit span {position: relative;padding: 0 1em;background: #fff;}
    
    
#sustainability .cont_item_01{width: 1200px; margin: 80px auto 150px; text-align: center; box-sizing: border-box; border-radius: 20px;}
#sustainability .cont_item_01 h4{font-size: 1.8rem; color: #8A6B1C;}
#sustainability .cont_item_01 .text{font-size: 1.2rem; margin-top: 30px;}
#sustainability .cont_item_01 .img_box{margin-top: 60px;}
    
#sustainability .cont_item_02 .flex_wrap{display: flex; flex-wrap: wrap; align-items: center;}
#sustainability .cont_item_02 .flex_wrap .flex_wrap_text{width: 50%; padding-left: 5%; box-sizing: border-box;}
#sustainability .cont_item_02 .flex_wrap .flex_wrap_text h4{font-size: 1.8rem; color: #8A6B1C;}
#sustainability .cont_item_02 .flex_wrap .flex_wrap_img{width: 50%; padding-left: 50px; box-sizing: border-box;}
#sustainability .cont_item_02 .flex_wrap .flex_wrap_text .text{font-size: 1.2rem; margin-top: 30px;}
    
    
#sustainability .cont_item_03{margin-top: 150px;}
#sustainability .cont_item_03 .flex_wrap{display: flex; flex-wrap: wrap; align-items: center; flex-direction: row-reverse;}
#sustainability .cont_item_03 .flex_wrap .flex_wrap_text{width: 50%; padding-right: 5%; box-sizing: border-box;}
#sustainability .cont_item_03 .flex_wrap .flex_wrap_text h4{font-size: 1.8rem; color: #8A6B1C;}
#sustainability .cont_item_03 .flex_wrap .flex_wrap_img{width: 50%; box-sizing: border-box; padding-right: 50px;}
#sustainability .cont_item_03 .flex_wrap .flex_wrap_text .text{font-size: 1.2rem; margin-top: 30px;}
    
#sustainability .cont_item_03 .flex_wrap .flex_wrap_text ul{display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 40px;}
#sustainability .cont_item_03 .flex_wrap .flex_wrap_text ul li{width: 48%;}
#sustainability .cont_item_03 .flex_wrap .flex_wrap_text ul li p{font-size: 1rem; margin-top: 10px;}
    
    
#sustainability .cont02{margin-top: 180px;}
    
#sustainability .cont02 .cont_tit{position: relative;padding: 0 65px;text-align: center; font-size: 2.2rem; }

#sustainability .cont02 .cont_tit:before {position: absolute; top: calc(50% - 1px); left: 5%; width: 90%; height: 1.5px; content: ''; background: #8A6B1C;}

#sustainability .cont02 .cont_tit span {position: relative;padding: 0 1em;background: #fff;}
    
#sustainability .cont02 .text_01{font-size: 1.2rem; margin-top: 30px; font-size: 1.2rem; margin-top: 50px; text-align: center;}
    
#sustainability .cont02 .box01{width: 1200px; margin: 50px auto;}
   
#sustainability .cont02 .box01 .text_02{text-align: center; margin-top: 40px; font-size: 1.2rem;}
    
    
    
}



/*sp*/
@media only screen and (max-width: 767px) {
.hed_wrap{margin: 0 auto;}
    
.mt40{margin-top: 40px;}

#sustainability {position:relative;}

#sustainability .section_wrap{margin: 0 auto 80px;}

#sustainability .sustaina_bg{background: url("../images/sustainability/top_bg.jpg"); background-size: cover; width: 100%; position: relative; padding: 100px 0;}
  
#sustainability .sustaina_bg .text_box{width: 90%; margin: 0 auto; padding: 40px 20px; border-radius: 10px; background-color: rgba(255,255,255,0.9); box-sizing: border-box; text-align: center; line-height: 2;}
    
#sustainability .sustaina_bg .text_box h3{color: #8A6B1C; font-size: 1.4rem;}

#sustainability .sustaina_bg .text_box .text{font-size: 0.9rem; margin-top: 10px;}   
    
#sustainability .cont_box{margin-top: 100px;}

#sustainability .cont01 { width: 90%; margin: 0 auto; }
#sustainability .cont01 .cont_tit{position: relative; text-align: center; font-size: 1.8rem; }
#sustainability .cont01 .cont_tit span {position: relative; background: #fff;}
    
    
#sustainability .cont_item_01{ margin: 60px auto 120px; text-align: center; box-sizing: border-box; border-radius: 20px;}
#sustainability .cont_item_01 h4{font-size: 1.6rem; color: #8A6B1C;}
#sustainability .cont_item_01 .text{font-size: 1rem; margin-top: 30px;}
#sustainability .cont_item_01 .img_box{margin-top: 60px;}
    
#sustainability .cont_item_02 .flex_wrap{ }
#sustainability .cont_item_02 .flex_wrap .flex_wrap_text{ box-sizing: border-box;}
#sustainability .cont_item_02 .flex_wrap .flex_wrap_text h4 { font-size: 1.6rem; color: #8A6B1C;}
#sustainability .cont_item_02 .flex_wrap .flex_wrap_img{ box-sizing: border-box;}
#sustainability .cont_item_02 .flex_wrap .flex_wrap_text .text{font-size: 1rem; margin: 30px 0 20px;}
    
    
#sustainability .cont_item_03{margin-top: 120px;}
#sustainability .cont_item_03 .flex_wrap{ }
#sustainability .cont_item_03 .flex_wrap .flex_wrap_text{ box-sizing: border-box;}
#sustainability .cont_item_03 .flex_wrap .flex_wrap_text h4{font-size: 1.6rem; color: #8A6B1C;}
#sustainability .cont_item_03 .flex_wrap .flex_wrap_img{ box-sizing: border-box; }
#sustainability .cont_item_03 .flex_wrap .flex_wrap_text .text{font-size: 1rem; margin-top: 30px;}
    
#sustainability .cont_item_03 .flex_wrap .flex_wrap_text ul{display: flex; flex-wrap: wrap; justify-content: space-between; margin: 40px 0;}
#sustainability .cont_item_03 .flex_wrap .flex_wrap_text ul li{width: 48%;}
#sustainability .cont_item_03 .flex_wrap .flex_wrap_text ul li p{font-size: 0.8rem; margin-top: 10px;}
    
    
#sustainability .cont02{ width: 90%; margin: 150px auto 0; }
    
#sustainability .cont02 .cont_tit{position: relative; text-align: center; font-size: 1.8rem; }

#sustainability .cont02 .cont_tit span {position: relative; background: #fff;}
    
#sustainability .cont02 .text_01{font-size: 0.9rem; margin-top: 30px; text-align: center;}
    
#sustainability .cont02 .box01{margin: 50px auto;}
   
#sustainability .cont02 .box01 .text_02{text-align: center; margin-top: 40px; font-size: 0.9rem;}



}