@charset "utf-8";
.article_text_contents{
  margin: 0 0 min(10.666vw, 80px);
  text-align: justify;
  font-size: clamp(1rem, 0.286rem + 2.86vw, 1.625rem);
  letter-spacing: .025em;
  line-height: 1.9;
  font-weight: var(--font-semibold);
}

.split_columns p{
  margin: 0 0 60px;
}

.split_columns .img_square{
  aspect-ratio: 1 / 1;
}

.split_columns .img_square img{
  width: 100%;
  height: 100%;
  object-fit: contain;
  margin: 0 auto;
}

.article_area .badge_common{
  padding: 0 16px;
  margin: 0 min(4.666vw, 28px) 0 0;
  display: inline-block;
  height: 36px;
  line-height: 36px;
}

.text_opendate::after, .text_update::after{
  font-family: var(--font-en);
  font-size: inherit;
  color: inherit;
  margin: 0 0 0 .5rem;
}

.text_opendate::after{
  content: "OPEN";
}

.text_update::after{
  content: "UP";
}

.article_area .badge_new_vshape::before, .article_area .badge_new_vshape::after{
  bottom: 4px;
}

.article_area .badge_new_vshape::before{
  left: -7px;
}

.article_area .badge_new_vshape::after{
  right: -6px;
}

.article_text_contents h4, .article_text_contents h5{
  font-weight: var(--font-semibold);
  letter-spacing: .1em;
  position: relative;
  padding: 0 0 30px;
  margin: 0 0 30px;
}

.article_text_contents h4{
  font-size: clamp(1.375rem, 0.518rem + 3.43vw, 2.125rem);
  line-height: 1.64;
}

.article_text_contents h5{
  font-size: clamp(1.25rem, 0.536rem + 2.86vw, 1.875rem);
  line-height: 1.8;
}

.article_text_contents h4::after, .article_text_contents h5::after{
  content: "";
  width: 60px;
  height: 3px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.article_text_contents h4::after{
  background-color: var(--color-border-title);
}

.article_text_contents h5::after{
  background-color: var(--color-primary);
}

.article_text_contents p{
  margin: 0;
}

/*
.article_text_contents p{
  text-align: justify;
  font-size: clamp(1rem, 0.286rem + 2.86vw, 1.625rem);
  letter-spacing: .025em;
  line-height: 1.9;
  font-weight: var(--font-semibold);
}*/

.article_area .freespace_contents{
  margin: 0 0 min(20vw, 150px);
  word-break: break-all;
  /*
  text-align: justify;
  font-size: clamp(1rem, 0.286rem + 2.86vw, 1.625rem);
  letter-spacing: .025em;
  line-height: 1.9;
  font-weight: var(--font-semibold);*/
}

.article_area .freespace_contents strong{
  font-size: 108%;
}

.article_area .freespace_contents img{
  display: inline;
}

@media (600px <= width) {
  .article_text_contents h4{
    padding: 0 0 40px;
    margin: 0 0 40px;
  }

  .article_text_contents h4::after{
    width: 90px;
  }
}

@media (1024px < width) {
  .article_text_contents{
    margin: 0 0 80px;
    font-size: 1rem;
    line-height: 2;
  }

  .split_columns{
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-rows: auto 1fr;
    gap: 0 60px;
  }

  .split_columns h4{
    grid-column: 1 / 2;
    grid-row: 1 / 2;
  }
  
  .split_columns p{
    grid-column: 1 / 2;
    grid-row: 2 / 3;
  }
  
  .split_columns .img_square{
    grid-column: 2 / 3;
    grid-row: 1 / 3;
    height: 490px;
  }
  
  .article_text_contents h4{
    font-size: clamp(1.375rem, 0.643rem + 1.14vw, 1.5rem);
    line-height: 1.8;
    padding: 0 0 30px;
    margin: 0 0 30px;
  }

  .article_text_contents h4::after{
    width: 60px;
  }

  .article_text_contents h5{
    font-size: clamp(1.125rem, 0.393rem + 1.14vw, 1.25rem);
    line-height: 1.9;
  }
}