/* css for PC */
@media only screen and (min-width: 1024px) {
    body {
        zoom: 0.9;
    }

    .ind_block02_title {
        letter-spacing: -1px;
    }

    .en,
    .title ._en {
        font-family: "Futura Bold";
        letter-spacing: 0px;
    }

    .ind_block04 .en {
        font-size: 35px;
    }

    .ind_block02_img img {
        display: block;
        transform: scale(1);
        transition: transform 1.0s cubic-bezier(0.4, 0, 0.2, 1);
        will-change: transform;
    }

    .csr_text li {
        position: relative;
        padding-left: 24px;
    }

    .form_page__detail dt {
        color: #0A4BB7;
        letter-spacing: 1px;
    }

    .form_privacy__scroll {
        background-color: #f1f1f1;
        height: 203px;
    }

    .form_page__detail .form_acceptance {
        margin-bottom: 32px;
        width: 100%;
        font-weight: 500;
        font-size: 15px;
    }

    .form_page__detail dd ._group .btn_autofill {
        background-color: #0b4bb7;
    }

    .form_page__detail .form_btn {
        --btn-width: 100%;
        --btn-color-text: #fff;
        --btn-font-size: 22px;
        --btn-color-bg: #0A4BB7;
        --btn-color-bg-hover: #0A4BB7;
        --btn-color-border: #0A4BB7;
        width: 561px;
        height: 90px;
    }

    .btn:hover {
        border: 3px solid #0A4BB7;
        background-color: #fff;
        color: #0A4BB7;
        text-decoration: none;
    }

    .form_page__detail dd .wpcf7-radio {
        padding-left: 0px;
    }

    .form_page .main_title02 {
        line-height: 1.8;
    }

    .form_page_confirm ._confirm_title {
        margin-bottom: 50px;
        color: #0b4bb7;
        font-size: 25px;
    }

    .form_page__detail .form_btn_group .btn:hover {
        border: 3px solid #0A4BB7;
    }

    .form_page_confirm .form_btn_group .form_btn.btn-button {
        --btn-color-bg: #c6ccd8;
        --btn-color-bg-hover: #c6ccd8;
        --btn-color-border: #c6ccd8;
        cursor: pointer;
    }

    .form_page__detail dd .file-box .file-btn {
        border: 0px solid #938989;
        background: #0b4bb7;
        color: #FFFFFF;
    }

    .main_visual__title ._en {
        margin-bottom: 20px;
        font-size: 88px;
        letter-spacing: 3px;
    }

    .main_visual + #main_content {
        margin-top: 635px;
    }

    .company-profile_block03 ._desc {
        font-size: 16px;
    }

    .message_block01_content ._mbt02 {
        margin-bottom: 28px;
        font-weight: 700;
    }

    .message_block03 h5 {
        margin: 0 auto;
        max-width: 1900px;
        font-size: 91px;
        letter-spacing: -5px;
    }

    .business_block01_list ._text {
        min-height: 108px;
        font-weight: bold;
        font-size: 17px;
        letter-spacing: -0.5px;
    }

    .business_block03 {
        margin-top: 125px;
        padding-bottom: 140px;
    }

    .business_block01_list ._title {
        margin-bottom: 20px;
        font-size: 21px;
        letter-spacing: -1px;
        text-align: center;
    }

    .oem_title ._en {
        margin-bottom: 3px;
        font-size: 45px;
        line-height: 100%;
        letter-spacing: 0px;
    }

    .oem_title ._ja {
        margin-top: 12px;
        font-weight: 700;
        font-size: 25px;
    }

    .oem_strength ._item p {
        font-size: 17px;
        line-height: 170%;
    }

    .oem_flow_intro {
        margin-top: -10px;
        margin-bottom: 45px;
        font-size: 18px;
        line-height: 170%;
        text-align: center;
    }

    .oem_flow_list ._item_text {
        font-size: 17px;
        line-height: 170%;
    }

    .oem_flow_list ._item_name {
        margin-bottom: 19px;
        font-size: 22px;
        line-height: 160%;
        text-align: center;
    }

    .oem_flow_list ._item_step {
        margin-bottom: 10px;
        margin-bottom: 5px;
        font-size: 29px;
        line-height: 160%;
        text-align: center;
    }

    .main_visual._bg_center .main_visual__title h2 ._en {
        margin-bottom: 8px;
        font-size: 100px;
    }

    .careers_block01 p {
        font-size: 21px;
        line-height: 210%;
    }

    .careers_block01 h3 {
        font-size: 68px;
    }

    .careers_title span:last-child {
        font-size: 50px;
        line-height: 100%;
    }

    .careers_title .en {
        padding-bottom: 0px;
        color: rgba(110, 95, 57, 0.1);
        font-size: 91px;
        line-height: 90%;
    }

    .ind_block03_info ._des {
        margin-bottom: 47px;
        font-size: 18px;
        line-height: 1.5;
        letter-spacing: 0px;
    }

    .common_entry .btn {
        min-width: 810px;
        height: 130px;
    }

    .ourwork_block__job_main ._list p {
        flex: 1;
        margin-top: -55px;
        border-radius: 14px;
        background-color: #F5F5F5;
        padding: 60px 25px 31px;
        line-height: 1.5;
        letter-spacing: 0px;
        text-align: start;
    }

    .ourwork_block__job_main ._text {
        margin-bottom: 35px;
        margin-left: 15px;
        line-height: 160%;
        letter-spacing: -0.5px;
    }

    .ind_block03_info ._des {
        margin-bottom: 47px;
        font-weight: 600;
        font-size: 17px;
        line-height: 1.5;
        letter-spacing: 0px;
    }

    .ind_block03_info ._text {
        margin-bottom: 30px;
        font-size: 39px;
        line-height: 125%;
        letter-spacing: -2px;
    }

    .ind_block03 ._title {
        margin-bottom: 110px;
        margin-left: 40px;
        color: #0A4BB7;
        font-size: 74px;
        line-height: 120%;
        letter-spacing: -1px;
        text-align: center;
    }

    .ind_text_translate {
        letter-spacing: -6px;
    }

    .ind_block02 h4 {
        font-size: 30px;
        letter-spacing: 1px;
    }

    .ind_block02_link ._text01 {
        font-size: 25px;
        letter-spacing: 0px;
    }

    .ind_block03 ._title {
        margin-left: 40px;
    }

    .form_page_thanks ._title {
        color: #0b4bb7;
    }

    .form_page_thanks .thanks_box {
        color: #0b4bb7;
        text-align: center;
    }

    .form_page_thanks .container a {
        color: #0b4bb7;
    }
}

.ind_block03_content:before {
    background-image: url(https://www.sugieseiki.co.jp/wp/wp-content/uploads/ind-img06_1.jpg);
    width: 100%;
    height: 819px;
    content: "";
}

.message_block01_img {
    position: relative;
    width: 614px;
}

.message_block01_img img {
    margin-left: 34px;
    border: 4px solid #0A4BB7;
    border-radius: 50%;
}

.application_infor_text01 {
    margin-bottom: 26px;
    border-bottom: 1px solid #0A4BB7;
    padding-bottom: 17px;
    font-size: 25px;
    line-height: 100%;
}

.csr_title {
    margin-bottom: 70px;
    font-size: 50px;
    line-height: 100%;
}

.company-profile_block04 ._text p {
    font-weight: bold;
    font-size: 18px;
}

.business_block03 {
    padding-bottom: 0px;
}

.business_block03_list ._item {
    padding: 46px 15px;
    height: 330px;
}

.message_block01_content ._left {
    left: -33px;
}

@media only screen and (max-width: 768px) {
    /* css for SMP */

    .ind_block02_title ._text {
        padding-left: 0;
        font-size: 230%;
        letter-spacing: -2px;
        text-shadow: 2px 2px 16px #fff;
    }

    .ind_block02_link02 a {
        font-weight: 600;
        letter-spacing: 0px;
    }

    .ind_block02 h4 {
        padding: 44px 0 40px;
        font-size: 139%;
        letter-spacing: 1px;
    }

    .ind_block02_box ._line {
        font-size: 165%;
    }

    .ind_block02_box ._line {
        border-radius: 10px;
        padding: 15px 5px 15px 10px;
        min-width: 55%;
        font-size: 157%;
        line-height: 100%;
        letter-spacing: 0.5px;
    }

    .ind_block03_info ._text {
        margin-top: 10px;
        margin-bottom: -15px;
        font-size: 144%;
        line-height: 150%;
        letter-spacing: 0px;
    }

    .footer_info {
        margin-bottom: 30px;
        margin-left: 10px;
        font-size: 83%;
    }

    .footer_logo {
        margin-bottom: 20px;
        margin-left: 10px;
        font-size: 129%;
    }

    .footer {
        border-top-right-radius: 35px;
        border-top-left-radius: 35px;
        background: #0A4BB7;
        padding-bottom: 55px;
        color: #fff;
    }

    .footer_info {
        margin-bottom: 140px;
        font-weight: 400;
        font-size: 16px;
    }

    .title ._ja {
        color: #0A4BB7;
        font-size: 40px;
        letter-spacing: 0.5px;
    }

    .business_desc {
        font-size: 100%;
    }

    .dema_block01__text ._des {
        margin-bottom: 40px;
        font-weight: 500;
        font-size: 84%;
        letter-spacing: 0;
    }

    .dema_block03__text ._list li {
        padding: 10px;
        width: 49%;
        font-size: 81%;
    }

    .dema_block04__text ._steps li ._txt {
        font-weight: 500;
        font-size: 84%;
    }

    .dema_block01__img {
        top: -100px;
        left: -12px;
        width: 285px;
    }

    .dema_block02__img {
        top: -100px;
        right: -12px;
        width: 285px;
    }

    .oem_section01 {
        margin: 75px 0 70px;
    }

    .oem .main_title02 p {
        margin-top: 18px;
        line-height: 168%;
    }

    .oem_flow_list ._item_text {
        font-weight: 600;
        line-height: 190%;
    }

    .ourwork_block__job_main ._list h4 {
        padding: 15px 14px 0;
        font-size: 76%;
        letter-spacing: -1px;
    }

    .ourwork_block__job_main ._list p {
        font-weight: 600;
        letter-spacing: -1px;
    }

    .learning-growth .title ._ja {
        width: 285px;
    }

    .csr_title {
        font-size: 40px;
    }

    .form_page .main_title02 p {
        font-weight: 600;
        font-size: 95%;
        line-height: 1.6;
    }

    .form_page .main_title02 h2 {
        margin-bottom: 20px;
        font-size: 45px;
        line-height: 120%;
    }

    .form_page__detail dt.form_mandatory ._title {
        color: #0b4bb7;
    }

    .form_page__detail dd ._group .btn_autofill {
        background-color: #0b4bb7;
    }

    .form_page__detail dt ._title {
        color: #0b4bb7;
    }

    .form_page__detail .form_acceptance {
        margin-bottom: 37px;
    }

    .form_page__detail {
        margin: 0 auto 30px;
    }

    .message_block01_img img {
        margin-left: -5px;
    }

    .message_block01_img ._info {
        bottom: -37px;
        left: -2%;
    }

    .message_block01_content ._text011 ._line:last-child {
        padding-right: 38px;
        padding-left: 20px;
    }

    .message_block02_flow {
        row-gap: 20px;
        width: 100%;
    }

    .careers_block01 h3:before {
        left: 15px;
    }

    .careers_block01 h3:after {
        right: 5px;
        bottom: 0px;
    }

    .ind_block03_info ._text {
        margin-bottom: 15px;
        font-size: 144%;
        line-height: 143%;
    }

    .careers_block03 .btn {
        min-width: 263px;
        --btn-font-size: 95%;
        padding-left: 47px;
    }

    .inside_block01_box img {
        top: -32px;
        right: 5px;
        width: 239px;
        height: 361px;
    }

    .form_page_thanks ._title {
        color: #0b4bb7;
    }

    .form_page_thanks .thanks_box {
        color: #0b4bb7;
        text-align: center;
    }

    .form_page_thanks .container a {
        color: #0b4bb7;
    }

    .ind_video_block .ind_text_translate02 ._line:first-child {
        width: 100%;
    }

    .ind_text_translate02 {
        display: flex;
        position: absolute;
        right: 9%;
        bottom: 20.5%;
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    .ind_block01_title ._normal01 {
        display: block;
        font-size: 200%;
    }

    .ind_block01_title ._normal02 {
        font-size: 200%;
        letter-spacing: 0;
    }

    .ind_block01_title {
        position: absolute;
        top: -156px;
        margin-bottom: 25px;
        color: #0A4BB7;
        text-align: left;
    }

    .ind_video_block .ind_text_translate02 ._line:last-child {
        margin-right: 86px;
    }

    .ind_block03_box .ind_text_translate02 {
        top: -105px;
        right: auto;
        bottom: auto;
        left: 5%;
        justify-content: flex-start;
        z-index: 2;
    }

    .footer_info {
        margin-bottom: 60px;
        font-weight: 400;
        font-size: 16px;
    }

    .ind_text_translate02 {
        display: flex;
        position: absolute;
        right: -9%;
        bottom: 25.5%;
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    .ind_block01_bottle_box:first-child ._des {
        left: 0%;
        justify-content: flex-start;
    }

    .ind_block01_bottle_box:last-child ._des {
        right: 0%;
        justify-content: flex-start;
        background: #0A4BB7;
        color: #FFFFFF;
    }

    #main_content {
        padding-top: 0px;
    }

    .inside {
        padding-bottom: 10px;
    }

    .learning-growth .title ._ja {
        width: 335px;
    }

    .message_block01_content ._left {
        left: -18px;
    }
}