@charset "UTF-8";

section#reason{
  padding-top:0;
}
.wrp_flex .item {
  position: relative;
}
.img_item {
  text-align: center;
}
.img_item picture{
  display:block;
  line-height:0;
}
@media screen and (min-width: 768px) {
  .wrp_flex .item {
    width:calc((100% / 12) * 4);
    padding:0 10px 40px;
  }
  .img_item {
    background-color: #f4f4f4;
    padding: 20px;
  }
  .txt_item{
    padding:0 10px;
  }
  .ttl-document{
    font-size: 20px;
    line-height:1.4;
    margin:10px 0 10px;
  }
  .txt_item p{
    line-height:1.4;
    margin-bottom:20px;
    font-size:14px;
  }
  .txt_item .btn_more{
    width:80%;
  }
}

@media screen and (max-width: 767px) {
  .item {
    display: flex;
    flex-wrap: wrap;
    margin-bottom:30px;
  }
  .wrp_flex .item{
    padding-bottom:30px;
    border-bottom:1px solid #cccccc;
  }
  .img_item {
    width: calc((100% / 12) * 4);
    padding:0 10px 10px;
  }
  .txt_item {
    width: calc((100% / 12) * 8);
    padding:0 4px;
  }
  .ttl-document{
    font-size: 18px;
    line-height:1.4;
    margin:0px 0 10px;
  }
  .txt_item p{
    line-height:1.4;
    margin-bottom:20px;
    font-size:13px;
  }
  .txt_item .btn_more{
    width:100%;
  }
}