.sec1 h2 { font-size: 25px; line-height: 1.6; padding-bottom: 0; }
.sec2 h3 { font-size: 25px; }
.sec2 h4 { font-size: 18px; lline-height: 2em; margin-bottom:20px }
.sec2 h3, .sec2 h4, .sec2 .text p { position: relative; z-index: 1; }
.sec2 h3 { padding-left: 1.2em; line-height: 1.6; background: url("../images/p-icon.svg") no-repeat left; background-size: 2em; display: inline-block; }
.sec2 h3 .flex { display: flex; align-items: center; flex-wrap: wrap; }
.sec2 h3 span.labelM { background-color: #444; line-height: 2; padding: 0 15px; color: #fff; margin-right: 10px; font-size: 60%; font-weight: bold; }

.sec2 .content { background-color: #fff; overflow: hidden; }
.sec2 .s { padding-bottom: 50px; }
.sec2 .slick-slider img { width: 100%; height: auto; }
.sec2 .sl { position: relative; }
.sec2 .m-bg { width: 70%; height: 100%; max-width: 1236px; background: #FAFAFA; position: absolute; right: 0; margin-top: 30px; }

.sec3 { margin-top: 40px; margin-bottom: 40px; }
.sec3 .wrapper:nth-child(1) { margin-bottom: 40px; }

@media only screen and (max-width: 1024px) {
  .sec2 .content .s { padding-bottom: 40px; grid-template-columns: 1fr !important; column-gap: 0; row-gap: 0; }
  .sec2 .content .s:last-child { padding-bottom: 0; }
  .sec2 .content .left { max-width: 100vw; }
  .sec2 .content .right { grid-row: 2/3 }
  .sec2 .s:nth-child(even) .right { grid-column: 1/3; grid-row: 2/3; }
  .sec2 .s ul { margin-right: 40px; }
  .sec2 .text { padding: 20px 40px !important; margin-right: 0 !important; }
}
@media only screen and (max-width: 767px) {
  .sec1 h2 { font-size: 20px; }
  .sec2 h3 { font-size: 20px; }
  .sec2 .text p { font-size: 14px; }
  .smallT { font-size: 80%; }
  .sec2 .s ul { padding-top: 10px; }
  .sec2 .text { padding: 30px 4.8vw 0 !important; }
}