.step-mobile {
    display: none;
}

.step-mobile ul li {
    list-style: none;
}

.step-mobile ul li i {
    color: #f75239;
    margin-right: 15px;
}

@media (max-width: 920px) {
    header .logo {
        display: flex;
        align-items: center;
    }

    .service-page .list_offshore {
        justify-content: center;
    }

    .list_offshore_item {
        width: 50%;
        padding: 0 20px;
        margin-bottom: 20px;
    }

    .follow-develop {
        background: -moz-linear-gradient(110deg, #d2d2d2 41.4%, #d2d2d2 40.85%, #f4f4f4 40.2%, #f4f4f4 100%);
        background: -webkit-linear-gradient(110deg, #d2d2d2 41.4%, #d2d2d2 40.85%, #f4f4f4 40.2%, #f4f4f4 100%);
        background: linear-gradient(110deg, #d2d2d2 41.4%, #d2d2d2 40.85%, #f4f4f4 40.2%, #f4f4f4 100%);
    }

    .follow-develop .order-flow-wrapper {
        font-size: 13px;
        background: -moz-linear-gradient(110deg, #d2d2d2 0%, #d2d2d2 37.8%, #f4f4f4 37.7%, #f4f4f4 100%);
        background: -webkit-linear-gradient(110deg, #d2d2d2 0%, #d2d2d2 37.8%, #f4f4f4 37.7%, #f4f4f4 100%);
        background: linear-gradient(110deg, #d2d2d2 0%, #d2d2d2 37.8%, #f4f4f4 37.7%, #f4f4f4 100%)
    }

    .follow-develop .dl-first {
        width: 85%;
        margin-left: 18%;
        background: #d8d8d8;
        background: -moz-linear-gradient(110deg, #31708f 0%, #31708f 32.8%, #fff 32.9%, #fff 100%);
        background: -webkit-linear-gradient(110deg, #31708f 0%, #31708f 32.8%, #fff 32.9%, #fff 100%);
        background: linear-gradient(110deg, #31708f 0%, #31708f 32.8%, #fff 32.9%, #fff 100%);
    }

    .follow-develop .dl-second {
        background: -moz-linear-gradient(110deg, #31708f 0%, #31708f 32%, #fff 32.1%, #fff 100%);
        background: -webkit-linear-gradient(110deg, #31708f 0%, #31708f 32%, #fff 32.1%, #fff 100%);
        background: linear-gradient(110deg, #31708f 0%, #31708f 32%, #fff 32.1%, #fff 100%);
    }

    .follow-develop .dl-third {
        background: -moz-linear-gradient(110deg, #31708f 0%, #31708f 30.1%, #fff 30.2%, #fff 100%);
        background: -webkit-linear-gradient(110deg, #31708f 0%, #31708f 30.1%, #fff 30.2%, #fff 100%);
        background: linear-gradient(110deg, #31708f 0%, #31708f 30.1%, #fff 30.2%, #fff 100%);
    }

    .follow-develop .dl-fourth {
        background: -moz-linear-gradient(110deg, #31708f 0%, #31708f 29.6%, #fff 29.6%, #fff 100%);
        background: -webkit-linear-gradient(110deg, #31708f 0%, #31708f 29.6%, #fff 29.6%, #fff 100%);
        background: linear-gradient(110deg, #31708f 0%, #31708f 29.6%, #fff 29.6%, #fff 100%);
    }

    .cd-breadcrumb.triangle li > * {
        padding: 13px 0 13px 26px !important;
    }

    .news-page .entry-content {
        width: 100%;
    }

    .p-single .prev_next_link .prevlink:after,
    .p-single .prev_next_link .nextlink:after {
        top: 11px;
    }
}

@media (max-width: 767px) {
    body {
        font-size: 14px;
    }

    .news-page .c-list--definition dd {
        padding-left: 20px;
    }

    .news-page .c-list--definition__tag {
        padding: .5rem 1rem;
    }

    .top-service__image ul li {
        width: 50%;
        margin-right: 0;
    }

    .rst-inner-banner .introduction > span {
        font-size: 48px;
    }

    .introduction > .intro-page h1 {
        font-size: 40px;
        line-height: 0;
        margin-top: 35px;
        letter-spacing: 7px;
        margin-left: 0;
    }

    .sub-introduction p em {
        font-size: 1.2rem;
    }

    .sub-introduction p strong {
        width: 165px;
    }

    .top-title-general {
        margin-bottom: 10px;
        font-size: 30px;
    }

    .top-service__title {
        font-size: 20px;
    }

    .list-type5 ol {
        margin-left: 0;
    }

    .list-type5 ol li {
        padding-left: 46px;
    }

    .inner {
        padding: 20px 30px 10px;
    }

    .contact-kaiyouit .image_wrap {
        width: 22%;
    }

    footer .footer_cont .footer_menu .menu_wrap {
        width: 40%;
    }

    .list_offshore_item {
        width: 100%;
    }

    .list_offshore_content img.icon_offshore {
        width: 60%;
    }

    .list_offshore_content img.icon_onsite {
        width: 70%;
    }

    .list_offshore_content img.icon_nearshore {
        width: 48%;
    }

    .cd-breadcrumb, .cd-multi-steps {
        display: none !important;
    }

    .step-mobile {
        display: block;
    }

    .list_offshore_content {
        padding: 40px 25px 23px;
        text-align: center;
    }

    .list_offshore_content img {
        position: unset;
        left: 0;
        -webkit-transform: none;
        transform: none;
        margin-bottom: 30px;
    }

    .top-logo__list li {
        width: 22%;
    }

    .description-layout dd {
        margin-left: 200px;
    }

    .description-layout dt {
        width: 200px;
    }

    .description-layout {
        font-size: 13px;
    }

    .contact-kaiyouit p {
        font-size: 1.2em;
    }

    .follow-develop {
        background: none;
    }

    .transform-flow-dl-wrapper, .follow-develop .order-flow-wrapper {
        background: #ffffff !important;
        font-size: 12px;
    }

    .follow-develop .dl-first,
    .follow-develop .dl-second,
    .follow-develop .dl-third,
    .follow-develop .dl-fourth {
        margin: 0;
        width: 100%;
        background: #31708f;
        color: #ffffff;
        padding: 15px 0;
    }

    .bps-advantage-list li > .text-box {
        width: 65%;
        padding: 23px 10px 15px 10px;
        font-size: 14px;
    }

    .list-col-50per li {
        width: 100%;
        margin: 25px 0;
        font-size: 14px;
    }

    .float-contents .left-content.col-pattern-5 {
        width: 100%;
        margin-right: 0;
    }

    .float-contents .right-content.col-pattern-5 {
        width: 100%;
        margin-left: 0;
        height: auto;
        margin-bottom: 10px;
    }

    #contact .content form .form-item .select-customize::after {
        height: 40px;
    }

}

@media (max-width: 500px) {
    body {
        font-size: 13px;
    }

    .contact-kaiyouit .tel_area .number a {
        font-size: 0.8em;
    }

    .employment-info-page .contact-large-wrapper.entry .link-btn {
        width: 300px;
    }

    .rst-inner-banner .introduction > span {
        font-size: 42px;
    }

    .introduction > .intro-page h1 {
        font-size: 27px;
        line-height: 0;
        margin-top: 35px;
        letter-spacing: 7px;
        margin-left: 0;
    }

    .connect-text {
        display: block;
    }

    .top-service__copy {
        font-size: 13px;
        margin-bottom: 30px;
    }

    .top-service__title {
        font-size: 16px;
        margin-left: 0;
        margin-bottom: 15px;
    }

    .top-service__image {
        margin-bottom: 0;
    }

    .container-section {
        padding: 0;
    }

    .top-title-general {
        margin-bottom: 10px;
        font-size: 24px;
    }

    .list-type5 ol li {
        width: 100%;
    }

    .trading-company-list li {
        width: 49%;
        padding: 0 10px;
        height: auto;
        display: inline-block;
        margin-bottom: 0;
        box-sizing: border-box;
    }

    .open-contents.faq > dt {
        font-size: 13px;
        padding: 10px 28px 20px 55px;
        line-height: 1;
    }

    .open-contents > i {
        right: 0;
        top: 20px;
    }

    .open-contents.faq > dt::before, .open-contents.faq > dd::before {
        background-size: 28px;
        padding: 16px;
    }

    .c-list--definition__tag {
        padding: .5rem 0;
    }

    .c-list--definition dt {
        width: 40%;
    }

    .c-list--definition dd {
        padding-left: 20px;
    }

    .inner {
        padding: 20px 15px 10px;
        overflow: hidden;
    }

    section.sec-recruit {
        padding-bottom: 50%;
        background-position: center bottom;
    }

    span.btn_tx {
        font-size: 13px;
    }

    footer .footer_cont .footer_top_wrap a.btn2 {
        margin: 20px auto;
        font-size: 13px;
    }

    footer p {
        font-size: 10px;
    }

    .service-page .offshore_text {
        font-size: 13px;
        line-height: 26px;
        padding-bottom: 24px;
    }

    .list_offshore_text {
        font-size: 13px;
    }

    .service-laboratory__copy {
        font-size: 16px;
    }

    .note-txt p {
        font-size: 13px;
    }

    .service-page .explain {
        margin: 0 auto 40px;
        max-width: 860px;
        font-size: 13px;
    }

    .top-logo__list li {
        width: 31%;
    }

    .description-layout dt {
        width: 110px;
    }

    .description-layout dd {
        margin-left: 110px;
    }

    .follow-develop dl dt {
        background-size: 24px;
        padding-left: 50px;
        width: 40%;
    }

    .estimate-price .summary {
        margin-bottom: 20px;
        font-size: 13px;
    }

    .contact-kaiyouit p {
        font-size: 0.8em;
    }

    .content {
        padding: 10px 0;
    }

    .trading-company-list li .img-box, .php-achievement-list li .img-box {
        margin-bottom: 0;
    }

    .description-layout.bg-medium dt {
        width: 90px;
    }

    .description-layout.bg-medium dd {
        margin-left: 90px;
    }

    .description-layout.bg-medium dd.none-margin {
        margin-left: 0;
    }

    .news-page .c-list--definition dt {
        padding-left: 10px;
        width: 30%;
    }

    .news-page .c-list--definition dd {
        width: 70%;
    }

    .news-page .entry-content {
        padding: 0 10px;
    }

    #contact .button-back {
        width: 290px;
        margin: 0 auto 16px;
        display: block;
    }

    #contact .content form .button-wrapper .submit-button {
        width: 96%;
        margin: 0 auto;
        display: block;
    }

    .rst-inner-banner img {
        margin: 42px 7px 50px 0;
        width: 24px;
    }

    .fa-facebook-messenger.open-button {
        font-size: 35px;
        bottom: 65px;
        right: 5px;
    }

    .bps-advantage-list li > .img-box {
        width: 100%;
        display: block;
    }

    .bps-advantage-list > li {
        display: block;
    }

    .contact-kaiyouit .image_wrap {
        right: 15px;
    }

    .contact-kaiyouit .tel_area {
        padding: 5px 70px 5px 10px;
    }

    footer {
        padding: 0 15px;
    }

    .about-page .subordinate-heading {
        padding: 0;
    }

    .bps-advantage-list {
        margin: 15px auto 0 auto;
    }

    .working-environment img, .career-path img {
        margin-bottom: 15px;
    }

    .content-heading {
        margin: 0 0 10px;
    }

    .list-col-50per li {
        margin: 0;
    }

    .default-table dd {
        padding: 1% 4%;
        text-align: justify;
    }

    .description-layout ul.company-list {
        width: 100%;
    }
}