@charset "utf-8";

.step__01 .block_wrap {width:100%; display:flex; flex-wrap:wrap; }
.step__01 .block_box { width:50%; padding:0 20px; }
.step__01 .block_box:hover .box_wrap { box-shadow: 5px 5px 25px rgb(0 58 107 / 45%); }

.step__01 .block_box:nth-child(even) { margin-top:70px;}
.step__01 .block_box .box_wrap {display:flex; align-items:center; padding:45px 60px; border-radius:20px; box-shadow: 5px 5px 25px rgb(0 58 107 / 25%);  background-color:#fff;  transition: all 0.3s;}
.step__01 .box_txt {width:calc(100% - 230px); padding-right:30px;}
.step__01 .box_txt h4 {position:relative; display:inline-block; font-size:2.8rem; padding-bottom:20px; transition: all 0.3s;}
.step__01 .box_txt h4:before {content:""; position:absolute; bottom:15px; left:0; width:0; height:13px; background-color:#ff6902; opacity:.2; transition: width 0.3s; }
.step__01 .block_box:hover h4:before {width:100%;}
.step__01 .box_txt p {word-break: keep-all;}
.step__01 .box_txt .step span {display:inline-block; padding: 7px 20px; margin-left:-3px; margin-bottom: 20px; color: #fff; background-color: #ff6902; border-radius: 30px;}
.step__01 .box_icon {width:230px; height:230px; border-radius:50%; overflow:hidden; background-color:#f6f6f6;}
.step__01 .box_icon img {width:100%;  }
.step__01 .bg_btm {position:absolute; bottom:0px; left:50%; transform:translateX(-50%); max-width:2560px; width:100%; height:600px; background-repeat:no-repeat; background-position:top center; background-size: cover; z-index:-1; overflow:hidden; }

@media screen and (max-width:1200px){
  .step__01 .box_txt {width:calc(100% - 150px); }
  .step__01 .box_icon {width:150px; height:150px;}
}     
@media screen and (max-width:1024px){
  .step__01 .block_box { width:100%; padding:0 20px; margin-bottom:20px; }
  .step__01 .block_box:nth-child(even) { margin-top:0px;  margin-bottom:20px;}
  .step__01 .box_txt h4 {font-size:2.4rem;}
}

@media screen and (max-width:560px){
  .step__01 .block_box .box_wrap {flex-wrap:wrap; padding:40px 40px; text-align:center;}
  .step__01 .block_box { padding:0; margin-bottom:20px; }
  .step__01 .box_txt {width:100%; padding-right: 0px; padding-bottom:20px; }
  .step__01 .box_icon {margin:0 auto;}
}