@charset "UTF-8";
/******************************************/
/*Page Ajust*/
/******************************************/
body {
    font-family: Meiryo, "メイリオ", Osaka, "MS PGothic", arial, helvetica, sans-serif;
}
/*================================*/
/* bread list */
/*================================*/
.container.page-container.nav_list_block {
    padding: 3px 0 5px;
    width: calc(100% - 30px);
    max-width: 1250px;
    margin: auto;
}
.nav_list ol li:not(:last-child):after {
    top: 45%;
}

/* 既存ページ */
.container.breadcrumb {
    width: calc(100% - 30px);
    max-width: 1250px;
    height: auto;
    line-height: inherit;
    padding: 7px 0;
}

/*================================*/
/* header */
/*================================*/
.nav_list {
    margin-bottom: 0;
}
.main_nav .mega_menu.pc_only {
    border-width: 1px;
    /* border-top: none; */
    top: 64.4px;
}
.nav_list .mega_btn.active > a.pc_only {
    border-width: 1px;
}
.nav_list .mega_btn.active > a.pc_only {
    top: 1px;
}
.nav_list .mega_btn.active > a.pc_only:hover {
    opacity: 1;
}
.nav_list .mega_btn.active > a.pc_only:after {
    height: 6px;
    bottom: -5px;
}

.main_nav .mega_menu.pc_only .child dl {
    margin-bottom: 0;
}
.main_nav .mega_menu .child dl dt, .main_nav .mega_menu.pc_only .child dl dd {
    padding-bottom: 0;
}

/*================================*/
/* footer */
/*================================*/
.footer .footer_top .footer_top01 .right .bg_btn a i {
    margin-top: -8px;
}

/*================================*/
/* page_mv */
/*================================*/
.page_mv .inner {
    width: calc(100% - 30px);
    max-width: 1250px;
    padding: 45px 0 15px;
    margin: auto;
}
.page_mv .inner .page_ttl {
    left: 0;
}
.page_mv img {
    width: 100%;
}

/*================================*/
/* page-sidebar-nav */
/*================================*/
.page-sidebar-nav .nav-menu-sidebar .menu-item > a {
    margin: 0 0 5px !important;
}
.page-sidebar-nav .nav-menu-sidebar .menu-item ul li a {
    margin: 2px 0 !important;
}
.page-sidebar-nav .nav-menu-sidebar .menu-item ul li a:before {
    top: 1em;
}

/*================================*/
/* dotto_list */
/*================================*/
.dotto_list li {
    list-style: disc !important;
    text-indent: 0;
    padding-left: 0;
}
.dotto_list li:before {
    content: none;
}

/*================================*/
/* counselling */
/*================================*/
.counselling .about_block .from_block .list_box .list {
    padding-left: 1.2em;
}
.counselling .service_block .location_block .flow_list > li .right {
    margin-top: 10px;
}
.counselling .service_block .location_block .flow_list > li .right .name {
    margin-bottom: .1em;
}
.counselling .service_block .location_block .flow_list {
    padding-left: 0;
}

/*================================*/
/* company */
/*================================*/
.company .message_block .flex .right .comp {
    margin-bottom: -.2em;
}
.company .purpose_block .list li .txt_base p:not(:last-child) {
    margin-bottom: .5em;
}
.company .purpose_block .list li .txt_base p:last-child {
    margin-bottom: 0;
}

/*================================*/
/* rpo */
/*================================*/
.rpo .about_block .column_block .list > li .item_list {
    padding: 15px 17px 25px 37px;
}
.rpo .about_block .column_block .list > li .item_list li:not(:last-child) {
    margin-bottom: .5em;
}
.rpo .about_block .new_block .ex_box .box_list li .txt_bold {
    margin-bottom: 0;
}
.btn_block .btn_list li a:before
,.btn_block .btn_list li.active a:before
,.btn_block .btn_list li a:hover:before {
    top: 47%;
}

/*================================*/
/* temp-desk-service */
/*================================*/
.temp-desk-service .about_block .function_block .list > li .dotto_list li::marker {
    color: #E60012;
}
.temp-desk-service .about_block .function_block .list > li {
    padding: 80px 17px 20px 37px;
}
.temp-desk-service .about_block .function_block .list > li .list_ttl {
    margin-left: -1em;
}
.temp-desk-service .about_block .worry_block .list li .left p {
    margin-bottom: 0;
}
.temp-desk-service .about_block .worry_block .list li .right .txt_base p {
    margin-bottom: 0;
}

/*================================*/
/* js_fadein */
/*================================*/
.js_fadein {
    opacity: 0;
    transform: translate(0,0);
    transition: all 1.5s;
    transform: translate(0,30px);
}
.js_fadein.scrollin {
    opacity: 1 !important;
    transform: translate(0, 0) !important;
}

/*================================*/
/* main_visual_animation */
/*================================*/
#js_main_animate {
    opacity: 0;
    transition: all 1.5s;
}
#js_main_animate.animate  {
    opacity: 1;
}

#js_main_animate .inner {
    opacity: 0;
    transition: all 1.5s;
    transform: translate(0,100px);
}
#js_main_animate .inner.animate  {
    opacity: 1;
    transform: translate(0,0);
}

/*================================*/
/* sildebar */
/*================================*/
.bg_pink .page-sidebar-member-search {
    background-color: #69BE28;
}
.page-sidebar-member-signup {
    background-color: #E77400;
}
a.btn.btn-content.page-sidebar-member-signup.touroku {
    background-color: #E60012;
    box-shadow: 0 3px 1px #ba0010;
}
.page-sidebar-member-obanpaku {
    background-color: #0068B4;
    box-shadow: none;
    border-radius: 0px;
}
.div-obanpaku {
    border-color: #E30012;
    border-style: inherit;
    border-width: thick;
    padding: 0px;
}

/*================================*/
/* 既存ページ */
/*================================*/
/* .main_visual */
.top-content {
    position: relative;
}
.top-content:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));
}
.top-content .page-title-container {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: calc(100% - 30px);
    max-width: 1250px;
    padding: 45px 0 15px;
    margin: auto;
    background: none;
}
.top-content .page-title-container .page-title {
    left: 0;
    font-size: clamp(2rem, 3vw, 4rem);
}

/* .採用情報 */
.job-offer-article .job-offer-detail2 .job-offer-detail2-heading {
    padding: 5px;
    width: 28%;
    background-color: #feeced;
}
.job-offer-article .job-offer-buttons .job-offer-button {
    display: block;
    width: 100%;
    max-width: 330px;
    text-align: center;
    padding-right: 20px;
    margin: auto;
}
.job-offer-article .job-offer-buttons .job-offer-button:before {
    content: none;
}
.job-offer-article .job-offer-buttons .job-offer-button:after {
    content: none;
}

/* 集合研修でスキルアップ */
table.seminar a {
    /* text-decoration: underline;
    color: #3d83f7; */
}

/*=============================================*/
/*media query    Tablet ipad 5.7inch */
/*=============================================*/
@media screen and (max-width: 768px) {
    /*================================*/
    /* header */
    /*================================*/
    .header .nav_list > .mega_btn {
        border-top: 1px solid #ccc;
    }
    .header .nav_list > .mega_btn.active a {
        border-top: 0;
        border-right: 0;
        border-left: 0;
    }
    .header .nav_list .mega_btn > a:before {
        right: 20px;
    }
    .header .logo {
        width: 266px;
        max-width: auto;
    }
    .header .logo a img {
        width: 100%;
    }
    .header .header_top {
        margin: 0 10px;
    }

    /*================================*/
    /* breadcrumb */
    /*================================*/
    .breadcrumb .breadcrumb-text {
        padding: 1px 0;
    }
    .nav_list ol li:not(:last-child):after {
        top: 43%;
    }

    /*================================*/
    /* nav_list */
    /*================================*/
    .main_nav .nav_kawasaki_logo {
        max-width: 250px;
    }
    .main_nav .nav_logo {
        padding-top: 8px;
    }
    .main_nav .nav_logo a {
        display: block;
    }
    .main_nav .nav_logo a img {
        display: block;
        width: 90%;
        margin: auto;
        max-width: 250px;
    }

    /*================================*/
    /* contact_btn */
    /*================================*/
    .contact_btn a {
        max-width: 100%;
    }

    /*================================*/
    /* main_visual */
    /*================================*/
    .main_visual {
        position: relative;
    }
    .main_visual:after  {
        content: '';
        position: absolute;
        bottom: -2px;
        left: 0;
        right: 0;
        width: 100%;
        height: 3px;
        background-color: #fff;
    }

    /*================================*/
    /* counselling */
    /*================================*/
    .counselling .about_block .from_block .list_box {
        padding: 20px;
        margin-bottom: .5rem;
    }
    .counselling .about_block .from_block .list_box .list li {
        margin-bottom: .5em;
    }
    .counselling .about_block .from_block .list_box .txt {
        margin-bottom: 0;
    }

    /*================================*/
    /* company */
    /*================================*/
    .company .purpose_block .list li .item_ttl .ttl {
        padding-bottom: 0;
        margin: 0;
    }
    .company .philosophy_block {
        padding: 0;
    }

    /*================================*/
    /* temp-desk-service */
    /*================================*/
    .temp-desk-service .about_block .worry_block .list li {
        display: flex;
    }
    .temp-desk-service .about_block .worry_block .list li .left {
        width: 20%;
        margin-right: 3%;
        aspect-ratio: 1;
    }
    .temp-desk-service .about_block .worry_block .list li .left p {
        font-size: 1.2rem;
    }
    .temp-desk-service .about_block .worry_block .list li .right {
        width: 77%;
    }

    /*================================*/
    /* rpo */
    /*================================*/
    .btn_block .btn_list li a:before
    ,.btn_block .btn_list li.active a:before
    ,.btn_block .btn_list li a:hover:before {
        top: 47%;
    }
}


/****************************************************/
/*テキストリンクの下線調整 */
/****************************************************/
.nav_list li a,
.contact_btn a,
.btn_block .btn_list li a,
.list_btn a,
.front-news .news_block .list li a,
.front-news .service_block .list > li .right .link_list li a,
.red_btn a,
.gray_btn a,
.main_nav .mega_menu .child a,
.nav_list > li > a {
  text-decoration: none;
}
.nav_list li a,
.front-news .news_block .list li a,
.front-news .service_block .list > li .right .link_list li a {
  color: inherit;
}




/****************************************************/
/* search アコーディオン */
/****************************************************/
.style3 label.label-checkbox span.lever, .style3 label.label-checkbox-parent span.lever, .style3 label.label-radio span.lever
.po-searchform .po-input {
  position: relative;
  width: 100%;
}
.style3 tr.po-single td li {
  width: 100%;
}
.po-searchform .po-input td ul li {
  width: 100%;
}
.po-searchform .po-input > ul > li:not(:first-child) {
  display:none;
  padding-left:10px;
  float: none;
}
.po-input.po-checkbox-root.po-checkbox {
    display: flex;
    flex-wrap: wrap;
}
.po-input.po-checkbox-root.po-checkbox ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.po-input.po-checkbox-root.po-checkbox ul li:not(:first-child){
  width: 33%;
}

}

.po-checkbox-parent {
  pointer-events: none;
}
.po-input.po-checkbox-root.po-checkbox ul li:first-child {
  position: relative;
}

.po-input.po-checkbox-root.po-checkbox ul li:first-child:after{
  position: absolute;
  left: 30px;
  left: 0;
  top: 0;
  content: '';
  width: calc(100% - 30px);
  width: 100%;
  height: 100%;
  /* background-color: #ccc; */
  cursor: pointer;
}
.po-input.po-checkbox-root.po-checkbox ul li:first-child .lever:after,
.po-input.po-checkbox-root.po-checkbox ul li:first-child .lever:before {
  content: none;
}

.style3 tr.po-single ul ul:first-child {
    margin-top: 10px !important;
}
.po-input.po-checkbox-root.po-checkbox ul li:first-child {
    padding: 0 10px;
    background-color: #f3f3f3;
}
.po-input.po-checkbox-root.po-checkbox ul li:first-child label {
    padding-right: 10px;
}
.po-input.po-checkbox-root.po-checkbox ul li:first-child:before {
    content: '';
    position: absolute;
    top: 9px;
    right: 10px;
    background: url(../img/search/btn-plus.svg) no-repeat center / contain;
    width: 15px;
    height: 15px;
}
.po-input.po-checkbox-root.po-checkbox ul li.active:first-child:before {
    background-image: url(../img/search/btn-minus.svg);
}
.po-input.po-checkbox-root.po-checkbox ul li {
    width: 90%;
}
.po-input.po-checkbox-root.po-checkbox ul li:not(:first-child) span {
    width: 100%;
}
.po-input.po-checkbox-root.po-checkbox > li { /* その他 */
    width: 30%;
    margin-top: 10px;
}

@media only screen and (max-width: 1080px) {
    .entry-content .po-row-item-container > ul {
        border-top: none !important;
    }
    .po-input.po-checkbox-root.po-checkbox ul li {
        border-bottom: none !important;
    }
    .style3 tr.po-single ul ul {
        margin-top: 10px !important;
    }
    .po-input.po-checkbox-root.po-checkbox ul li {
        width: 90% !important;
        margin-bottom: 0 !important;
    }
    .po-input.po-checkbox-root.po-checkbox ul li label {
        margin-bottom: 0 !important;
    }
    .po-input.po-checkbox-root.po-checkbox ul li:first-child:before {
        top: 15px;
    }
    .po-input.po-checkbox-root.po-checkbox > li { /* その他 */
        border-bottom: none;
    }
}

/*=============================================*/
/*media query    Tablet ipad 5.7inch */
/*=============================================*/
@media screen and (max-width: 768px) {
    .entry-content .po-searchform table tbody {
        display: block;
        width: 100%;
    }
    .po-input.po-checkbox-root.po-checkbox {
        display: block;
    }
    .po-input.po-checkbox-root.po-checkbox ul {
        width: 100%;
    }
    .po-input.po-checkbox-root.po-checkbox ul li {
        width: 100% !important;
    }
}