a {
    text-decoration: none;
    color: initial;
}

.css-1sojuix {
    -webkit-box-align: center;
    align-items: center;
    background-color: rgb(53, 53, 53);
    color: rgb(255, 255, 255);
    display: flex;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    padding: 48px;
}

.css-joe3i3 {
    max-width: 1440px;
    margin-bottom: 24px;
    width: 100%;
}

@media (min-width: 900px) {
    .css-1bw857a {
        flex-direction: row;
    }
}

@media (min-width: 0px) {
    .css-1bw857a {
        flex-direction: column;
    }
}

.css-1bw857a {
    box-sizing: border-box;
    flex-flow: wrap;
    margin-top: -24px;
    width: calc(100% + 24px);
    margin-left: -24px;
    display: flex;
}

.css-1fy7u4i {
    box-sizing: border-box;
    margin: 0px;
    flex-basis: 33.3333%;
    -webkit-box-flex: 0;
    flex-grow: 0;
    max-width: 33.3333%;
    flex-direction: column;
}

@media (min-width: 0px) {
    .css-1fy7u4i {
        display: none;
    }
}

@media (min-width: 900px) {
    .css-1fy7u4i {
        display: flex;
    }
}

@media (min-width: 600px) {
    .css-1fy7u4i {
        flex-basis: 33.3333%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 33.3333%;
    }
}

@media (min-width: 900px) {
    .css-1fy7u4i {
        flex-basis: 33.3333%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 33.3333%;
    }
}

.css-1lhge53 {
    margin: 24px 0px;
    flex-shrink: 0;
    border-width: 0px 0px thin;
    border-style: solid;
    background-color: rgb(232, 231, 231);
    border-color: rgb(232, 231, 231);
}

.css-1qyi718 {
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    max-width: 100%;
}

.css-eyk667 {
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    width: 220px;
}

.css-1bw857a>.MuiGrid-item {
    padding-left: 24px;
}

.css-1bw857a>.MuiGrid-item {
    padding-top: 24px;
}

.css-19egsyp {
    box-sizing: border-box;
    margin: 0px;
    flex-direction: row;
    flex-basis: 100%;
    -webkit-box-flex: 0;
    flex-grow: 0;
    max-width: 100%;
}

@media (min-width: 600px) {
    .css-19egsyp {
        flex-basis: 100%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 100%;
    }
}

@media (min-width: 900px) {
    .css-19egsyp {
        flex-basis: 33.3333%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 33.3333%;
    }
}

.css-gl38fy>.MuiGrid-item {
    padding-left: 48px;
}

.css-gl38fy>.MuiGrid-item {
    padding-top: 48px;
}

.css-1khoyp0 {
    box-sizing: border-box;
    flex-flow: wrap;
    margin-top: -24px;
    width: calc(100% + 24px);
    display: flex;
}

@media (min-width: 900px) {
    .css-1khoyp0 {
        margin-left: -24px;
    }

    .css-1khoyp0>.MuiGrid-item {
        padding-left: 24px;
    }

    .css-1khoyp0>.MuiGrid-item {
        padding-top: 24px;
    }
}

.css-14w4kcq {
    box-sizing: border-box;
    display: flex;
    flex-flow: wrap;
    width: 100%;
}

.css-e0ioir {
    box-sizing: border-box;
    margin: 0px;
    flex-basis: 50%;
    -webkit-box-flex: 0;
    flex-grow: 0;
    max-width: 50%;
    gap: 12px;
    display: flex;
    flex-direction: column;
}

@media (min-width: 600px) {
    .css-e0ioir {
        flex-basis: 50%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 50%;
    }
}

@media (min-width: 900px) {
    .css-e0ioir {
        flex-basis: 50%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 50%;
    }
}

.css-odcz8e {
    margin: 0px;
    font-family: "Noto Sans JP";
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.5rem;
    letter-spacing: 0.02rem;
    color: rgb(255, 255, 255);
}

@media (min-width: 0px) {
    .css-odcz8e {
        font-size: clamp(0.5rem, 3.3vw, 0.875rem);
    }
}

@media (min-width: 900px) {
    .css-odcz8e {
        font-size: 0.875rem;
    }
}

.css-unzmui {
    margin: 0px;
    font-family: "Noto Sans JP";
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: 0.00938em;
    color: rgb(255, 255, 255);
    font-weight: 400;
}

.css-1gt6r3b {
    margin: 0px;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: 0.00938em;
    color: rgb(255, 255, 255);
    font-family: Archivo;
    font-weight: 400;
}

.css-1zvkju {
    margin: 0px;
    font-family: "Noto Sans JP";
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.5rem;
    letter-spacing: 0.02rem;
    color: rgb(255, 255, 255);
}

.css-jwe5p0 {
    margin: 0px;
    font-family: "Noto Sans JP";
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.5rem;
    letter-spacing: 0.02rem;
    color: rgb(255, 255, 255);
}

@media (min-width: 0px) {
    .css-jwe5p0 {
        font-size: clamp(0.5rem, 3.7vw, 0.875rem);
    }
}


.css-1yaxgtb {
    margin: 12px 0px;
    flex-shrink: 0;
    border-width: 0px 0px thin;
    border-style: solid;
    background-color: rgb(232, 231, 231);
    border-color: rgb(232, 231, 231);
}

.css-1bw857a>.MuiGrid-item {
    padding-left: 24px;
}

.css-1bw857a>.MuiGrid-item {
    padding-top: 24px;
}

@media (max-width: 900px) {
    /* .css-1bw857a>.MuiGrid-item {
        padding-left: 48px;
    } */

    .css-1bw857a>.MuiGrid-item {
        padding-top: 48px;
    }
}

.css-ldvvyc {
    box-sizing: border-box;
    margin: 0px 20px 24px;
    flex-basis: 100%;
    -webkit-box-flex: 0;
    flex-grow: 0;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    max-width: 100%;
}

@media (min-width: 0px) {
    .css-ldvvyc {
        display: flex;
    }
}

@media (min-width: 600px) {
    .css-ldvvyc {
        flex-basis: 100%;
        -webkit-box-flex: 0;
        flex-grow: 0;
        max-width: 100%;
    }
}

@media (min-width: 900px) {
    .css-ldvvyc {
        display: none;
    }
}

.css-1a4bdub {
    margin: 24px 0px 0px;
    flex-shrink: 0;
    display: flex;
    white-space: nowrap;
    text-align: center;
    border-width: 0px;
    border-right-style: initial;
    border-bottom-style: initial;
    border-color: initial;
    border-image: initial;
    border-top-style: solid;
    border-left-style: solid;
    width: 100%;
}

.css-1a4bdub::before {
    background: rgb(255, 255, 255);
}

.css-1a4bdub::after {
    background: rgb(255, 255, 255);
}

.css-1a4bdub::before, .css-1a4bdub::after {
    width: 100%;
    border-top-width: thin;
    border-top-color: rgba(0, 0, 0, 0.12);
    border-top-style: inherit;
}

.css-1a4bdub::before, .css-1a4bdub::after {
    content: "";
    align-self: center;
}

.css-c1ovea {
    display: inline-block;
    padding-left: calc(9.6px);
    padding-right: calc(9.6px);
}

.css-irp5kk {
    display: flex;
    flex-flow: wrap;
    -webkit-box-pack: center;
    justify-content: center;
}

.css-a6pae5 {
    display: flex;
    flex-flow: row;
    -webkit-box-pack: center;
    justify-content: center;
}

@media (max-width: 900px) {
    .css-a6pae5 {
        flex-flow: wrap;
    }
}

.css-nea82a {
    margin: 0px;
    font-family: "Noto Sans JP";
    font-weight: 400;
    font-size: 0.75rem;
    line-height: 1rem;
    letter-spacing: 0.02rem;
    color: rgb(255, 255, 255);
    min-width: 170px;
}

.css-11exhjr {
    margin: 0px;
    font-family: "Noto Sans JP";
    font-weight: 400;
    font-size: 0.75rem;
    line-height: 1rem;
    letter-spacing: 0.02rem;
    color: rgb(255, 255, 255);
    min-width: max-content;
}

.css-xpnlmu {
    margin: 0px;
    font-family: "Noto Sans JP";
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.5rem;
    letter-spacing: 0.02rem;
    color: rgb(230, 35, 42);
}

@media (min-width: 0px) {
    .css-xpnlmu {
        font-size: clamp(0.5rem, 3.3vw, 0.875rem);
    }
}

@media (min-width: 0px) {
    .css-xpnlmu {
        font-size: clamp(0.5rem, 3.3vw, 0.875rem);
    }
}