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

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

/* sustainability
--------------------------------------------*/
.sustainability .cont01 { position: relative; margin-bottom: 200px; }

.sustainability .cont01{margin: 0 auto; margin-bottom: 200px;}
.sustainability .cont01 h4{text-align: center;}
.sustainability .cont01 .com_text{font-size: 24px; font-weight: 700; line-height: 1.8; letter-spacing: -0.03em; margin: 50px auto 50px;}

.top_text span{padding: 5px 0;}

.sustainability .top_text{text-align: center;}

.sustainability .img_bgbox {width: 100%; position: relative;}
.sustainability .img_bgbox img{width: 100%; height: 600px; object-fit: cover;}   
.jp_sbtit {font-size: 60px;line-height: 1.2em;letter-spacing: -0.06em;margin: -30px 0 50px;
}

.list .flex_wrap{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.list .flex_wrap .img_box{width: 50%;} 
.list .flex_wrap .text_box{width: 45%;}    
.list .flex_wrap .text_box h3{font-size: 30px; line-height: 1.5; margin-bottom: 20px;}
.list .flex_wrap .text_box span{font-size: 30px; margin-right: 5px; color: #f18700; }
  
.list .flex_wrap.box_2{margin-top: 30px;}
.list .flex_wrap.reverse{ flex-direction: row-reverse;} 


    

    
    
}


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

/* .sustainability
--------------------------------------------*/
    
.sustainability{padding: 0 3%;}
    
.sustainability .text_box{margin: 30px 0px;}
.sustainability .text_box h3{font-size: 18px; font-weight: 800;}
.sustainability .text_box .com_text{margin-top: 30px;}
.jp_sbtit {
  font-size: 32px;
  line-height: 1.2em;
  letter-spacing: -0.06em;
  margin: -70px 0 20px;
}    
    
}