@charset "UTF-8";
/*=======================================================
common
=======================================================*/
.bl_lower_mv_ttl::after {
  content: "legal";
}

@media screen and (max-width: 750px) {
  .bl_lower_mv_ttl {
    padding-top: 136px;
  }
}
/*=======================================================
legal
=======================================================*/
.bl_legal {
  padding: 40px 0 56px;
}
.bl_legal_def {
  background: #ecf5f4;
  position: relative;
  padding: 56px 40px;
}
.bl_legal_def::after {
  position: absolute;
  content: "";
  width: calc(100% - 16px);
  height: calc(100% - 28px);
  border: 1px solid #7c6522;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.bl_legal_dwrap {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 230px 1fr;
  padding: 16px 0;
  border-bottom: 1px solid #7c6522;
  line-height: calc(25/17);
}
.bl_legal_dwrap:first-of-type {
  padding-top: 0;
}
.bl_legal_dwrap:last-of-type {
  border-bottom: none;
  padding-bottom: 0;
}
.bl_legal_dttl_sub {
  font-size: 15px;
  display: block;
}
.bl_legal_ditem {
  display: grid;
  gap: 1.5em;
}
.bl_legal_ditem .bl_bullet_item {
  display: grid;
  grid-template-columns: auto 1fr;
}
.bl_legal_ditem .bl_bullet_item::before {
  content: "・";
}
.bl_legal_ditem .bl_num_list {
  display: grid;
  gap: 1em;
  counter-reset: num;
}
.bl_legal_ditem .bl_num_item {
  counter-increment: num;
  position: relative;
  display: grid;
  grid-template-columns: auto 1fr;
}
.bl_legal_ditem .bl_num_item::before {
  content: "（" counter(num) "）";
}
.bl_legal_ditem .bl_num_item_inner {
  display: grid;
  gap: 1.5em;
}

@media screen and (max-width: 750px) {
  .bl_legal {
    padding: 48px 0 80px;
  }
  .bl_legal_def {
    padding: 40px 32px;
  }
  .bl_legal_def::after {
    width: calc(100% - 16px);
    height: calc(100% - 24px);
    border-width: 2px;
  }
  .bl_legal_dwrap {
    padding: 24px 0;
    border-width: 2px;
  }
  .bl_legal_dttl_sub {
    font-size: 24px;
  }
}