.u-mx-auto {
    margin-inline: auto;
}

.u-text-center {
    text-align: center;
}

.u-text-left {
    text-align: left;
}

.u-w-full {
    width: 100%;
}

.u-w-80 {
    width: 80%;
}

.u-w-60 {
    width: 60%;
}

.u-w-50 {
    width: 50%;
}

.u-w-40 {
    width: 40%;
}

.u-w-30 {
    width: 30%;
}

.u-w-20 {
    width: 20%;
}

.sp-only {
    display: none;
}

.u-mt-0 {
    margin-top: 0;
}

.u-mt-1 {
    margin-top: 8px;
}

.u-mt-2 {
    margin-top: 16px;
}

.u-mt-3 {
    margin-top: 24px;
}

.u-mt-4 {
    margin-top: 32px;
}

.u-mt-5 {
    margin-top: 40px;
}

.u-mb-0 {
    margin-bottom: 0;
}

.u-mb-1 {
    margin-bottom: 8px;
}

.u-mb-2 {
    margin-bottom: 16px;
}

.u-mb-3 {
    margin-bottom: 24px;
}

.u-mb-4 {
    margin-bottom: 32px;
}

.u-mb-5 {
    margin-bottom: 40px;
}

.u-ml-0 {
    margin-left: 0;
}

.u-ml-1 {
    margin-left: 8px;
}

.u-ml-2 {
    margin-left: 16px;
}

.u-ml-3 {
    margin-left: 24px;
}

.u-ml-4 {
    margin-left: 32px;
}

.u-ml-5 {
    margin-left: 40px;
}

.u-mr-0 {
    margin-right: 0;
}

.u-mr-1 {
    margin-right: 8px;
}

.u-mr-2 {
    margin-right: 16px;
}

.u-mr-3 {
    margin-right: 24px;
}

.u-mr-4 {
    margin-right: 32px;
}

.u-mr-5 {
    margin-right: 40px;
}

.u-m-0 {
    margin: 0;
}

.u-m-1 {
    margin: 8px;
}

.u-m-2 {
    margin: 16px;
}

.u-m-3 {
    margin: 24px;
}

.u-m-4 {
    margin: 32px;
}

.u-m-5 {
    margin: 40px;
}


@media (max-width:768px) {
    .pc-only {
        display: none;
    }

    .sp-only {
        display: block;
    }
}