@charset "UTF-8";
/*=======================================================
MV
=======================================================*/
/* ヘッダー下MV */
.bl_lower_mv_ttl::after {
  width: 48px;
  background: url(../images/legal/ttl_legal.svg) top center/contain no-repeat;
}
@media screen and (max-width: 750px) {
  .bl_lower_mv_ttlWrapper::before, .bl_lower_mv_ttlWrapper::after {
    bottom: -40px;
  }
  .bl_lower_mv_ttl .single_word:not(:first-of-type) {
    margin-left: 5px;
  }
  .bl_lower_mv_ttl::after {
    width: 72px;
  }
}
/*=======================================================
LEGAL
=======================================================*/
.bl_legal {
  padding: 40px 0 64px;
}
.bl_legal_def {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.bl_legal_def > div {
  width: 100%;
  border-bottom: 1px solid #cccccc;
  display: flex;
  padding-bottom: 20px;
}
.bl_legal_def > div > dt {
  width: 300px;
  font-weight: 700;
  color: #2da6de;
}
.bl_legal_def > div > dd {
  flex: 1;
}
.bl_legal_def > div > dd > a {
  color: #0000ff;
  text-decoration: underline;
}
.bl_legal .bl_bulletList {
  margin-top: 8px;
  gap: 8px;
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 750px) {
  .bl_legal {
    padding: 48px 0 80px;
  }
  .bl_legal_def {
    gap: 30px;
  }
  .bl_legal_def > div {
    border-width: 2px;
    padding-bottom: 30px;
    flex-direction: column;
    gap: 12px;
  }
  .bl_legal_def > div > dt {
    width: 100%;
  }
  .bl_legal .bl_bulletList {
    margin-top: 12px;
    gap: 12px;
  }
}