@charset "utf-8";

/*-- lg - w992 --*/
@media screen and (max-width: 992px) {
    .lg_center {
        text-align: center !important;
    }

    .lg_left {
        text-align: left !important;
    }

    .lg_right {
        text-align: right !important;
    }
}

/*-- md - w768 --*/
@media screen and (max-width: 768px) {
    .md_center {
        text-align: center !important;
    }

    .md_left {
        text-align: left !important;
    }

    .md_right {
        text-align: right !important;
    }
}

/*-- sm - w576 --*/
@media screen and (max-width: 576px) {
    .sm_center {
        text-align: center !important;
    }

    .sm_left {
        text-align: left !important;
    }

    .sm_right {
        text-align: right !important;
    }
}



/* flex-box 関係 */
.flex {
    display: flex !important;
}

.fd_row {
    flex-direction: row !important;
}

.fd_row_rev {
    flex-direction: row-reverse !important;
}

.fd_col {
    flex-direction: column !important;
}

.fd_col_rev {
    flex-direction: column-reverse !important;
}

.fw_wrap {
    flex-wrap: wrap !important;
}

.fw_nowrap {
    flex-wrap: nowrap !important;
}

.jc_start {
    justify-content: flex-start !important;
}

.jc_end {
    justify-content: flex-end !important;
}

.jc_center {
    justify-content: center !important;
}

.jc_around {
    justify-content: space-around !important;
}

.jc_between {
    justify-content: space-between !important;
}

.ai_start {
    align-items: flex-start !important;
}

.ai_end {
    align-items: flex-end !important;
}

.ai_center {
    align-items: center !important;
}

.ai_baseline {
    align-items: baseline !important;
}

.ai_stretch {
    align-items: stretch !important;
}

/*-- lg - w992 --*/
@media screen and (max-width: 992px) {
    .lg_flex {
        display: flex !important;
    }

    .lg_fd_row {
        flex-direction: row !important;
    }

    .lg_fd_row_rev {
        flex-direction: row-reverse !important;
    }

    .lg_fd_col {
        flex-direction: column !important;
    }

    .lg_fd_col_rev {
        flex-direction: column-reverse !important;
    }

    .lg_fw_wrap {
        flex-wrap: wrap !important;
    }

    .lg_fw_nowrap {
        flex-wrap: nowrap !important;
    }

    .lg_jc_start {
        justify-content: flex-start !important;
    }

    .lg_jc_end {
        justify-content: flex-end !important;
    }

    .lg_jc_center {
        justify-content: center !important;
    }

    .lg_jc_around {
        justify-content: space-around !important;
    }

    .lg_jc_between {
        justify-content: space-between !important;
    }

    .lg_ai_start {
        align-items: flex-start !important;
    }

    .lg_ai_end {
        align-items: flex-end !important;
    }

    .lg_ai_center {
        align-items: center !important;
    }

    .lg_ai_baseline {
        align-items: baseline !important;
    }

    .lg_ai_stretch {
        align-items: stretch !important;
    }
}

/*-- md - w768 --*/
@media screen and (max-width: 768px) {
    .md_flex {
        display: flex !important;
    }

    .md_fd_row {
        flex-direction: row !important;
    }

    .md_fd_row_rev {
        flex-direction: row-reverse !important;
    }

    .md_fd_col {
        flex-direction: column !important;
    }

    .md_fd_col_rev {
        flex-direction: column-reverse !important;
    }

    .md_fw_wrap {
        flex-wrap: wrap !important;
    }

    .md_fw_nowrap {
        flex-wrap: nowrap !important;
    }

    .md_jc_start {
        justify-content: flex-start !important;
    }

    .md_jc_end {
        justify-content: flex-end !important;
    }

    .md_jc_center {
        justify-content: center !important;
    }

    .md_jc_around {
        justify-content: space-around !important;
    }

    .md_jc_between {
        justify-content: space-between !important;
    }

    .md_ai_start {
        align-items: flex-start !important;
    }

    .md_ai_end {
        align-items: flex-end !important;
    }

    .md_ai_center {
        align-items: center !important;
    }

    .md_ai_baseline {
        align-items: baseline !important;
    }

    .md_ai_stretch {
        align-items: stretch !important;
    }
}

/*-- sm - w576 --*/
@media screen and (max-width: 576px) {
    .sm_flex {
        display: flex !important;
    }

    .sm_fd_row {
        flex-direction: row !important;
    }

    .sm_fd_row_rev {
        flex-direction: row-reverse !important;
    }

    .sm_fd_col {
        flex-direction: column !important;
    }

    .sm_fd_col_rev {
        flex-direction: column-reverse !important;
    }

    .sm_fw_wrap {
        flex-wrap: wrap !important;
    }

    .sm_fw_nowrap {
        flex-wrap: nowrap !important;
    }

    .sm_jc_start {
        justify-content: flex-start !important;
    }

    .sm_jc_end {
        justify-content: flex-end !important;
    }

    .sm_jc_center {
        justify-content: center !important;
    }

    .sm_jc_around {
        justify-content: space-around !important;
    }

    .sm_jc_between {
        justify-content: space-between !important;
    }

    .sm_ai_start {
        align-items: flex-start !important;
    }

    .sm_ai_end {
        align-items: flex-end !important;
    }

    .sm_ai_center {
        align-items: center !important;
    }

    .sm_ai_baseline {
        align-items: baseline !important;
    }

    .sm_ai_stretch {
        align-items: stretch !important;
    }
}



.m10 {
    margin: 10px !important;
}

.m20 {
    margin: 20px !important;
}

.m40 {
    margin: 40px !important;
}

.m60 {
    margin: 60px !important;
}

.m80 {
    margin: 80px !important;
}

.m100 {
    margin: 100px !important;
}

@media screen and (max-width: 992px) {
    .lg_m10 {
        margin: 10px !important;
    }

    .lg_m20 {
        margin: 20px !important;
    }

    .lg_m40 {
        margin: 40px !important;
    }

    .lg_m60 {
        margin: 60px !important;
    }

    .lg_m80 {
        margin: 80px !important;
    }

    .lg_m100 {
        margin: 100px !important;
    }
}

@media screen and (max-width: 768px) {
    .md_m10 {
        margin: 10px !important;
    }

    .md_m20 {
        margin: 20px !important;
    }

    .md_m40 {
        margin: 40px !important;
    }

    .md_m60 {
        margin: 60px !important;
    }

    .md_m80 {
        margin: 80px !important;
    }

    .md_m100 {
        margin: 100px !important;
    }
}

@media screen and (max-width: 576px) {
    .sm_m10 {
        margin: 10px !important;
    }

    .sm_m20 {
        margin: 20px !important;
    }

    .sm_m40 {
        margin: 40px !important;
    }

    .sm_m60 {
        margin: 60px !important;
    }

    .sm_m80 {
        margin: 80px !important;
    }

    .sm_m100 {
        margin: 100px !important;
    }
}

.mt10 {
    margin-top: 10px !important;
}

.mt20 {
    margin-top: 20px !important;
}

.mt40 {
    margin-top: 40px !important;
}

.mt60 {
    margin-top: 60px !important;
}

.mt80 {
    margin-top: 80px !important;
}

@media screen and (max-width: 992px) {
    .lg_mt10 {
        margin-top: 10px !important;
    }

    .lg_mt20 {
        margin-top: 20px !important;
    }

    .lg_mt40 {
        margin-top: 40px !important;
    }

    .lg_mt60 {
        margin-top: 60px !important;
    }

    .lg_mt80 {
        margin-top: 80px !important;
    }

    .lg_mt100 {
        margin-top: 100px !important;
    }
}

@media screen and (max-width: 768px) {
    .md_mt10 {
        margin-top: 10px !important;
    }

    .md_mt20 {
        margin-top: 20px !important;
    }

    .md_mt40 {
        margin-top: 40px !important;
    }

    .md_mt60 {
        margin-top: 60px !important;
    }

    .md_mt80 {
        margin-top: 80px !important;
    }

    .md_mt100 {
        margin-top: 100px !important;
    }
}

@media screen and (max-width: 576px) {
    .sm_mt10 {
        margin-top: 10px !important;
    }

    .sm_mt20 {
        margin-top: 20px !important;
    }

    .sm_mt40 {
        margin-top: 40px !important;
    }

    .sm_mt60 {
        margin-top: 60px !important;
    }

    .sm_mt80 {
        margin-top: 80px !important;
    }

    .sm_mt100 {
        margin-top: 100px !important;
    }
}

.mb10 {
    margin-bottom: 10px !important;
}

.mb20 {
    margin-bottom: 20px !important;
}

.mb40 {
    margin-bottom: 40px !important;
}

.mb60 {
    margin-bottom: 60px !important;
}

.mb80 {
    margin-bottom: 80px !important;
}

.mb100 {
    margin-bottom: 100px !important;
}

@media screen and (max-width: 992px) {
    .lg_mb10 {
        margin-bottom: 10px !important;
    }

    .lg_mb20 {
        margin-bottom: 20px !important;
    }

    .lg_mb40 {
        margin-bottom: 40px !important;
    }

    .lg_mb60 {
        margin-bottom: 60px !important;
    }

    .lg_mb80 {
        margin-bottom: 80px !important;
    }

    .lg_mb100 {
        margin-bottom: 100px !important;
    }
}

@media screen and (max-width: 768px) {
    .md_mb10 {
        margin-bottom: 10px !important;
    }

    .md_mb20 {
        margin-bottom: 20px !important;
    }

    .md_mb30 {
        margin-bottom: 30px !important;
    }

    .md_mb40 {
        margin-bottom: 40px !important;
    }

    .md_mb60 {
        margin-bottom: 60px !important;
    }

    .md_mb80 {
        margin-bottom: 80px !important;
    }

    .md_mb100 {
        margin-bottom: 100px !important;
    }
}

@media screen and (max-width: 576px) {
    .sm_mb5 {
        margin-bottom: 5px !important;
    }

    .sm_mb10 {
        margin-bottom: 10px !important;
    }

    .sm_mb20 {
        margin-bottom: 20px !important;
    }

    .sm_mb30 {
        margin-bottom: 30px !important;
    }

    .sm_mb40 {
        margin-bottom: 40px !important;
    }

    .sm_mb60 {
        margin-bottom: 60px !important;
    }

    .sm_mb80 {
        margin-bottom: 80px !important;
    }

    .sm_mb100 {
        margin-bottom: 100px !important;
    }
}

.mx20 {
    margin-left: 20px !important;
    margin-right: 20px !important;
}

.mx40 {
    margin-left: 40px !important;
    margin-right: 20px !important;
}

.my10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.my20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.my40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
}

.my60 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
}

.my80 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
}

.my100 {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
}

@media screen and (max-width: 992px) {
    .lg_my10 {
        margin-top: 10px !important;
        margin-bottom: 10px !important;

    }
    .lg_my20 {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
    }

    .lg_my40 {
        margin-top: 40px !important;
        margin-bottom: 40px !important;
    }

    .lg_my60 {
        margin-top: 60px !important;
        margin-bottom: 60px !important;
    }

    .lg_my80 {
        margin-top: 80px !important;
        margin-bottom: 80px !important;
    }

    .lg_my100 {
        margin-top: 100px !important;
        margin-bottom: 100px !important;
    }
}

@media screen and (max-width: 576px) {
    .md_my10 {
        margin-top: 10px !important;
        margin-bottom: 10px !important;

    }
    .md_my20 {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
    }

    .md_my40 {
        margin-top: 40px !important;
        margin-bottom: 40px !important;
    }

    .md_my60 {
        margin-top: 60px !important;
        margin-bottom: 60px !important;
    }

    .md_my80 {
        margin-top: 80px !important;
        margin-bottom: 80px !important;
    }

    .md_my100 {
        margin-top: 100px !important;
        margin-bottom: 100px !important;
    }
}

@media screen and (max-width: 576px) {
    .sm_my10 {
        margin-top: 10px !important;
        margin-bottom: 10px !important;

    }
    .sm_my20 {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
    }

    .sm_my40 {
        margin-top: 40px !important;
        margin-bottom: 40px !important;
    }

    .sm_my60 {
        margin-top: 60px !important;
        margin-bottom: 60px !important;
    }

    .sm_my80 {
        margin-top: 80px !important;
        margin-bottom: 80px !important;
    }

    .sm_my100 {
        margin-top: 100px !important;
        margin-bottom: 100px !important;
    }
}

.p10 {
    padding: 10px !important;
}

.p20 {
    padding: 20px !important;
}

.p40 {
    padding: 40px !important;
}

.p60 {
    padding: 60px !important;
}

.p80 {
    padding: 80px !important;
}

.p100 {
    padding: 100px !important;
}

@media screen and (max-width: 992px) {
    .lg_p10 {
        padding: 10px !important;
    }

    .lg_p20 {
        padding: 20px !important;
    }

    .lg_p40 {
        padding: 40px !important;
    }

    .lg_p60 {
        padding: 60px !important;
    }

    .lg_p80 {
        padding: 80px !important;
    }

    .lg_p100 {
        padding: 100px !important;
    }
}

@media screen and (max-width: 768px) {
    .md_p10 {
        padding: 10px !important;
    }

    .md_p20 {
        padding: 20px !important;
    }

    .md_p40 {
        padding: 40px !important;
    }

    .md_p60 {
        padding: 60px !important;
    }

    .md_p80 {
        padding: 80px !important;
    }

    .md_p100 {
        padding: 100px !important;
    }
}

@media screen and (max-width: 576px) {
    .sm_p10 {
        padding: 10px !important;
    }

    .sm_p20 {
        padding: 20px !important;
    }

    .sm_p40 {
        padding: 40px !important;
    }

    .sm_p60 {
        padding: 60px !important;
    }

    .sm_p80 {
        padding: 80px !important;
    }

    .sm_p100 {
        padding: 100px !important;
    }
}

.pt10 {
    padding-top: 10px !important;
}

.pt20 {
    padding-top: 20px !important;
}

.pt40 {
    padding-top: 40px !important;
}

.pt60 {
    padding-top: 60px !important;
}

.pt80 {
    padding-top: 80px !important;
}

.pt100 {
    padding-top: 100px !important;
}

@media screen and (max-width: 992px) {
    .lg_pt10 {
        padding-top: 10px !important;
    }

    .lg_pt20 {
        padding-top: 20px !important;
    }

    .lg_pt40 {
        padding-top: 40px !important;
    }

    .lg_pt60 {
        padding-top: 60px !important;
    }

    .lg_pt80 {
        padding-top: 80px !important;
    }

    .lg_pt100 {
        padding-top: 100px !important;
    }
}

@media screen and (max-width: 768px) {
    .md_pt10 {
        padding-top: 10px !important;
    }

    .md_pt20 {
        padding-top: 20px !important;
    }

    .md_pt40 {
        padding-top: 40px !important;
    }

    .md_pt60 {
        padding-top: 60px !important;
    }

    .md_pt80 {
        padding-top: 80px !important;
    }

    .md_pt100 {
        padding-top: 100px !important;
    }
}

@media screen and (max-width: 576px) {
    .sm_pt10 {
        padding-top: 10px !important;
    }

    .sm_pt20 {
        padding-top: 20px !important;
    }

    .sm_pt40 {
        padding-top: 40px !important;
    }

    .sm_pt60 {
        padding-top: 60px !important;
    }

    .sm_pt80 {
        padding-top: 80px !important;
    }

    .sm_pt100 {
        padding-top: 100px !important;
    }
}

.py10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.py20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.py40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}

.py60 { padding-top: 60px !important;
    padding-bottom: 60px !important;
}

.py80 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
}

.py100 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
}

@media screen and (max-width: 992px) {
    .lg_py20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    }

    .lg_py40 {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }

    .lg_py60 { padding-top: 60px !important;
        padding-bottom: 60px !important;
    }

    .lg_py80 {
        padding-top: 80px !important;
        padding-bottom: 80px !important;
    }

    .lg_py100 {
        padding-top: 100px !important;
        padding-bottom: 100px !important;
    }
}

@media screen and (max-width: 768px) {
    .md_py20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    }

    .md_py40 {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }

    .md_py60 { padding-top: 60px !important;
        padding-bottom: 60px !important;
    }

    .md_py80 {
        padding-top: 80px !important;
        padding-bottom: 80px !important;
    }

    .md_py100 {
        padding-top: 100px !important;
        padding-bottom: 100px !important;
    }
}

@media screen and (max-width: 576px) {
    .sm_py10 {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    .sm_py20 {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }

    .sm_py40 {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }

    .sm_py60 { padding-top: 60px !important;
        padding-bottom: 60px !important;
    }

    .sm_py80 {
        padding-top: 80px !important;
        padding-bottom: 80px !important;
    }

    .sm_py100 {
        padding-top: 100px !important;
        padding-bottom: 100px !important;
    }
}



@media screen and (max-width: 992px) {
    .lg_pt10 {
        padding-top: 10px !important;
    }

    .lg_pt20 {
        padding-top: 20px !important;
    }

    .lg_pt40 {
        padding-top: 40px !important;
    }

    .lg_pt60 {
        padding-top: 60px !important;
    }

    .lg_pt80 {
        padding-top: 80px !important;
    }

    .lg_pt100 {
        padding-top: 100px !important;
    }
}

@media screen and (max-width: 768px) {
    .md_pt10 {
        padding-top: 10px !important;
    }

    .md_pt20 {
        padding-top: 20px !important;
    }

    .md_pt30 {
        padding-top: 30px !important;
    }

    .md_pt40 {
        padding-top: 40px !important;
    }

    .md_pt60 {
        padding-top: 60px !important;
    }

    .md_pt80 {
        padding-top: 80px !important;
    }

    .md_pt100 {
        padding-top: 100px !important;
    }
}

@media screen and (max-width: 576px) {
    .sm_pt5 {
        padding-top: 5px !important;
    }

    .sm_pt10 {
        padding-top: 10px !important;
    }

    .sm_pt20 {
        padding-top: 20px !important;
    }

    .sm_pt30 {
        padding-top: 30px !important;
    }

    .sm_pt40 {
        padding-top: 40px !important;
    }

    .sm_pt60 {
        padding-top: 60px !important;
    }

    .sm_pt80 {
        padding-top: 80px !important;
    }

    .sm_pt100 {
        padding-top: 100px !important;
    }
}



.pb10 {
    padding-bottom: 10px !important;
}

.pb20 {
    padding-bottom: 20px !important;
}

.pb40 {
    padding-bottom: 40px !important;
}

.pb60 {
    padding-bottom: 60px !important;
}

.pb80 {
    padding-bottom: 80px !important;
}

.pb100 {
    padding-bottom: 100px !important;
}

@media screen and (max-width: 992px) {
    .lg_pb10 {
        padding-bottom: 10px !important;
    }

    .lg_pb20 {
        padding-bottom: 20px !important;
    }

    .lg_pb40 {
        padding-bottom: 40px !important;
    }

    .lg_pb60 {
        padding-bottom: 60px !important;
    }

    .lg_pb80 {
        padding-bottom: 80px !important;
    }

    .lg_pb100 {
        padding-bottom: 100px !important;
    }
}

@media screen and (max-width: 768px) {
    .md_pb10 {
        padding-bottom: 10px !important;
    }

    .md_pb20 {
        padding-bottom: 20px !important;
    }

    .md_pb30 {
        padding-bottom: 30px !important;
    }

    .md_pb40 {
        padding-bottom: 40px !important;
    }

    .md_pb60 {
        padding-bottom: 60px !important;
    }

    .md_pb80 {
        padding-bottom: 80px !important;
    }

    .md_pb4100 {
        padding-bottom: 100px !important;
    }
}

@media screen and (max-width: 576px) {
    .sm_pb5 {
        padding-bottom: 5px !important;
    }

    .sm_pb10 {
        padding-bottom: 10px !important;
    }

    .sm_pb20 {
        padding-bottom: 20px !important;
    }

    .sm_pb30 {
        padding-bottom: 30px !important;
    }

    .sm_pb40 {
        padding-bottom: 40px !important;
    }
}



.px10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.px20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.px30 {
    padding-left: 30px !important;
    padding-right: 30px !important;
}

.px40 {
    padding-left: 40px !important;
    padding-right: 40px !important;
}

.px60 {
    padding-left: 60px !important;
    padding-right: 60px !important;
}

.px80 {
    padding-left: 80px !important;
    padding-right: 80px !important;
}

@media screen and (max-width: 992px) {
    .lg_px10 {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .lg_px20 {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .lg_px30 {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }

    .lg_px40 {
        padding-left: 40px !important;
        padding-right: 40px !important;
    }

    .lg_px60 {
        padding-left: 60px !important;
        padding-right: 60px !important;
    }

    .lg_px80 {
        padding-left: 80px !important;
        padding-right: 80px !important;
    }
}

@media screen and (max-width: 768px) {
    .md_px10 {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .md_px20 {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .md_px30 {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }

    .md_px40 {
        padding-left: 40px !important;
        padding-right: 40px !important;
    }

    .md_px60 {
        padding-left: 60px !important;
        padding-right: 60px !important;
    }

    .md_px80 {
        padding-left: 80px !important;
        padding-right: 80px !important;
    }
}

@media screen and (max-width: 576px) {
    .sm_px10 {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .sm_px20 {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .sm_px30 {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }

    .sm_px40 {
        padding-left: 40px !important;
        padding-right: 40px !important;
    }

    .sm_px60 {
        padding-left: 60px !important;
        padding-right: 60px !important;
    }

    .sm_px80 {
        padding-left: 80px !important;
        padding-right: 80px !important;
    }
}



.py10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.py20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.py30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

.py40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}

.py60 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
}

.py80 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
}

@media screen and (max-width: 992px) {
    .lg_py10 {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    .lg_py20 {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }

    .lg_py30 {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }

    .lg_py40 {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }

    .lg_py60 {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }

    .lg_py80 {
        padding-top: 80px !important;
        padding-bottom: 80px !important;
    }
}

@media screen and (max-width: 768px) {
    .md_py10 {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    .md_py20 {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }

    .md_py30 {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }

    .md_py40 {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }

    .md_py60 {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }

    .md_py80 {
        padding-top: 80px !important;
        padding-bottom: 80px !important;
    }
}

@media screen and (max-width: 576px) {
    .sm_py10 {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    .sm_py20 {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }

    .sm_py30 {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }

    .sm_py40 {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }

    .sm_py60 {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }

    .sm_py80 {
        padding-top: 80px !important;
        padding-bottom: 80px !important;
    }
}



.gp0 {
    gap: 0 !important;
}

.gp5 {
    gap: 5px !important;
}

.gp10 {
    gap: 10px !important;
}

.gp20 {
    gap: 20px !important;
}

.gp30 {
    gap: 30px !important;
}

.gp33 {
    gap: 33.33px !important;
}

.gp40 {
    gap: 40px !important;
}

.gp50 {
    gap: 50px !important;
}

.gp60 {
    gap: 60px !important;
}

.gp80 {
    gap: 80px !important;
}

.gp100 {
    gap: 100px !important;
}

.rgp5 {
    row-gap: 5px !important;
}

.rgp10 {
    row-gap: 10px !important;
}

.rgp20 {
    row-gap: 20px !important;
}

.rgp30 {
    row-gap: 30px !important;
}

.rgp33 {
    row-gap: 33.33px !important;
}

.rgp40 {
    row-gap: 40px !important;
}

.rgp50 {
    row-gap: 50px !important;
}

.rgp60 {
    row-gap: 60px !important;
}

.rgp80 {
    row-gap: 80px !important;
}

.rgp100 {
    row-gap: 100px !important;
}

.cgp5 {
    column-gap: 5px !important;
}

.cgp10 {
    column-gap: 10px !important;
}

.cgp20 {
    column-gap: 20px !important;
}

.cgp30 {
    column-gap: 30px !important;
}

.cgp33 {
    column-gap: 33.33px !important;
}

.cgp40 {
    column-gap: 40px !important;
}

.cgp50 {
    column-gap: 50px !important;
}

.cgp60 {
    column-gap: 60px !important;
}

.cgp80 {
    column-gap: 80px !important;
}

.cgp100 {
    column-gap: 100px !important;
}

@media screen and (max-width: 992px) {
    .lg_gp0 {
        gap: 0 !important;
    }

    .lg_gp5 {
        gap: 5px !important;
    }

    .lg_gp10 {
        gap: 10px !important;
    }

    .lg_gp20 {
        gap: 20px !important;
    }

    .lg_gp30 {
        gap: 30px !important;
    }

    .lg_gp33 {
        gap: 33.33px !important;
    }

    .lg_gp40 {
        gap: 40px !important;
    }

    .lg_gp50 {
        gap: 50px !important;
    }

    .lg_gp60 {
        gap: 60px !important;
    }

    .lg_gp80 {
        gap: 80px !important;
    }

    .lg_rgp5 {
        row-gap: 5px !important;
    }

    .lg_rgp10 {
        row-gap: 10px !important;
    }

    .lg_rgp20 {
        row-gap: 20px !important;
    }

    .lg_rgp30 {
        row-gap: 30px !important;
    }

    .lg_rgp33 {
        row-gap: 33.33px !important;
    }

    .lg_rgp40 {
        row-gap: 40px !important;
    }

    .lg_rgp50 {
        row-gap: 50px !important;
    }

    .lg_rgp60 {
        row-gap: 60px !important;
    }

    .lg_rgp80 {
        row-gap: 80px !important;
    }

    .lg_cgp5 {
        column-gap: 5px !important;
    }

    .lg_cgp10 {
        column-gap: 10px !important;
    }

    .lg_cgp20 {
        column-gap: 20px !important;
    }

    .lg_cgp33 {
        column-gap: 33.33px !important;
    }

    .lg_cgp40 {
        column-gap: 40px !important;
    }

    .lg_cgp50 {
        column-gap: 50px !important;
    }

    .lg_cgp60 {
        column-gap: 60px !important;
    }

    .lg_cgp80 {
        column-gap: 80px !important;
    }
}

@media screen and (max-width: 768px) {
    .md_gp0 {
        gap: 0 !important;
    }

    .md_gp5 {
        gap: 5px !important;
    }

    .md_gp10 {
        gap: 10px !important;
    }

    .md_gp20 {
        gap: 20px !important;
    }

    .md_gp30 {
        gap: 30px !important;
    }

    .md_gp33 {
        gap: 33.33px !important;
    }

    .md_gp40 {
        gap: 40px !important;
    }

    .md_gp50 {
        gap: 50px !important;
    }

    .md_gp60 {
        gap: 60px !important;
    }

    .md_gp80 {
        gap: 80px !important;
    }

    .md_rgp10 {
        row-gap: 10px !important;
    }

    .md_rgp5 {
        row-gap: 5px !important;
    }

    .md_rgp20 {
        row-gap: 20px !important;
    }

    .md_rgp30 {
        row-gap: 30px !important;
    }

    .md_rgp33 {
        row-gap: 33.33px !important;
    }

    .md_rgp40 {
        row-gap: 40px !important;
    }

    .md_rgp50 {
        row-gap: 50px !important;
    }

    .md_rgp60 {
        row-gap: 60px !important;
    }

    .md_rgp80 {
        row-gap: 80px !important;
    }

    .md_cgp5 {
        column-gap: 5px !important;
    }

    .md_cgp10 {
        column-gap: 10px !important;
    }

    .md_cgp20 {
        column-gap: 20px !important;
    }

    .md_cgp33 {
        column-gap: 33.33px !important;
    }

    .md_cgp40 {
        column-gap: 40px !important;
    }

    .md_cgp50 {
        column-gap: 50px !important;
    }

    .md_cgp60 {
        column-gap: 60px !important;
    }

    .md_cgp80 {
        column-gap: 80px !important;
    }
}

@media screen and (max-width: 576px) {
    .sm_gp0 {
        gap: 0 !important;
    }

    .sm_gp5 {
        gap: 5px !important;
    }

    .sm_gp10 {
        gap: 10px !important;
    }

    .sm_gp20 {
        gap: 20px !important;
    }

    .sm_gp30 {
        gap: 30px !important;
    }

    .sm_gp33 {
        gap: 33.33px !important;
    }

    .sm_gp40 {
        gap: 40px !important;
    }

    .sm_gp50 {
        gap: 50px !important;
    }

    .sm_gp60 {
        gap: 60px !important;
    }

    .sm_gp80 {
        gap: 80px !important;
    }

    .sm_rgp5 {
        row-gap: 5px !important;
    }

    .sm_rgp10 {
        row-gap: 10px !important;
    }

    .sm_rgp20 {
        row-gap: 20px !important;
    }

    .sm_rgp30 {
        row-gap: 30px !important;
    }

    .sm_rgp33 {
        row-gap: 33.33px !important;
    }

    .sm_rgp40 {
        row-gap: 40px !important;
    }

    .sm_rgp50 {
        row-gap: 50px !important;
    }

    .sm_rgp60 {
        row-gap: 60px !important;
    }

    .sm_rgp80 {
        row-gap: 80px !important;
    }

    .sm_cgp5 {
        column-gap: 5px !important;
    }

    .sm_cgp10 {
        column-gap: 10px !important;
    }

    .sm_cgp20 {
        column-gap: 20px !important;
    }

    .sm_cgp33 {
        column-gap: 33.33px !important;
    }

    .sm_cgp40 {
        column-gap: 40px !important;
    }

    .sm_cgp50 {
        column-gap: 50px !important;
    }

    .sm_cgp60 {
        column-gap: 60px !important;
    }

    .sm_cgp80 {
        column-gap: 80px !important;
    }
}



.txt12 {
    font-size: 1.2rem !important;
}

.txt14 {
    font-size: 1.4rem !important;
}

.txt16 {
    font-size: 1.6rem !important;
}

.txt18 {
    font-size: 1.8rem !important;
}

.txt20 {
    font-size: 2.0rem !important;
}

.txt24 {
    font-size: 2.4rem !important;
}

.txt30 {
    font-size: 3.0rem !important;
}

.txt40 {
    font-size: 4.0rem !important;
}

@media screen and (max-width: 576px) {
    .sm_txt12 {
        font-size: 1.2rem !important;
    }

    .sm_txt14 {
        font-size: 1.4rem !important;
    }

    .sm_txt16 {
        font-size: 1.6rem !important;
    }

    .sm_txt18 {
        font-size: 1.8rem !important;
    }

    .sm_txt20 {
        font-size: 2.0rem !important;
    }

    .sm_txt24 {
        font-size: 2.4rem !important;
    }

    .sm_txt30 {
        font-size: 3.0rem !important;
    }

    .sm_txt40 {
        font-size: 4.0rem !important;
    }
}

@media screen and (max-width: 768px) {
    .md_txt12 {
        font-size: 1.2rem !important;
    }

    .md_txt14 {
        font-size: 1.4rem !important;
    }

    .md_txt16 {
        font-size: 1.6rem !important;
    }

    .md_txt18 {
        font-size: 1.8rem !important;
    }

    .md_txt20 {
        font-size: 2.0rem !important;
    }

    .md_txt24 {
        font-size: 2.4rem !important;
    }

    .md_txt30 {
        font-size: 3.0rem !important;
    }

    .md_txt40 {
        font-size: 4.0rem !important;
    }
}

@media screen and (max-width: 992px) {
    .lg_txt12 {
        font-size: 1.2rem !important;
    }

    .lg_txt14 {
        font-size: 1.4rem !important;
    }

    .lg_txt16 {
        font-size: 1.6rem !important;
    }

    .lg_txt18 {
        font-size: 1.8rem !important;
    }

    .lg_txt20 {
        font-size: 2.0rem !important;
    }

    .lg_txt24 {
        font-size: 2.4rem !important;
    }

    .lg_txt30 {
        font-size: 3.0rem !important;
    }

    .lg_txt40 {
        font-size: 4.0rem !important;
    }
}



.lh10 {
    line-height: 1.0em !important;
}

.lh12 {
    line-height: 1.2em !important;
}

.lh14 {
    line-height: 1.4em !important;
}

.lh16 {
    line-height: 1.6em !important;
}

.lh18 {
    line-height: 1.8em !important;
}

.lh20 {
    line-height: 2.0em !important;
}

.lh24 {
    line-height: 2.4em !important;
}

@media screen and (max-width: 992px) {
    .lg_lh10 {
        line-height: 1.0em !important;
    }

    .lg_lh12 {
        line-height: 1.2em !important;
    }

    .lg_lh14 {
        line-height: 1.4em !important;
    }

    .lg_lh16 {
        line-height: 1.6em !important;
    }

    .lg_lh18 {
        line-height: 1.8em !important;
    }

    .lg_lh20 {
        line-height: 2.0em !important;
    }

    .lg_lh24 {
        line-height: 2.4em !important;
    }
}

@media screen and (max-width: 992px) {
    .lg_lh10 {
        line-height: 1.0em !important;
    }

    .lg_lh12 {
        line-height: 1.2em !important;
    }

    .lg_lh14 {
        line-height: 1.4em !important;
    }

    .lg_lh16 {
        line-height: 1.6em !important;
    }

    .lg_lh18 {
        line-height: 1.8em !important;
    }

    .lg_lh20 {
        line-height: 2.0em !important;
    }

    .lg_lh24 {
        line-height: 2.4em !important;
    }
}

@media screen and (max-width: 768px) {
    .md_lh10 {
        line-height: 1.0em !important;
    }

    .md_lh12 {
        line-height: 1.2em !important;
    }

    .md_lh14 {
        line-height: 1.4em !important;
    }

    .md_lh16 {
        line-height: 1.6em !important;
    }

    .md_lh18 {
        line-height: 1.8em !important;
    }

    .md_lh20 {
        line-height: 2.0em !important;
    }

    .md_lh24 {
        line-height: 2.4em !important;
    }
}

@media screen and (max-width: 768px) {
    .md_lh10 {
        line-height: 1.0em !important;
    }

    .md_lh12 {
        line-height: 1.2em !important;
    }

    .md_lh14 {
        line-height: 1.4em !important;
    }

    .md_lh16 {
        line-height: 1.6em !important;
    }

    .md_lh18 {
        line-height: 1.8em !important;
    }

    .md_lh20 {
        line-height: 2.0em !important;
    }

    .md_lh24 {
        line-height: 2.4em !important;
    }
}

@media screen and (max-width: 576px) {
    .sm_lh10 {
        line-height: 1.0em !important;
    }

    .sm_lh12 {
        line-height: 1.2em !important;
    }

    .sm_lh14 {
        line-height: 1.4em !important;
    }

    .sm_lh16 {
        line-height: 1.6em !important;
    }

    .sm_lh18 {
        line-height: 1.8em !important;
    }

    .sm_lh20 {
        line-height: 2.0em !important;
    }

    .sm_lh24 {
        line-height: 2.4em !important;
    }
}



.thin {
    font-weight: 100 !important;
}

.extralight {
    font-weight: 200 !important;
}

.light {
    font-weight: 300 !important;
}

.regular {
    font-weight: 400 !important;
}

.medium {
    font-weight: 500 !important;
}

.semibold {
    font-weight: 600 !important;
}

.bold {
    font-weight: 700 !important;
}

.extrabold {
    font-weight: 800 !important;
}

.black {
    font-weight: 900 !important;
}




.radius10 {
    border-radius: 10px !important;
}

.radius20 {
    border-radius: 20px !important;
}

.radius30 {
    border-radius: 30px !important;
}

.radius40 {
    border-radius: 40px !important;
}

.radius50 {
    border-radius: 50px !important;
}

.radius60 {
    border-radius: 60px !important;
}

@media screen and (max-width: 992px) {
    .lg_radius10 {
        border-radius: 10px !important;
    }

    .lg_radius20 {
        border-radius: 20px !important;
    }

    .lg_radius30 {
        border-radius: 30px !important;
    }

    .lg_radius40 {
        border-radius: 40px !important;
    }

    .lg_radius50 {
        border-radius: 50px !important;
    }

    .lg_radius60 {
        border-radius: 60px !important;
    }
}

@media screen and (max-width: 768px) {
    .md_radius10 {
        border-radius: 10px !important;
    }

    .md_radius20 {
        border-radius: 20px !important;
    }

    .md_radius30 {
        border-radius: 30px !important;
    }

    .md_radius40 {
        border-radius: 40px !important;
    }

    .md_radius50 {
        border-radius: 50px !important;
    }

    .md_radius60 {
        border-radius: 60px !important;
    }
}

@media screen and (max-width: 576px) {
    .sm_radius10 {
        border-radius: 10px !important;
    }

    .sm_radius20 {
        border-radius: 20px !important;
    }

    .sm_radius30 {
        border-radius: 30px !important;
    }

    .sm_radius40 {
        border-radius: 40px !important;
    }

    .sm_radius50 {
        border-radius: 50px !important;
    }

    .sm_radius60 {
        border-radius: 60px !important;
    }
}











/*--- ディスプレイ切り替え ---*/
.sp_none {
    display: block;
}

.pc_none {
    display: none;
}

.hide {
    display: none;
}

@media screen and (max-width: 992px) {
    .lg_hide {
        display: none;
    }
}

@media screen and (max-width: 768px) {
    .md_hide {
        display: none;
    }
}

@media screen and (max-width: 576px) {
    .sm_hide {
        display: none;
    }
}

@media screen and (max-width: 375px) {
    .xs_hide {
        display: none;
    }
}


@media screen and (max-width: 768px) {
    /*-- ディスプレイ切り替え --*/
    .sp_none {
        display: none;
    }

    .pc_none {
        display: block;
    }
}

















































/*--- End ---*/