@media (min-width: 765.01px) {
    .site-anhtt-temporary-complete .wrap-dh {
        background-image: url(../img/shigoto/cover.webp);
        background-size: cover;
        background-repeat: no-repeat;
        text-align: center;
        height: 11vw;
        justify-content: center;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        flex-direction: column;
    }

    .site-anhtt-temporary-complete .wrap-dh p, .site-anhtt-temporary-complete .wrap-dh h1 {
        margin: 0;
        color: #ff551b;
        font-size: 24px;
        width: 100%;
        font-weight: 300;
        line-height: 1.6;
    }

    .site-anhtt-temporary-complete .wrap-dh p.span, .site-anhtt-temporary-complete .wrap-dh h1 span.span {
        margin: 0;
        color: #ff551b;
        font-size: 36px;
        font-weight: 500;
    }

    .site-anhtt-temporary-complete .wrap-dh h1 span.span {
        line-height: 38px;
        width: 100%;
        display: block;
    }

    .site-anhtt-temporary-complete .w-cta {
        text-align: center;
        padding: 0
    }

    .site-anhtt-temporary-complete .w-cta p {
        display: inline-block;
        margin: 0 auto 5px auto;
        padding-bottom: 20px;
        position: relative;
        color: #3264b4;
        font-size: 28px;
        font-weight: 500;
        padding-left: 8px;
    }

    .site-anhtt-temporary-complete .w-cta p:before {
        content: '';
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        background-image: url(../img/intro/icon_title.png);
        height: 18px;
        width: 245px;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .site-anhtt-temporary-complete .w-cons-top-bg {
        margin: 0 auto;
        text-align: center;
    }

    .site-anhtt-temporary-complete .w-cons-top-bg img {
        max-width: 1510px;
        margin: 0 auto;
        text-align: center;
        width: 100%;
    }

    .w-cons-top-p {
        text-align: center;
        font-weight: 300;
        font-size: 18px;
        line-height: 27px;
    }

    .w-step h2 {
        color: #3264B4;
        font-size: 34px;
        font-weight: 500;
        margin-bottom: 30px;
        padding-bottom: 10px;
        border-bottom: 6px solid #3264be;
        line-height: 34px;
    }

    .w-step.w-step1 h2 {
        margin-top: 63px;
    }

    .w-step.w-step1 .w-step1-items {
        display: flex;
        flex-wrap: wrap;
        margin-left: -25px;
    }

    .w-step.w-step1 .w-step1-items .w-step1-item {
        width: 33.33%;
        position: relative;
        height: 125px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 25px;
    }

    .center-btn-group {
        text-align: center;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .center-btn-group > img {
        width: 100%;
        max-width: 196px;
        display: block;
        margin-bottom: 10px;
    }

    .center-btn-group > a{
        margin-bottom: 0;
    }
    .center-btn-group > a > img {
        width: 100%;
        max-width: 520px;
        display: block;
        margin-bottom: 77px;
    }

    .point-label {
        display: flex;
        justify-content: center;
    }

    .point-label img {
        width: 100%;
        max-width: 82px;
        height: auto;
    }

    .middle-content {
        padding-top: 66px;
        background-color: #F5F5F5;
        padding-bottom: 15px;
    }

    .hightlight-title .h3-flex {
        display: flex;
        justify-content: center;
        margin-bottom: 20px;
        margin-top: 25px;
    }

    .point-group {
        margin-bottom: 60px;
    }

    .hightlight-title .h3-flex h3 {
        font-weight: 500;
        font-size: 30px;
        z-index: 2;
        margin: 0;
        position: relative;
    }

    .hightlight-title .h3-flex .container-center-h {
        position: relative;
    }

    .hightlight-title .h3-flex .yellow-bg-x {
        position: absolute;
        left: -15px;
        bottom: -6px;
        width: calc(100% + 30px);
        height: 15px;
        background-color: #FFE66E;
        z-index: 1;
    }
    .hightlight-title .h3-flex.h3-fullwidth .yellow-bg-x {
        width: calc(100% + 20px);
    }

    .temporary-normal-text {
        font-weight: 300;
        font-size: 18px;
        line-height: 27px;
    }

    .temporary-normal-text h4 {
        font-weight: 500;
        font-size: 22px;
        line-height: 33px;
        margin-bottom: 5px;
        color: #FF7844;
    }

    .short-center {
        width: 100%;
        max-width: 824px;
        margin: 0 auto;
    }

    .temporary-img-point {
        text-align: center;
    }

    .temporary-img-point img {
        max-width: 100%;
        height: auto;
    }

    .temporary-img-point2 {
        margin-top: 42px;
        text-align: center;
    }

    .temporary-img-point3 {
        margin-top: 15px;
    }

    .temporary-img-point2 img {
        max-width: 740px;
        margin: 0 auto;
    }

    .temporary-img-point3 img {
        max-width: 802px;
        width: 100%;
    }

    .p-t-5-pc {
        padding-top: 5px;
    }
    .p-t-22-pc {
        padding-top: 22px;
    }

    .p-t-32-pc {
        padding-top: 22px;
    }

    .p-t-50-pc {
        padding-top: 50px;
    }

    .p-t-10-pc {
        padding-top: 10px;
    }

    .p-t-37-pc {
        padding-top: 37px;
    }

    .temporary-normal-text-824 {
        max-width: 824px;
    }

    .line-inside-link {
        font-weight: 300;
        font-size: 24px;
        text-decoration: underline;
        text-decoration-thickness: from-font;
        text-underline-offset: 4px;
    }
    .site-anhtt-top-complete .top-intro2 {
        background-image: unset;
        padding-top: 0;
    }
    .w-step3 .center-btn-group>a>img {
        margin-bottom: 70px;
    }
    .w-step3 .center-btn-group>a {
        margin-bottom: 0;
    }
    .site-anhtt-top-complete .top-intro2 .intro-notice.intro-notice-2 {
        background-color: #ffd340;
    }
    .product-link-from-top {
        text-decoration: underline;
    }
    .label-groups {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .label-groups .label-item {
        width: 48.5%;
        padding: 21px 22px 25px 27px;
        margin-bottom: 30px;
        border: solid 3px #FFB69A;
    }
    .label-groups .label-item .label-header{
        display: flex;
        justify-content: start;
        padding-bottom: 10px;
    }
    .label-groups .label-item .label-badge-left {
        line-height: 30px;
        font-size: 18px;
        font-weight: 500;
        padding: 0 14px;
        background-color: #FF9871;
        color: #fff;
        margin-right: 20px;
    }

    .label-groups .label-item .label-title-right {
        line-height: 30px;
        font-size: 18px;
        font-weight: 500;
    }
    .label-groups .label-item .label-body {
        font-weight: 300;
        font-size: 16px;
        line-height: 24px;
    }
    .w-step.w-step5 {
        margin-top: 35px;
    }
    .short-center.short-center2 {
        max-width: 868px;
    }

    .text-indent {
        padding-left: 18px;
        text-indent: -18px;
    }
    .p-l-6 {
        padding-left: 6px;
    }













}

@media (max-width: 765px) {
    .p-r-15-sp {
        padding-right: 15px !important;
    }

    .site-anhtt-temporary-complete .w-hd {
        padding-top: 30px
    }

    .site-anhtt-temporary-complete .w-hd .nav-2 ul {
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex
    }

    .site-anhtt-temporary-complete .w-hd .nav-2 ul li {
        margin-right: 15px;
        background-color: #c0c9cf;
        border-radius: 10px 10px 0 0;
        text-align: center;
        padding: 10px 20px;
        width: 150px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap
    }

    .site-anhtt-temporary-complete .w-hd .nav-2 ul li span {
        color: #fff;
        font-size: 12px
    }

    .site-anhtt-temporary-complete .w-hd .nav-2 ul li p {
        margin-bottom: 0;
        color: #fff;
        font-size: 15px;
        width: 100%
    }

    .site-anhtt-temporary-complete .w-hd .nav-2 ul li img {
        max-width: 30px
    }

    .site-anhtt-temporary-complete .w-hd .nav-2 ul li.active {
        background-color: #ff7844
    }

    .site-anhtt-temporary-complete .wrap-dh {
        background-image: url(../../../2023_design/assets/img/shigoto/cover_new_sp.png);
        background-size: cover;
        background-repeat: no-repeat;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        text-align: center;
        height: 30vw;
        flex-direction: column;
        padding-left: 25px;
    }

    .site-anhtt-temporary-complete .wrap-dh p, .site-anhtt-temporary-complete .wrap-dh h1 {
        margin: 0;
        color: #ff551b;
        font-size: 12px;
        width: 100%;
        font-weight: 300;
    }

    .site-anhtt-temporary-complete .wrap-dh h1 {
        line-height: 1.6;
    }

    .site-anhtt-temporary-complete .wrap-dh p.span, .site-anhtt-temporary-complete .wrap-dh h1 span.span {
        margin: 0;
        color: #ff551b;
        font-size: 20px;
        font-weight: 500;
    }

    .site-anhtt-temporary-complete .wrap-dh h1 span.span {
        display: block;
        width: 100%;
    }











    .site-anhtt-temporary-complete .w-cons-top-bg {
        margin: 0 auto;
        text-align: center;
        background-image: url(../../../2023_design/assets/img/temporaryworker/top-bg-sp.png);
        height: 146px;
        width: 100%;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 96%;
        margin-left: 15px;
        margin-top: -55px;
        background-position-x: 0px;
    }
    @media (min-width: 424px) {
        .site-anhtt-temporary-complete .w-cons-top-bg {
            background-size: 100%;
        }
    }

    .site-anhtt-temporary-complete .w-cons-top-bg img {
        max-width: 1510px;
        margin: 0 auto;
        text-align: center;
        width: 100%;
    }

    .w-cons-top-p {
        text-align: left;
        font-weight: 300;
        font-size: 13px;
        line-height: 18px;
        padding-left: 15px;
        padding-right: 15px;
        margin-top: -20px;
    }

    .w-step h2 {
        color: #3264B4;
        font-size: 24px;
        font-weight: 500;
        margin-bottom: 30px;
        padding-bottom: 10px;
        border-bottom: 4px solid #3264be;
        line-height: 25px;
        padding-left: 15px;
    }

    .w-step.w-step1 h2 {
        margin-top: 50px;
        margin-bottom: 15px;
    }

    .w-step.w-step1 .w-step1-items {
        display: flex;
        flex-wrap: wrap;
        padding-right: 15px;
        justify-content: space-between;
    }

    .w-step.w-step1 .w-step1-items .w-step1-item {
        width: 49%;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 15px;
    }
    .w-step.w-step2, .w-step.w-step6 {
        max-width: 82%;
        margin: 0 auto;
    }

    .center-btn-group {
        text-align: center;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .center-btn-group > img {
        max-width: 40%;
        display: block;
        margin-bottom: 10px;
    }

    .center-btn-group > a{
        margin-bottom: 0;
    }
    .center-btn-group > a > img {
        width: 100%;
        max-width: 520px;
        display: block;
        margin-bottom: 47px;
    }

    .point-label {
        display: flex;
        justify-content: center;
    }

    .point-label img {
        width: 13%;
        max-width: 65px;
        height: auto;
    }

    .middle-content {
        padding-top: 40px;
        background-color: #F5F5F5;
        padding-bottom: 15px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .hightlight-title .h3-flex {
        display: flex;
        justify-content: center;
        margin-bottom: 16px;
        margin-top: 13px;
    }

    .point-group {
        margin-bottom: 33px;
    }

    .hightlight-title .h3-flex h3 {
        font-weight: 500;
        font-size: 20px;
        z-index: 2;
        margin: 0;
        position: relative;
    }

    .hightlight-title .h3-flex .container-center-h {
        position: relative;
    }

    .hightlight-title .h3-flex .yellow-bg-x {
        position: absolute;
        left: -8px;
        bottom: -6px;
        width: calc(100% + 16px);
        height: 15px;
        background-color: #FFE66E;
        z-index: 1;
    }

    .hightlight-title .h3-flex.h3-fullwidth .yellow-bg-x {
        width: calc(100% + 10px);
    }

    .temporary-normal-text {
        font-weight: 300;
        font-size: 13px;
        line-height: 19.5px;
    }

    .temporary-normal-text h4 {
        font-weight: 500;
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 5px;
        color: #FF7844;
    }

    .short-center {
        width: 100%;
        max-width: 824px;
        margin: 0 auto;
    }

    .temporary-img-point {
        text-align: center;
    }
    .temporary-img-point.line-link-img {
        margin-top: -22px;
    }

    .temporary-img-point img {
        max-width: 87%;
        height: auto;
    }

    .temporary-img-point2 {
        margin-top: 17px;
    }

    .temporary-img-point3 {
        margin-top: 0;
        margin-left: -15px;
        margin-right: -15px;
    }

    .temporary-img-point2 img {
        max-width: 740px;
        width: 100%;
    }

    .temporary-img-point3 img {
        max-width: 802px;
        width: 100%;
    }


    .p-t-22-pc {
        padding-top: 22px;
    }

    .p-t-32-pc {
        padding-top: 22px;
    }

    .p-t-50-pc {
        padding-top: 50px;
    }

    .p-t-10-pc {
        padding-top: 10px;
    }

    .p-t-37-pc {
        padding-top: 37px;
    }

    .p-t-22-sp {
        padding-top: 22px;
    }

    .p-t-32-sp {
        padding-top: 22px;
    }

    .p-t-50-sp {
        padding-top: 50px;
    }

    .p-t-10-sp {
        padding-top: 10px;
    }

    .p-t-37-sp {
        padding-top: 37px;
    }
    .p-t-5-sp {
        padding-top: 5px;
    }

    .temporary-normal-text-824 {
        max-width: 824px;
    }

    .line-inside-link {
        font-weight: 300;
        font-size: 14px;
        text-decoration: underline;
        text-decoration-thickness: from-font;
        text-underline-offset: 4px;
    }
    .site-anhtt-top-complete .top-intro2 {
        background-image: unset;
        padding-top: 0;
    }
    .w-step3 .center-btn-group>a>img {
        margin-bottom: 70px;
    }
    .w-step3 .center-btn-group>a {
        margin-bottom: 0;
    }
    .site-anhtt-top-complete .top-intro2 .intro-notice.intro-notice-2 {
        background-color: #ffd340;
    }
    .product-link-from-top {
        text-decoration: underline;
    }
    .label-groups {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .label-groups .label-item {
        width: 100%;
        padding: 20px 17px 21px 19px;
        margin-bottom: 17px;
        border: solid 2px #FFB69A;
    }
    .label-groups .label-item .label-header{
        display: flex;
        justify-content: start;
        padding-bottom: 10px;
    }
    .label-groups .label-item .label-badge-left {
        line-height: 24px;
        font-size: 15px;
        font-weight: 300;
        padding: 0 8px;
        background-color: #FF9871;
        color: #fff;
        margin-right: 11px;
    }

    .label-groups .label-item .label-title-right {
        line-height: 24px;
        font-size: 15px;
        font-weight: 500;
    }
    .label-groups .label-item .label-body {
        font-weight: 300;
        font-size: 13px;
        line-height: 19px;
    }
    .w-step.w-step5 {
        margin-top: 35px;
    }
    .short-center.short-center2 {
        max-width: 868px;
    }
    .sha-container-sp {
        margin-left: 15px;
        margin-right: 15px;
    }
    .w-step.w-step4 h2, .w-step.w-step5 h2 {
        margin-left: -15px;
        margin-right: -15px;
        margin-bottom: 25px;
    }

    .text-indent {
        padding-left: 12px;
        text-indent: -12px;
    }
    .p-l-6 {
        padding-left: 3px;
    }
    @media (max-width: 384px) {
        .hightlight-title .h3-flex h3 {
            font-size: 18px;
        }
    }
    @media (max-width: 349px) {
        .hightlight-title .h3-flex h3 {
            font-size: 16px;
        }
    }
}