.main-about{ width: 100%;  margin:0px auto; padding: 0px 0px 100px 0px;}
  .block-pc {width:100%;  margin:0px; padding:0px; display: flex; position: relative;z-index: 1;  }
.block-pc figure{width:100%; height: 100%;  margin:0px; padding:0px;     }
.block-pc figure img{width:100%;height:auto; display: block;  margin:0px; padding:0px;     }
  .block-box {width:100%;  margin:0px auto; padding:0px;  position: relative;z-index: 1;  }
.block-txt{width:100%; margin:0px auto; padding:0px 0px 20px 0px;  display: flex; flex-wrap: wrap; flex-direction: column; }
.block-txt p{ margin-bottom: 30px; font-size: 1.15rem;font-weight:400; line-height:1.875rem; letter-spacing:1px;  color:#1F100B; }
  
@media (max-width:1280px) {
 .bg-about{ padding: 100px 0px 50px 0px; position: relative; }
.block-txt{width:100%; padding: 20px;  margin:15px 20px 0px 20px;  }
.block-txt p{ font-size: 1rem; }
}

@media (max-width:1024px) {
.block-txt{ padding: 0px 0px 0px 20px;  margin:0px;  }
 }

@media (max-width:840px) {
.block-box { width: 100%;  margin:60px auto 10px auto;  padding:10px 20px;  }
.block-txt p{ font-size:1rem; margin-bottom: 15px;}
.block-pc {width:100%;  margin:0px;   }  
.block-pc figure{width:100%; height: auto;  margin:0px;  padding:0px;     }    
.block-pc.j-r{justify-content: center;}   
 .btnbox { justify-content: center; }  
 }
@media (max-width:767.98px) {
.block-box {margin: 0px auto 30px auto;  padding: 0px; order:1; }
.block-txt{ padding: 0px;  }
 .block-pc {order:2;  }

}