.content {padding-top: 97px; padding-bottom:50px;}
.stit {font-size:30px; font-weight:500; color:black; padding-bottom:50px; text-align: center;}
.hr1 {height:550px;}
.hr2 {height:215px;}
div hr.type_1 {
  border: 0;
  height: 30px;
  background-image: url(../img/hr3.png);
  background-repeat: no-repeat;
  background-size:100%;
  text-align: center;
  padding-bottom:30px;
  margin-top:100px;
  }
div hr.type_2 {
  border: 0;
  height: 30px;
  background-image: url(../img/hr4.png);
  background-repeat: no-repeat;
  background-size:100%;
  text-align: center;
  margin-top: 60px;
  margin-bottom:100px;
  }
  div p.tit {font-size:20px;   line-height:35px; color:#777777; text-align: center; letter-spacing: -1.0px;     font-weight: 300; }
  div p.btit {font-size:28px;   line-height:45px; color:#161616; text-align: center; font-weight: 600; padding-bottom: 20px;}


.vision {height:1600px; padding:30px 0 30px 0; }
.vision1 {background:url(../img/img1.png) no-repeat 0% 50%; height:450px; background-size:45%;}
.vision1w {margin-left:50%;}
.vision2w {margin-right:50%; text-align: right;}
.vision2 {background:url(../img/img2.png) no-repeat 100% 50%; height:450px; background-size:45%;}
.vision3 {background:url(../img/img3.png) no-repeat 0% 50%; height:450px; background-size:45%;}
div p.top {    font-size: 30px;
  font-weight: 300;
  padding-top:8%;}
.middle{    font-size: 20px;
  color: #111111;
  font-weight: 600;
line-height: 50px;}
  .bot {font-size: 16px; 
    padding-top: 20px; color:#777777; font-weight:300;}
.strategy1 {background-color: #5c5c5c;
  color: white;
  height: 100px;
  text-align: center;
  padding: 35px 0;
  font-size: 20px; margin-bottom:50px;}

.strategy2 {height:795px; text-align: center; box-sizing:border-box;}
.strategy2_ {width:33.333%; float: left; padding: 20px 0px;}
.strategy2_m {width:33.333%; float: left; padding: 20px 10px;}
.strategy2_1 {background-color: #f1f1f1; height: 100px; font-size: 18px;  padding: 40px 0; font-weight:600;}
.strategy2_2 {height:500px; border: 1px solid #d3d3d3; padding-top:20px; margin-top:20px; padding-left:30px; line-height: 30px; margin-bottom:100px;}
.strategy2_3 {text-align:left; font-size:16px; font-weight: 600; padding-top:20px;}
.strategy2_4 {text-align: left; font-size:14px; list-style:none; color:#777777; margin-bottom:20px; font-weight: 300;}

.mission1 {background-color: #5c5c5c;
  color: white;
  height: 100px;
  text-align: center;
  padding: 35px 0px;
  font-size: 20px; margin-bottom:50px;}

.mission2 {height:700px; text-align: center; box-sizing:border-box;}
.mission2_ {width:50%; float: left; padding-right:15px; }
.mission2_m {width:50%; float: left; padding-left:15px; }
.mission2_1 {background-color: #f1f1f1; height: 100px; font-size: 18px;  padding: 40px 0; font-weight:600;}
.mission2_m1 {background-color: #f1f1f1; height: 100px; font-size: 18px;  padding: 25px 20px; font-weight:600;}
.mission2_2 {height:400px; border: 1px solid #d3d3d3; padding-top:20px; margin-top:20px; padding-left:30px; line-height: 30px; margin-bottom:100px; padding-right:30px;}
.mission2_3 {text-align: left; font-size:16px; list-style:none; color:#777777; margin-bottom:20px; font-weight: 300; padding-top:20px;}
.end {text-align: center;
  font-size: 24px;
  line-height: 50px; color:#818181; margin:30px 0 150px; font-weight: 400;}

  
/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/


  @media (max-width: 1023px) {
    .top {font-size:20px;}
    .middle{font-size:20px;}
    .bot {font-size:14px}
    .strategy2_2{height: 700px;}
    .stit {font-size:30px; font-weight:500; color:black; padding-bottom:50px;}
  }

  @media (max-width: 890px) {
    .vision {padding-left:0px; padding-top:70px;}
    .vision1w { margin-left: 50%;}
    .vision1 {background:url(../img/img1.png) no-repeat 0% 25%; height:400px; background-size:45%;}
    .vision2 {background:url(../img/img2.png) no-repeat 100% 25%; height:400px; background-size:45%;}
    .vision3 {background:url(../img/img3.png) no-repeat 0% 25%; height:400px; background-size:45%;}
    .strategy2_1 {background-color: #f1f1f1; height: 100px; font-size: 16px;  padding: 40px 0; font-weight:600;}
      .strategy2_3 {text-align:left; font-size:14px; font-weight: 600; padding-top:20px;}
      .strategy2_4 {text-align: left; font-size:12px; list-style:none; color:#777777; margin-bottom:20px; font-weight: 300;}
      .strategy2_2 {padding-left:15px; padding-right:10px;}
    .mission2_1 {background-color: #f1f1f1; height: 100px; font-size: 16px;  padding: 40px 0; font-weight:600;}
    .mission2_m {width:50%;}
    .mission2_m1 {background-color: #f1f1f1; height: 100px; font-size: 16px;  padding: 25px 0px; font-weight:600;}
    .mission2_3 {text-align: left; font-size:14px; list-style:none; color:#777777; margin-bottom:20px; font-weight: 300; padding-top:20px;}
  }


  @media (max-width: 780px) {    .mission2_1 {background-color: #f1f1f1; height: 100px; font-size: 16px;  padding: 30px 0; font-weight:600;}
  .vision {height:auto;}
  .vision1 {height:700px; padding-bottom: 0px; padding-top: 350px;}
  .vision1w {margin-left:0; text-align: center;}
  .vision2w {margin-right:0; text-align: center;}
.vision2 {height:700px; margin-top:100px; padding-bottom: 0px; padding-top: 350px;}
.vision3 {height:700px; margin-top:20px; padding-bottom: 0px; padding-top: 350px;}
  .vision1 {background:url(../img/img1.png) no-repeat 50% 0%; background-size:70%;}
.vision2 {background:url(../img/img2.png) no-repeat 50% 0%; background-size:70%;}
.vision3 {background:url(../img/img3.png) no-repeat 50% 0%;  background-size:70%;}
.bot {width:100%; }
.top {margin-top:20px; }
div p.top {padding-top:0;}}


  @media (max-width: 717px) {    .mission2_m1 {padding: 15px 0; }
  .vision1 {background:url(../img/img1.png) no-repeat 50% 0%; background-size:80%;}
.vision2 {background:url(../img/img2.png) no-repeat 50% 0%; background-size:80%;}
.vision3 {background:url(../img/img3.png) no-repeat 50% 0%;  background-size:80%;}}

  @media (max-width: 608px) {    .mission2_m1 {padding: 15px 0; }
  .vision1 {background:url(../img/img1.png) no-repeat 50% 0%; background-size:90%;}
.vision2 {background:url(../img/img2.png) no-repeat 50% 0%; background-size:90%;}
.vision3 {background:url(../img/img3.png) no-repeat 50% 0%;  background-size:90%;}}

  @media (max-width: 600px) {    .strategy1 {font-size:18px;}
  .mission {margin-bottom:500px;}
  .mission1 {font-size:18px;}

.strategy2 {height:2000px; text-align: center; box-sizing:border-box;}
.strategy2_ {width:100%; float: left; padding:10px 0px; }
.strategy2_m {width:100%; float: left; padding:10px 0px; }
.strategy2_1 {background-color: #f1f1f1; height: 100px; font-size: 18px;  padding: 40px 0; font-weight:600;}
.strategy2_2 {height:500px; border: 1px solid #d3d3d3; padding-top:20px; margin-top:20px; padding-left:30px; line-height: 30px; margin-bottom:0px;}
.strategy2_3 {text-align:left; font-size:16px; font-weight: 600; padding-top:20px;}
.strategy2_4 {text-align: left; font-size:14px; list-style:none; color:#777777; margin-bottom:20px; font-weight: 300;}

.mission2_ {width:100%; padding-right:0px; }
.mission2_1 {padding-top:40px; }
.mission2_m1 {padding: 25px 0; }
.mission2_m {width:100%;  padding-left:0px;}
.mission2_2 {margin-bottom:20px;}
.end {text-align: center;font-size: 16px;line-height: 50px; color:#818181; margin:50px 0 100px; font-weight: 300;}}

  @media (max-width: 574px) {
    .strategy1 {font-size:18px;}
    .mission1 {font-size:18px; padding:35px 0;}
    .strategy2_1 {padding: 32.5px 0; }
    div p.top{float: none;}
    .vision1 {background:url(../img/img1.png) no-repeat 50% 0%; background-size:100%;}
    .vision2 {background:url(../img/img2.png) no-repeat 50% 0%; background-size:100%;}
    .vision3 {background:url(../img/img3.png) no-repeat 50% 0%;  background-size:100%;}

  }

  @media (max-width: 503px) {
    .mission1 {padding:25px 0;}    
  }
  @media (max-width: 500px) {
    .strategy1 {padding:35px 0;}
  }

  @media (max-width:480px) {
    div p.tit {font-size:18px;   line-height:30px; color:#777777; text-align: center;}
    .mission {padding:25px 0;}
    .vision {height:auto;}
    .vision1 {height:700px; padding-bottom: 0px; padding-top: 350px;}
.vision2 {height:700px; margin-top:20px; padding-bottom: 0px; padding-top: 350px;}
.vision3 {height:700px; margin-top:20px; padding-bottom: 0px; padding-top: 350px;}
    .stit {font-size:28px; padding-bottom:10px;}
div hr.type_1 {
  border: 0;
  height: 30px;
  background-image: url(../img/hr3.png);
  background-repeat: no-repeat;
  background-size:100%;
  text-align: center;
  padding-bottom:50px;
  margin-top:100px;
  }
  .vision1 {background:url(../img/img1.png) no-repeat 50% 20%; background-size:100%;}
.vision2 {background:url(../img/img2.png) no-repeat 50% 20%; background-size:100%;}
.vision3 {background:url(../img/img3.png) no-repeat 50% 20%;  background-size:100%;}
.bot {width:100%; }
.top {margin-top:20px;}
}
  @media (max-width:360px) {
  .strategy2_2 {height:600px;}
  .strategy1 {padding: 25px 0;}
}