@charset "UTF-8";

.main__title {
    margin-bottom: 5.333vw;
}
.system {
    padding-inline: 1.333vw;
}
.system__title {
    margin-bottom: 2.667vw;
    padding-bottom: 1.333vw;
    font-size: 3.733vw;
    font-weight: bold;
    color: #FF3366;
    border-bottom: 1px solid #FF3366;
}
.system__wrap {
    display: flex;
    flex-direction: column;
    gap: 5.333vw;
}
.system__items {
    display: flex;
    flex-direction: column;
    gap: 2.667vw;
}
.system__item {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.333vw;
}
.system__item__title,
.system__item__text {
    padding: 1.333vw;
    border: 1px solid var(--color-gold);
    font-size: 3.733vw;
    color: var(--color-gray);
}
.system__item__title {
    display: grid;
    align-items: center;
    text-align: center;
    background: #FFF0F7;
}
.system__items--center .system__item__text {
    text-align: center;
}
.system__ask {
    margin-top: 5.333vw;
}
.system__ask__items {
    margin-bottom: 5.333vw;
}
.system__ask__item {
    color: #FF3366;
    font-size: 3.467vw;
}
.system__ask__item:before {
    content: "※";
}
.system__ask__text {
    font-size: 3.467vw;
    color: var(--color-gray);
}
.system__note__items {
    margin-bottom: 5.333vw;
}
.system__note__item {
    display: flex;
    font-size: 3.467vw;
    color: var(--color-gray);
}
.system__note__item:before {
    content: "・";
}
.system__note__text {
    margin-bottom: 10.667vw;
    color: #FF3366;
    font-size: 3.467vw;
}