@charset "UTF-8";
/* ボタン用 padding (px指定) */

.p-8 {
    padding: 8px;
}

.p-9 {
    padding: 9px;
}

.p-10 {
    padding: 10px;
}

.p-11 {
    padding: 11px;
}

.p-12 {
    padding: 12px;
}

.p-13 {
    padding: 13px;
}

.p-14 {
    padding: 14px;
}

.p-15 {
    padding: 15px;
}

.p-16 {
    padding: 16px;
}

.p-17 {
    padding: 17px;
}

.p-18 {
    padding: 18px;
}

.p-19 {
    padding: 19px;
}

.p-20 {
    padding: 20px;
}

.p-25 {
    padding: 25px;
}

.p-30 {
    padding: 30px;
}

.p-35 {
    padding: 35px;
}

.p-40 {
    padding: 40px;
}

.p-45 {
    padding: 45px;
}

.p-50 {
    padding: 50px;
}

/* padding
--------------------------------------------------------- */

.p-1-5 {
    padding: 0.375rem;
}

@media (min-width:576px) {
    .p-sm-1-5 {
        padding: 0.375rem !important;
    }
}

@media (min-width:768px) {
    .p-md-1-5 {
        padding: 0.375rem !important;
    }
}

.pt-1-5 {
    padding-top: 0.375rem !important;
}

@media (min-width:576px) {
    .pt-sm-1-5 {
        padding-top: 0.375rem !important;
    }
}

@media (min-width:768px) {
    .pt-md-1-5 {
        padding-top: 0.375rem !important;
    }
}

.pr-1-5 {
    padding-right: 0.375rem !important;
}

@media (min-width:576px) {
    .pr-sm-1-5 {
        padding-right: 0.375rem !important;
    }
}

@media (min-width:768px) {
    .pr-md-1-5 {
        padding-right: 0.375rem !important;
    }
}

.pb-1-5 {
    padding-bottom: 0.375rem !important;
}

@media (min-width:576px) {
    .pb-sm-1-5 {
        padding-bottom: 0.375rem !important;
    }
}

@media (min-width:768px) {
    .pb-md-1-5 {
        padding-bottom: 0.375rem !important;
    }
}

.pl-1-5 {
    padding-left: 0.375rem !important;
}

@media (min-width:576px) {
    .pl-sm-1-5 {
        padding-left: 0.375rem !important;
    }
}

@media (min-width:768px) {
    .pl-md-1-5 {
        padding-left: 0.375rem !important;
    }
}

.px-1-5 {
    padding-left: 0.375rem !important;
    padding-right: 0.375rem !important;
}

@media (min-width:576px) {
    .px-sm-1-5 {
        padding-left: 0.375rem !important;
        padding-right: 0.375rem !important;
    }
}

@media (min-width:768px) {
    .px-md-1-5 {
        padding-left: 0.375rem !important;
        padding-right: 0.375rem !important;
    }
}

.py-1-5 {
    padding-bottom: 0.375rem !important;
    padding-top: 0.375rem !important;
}

@media (min-width:576px) {
    .py-sm-1-5 {
        padding-bottom: 0.375rem !important;
        padding-top: 0.375rem !important;
    }
}

@media (min-width:768px) {
    .py-md-1-5 {
        padding-bottom: 0.375rem !important;
        padding-top: 0.375rem !important;
    }
}

.p-2-5 {
    padding: 0.75rem;
}

@media (min-width:576px) {
    .p-sm-2-5 {
        padding: 0.75rem !important;
    }
}

@media (min-width:768px) {
    .p-md-2-5 {
        padding: 0.75rem !important;
    }
}

.pt-2-5 {
    padding-top: 0.75rem !important;
}

@media (min-width:576px) {
    .pt-sm-2-5 {
        padding-top: 0.75rem !important;
    }
}

@media (min-width:768px) {
    .pt-md-2-5 {
        padding-top: 0.75rem !important;
    }
}

.pr-2-5 {
    padding-right: 0.75rem !important;
}

@media (min-width:576px) {
    .pr-sm-2-5 {
        padding-right: 0.75rem !important;
    }
}

@media (min-width:768px) {
    .pr-md-2-5 {
        padding-right: 0.75rem !important;
    }
}

.pb-2-5 {
    padding-bottom: 0.75rem !important;
}

@media (min-width:576px) {
    .pb-sm-2-5 {
        padding-bottom: 0.75rem !important;
    }
}

@media (min-width:768px) {
    .pb-md-2-5 {
        padding-bottom: 0.75rem !important;
    }
}

.pl-2-5 {
    padding-left: 0.75rem !important;
}

@media (min-width:576px) {
    .pl-sm-2-5 {
        padding-left: 0.75rem !important;
    }
}

@media (min-width:768px) {
    .pl-md-2-5 {
        padding-left: 0.75rem !important;
    }
}

.px-2-5 {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
}

@media (min-width:576px) {
    .px-sm-2-5 {
        padding-left: 0.75rem !important;
        padding-right: 0.75rem !important;
    }
}

@media (min-width:768px) {
    .px-md-2-5 {
        padding-left: 0.75rem !important;
        padding-right: 0.75rem !important;
    }
}

.py-2-5 {
    padding-bottom: 0.75rem !important;
    padding-top: 0.75rem !important;
}

@media (min-width:576px) {
    .py-sm-2-5 {
        padding-bottom: 0.75rem !important;
        padding-top: 0.75rem !important;
    }
}

@media (min-width:768px) {
    .py-md-2-5 {
        padding-bottom: 0.75rem !important;
        padding-top: 0.75rem !important;
    }
}

.pl-3 {
    padding-left: 1rem !important;
}

@media (min-width:576px) {
    .pl-sm-3 {
        padding-left: 1rem !important;
    }
}

.p-3-5 {
    padding: 1.25rem;
}

@media (min-width:576px) {
    .p-sm-3-5 {
        padding: 1.25rem !important;
    }
}

@media (min-width:768px) {
    .p-md-3-5 {
        padding: 1.25rem !important;
    }
}

.pt-3-5 {
    padding-top: 1.25rem !important;
}

@media (min-width:576px) {
    .pt-sm-3-5 {
        padding-top: 1.25rem !important;
    }
}

@media (min-width:768px) {
    .pt-md-3-5 {
        padding-top: 1.25rem !important;
    }
}

.pr-3-5 {
    padding-right: 1.25rem !important;
}

@media (min-width:576px) {
    .pr-sm-3-5 {
        padding-right: 1.25rem !important;
    }
}

@media (min-width:768px) {
    .pr-md-3-5 {
        padding-right: 1.25rem !important;
    }
}

.pb-3-5 {
    padding-bottom: 1.25rem !important;
}

@media (min-width:576px) {
    .pb-sm-3-5 {
        padding-bottom: 1.25rem !important;
    }
}

@media (min-width:768px) {
    .pb-md-3-5 {
        padding-bottom: 1.25rem !important;
    }
}

.pl-3-5 {
    padding-left: 1.25rem !important;
}

@media (min-width:576px) {
    .pl-sm-3-5 {
        padding-left: 1.25rem !important;
    }
}

@media (min-width:768px) {
    .pl-md-3-5 {
        padding-left: 1.25rem !important;
    }
}

.px-3-5 {
    padding-left: 0.375rem;
    padding-right: 1.25rem !important;
}

@media (min-width:576px) {
    .px-sm-3-5 {
        padding-left: 1.25rem !important;
        padding-right: 1.25rem !important;
    }
}

@media (min-width:768px) {
    .px-md-3-5 {
        padding-left: 1.25rem !important;
        padding-right: 1.25rem !important;
    }
}

.py-3-5 {
    padding-bottom: 1.25rem !important;
    padding-top: 1.25rem !important;
}

@media (min-width:576px) {
    .py-sm-3-5 {
        padding-bottom: 1.25rem !important;
        padding-top: 1.25rem !important;
    }
}

@media (min-width:768px) {
    .py-md-3-5 {
        padding-bottom: 1.25rem !important;
        padding-top: 1.25rem !important;
    }
}

.p-4-5 {
    padding: 2.25rem !important;
}

@media (min-width:576px) {
    .p-sm-4-5 {
        padding: 2.25rem !important;
    }
}

@media (min-width:768px) {
    .p-md-4-5 {
        padding: 2.25rem !important;
    }
}

.pt-4-5 {
    padding-top: 2.25rem !important;
}

@media (min-width:576px) {
    .pt-sm-4-5 {
        padding-top: 2.25rem !important;
    }
}

@media (min-width:768px) {
    .pt-md-4-5 {
        padding-top: 2.25rem !important;
    }
}

.pr-4-5 {
    padding-right: 2.25rem !important;
}

@media (min-width:576px) {
    .pr-sm-4-5 {
        padding-right: 2.25rem !important;
    }
}

@media (min-width:768px) {
    .pr-md-4-5 {
        padding-right: 2.25rem !important;
    }
}

.pb-4-5 {
    padding-bottom: 2.25rem !important;
}

@media (min-width:576px) {
    .pb-sm-4-5 {
        padding-bottom: 2.25rem !important;
    }
}

@media (min-width:768px) {
    .pb-md-4-5 {
        padding-bottom: 2.25rem !important;
    }
}

.pl-4-5 {
    padding-left: 2.25rem !important;
}

@media (min-width:576px) {
    .pl-sm-4-5 {
        padding-left: 2.25rem !important;
    }
}

@media (min-width:768px) {
    .pl-md-4-5 {
        padding-left: 2.25rem !important;
    }
}

.px-4-5 {
    padding-left: 2.25rem !important;
    padding-right: 2.25rem !important;
}

@media (min-width:576px) {
    .px-sm-4-5 {
        padding-left: 2.25rem !important;
        padding-right: 2.25rem !important;
    }
}

@media (min-width:768px) {
    .px-md-4-5 {
        padding-left: 2.25rem !important;
        padding-right: 2.25rem !important;
    }
}

.py-4-5 {
    padding-bottom: 2.25rem !important;
    padding-top: 2.25rem !important;
}

@media (min-width:576px) {
    .py-sm-4-5 {
        padding-bottom: 2.25rem !important;
        padding-top: 2.25rem !important;
    }
}

@media (min-width:768px) {
    .py-md-4-5 {
        padding-bottom: 2.25rem !important;
        padding-top: 2.25rem !important;
    }
}


/* margin
--------------------------------------------------------- */
.mr-1 {
    margin-right: 0.25rem !important;
}

@media (min-width:768px) {
    .mr-md-1 {
        margin-right: 0.25rem !important;
    }
}

.ml-1 {
    margin-left: 0.25rem !important;
}

@media (min-width:768px) {
    .ml-md-1 {
        margin-left: 0.25rem !important;
    }
}

.m-1-5 {
    margin: 0.375rem !important;
}

@media (min-width:768px) {
    .m-md-1-5 {
        margin: 0.375rem !important;
    }
}

.mt-1-5 {
    margin-top: 0.375rem !important;
}

@media (min-width:768px) {
    .mt-md-1-5 {
        margin-top: 0.375rem !important;
    }
}

.mr-1-5 {
    margin-right: 0.375rem !important;
}

@media (min-width:768px) {
    .mr-md-1-5 {
        margin-right: 0.375rem !important;
    }
}

.mb-1-5 {
    margin-bottom: 0.375rem !important;
}

@media (min-width:768px) {
    .mb-md-1-5 {
        margin-bottom: 0.375rem !important;
    }
}

.ml-1-5 {
    margin-left: 0.375rem !important;
}

@media (min-width:768px) {
    .ml-md-1-5 {
        margin-left: 0.375rem !important;
    }
}

.mx-1-5 {
    margin-left: 0.375rem;
    margin-right: 0.375rem !important;
}

@media (min-width:768px) {
    .mx-md-1-5 {
        margin-left: 0.375rem !important;
        margin-right: 0.375rem !important;
    }
}

.my-1-5 {
    margin-bottom: 0.375rem !important;
    margin-top: 0.375rem !important;
}

@media (min-width:768px) {
    .my-md-1-5 {
        margin-bottom: 0.375rem !important;
        margin-top: 0.375rem !important;
    }
}

.mr-2 {
    margin-right: 0.5rem !important;
}

@media (min-width:768px) {
    .mr-md-2 {
        margin-right: 0.5rem !important;
    }
}

.m-2-5 {
    margin: 0.75rem !important;
}

@media (min-width:768px) {
    .m-md-2-5 {
        margin: 0.75rem !important;
    }
}

.mt-2-5 {
    margin-top: 0.75rem !important;
}

@media (min-width:768px) {
    .mt-md-2-5 {
        margin-top: 0.75rem !important;
    }
}

.mr-2-5 {
    margin-right: 0.75rem !important;
}

@media (min-width:768px) {
    .mr-md-2-5 {
        margin-right: 0.75rem !important;
    }
}

.mb-2-5 {
    margin-bottom: 0.75rem !important;
}

@media (min-width:768px) {
    .mb-md-2-5 {
        margin-bottom: 0.75rem !important;
    }
}

.ml-2-5 {
    margin-left: 0.75rem !important;
}

@media (min-width:768px) {
    .ml-md-2-5 {
        margin-left: 0.75rem !important;
    }
}

.mx-2-5 {
    margin-left: 0.75rem !important;
    margin-right: 0.75rem !important;
}

@media (min-width:768px) {
    .mx-md-2-5 {
        margin-left: 0.75rem !important;
        margin-right: 0.75rem !important;
    }
}

.my-2-5 {
    margin-bottom: 0.75rem !important;
    margin-top: 0.75rem !important;
}

@media (min-width:768px) {
    .my-md-2-5 {
        margin-bottom: 0.75rem !important;
        margin-top: 0.75rem !important;
    }
}

.m-3-5 {
    margin: 1.25rem !important;
}

@media (min-width:768px) {
    .m-md-3-5 {
        margin: 1.25rem !important;
    }
}

.mt-3-5 {
    margin-top: 1.25rem !important;
}

@media (min-width:768px) {
    .mt-md-3-5 {
        margin-top: 1.25rem !important;
    }
}

.mr-3-5 {
    margin-right: 1.25rem !important;
}

@media (min-width:768px) {
    .mr-md-3-5 {
        margin-right: 1.25rem !important;
    }
}

.mr-3 {
    margin-right: 1rem !important;
}

@media (min-width:768px) {
    .mr-md-3 {
        margin-right: 1rem !important;
    }
}

.mb-3-5 {
    margin-bottom: 1.25rem !important;
}

@media (min-width:768px) {
    .mb-md-3-5 {
        margin-bottom: 1.25rem !important;
    }
}

.ml-3-5 {
    margin-left: 1.25rem !important;
}

@media (min-width:768px) {
    .ml-md-3-5 {
        margin-left: 1.25rem !important;
    }
}

.mx-3-5 {
    margin-left: 1.25rem !important;
    margin-right: 1.25rem !important;
}

@media (min-width:768px) {
    .mx-md-3-5 {
        margin-left: 1.25rem !important;
        margin-right: 1.25rem !important;
    }
}

.my-3-5 {
    margin-bottom: 1.25rem !important;
    margin-top: 1.25rem !important;
}

@media (min-width:768px) {
    .my-md-3-5 {
        margin-bottom: 1.25rem !important;
        margin-top: 1.25rem !important;
    }
}

.mr-4 {
    margin-right: 1.5rem !important;
}

@media (min-width:768px) {
    .mr-md-4 {
        margin-right: 1.5rem !important;
    }
}

.m-4-5 {
    margin: 2.25rem !important;
}

@media (min-width:768px) {
    .m-md-4-5 {
        margin: 2.25rem !important;
    }
}

.mt-4-5 {
    margin-top: 2.25rem !important;
}

@media (min-width:768px) {
    .mt-md-4-5 {
        margin-top: 2.25rem !important;
    }
}

.mr-4-5 {
    margin-right: 2.25rem !important;
}

@media (min-width:768px) {
    .mr-md-4-5 {
        margin-right: 2.25rem !important;
    }
}

.mb-4-5 {
    margin-bottom: 2.25rem !important;
}

@media (min-width:768px) {
    .mb-md-4-5 {
        margin-bottom: 2.25rem !important;
    }
}

.ml-4-5 {
    margin-left: 2.25rem !important;
}

@media (min-width:768px) {
    .ml-md-4-5 {
        margin-left: 2.25rem !important;
    }
}

.mx-4-5 {
    margin-left: 2.25rem;
    margin-right: 2.25rem !important;
}

@media (min-width:768px) {
    .mx-md-4-5 {
        margin-left: 2.25rem !important;
        margin-right: 2.25rem !important;
    }
}

.my-4-5 {
    margin-bottom: 2.25rem !important;
    margin-top: 2.25rem !important;
}

@media (min-width:768px) {
    .my-md-4-5 {
        margin-bottom: 2.25rem !important;
        margin-top: 2.25rem !important;
    }
}

@media (min-width:768px) {
    .mt-md-0 {
        margin-top: 0 !important;
    }
}

@media (min-width:768px) {
    .mb-md-0 {
        margin-bottom: 0 !important;
    }
}

@media (min-width:768px) {
    .mr-md-0 {
        margin-right: 0 !important;
    }
}

@media (min-width:768px) {
    .ml-md-0 {
        margin-left: 0 !important;
    }
}


/* width
--------------------------------------------------------- */
.w-5 {
    width: 5% !important;
}

.w-8 {
    width: 8% !important;
}

.w-10 {
    width: 10% !important;
}

.w-13 {
    width: 13% !important;
}

.w-14 {
    width: 14% !important;
}

.w-17 {
    width: 17% !important;
}

.w-20 {
    width: 20% !important;
}

.w-22 {
    width: 22% !important;
}

.w-24 {
    width: 24% !important;
}

.w-25 {
    width: 25% !important;
}

.w-30 {
    width: 30% !important;
}

.w-32 {
    width: 32% !important;
}

.w-33 {
    width: 33% !important;
}

.w-35 {
    width: 35% !important;
}

.w-40 {
    width: 40% !important;
}

.w-45 {
    width: 45% !important;
}

.w-48 {
    width: 48% !important;
}

.w-55 {
    width: 55% !important;
}

.w-60 {
    width: 60% !important;
}

.w-65 {
    width: 65% !important;
}

.w-70 {
    width: 70% !important;
}

.w-80 {
    width: 80% !important;
}

.w-85 {
    width: 85% !important;
}

.w-90 {
    width: 90% !important;
}

.w-95 {
    width: 95% !important;
}


/* ブラウザ幅576px以上 */

@media (min-width:576px) {
    .w-sm-20 {
        width: 20% !important;
    }
}

@media (min-width:576px) {
    .w-sm-24 {
        width: 24% !important;
    }
}

@media (min-width:576px) {
    .w-sm-25 {
        width: 25% !important;
    }
}

@media (min-width:576px) {
    .w-sm-30 {
        width: 30% !important;
    }
}

@media (min-width:576px) {
    .w-sm-32 {
        width: 32% !important;
    }
}

@media (min-width:576px) {
    .w-sm-35 {
        width: 35% !important;
    }
}

@media (min-width:576px) {
    .w-sm-40 {
        width: 40% !important;
    }
}

@media (min-width:576px) {
    .w-sm-45 {
        width: 45% !important;
    }
}

@media (min-width:576px) {
    .w-sm-48 {
        width: 48% !important;
    }
}

@media (min-width:576px) {
    .w-sm-50 {
        width: 50% !important;
    }
}

@media (min-width:576px) {
    .w-sm-55 {
        width: 55% !important;
    }
}

@media (min-width:576px) {
    .w-sm-60 {
        width: 60% !important;
    }
}

@media (min-width:576px) {
    .w-sm-65 {
        width: 65% !important;
    }
}

@media (min-width:576px) {
    .w-sm-70 {
        width: 70% !important;
    }
}

@media (min-width:576px) {
    .w-sm-75 {
        width: 75% !important;
    }
}

@media (min-width:576px) {
    .w-sm-80 {
        width: 80% !important;
    }
}

@media (min-width:576px) {
    .w-sm-85 {
        width: 85% !important;
    }
}

@media (min-width:576px) {
    .w-sm-90 {
        width: 90% !important;
    }
}

@media (min-width:576px) {
    .w-sm-95 {
        width: 95% !important;
    }
}

@media (min-width:576px) {
    .w-sm-100 {
        width: 100% !important;
    }
}


/* ブラウザ幅768px以上 */

@media (min-width:768px) {
    .w-md-20 {
        width: 20% !important;
    }
}

@media (min-width:768px) {
    .w-md-24 {
        width: 24% !important;
    }
}

@media (min-width:768px) {
    .w-md-25 {
        width: 25% !important;
    }
}

@media (min-width:768px) {
    .w-md-30 {
        width: 30% !important;
    }
}

@media (min-width:768px) {
    .w-md-32 {
        width: 32% !important;
    }
}

@media (min-width:768px) {
    .w-md-35 {
        width: 35% !important;
    }
}

@media (min-width:768px) {
    .w-md-40 {
        width: 40% !important;
    }
}

@media (min-width:768px) {
    .w-md-45 {
        width: 45% !important;
    }
}

@media (min-width:768px) {
    .w-md-48 {
        width: 48% !important;
    }
}

@media (min-width:768px) {
    .w-md-50 {
        width: 50% !important;
    }
}

@media (min-width:768px) {
    .w-md-55 {
        width: 55% !important;
    }
}

@media (min-width:768px) {
    .w-md-60 {
        width: 60% !important;
    }
}

@media (min-width:768px) {
    .w-md-65 {
        width: 65% !important;
    }
}

@media (min-width:768px) {
    .w-md-70 {
        width: 70% !important;
    }
}

@media (min-width:768px) {
    .w-md-75 {
        width: 75% !important;
    }
}

@media (min-width:768px) {
    .w-md-80 {
        width: 80% !important;
    }
}

@media (min-width:768px) {
    .w-md-85 {
        width: 85% !important;
    }
}

@media (min-width:768px) {
    .w-md-90 {
        width: 90% !important;
    }
}

@media (min-width:768px) {
    .w-md-95 {
        width: 95% !important;
    }
}

@media (min-width:768px) {
    .w-md-100 {
        width: 100% !important;
    }
}

/* モーダル用start */
.modal-ssm {
    --bs-modal-width: 240px !important;
}
.modal-400p {
	--bs-modal-width: 400px;
}
.modal-480p {
	--bs-modal-width: 480px;
}
.modal-960p {
	--bs-modal-width: 960px;
}
.modal-980p {
	--bs-modal-width: 980px;
}
.modal-1200p {
	--bs-modal-width: 1200px;
}
.modal-1140p-800p {
    --bs-modal-width: 1140px; 
    --bs-modal-height: 800px;
}
/* モーダル用end */