@charset "UTF-8";
/* ----------------------------------------------------------
TOP
---------------------------------------------------------- */
/* 追従CTA */
div#dlpo_btn{
    background: rgba(0, 0, 0, 0.5);
}
.dlpo_btn a p.left{
    font-weight: 500;
}
.dlpo_btn a{
    background: var(--red);
}
.ftr_bottom{
    padding: 40px 0 123px;
}

/* ----------------------------------------------------------
コンテンツ・サイドバー
---------------------------------------------------------- */
#top {
    background: #f5f5f5;
    font-family: 'Noto Sans JP',sans-serif;
    font-size: 1.6rem;
    line-height: 1.5;
    letter-spacing: 0.06em;
    padding-bottom: 100px;
}
#top main h1,#top main h2,#top main h3,#top main h4,#top main h5,#top main h6 {
    font-weight: normal;
}
#top .content_Wrap.flex{
    justify-content: space-between;
    margin-top: 30px;
}
#top main{
    width: 75%;
    max-width: 900px;
}
#top aside{
    width: 23%;
    max-width: 280px;
}

.top_fv{
    position: relative;
    width: 100%;
    background: url(../img/top/fv_bg_pc.webp) center center no-repeat;
    background-size: contain;
    padding-top: 25.71428571428571%;
    height: 0;
    margin-top: -50px;
    line-height: 1;
}
.top_fv .fv_inner{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 90%;
    max-width: 1200px;
    height: 100%;
}
.top_fv .fv_left{
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    max-width: 416px;
    text-align: center;
}
.top_fv .fv_left img{
    width: 100%;
    max-width: 375px;
}
.top_fv .fv_left img.tabsp{
    display: none;
}
.top_fv .fv_right{
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    text-align: center;
}
.top_fv .fv_right img{
    max-width: 381px;
}
.top_fv .fv_right .fv_cta{
    width: 100%;
    max-width: 400px;
    border: 2px solid var(--red);
    background: var(--red);
    color: #fff;
    justify-content: center;
    align-items: center;
    margin: 10px auto 0;
    padding: 20px 15px;
    border-radius: 5px;
    text-align: center;
}
.top_fv .fv_right .fv_cta span{
    font-size: 1.4rem;
    font-weight: 500;
    display: inline-block;
    color: var(--red);
    background: #fff;
    margin-right: 8px;
    padding: 5px 10px;
    border-radius: 50px;
    transition: 0.3s;
}
.top_fv .fv_right .fv_cta p{
    font-size: 2.2rem;
    line-height: 1.3;
    font-weight: 500;
    transition: 0.3s;
}
.top_fv .fv_right .fv_cta:hover{
    background: #fff;
    filter: none;
    opacity: 1 !important;
}
.top_fv .fv_right .fv_cta:hover p{
    color: var(--red);
}
.top_fv .fv_right .fv_cta:hover span{
    background: var(--red);
    color: #fff;
}
.top_fv .fv_right .link_login{
    position: relative;
    display: inline-block;
    text-align: center;
    margin-top: 10px;
    color: var(--navy);
    text-decoration: underline;
    font-size: 1.4rem;
    line-height: 1.6;
    padding-right: 0.8em;
}
.top_fv .fv_right .link_login::after{
    position: absolute;
    content: "";
    border-left: 6px solid var(--navy);
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}
.top_fv .fv_right .link_login:hover{
    opacity: 0.7;
    text-decoration: none;
}

/* 簡易求人検索 */
.quick_search_Box{
    margin: 0 0 15px;
}
.quick_search_Box .inner{
    justify-content: space-between;
    align-items: stretch;
}
.quick_search_Box h2{
    font-size: 1.6rem;
    color: var(--blue);
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.quick_search_Box .select_Area{
    width: 65%;
    justify-content: space-between;
    align-items: center;
}
.quick_search_Box .select_Area .select_Box{
    position: relative;
    display: flex;
    margin-right: 5px;
    width: 100%;
    max-width: calc((100% / 3) - 2%);
}
.quick_search_Box .select_Area .select_Box select{
    position: relative;
    vertical-align: 2px;
    width: 100%;
    border: 1px solid var(--blue);
    background: #fff;
    padding: 10px 8px;
    border-radius: 3px;
    font-size: 1.6rem;
    color: var(--blue);
    text-align: center;
    outline: none;
    cursor: pointer;
}
.quick_search_Box .select_Area .select_Box span.material-symbols-outlined{
    position: absolute;
    top: 50%;
    left: 5%;
    transform: translateY(-50%);
    color: var(--blue);
    font-size: 2rem;
    z-index: 1;
}
/* .quick_search_Box .select_Area .select_Box::before{
    position: absolute;
    font-family: "Material Symbols Outlined";
    font-variation-settings: 'wght' 300;
    top: 50%;
    left: 8px;
    transform: translateY(-50%);
    z-index: 1;
}
.quick_search_Box .select_Area .select_Box.job::before{
    content: "\e8f9";
}
.quick_search_Box .select_Area .select_Box.location::before{
    content: "\e0c8";
}
.quick_search_Box .select_Area .select_Box.income::before{
    content: "\ef63";
} */
.quick_search_Box .select_Area .select_Box select:invalid {
    color: var(--blue);
}
.quick_search_Btn{
    position: relative;
    width: 20%;
    background: #fff;
    border: 1px solid var(--blue);
    border-radius: 3px;
    padding: 5px;
    text-align: center;
    transition: 0.3s;
    cursor: pointer;
}
.quick_search_Btn::before{
    position: absolute;
    content: "\e8b6";
    font-family: "Material Symbols Outlined";
    font-size: 2rem;
    color: var(--blue);
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    transition: 0.3s;
}
.quick_search_Btn span{
    color: var(--blue);
    font-size: 1.6rem;
    transition: 0.3s;
}
.quick_search_Btn:hover{
    background: var(--blue);
}
.quick_search_Btn:hover::before{
    color: #fff;
}
.quick_search_Btn:hover span{
    color: #ffff;
}

/* ◯◯から探す */
.category_search_Box{
    margin-top: 10px;
}
.category_search_Box .category_item{
    width: 50%;
    display: flex;
    flex-direction: column;
}
.category_search_Box .category_item .category_item_ttl{
    position: relative;
    color: #fff;
    border-right: 1px solid #fff;
    background: var(--blue);
    padding: 5px 0 5px 10px;
    justify-content: flex-start;
    align-items: center;
}
.category_search_Box .category_item:nth-child(1) .category_item_ttl{
    border-radius: 5px 0 0 0;
}
.category_search_Box .category_item:nth-child(2) .category_item_ttl{
    border-radius: 0 5px 0 0;
}
.category_search_Box .category_item:nth-child(odd) .category_item_ttl{
    border-left: 1px solid var(--blue);
}
.category_search_Box .category_item:nth-child(even) .category_item_ttl{
    border-right-color: var(--blue);
}
.category_search_Box .category_item .category_item_ttl h2{
    font-size: 1.6rem;
    line-height: 1.5;
}
.category_search_Box .category_item .category_item_ttl span.material-symbols-outlined{
    font-size: 2rem;
    color: #fff;
    padding-right: 5px;
    vertical-align: sub;
}
.category_search_Box .category_item .item_inner{
    padding: 10px 15px;
    background: #fff;
    border-right: 1px solid #ddd;
    flex: 1;
}
.category_search_Box .category_item:nth-child(odd) .item_inner{
    border-left: 1px solid #ddd;
}
.category_search_Box .category_item:nth-last-child(-n+2) .item_inner{
    border-bottom: 1px solid #ddd;
}
.category_search_Box .category_item:nth-child(3) .item_inner{
    border-radius: 0 0 0 8px;
}
.category_search_Box .category_item:nth-child(4) .item_inner{
    border-radius: 0 0 8px 0;
}
.category_search_Box .category_item .item_inner .category_link{
    display: inline-block !important;
    color: var(--basic);
    font-size: 1.4rem;
    margin-bottom: 3px;
    margin-right: 5px;
    text-decoration: underline;
}
.category_search_Box .category_item .item_inner .category_link:hover{
    opacity: 0.7;
    text-decoration: none;
}
/* SPのみ */
.category_search_Box .category_item .item_inner .category_link_none,
.category_search_Box .category_item .item_inner .category_link_sp,
.category_search_Box .category_item .item_inner .category-dropdown_sp{
    display: none;
}

/* ----------------------------------------------------------
TOP - common
---------------------------------------------------------- */
[class*=_Wrap]{
    margin-top: 30px;
}
[class*=_Wrap] h3.Wrap_ttl{
    color: #333;
    font-size: 2rem;
    line-height: 1;
    margin-bottom: 10px;
    text-align: center;
}
.top_cta_Btn{
    display: block;
    font-size: 1.6rem;
    text-align: center;
    padding: 10px ;
    border-radius: 5px;
    width: 90%;
    max-width: 300px;
    margin: 10px auto 0;
    background: var(--blue);
    border: 1px solid var(--blue);
    color: #fff;
}
.top_cta_Btn:hover{
    background: #fff;
    color: var(--blue);
}

/* ご案内する求人案件・求人企業実績 */
.jisseki_Wrap{
    width: 100%;
    background: url(../img/top/top_section_bg.webp) center center no-repeat;
    background-size: cover;
    border-radius: 10px;
    padding: 30px;
}
.jisseki_Wrap h3.Wrap_ttl{
    color: #fff;
}
.jisseki_Wrap .job_case{
    justify-content: space-between;
    margin-bottom: 30px;
}
.jisseki_Wrap .job_case li{
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: calc((100% / 3) - 1%);
    background: #fff;
    padding: 15px 20px;
    text-align: center;
}
.jisseki_Wrap .job_case li span.num{
    position: absolute;
    width: 25px;
    height: 40px;
    top: 5px;
    left: 8px;
    opacity: 0.8;
}
.jisseki_Wrap .job_case li:nth-child(1) span.num{
    width: 20px;
}
.jisseki_Wrap .job_case li:nth-child(1) img{
    width: 80%;
    margin: 0 auto;
}

/* ロゴ横スクロール */
.logo-slider_Box{
    overflow: hidden;
}
.logo-carousel {
    position: relative;
    display: flex;
    width: 100%;
    width: max-content;
    white-space: nowrap;
    background: #fff;
    padding: 10px 0;
}
.logo-track {
    display: flex;
}
.logo-track div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 0 0 auto;
    margin: 0 10px;
}
.logo-track img {
    display: block;
    width: auto;
    max-height: 50px;
    max-width: 100%;
    vertical-align: middle;
}
.logo-track div.large img{
    max-height: 30px;
}
.jisseki_Wrap .note{
    font-size: 1.2rem;
    line-height: 1.2;
    color: #fff;
    text-align: center;
    margin-top: 10px;
}

/* 転職までの流れ */
.job_flow_List{
    justify-content: space-between;
    margin-top: 10px;
}
.job_flow_List li{
    position: relative;
    background: #fff;
    padding: 15px;
    display: flex;
    flex-direction: column;
    width: 18%;
}
.job_flow_List li::after{
    position: absolute;
    content: "\e5cc";
    font-family: "Material Symbols Outlined";
    color: #ddd;
    font-size: 5rem;
    top: 50%;
    right: -24%;
    transform: translateY(-50%);
    z-index: 1;
}
.job_flow_List li:last-child:after{
    content: none;
}
.job_flow_List li span.step_num{
    font-family: "Oswald", sans-serif;
    font-weight: 300;
    font-size: 2rem;
    text-align: center;
    color: var(--basic);
    margin-bottom: 10px;
}
.job_flow_List li img{
    width: auto;
    max-height: 60px;
    margin: 0 auto 15px;
}
.job_flow_List li h4{
    font-size: 1.8rem;
    font-weight: 500;
    text-align: center;
    color: var(--brown);
    margin-bottom: 5px;
}
.job_flow_List li .txt{
    font-size: 1.2rem;
    line-height: 1.3;
    text-align: justify;
    color: var(--basic);
}

/* 転職成功事例 */
.casestudy_List{
    justify-content: space-between;
    margin-top: 10px;
}
.casestudy_List li{
    display: flex;
    flex-direction: column;
    width: 24%;
    background: #fff;
    padding: 10px;
}
.casestudy_List li .top_Box{
    flex-direction: column;
}
.casestudy_List li img{
    width: 80%;
    max-width: 60px;
    margin: 0 auto 5px;
}
#top .casestudy_List li h4{
    color: var(--navy);
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: 0.02em;
    text-align: center;
    margin-bottom: 5px;
    flex: 1;
}
.casestudy_List li .before-after{
    margin-top: auto;
    border-top: 1px solid #eee;
    padding-top: 5px;
}
.casestudy_List li .before-after dl{
    position: relative;
    padding: 5px 8px;
    background: #ddd;
    text-align: center;
}
.casestudy_List li .before-after dl dt{
    font-size: 1.3rem;
    color: #555;
    padding-bottom: 3px;
    border-bottom: 1px solid #eee;
}
.casestudy_List li .before-after dl dd{
    font-size: 1.3rem;
    line-height: 1.2;
    color: #555;
    padding-top: 3px;
}
.casestudy_List li .before-after dl.before::after{
    position: absolute;
    content: "";
    border-top: 12px solid var(--navy);
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    bottom: -17px;
    left: 50%;
    transform: translateX(-50%);
}
.casestudy_List li .before-after dl.after{
    background: var(--navy);
    margin-top: 20px;
    /* min-height: 112px; */
}
.casestudy_List li .before-after dl.after dt{
    color: #fff;
}
.casestudy_List li .before-after dl.after dd{
    color: #fff;
}
.casestudy_List li .before-after dl.after dd strong{
    font-size: 180%;
    color: #d4b9a0;
    font-family: "Oswald", sans-serif;
    font-style: italic;
}

/* 新着求人 */
.new_job_Wrap .new_job_slider{
    width: 95%;
    margin: 10px auto 0;
}
.new_job_Wrap .new_job_slider .slick-track{
    display: flex;
    align-items: stretch;
}
.new_job_Wrap .new_job_slider .slick-track .slick-slide{
    height: auto;
}
.new_job_slider .new_job_item{
    display: flex;
    flex-direction: column;
    border: 1px solid var(--blue);
    background: #fff;
    padding: 10px 15px;
    border-radius: 5px;
    height: 100%;
    margin: 0 10px 0 0;
    flex: 1;
}
.new_job_slider .new_job_item .txt{
    font-size: 1.4rem;
    font-weight: 600;
    color: var(--basic);
    line-height: 1.4;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.new_job_slider .new_job_item:hover{
    background: #e8e6e5;
}
.new_job_slider .new_job_item:hover .txt{
    text-decoration: underline;
}
.new_job_slider .new_job_item .details{
    margin-top: 5px;
}
.new_job_slider .new_job_item .details span.material-symbols-outlined{
    font-size: 2rem;
    color: var(--blue);
    vertical-align: sub;
    margin-right: 3px;
}
.new_job_slider .new_job_item .details p{
    font-size: 1.4rem;
    color: var(--basic);
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.new_job_slider .new_job_item .details p small{
    font-size: 80%;
}
.new_job_slider .new_job_item .details p.income{
    margin-bottom: 5px;
}
.new_job_slider .slick-dots li{
    margin: 0;
}
.new_job_slider .slick-prev,
.new_job_slider .slick-next{
    width: 40px;
    height: 40px;
    background: #fff;
    border-radius: 50%;
    border: 1px solid var(--blue);
    box-shadow: 0 0 10px #ddd;
    z-index: 1;
    transition: 0.3s;
}
.new_job_slider .slick-prev:before,
.new_job_slider .slick-next:before{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: var(--blue);
    font-family: "Material Symbols Outlined";
    font-size: 2.5rem;
    opacity: 1;
    transition: 0.3s;
}
.new_job_slider .slick-prev:before{
    content: "\e5cb";
}
.new_job_slider .slick-next:before{
    content: "\e5cc";
}
.new_job_slider .slick-prev:hover,
.new_job_slider .slick-next:hover{
    background: var(--blue);
}
.new_job_slider .slick-prev:hover::before,
.new_job_slider .slick-next:hover::before{
    color: #fff;
}
.new_job_Wrap .top_cta_Btn{
    margin-top: 30px;
    background: var(--blue);
    border-color: var(--blue);
}
.new_job_Wrap .top_cta_Btn:hover{
    background: #fff;
    color: var(--blue);
}

/* 転職ノウハウ */
.knowhow_Wrap .knowhow_content{
    margin-top: 10px;
}
.knowhow_content .knowhow_item:first-child{
    border-top: 1px solid #ddd;
}
.knowhow_content .knowhow_item{
    position: relative;
    display: block;
    width: 100%;
    background: #fff;
    padding: 15px;
    border-bottom: 1px solid #ddd;
}
.knowhow_content .knowhow_item:hover{
    background: #eee;
}
.knowhow_content .knowhow_item::after{
    position: absolute;
    content: "\e5cc";
    font-family: "Material Symbols Outlined";
    color: #ddd;
    font-size: 3rem;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    z-index: 1;
}
.knowhow_content .knowhow_item .knowhow_item_inner{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.knowhow_item_inner figure{
    width: 30%;
    max-width: 278px;
}
.knowhow_item_inner .txt_Box{
    width: 68%;
}
#top .knowhow_item_inner .txt_Box h4{
    font-size: 1.8rem;
    font-weight: 600;
    color: var(--basic);
    margin-bottom: 10px;
}
.knowhow_item_inner .txt_Box .txt{
    font-size: 1.4rem;
    line-height: 1.4;
    color: var(--basic);
}
.knowhow_item.none:hover{
    background: #fff;
}
.knowhow_item.none::after{
    content: none;
}
.topics_container{
    justify-content: space-between;
    margin-top: 15px;
}
.topics_item{
    display: block;
    width: calc((100% / 3 ) - 1%);
    background: #fff;
    border: 1px solid #ddd;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 15px;
    cursor: pointer;
}
.topics_item:hover{
    background: #eee;
}
.topics_item figure{
    width: 100%;
    margin-bottom: 10px;
}
.topics_item .txt{
    color: var(--basic);
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.4;
}


/* ----------------------------------------------------------
サイドバー
---------------------------------------------------------- */
.sidebar{
    margin-bottom: 50px;
}
.sidebar h3{
    text-align: center;
    font-size: 1.8rem;
    line-height: 1.4;
    font-weight: 600;
    margin-bottom: 5px;
    color: #333;
}
.sidebar .sidebar_link{
    position: relative;
    display: block;
    border: 1px solid #ddd;
    background: #fff;
}
.sidebar ul li:first-child .sidebar_link{
    border-radius: 5px 5px 0 0;
}
.sidebar ul li:last-child .sidebar_link{
    border-radius: 0 0 5px 5px;
}
.sidebar .sidebar_link::after{
    position: absolute;
    content: "\e5cc";
    font-family: "Material Symbols Outlined";
    font-variation-settings: 'wght' 300;
    font-size: 2rem;
    color: #ddd;
    top: 50%;
    right: -1%;
    transform: translateY(-50%);
}
.sidebar .sidebar_link:hover{
    background: #eee;
}
.sidebar ul li:not(:last-child) .sidebar_link{
    border-bottom: none;
}

/* MS Agentのサービス */
.service_Box.sidebar .sidebar_link{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.service_Box.sidebar .sidebar_link figure{
    width: 70px;
    border-right: 1px solid #ddd;
}
.service_Box.sidebar ul li:first-child .sidebar_link figure img{
    border-radius: 5px 0 0 0;
}
.service_Box.sidebar ul li:last-child .sidebar_link figure img{
    border-radius: 0 0 0 5px;
}
.service_Box.sidebar .sidebar_link .ttl{
    width: calc(98% - 70px);
    font-size: 1.5rem;
    line-height: 1.2;
    font-weight: 600;
    color: var(--basic);
    padding-left: 10px;
}

/* セミナー・個別相談会 */
.seminar_Box.sidebar .sidebar_link{
    padding: 10px;
}
.seminar_Box.sidebar .sidebar_link .ttl{
    font-size: 1.2rem;
    line-height: 1.2;
    color: var(--basic);
    /*margin-bottom: 5px;*/
}
.seminar_Box.sidebar .sidebar_link .time{
    position: relative;
    font-size: 1.2rem;
    line-height: 1;
    color: #888;
}
.seminar_Box.sidebar .sidebar_link .time span.material-symbols-outlined{
    font-variation-settings: 'FILL' 1;
    color: #888;
    font-size: 1.5rem;
    vertical-align: sub;
}

/* 求人特集 */
.job_feature_Box.sidebar .sidebar_link{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 10px;
}
.job_feature_Box.sidebar .sidebar_link figure{
    width: 48%;
}
.job_feature_Box.sidebar .sidebar_link .ttl{
    width: 48%;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.2;
    padding-left: 10px;
    color: var(--basic);
}

/* 新着記事 */
.topics_Box.sidebar .sidebar_link{
    padding: 10px;
}
.topics_Box.sidebar .sidebar_link::after{
    content: none;
}
.topics_Box.sidebar .sidebar_link figure{
    margin-bottom: 3px;
}
.topics_Box.sidebar .sidebar_link span.time{
    font-size: 1.1rem;
    color: #888;
    margin-bottom: 5px;
}
.topics_Box.sidebar .sidebar_link span.time span.material-symbols-outlined{
    font-size: 1.4rem;
    vertical-align: -3px;
}
.topics_Box.sidebar .sidebar_link .ttl{
    font-size: 1.2rem;
    line-height: 1.3;
    color: var(--basic);
}
#top .description{
    margin-top: 30px;
    font-size: 1.2rem;
    line-height: 1.6;
    color: #888;
}
/* ==============================================================
PC(1600px~)
============================================================== */
@media only screen and (min-width: 1600px) {

    /* ----------------------------------------------------------
    TOP
    ---------------------------------------------------------- */
    .top_fv{
        padding-top: 360px;
        background-color: #F4F9FF;
    }

}

/* ==============================================================
PC・TAB(~1300px)
============================================================== */
@media only screen and (max-width: 1130px) {

    /* ----------------------------------------------------------
    TOP
    ---------------------------------------------------------- */
    .top_fv .fv_left img{
        width: 60%;
        max-width: none;
    }
    .top_fv .fv_right{
        width: 45%;
        text-align: right;
    }
    .top_fv .fv_right img{
        width: 80%;
        margin-left: auto;
    }
    .top_fv .fv_right .fv_cta{
        width: 80%;
        max-width: none;
        margin: 0;
        margin-top: 10px;
        margin-left: auto;
    }
    .top_fv .fv_right .fv_cta p{
        font-size: 1.6rem;
    }
    .top_fv .fv_right .link_login {
        display: block;
        width: 80%;
        margin-top: 5px;
        margin-left: auto;
        padding-right: 0;
    }
    .top_fv .fv_right .link_login::after{
        content: none;
    }
}

/* ==============================================================
TAB(~1024px)
============================================================== */
@media only screen and (max-width: 1024px) {

    /* ----------------------------------------------------------
    コンテンツ・サイドバー
    ---------------------------------------------------------- */
    #top main{
        width: 100%;
        max-width: none;
    }
    #top aside{
        width: 100%;
        max-width: none;
        margin-top: 50px;
    }

    /* ----------------------------------------------------------
    TOP
    ---------------------------------------------------------- */
    #top .main-content {
        padding-top: 0;
    }
    .top_fv{
        margin-top: 0;
    }

    /* 簡易求人検索 */
    .quick_search_Box {
        margin: 0 0 10px;
    }
    .quick_search_Box h2 {
        width: 100%;
        align-items: center;
        margin-bottom: 10px;
    }
    .quick_search_Box .select_Area {
        width: 80%;
    }
}

/* ==============================================================
SP(~800px)
============================================================== */
@media only screen and (max-width: 800px) {

    /* 追従CTA */
    .dlpo_btn a p.left{
        line-height: 1.3;
    }
    .ftr_bottom{
        padding: 20px 0 80px;
    }
    .top_fv{
        background: url(../img/top/fv_bg_sp.webp) center center no-repeat;
        background-size: cover;
        padding-top: 52%;
    }
    .top_fv .fv_inner{
        padding: 20px 0;
    }
    .top_fv .fv_left {
        position: relative;
        top: unset;
        left: unset;
        transform: none;
        max-width: none;
        display: flex;
        flex-direction: column;
    }
    .top_fv .fv_left img {
        width: 66%;
        margin: 0 auto;
    }
    .top_fv .fv_left img.copy{
        margin-bottom: 10px;
    }

    .top_cta_sp{
        background: #fff;
        padding: 10px 0;
        text-align: center;
    }
    .top_cta_sp .fv_cta{
        width: 96%;
        max-width: 400px;
        border: 2px solid var(--red);
        background: var(--red);
        color: #fff;
        justify-content: center;
        align-items: center;
        margin: 0 auto;
        padding: 15px 10px;
        border-radius: 5px;
        text-align: center;
    }
    .top_cta_sp .fv_cta span{
        font-size: 1.4rem;
        font-weight: 500;
        display: inline-block;
        color: var(--red);
        background: #fff;
        margin-right: 8px;
        padding: 5px 10px;
        border-radius: 50px;
        transition: 0.3s;
    }
    .top_cta_sp .fv_cta p{
        font-size: 1.8rem;
        line-height: 1.3;
        font-weight: 500;
    }
    .top_cta_sp .fv_cta:hover{
        opacity: 1 !important;
    }
    .top_cta_sp .link_login{
        position: relative;
        display: inline-block;
        text-align: center;
        margin-top: 10px;
        color: var(--navy);
        text-decoration: underline;
        font-size: 1.2rem;
        line-height: 1.2;
        padding-right: 0.8em;
    }
    .top_cta_sp .link_login::after{
        position: absolute;
        content: "";
        border-left: 6px solid var(--navy);
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
    }

    /* ----------------------------------------------------------
    TOP - common
    ---------------------------------------------------------- */
    #top {
        padding-bottom: 0;
    }
    #top [class*=_Wrap] {
        margin-top: 50px;
    }
    #top .content_Wrap.flex{
        width: 100%;
        margin-top: 0;
    }
    #top h2 {
        line-height: 1.5;
    }
    /*#top section {
        padding-top:0;
    }*/

    /* 簡易求人検索 */
    .quick_search_Box{
        background: var(--blue);
        margin: 0;
        padding: 10px 0 15px;
    }
    .quick_search_Box h2{
        color: #fff;
    }
    .quick_search_Box .select_Area {
        width: 90%;
        margin: 0 auto;
    }
    .quick_search_Btn {
        width: 80%;
        margin: 10px auto 0;
        border-radius: 5px;
        padding: 15px 5px;
        box-shadow: 0 0 5px var(--blue);
    }
    .quick_search_Btn::before{
        font-size: 2.6rem;
    }
    .quick_search_Btn span {
        font-weight: 600;
    }
    .quick_search_Box .select_Area .select_Box {
        max-width: calc((100% / 3) - 2%);
        flex-direction: column;
        align-items: center;
        box-shadow: 0 0 5px var(--blue);
        text-align: right;
    }
    .quick_search_Box .select_Area .select_Box span.material-symbols-outlined {
        top: 15%;
        left: unset;
        transform: none;
        font-size: 2.4rem;
        color: var(--blue);
    }
    .quick_search_Box .select_Area .select_Box::before {
        font-size: 3rem;
        top: -5px;
        left: 50%;
        transform: translateX(-50%);
    }
    .quick_search_Box .select_Area .select_Box::after{
        position: absolute;
        content: "\e313";
        font-family: "Material Symbols Outlined";
        font-size: 2rem;
        color: var(--blue);
        top: 50%;
        right: 0;
        transform: translateY(-50%);
    }
    .quick_search_Box .select_Area .select_Box select{
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border-color: var(--blue);
        color: var(--blue);
        padding: 3.5rem 8px 10px;
        border-radius: 5px;
        font-size: 1.4rem;
        font-weight: 500;
        text-align-last: center;
    }
    .quick_search_Box .select_Area .select_Box select:invalid{
        color: var(--blue);
    }

    /* 人気の検索条件から探す */
    .popular_search_Area{
        margin-top: 20px;
        width: 92%;
        margin: 20px auto 0;
    }
    #top .popular_search_Area h2{
        text-align: center;
        font-size: 1.6rem;
        font-weight: 500;
        color: var(--blue);
    }
    .popular_search_Box{
        justify-content: space-between;
        margin-top: 15px;
    }
    .popular_search_Box a.popular_search_Btn{
        position: relative;
        display: block;
        width: 49%;
        margin-bottom: 8px;
        background: var(--blue);
        border-radius: 3px;
        padding: 15px 15px 15px 2.4em;
        color: #fff;
        font-size: 1.6rem;
    }
    .popular_search_Box a.popular_search_Btn::before{
        position: absolute;
        color: #fff;
        font-family: "Material Symbols Outlined";
        font-size: 2.4rem;
        font-weight: 200;
        top: 50%;
        left: 10px;
        transform: translateY(-50%);
    }
    .popular_search_Box a.popular_search_Btn::after{
        position: absolute;
        content: "\e5cc";
        font-family: "Material Symbols Outlined";
        font-size: 2rem;
        font-weight: 300;
        color: #fff;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
    }
    .popular_search_Box a.popular_search_Btn.work::before{
        content: "\e8f9";
    }
    .popular_search_Box a.popular_search_Btn.qualification::before{
        content: "\f4ca";
    }
    .popular_search_Box a.popular_search_Btn.location::before{
        content: "\e0c8";
    }

    /* ◯◯から探す */
    .category_search_Box{
        width: 92%;
        margin: 20px auto 0;
    }
    .category_search_Box .category_item {
        width: 100%;
    }
    .category_search_Box .category_item .category_item_ttl{
        padding: 15px 10px;
        border: none;
    }
    .category_search_Box .category_item:nth-child(1) .category_item_ttl {
        border-radius: 5px 5px 0 0;
    }
    .category_search_Box .category_item:nth-child(2) .category_item_ttl{
        border-radius: 0;
    }
    .category_search_Box .category_item:nth-child(4) .category_item_ttl{
        border-radius: 0 0 5px 5px;
    }
    .category_search_Box .category_item:nth-child(4) .category_item_ttl.active{
        border-radius: 0;
    }
    .category_search_Box .category_item .category_item_ttl:not(:last-child){
        border-bottom: 1px solid #ddd;
    }
    .category_search_Box .category_item .category_item_ttl::after{
        position: absolute;
        content: "\e145";
        font-family: "Material Symbols Outlined";
        font-size: 2.4rem;
        font-weight: 300;
        color: #fff;
        top: 50%;
        right: 2%;
        transform: translateY(-50%);
    }
    .category_search_Box .category_item .category_item_ttl.active::after{
        content: "\e15b";
    }
    .category_search_Box .category_item .category_item_ttl span.material-symbols-outlined {
        font-size: 2.4rem;
    }
    .category_search_Box .category_item .item_inner{
        display: none;
        padding: 0;
        flex: none;
    }
    .category_search_Box .category_item:nth-child(even) .item_inner{
        border-left: 1px solid #ddd;
    }
    .category_search_Box .category_item:nth-child(3) .item_inner,
    .category_search_Box .category_item:nth-child(4) .item_inner{
        border-radius: 0;
        border-bottom: none;
    }
    .category_search_Box .category_item .item_inner .category_link,
    .category_search_Box .category_item .item_inner .category_link_none {
        position: relative;
        display: block !important;
        margin-bottom: 0;
        margin-right: 0;
        text-decoration: none;
        padding: 15px;
        font-size: 1.5rem;
        transition: 0s;
        border-bottom: 1px solid #ddd;
    }
    .category_search_Box .category_item .item_inner .category_link.pc{
        display: none !important;
    }
    .category_search_Box .category_item .item_inner .category_link:hover {
        opacity: 1;
    }
    .category_search_Box .category_item .item_inner .category_link::after,
    .category_search_Box .category_item .item_inner .category_link_none::after,
    .category_search_Box .category_item.location .item_inner .category_link_sp::after{
        position: absolute;
        content: "\e5cc";
        font-family: "Material Symbols Outlined";
        font-size: 2.4rem;
        font-weight: 300;
        color: #ddd;
        top: 50%;
        right: 5px;
        transform: translateY(-50%);
    }
    .category_search_Box .category_item.location .item_inner p.category_link_none{
        color: var(--basic);
        padding: 0;
    }
    .category_search_Box .category_item.location .item_inner p.category_link_none a{
        padding: 15px;
    }
    .category_search_Box .category_item .item_inner p.category_link_none a{
        display: block;
        width: 100%;
    }
    .category_search_Box .category_item .item_inner .category_link_sp{
        display: block;
        position: relative;
        display: block;
        margin-bottom: 0;
        margin-right: 0;
        text-decoration: none;
        padding: 15px;
        font-size: 1.5rem;
        color: var(--basic);
        transition: 0s;
        border-bottom: 1px solid #ddd;
    }
    .category_search_Box .category_item.location .item_inner .category_link::after,
    .category_search_Box .category_item.location .item_inner .category_link_sp::after{
        content: "\e145";
    }
    .category_search_Box .category_item.location .item_inner .category_link.active::after,
    .category_search_Box .category_item.location .item_inner .category_link_sp.active::after{
        content: "\e15b";
    }
    .category_search_Box .category_item.location .item_inner .category-dropdown_sp{
        display: none;
    }
    .category_search_Box .category_item.location .item_inner .category-dropdown_sp li a{
        position: relative;
        display: block;
        width: 100%;
        padding: 10px 10px 10px 15px;
        font-size: 1.4rem;
        border-bottom: 1px solid #ccc;
        background: #eff3f8;
        color: var(--basic);
    }
    .category_search_Box .category_item.location .item_inner .category-dropdown_sp li a::after{
        position: absolute;
        content: "\e5cc";
        font-family: "Material Symbols Outlined";
        font-size: 2.4rem;
        font-weight: 200;
        color: #ccc;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
    }

    /* ご案内する求人案件・求人企業実績 */
    .jisseki_Wrap{
        border-radius: 0;
        padding: 30px 15px;
    }
    .jisseki_Wrap .job_case li{
        width: 100%;
        margin-bottom: 15px;
    }
    .jisseki_Wrap .job_case li:nth-child(2) img{
        width: 70%;
        margin: 0 auto;
    }
    .jisseki_Wrap .job_case li:nth-child(3) img{
        width: 65%;
        margin: 0 auto;
    }
    .jisseki_Wrap .job_case li span.num img{
        width: 100%;
    }
    .jisseki_Wrap .job_case li:nth-child(1) span.num img{
        width: 80%;
    }

    /* 転職までの流れ */
    .job_flow_List{
        width: 95%;
        margin: 10px auto 0;
    }
    .job_flow_List li{
        width: 100%;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        margin-bottom: 15px;
        padding: 0;
    }
    .job_flow_List li:last-child{
        margin-bottom: 0;
    }
    .job_flow_List li::after {
        content: "\e313";
        font-size: 2.4rem;
        top: unset;
        right: unset;
        bottom: -26px;
        left: 50%;
        transform: translateX(-50%);
    }
    .job_flow_List li span.step_num {
        display: inline-block;
        font-size: 1.8rem;
        background: var(--basic);
        color: #fff;
        margin-bottom: 0;
        padding: 20px 15px;
        line-height: 1;
    }
    .job_flow_List li img {
        max-height: 40px;
        margin: 0 20px;
    }
    .job_flow_List li h4{
        margin-bottom: 0;
    }
    .job_flow_List li .txt{
        display: none;
    }

    /* 転職成功事例 */
    .casestudy_List {
        width: 95%;
        margin: 10px auto 0;
    }
    .casestudy_List li{
        width: 100%;
        margin-bottom: 10px;
    }
    .casestudy_List li .top_Box {
        flex-direction: row;
        align-items: center;
    }
    .casestudy_List li img {
        width: 20%;
        max-width: 70px;
        margin: 0 10px 5px 0;
    }
    #top .casestudy_List li h4 {
        font-size: 1.8rem;
        line-height: 1.3;
        letter-spacing: 0.02em;
        text-align: left;
        margin-bottom: 0;
    }
    .casestudy_List li .before-after dl {
        padding: 0;
        background: none;
        text-align: center;
        display: flex;
    }
    .casestudy_List li .before-after dl dt {
        display: flex;
        flex-direction: column;
        justify-content: center;
        font-size: 1.2rem;
        margin-right: 10px;
        padding: 10px;
        background: #ddd;
        border-bottom: none;
    }
    .casestudy_List li .before-after dl dd{
        text-align: left;
    }
    .casestudy_List li .before-after dl.before::after{
        content: none;
        margin-top: 5px;
    }
    .casestudy_List li .before-after dl.after {
        background: none;
        margin-top: 10px;
        min-height: auto;
    }
    .casestudy_List li .before-after dl.after dt {
        background: var(--navy);
        font-weight: 600;
    }
    .casestudy_List li .before-after dl.after dd {
        color: var(--navy);
        font-weight: 600;
    }
    .casestudy_List li .before-after dl.after dd strong {
        line-height: 1;
        color: #8a6c1a;
    }

    /* 新着求人 */
    .new_job_Wrap .new_job_slider {
        width: 85%;
    }
    .new_job_slider .new_job_item{
        margin: 0 5px;
    }
    .new_job_slider .slick-prev{
        left: -15px;
    }
    .new_job_slider .slick-next{
        right: -15px;
    }

    /* ----------------------------------------------------------
    サイドバー
    ---------------------------------------------------------- */
    .sidebar:last-child{
        margin-bottom: 20px;
    }
    .sidebar h3{
        color: #333;
        font-size: 2rem;
        font-weight: 400;
        line-height: 1;
        margin-bottom: 10px;
        text-align: center;
    }
    .sidebar ul{
        width: 95%;
        margin: 0 auto;
    }

    /* 転職ノウハウ */
    .knowhow_Wrap .knowhow_content{
        width: 95%;
        margin: 10px auto 0;
    }
    .knowhow_content .knowhow_item{
        padding: 10px;
    }
    .knowhow_content .knowhow_item .knowhow_item_inner{
        flex-direction: column;
        align-items: flex-start;
    }
    .knowhow_item_inner figure {
        width: 95%;
        max-width: none;
    }
    .knowhow_item.none{
        padding-bottom: 20px;
    }
    .knowhow_item.none .knowhow_item_inner figure{
        width: 100%;
    }
    .knowhow_item_inner .txt_Box {
        width: 100%;
        margin-top: 10px;
    }
    #top .knowhow_item_inner .txt_Box h4 {
        font-size: 1.6rem;
        margin-bottom: 5px;
        line-height: 1.5;
    }
    .knowhow_content .knowhow_item::after{
        right: -5px;
    }
    .topics_item {
        width: 49%;
        padding: 7px;
        margin-bottom: 7px;
    }
    .topics_item figure {
        margin-bottom: 5px;
    }
    .topics_item .txt {
        font-size: 1.4rem;
    }

    /* 求人特集 */
    .job_feature_Box.sidebar .sidebar_link figure {
        width: 40%;
    }
    .job_feature_Box.sidebar .sidebar_link .ttl {
        width: 58%;
    }

    /* 新着記事 */
    .topics_Box.sidebar .sidebar_link figure{
        display: none;
    }
    .topics_Box.sidebar .sidebar_link::after {
        position: absolute;
        content: "\e5cc";
        font-family: "Material Symbols Outlined";
        font-variation-settings: 'wght' 300;
        font-size: 2rem;
        color: #ddd;
        top: 50%;
        right: -1%;
        transform: translateY(-50%);
    }

    /* サイトディスクリプション */
    #top .description{
        width: 92%;
        margin: 0 auto 20px
    }

    /* ロゴスライダー */
    .logo-track {
        display: flex;
        will-change: transform;
        transform-style: preserve-3d;
    }
    .logo-track img {
        will-change: transform, opacity;
    }
}

/* ==============================================================
SP(~430px)
============================================================== */
@media only screen and (max-width: 430px) {

    .top_fv .fv_left img {
        max-width: 242px;
    }
}