.banner-text-container {position: absolute;top: 0;left: 0;width: 100%;height:100%;}
.pc{display: block;}
.mobile{display: none;}
.font14 {font-size: 16px;}
.section1 {position: relative;}
.section1left {position:absolute; top:30%; left:13.5%;}
.section1left img{max-width: 300px;}
.section2{padding: 80px 0px; text-align: center;background-color: #ffffff;}
.section2 img{width:100%; max-width: 1098px;}
.section3{padding:60px 0px; background-color: #8bc0d8;line-height: 80px;color:#00ffd6;}
.section4 .mk1{margin-left:20px;margin-right:20px;text-align: left; color:#838383; line-height: 30px;}
.section5 .mk1{color:#3f9bd1;margin-left:20px;margin-right:20px; display: flex; flex-direction: column;}
.section6_1 {padding-top:100px;}
.section6_1 img{max-width: 300px;}
.section7 {padding-top: 80px;padding-bottom: 50px;}
.section7 .mk1{width:calc(50% - 40px);color:#3f9bd1;float:left;margin-left:20px;margin-right:20px; display: flex; flex-direction: column;}
.section8 .mk1{position:absolute;left:20%;top:40%;}
.section9 .mk1{position:absolute;left:60%;top:30%;}
.section10{padding:80px 0px;}
.section10 .mk1{color:#3f9bd1;margin-left:20px;margin-right:20px; display: flex; flex-direction: column;}
.section11 .mk1{position:absolute;left:13.5%;top:30%;}

.section12 {background-color:#EFEFEF;padding-top: 80px;padding-bottom: 50px;}
.section12 .mk1{color:#3f9bd1;margin-left:20px;margin-right:20px; display: flex; flex-direction: column;}
.section14 {background-color: #f1f1f1;padding:100px 0px;}

@media only screen and (max-width: 1600px) {
  .section1left {left:10%;}
  .section11 .mk1{left:10%;}

}
@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%;}
}

@media only screen and (min-width: 992px)and (max-width: 1024px) {
  .section6_1 {
    padding-top: 50px;
}
.section8 .mk1 {
  position: absolute;
  left: 10%;
  top: 40%;
}
.section11 .font14 {
  font-size: 16px;
  width: 60%;
}
.section6 .mt-32 {margin-top: 12px;}

}
@media only screen and (min-width: 767px)and (max-width: 992px) {
  .section1left {
    left: 5%;
}
.section6 .pc{display: none;}
.section6 .mobile{display: block;}
.section8 .mk1 {
  position: absolute;
  left: 10%;
  top: 30%;
}
.section11 .font14 {
  font-size: 16px;
  width: 50%;
}
}
@media only screen and (max-width: 487px) {
  .font36 {font-size: 16px;}
  .font64 {font-size: 24px;}
  .font24 {font-size: 15px;}
  .font14 {font-size: 14px;}
  .font18 {font-size: 13px;}
  .line25 {line-height: 20px;}
  .mt-18 {
    margin-top: 8px;
}

  .pc{display: none;}
  .mobile{display: block;}
  .section1left img{max-width: 100px;}

  .colorblue {color: #333333;}

  .section1 .font36 {font-size: 14px;}
  .section1 .mt-18 {margin-top: 12px;}

  .section2 {padding: 50px 0;}
  .section3 {line-height: 1px;}

  .section4 .mk1 {margin-right: 10px;margin-left: 10px;}
  .section4 .d-flex{flex-direction: column;}

  .section5 .mk1 {color: #333333;}
  .section5 .mt-18 {margin-top: 6px;}

  .section6_1 .mt-32 {margin-top: 6px;}
  .section6_1{color:#333333;padding-top:40px;}
  .section6_1 img{max-width: 100px;}

  .section7 .mk1 {color: #333333;}
  .section7 {padding-top: 40px;padding-bottom: 50px;}
  .section7 .mk1 {width: calc(50% - 20px); margin-left: 10px;margin-right: 10px;}

  .section8 .mt-18 {margin-top: 6px;}
  .section8 .line25 {margin-top: 160px;}
  .section8 .mk1{position:absolute;left:10%;top:10%;}

  .section9 .mk1{left: 55%;}

  .section10 .font14{font-size: 13px;}
  .section10 .mk1 {color: #333333;}
  .section10{padding: 40px 0;}

  .section11 {max-width: 100%;}
  .section11 .mk1{top: 10%;}
  .section11 .mt-18 {margin-top: 10px;}

  .section12 .mk1 {color: #333333;}
  .section12 {padding-top: 40px;}

  .section13 .font36 {font-size: 14px;}
  .section13 .ptb50{padding: 20px 0 40px;}

  .section14 {padding: 60px 0;}

  
  
  


  


  

  .tpmk{flex-direction: column;}
  /*.section7 .mk1{width:calc(100% - 20px);margin-left:10px;margin-right:10px;}*/

}