@charset 'UTF-8';
/*----------------------------------------

	- information

-----------------------------------------*/
.information {
  margin-block-start: 48px;
  max-width: 800px;
}

.information .date {
  color: var(--color_cmn-text-2);
  font-size: var(--font-size14);
  font-weight: var(--font-weight400);
  line-height: var(--line-height175);
  letter-spacing: var(--letter-spacing005);
  text-align: right;
  margin-block-start: 16px;
}

.information .notice {
  margin-block-start: 16px;
}

.information .notice p {
  color: var(--color_cmn-text-1);
  font-size: var(--font-size16);
  font-weight: var(--font-weight400);
  line-height: var(--line-height175);
  letter-spacing: var(--letter-spacing005);
}

.information .notice p + p {
  margin-block-start: 1lh;
}

.information p:has([class*='btn']) {
  width: fit-content;
  margin-inline: auto;
  margin-block-start: 48px;
}

@media screen and (max-width: 800px) {
  .information {
    margin-block-start: 33px;
  }

  .information p:has([class*='btn']) {
    max-width: 280px;
    width: 100%;
  }
}