@charset "utf-8";

.sec_about__03 .top_sec { margin-top:120px; }

.sec_about__03 .titleArea h1 { margin-bottom:0; }
.sec_about__03 .titleArea h1.under_line {display:inline-block; position:relative; padding:0 7px;}
.sec_about__03 .titleArea h1.under_line:after {content:""; position:absolute; bottom:6px; left:0; width:100%; height:24px; background-color:#0051ff5a; z-index:-1; }

.sec_about__03 .titleArea .pointImg img { height:150px; }
.sec_about__03 .titleArea h2 {font-weight: 300;}
.sec_about__03 .titleArea h3 {position:relative; display:block; margin:0 auto 30px; text-align:center; line-height:1.5em;}
.sec_about__03 .titleArea h3::after {content:""; position:absolute; bottom:0; left:50%; transform:translate(-50%,-50%); width:30px; height:5px; background-color:#033572; }
.sec_about__03 .titleArea p {padding-bottom: 80px;}
.top_img img {max-width:100%;}
.cont_wrap { position: relative; z-index: 1; background: #fff; text-align: center; border-radius: 0 0 10px 10px;}
.overtxt {margin:0 auto; }

.sec_about__03 .overtxt h3.cont_tit_big {text-align:center; }
.sec_about__03 .overtxt h3.under_line { display:inline-block; position:relative; padding:0 7px; }
.sec_about__03 .overtxt h3.under_line:after {content:""; position:absolute; bottom:0; left:0; width:100%; height:24px; background-color:#033572; opacity:.2; z-index:-1; }
.cont_wrap .cont_txt {position:relative; padding:50px 0;}

.cont_wrap h3.cont_tit {padding-top:40px;}
.cont_wrap p.cont_p_big {padding-top:40px; padding-bottom:50px; color:#989898; word-break: keep-all;}

.btm_img {position:relative; width: 100%; height: 0; padding-bottom: 30%;
overflow: hidden; margin: 0 auto;}
.btm_img img {width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}

@media screen and (max-width:1024px){
  .btm_img { padding-bottom: 40%;}
  .sec_about__03 .titleArea .pointImg img { height:200px; }
  .sec_about__03 .overtxt h3.under_line:after {height:18px;}
}
@media screen and (max-width:768px){

  .cont_wrap .cont_txt {padding: 20px 0;}
  .cont_wrap .cont_txt:before,
  .cont_wrap .cont_txt:after {width:30px; height:30px; }
  .sec_about__03 .titleArea p {padding-left:10px; padding-right:10px; padding-bottom:30px;}
  .sec_about__03 .titleArea .pointImg img { height:150px; }
  .sec_about__03 .titleArea .pointImg::after { bottom:-33px;  }

}
@media screen and (max-width:560px){
  .sec_about__03 .titleArea .pointImg img { height:120px; }
  .btm_img { padding-bottom: 75%;}
}