/**------------------------------------------
inner/outer
--------------------------------------------*/
.content_inner {
    margin: 0 auto;
    width: 94%;
}
.content_wrapper {
    margin: 0 auto;
    width: 100%;
}
.max_w600 {
    max-width: 600px;
}
.max_w800 {
    max-width: 800px;
}
.max_w900 {
    max-width: 900px;
}
.max_w960 {
    max-width: 960px;
}
.max_w1000 {
    max-width: 1000px;
}
.max_w1024 {
    max-width: 1024px;
}
.max_w1100 {
    max-width: 1100px;
}
.max_w1200 {
    max-width: 1200px;
}
.max_w1240 {
    max-width: 1240px;
}
.max_w1300 {
    max-width: 1300px;
}
.max_w1400 {
    max-width: 1400px;
}
.max_w1500 {
    max-width: 1500px;
}
.max_w1600 {
    max-width: 1600px;
}
.max_w1700 {
    max-width: 1700px;
}
.max_w1800 {
    max-width: 1800px;
}

/**------------------------------------------
space
--------------------------------------------*/
.mt0 {
    margin-top: 0 !important;
}
.mt1 {
    margin-top: 1rem !important;
}
.mt2 {
    margin-top: 2rem !important;
}
.mt3 {
    margin-top: 3rem !important;
}
.mt4 {
    margin-top: 4rem !important;
}
.mt5 {
    margin-top: 5rem !important;
}
.mt6 {
    margin-top: 6rem !important;
}
.mt7 {
    margin-top: 7rem !important;
}
.mt8 {
    margin-top: 8rem !important;
}
.mt9 {
    margin-top: 9rem !important;
}
.mt10 {
    margin-top: 10rem !important;
}
.mt15 {
    margin-top: 15rem !important;
}
.mt16 {
    margin-top: 16rem !important;
}
.mb0 {
    margin-bottom: 0rem !important;
}
.mb1 {
    margin-bottom: 1rem !important;
}
.mb2 {
    margin-bottom: 2rem !important;
}
.mb3 {
    margin-bottom: 3rem !important;
}
.mb4 {
    margin-bottom: 4rem !important;
}
.mb5 {
    margin-bottom: 5rem !important;
}
.mb6 {
    margin-bottom: 6rem !important;
}
.mb7 {
    margin-bottom: 7rem !important;
}
.mb8 {
    margin-bottom: 8rem !important;
}
.mb9 {
    margin-bottom: 9rem !important;
}
.mb10 {
    margin-bottom: 10rem !important;
}
.mb15 {
    margin-bottom: 15rem !important;
}
.mb16 {
    margin-bottom: 16rem !important;
}
@media screen and (max-width: 768px) {
    .mt1 {
        margin-top: 0.5rem !important;
    }
    .mt2 {
        margin-top: 1rem !important;
    }
    .mt3 {
        margin-top: 1.5rem !important;
    }
    .mt4 {
        margin-top: 2rem !important;
    }
    .mt5 {
        margin-top: 2.5rem !important;
    }
    .mt6 {
        margin-top: 3rem !important;
    }
    .mt7 {
        margin-top: 3.5rem !important;
    }
    .mt8 {
        margin-top: 4rem !important;
    }
    .mt9 {
        margin-top: 4.5rem !important;
    }
    .mt10 {
        margin-top: 5rem !important;
    }
    .mt15 {
        margin-top: 7.5rem !important;
    }
    .mt16 {
        margin-top: 8rem !important;
    }
    .mb1 {
        margin-bottom: 0.5rem !important;
    }
    .mb2 {
        margin-bottom: 1rem !important;
    }
    .mb3 {
        margin-bottom: 1.5rem !important;
    }
    .mb4 {
        margin-bottom: 2rem !important;
    }
    .mb5 {
        margin-bottom: 2.5rem !important;
    }
    .mb6 {
        margin-bottom: 3rem !important;
    }
    .mb7 {
        margin-bottom: 3.5rem !important;
    }
    .mb8 {
        margin-bottom: 4rem !important;
    }
    .mb9 {
        margin-bottom: 4.5rem !important;
    }
    .mb10 {
        margin-bottom: 5rem !important;
    }
    .mb15 {
        margin-bottom: 7.5rem !important;
    }
    .mb16 {
        margin-bottom: 8rem !important;
    }
}
.pt0 {
    padding-top: 0rem !important;
}
.pt1 {
    padding-top: 1rem !important;
}
.pt2 {
    padding-top: 2rem !important;
}
.pt3 {
    padding-top: 3rem !important;
}
.pt4 {
    padding-top: 4rem !important;
}
.pt5 {
    padding-top: 5rem !important;
}
.pt6 {
    padding-top: 6rem !important;
}
.pt7 {
    padding-top: 7rem !important;
}
.pt8 {
    padding-top: 8rem !important;
}
.pt9 {
    padding-top: 9rem !important;
}
.pt10 {
    padding-top: 10rem !important;
}
.pb0 {
    padding-bottom: 0rem !important;
}
.pb1 {
    padding-bottom: 1rem !important;
}
.pb2 {
    padding-bottom: 2rem !important;
}
.pb3 {
    padding-bottom: 3rem !important;
}
.pb4 {
    padding-bottom: 4rem !important;
}
.pb5 {
    padding-bottom: 5rem !important;
}
.pb6 {
    padding-bottom: 6rem !important;
}
.pb7 {
    padding-bottom: 7rem !important;
}
.pb8 {
    padding-bottom: 8rem !important;
}
.pb9 {
    padding-bottom: 9rem !important;
}
.pb10 {
    padding-bottom: 10rem !important;
}
.pd2 {
    padding: 2rem !important;
}
.pd3 {
    padding: 3rem !important;
}
.pd4 {
    padding: 4rem !important;
}
.pd5 {
    padding: 5rem !important;
}
@media screen and (max-width: 768px) {
    .pt1 {
        padding-top: 0.5rem !important;
    }
    .pt2 {
        padding-top: 1rem !important;
    }
    .pt3 {
        padding-top: 1.5rem !important;
    }
    .pt4 {
        padding-top: 2rem !important;
    }
    .pt5 {
        padding-top: 2.5rem !important;
    }
    .pt6 {
        padding-top: 3rem !important;
    }
    .pt7 {
        padding-top: 3.5rem !important;
    }
    .pt8 {
        padding-top: 4rem !important;
    }
    .pt9 {
        padding-top: 4.5rem !important;
    }
    .pt10 {
        padding-top: 5rem !important;
    }
    .pb1 {
        padding-bottom: 0.5rem !important;
    }
    .pb2 {
        padding-bottom: 1rem !important;
    }
    .pb3 {
        padding-bottom: 1.5rem !important;
    }
    .pb4 {
        padding-bottom: 2rem !important;
    }
    .pb5 {
        padding-bottom: 2.5rem !important;
    }
    .pb6 {
        padding-bottom: 3rem !important;
    }
    .pb7 {
        padding-bottom: 3.5rem !important;
    }
    .pb8 {
        padding-bottom: 4rem !important;
    }
    .pb9 {
        padding-bottom: 4.5rem !important;
    }
    .pb10 {
        padding-bottom: 5rem !important;
    }
    .pd2 {
        padding: 1rem !important;
    }
    .pd3 {
        padding: 1.5rem !important;
    }
    .pd4 {
        padding: 2rem !important;
    }
    .pd5 {
        padding: 2.5rem !important;
    }
}
@media screen and (max-width: 414px) {
    .mt16 {
        margin-top: 5rem !important;
    }
    .mb16 {
        margin-bottom: 5rem !important;
    }
}
/**------------------------------------------
responsive parts
--------------------------------------------*/

/*br*/
.spbr,
table.sp_t,
.post img.img_sp {
    display: none;
}
.pc_none {
    display: none;
}
@media screen and (max-width: 768px) {
    .spbr,
    table.sp_t,
    .post img.img_sp {
        display: block;
    }
    .pcbr,
    table.pc_t,
    .post img.img_pc {
        display: none;
    }
    .pc_none {
        display: inherit;
    }
    .sp_none {
        display: none;
    }
}
@media screen and (min-width: 769px) {
    .pc_center {
        text-align: center !important;
    }
    .pc_right {
        text-align: right !important;
    }
    .pc_left {
        text-align: left !important;
    }
}
/**------------------------------------------
flexbox
--------------------------------------------*/
.w10 {
    width: 10%;
}
.w20 {
    width: 20%;
}
.w30 {
    width: 30%;
}
.w40 {
    width: 40%;
}
.w50 {
    width: 50%;
}
.w60 {
    width: 60%;
}
.w70 {
    width: 70%;
}
.w80 {
    width: 80%;
}
.w90 {
    width: 90%;
}
.gap {
    gap: 5%;
}
.gap3 {
    gap: 3%;
}
.ai_center {
    align-items: center;
}
.ai_self_center {
    align-self: center;
}
.jc_center {
    justify-content: center;
}
.jc_between {
    justify-content: space-between;
}
.rev {
    flex-direction: row-reverse;
}
@media screen and (min-width: 769px) {
    .columns,
    .flexbox {
        display: flex;
    }
}
@media screen and (max-width: 768px) {
    .w10,
    .w20,
    .w30,
    .w40,
    .w50,
    .w60,
    .w70,
    .w80,
    .w90 {
        width: 100%;
        margin-bottom: 20px;
    }
    .flexbox.rev {
        flex-direction: row-reverse;
    }
    .sp_nowrap {
        display: flex;
    }
    .sp_nowrap .w10 {
        width: 10%;
    }
    .sp_nowrap .w20 {
        width: 20%;
    }
    .sp_nowrap .w30 {
        width: 30%;
    }
    .sp_nowrap .w40 {
        width: 40%;
    }
    .sp_nowrap .w50 {
        width: 50%;
    }
    .sp_nowrap .w60 {
        width: 60%;
    }
    .sp_nowrap .w70 {
        width: 70%;
    }
    .sp_nowrap .w80 {
        width: 80%;
    }
    .sp_nowrap .w90 {
        width: 90%;
    }
    .sp_ai_top {
        align-items: flex-start;
    }
    .sp_no_mb {
        margin-bottom: 0 !important;
    }
    .sp_no_pb {
        padding-bottom: 0 !important;
    }
}
/*--テキスト--------------------------*/

.txt_l {
    text-align: left;
}
.txt_r {
    text-align: right;
}
.txt_c {
    text-align: center;
}