@charset "UTF-8";

/* CSS Document */


/*--------------------
01.top
02.about
03.individuals_service
04.corporation_service
05.consultant
06.consultant_detail
07.tensyoku
08.tensyoku_more
09.interview
10.Interview_detail
11.job
12.job_information
13.entry
14.verification
15.complete
16.corporation_service
17.news
18.news_more
19.faq
20.company
--------------------*/

@media only screen and (max-width:1024px) {
    /*----------
01.top
----------*/
    #top .area02 .cnt_in>.flex_box {
        padding: 0 2em;
    }
    /*----------
08.tensyoku_more
----------*/
    #tensyoku_more .cnt_bottom .prof_box .prof_img {
        margin-right: 30px;
    }
    #tensyoku_more .cnt_bottom .prof_box dt {
        width: auto;
        padding-right: 1em;
    }
    /*----------
10.Interview_detail
----------*/
    #interview_detail .cnt_bottom .prof_box .prof_img {
        margin-right: 30px;
    }
    #interview_detail .cnt_bottom .prof_box dt {
        width: auto;
        padding-right: 1em;
    }
    .title_ptn01 .description {
        display: none;
    }
}

@media only screen and (max-width:750px) {
    /*----------
01.top
----------*/
    #top #mv {
        width: 100%;
    }
    #top #mv .logo {
        margin: 0 auto 10px;
        width: 175px;
    }
    #top #mv .catch {
        margin: 0 0 11px;
        font-size: 28px;
        line-height: 38px;
        text-shadow: 0 0 2px rgba(0, 0, 0, 0.7);
    }
    #top #mv .text {
        font-size: 14px;
        line-height: 24px;
        text-shadow: 0 0 2px rgba(255, 255, 255, 0.7);
    }
    #top #mv .serach_box {
        position: fixed;
        width: 47px;
        height: 47px;
        background-image: url(../img/top/icon_search.svg);
        background-size: 37px auto;
        background-repeat: no-repeat;
        background-position: center;
        box-shadow: 0 1px 6px rgba(0, 0, 0, 0.16);
        left: auto;
        right: 8px;
        /*bottom: 80px;*/
        bottom: 55px;
        transform: none;
        animation: ease;
        z-index: 998;
    }
    #top #mv .serach_box.act {
        border-radius: 24px;
        padding: 19px 6.67%;
        width: 95%;
        height: 137px;
        background-image: none;
    }
    #top #mv .form_wrap {
        flex-direction: column;
        transition: 0.7s;
        overflow: hidden;
        opacity: 0;
        pointer-events: none;
    }
    #top #mv .act.form_wrap {
        opacity: 1;
        pointer-events: all;
    }
    #top #mv .serach_box dl {
        display: flex;
        align-items: center;
        margin: 0 0 20px;
        padding: 0;
        width: 100%;
    }
    #top #mv .serach_box dl::after {
        content: none;
    }
    #top #mv .serach_box dt {
        position: relative;
        padding: 0 11px 0 0;
        width: 83px;
    }
    #top #mv .serach_box dt::after {
        content: '';
        display: block;
        position: absolute;
        width: 1px;
        height: 20px;
        background-color: #969696;
        top: 0;
        right: 0;
    }
    #top #mv .serach_box dd {
        padding: 0 0 0 11.5px;
        width: calc(100% - 83px);
    }
    #top #mv .serach_box input[type="text"] {
        font-size: 12px;
        width: 100%;
    }
    #top #mv .serach_box button {
        width: 37px;
        height: 37px;
        right: 5px;
        bottom: 6px;
        background-image: url(../img/top/icon_search2.svg);
    }
    #top #mv .logo.pc {
        display: none;
    }
    #top #mv .logo.sp {
        display: block;
    }
    #top .area01 {
        margin-top: 32px;
        margin-bottom: 0;
    }
    #top .area01 .cnt_in_middle {
        width: 100%;
    }
    #top .area02 {
        background-image: url("../img/top/bg02_sp.jpg");
    }
    #top .area03 {
        padding: 46px 0 59px;
    }
    #top .area02 .cnt_in {
        padding-bottom: 24.8px;
    }
    #top .area02 .cnt_in>.flex_box {
        display: block;
        padding: 0;
    }
    #top .area02 .consultant_box,
    #top .area02 .consultant_box:first-child {
        width: auto;
        margin: 15px;
    }
    #top .area02 .consultant_box:first-child {
        margin: 15px 15px 75.9px 15px;
    }
    #top .area03 .interview_each {
        width: 100%;
        margin-bottom: 30px;
    }
    #top .area03 .interview_each:not(:first-child) {
        margin-left: 0;
    }
    #top .area04 {
        padding-bottom: 80px;
        padding-top: 70px;
    }
    #top .area04 .flex_box,
    #top .area03 .flex_box {
        margin-bottom: 30px;
        display: block;
    }
    #top .area03 .cnt_btn {
        margin-top: 30px;
    }
    #top .area04 .flex {
        display: block;
        margin: 0 auto;
    }
    #top .area04 .num_area_h2 span {
        font-size: 16px;
    }
    #top .area04 .flex .box {
        margin: 0 auto 29px;
    }
    #top .area04 .flex .box,
    #top .area04 .flex .box .cnt_img {
        max-width: 335px;
        width: 100%;
    }
    #top .area04 .flex_box .cnt_text,
    #top .area03 .flex_box .cnt_text {
        max-width: 335px;
        margin: 0 auto;
        font-size: 16px;
        line-height: 30px;
    }
    #top .area04 h2 {
        margin-bottom: 1.5px;
    }
    #top #mv .serach_box:hover {
        opacity: 0.8;
    }
    #top #mv .serach_box.act:hover {
        opacity: 1;
    }
    /*----------
02.about
----------*/
    #about #map {
        max-height: 400px;
    }
    /*----------
03.individuals_service
----------*/
    /*----------
04.corporation_service
----------*/
    /*----------
05.consultant
----------*/
    #consultant .area01 {
        /*padding: 65px 0 58.2px;*/
        padding: 115.5px 0 58.2px;
    }
    #consultant .title_ptn01 {
        background: url(../img/consultant/bg_sp.jpg);
        background-size: cover;
    }
    #consultant .title_ptn01 .title {
        font-size: 21px;
        width: fit-content;
    }
    #consultant .title_ptn01 .heebo span {
        font-size: 8px;
    }
    #consultant .area01 .consultant_box {
        margin-bottom: 72px;
    }
    #consultant .area01 .consultant_box figure {
        width: 110px;
        height: 121px;
        margin-right: 10px;
    }
    #consultant .area01 .consultant_box .info .area {
        font-size: 14px;
    }
    #consultant .area01 .consultant_box p.cnt {
        font-size: 13px;
        line-height: 1.84;
    }
    #consultant .area01 .consultant_box figure {
        width: 110px;
        height: 121px;
        margin-right: 10px;
    }
    #consultant .area01 .consultant_box .info {
        margin-bottom: 7px;
    }
    #consultant .area01 .consultant_box .info .area {
        font-size: 14px;
    }
    #consultant .area01 .consultant_box p.cnt {
        font-size: 13px;
        line-height: 1.84;
        height: 100px;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    #consultant .area01 .consultant_box .cnt_btn {
        bottom: unset;
        top: 100%;
        width: 90px;
        font-size: 12px;
        padding-bottom: 6px;
    }
    #consultant .area01 .consultant_box .cnt_btn::after {
        width: 90px;
    }
    /*----------
06.consultant_detail
----------*/
    #consultant_detail .area01 {
        padding: 0;
    }
    #consultant_detail .area01 .flex_box {
        display: block;
        background: #F2F7F6;
        width: 100vw;
        margin-left: -5.5%;
        padding: 32px 5.5% 37px;
    }
    #consultant_detail .area01 .cnt_txt .consultant_info::before {
        display: none;
    }
    #consultant_detail .area01 picture {
        width: 100%;
        min-height: unset;
        margin: 0 auto 22px;
    }
    #consultant_detail .area01 h2 {
        font-size: 21px;
        line-height: 1.66;
        letter-spacing: .02em;
        margin-bottom: 25px;
    }
    #consultant_detail .area01 dd {
        font-size: 13px;
        line-height: 1.84;
        padding: 11px 22px 16px 18px;
    }
    #consultant_detail .area01 dt {
        font-size: 13px;
        padding: 8px 12px;
        width: 20%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #consultant_detail .area02 {
        padding: 28px 0 32px;
    }
    #consultant_detail .area02 p {
        font-size: 13px;
        line-height: 1.846;
    }
    #consultant_detail .area02 figure {
        margin: 35px 0;
    }
    #consultant_detail .area02 .cnt_btn {
        margin-top: 22.8px;
        margin-left: auto;
    }
    /*----------
07.tensyoku
----------*/
    #tensyoku .title_bottom_block {
        width: 96%;
    }
    #tensyoku .title_ptn01 .title_bottom_container .text01 {
        text-align: center;
        font-size: 14px;
        line-height: 28px;
        letter-spacing: 0.06em;
    }
    #tensyoku .title_ptn01 {
        background: url(../img/tensyoku/bg_sp.jpg);
        background-size: cover;
    }
    #tensyoku .title_ptn01 .title {
        padding-right: 14.5px;
    }
    #tensyoku .cnt_list .article_each,
    #tensyoku .cnt_list .article_each:not(:nth-of-type(3n)) {
        width: 100%;
        display: grid;
        grid-template-columns: 110px 1fr;
        grid-template-rows: auto 1fr;
        margin-bottom: 26px;
        margin-right: 0;
    }
    #tensyoku .cnt_list .article_each.pc {
        display: none;
    }
    #tensyoku .cnt_list .article_each figure {
        height: 90px;
        margin-right: 10px;
        grid-row: 2;
        grid-column: 1;
    }
    #tensyoku .cnt_list .article_each h2 {
        grid-row: 1;
        grid-column: 1 / 3;
        font-size: 16px;
        letter-spacing: .04em;
    }
    #tensyoku .cnt_list .article_each p {
        font-size: 13px;
        line-height: 1.84;
        margin-bottom: 8px;
    }
    #tensyoku .cnt_list .article_each .cnt_btn {
        grid-row: 3;
        grid-column: 2;
        padding-bottom: 6px;
    }
    #tensyoku .cnt_list .article_each .cnt_btn a {
        font-size: 12px;
    }
    /*----------
08.tensyoku_more
----------*/
    #tensyoku_more .main_wrap article {
        margin-bottom: 39.8px;
    }
    #tensyoku_more .cnt h1 {
        font-size: 21px;
        line-height: 1.66;
        letter-spacing: .02em;
    }
    #tensyoku_more .cnt_header .yellow_tag {
        font-size: 14px;
    }
    #tensyoku_more .cnt_header {
        margin-bottom: 25px;
    }
    #tensyoku_more .cnt .eyecatch {
        margin-bottom: 18px;
    }
    #tensyoku_more .cnt p {
        font-size: 13px;
        line-height: 1.84;
    }
    #tensyoku_more .cnt_bottom .slider_box,
    #tensyoku_more .cnt_bottom .prof_box {
        display: block;
    }
    #tensyoku_more .cnt_bottom .flex_box img {
        display: inline;
        margin: 0 15px;
    }
    #tensyoku_more .cnt_bottom .flex_box img {
        display: inline;
    }
    #tensyoku_more .cnt_bottom .slider_box {
        padding: 24px 0;
        background: #F2F7F6;
        position: relative;
        width: 100vw;
        margin-left: -5.5%;
    }
    #tensyoku_more .slick-prev,
    #tensyoku_more .slick-next {
        border: none;
        background: transparent;
        text-indent: -999px;
        width: 26px;
        height: 28px;
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        z-index: 100;
    }
    #tensyoku_more .slick-prev {
        left: 20px;
    }
    #tensyoku_more .slick-next {
        right: 20px;
    }
    #tensyoku_more .slick-prev::before,
    #tensyoku_more .slick-next::before {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
    #tensyoku_more .slick-prev::before {
        background: url(../img/tensyoku/prev.svg);
    }
    #tensyoku_more .slick-next::before {
        background: url(../img/tensyoku/next.svg);
    }
    #tensyoku_more ul.slick-dots li {
        text-indent: -999px;
        position: relative;
        width: 24px;
        height: 2px;
        margin-top: 15px;
    }
    #tensyoku_more ul.slick-dots li::before {
        content: "";
        width: 100%;
        height: 2px;
        background: #ADADAD;
        position: absolute;
        top: 0;
        left: 0;
    }
    #tensyoku_more ul.slick-dots {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #tensyoku_more ul.slick-dots li.slick-active::before {
        background: #000;
    }
    #tensyoku_more .cnt_bottom .prof_box .prof_img {
        margin: 0 auto 20px;
        display: block;
    }
    #tensyoku_more .cnt_bottom .prof_box dt {
        width: 32%;
        font-size: 15px;
    }
    #tensyoku_more .cnt_bottom .prof_box dd {
        font-size: 13px;
        line-height: 2;
    }
    #tensyoku_more .cnt_bottom .prof_box dl+dl {
        margin-top: 17px;
    }
    #tensyoku_more .cnt_bottom .flex_box.sns_link li+li {
        margin-left: 6px;
    }
    #tensyoku_more .cnt_bottom .cnt_btn {
        margin-top: 22.8px;
        margin-left: auto;
    }
    /*----------
09.interview
----------*/
    #interview .title_ptn01 {
        background: url(../img/interview/bg_sp.jpg);
        background-size: cover;
    }
    #interview .title_ptn01 .title {
        padding-right: 14.5px;
    }
    #interview .cnt_list .article_each,
    #interview .cnt_list .article_each:not(:nth-of-type(3n)) {
        width: 100%;
        display: grid;
        grid-template-columns: 110px 1fr;
        grid-template-rows: auto 1fr;
        margin-right: 0;
        margin-bottom: 26px;
    }
    #interview .cnt_list .article_each.pc {
        display: none;
    }
    #interview .cnt_list .article_each figure {
        height: 90px;
        margin-right: 10px;
        grid-row: 2 / 4;
        grid-column: 1;
    }
    #interview .cnt_list .article_each h2 {
        grid-row: 1;
        grid-column: 1 / 3;
        font-size: 16px;
        letter-spacing: .04em;
    }
    #interview .cnt_list .article_each .info {
        grid-row: 2;
        grid-column: 2;
    }
    #interview .cnt_list .article_each p {
        grid-row: 3;
        grid-column: 2;
        font-size: 13px;
        line-height: 1.84;
        margin-bottom: 8px;
    }
    #interview .cnt_list .article_each .cnt_btn {
        grid-row: 4;
        grid-column: 2;
    }
    #interview .title_bottom_block {
        width: 96%;
    }
    #interview .main_wrap article {
        margin-bottom: 50.5px;
    }
    /*----------
10.Interview_detail
----------*/
    #interview_detail .main_wrap article {
        margin-bottom: 39.8px;
    }
    #interview_detail .cnt h1 {
        font-size: 21px;
        line-height: 1.66;
        letter-spacing: .02em;
    }
    #interview_detail .cnt_header .yellow_tag {
        font-size: 14px;
    }
    #interview_detail .cnt_header {
        margin-bottom: 25px;
    }
    #interview_detail .cnt .eyecatch {
        margin-bottom: 18px;
    }
    #interview_detail .cnt p {
        font-size: 13px;
        line-height: 1.84;
    }
    #interview_detail .cnt_bottom .slider_box,
    #interview_detail .cnt_bottom .prof_box {
        display: block;
    }
    #interview_detail .cnt_bottom .flex_box img {
        display: inline;
        margin: 0 7.5px;
    }
    #interview_detail .cnt_bottom .flex_box img {
        display: inline;
    }
    #interview_detail .cnt_bottom .slider_box {
        padding: 24px 0;
        background: #F2F7F6;
        position: relative;
        width: 100vw;
        margin-left: -5.5%;
    }
    #interview_detail .slick-prev,
    #interview_detail .slick-next {
        border: none;
        background: transparent;
        text-indent: -999px;
        width: 26px;
        height: 28px;
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        z-index: 100;
    }
    #interview_detail .slick-prev {
        left: 20px;
    }
    #interview_detail .slick-next {
        right: 20px;
    }
    #interview_detail .slick-prev::before,
    #interview_detail .slick-next::before {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
    #interview_detail .slick-prev::before {
        background: url(../img/tensyoku/prev.svg);
    }
    #interview_detail .slick-next::before {
        background: url(../img/tensyoku/next.svg);
    }
    #interview_detail ul.slick-dots li {
        text-indent: -999px;
        position: relative;
        width: 24px;
        height: 2px;
        margin-top: 15px;
    }
    #interview_detail ul.slick-dots li::before {
        content: "";
        width: 100%;
        height: 2px;
        background: #ADADAD;
        position: absolute;
        top: 0;
        left: 0;
    }
    #interview_detail ul.slick-dots {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #interview_detail ul.slick-dots li.slick-active::before {
        background: #000;
    }
    #interview_detail .cnt_bottom .prof_box .prof_img {
        margin: 0 auto 20px;
        display: block;
    }
    #interview_detail .cnt_bottom .prof_box dt {
        width: 32%;
        font-size: 15px;
    }
    #interview_detail .cnt_bottom .prof_box dd {
        font-size: 13px;
        line-height: 2;
    }
    #interview_detail .cnt_bottom .prof_box dl+dl {
        margin-top: 17px;
    }
    #interview_detail .cnt_bottom .flex_box.sns_link li+li {
        margin-left: 6px;
    }
    #interview_detail .cnt_bottom .cnt_btn {
        margin-top: 22.8px;
        margin-left: auto;
    }
    #interview_detail .cnt_bottom .prof_box .cnt_txt {
        width: 100%;
        flex: 0 0 100%;
    }
    #tensyoku_more .cnt_bottom .prof_box .cnt_txt {
        width: 100%;
        flex: 0 0 100%;
    }
    /*----------
12.job_information
----------*/
    /*----------
13.entry
----------*/
    /*----------
14.verification
----------*/
    /*----------
15.complete
----------*/
    /*----------
16.corporation_service
----------*/
    /*----------
17.news
----------*/
    /*----------
18.news_more
----------*/
    /*----------
19.faq
----------*/
    /*----------
20.company
----------*/
}