@charset "utf-8";

.about__03 {}
.staff {position:relative;}
  .staff:before {content:""; position:absolute; top:0; width:36%; height:700px; background-color:#f3f6fd; }
  .half_wrap {display:flex; flex-wrap:wrap; }
  .half_wrap .half.half_img {width:40%; }
  .half_wrap .half.half_ment {width:60%; position:relative; padding-left:120px; padding-top:50px;}
  span.sml_txt { position:relative; display:inline-block; font-size:3rem; line-height:1.2em;}
  span.thintxt { font-weight:400;}

  .company_img {position:relative; width:100%; height:0; padding-bottom:140%; overflow:hidden; border-radius: 20px;}
  .company_img .img_wrap {position:absolute; top:0; left:50%; transform:translate(-50%, 0); width:100%; height:100%;}
  .company_img .img_wrap img {width:100%; height:100%; object-fit:cover; }

  .profile_wrap {display:flex; flex-wrap:wrap; padding-top:30px;}
  .profile_wrap .proflie {width:50%;}
  .profile_wrap ul li {position:relative; font-size:1.8rem; padding:8px 10px 8px 15px;}
  .profile_wrap ul li:before {content:""; position:absolute; top:15px; left:0; width:5px; height:5px; background-color:#ddd; }

  @media screen and (max-width:1024px){
    .half_ment {padding-right:60px;}
    span.sml_txt{font-size:2.4rem}
    .half_wrap .half.half_img {width:80%;}
    .company_img {padding-bottom:100%;}
    .company_img .img_wrap img {height:auto;}
    .half_wrap .half.half_ment {width:100%; padding-left:0; padding-top:50px;}
  }
    @media screen and (max-width:768px){
    .half_wrap .half {width:100%;}
    .half_ment {padding-right:0;}
    .half_wrap .half.half_img {width:100%;}
    span.sml_txt{font-size:2rem}
    .profile_wrap ul {width:100%;}
  }