.banner-text-container {position: absolute;top: 0;left: 0;width: 100%;height:100%;}
.pc{display: block;}
.mobile{display: none;}
.font36 {font-size: 28px;}
.font16 {font-size: 17px;}
.font14 {font-size: 15px;}
.mokuai{color:#3f9bd1;margin-left:20px;margin-right:20px;}

.section1 {position: relative;}
.section1left {position:absolute; top:18%; left:10%;width: 60%;}

.section2{padding: 80px 0px; text-align: center;background-color: #f9f9f9;}
.section2 img{width:100%; max-width: 1300px;}

.section2{background-color: #f9f9f9;}

.section4{padding-top: 80px;}

.section4_1{ position: relative;margin-top: 50px;margin-bottom: 30px;}
.section4_1 .mk1left {position:absolute;top:10%;left: 5%;color: #efefef;}
.section4_1 .mk1right {position:absolute;top:10%;right: 5%;color: #efefef;}

.section7 {background-color: #f9f9f9;padding-top: 80px;padding-bottom: 50px;}


.section10{padding:80px 0px;}
.section10 .mk1left{flex:1;}
.section10 .mk1right{flex:1;}
.section10 .mokuai:first-child{margin-left:0px;}



.section12 {padding:80px 0px;}
.section12 .mk1{float:left;width: calc(50% - 80px);margin: 40px;}
.section12 .mk1 img{max-width: 600px;}


.section13 .mk1left {flex:1;}
.section13 .mk1right {flex:2;}
.section13 .ml60 {margin-left: 10%;}

.section15 {background-color:#ffffff;padding:50px 0px;}
.section15 .mk1left{flex: 3;}
.section15 .mk1right{flex: 1;line-height: 50px;padding: 50px 0px 0px 50px;}
.section15 .mk1right a{ font-size: 18px; color: #888888;text-align: left;width: 80%;}
.section15 .mk1right a.active{ font-size: 24px; color: #000000;}

.section16 {background-color:#f7f7f7;padding:100px 0px;}
.section16 .mk1left{flex: 1;}
.section16 .mk1right{flex: 1;}
.section16 .mk1{width: 33%;height:270px;float: left; color: #7397c1; font-size: 14px;display: flex;flex-direction: column;}

.section17 {background-color:#f3f4f6;padding:100px 0px;}



@media only screen and (max-width: 1600px) {


}



@media only screen and (max-width: 1400px) {


}
@media only screen and (max-width: 1200px) {


}
@media only screen and (max-width: 1054px) {

  .section13 .mk1left {position:relative;left:10%;}
  .section12 .mk1{float:left;width: calc(50% - 20px);margin: 10px;}


}

@media only screen and (min-width: 992px)and (max-width: 1024px) {
  .section3 {padding-top: 80px;background-color: #f9f9f9;}
  .section9 .mt-130 {margin-top: 50px;}
  .section9 .mt-32 {margin-top: 2px;}
  .section9 .mt-18 {margin-top: 6px;}
  .section13 .mk1left {
    position: relative;
    left: 0%;
}
.section15 .mk1right {line-height: 40px;}

}

@media only screen and (min-width: 767px)and (max-width: 992px) {
  .section1left {
    position: absolute;
    top: 28%;}
  .section3 .mt-18 {margin-top: 0;}
  .section3 .mt-32 {margin-top: 10px;}
  .section3 {
    padding-top: 140px;
    background-color: #F9F9F9;
}
  .section8 .mt-32 {margin-top: 10px;}
  .section8 .pc {display: none;}
  .section8 .mobile {display: block;}
  .section8 .mt-130 { margin-top: 160px;}
  .section9 .mt-130 { margin-top: 160px;}
.section9 .pc {display: none;}
  .section9 .mobile {display: block;}
  .section9 .mt-32 {margin-top: 10px;}
  .section13 .mk1left {left: 0;}
  .section13 .font36{font-size: 22px;}

  .section14 .pc {display: none;}
  .section14 .mobile {display: block;}
  .section9 .mt-130 { margin-top: 180px;}

  .section15 .mk1right {
    flex: 1;
    line-height: 30px;
    padding: 10px 0px 0px 10px;
  }
  .section16 .mk1 {height: 260px;}
  .section16 .font36 {margin-top: 20px;}
  .section16 .d-flex {
    align-items: flex-start;
  }
  
  }
@media only screen and (max-width: 767px) {
  .font36 {font-size: 20px;}
  .font24 {font-size: 14px;}
  .font18 {font-size: 13px;}
  .font16 {font-size: 15px;}
  .font14 {font-size: 13px;}
  .pc{display: none;}
  .mobile{display: block;}

  .font36 {font-weight: 700;}
  .mt-18 {margin-top: 8px;}

  .mokuai {color: #3f9bd1;margin-left: 10px;margin-right: 10px;}

  .section3 {padding-top: 140px;background-color:#F9F9F9;}
  .section3 .mt-18 {margin-top: 20px;}

  .section4 {padding-top: 40px; margin-bottom: 2px;}
  .section4 .font16 {font-size: 14px;}
  .section4 .mtb-26-32 {margin: 16px 0px 15px 0px;}
  .section4 .mtb-26-32 .mt-18{margin-top: 0px;}
  .section4_1 .mk1left {position:absolute;top:10%;left: 5%;color: #efefef;}
  .section4_1{ position: relative;margin-top: 10px;margin-bottom: 16px;}

  .section7 .font36 {font-size: 18px;}
  .section7 .mokuai {margin-left: 6px;margin-right: 10px;}
  .section7 .mtb-26-32 .mt-18{margin-top: 10px;}
  .section7 {background-color: #f9f9f9;padding-top: 40px;padding-bottom: 20px;}
  .section8 .font36 {font-size: 18px;}

  .section8 .container {width: 96%;}
  .section8 .d-flex {    flex-wrap: wrap;}
  .section8 .mt-18{margin-top: 10px;}
  .section8 .mt-130{margin-top: 30px;}
  .section8 .mokuai {width: 44%; margin-left: 0px;text-align: left;}

  .section9 {padding-top: 180px; background-color: #E9ECEE; text-align: left;}
  .section9 .d-flex {flex-direction: column;}
  .section9 .mokuai {margin-left: 6px;margin-right: 10px;}
  .section9 .mt-18{margin-top: 0px;}

  .section10{ flex-direction: column;padding: 40px 0 0;}
  .section10 .bt {display: inline-block;}
  .section10 .mk1left{flex:1; text-align: center; margin:0 0px 0px 0px;}
  .section10 .mk1left .mokuai{width:600%; text-align: center;}
  
  .section10 .mtb-26-32 .mt-18{margin-top: 0px;}


  .section11 .mokuai{margin-left: 6px; margin-right: 10px;}
  .section11 .mt-18{margin-top: 0px;}
  .section11 .font36{margin-top: 30px;}
  
  
  .section12 {padding: 50px 0px;}
  .section12 .mk1{width: calc(100% - 10px);margin: 5px;}

  .section13 {flex-direction: column;}
  .section13 .mk1left{margin-left: 0px; text-align: center;left:0%;}

  .section14 .mt-18 {margin-top: 2px;}

  .section15 .mk1left{flex: 2;padding: 20px 0px ;}
  .section15 .mk1right{line-height: 18px;padding: 20px 0px 0px 20px;}
  .section15 .mk1right a{ font-size: 12px; }
  .section15 .mk1right a.active{ font-size: 14px; }

  .section16 {padding:40px 0px 20px;}
  .section16 .mk1left{margin-top: 30px;width: 100%;padding: 0;}
  .section16 .mk1{height:150px;margin-top:16px;width: 33%;font-size: 10px;}
  .section16_1 {flex-direction: column;}
  .section17 {padding: 0px ;}

}


@media only screen and (max-width: 487px) {



}