.column-content h4,
.column-content dl,
.column-content ul{
 padding: 0 20px;
}
.column-list-sq li:before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  background: #ffbc3c;
  margin: 0 10px 0 0;
}
.column-content ul li{
  font-size: 1.6rem;
  text-indent: -1em;
  padding-left: 1em;
}
.colum_info{
  padding: 15px;
  width: 100%;
  overflow: hidden;
  box-sizing: border-box;
}
.column-content dl{
  display: flex;
  flex-wrap: wrap;
}
.column-content dt {
  width: 15%;
  color: var(--with-you-color1);
  -moz-text-align-last: justify;
  text-align-last: justify;
}
.column-content dd {
  width: 85%;
}
h4.arrow{
  padding-top: 20px;
  clear: left;
}
h4.arrow:before {
  content: "▶︎";
}
.life-tool {
  padding: 15px;
  display: flex;
  margin-bottom: 20px;
}
.life-tool li {
  font-size: 1.6rem;
  text-align: center;
}
.mt-50{
  margin-top: -50px;
}
@media screen and (max-width: 768px){
  .column-content h4,
  .column-content dl,
  .column-content ul{
  padding: 0 10px;
  }
  .colum_info dt,.colum_info dd {
    float: none;
  }
  .colum_info dt{
    width: 120px;
  }
  .colum_info dd{
    width: 100%;
  }
  .life-tool {
    display: block;
  }
}