@charset "utf-8";
.about__01 .halfblockWrap{display: flex; align-items: center;}
.about__01 .halfblock{width:48%;}
.about__01 .halfblock.txtblock{ padding-right:50px; }
.about__01 .halfblock.imgblock {position:relative; }
.about__01 .halfblock.imgblock img{width:100%; border-radius: 30px;}
.about__01 .halfblock.txtblock button:hover a{color:#fff;}
.about__01 .subtit { position:relative; display:inline-block;}
.about__01 .subtit:after { content:""; position:absolute; top:54%; right:-120px; width:100px; height:1px; background-color:#f7ab00;}

@media screen and (max-width:1300px){ 
  .about__01 .halfblock.txtblock{padding-left:0;}
}
@media screen and (max-width:1024px){ 
  .about__01 .halfblock.txtblock{padding-right:30px;}
  .about__01 span.sml_txt{font-size:2.4rem}
}
@media screen and (max-width:768px){ 
  .about__01 .halfblockWrap{flex-wrap:wrap}
  .about__01 .halfblock{width:100%;}
  .about__01 .halfblock.txtblock{padding-bottom:50px; padding-right:0;}
  .about__01 .halfblock, 
  .about__01 .halfblock .titleArea h2, 
  .about__01 .smallttl,
  .about__01 .halfblock .titleArea p{text-align: left;}

  .about__01 span.sml_txt{font-size:2rem}
}