@charset "utf-8";

/*---------------------------------------
contents1
---------------------------------------*/
.contents_area .contents_area_box {
  width: 556px;
  margin: 0 auto 45px auto;
}

.contents_area .contents_area_box dl {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.contents_area .contents_area_box dl dt {
  width: 16%;
}
.contents_area .contents_area_box dl dd {
  width: 82%;
  margin-left: 2%;
}


@media screen and (max-width:767px) {
  .contents_area {
    width: 100%;
    padding: 5% 0 10% 0;
  }
  .contents_area .contents_area_box {
    width: calc(100% - 5.33% - 5.33%);
    margin: 0 auto 5% auto;
  }
  .contents_area .contents_area_box dl dt {
    width: 100%;
  }
  .contents_area .contents_area_box dl dd {
    width: 90%;
    margin-left: 10%;
  }
}