@charset "UTF-8";

.contents-alertarea {
  margin: 13px;
}
@media screen and (min-width: 481px) and (max-width: 768px) {
  .contents-alertarea {
    margin: 21px 34px;
  }
}
@media screen and (min-width: 769px) {
  .contents-alertarea {
    margin: 55px 89px;
  }
}
/**/
.contents-choice {
  display: flex;
  flex-direction: column;
  align-content: stretch;
  margin: 34px 13px;
}
.contents-choice > .choice-section {}
.contents-choice > .choice-section > .section-sign {}
.contents-choice > .choice-section > .section-sign > h2 {
  margin: 0;
  font-size: 161.8%;
  font-weight: normal;
}
.contents-choice > .choice-section > .section-sign > p {
  margin: 1em 0;
  line-height: 1.618;
}
.contents-choice > .choice-section > .section-sign > form {
  margin: 1em 0 2em 0;
}
.contents-choice > .choice-section > .section-sign > .sign-feature {}
.contents-choice > .choice-section > .section-sign > .sign-feature > table {
  margin: 0 -13px;
  border-collapse: separate;
  border-spacing: 13px;
  min-width: 280px;
}
.contents-choice > .choice-section > .section-sign > .sign-feature > table > tbody {}
.contents-choice > .choice-section > .section-sign > .sign-feature > table > tbody > tr {}
.contents-choice > .choice-section > .section-sign > .sign-feature > table > tbody > tr > td {}
.contents-choice > .choice-section > .section-sign > .sign-feature > table > tbody > tr > th {}
.contents-choice > .choice-section > .section-sign > .sign-feature > table > tbody > tr > th > svg {
  border-radius: 3px;
  background-color: rgb(0 0 0 / 5%);  
  padding: 21px;
  block-size: 21px;
  aspect-ratio: 1 / 1;
}
.contents-choice > .choice-section > .section-sign > .sign-feature > table > tbody > tr:nth-child(4n+1) > th > svg {
  color: var(--color-blue);
}
.contents-choice > .choice-section > .section-sign > .sign-feature > table > tbody > tr:nth-child(4n+2) > th > svg {
  color: var(--color-yellow);
}
.contents-choice > .choice-section > .section-sign > .sign-feature > table > tbody > tr:nth-child(4n+3) > th > svg {
  color: var(--color-green);
}
.contents-choice > .choice-section > .section-sign > .sign-feature > table > tbody > tr:nth-child(4n+4) > th > svg {
  color: var(--color-red);
}
.contents-choice > .choice-section:nth-child(1) {
  order: 1;
}
.contents-choice > .choice-section:nth-child(2) {
  order: 3;
}
.contents-choice::after {
  content: "";
  order: 2;
  flex-shrink: 0;
  margin: 13px;
  border: none;
  background-color: rgb(0 0 0 / 10%);
  min-width: 1px;
  min-height: 1px;
}
@media screen and (min-width: 481px) {
  .contents-choice {
    flex-direction: row;
  }
  .contents-choice > .choice-section {
    flex-grow: 1;
    flex-shrink: 1;
    width: 100%;
  }
  .contents-choice.direction\:reverse > .choice-section:nth-child(1) {
    order: 3;
  }
  .contents-choice.direction\:reverse > .choice-section:nth-child(2) {
    order: 1;
  }
}
@media screen and (min-width: 481px) and (max-width: 768px) {
  .contents-choice {
    margin: 34px;
  }
  .contents-choice::after {
    margin: 21px;
  }
}
@media screen and (min-width: 769px) {
  .contents-choice {
    margin: 55px 34px;
  }
  .contents-choice::after {
    margin: 34px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1289px) {
  .contents-choice {
    margin: 89px;
  }
  .contents-choice::after {
    margin: 55px;
  }
}
@media screen and (min-width: 1280px) {
  .contents-choice {
    margin: 144px;
  }
  .contents-choice::after {
    margin: 89px;
  }
}
/**/
.contents-message {
  margin: 34px 13px;
}
.contents-message > h2 {
  margin: 0;
  font-size: 161.8%;
  font-weight: normal;
}
.contents-message > p {
  margin: 1em 0;
  line-height: 1.618;
}
.contents-message > div {}
@media screen and (min-width: 481px) and (max-width: 768px) {
  .contents-message {
    margin: 55px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1289px) {
  .contents-message {
    margin: 89px 144px;
  }
}
@media screen and (min-width: 1280px) {
  .contents-message {
    margin: 144px 233px;
  }
}
/**/
.contents-straight {
  margin: 34px 13px;
}
@media screen and (min-width: 481px) and (max-width: 768px) {
  .contents-straight {
    margin: 55px;
  }
}
@media screen and (min-width: 769px) {
  .contents-straight {
    margin: 89px 144px;
  }
}