.overflow {
    overflow: hidden;
}

.pc {
    display: block;
}

@media screen and (width <=767px) {
    .pc {
        display: none;
    }
}

.pc-flex {
    display: flex;
}

@media screen and (width <=767px) {
    .pc-flex {
        display: none;
    }
}

.pc-tab {
    display: block;
}

@media screen and (width <=1024px) {
    .pc-tab {
        display: none;
    }
}

.tab {
    display: none;
}

@media screen and (width <=1024px) {
    .tab {
        display: block;
    }
}

.tab-sp {
    display: none;
}

@media screen and (width >=768px) and (width <=1024px) {
    .tab-sp {
        display: block;
    }
}

.sp {
    display: none;
}

@media screen and (width <=767px) {
    .sp {
        display: block;
    }
}

.sp-flex {
    display: none;
}

@media screen and (width <=767px) {
    .sp-flex {
        display: flex;
    }
}

.text-white {
    color: #fff;
}

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

.text-right {
    text-align: right;
}

.no-wrap {
    white-space: nowrap;
}

/*# sourceMappingURL=common.css.map */