@charset "utf-8";

/*********************************************************************
*
*  For 事業紹介
*
*********************************************************************/

/* ---------------------------------------------------- */
/* sec_mv_wrap */
/* ---------------------------------------------------- */
.sec_mv_wrap {
    background-image: url(../../common/img/mv/3.jpg);
}

/* ---------------------------------------------------- */
/* sec_nav_wrap */
/* ---------------------------------------------------- */
@media (min-width: 768px) {
    .sec_nav_wrap .nav_page_wrap>ul>li:nth-child(n + 5) {
        /* width: 33.33%; */
        border-bottom: none;
    }

    .sec_nav_wrap .nav_page_wrap>ul>li:nth-child(5) a {
        border-left: none;
    }
}

@media (max-width: 767px) {
    .cs_sec_nav_wrap_1 .nav_page_wrap>ul>li {
      width: 50%;
    }

    .sec_nav_wrap .nav_page_wrap>ul>li:nth-child(2n + 1) a {
        border-left: none;
    }

    .cs_sec_nav_wrap_1 .nav_page_wrap>ul>li:last-child,
    .cs_sec_nav_wrap_1 .nav_page_wrap>ul>li:nth-last-of-type(2) {
        /* width: 100%; */
        border-bottom: none !important;
    }
}

/* ---------------------------------------------------- */
/* sec_service_wrap */
/* ---------------------------------------------------- */
.sec_service_wrap {
    border-bottom: 120px solid #d2d2d2;
}

.sec_service_wrap::before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    width: 3%;
    height: 100%;
    background-color: #d2d2d2;
}

.sec_service_wrap article+article {
    margin-top: 90px;
}

.sec_service_wrap article .art_ttl {
    margin-bottom: 15px;
    font-size: 1.8rem;
    text-align: center;
}

.sec_service_wrap article .art_ttl::after {
    content: "";
    display: block;
    margin: 10px auto 0;
    width: 25px;
    height: 3px;
    background-color: #000;
}

.sec_service_wrap article .art_ttl span {
    display: block;
    font-size: 2.6rem;
    letter-spacing: 0.1em;
}

#realestate .art_ttl {
    color: #225378;
}

#housing .art_ttl {
    color: #225378;
}

#food .art_ttl {
    color: #646464;
}

#healthcare .art_ttl {
    color: #1aab4b;
}

#sports .art_ttl {
    color: #b9961e;
}

#nursing .art_ttl {
    color: #a62038;
}

#consulting .art_ttl {
    color: #000;
}

#recruit .art_ttl {
    color: #237d82;
}

.sec_service_wrap article .since {
    margin-bottom: 25px;
    font-size: 2.3rem;
    text-align: center;
}

.sec_service_wrap article .since span {
    font-weight: 700;
    letter-spacing: 0.2em;
}

.sec_service_wrap article .list {
    position: relative;
    padding: 35px 0;
    margin: 0 auto;
    width: 960px;
    border-top: 1px solid #d2d1d1;
    border-bottom: 1px solid #d2d1d1;
}

.sec_service_wrap article .list::before {
    content: "";
    position: absolute;
    letter-spacing: 0;
    top: -2px;
    display: block;
    width: 85px;
    height: 3px;
    background-color: #000;
}

.sec_service_wrap article .list>ul>li+li {
    padding-top: 35px;
    margin-top: 35px;
    border-top: 2px dashed #d2d1d1;
}

.sec_service_wrap article .list .clms_wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sec_service_wrap article .list .txt_wrap {
    flex: none;
    width: 410px;
}

.sec_service_wrap article .list>ul>li:nth-child(even) .txt_wrap {
    order: 2;
}

.sec_service_wrap article .list .txt_wrap .logo {
    margin-bottom: 15px;
}

.sec_service_wrap article .list .txt_wrap .ttl {
    margin-bottom: 15px;
    font-size: 2.2rem;
    font-weight: 700;
    text-align: center;
    letter-spacing: 0.025em;
}

.sec_service_wrap article .list .txt_wrap .desc {
    font-size: 1.6rem;
}

.sec_service_wrap article .list .txt_wrap .btn_more {
    margin-top: 15px;
    width: 100%;
}

.sec_service_wrap article .list .img {
    flex: none;
    width: 480px;
}

.sec_service_wrap article .list>ul>li:nth-child(even) .img {
    order: 1;
}

.sec_service_wrap article .img_2 {
    margin-top: 30px;
}

.sec_service_wrap article .overview_wrap {
    margin-top: 30px;
}

.sec_service_wrap article .overview_wrap .toggle_wrap {
    display: none;
    margin-bottom: 30px;
}

.sec_service_wrap article .overview_wrap table {
    width: 100%;
    border: 1px solid #d2d1d1;
}

.sec_service_wrap article .overview_wrap table th,
.sec_service_wrap article .overview_wrap table td {
    padding: 15px 30px;
    border: 1px solid #d2d1d1;
}

.sec_service_wrap article .overview_wrap table th {
    font-size: 1.8rem;
    font-weight: 700;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    background-color: #ebebeb;
}

.sec_service_wrap article .overview_wrap table td h6 {
    margin-bottom: 5px;
    font-size: 1.6rem;
    font-weight: 700;
}

.sec_service_wrap article .overview_wrap table td *+h6 {
    margin-top: 20px;
}

.sec_service_wrap article .overview_wrap table td .desc {
    line-height: 1.7;
}

.sec_service_wrap article .overview_wrap table td .note {
    margin-top: 5px;
    font-size: 1.2rem;
    line-height: 1.7;
}

.sec_service_wrap article .overview_wrap .btn_toggle {
    width: 410px;
}

.sec_service_wrap article .overview_wrap .btn_toggle span::before {
    content: "さらに見る";
}

.sec_service_wrap article .overview_wrap .btn_toggle.is_show span::before {
    content: "閉じる";
}

.sec_service_wrap article .overview_wrap .btn_toggle.is_show span::after {
    transform: translateY(-30%) rotate(-45deg);
}

@media (max-width: 767px) {
    .sec_service_wrap {
        border-width: 60px;
    }

    .sec_service_wrap::before {
        display: none;
    }

    .sec_service_wrap article+article {
        margin-top: 50px;
    }

    .sec_service_wrap article .art_ttl {
        font-size: 1.6rem;
    }

    .sec_service_wrap article .art_ttl span {
        display: inline-block;
        margin-right: 10px;
        font-size: 2.0rem;
        letter-spacing: 0.05em;
    }

    .sec_service_wrap article .since {
        margin-bottom: 20px;
        font-size: 1.4rem;
    }

    .sec_service_wrap article .list {
        padding: 25px 0;
        width: auto;
    }

    .sec_service_wrap article .list::before {
        width: 40px;
    }

    .sec_service_wrap article .list>ul>li+li {
        padding-top: 25px;
        margin-top: 25px;
    }

    .sec_service_wrap article .list .clms_wrap {
        display: block;
    }

    .sec_service_wrap article .list .txt_wrap {
        margin-bottom: 20px;
        width: auto;
    }

    .sec_service_wrap article .list .txt_wrap .logo {
        margin-bottom: 15px;
    }

    .sec_service_wrap article .list .txt_wrap .ttl {
        font-size: 1.6rem;
    }

    .sec_service_wrap article .list .txt_wrap .desc {
        font-size: 1.3rem;
    }

    .sec_service_wrap article .list .txt_wrap .btn_more {
        margin-top: 15px;
    }

    .sec_service_wrap article .list .img {
        width: auto;
    }

    .sec_service_wrap article .img_2 {
        margin-top: 20px;
    }

    .sec_service_wrap article .overview_wrap {
        margin-top: 20px;
    }

    .sec_service_wrap article .overview_wrap .toggle_wrap {
        margin-bottom: 20px;
    }

    .sec_service_wrap article .overview_wrap table,
    .sec_service_wrap article .overview_wrap table tbody,
    .sec_service_wrap article .overview_wrap table tr,
    .sec_service_wrap article .overview_wrap table th,
    .sec_service_wrap article .overview_wrap table td {
        display: block;
    }

    .sec_service_wrap article .overview_wrap table {
        border-bottom: none;
    }

    .sec_service_wrap article .overview_wrap table th,
    .sec_service_wrap article .overview_wrap table td {
        padding: 15px 10px;
        border: none;
        border-bottom: 1px solid #d2d1d1;
    }

    .sec_service_wrap article .overview_wrap table th {
        font-size: 1.6rem;
    }

    .sec_service_wrap article .overview_wrap table td h6 {
        font-size: 1.4rem;
    }

    .sec_service_wrap article .overview_wrap table td .desc {
        font-size: 1.3rem;
    }

    .sec_service_wrap article .overview_wrap table td .note {
        font-size: 1.1rem;
    }

}