@charset "utf-8";

/* inner */
.artcle_inner {
  position: relative;
  margin-inline: auto;
}
@media (min-width: 769px) {
  .artcle_inner {
    max-width: 1440px;
    padding-inline: 40px;
  }
}
@media (max-width: 768px) {
}

/* mv */
.underlayer_mv_category_name {
  font-weight: 500;
  line-height: 1;
  position: relative;
}
.underlayer_mv_category_name::after {
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: var(--color-black);
}
.underlayer_mv_category_ttl {
  line-height: 1.4;
}
.underlayer_mv_txt_sub {
  font-size: 16rem;
}
@media (min-width: 769px) {
  .underlayer_mv::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin-inline: auto;
    border-top: 1px solid var(--color-gray-20);
    width: calc(100% - min(40rem, 40px) * 2);
  }
  .underlayer_mv_category_name {
    font-size: 18rem;
    margin-bottom: 10rem;
    padding-bottom: 10rem;
  }
  .underlayer_mv_category_name::after {
    width: 15rem;
  }
  .underlayer_mv_category_ttl {
    font-size: 14rem;
  }
  .underlayer_mv_txt_sub {
    line-height: 1.7;
    margin-top: 40rem;
  }
}
@media (max-width: 768px) {
  .underlayer_mv_category_name {
    font-size: 15rem;
    margin-bottom: 8rem;
    padding-bottom: 8rem;
  }
  .underlayer_mv_category_name::after {
    width: 12rem;
  }
  .underlayer_mv_category_ttl {
    font-size: 12rem;
  }
  .underlayer_mv_txt_sub {
    line-height: 1.5;
    margin-top: 5rem;
    font-weight: 400;
  }
}