/* @media only screen and (max-width: 965px) */
@media only screen and (max-width: 992px) {
    .pr-menu {
        display: none;
    }
    /* tuanpha */
    h2.h2-margin {
        margin-top: 3px !important;
    }
    img.img_footer_logo {
        padding-top: 0px;
    }
    .tag a{
        font-size: 13px;
        height: 16px;
    }
    .span_footer{
        position: relative;
        margin-right: 22px;
    }
    #pjSearch4Category_index label{
        width: 190px;
    }
    /* footer */
    .project_list .project_footer{
        padding: 10px 15px;
    }
    .footer-menu {
        padding: 0 20px;
    }
    #footer .navi:nth-of-type(1){
        /* width: 230px; */
    }
    #footer .navi:nth-of-type(2){
        /* width: 250px; */
    }
    .project_list .cate{
        line-height: 1.8 !important;
    }
    .project_list .cate a{
        font-size: 12px;
        margin-top: -1px;
        height: 18px;
        text-decoration: underline;
    }
    /* contents */
    #contents {
        width: 100% !important;
    }
    #contents .contents_m {
        float: left;
        width: 100% !important;
        margin-left: 0;
        background: white;
    }
    .breadcrumb-nuser-t{
        margin-left: 4px;
    }
    #contents table.login-table{
        width: auto;
    }
    .regist {
        padding-left: 10px;
        padding-right: 10px;
    }
    /* right menu */
    #contents .contents_s .side-bar {
        display: none;
        position: fixed;
        right: -222px;
        padding-left: 10px;
        padding-right: 10px;
        border: 1px solid #999;
        top: 35px;
        bottom: 10px;
        height: 100%;
        z-index: 999;
        background: white;
        width: 222px;
    }
    .close-btn {
        display: initial;
        z-index: 3;
    }
    .menu-left {
        display: initial;
    }
    /* infor product */
    .info-head {
        text-align: center;
        padding-left: calc(100% - 95%);
        padding-right: calc(100% - 95%);
        display: block;
        max-width: 100%;
        width: 90%;
        margin: 0 auto;
    }
    .on_img{
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
    }
    .big_img {
        width: 100%;
        height: auto;
    }
    div#projectTab {
        margin-left: 0;
        margin-right: 0;
    }
    div#projectBody {
        padding-left: 10px;
        padding-right: 10px;
    }
    /* silder */
    .slider{
        padding-left: 10px;
        padding-right: 10px;
    }
    ul.navi {
        /* width: 150px !important; */
    }
    li.slider_item.clearfix {
        display: flex;
        flex-direction: row;
        justify-content: center;
    }
    /* layout */
    .inner{
        max-width:100% !important;
    }

    /* regist item pay */
    .project_list_nuser .project_footer{
        width: 100% !important;
        padding-left: 0;
        padding-right: 0;
        height: auto;
    }
    #contents .contents_m .top_items .project_list_nuser{
        margin: 0 0 15px 0;
    }
    .project_list_nuser .project_footer p {
        padding-left: 10px;
        padding-right: 10px;
    }
    .content-regist-pay {
        padding-left: 10px;
        padding-right: 10px;
    }

    /* news */
    ul.top_news{
        padding-left: 10px;
        padding-right: 10px;
    }

    /* search history */
    .search-result-nUser{
        width: 750px !important;
    }

    /* company */
    .info_table {
        padding-left: 10px;
        padding-right: 10px;
    }
    .info_tab table td:first-child{
        width: 100px !important;
    }
    /* nUser info */
    table.job td.ta_left.step2_subtable1, table.deal-information td.ta_left {
        width: auto !important;
    }
    .group-step {
        /*padding-left: 15px;*/
    }
    .ic_title {
        margin-left: 5px;
        margin-right: 5px;
    }
    .news-top-page {
        float: none !important;
    }
}

table.table-info td.ta_left:first-child {
    background: #efefef !important;
    font-weight: 600 !important;
}

@media only screen and (max-width: 800px) {
    #pjSearch4Category_index label{
        width: 160px;
    }

}
@media only screen and (max-width: 768px) {
    /*tuanpha*/
    .content-center {
        display: inline-block;
        margin-left: 11%;
        margin-right: 6%;
    }
    #pjSearch4Category_index{
        text-align: left;
    }
    #pjSearch4Category_index label{
        text-align: center;
    }
    .tag{
        line-height: 1.2
    }
    #footer .navi{
        padding: 30px 0 30px 0px;
    }
    span#complexity {
        margin-bottom: 3px;
    }
    table.icom-regist input[type="password"]{
        margin-bottom: 3px;
    }
    table.icom-regist th {
        width: 100px !important;
    }
    table.icom-regist caption {
        color: #555 !important;
    }
    .center-logo{
        display: flex;
        width: 100%;
    }
    .block{
        width: 46px;
        display: inline-block;
    }
    #main_menu{
        padding: 18px 0;
    }
    strong.limitTime:last-child {
        margin-left: 3px;
    }
    strong.limitTime:first-child {
        margin-left: 0;
    }
    button.w-margin {
        margin-right: 0px;
        margin-left: 20px;
    }
    .w-center{
        /* display: flex; */
        justify-content: space-around;
    }
    p.center {
        text-align: center;
    }
    #contents #message li{
        padding-left: 10px;
    }
    #contents #message .remove-icon li{
        padding-left: 0;
        background: none;
    }
    input.btn-inquiry {
        width: 120px;
    }
    .box-comment .comment-content{
        padding-top: 0;
    }
    .for-768{
        display: inline;
    }
    #contents caption.caption-black {
        color: #555;
    }
    .box-comment {
        display: flex;
        align-items: center;
    }
    .box-comment .comment-img img{
        width: 60px !important;
        height: 60px;
    }
    /* table.step2_subtable2 td {
        border-bottom: 0 !important;
    }
    td.ta_left.step2_subtable1 {
        border-bottom: 1px solid #CCC !important;
    } */
    h2.step3_h2.step3_h2_to_h3 {
        font-size: 12pt !important;
        font-weight: bold !important;
        padding: 5px 5px 5px 0px !important;
        text-align: left !important;
        letter-spacing: 2px !important;
    }
    table.table-info td.ta_left:first-child {
        width: 105px !important;
        background: #efefef;
        font-weight: 600;
    }
    .info div.contents_m.content_info {
        padding-bottom: 0;
        margin-bottom: 0;
    }
    table.step4_table td:first-child, td.ta_right.width180.bold.fix {
        background: #efefef;
    }
    table.step4_table.step4_table_fix td.bold{
        background: none;
    }
    .project_list .label_time {
        background-image: url(../img/icon_time.png);
        font-weight:600;
    }
    input[type="radio"] {
        margin-top: -2px;
    }
    .break{
        display: inline;
    }
    #header #navi li a{
        font-size: 14px
    }

    .index_title{
        margin-bottom: 20px;
    }

    img.img_footer_logo {
        padding-top: 0px;
    }
    a.link_footer {
        text-decoration: underline;
    }
    #pjSearch4Category_index label{
        width: 130px;
    }

    #contents .category {
        height: auto;
        background: linear-gradient(rgba(255,255,255,0.5), rgba(255,255,255,0.5)),url(../img/bg_category.jpg) no-repeat center top;
    }
    #pjSearch4Category_index label{
        background-color: rgba(120,10,30,.9)
    }
    .label_time {
        display: flex;
        align-items: center;
    }
    span.goal{
        position: absolute;
        right: 10px;
        margin-right: 3px;
    }
    /* .text_footer p {
        margin-bottom: 10px;
    } */
    #contents .category {
        padding-top: 20px;
        padding-bottom: 30px;
    }
    div#contents {
        margin-top: 0;
    }

    /* slider */
    div.slider{
        height: auto;
        background-size: cover;
        /* padding: 20px; */
        padding: 20px ;
    }
    div.slider_content{
        width: auto;
        padding: 15px;
        height: auto;
        margin-bottom: 15px;
        margin-right: 15px;
    }
    li.slider_item.clearfix {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    ul.slider_list.clearfix.slider-js {
        width: 580px;
        margin: 0 auto;
    }
    .slider_img{
        width: 100% !important;
        margin: 0 !important;
        padding: 10px;
        height: auto !important;
    }
    /* show hide pc sp */
    .for-pc{
        display: none;
    }
    .for-sp{
        display: block;
    }
    /* logo */
    #logo img{
        width: 190px;
        margin-top: -5px;
    }
    h1#logo {
        /* width: 40%; */
        width: 100%;
        padding-right: 0;
        padding-left: 0;
    }
    /* menu top icon */
    .menu-icon{
        display: inline-block;
        cursor: pointer;
    }
    .bar1, .bar2, .bar3 {
        width: 30px;
        height: 4px;
        background-color: #fff;
        margin: 6px 0;
        transition: 0.4s;
    }
    .change .bar1 {
        -webkit-transform: rotate(-45deg) translate(-9px, 6px);
        transform: rotate(-45deg) translate(-6px, 6px);
    }
    .change .bar2 {opacity: 0;}

    .change .bar3 {
        -webkit-transform: rotate(45deg) translate(-8px, -8px);
        transform: rotate(45deg) translate(-8px, -8px);
    }
    /* slider */
    div.slider_img{
        width: auto;
    }
    div.slider_content{
        width: auto;
        padding: 15px;
        height: auto;
        margin-bottom: 15px;
        margin-right: 15px;
    }
    li.slider_item.clearfix {
        display: flex;
        flex-direction: row;
        justify-content: center;
    }
    li.project_list{
        width: 326.66px ;
        margin-bottom: 30px;
        border-left: 1px solid #ddd;
    }
    .project_list:nth-of-type(n+4){
        margin-top: 0 !important;
    }
    ul.top_items.clearfix.inner {
        display: flex;
        flex-flow: row wrap;
        justify-content: center;
    }
    li.project_list:nth-child(2n+1){
        border-right:none;
    }
    .slider_intro{
        margin-bottom: 10px;
        height:auto;
        font-size: 14px;
    }
    /* footer */
    .footer-menu {
        padding: 0 20px;
    }
    #footer .navi:nth-of-type(1){
        width: 100%;
    }
    #footer .navi:nth-of-type(2){
        width: 100%;
    }
    .project_list .cate a{
        font-size: 12px;
        margin-top: -1px;
        height: 18px;
    }
    ul.top_items.clearfix {
        display: flex;
        flex-flow: row wrap;
        justify-content: center;
    }
    /* contents */
    #contents {
        width: 100% !important;
    }
    #contents .contents_m {
        float: left;
        width: 100% !important;
        margin-left: 0;
        background: white;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .regist {
        padding-left: 10px;
        padding-right: 10px;
    }
    /* right menu */
    #contents .contents_s .side-bar {
        display: none;
        position: fixed;
        right: -222px;
        padding-left: 10px;
        padding-right: 10px;
        border: 1px solid #999;
        top: 35px;
        bottom: 10px;
        height: 100%;
        z-index: 999;
        background: white;
        width: 222px;
    }
    .close-btn {
        display: initial;
        z-index: 3;
    }
    .menu-left {
        display: initial;
    }
    /* infor product */
    .info-head {
        text-align: center;
        padding-left: calc(100% - 95%);
        padding-right: calc(100% - 95%);
        display: block;
        max-width: 100%;
        width: 90%;
        margin: 0 auto;
    }
    .on_img{
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
    }
    .big_img {
        width: 100%;
        height: auto;
    }
    div#projectTab {
        margin-left: 0;
        margin-right: 0;
        border-bottom: 2px solid #ccc;
    }
    div#projectBody {
        padding-left: 10px;
        padding-right: 10px;
    }
    /* silder */
    .slider{
        padding-left: 10px;
        padding-right: 10px;
    }
    ul.navi {
        /*width: 150px !important;*/
    }
    .slider_yen span{
        /* font-size: 28px; */
        margin-right: 10px;
        margin-left: 0;
    }
    /* narbar */
    #main_menu ul.narbar{
        display: none;
        width: 100%;
        flex-direction: column;
        margin-top: 25px;
        height: 230px;
        box-sizing: content-box;
        padding: 0;
        margin: 0;
        margin-top: 25px;
    }
    #main_menu ul li{
        width: 100% !important;
        margin-bottom: 15px;
    }
    #main_menu ul li{
        width: 100% !important;
        margin-bottom: 15px;
    }
    div#menu-icon-js {
        position: absolute;
        right: 10px;
        top: 10px;
        z-index: 500;
    }
    hr.dotted{
        margin-top: 0;
        margin-bottom: 15px;
        border: none;
        border-bottom: 1px dotted #a93a4f;
    }
    #main_menu ul li a{
        padding-top: 30px;
        border-bottom: 1px dotted #a93a4f;
        padding-bottom: 10px;
    }
    #main_menu ul{
        border-left:none !important;
    }
    #main_menu .inner{
        text-align: center;
        position: relative;
    }



    /* logo */
    /* h1#logo {
        width: auto;
        padding-right: 10px;
        padding-left: 10px;
    } */

    /* navi */
    #navi{
        background: black;
    }
    .header-dev #navi{
        background: #05d535 !important;
    }
    .header-stg #navi{
        background: #d3a102 !important;
    }
    #header #navi li{
        padding: 10px 0 10px 18px;
    }
    #header #navi li:last-child {
        margin-left: 15px !important;
    }

    /* slider */
    /* .slider_img img{
        width: auto !important;
        height: 200px !important;
    } */
    .slider_img{
        width: 100% !important;
        margin: 0 !important;
        padding: 10px;
        height: auto !important;
    }
    li.slider_item.clearfix {
        flex-direction: column;
    }
    div.slider_content{
        width: 100%;
        padding: 0 10px;
        margin-top: 0;
        height: auto;
        padding-bottom: 10px;
        margin-bottom: 0;
    }
    .slider_content .slider_product_name{
        margin-top: 0;
    }
    div.slider{
        height: auto;
        background-size: cover;
        /* padding: 20px; */
        padding: 20px ;
        padding-bottom: 9%;
    }
    p.slider_title {
        padding: 10px 0;
    }

    .inner{
        max-width:100% !important;
    }
    ul.slider_list.clearfix.slider-js {
        width: 580px;
        margin: 0 auto;
    }

    /* logo */
    #logo img{
        width: 190px;
        margin-top: -5px;
    }

    /* regist item pay */
    .project_list_nuser .project_footer{
        width: 100% !important;
        padding-left: 0;
        padding-right: 0;
        height: auto;
    }
    #contents .contents_m .top_items .project_list_nuser{
        margin: 0 0 15px 0;
    }
    .project_list_nuser .project_footer p {
        padding-left: 10px;
        padding-right: 10px;
    }
    .content-regist-pay {
        padding-left: 10px;
        padding-right: 10px;
    }

    /* news */
    ul.top_news{
        padding-left: 10px;
        padding-right: 10px;
    }

    /* search history */
    .search-result-nUser{
        width: 750px !important;
    }

    /* company */
    .info_table {
        padding-left: 10px;
        padding-right: 10px;
    }
    /* update nda */
    .info_table .update_nda {
        display: block !important;
        padding-left: 0 !important;
        width: 100% !important;
    }
    .info_tab table td:first-child{
        width: 100px !important;
    }
    /* nUser info */
    table.job td.ta_left.step2_subtable1, table.deal-information td.ta_left {
        width: auto !important;
    }
    /*myht*/
    /*common*/
    .w-100-sp {
        width: 100% !important;
    }
    .px-10-sp {
        padding-left: 10px;
        padding-right: 10px;
    }

    /*footer*/
    #footer {
        margin-top: 10px;
        /* background-color: #f1eee8 */
    }
    #footer .inner {
        display: -webkit-flex;
        display: flex;
        flex-wrap: wrap;
        padding: 0 !important;
    }
    #footer .navi:nth-of-type(1) {
        /* width: 48%; */
        /* padding: 0; */
        margin-left: 18px;
        margin-top:-12px;
    }
    #footer .navi:nth-of-type(2) {
        /*width: 52%;
        padding: 0;*/
        margin-left: 18px;
        margin-top: 10px;
    }
    .text_footer {
        padding-right: 0 !important;
        width: 100% !important;
        float: none !important;
        margin-top: 0px;

    }
    .footer_logo {
        margin-bottom: 30px;
    }
    .copyright {
        margin-top: 30px;
    }

    /*login page*/
    .nobody_index #contents {
        margin-top: 15px;
    }
    .login-table #mail,.login-table #passwd {
        width: 100%;
        box-sizing: border-box;
    }
    .login-table td a {
        display: block;
    }
    .login-table td input {
        border: 1px solid #CCC;
    }
    .login-table td {
        line-height: 1;
    }
    .login-table th {
        width: 40%;
    }

    /*tuanpha*/

    .project_list .description{
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .project_list .project_footer {
        padding: 10px 12px;
        color: black;
        /* font-weight: 600; */
    }
    .label_time{
        color: #9a9a9a;
        font-weight: 600;
        margin-left: 3px;
        margin-bottom: 10px;
    }
    .text-end{
        font-weight: 400 !important;
    }
    .project_list .img{
        margin-bottom: 5px;
    }
    .copyright{
        padding: 0 0 31px 0 !important;
    }
    li.project_list{
        width: 580px;
        margin-bottom: 25px;
        border-left: 1px solid #ddd;
        padding-left: 10px;
        padding-right: 10px;
        min-height: 420px;

    }
    i.icon_success{
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
    }
    li.project_list .icon_success{
        left:0px;
        width: auto;
    }
    p.img{
        width: auto !important;
    }
    div.projectIndex{
        padding: 20px 10px;
    }
    .page_past div.projectIndex{
        padding: 20px 10px !important;
    }
    #pjSearch4Category_index label{
        width: 30% !important;
        margin: 3px !important;
        padding: 10px 5px !important;
    }
    ul.top_news {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    #contents .contents_m .top_news li span:last-child{
        /* margin-left: 30px !important; */
    }

    #contents{
        width: 100%;
    }
    #contents .contents_m{
        float: left;
        width: 100% !important;
        margin-left: 0;
        background: white;
    }
    #pr_area div.cleditorMain, textarea#projectTextarea, #pr_area iframe, #pr_area textarea[name=contents] {
        width: auto !important;
    }
    #contents h2{
        padding-left: 10px;
        padding-right: 10px;
    }
    #form_table td p{
        margin-left: 0;
        margin-right: 0;
    }
    #contents .error, #contents .error a{
        padding-left: 10px;
        padding-right: 10px;
    }
    select[name=file_upload]{
        margin-right: 10px;
    }
    #contents .ta_left{
        min-width: auto !important;
        width: auto;
    }
    textarea{
        padding: 0;
        min-width: 98%  !important;
    }
    .tel{
        margin-bottom: 10px;
        margin-right: 0 !important;
        width: 100%;
    }
    #contents table td.ta_left input[name=emp_num],
    #contents table td.ta_left input[name=capital],
    #contents table td.ta_left input[name=total_stock]{
        width: calc(100% - 50px) !important;
    }
    table.upload_file.item_info th {
        min-width: auto !important;
        width: 100px !important;
    }
    table.item_info input[type=text],  input[name=comp_tel], input[name=comp_fax]{
        width: calc(100% - 15px) !important;
    }
    table.income_statement{
        width: 740px !important;
    }
    .income_statement th {
        width: 100px;
    }
    .income_statement td {
        max-width: 100%;
        height: 30px !important;
    }
    .income_statement input {
        width: calc(100% - 10px);
    }
    .regist{
        padding-left: 10px;
        padding-right: 10px;
    }
    #form_table{
        margin-top: 10px;
    }
    div.button, p.button.center {
        margin-top: -3px !important;
        margin-bottom: 10px !important;
    }
    input.checkButton.error {
        margin-top: 0 !important;
    }
    #contents .contents_s .contents_box1{
        margin-bottom: 5px;
    }
    p.clearFix {
        padding: 0 !important;
    }
    #pr_area div.cleditorMain{
        height: 400px !important;
    }
    .sponsor_text{
        width: 100%;
        padding-top: 75px;
        padding-bottom: 75px;
    }
    .sponsor_text h1{
        padding-left: 10px;
        padding-right: 10px;
    }
    input.pdfButton.bold {
        width: 45%;
    }
    th.width160_ {
        width: 100px;
    }
    /* input[name="add_sub2"], input[name="add_sub3"],
    input[name="tel"], input[name="tel2"],
    input[name="account_cd"], input[name="account_name"]{
        width: calc(100% - 10px);
        margin-bottom: 3px;
    } */
    table.step2_table1.table-job td, table.step2_table1.table-job th {
        display: block;
    }
    table .step2_subtable2 td.ta_left {
        display: table-cell;
    }
    table.step2_table1.table-job th{
        width: auto;
        text-align: center !important;
    }

    .width180 {
        width: 120px !important;
    }
    input#id_file_1, input#id_file_2 {
        width: 180px;
    }
    #contents .search_page {
        margin: 0;
        padding: 5px 10px;
    }

    /* Search Form */
    table.table-search-form tr th, table.table-search-form tr td {
        display: block;
    }
    table.table-search-form tr th:first-child{
        width: auto !important;
    }
    table.table-search-form tr th{
        text-align: center !important;
    }
    div#detailSearchForm {
        padding-left: 10px;
        padding-right: 10px;
    }
    /* input[type="text"] {
        width: calc(100% - 2%);
    } */
    /* page step 1 */
    table.step1-form th{
        /*width: 150px !important*/
    }
    /* table.step1-form td input{
        width: calc(100% - 10px);
    } */
    /* page step 2 */
    td.ta_left.step2_subtable1 {
        width: 100% !important;
    }

    /* infor product */
    .info-head {
        text-align: center;
        padding-left: calc(100% - 97%);
        padding-right: calc(100% - 97%);
    }
    #projectTab span a{
        /* width: 16% !important; */
        width: 20%;
        font-size: 12px;
        /* font-size: 10px; */
    }
    div#projectBody .info_tab img {
        width: 100%;
    }
    span.on_img {
        font-size: 26px;
    }

    /* silder */
    .slider{
        padding-left: 0;
        padding-right: 0;
    }
    ul.navi {
        /*width: 170px !important;*/
    }

    p.slider_yen {
        padding: 5px;
        display: block;
        align-items: center;
        /* padding-left: 45px; */
        /* flex-direction: row-reverse; */
        /* justify-content: flex-end; */
    }
    .slider_yen span{
        /* margin-right: 10px; */
        /* margin-left: -40px; */
    }

    div.slider_img img{
        width: 100%;
        height: auto;
    }
    div.slider_img a{
        display: block;
        max-width: 100%;
        width: 80%;
        margin: 0 auto;
    }

    /* menu top icon */
    div#menu-icon-js{
        top: 10px;
    }

    /* table step 3 */
    .table-step-3{
        width: 100% !important;
    }
    #contents table.table-scroll-step-3 td.ta_left{
        min-width: 548px !important;
        width: auto !important;
    }
    /* footer */
    ul.navi {
        /*width: 50% !important;*/
    }
    ul.text_footer {
        width: 100% !important;
    }
    .navi:nth-of-type(1) {
        width: 40% !important;
    }
    /* regist item pay */
    #contents .contents_m .top_items .project_list_nuser{
        padding: 3px;
        display: flex;

    }
    .project_list_nuser .project_footer p{
        padding-left: 10px;
        padding-right: 10px;
    }
    p.description{
        /* padding-bottom: 50px; */
    }
    /* nUser profile */
    table.deal-information{
        width: 740px !important;
    }
    table.deal-information th, table.job th,
    table.address th, table.info th,
    table.bank th {
        width: 90px !important;
    }
    table.deal-information td input, table.job td input,
    table.address td input, table.info td input,
    table.bank td input {
        width: calc(100% - 10px);
    }
    table.info input[type="radio"],
    table.job input[type="radio"],
    table.deal-information input[type="checkbox"],
    input[type="checkbox"] {
        width: auto !important;
    }
    /* inquiry */
    table.inquiry input {
        width: calc(100% - 10px) !important;
    }
    table.inquiry textarea{
        min-width: 100% !important;
    }
    table.inquiry th {
        width: 100px !important;
    }
    p.change, p.trend {
        width: 100% !important;
        margin-top: 10px !important;
    }
    /*Step*/
    .group-step-sp {
        display: flex;
        justify-content: center;
    }
    .group-step-sp li {
        width: 35px;
        height: 35px;
        justify-content: center;
        font-size: 14px;
        font-weight:bold;
        border-radius: 50%;
        background: #a6b5d9;
        margin: 0 20px;
        display: flex;
        align-items: center;
        color: white;
        position: relative;
    }
    .group-step-sp li:not(:first-child):before{
        content: '';
        position: absolute;
        top: 17px;
        left: -40px;
        width: 40px;
        height: 2px;
        background: #a6b5d9
    }
    .group-step-sp li.step-active-sp {
        background: #82081f;
    }
    .step-active-sp ~ li{
        background: #edf1f7;
        color: #98a4cd;
    }
    .group-step-sp li.step-active-sp ~ li:before {
        background: #edf1f7;
    }

    .group-step.for-pc {
        display: none;
    }
    .w-sp {
        width: 90px !important;
    }
    .news-top-page {
        padding-top: 0 !important;
        margin-bottom: 20px !important;
    }
    .new-nuser-page {
        margin-top: 70px !important;
    }
    .new-icom-page {
        margin-top: 70px !important;
    }
    .media-title {
        margin-top: 45px;
    }
}
@media only screen and (max-width: 674px) {
    li.project_list:nth-child(2n+1){
        border-right:1px solid #ddd;
    }
    li.project_list{
        min-height: auto;
    }
    .project_list span.tag.cate {
        margin-bottom: 60px;
    }
    .project_list .description{
        height: auto;
    }
}
@media only screen and (max-width: 616px) {
    input[name="personalname"], input[name="personalname_kana"] {
        margin-top: 5px;
    }
    span#complexity {
        /* margin-bottom: 3px; */
        width: calc(100% - 12px) !important;
    }
    .navi:nth-of-type(1) {
        width: 87% !important;
    }
    table.icom-regist input {
        width: calc(100% - 12px) !important;
    }
    table.icom-regist input#agree {
        width: auto !important;
    }
    input[name="add_sub2"], input[name="add_sub3"],
    input[name="tel"], input[name="tel2"],
    input[name="account_cd"], input[name="account_name"]{
        width: calc(100% - 10px);
        margin-bottom: 3px;
    }
    #pjSearch4Category_index label{
        /* width: 100px; */
    }
    table.step1-form td input{
        width: calc(100% - 10px);
    }
    li.project_listli.project_list{
        width: 100% !important;
        margin-bottom: 25px;
        border-left: 1px solid #ddd;
        /* max-width: 350px; */
    }
    /* li.project_list:nth-child(2n+1){
        border-right:1px solid #ddd;
    } */
    .tag{
        background-clip: padding-box;
    }
    .tag a{
        height: 16px;
        margin-top: 0;
        font-size: 13px;
        border: 1px solid #fff;
    }
    #contents table td.ta_left{
        padding-left: 5px;
        padding-right: 5px;
    }
    .project_list .cate{
        padding-left: 15px;
        line-height: 1.4 !important;
    }
    .project-regist-submit {
        padding-left: 10px;
        padding-right: 10px;
    }
    input.pdfButton.bold {
        width: 50%;
    }
    .for-pc{
        display: none;
    }
    td.bold.step4_extra_row.width140 {
        width: 90px;
    }
    .for-sp-sm{
        display: initial;
    }
    /* infor product */
    span.on_img {
        font-size: 26px;
    }
    div#projectTab {
        text-align: center;
        padding-left: 0;
        margin-left: 10px;
        margin-right: 19px;
        /* margin-left: 0;
        margin-right: 0; */
        border-bottom: 3px solid #ccc;
    }
    #projectTab span a{
        width: 100% !important;
    }
    .risk_contents h3{
        margin-top: 20px !important;
    }
    /* p.change, p.trend {
        width: 100% !important;
        margin-top: 10px !important;
    } */
    /* .slider_yen span{
        font-size: 30px;
    } */
    .for-320{
        display: initial;
    }
    /* .slider */
    ul.slider_list.clearfix.slider-js {
        width: 100%;
        margin: 0 auto;
    }
}
@media only screen and (max-width: 418px) {
    .sm_postal_code{
        display: block !important;
        margin: 5px 0 0 !important;
    }
    #pjSearch4Category_index label {
        /* width: 40% !important; */
        margin: 5px !important;
        float:left !important;
    }
    /* #contents .category {
        height: 680px;
        background-size: auto 680px;
    } */
    input.backButton, input.registButton, input.editButton, input.registButton.disabled {
        margin-bottom: 10px !important;
    }
    #footer .navi:nth-of-type(1){
        /*margin-left: 5px;
        margin-top:-12px;*/
    }
    .content-center {
        display: inline-block;
        margin-left: 5%;
        margin-right: 3%;

    }
    /*step*/
    .group-step-sp li {
        width: 30px;
        height: 30px;
        font-size: 13px;
        margin: 0 15px;

    }
    .group-step-sp li:not(:first-child)::before{
        content: '';
        position: absolute;
        top: 14px;
        left: -30px;
        width: 30px;
        height: 2px;
        background: #a6b5d9;
    }

}
@media only screen and (max-width: 360px) {
    button.w-margin {
        margin-right: 0px;
        margin-left: 0px;
    }
    .w-center{
        /* display:flex; */
        align-content: space-between
    }
    .for-360{
        display: initial;
    }
    /*myht*/
    #footer .navi:nth-of-type(1) li a,#footer .navi:nth-of-type(2) li a{
        font-size: 11px;
    }
    #footer .navi:nth-of-type(1) {
        /*width: 40% !important;*/
        /*!* padding: 0; *!*/
    }
    #footer .navi:nth-of-type(2) {
        /* width: 55% !important; */
        /*padding: 0;*/
    }
    /*tuanpha*/
    #pjSearch4Category_index label {
        width: 32% !important;
        margin: 1px !important;
    }
    .content-center {
        display: inline-block;
        margin-left: 2%;
        margin-right: 0;
    }
    li.project_list{
        max-width: 320px;
    }
    .regist{
        padding-left: 5px;
        padding-right: 5px;
    }
    .for-360{
        display: initial;
    }
    input.pdfButton.bold {
        width: 60%;
    }
    .width180 {
        width: 100px !important;
    }
    input#id_file_1, input#id_file_2 {
        width: 140px;
    }
    div.slider{
        padding: 10px;
        padding-bottom: 13%;
    }
    /* project_list */
    ul.top_items.clearfix {
        padding-left: 5px;
        padding-right: 5px;
    }
    /* infor product */
    span.on_img {
        font-size: 16px;
    }
    .big_img{
        height: 200px;
    }
    /* regist item pay */
    #contents .contents_m .top_items .project_list_nuser{
        padding: 3px;
        flex-direction: column;
    }
    .project_list_nuser .project_footer p{
        padding-left: 1px;
        padding-right: 1px;
        font-size: 10px;
    }
    .project_list_nuser .img {
        margin: 0 auto;
    }
    .project_list_nuser .img a {
        display: block;
    }
    input.registButton {
        margin-bottom: 10px !important;
    }

    /* project list */
    .search .contents_l h2 {
        display: flex;
        flex-direction: column-reverse;
        /* align-items: center; */
    }
    .search .contents_l h2 span {
        margin: 0 auto;
        margin-top: 10px;
    }
    /* page step 1 */
    table.step1-form th{
        /*width: 100px !important*/
    }
}
@media only screen and (max-width: 660px) {
    div.slider{
        height: auto;
        background-size: cover;
        /* padding: 20px; */
        padding: 20px ;
        padding-bottom:15%;
    }
}

.n_navbar {
    position: relative;
    border-left: 0px !important;
}

.n_navbar li {
    position: absolute;
    right: 0px;
    border-left: 1px solid #a93a4f;
}
@media only screen and (max-width: 768px) {
    .n_navbar li a {
        border-top: 1px dotted #a93a4f;
    }
}

@media only screen and (max-width: 425px) {
    ul.navi {
        /*width: 100% !important;*/
    }
}


/*New CSS For tab project*/
.new_project-tab {border: 0px !important;}
.new_project-tab span.disp {

}
.new_project-tab span a {
    width: auto !important;
    background: #fff !important;
    border: 0px !important;
    padding: 0px 5px !important;
    color: #555 !important;
    font-weight: 500 !important;
    font-size: 14px;
}
.new_project-tab span.disp a {
    color: #820000 !important;
    /* padding: 0px !important; */
    border-bottom: 2px solid #820000 !important;
    position: relative;
}

@media (min-width: 716px) {
    .new_project-tab span.disp a::after {
        content: "\f0dd";
        font-family: fontAwesome;
        position:absolute;
        margin:0 auto;
        left: 0;
        right: 0;
        bottom: -8px;
    }

    .new_project-tab span a:hover:after {
        content: "\f0dd";
        font-family: fontAwesome;
        position:absolute;
        margin:0 auto;
        left: 0;
        right: 0;
        bottom: -8px;
    }
    .new_project-tab span a:hover {
        color: #820000 !important;
        /* padding: 0px !important; */
        border-bottom: 2px solid #820000 !important;
        position: relative;
    }
}


@media (max-width: 768px) {
    .new_project-tab {border: 0px !important;}
    /*.new_project-tab span {!* border-bottom: 2px solid #820000 !important; *!margin-right: 10px !important;}*/
    .new_project-tab span.disp {

    }
    .new_project-tab span a {
        width: auto !important;
        background: #fff !important;
        border: 0px !important;
        padding: 0px !important;
        color: #555 !important;
        font-weight: 500 !important;
        font-size: 15px !important;
    }
    .new_project-tab span.disp a {
        color: #820000 !important;
        padding: 0px !important;
        border-bottom: 3px solid #820000 !important;
        position: relative;
    }
}

@media (max-width: 715px) {
    .new_project-tab {

    }
    .new_project-tab span {

    }
    .new_project-tab span.disp {

    }
    .new_project-tab span a {
        display: inline-block !important;

        width: 100% !important;

        padding: 10px 0px !important;

        border-top: 1px solid #ddd !important;

        /* border-bottom: 1px solid #ddd !important; */

        margin: 3px 0px;

        font-size: 15px !important;


    }
    .new_project-tab span:last-child a {

        border-bottom: 1px solid #ddd !important;

    }
    .new_project-tab span.disp a {

        padding: 10px 0px !important;

        border-bottom: 0px solid #ddd !important;

    }

    .new_project-tab span.disp:last-child a {

        border-bottom: 1px solid #ddd !important;

    }


    .new_project-tab span a:hover {
        padding: 10px 0px !important;

        border-bottom: 0px solid #ddd !important;

    }
    .new_project-tab span:last-child a:hover {

        border-bottom: 1px solid #ddd !important;

    }

    .new_project-tab span.disp a::after {

        content: "\f0da";

        font-family: fontAwesome;

        position: absolute;

        margin: 0 auto;

        left: 1px;

        right: unset;

        bottom: 12px;

        font-size: 20px;

    }
    /*
        .new_project-tab span.disp a:hover:after {

            content: "\f0da";

            font-family: fontAwesome;

            position: absolute;

            margin: 0 auto;

            left: 1px;

            right: unset;

            bottom: 12px;

            font-size: 20px;

        }

        .new_project-tab span a:hover:after {

            content: "\f0da";

            font-family: fontAwesome;

            position: absolute;

            margin: 0 auto;

            left: 1px;

            right: unset;

            bottom: 12px;

            font-size: 20px;

        } */
}
/*End New CSS For tab project*/


/*CSS for login required*/
.login-required {
    background: #F1EEE8;
    padding: 20px 0px 0px 0px;
    box-sizing: border-box;
    height: 250px;
}

.no_title-login {
    margin-top: 30px;
}

.no_title-regist {
    margin-top: 40px;
    margin-bottom: 10px;
}

.no_title-login, .no_title-regist {
    font-size: 17px;
    color: #000;
    margin: 30px 60px 20px 60px;
}
@media (max-width: 715px) {
    .no_title-login, .no_title-regist {
        margin: 30px 30px 20px 30px;
    }
}
@media (max-width: 487px) {
    .no_title-login, .no_title-regist {
        margin: 20px 10px 10px 10px;
    }
}

.login-required button {
    margin: 0 auto;
    display: block;
    margin-top: 30px;
    min-width: 250px !important;
    padding: 2px 0px !important;
}

@media only screen and (max-width: 992px) {
    .login-required {
        /* margin-left: calc(100% - 96%); */
        /* margin-right: calc(100% - 96%); */
        display: block;
    }
}
.m-auto {
    margin: 0 auto !important;
}
.n_link-hover {
    text-decoration: underline;
}
.n_link-hover:hover {
    text-decoration: none;
}
/*END CSS for login required*/

#projectBody {
    margin-top: 20px;
}
.ml-10 {
    margin-left: 10px !important;
}
.fl-left {
    float: left !important;
}

.nuser-header .headerProfileDescription {
    margin-left: 0px;
    margin-top: 0px;
}

.name-nuser {
    width: 100%;
}


@media (max-width: 992px) {
    .name-nuser {
        margin-top: 40px
    }
}

.name-nuser a {
    font-size: 21px
}

.nuser-header .headerProfile {
    padding: 0px;
    min-height: 0px;
}
.nuser-name {
    font-size: 22px;
    font-weight: 600;
    color: #555;
    margin-top: 20px;
}
@media (max-width: 768px) {
    .width100 {
        width: auto !important;
    }
}
@media only screen and (min-width: 993px) {
    div.project_7_tab {
        display: flex;
        justify-content: space-between;
        padding-left: 0px !important;
    }
    div.project_3_tab {
        padding-left: 0px !important;
    }
    #projectTab .margin_left_20 a {
        margin-left: 20px;
    }
}
@media only screen and (max-width: 992px) and (min-width: 716px) {
    div.project_7_tab{
        padding-left: calc(100% - 95%) !important;
        padding-right: calc(100% - 95%) !important;
        display: flex;
        justify-content: space-between;
        flex-direction: row;
    }
    div.project_3_tab {
        padding-left: calc(100% - 95%) !important;
        padding-right: calc(100% - 95%) !important;
    }
    #projectTab .margin_left_20 a {
        margin-left: 20px;
    }
}
@media screen and (min-width:0\0) {
    .info-head img {
        max-width: 100%;
    }
    #projectTab span{
        line-height: 1;
    }
}
@media only screen and (max-width: 768px) and (min-width: 737px) {
    div.button, p.button.center {
        margin-top: 4px !important;
        margin-bottom: 10px !important;
    }
}
.disabled {
    pointer-events: none;
    cursor: not-allowed;
    opacity: 0.65;
}
.table_width {
    width: 100% !important;
}
@media only screen and (max-width: 768px) {
    .success-margin-top {
        margin-top: 25px;
    }
    .img_banner{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .money_center {
        text-align: center;
    }
}
@media only screen and (min-width: 850px) and (max-width: 992px) {
    #footer .navi:nth-of-type(1) {
        width: 27%;
    }
}
@media only screen and (min-width: 769px) and (max-width: 849px) {
    .footer-menu .inner .navi {
        width: 26%;
    }
    .text_footer {
        margin-left: 20px !important;
    }
    img.img_footer_logo {
        padding-left: 35px;
    }
}
@media only screen and (min-width: 850px) {
    .text_footer {
        margin-left: 56% !important;
    }
}