@media (min-width: 650px){
    .mobileview{
        display: none!important;
    }
}

.home-container .banner-wrap swiper-slide img.mobileview{
    display: none!important;
}

@media (max-width: 1023px){
    :root {
        --view-width: 100%;
    }

    .pcview{
        display: none!important;
    }
    .mobileview{
        display: inherit;
    }
    .home-container .banner-wrap swiper-slide img.mobileview{
        display: block!important;
    }
    body>.mainzone.content-wrap{
        padding-top: 66px;
    }

    .btn-top{
        right: 0;
        bottom: 70px;
    }
    .header .header-icon {
        width: 6.666667vw;
        height: 6.666667vw;
    }
    .header .header-title {
        font-size: 4.8vw;
    }
    .header .align-items-center{
        display: flex;
        align-items: center;
    }
    .header .icon-search, .header .icon-user {
        position: relative;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 0;
        width: 5.6vw;
        height: 5.6vw;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100%;
    }
    .header .icon-user {
        background-image: url(/img/m/icon_user.svg);
    }
    .header .icon-search {
        background-image: url(/img/m/icon_search.svg);
    }
    .header>div:last-child a:not(:last-child) {
        display: inline-block;
        margin-right: 10px;
    }

    .card__group_premier_employer .card,
    .card__group_premier_employer .card>dl{
        width: 100%;
    }
    .header-wrap .wrap{
        width: 100%;
    }
    .footer-wrap .wrap{
        width: 100%;
    }

    .list-mobile-navi{
        position: relative;
        display: flex!important;
        justify-content: center;
        margin: 0;
        padding: 2.78vw 0;
        background: #fff;
        z-index: 1;
    }
    .list-mobile-navi li{
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        text-align: center;
        flex: 1 0 0%;
    }
    .list-mobile-navi a{
        display: inline-block;
        padding: 2.6vw 0;
        color: #333;
    }
    .list-mobile-navi .icon-wrap{
        height: 10.42vw;
        margin-bottom: 1.39vw;
    }
    .list-mobile-navi .icon-wrap .icon{
        width: 100%;
        height: 100%;
    }
    .list-mobile-navi .shortcut-name{
        display: block;
        font-weight: 500;
        font-size: 3.3vw;
        letter-spacing: -.1em;
    }


    .header-wrap .header{
        display: flex;
        width: 100%;
        height: 65px;
    }
    .header-wrap .wrap{
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 12.5px 15px;
        background: #fff;
        box-sizing: border-box;
    }
    .header-wrap .logo-wrap{
        height: 36px;
    }
    .header-wrap .search-wrap{
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 210px;
        height: 40px;
        border: 1px solid #d9d9d9;
        background-color: #fff;
    }
    .header-wrap .user-menu{
        display: none;
    }
    .header-wrap .search-wrap input[type="text"]{
        width: 100%;
    }
    .header-wrap .search-wrap button{
        right: 3px;
        height: 34px;
        width: 34px;
        margin-top: -17px;
    }
    .menu-wrap{
        display: none;
    }
    .home-container{
        padding: 0;
    }
    .home-container .list-section .banner-wrap{
        width: 100%;
        height: 51.39vw;
        overflow: hidden;
        border-radius: 0;
    }
    .home-container .banner-wrap swiper-slide{
        width: 100%!important;
    }
    .home-container .banner-wrap:before, .home-container .login-section-wrap:before{
        border-radius: 0;
        border: 0;
    }
    .home-container .banner-wrap swiper-container{
        border-radius: 0;
    }

    .footer-wrap .split-wrap,
    .footer-wrap .split-wrap .wrap{
        height: auto;
    }
    .footer-wrap .split-wrap li{
        height: 46px;
        line-height: 46px;
    }
    .footer-wrap .split-wrap li:before{
        margin-top: 15px;
    }
    .footer-content .main-content .main1{
        width: 100%;
        border-right: 0;
    }
    .footer-content .main-content .main1-1{
        width: 60%;
    }
    .footer-content .main-content .main1-2{
        width: 40%;
    }
    .footer-content .main-content .main1-1 li:nth-child(2){
        font-size: 24px !important;
    }

    .footer-wrap .footer-content{
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 40px;
        box-sizing: border-box;
    }
    .footer-content .sub-content{
        flex-direction: column;
        padding-bottom: 200px;
    }
    .footer-content .sub-content .details{
        width: 100%;
    }
    .footer-content .sub-content .sns-wrap{
        justify-content: center;
    }
    .footer-content .sub-content .details .copyright{
        font-size: 10px;
    }

    .login-wrap .login-group-forms .login-input{
        width: calc(100% - 128px);
    }
    .login-wrap .login-group-forms .login-input input{
        width: 100%;
    }



    #list_card__group .board__lists, .title_header {
        margin-left: 3.2vw !important;
        margin-right: 3.2vw !important;
    }
    #list_card__group .board__lists a:not(:last-child) .article {
        border-radius: 0;
        border-bottom: 1px solid #d9d9d9;
    }
    #list_card__group .board__lists dl.article:last-child {
        border-radius: 0 0 1.33vw 1.33vw;
    }
    #list_card__group .board__lists dl.article:nth-child(1) {
        border-top: .26666667vw solid var(--colro-primary);
    }
    #list_card__group .board__lists dl.article {
        display: block;
        position: relative;
        padding-top: 4vw;
        padding-bottom: 4vw;
        background-color: #fff;
    }
    #list_card__group .board__lists dl.article,
    #list_card__group .board__lists nav.nomg,
    #list_card__group .board__lists.hr_board dl.article {
        margin-left: 0;
        margin-right: 0;
    }
    #list_card__group .board__lists {
        background-color: #fff;
        border-radius: 0 0 1.33vw 1.33vw;
        overflow: hidden;
    }
    #list_card__group .board__lists a:first-child dl.article::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        border-top: .26666667vw solid var(--color-primary);
    }

    #list_card__group .board__lists dl.article dt {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    #list_card__group .board__lists dl.article dd,
    #list_card__group .board__lists dl.article dt {
        font-size: 0;
        line-height: 1;
        margin-left: 4.26666667vw;
        margin-right: 4.26666667vw;
        position: relative;
    }

    #list_card__group .board__lists dl.article dt .m_cats .label {
        display: inline-block;
        background: #fff;
        border: 1px solid #0085ff;
        padding-left: 2.26666667vw;
        padding-right: 2.26666667vw;
        border-radius: 2.86666667vw;
        margin: 0;
        height: 5.46666667vw;
        line-height: 5.46666667vw;
        vertical-align: middle;
    }
    #list_card__group .board__lists dl.article dt .m_cats .tit {
        font-size: 4vw;
        margin-left: 1.6vw;
        font-weight: 400;
        color: #393434;
    }

    #list_card__group .board__lists dl.article dt .m_cats .tit, .label-other {
        height: 5.46666667vw;
        line-height: 5.46666667vw;
        vertical-align: middle;
    }
    #list_card__group .board__lists dl.article dt .m_cats .tit {
        display: inline-block;
    }
    #list_card__group .cats .cat,
    #list_card__group .cats .cat_all {
        display: inline-flex;
        align-items: center;
        gap: .8vw;
        line-height: 1;
    }
    #list_card__group .board__lists .m_cats:after{
        content: none;
    }
    #list_card__group .cats .cat strong.lab,
    #list_card__group .dbtn strong{
        font-size: 2.86666667vw;
    }
    #list_card__group .label .txt{
        font-size: 2.86666667vw;
    }
    #list_card__group .board__lists dl.article dd {
        padding-top: 2.93333333vw;
    }
    #list_card__group .board__lists dl.article dd .tit_content {
        display: flex;
    }
    #list_card__group .board__lists dl.article dd .tit_content .tit {
        width: fit-content;
        max-width: 90%;
        font-size: 4vw;
        letter-spacing: -.16vw;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        text-align: left;
        color: #393434;
    }
    #list_card__group .board__lists dl.article dd .dsc {
        word-break: keep-all;
        margin-top: 2.67vw;
        font-size: 3.2vw;
        letter-spacing: -.128vw;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.44;
        text-align: left;
        color: #888;
    }
    .detail__box{
        padding-top: 20px !important;
    }
    .detail__box__contain, .detail__box__heading{
        margin: 0 16px;
    }
    .detail__box__heading{
        padding: 16px 0;
        border-bottom: 1px solid #ebebeb;
    }
    .detail__box__contain{
        padding: 0;
    }
    .detail__box .infos{
        padding-top: 24px;
    }
    .detail__box__heading h2{
        color: #393434;
        font-size: 18px;
        font-weight: 700;
        line-height: 1.2;
        letter-spacing: -.9px;
        text-align: left;
    }
    .detail__box .infos h4{
        font-size: 18px;
        margin-bottom: 20px;
    }
    i.hico{
        width: 16px;
        height: 16px;
    }
    .detail__box .pictures .picture__flicks{
        width: 100%;
        height: 190px;
    }
    .detail__box .pictures .picture__flicks .swiper-slide{
        width: 100%!important;
        height: 100%!important;
    }
    .detail__box .pictures .picture__flicks img{
        object-fit: cover;
        object-position: center;
        height: 190px;
        border-radius: 10px;
    }
    .detail__box .infos__corp table tbody tr th{
        vertical-align: top;
        width: 47px;
        color: #999;
        font-size: 14px;
        font-weight: 600;
        line-height: 1.3;
        letter-spacing: -.7px;
    }
    .detail__box .infos__corp table tbody tr td{
        padding-left: 16px;
        font-size: 14px;
        line-height: 1.3;
        letter-spacing: -.7px;
        word-break: keep-all;
        word-wrap: break-word;
        color: #393434;
        font-weight: 500;
        padding-bottom: 20px;
    }
    .detail__box .infos__corp table tbody tr:last-child td{
        padding-bottom: 0;
    }
    .detail__box .infos__corp table tbody tr .c_red{
        float: left;
        width: 100%;
        font-size: 14px;
        word-break: keep-all;
        word-wrap: break-word;
        font-weight: 500;
        line-height: 1.3;
        letter-spacing: -.7px;
        padding-top: 10px;
    }
    .detail__box .infos .action .pull-left{
        margin-top: 20px!important;
        margin-bottom: 10px;
    }
    .detail__box .infos .action h4,
    .detail__box .infos .action p.warn{
        border-radius: 10px;
        border: 1px solid #f1f1f1;
        background: #f9f9f9;
        padding: 10px;
        display: flex;
        align-items: center;
        gap: 10px;
        color: #747474;
        font-size: 12px;
        font-weight: 500;
        line-height: 1;
        letter-spacing: -.6px;
        word-break: keep-all;
    }
    .detail__box .infos .action .pull-right{
        width: 100%;
        display: flex;
    }
    .detail__box .infos .action .pull-right .dbtn:first-child{
        border: 1px solid #393434 !important;
        background: #312e27 !important;
    }
    .detail__box .infos .action .pull-right .dbtn{
        width: 50% !important;
    }
    .dbtn.lg, .dbtn.bs, .dbtn.md{
        display: inline-flex;
        justify-content: center;
        align-items: center;
        height: 40px !important;
    }
    .dbtn.lg>em, .dbtn.lg>span, .dbtn.lg>strong, .dbtn.md>em, .dbtn.md>span, .dbtn.md>strong{
        font-size: 14px;
        font-weight: 700;
        line-height: 1;
        letter-spacing: -.7px;
    }
    .detail__box__wrap{
        background: transparent;
        box-shadow: none;
        border-radius: 0;
    }
    .detail__box__heading,
    .detail__box .infos{
        background: #fff;
        -webkit-box-shadow: 0 2px 15px 0 rgba(0, 0, 0, .15);
        box-shadow: 0 2px 15px 0 rgba(0, 0, 0, .15);
        border-radius: 10px;
        overflow: hidden;
        padding: 20px 16px;
        margin-bottom: 10px;
    }
    .detail__box .infos.infos__recruit{
        margin-bottom: 0;
        border-radius: 10px 10px 0 0;
    }
    .detail__box .infos.infos__recruit_info{
        margin-bottom: 10px;
        border-radius: 10px;
    }
    .detail__box .infos.infos__corp{
        border-radius: 0 0 10px 10px;
    }
    .detail__box .infos.infos__recruit_info .dl_table{
        display: flex;
        flex-direction: column;
    }
    .detail__box .infos.infos__recruit_info .dl_table dl{
        width: 100%;
        padding-left: 0;
    }
    .detail__box .infos.infos__recruit_info .dl_table dl:before{
        content: none;
    }
    .detail__box .infos.infos__recruit_info .dl_table dt{
        display: inline-block;
        width: 100%;
        overflow: hidden;
        color: #393434;
        text-overflow: ellipsis;
        font-size: 16px;
        font-weight: 700;
        line-height: 1;
        letter-spacing: -.8px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        margin-bottom: 20px;
    }
    .detail__box .infos.infos__recruit_info .dl_table ul.items{
        display: flex;
        flex-direction: column;
        gap: 20px;
        margin: 0;
        padding-bottom: 30px;
        margin-bottom: 30px;
        border-bottom: 1px solid #ebebeb;
    }
    .detail__box .infos.infos__recruit_info .dl_table dl:last-child ul.items{
        border-bottom: 0;
        padding-bottom: 0;
        margin-bottom: 0;
    }
    .detail__box .infos.infos__recruit_info .dl_table hr {
        background: #f1f1f1;
        height: 1px;
        border: 0;
        display: inline-block;
        width: 100%;
        margin: 20px 0;
    }
    .detail__box .infos.infos__recruit_info .dl_table li{
        display: flex;
        gap: 10px;
        flex-wrap: wrap;
    }
    .detail__box .infos.infos__recruit_info .dl_table li.sns em.lab{
        width: 100%;
    }
    .detail__box .infos.infos__recruit_info .dl_table dd{
        margin: 0;
    }
    .detail__box .infos.infos__recruit_info .dl_table em.lab{
        width: 47px;
        line-height: 1;
        height: 14px;
        color: #999;
        font-size: 14px;
        font-weight: 600;
        letter-spacing: -.7px;
    }
    .detail__box .infos.infos__recruit_info .dl_table strong.con{
        flex: 1 1 auto;
        width: 1%;
        min-width: 0;
        position: relative;
        flex-wrap: wrap;
        word-break: keep-all;
        word-wrap: break-word;
        color: #393434;
        font-size: 14px;
        font-weight: 500;
        line-height: 1;
        letter-spacing: -.7px;
    }
    .detail__box .infos .infos__tags{
        border: 0;
        box-shadow: none;
        padding: 0;
        background-color: transparent;
        border-radius: 0;
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        margin-bottom: 0;
    }
    .detail__box .infos .infos__tags .tag{
        display: inline-flex;
        align-items: center;
        justify-content: center;
        height: 30px;
        padding: 0 10px;
        border-radius: 4px;
        border: 1px solid #d9d9d9;
        margin: 0;
    }
    .detail__box .infos .infos__tags .tag span{
        display: block;
        color: #747474;
        font-size: 14px;
        font-weight: 600;
        line-height: 1;
        letter-spacing: -.7px;
        height: auto;
    }
    .detail__box .infos__readme .readme{
        text-align: center;
    }

    .detail__box .infos__locate{
        padding: 0;
        box-shadow: none;
        margin-top: 50px;
        border-radius: 0;
    }
    .detail__box .infos__locate address{
        color: #999;
        font-size: 12px;
        font-weight: 500;
        line-height: 2;
        letter-spacing: -.6px;
        background-size: 15px 18px;
        margin-bottom: 16px !important;
    }
    .detail__box .infos__locate .map{
        height: 200px;
    }
    .detail__box .infos__warning{
        box-shadow: none;
        border-radius: 0;
        padding: 50px 0 0 0 !important;
        border-bottom: 0;
    }
    .detail__box .infos__warning .warning_box{
        padding-left: 0;
        padding-top: 120px;
        background-size: 80px;
        background-position-x: center;
    }
    .detail__box .infos__warning .warning_box dt{
        padding-left: 0;
        align-items: center;
        color: #393434;
        font-size: 18px;
        font-weight: 700;
        line-height: 1;
        letter-spacing: -.9px;
        margin-bottom: 20px;
    }
    .detail__box .infos__warning .warning_box .items{
        display: flex;
        flex-direction: column;
        gap: 10px;
        margin: 0;
    }
    .detail__box .infos__warning .warning_box .items li{
        display: flex;
        gap: 3px;
        flex-wrap: wrap;
        word-break: keep-all;
        word-wrap: break-word;
        color: #747474;
        font-size: 12px;
        font-weight: 500;
        line-height: 1.3;
        letter-spacing: -.6px;
        padding-left: 6px;
    }
    .detail__box>.action{
        padding-bottom: 50px !important;
    }

    .fixed_bottom{
        box-sizing: border-box;
        z-index: 1000;
        position: fixed;
        width: 100%;
        height: 70px;
        bottom: 0;
        left: 0;
        gap: 7px;
        padding: 0 15px;
        border-top: solid 1px #f1f1f1;
    }
    .fixed_bottom, .fixed_bottom>a{
        display: flex;
        justify-content: center;
        align-items: center;
        background: #fff;
    }
    .fixed_bottom>a {
        flex: 1 0 0%;
        width: 33%;
        height: 50px;
        color: #999;
        font-size: 14px;
        font-weight: 700;
        line-height: 1;
        letter-spacing: -.7px;
        border-radius: 4px;
        border: 1px solid #d9d9d9;
    }
    .fixed_bottom>a.sms {
        width: 33%;
        color: #393434;
        border: 1px solid var(--color-primary);
    }
    .fixed_bottom>a.phone {
        border: 1px solid var(--color-primary);
        background: var(--color-primary);
        color: #fff;
    }
    .mobileview.header-wrap{
        position: fixed;
    }
    .l-column{
        padding: 0 16px 0 16px !important;
        width: 100%;
    }
    .l-column .l-aside{
        width: 100%;
    }
    .sect_heading{
        padding-top: 45px;
    }
    .sect_heading hgroup p strong{
        color: #312e27;
        font-size: 5.6vw;
        font-weight: 700;
        margin-right: 2vw;
    }

    .l-aside .aside_employee.mobileview{
        width: 100%!important;
    }
    .l-aside .aside_employee.mobileview .swiper-wrapper{
        position: relative;
        width: 100%;
        height: 100%;
        z-index: 1;
        display: flex;
        transition-property: transform;
        box-sizing: content-box;
    }
    .l-aside .aside_employee.mobileview .swiper-slide{
        width: 100%!important;
        margin-right: 10px;
        flex-shrink: 0;
    }
    .l-aside .aside_employee.mobileview .swiper-slide .rec__cont{
        position: relative;
        border-radius: 10px;
        width: 100%;
        height: 100%;
        filter: drop-shadow(0 2px 8px rgba(0, 0, 0, .08));
        overflow: hidden;
        background-color: #fff;
        padding-bottom: 16px;
    }
    .l-aside .aside_employee.mobileview .swiper-slide .tit{
        padding-top: 1.66666667vw;
        font-size: 4.7vw;
        font-weight: 600;
        line-height: 7vw;
        letter-spacing: -.19466667vw;
        color: #393434;
        padding-left: 2.5vw;
    }
    .l-aside .aside_employee.mobileview .swiper-slide .tit strong{
        display: inline-flex;
        align-items: center;
        font-weight: 700;
        height: 7vw;
        margin-bottom: 1vw;
        line-height: 1;
        color: #0085ff !important;
        letter-spacing: -.19466667vw;
        width: 100%;
    }
    .l-aside .aside_employee.mobileview .swiper-slide .tit span{

    }

    .l-aside .aside_employee.mobileview .swiper-slide .dsc{
        font-size: 3.53333333vw;
        font-weight: 600;
        line-height: 4.93333333vw;
        letter-spacing: -.14133333vw;
        color: #999;
        padding-left: 2.5vw;
    }

    .l-aside .aside_employee.mobileview .swiper-pagination{
        width: 100%;
        padding: 30px 0 0 0;
        gap: 6px;
        display: flex;
        justify-content: center;
        position: relative;
    }
    .l-aside .aside_employee.mobileview .swiper-pagination .swiper-pagination-bullet{
        width: 10px;
        height: 10px;
    }
    .l-column .l-section{
        width: 100%;
    }
    .l-column .l-section .sect_heading{
        margin-bottom: 20px !important;
        position: relative;
    }
    .sect_heading .register{
        position: absolute;
        top: 44px;
        height: 24px;
        width: auto;
    }
    .card_inbody_heading .label.where{
        background: #fff;
        border: 1px solid #0085ff;
        margin-left: 6px;
    }
    .card_inbody_heading .label.where em{
        color: #0085ff!important;
        font-size: 2.86666667vw;
        font-weight: 600;
    }
    .land_card_ui .card.mobileview .card_inbody_heading ul.cats{
        float: right !important;
        display: flex;
        gap: 12px;
        flex-direction: row-reverse;
    }
    .land_card_ui .card.mobileview .card_inbody_heading ul.cats li{
        font-weight: 400;
        font-size: 2.93333333vw;
        color: #666;
    }
    .land_card_ui .card.mobileview .card_inbody_heading:after{
        content: none;
    }
    .land_card_ui .card.mobileview .card_inbody_heading{
        width: auto;
    }
    .land_card_ui .card.mobileview .card_inbody_conts{
        display: flex;
        flex-direction: column;
        width: 100%;
        padding-left: 0;
        padding-top: 16px;
    }
    .land_card_ui .card.mobileview .card_inbody_conts .tit_content .tit{
        width: fit-content;
        max-width: 90%;
        font-size: 4vw;
        letter-spacing: -.16vw;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        text-align: left;
        color: #393434;
    }
    .land_card_ui .card.mobileview .card_inbody_conts .info{
        word-break: keep-all;
        margin-top: 2.67vw;
        font-size: 3.2vw;
        letter-spacing: -.128vw;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.44;
        text-align: left;
        color: #888;
    }
    .land_card_ui .card.mobileview{
        flex-direction: column;
    }
    .land_card_ui .card.mobileview:nth-child(2){
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    .post__form{
        padding: 0 16px !important;
    }
    .post__form .post__box{
        padding-top: 0!important;
    }
    .post__form .post__box table{
        width: 100%;
        display: flex;
        margin: 0;
    }
    .post__form .post__box table tbody{
        width: 100%;
    }
    .post__form .post__box table tbody tr{
        width: 100%;
        display: flex;
        position: relative;
        flex-direction: column;
    }
    .post__form .post__box table tbody tr td{
        width: 100%;
        border-bottom: 0;
    }
    .post__form .post__box table tbody tr th{
        width: 100%!important;
        background-color: #ededed;
    }
    .x1065{
        width: 100%!important;
    }
    .post__form .post__box table tbody .form_inputs.mobile{
        display: flex;
        align-items: center;
    }
    .post__form .post__box table tbody .sns_content{
        flex-direction: column;
    }
    .post__form .post__box table tbody .sns_content .dbtn.md{
        width: 100% !important;
    }
    .post__form .post__box table tbody .sns_editor{
        width: 100%;
        height: auto;
        margin-top: 0 !important;
    }
    .post__form .post__box table tbody .sns_editor #sns_id{
        width: 120px;
        margin-right: 5px;
    }
    .post__form .post__box table tbody .sns_editor select.sns_select{
        width: 70px;
        margin: 10px 5px 10px 10px;
    }
    .post__form .post__box table tbody .sns_editor .sns_icon{
        margin: 15px 0px 15px 5px;
    }
    .post__form .post__box table tbody .sns_editor button.add,
    .post__form .post__box table tbody .sns_editor button.cancel{
        margin: 10px 5px;
        height: 36px;
    }
    .post__form .post__box table tbody .pay_content .x150{
        width: 60px !important;
    }
    .post__form .post__box table tbody .warn.ml20{
        margin-left: 0 !important;
        margin-top: 10px;
    }
    .post__form .post__box table tbody .pay_content{
        display: flex;
        gap: 10px;
    }
    .post__form .uio_agreements{
        width: 100% !important;
        background-color: #fff !important;
    }
    .post__form .agreements__list{
        width: 100% !important;
        margin-left: 0 !important;
        padding: 16px;
    }
    .post__form .post__box .discovery-wrapper{
        display: inline-flex;
        flex-wrap: wrap;
        margin-bottom: 10px;
    }
    .post__form .post__box .job_type .radio-colgroup .rdo+.rdo{
        margin-left: 10px;
    }
    .post__form .post__box table tbody .warn.upload_tip{
        margin-left: 0 !important;
        margin-top: 10px;
    }


    .content-container section:first-child{
        margin-top: 16px !important;
    }
    .content-container section{
        padding: 10px!important;
    }
    .content-container section .row{
        width: 100%;
        flex-direction: column;
    }
    .content-container section .row>.col{
        width: 100%;
    }
    .content-container section .row>.col .card, .content-container section .row>.col-2 .card{
        width: 100%;
        min-height: auto;
    }
    .content-container section .row>.col .card>.card-body, .content-container section .row>.col-2 .card>.card-body{
        padding: 16px 10px;
    }
    .content-container section .row>.col .card .card-body button.btn-pc-guide,
    .content-container section .row>.col .card .card-body button.btn-mobile-guide{

    }
    .content-container section .row>.col .card .card-body>.col-wrap{
        display: flex;
        width: 100%;
        gap: 4vw 1.33vw;
        margin-top: 16px;
    }
    .content-container section .row>.col .card .card-body .col-wrap>.col{
        width: calc(33.333333% - .9vw);
    }
    .content-container section .row>.col .card .card-body>.col-wrap .card-header{
        height: 8.53vw;
        font-size: 14px;
        line-height: 3.2vw;
        letter-spacing: -.17vw;
        padding: 0 1vw;
    }
    .content-container section .row>.col .card .card-body>.col-wrap .card-body{
        height: auto;
        padding: 10px;
    }
    .content-container section .row>.col .card .card-body>.col-wrap .card-imgs{
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 1.73vw;
        height: 11.47vw;
    }
    .content-container section .row>.col .card .card-body>.col-wrap .card-imgs:before{
        width: 80%;
        margin-left: 0;
        margin-top: 0;
        transform: translate(-50%, -50%);
    }
    .content-container section .row>.col .card .card-body>.col-wrap .card-body small{
        color: #999;
        font-size: 2.67vw!important;
        font-style: normal;
        font-weight: 500;
        line-height: 2.67vw;
        height: 2.67vw;
        letter-spacing: -.13vw;
    }
    .content-container section .row>.col .card .card-body>.col-wrap .card-body strong{
        display: flex;
        align-items: center;
        color: #393434;
        font-size: .75rem!important;
        font-style: normal;
        font-weight: 700;
        line-height: 1.4;
        letter-spacing: -.17vw;
        margin-top: .125rem;
    }
    .content-container section .row>.col .card .card-body>.col-wrap .card-body strong:before{
        width: 12px;
        height: 12px;
        margin-right: 6px;
    }
    .content-container section .row>.col .card .card-body>.col-wrap .card-header_badge{
        font-weight: 700;
        background-color: red;
        font-size: .75rem;
        padding: .1rem .3rem;
        border-radius: 20px;
    }
    .content-container section .row>.col .card .card-body>.col-wrap .card-header .card-header_sup{
        gap: 4px;
    }
    .content-container section .row>.col .card .card-body .explan{
        min-height: auto;
    }
    .content-container section .card-help p{
        text-align: center;
        font-size: 2.93vw;
        font-style: normal;
        font-weight: 400;
        line-height: 1.3;
        letter-spacing: -.17vw;
    }
    .content-container section .card-help p+p{
        margin-top: 0;
    }
    .content-container section .card-help{
        padding: 10px;
    }
    .content-container section .card-center .h4{
        color: #393434;
        font-size: 3.73vw;
        font-style: normal;
        font-weight: 700;
        line-height: 3.73vw;
        letter-spacing: -.19vw;
    }
    .content-container section .card-center p{
        margin-top: 4.67vw;
        color: #999;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 3.47vw;
        letter-spacing: -.17vw;
        padding: 0 20px;
    }
    .content-container section .card-center{
        padding: 10px 6px;
    }
    .content-container section .card-center a.btn-center{
        width: 100%;
        height: 13.3vw;
        border: .27vw solid var(--color-primary);
        background: var(--color-primary);
        color: #fff;
    }
    .content-container section .swiper-pc,
    .content-container section .swiper-mobile{
        width: calc(100% - 20px);
        top: 10px!important;
        left: 10px!important;
        height: auto!important;
    }
    .content-container section .swiper-pc>.col,
    .content-container section .swiper-mobile>.col{
        display: none;
    }
    .content-container section .swiper-pc>.col-3,
    .content-container section .swiper-mobile>.col-3{
        position: absolute;
        z-index: 999;
        width: 100%;
        height: auto;
        background-color: transparent;
    }
    .swiper-mobile-html .banner-swiper swiper-slide, .swiper-pc-html .banner-swiper swiper-slide{
        flex-direction: column;
    }
    .swiper-mobile-html .banner-guide-swiper, .swiper-pc-html .banner-guide-swiper{
        width: 100%;
        height: auto;
        margin-top: 20px;
    }
    .swiper-mobile-html .banner-guide-title, .swiper-pc-html .banner-guide-title{
        height: auto;
    }
    .swiper-mobile-html .banner-swiper img, .swiper-pc-html .banner-swiper img{
        width: 100%;
        height: auto;
    }
    .content-container section.th__board_wrap,
    .th__helpdesk_group .latest-row .card,
    .th__helpdesk_group .latest-row .card-latest{
        width: 100%;
        margin: 0!important;
        padding: 16px !important;
    }
    .l-contents.l-helpdesk-contents{
        padding: 16px;
        box-sizing: border-box;
        background-color: #f5f5f5;
    }
    .th__board_wrap .heading .tit{
        gap: 10px;
    }
    .th__board_wrap .heading .tit strong,
    .th__helpdesk_group .latest-row .card .card-body .card-title>*,
    .th__helpdesk_group .latest-row .card-latest hgroup h2 strong {
        display: flex;
        align-items: end;
        gap: 10px;
        color: #393434;
        font-size: 18px;
        font-weight: 700;
        line-height: 1;
        letter-spacing: -1px;
    }
    .th__board_wrap .heading .tit small{
        color: #333;
        font-size: 12px;
        font-weight: 400;
        line-height: 1;
        letter-spacing: -.6px;
    }
    .th__board_wrap .heading .tit small .c_red{
        color: #0085ff;
        font-size: 12px;
        font-weight: 400;
        line-height: 1;
        letter-spacing: -.6px;
    }
    .th__board_wrap .heading .category .select-dropdown select{
        width: 80px !important;
        height: 20px !important;
        padding-right: 20px;
        padding-left: 10px;
        font-size: 12px;
    }
    .th__board_wrap .board_table_group table{

    }
    .th__board_wrap .board_table_group table tbody tr th[scope=row] span{
        font-size: 12px;
    }
    .th__board_wrap .board_table_group table tbody tr td a, .th__board_wrap .board_table_group table tbody tr th a{
        font-size: 14px;
    }
    .th__board_wrap .board_table_group table tbody tr td:first-child, .th__board_wrap .board_table_group table tbody tr th:first-child{
        padding-left: 0;
    }
    .th__board_wrap .board_table_group table tbody tr td:last-child, .th__board_wrap .board_table_group table tbody tr th:last-child{
        padding-right: 0;
    }
    .th__board_wrap .board_table_group table tbody tr td, .th__board_wrap .board_table_group table tbody tr th{
        padding: 0;
    }
    .th__board_wrap .board_table_group table tbody tr td.font-number{
        font-size: 12px;
    }
    .content-container .table-pagebox .page-btn,
    .content-container .table-pagebox .selected,
    .content-container .table-pagebox .notselected{
        width: 26px;
        height: 26px;
    }
    .link_center_group{
        background-color: #f5f5f5;
        padding-bottom: 30px;
        margin: 0 auto 0 !important;
        width: 100%;
    }
    .link_center_group>div.card{
        padding: 30px 20px;
    }
    .link_center_group>div.card .card_body{
        width: 100%;
    }
    .link_center_group>div.card::before{
        position: absolute;
        width: 60px;
        height: 60px;
        top: 20px;
    }
    .link_center_group>div.card .card_body h5, .link_center_group>div.card .card_body p{
        padding-left: 80px;
        font-size: 16px;
        font-weight: 600;
        line-height: 18px;
        letter-spacing: -.8px;
    }
    .link_center_group>div.card .card_body .button_group a{
        height: 36px;
    }
    .content-container section.th__detail_box{
        margin: 0!important;
        padding: 0 !important;
    }
    .th__detail_box .detail_box_board .detail_box_heading{
        padding: 16px;
        background-color: #fff;
    }
    .th__detail_box .detail_box_board .detail_box_heading .heading_subject h2{
        color: #393434;
        font-size: 18px;
        font-weight: 700;
        line-height: 130%;
        letter-spacing: -.9px;
    }
    .th__detail_box .detail_box_board .detail_box_heading .heading_subject{
        width: 100%;
    }
    .th__detail_box .detail_box_board .detail_box_heading .heading_subject .article_info .items{
        display: flex;
        width: 100%;
        gap: 20px;
        flex-direction: row;
    }
    .th__detail_box .detail_box_board .detail_box_heading .heading_subject .article_info .items li{
        color: #747474;
        font-size: 12px;
        font-weight: 500;
        line-height: 100%;
        letter-spacing: -.6px;
    }
    .th__detail_box .detail_box_board .detail_box_heading .heading_subject .article_info .items li:after{
        content: none !important;
    }
    .th__detail_box .detail_box_board .detail_box_contain{
        padding: 16px;
    }
    .th__detail_box .detail_action{
        margin-top: 20px;
    }
    .th__helpdesk_group .latest-row .card-latest hgroup h2{
        width: 100%;
        justify-content: space-between;
    }
    .th__helpdesk_group .latest-row .card .card-body .card-title{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .th__helpdesk_group .latest-row .card .card-body>p,
    .th__helpdesk_group .latest-row .card .card-body .card-time>p,
    .th__helpdesk_group .latest-row .card-latest ul.items li a>div>div:first-child span,
    .th__helpdesk_group .latest-row .card-latest ul.items li a>div>div:last-child strong{
        font-size: 14px;
    }
    .th__helpdesk_group .latest-row .card-latest ul.items li a>div>div:first-child{
        width: auto;
    }
    .th__board_wrap .faq_board_group ul.items li.collapsible>a strong .icon_q,
    .th__helpdesk_group .latest-row .card-latest ul.items li.collapsible>a strong .icon_q,
    .th__helpdesk_group .latest-row .card-latest ul.items li.collapsible>a strong{
        width: 22px;
        height: 21px;
        font-size: 14px;
    }
    .th__board_wrap .faq_board_group ul.items li.collapsible>a strong{
        font-size: 14px;
    }
    .th__board_wrap .faq_board_group ul.items li.collapsible>a::after{
        width: 12px;
        height: 12px;
        margin-top: -6px;
        background-size: contain;
    }
    .th__board_wrap .faq_board_group ul.items li.collapsible .collapsible_content{
        padding: 16px;
    }
    .th__board_wrap .faq_board_group ul.items li.collapsible .collapsible_content span{
        font-size: 14px!important;
    }
    #ctt{
        width: 100%;
        padding: 16px;
    }
    #ctt>div{
        padding: 16px;
    }
    .intro__wrap>.title{
        padding-top: 50px;
    }
    .intro__wrap>.title .tit{
        font-size: 16px;
    }
    .intro__wrap>.title .dsc{
        font-size: 14px;
        margin-top: 0;
    }
    .intro__wrap>.title .brand_sign{
        height: 200px;
        margin-top: 50px;
    }
    .intro__wrap .board__wrap{
        width: 100%;
        margin-top: 60px;
        padding-bottom: 40px!important;
    }
    .intro__wrap .board__wrap .top_container{
        width: 100%;
        gap: 20px 0;
    }
    #bbswrite{
        padding: 16px;
    }
    .writeTable tbody td.title{
        width: 60px;
    }
    .writeTable select{
        padding-right: 20px;
    }

    .main-container{
        width: 100%;
    }
    .mobile-main-container{

    }
    .mobile-table-container{
        width: 100%!important;
        padding: 16px!important;
        margin-bottom: 20px !important;
    }
    .content-container .page-forms-group .page-forms{
        display: flex;
        flex-direction: column;
        border: 0;
    }
    .content-container .page-forms-group .page-forms .input-label{
        background: transparent;
        padding: 0;
        font-weight: 600;
        font-size: 14px;
    }
    .content-container .page-forms-group .page-forms .input-forms{
        width: 100%;
        padding: 0;
        margin-top: 10px;
    }
    .content-container .page-forms-group.read-table .page-forms{
        margin-bottom: 16px;
    }
    .content-container .page-forms-group.read-table .input-forms{
        border-radius: 4px;
        border: 1px solid #D9D9D9;
        background: #FFF;
        padding: 10px;
    }
    .content-container .page-forms-group .page-forms .input-forms .input-group{
        width: 100%;
    }
    .content-container .page-forms-group .page-forms .input-forms input,
    .content-container .page-forms-group .page-forms .input-forms select{
        width: 100%!important;
    }
    .content-container .table-container{
        width: 100%;
    }
    .formbox{
        padding: 16px;
    }
    .formbox-item{
        display: flex;
        flex-direction: column;
        width: 100%;
        align-items: flex-start;
    }
    .formbox-item .formbox-item__text{
        width: 100%;
        margin-bottom: 8px;
    }
    .formbox-item .formbox-item__inp{
        width: 100%;
    }
    .table-container .tab-menu{
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }
    .formbox-item .dropdown{
        width: 100%;
    }
    .formbox-item select{
        width: 100% !important;
    }
    .content-container .td{
        height: 38px;
        font-size: 14px;
    }
    .content-container .qna-table .title-cell, .content-container .family-table .title-cell{
        width: auto;
    }
    .content-container .my-person-info-table .title-cell{
        width: fit-content;
        max-width: 200px;
    }
    .content-container .input-forms .dropdown{
        width: 100%;
    }
    .content-container .page-information{
        margin-bottom: 40px;
        width: calc(100% - 32px);
        margin-left: 16px;
        padding: 16px;
    }
    .content-container .summary-wrap{
        width: 100%;
        height: auto;
        border: 0;
        padding: 16px;
        margin-bottom: 20px;
        flex-direction: column;
    }
    .content-container .profile-wrap{
        display: flex;
        align-items: center;
        width: 100%;
        height: auto;
        border: 0;
        margin: 0;
        padding: 0;
    }
    .content-container .profile-wrap .user-name-wrap{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .content-container .profile-wrap .user-name-wrap .user-name{
        display: inline-flex;
        align-items: center;
        gap: 4px;
        margin-bottom: 8px;
        font-size: 18px;
    }
    .content-container .profile-wrap .user-name-wrap .bold-text{
        font-weight: 700;
    }
    .content-container .profile-wrap .user-name-wrap a.button{

    }
    .content-container .profile-wrap .user-name-wrap a.button:after {
        float: left;
        content: "";
        width: 16px;
        height: 16px;
        background-image: url(/img/m/icon_logout.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
    }

    .content-container .profile-wrap .user-name-wrap .edit-info-link-wrap{
        font-size: 12px;
        display: flex;
        flex-direction: row;
        gap: 8px;
    }

    .content-container .profile-wrap .user-name-wrap .edit-info-link-wrap a{
        display: flex;
        align-items: center;
    }

    .profile-image-wrap{
        position: relative;
        margin-right: 15px;
        width: 61px;
        height: 61px;
    }
    .profile-image {
        width: 100%;
        height: 100%;
        border: 1px solid #ebebeb;
        border-radius: 20px;
        background: #f6f6f6;
        overflow: hidden;
    }
    .profile-image.business{
        background-image: url(/img/icon_user.svg);
    }
    .profile-image.personal{
        background-image: url(/img/icon_user.svg);
    }

    .summary-wrap .paid-info-wrap{
        width: 100%;
        margin-top: 15px;
        padding: 15px;
        border-radius: 15px;
        border: 1px solid #ebebeb;
        background: #fff;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .summary-wrap .paid-info-wrap .status-chip{
        display: inline-block;
        padding: 3px 7px;
        border-radius: 3px;
        background: #0085ff;
        color: #fff;
        font-size: 11px;
        letter-spacing: -0.06rem;
    }
    .summary-wrap .paid-info-wrap .paid-name{
        margin: 10px 0;
        font-weight: 700;
        color: #0085ff;
        font-size: 16px;
        letter-spacing: -0.08rem;
    }
    .summary-wrap .paid-info-wrap .paid-desc-wrap{
        display: flex;
        width: 100%;
        justify-content: space-between;
        font-size: 12px;
        font-weight: 400;
        letter-spacing: -0.06rem;
    }
    .summary-wrap .paid-info-wrap .paid-desc-wrap .text:last-of-type{
        color: #ff3500;
    }

    .summary-wrap .paid-info-wrap.expired .status-chip{
        background-color: #999;
    }
    .summary-wrap .paid-info-wrap.expired .paid-name,
    .summary-wrap .paid-info-wrap.expired .paid-desc-wrap,
    .summary-wrap .paid-info-wrap.expired .paid-desc-wrap .text:last-of-type{
        color: #999;
    }

    .summary-wrap .main-menu-wrap{
        width: 100%;
        display: flex;
        margin-top: 20px;
        padding: 10px;
        border-radius: 15px;
        background: #0085ff;
        color: #fff;
        flex-direction: column;
        align-items: flex-start;
    }
    .summary-wrap .main-menu-wrap .title{
        font-weight: 700;
        font-size: 14px;
        margin-bottom: 5px;
        letter-spacing: -0.07rem;
    }
    .summary-wrap .main-menu-wrap .menu-link-wrap{
        display: flex;
        flex-wrap: wrap;
        gap: 15px 0;
        margin-top: 31px;
        width: 100%;
    }
    .summary-wrap .main-menu-wrap .menu-link{
        flex: 50%;
    }
    .summary-wrap .main-menu-wrap .menu-link a{
        display: flex;
        align-items: center;
        gap: 10px;
    }
    .summary-wrap .main-menu-wrap .icon-wrap{
        display: inline-block;
        width: 32px;
        height: 32px;
        border-radius: 10px;
        background: #fff;
        text-align: center;
    }
    .summary-wrap .main-menu-wrap .icon-wrap .icon{
        width: 20px;
        height: 20px;
        transform: translateY(25%);
    }
    .summary-wrap .main-menu-wrap .link-name{
        display: inline-block;
        font-weight: 700;
        font-size: 14px;
        letter-spacing: -0.07rem;
    }
    .content-container .table-container.mypage{
        padding: 16px;
        margin-bottom: 40px;
    }
    .content-container .table-title{
        font-size: 14px;
    }
    .content-container .title-line{
        display: none;
    }
    .content-container .table-container.mypage .page-information{
        width: 100%;
        margin-left: 0;
        margin-bottom: 0;
        padding: 16px;
    }
    .content-container .page-authentication{
        display: flex;
        align-items: flex-start;
        flex-direction: column;
    }
    .content-container .page-authentication > div{
        width: 100%;
        padding-left: 0;
        font-size: 14px;
    }
    .content-container .page-authentication > div:nth-child(1){
        font-weight: 500;
    }
    .content-container .page-authentication > div:nth-child(3){
        font-size: 12px;
        padding-left: 80px;
    }
    .content-container .table-container.mypage .table-btn{
        display: flex;
        align-items: center;
        font-weight: 400;
    }
    .content-container .table-container.mypage .table-btn:after{
        content: "";
        width: 14px;
        height: 14px;
        background-image: url('/img/m/arrow-right.svg');
        background-size: contain;
    }
    .logout-button-wrap{
        display: flex;
        gap: 10px;
        margin: 0 0 60px 0;
        width: 100%;
        justify-content: center;
        padding: 0 16px;
    }
    .logout-button-wrap a{
        flex: 1;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        height: 46px;
        border: 1px solid #ebebeb;
        border-radius: 10px;
        background: #f2f2f2;
        color: #626262;
        font-size: 14px;
        letter-spacing: -0.07rem;
    }
    .content-container .page-information-flex > div:first-child .icon-authentication{
        width: 80px;
        height: 80px;
        background-size: contain;
    }
    .content-container .page-information-flex{
        padding: 16px;
        margin-bottom: 30px !important;
    }
    .content-container .page-information-flex > div:first-child{
        width: 100px;
    }
    .content-container .page-information-flex > div:last-child{
        width: calc(100% - 100px);
    }
    .content-container .page-information-flex > div:last-child strong{
        font-size: 16px;
    }
    .content-container .page-information-flex > div:last-child p{
        font-size: 14px;
    }
    .content-container .page-forms-button{
        width: 100%;
        margin-bottom: 40px;
    }
    .content-container .page-forms-button [type=submit]{
        width: 100%;
    }
    .content-container .page-information.tax{
        padding: 16px;
        margin-left: 0;
        width: 100%;
    }
    .content-container .page-information.tax .paragraph-list{
        font-size: 14px!important;
    }
    .content-container .summary-wrap.mobileview{
        display: flex!important;
    }

    .th__helpdesk_group .latest-row{
        margin-top: 0;
        flex-direction: column;
    }
    .th__helpdesk_group .latest-row.faq-item{
        margin-top: 30px;
    }
    .th__helpdesk_group .latest-row.col-2>div {
        width: 100%;
    }

}