.patent{ width: 100%;}
.patent .sl_box_patent{width: 100%; height: 300px; background-color: #f4f4f4; }
.patent .sl_box_patent .mySwiper{position: relative; width: 100%; height: 300px; overflow: hidden;}
.patent .sl_box_patent .mySwiper .slidebox{width: 100%; height: 300px; display: flex; align-items: center;}
.patent .sl_box_patent .mySwiper .slidebox .swiper-slide{width:196px; height: 278px;}
.patent .sl_box_patent .mySwiper .slidebox .swiper-slide img{width:196px; height: 278px; margin: 0px 5px;}

.patent .sl_box_patent .mySwiper .swiper-button-next{position: absolute; top: 50%; left: 0%; transform: translate(-50%,-50%);}
.patent .sl_box_patent .mySwiper .swiper-button-prev{position: absolute; top: 50%; right: -6%; transform: translate(-50%,-50%);}



/* ======================================================================================================== */
.corp>div{display: flex; text-align: left; margin-bottom: 200px;}
.corp .corp_2{margin-top: -500px;}
.corp>div>div:nth-child(1){margin-right: 50px;}

.corp .text{display: flex;}
.corp .corp_2 .text{margin-top: 400px;}
.corp .text .tit{margin-right: 30px; }
.corp .text .desc{}
.corp .text .tit h4{text-transform: uppercase; font-size: 70px; line-height: 1em; }
.corp .text .tit strong{font-size: 28px;}
.corp .text .desc span{display: block;}

.esg{position: relative;margin-bottom: 100px;}
.esg .photo{width: 100%;}
.esg .photo img{width: 100%; height: auto;}

.esg .text{position: absolute; top: 0; left: 0; color: #fff; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); }
.esg .text .tit{margin-top: 15%; margin-bottom: 2%;}
.esg .text .tit h4{display: block; font-size: 40px; line-height: 1.3em; text-transform: uppercase; word-spacing: .2em;}
.esg .text .tit .eng{text-align: center;}
.esg .text .tit .eng em{font-size: 14px; }
.esg .text .desc strong{display: block; font-size: 20px;}
.esg .text .desc span{display: block; font-size: 18px; line-height: 1.5em; margin-bottom: 1%;;}

.esg .text .desc span em::after{content: ":";}
.esg .text .desc span br:nth-child(1),
.esg .text .desc span br:nth-child(3){display: none;}

.esg .text{text-align: center;}
@media all and (max-width:1000px) {

  .patent{margin-top: 100px; width: 100%;}
  .patent .sl_box_patent{width: 100%; height: 220px; background-color: #f4f4f4; }
  .patent .sl_box_patent .mySwiper{position: relative; width: 100%; height: 220px; overflow: hidden;}
  .patent .sl_box_patent .mySwiper .slidebox{width: 100%; height: 210px; display: flex; align-items: center;}
  .patent .sl_box_patent .mySwiper .slidebox .swiper-slide{width:160px!important; height: 190px; }
  .patent .sl_box_patent .mySwiper .slidebox .swiper-slide img{width:140px; height: 200px; margin: 0px 5px;}

  .patent .sl_box_patent .mySwiper .swiper-button-next{position: absolute; top: 50%; left: 0%; transform: translate(-50%,-50%);}
  .patent .sl_box_patent .mySwiper .swiper-button-prev{position: absolute; top: 50%; right: -6%; transform: translate(-50%,-50%);}

  .corp{margin-bottom: 80px;}
  .corp>div{flex-flow: wrap; margin-bottom: 0}
  .corp .photo{width: 100%;}
  .corp .photo img{width: 100%; height: auto;}
  .corp .text{display: block; width: 100%;}

  .corp .corp_2{flex-direction: column-reverse; margin-top: 0;}
  .corp .corp_2 .text{margin-top: 0;}
  .corp>div>div:nth-child(1){margin-right: 0;}

  .corp .text .desc strong{font-size: 5vw;}
  .corp .text .desc span{font-size: 4vw;}

  .esg .text{position: static; background: none; color: #333;}
  .esg .text .tit{margin-top: 10%; }
  .esg .text .tit h4{font-size: 6vw;}
  .esg .text .tit .eng em{font-size: 3vw;}
  .esg .text .desc span{font-size: 4vw}

  .esg2 .text .desc span{margin-bottom: 3%;}
  .esg .text .desc span br{display: block;}
}


@keyframes corp{
    20% {opacity: 1; }
    50% {opacity: 0; }
    80% {opacity: 1; }
}