@charset "UTF-8";
/* top main banner */
.mainVisual {
    width: 100%;
    height: 480px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.mainVisual {
    background-image: url("../images/top/topbanner02.png?var=20250620-2");
}
/* .webp .mainVisual {
    background-image: url("../images/top/topbanner01.webp");
}
.no-webp .mainVisual {
    background-image: url("../images/top/topbanner01.png");
} */

.mainVisualTitle {
    /* padding-top: 155px; */
    padding-top: 205px;
    text-align: right;
}
.mainVisualTitleText01 {
    /* font-size: 32px; */
    font-size: 40px;
    font-weight: 700;
    line-height: 1.43;
    letter-spacing: 0.05em;
    /* color: #FFF; */
    /* text-shadow: 0px 0px 11px rgba(0,0,0,1); */
    /* color: #1860AC; */
    /* text-shadow: 0px 0px 11px rgba(255,255,255,1); */
    /* text-shadow: -1px -1px 2px #fff, 1px -1px 2px #fff, -1px 1px 2px #fff, 1px 1px 2px #fff; */
    color: #FFF;
    text-shadow: -1px -1px 2px #1860AC, 1px -1px 2px #1860AC, -1px 1px 2px #1860AC, 1px 1px 2px #1860AC;
}
.mainVisualTitleText02 {
    margin-top: 10px;
    font-size: 55px;
    font-weight: 700;
    line-height: 1.32;
    color: #FFF;
    text-shadow: 0px 0px 11px rgba(0,0,0,1);
}

.mainVisualTitleText03 {
    margin-top: 15px;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.43;
    letter-spacing: 0.05em;
    /* color: #1860AC; */
    /* text-shadow: 0px 0px 11px rgba(255,255,255,1); */
    /* text-shadow: -1px -1px 2px #fff, 1px -1px 2px #fff, -1px 1px 2px #fff, 1px 1px 2px #fff; */
    color: #FFF;
    text-shadow: -1px -1px 2px #1860AC, 1px -1px 2px #1860AC, -1px 1px 2px #1860AC, 1px 1px 2px #1860AC;
}

.mainVisualList {
    margin-top: 5px;
    width: 500px;
    padding: 15px 20px;
    background-color: rgba(255,255,255,0.8);
}
.mainVisualListItem {
    position: relative;
    padding-left: 25px;
}
.mainVisualListItem::before {
    content: "";
    position: absolute;
    top: 6px;
    left: 0;
    display: block;
    width: 16px;
    height: 16px;
    background-image: url("../images/icon_checkbox_transparent_orange.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px;
}
.mainVisualListItem:nth-child(n+2) {
    margin-top: 8px;
}
.mainVisualText {
    display: inline-block;
    border-bottom: 1px solid #FE9900;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.05em;
    color: #333333;
}

/* top sub common */
.subVisual {
    position: relative;
}
.subVisualWrap  {
    padding: 50px 0;
}
.subVisualHeader {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.subVisualHeader__center {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.subVisualHeaderTitle {
    font-size: 28px;
    font-weight: 700;
    line-height: 1.66;
    letter-spacing: 0.03em;
}
.subVisualHeaderBtn {
    min-width: 140px;
    border: 2px solid #96B6D6;
    border-radius: 30px;
    padding: 8px 16px;
    text-align: center;
    background-color: #144B82;
} 
.subVisualHeaderBtnText {
    font-size: 15px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0.04em;
    color: #FFF;
}

.subVisualBoxText {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: 0.04em;
    color: #1860AC;
}

.subVisualTowColumn {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.subVisualLeftColumn {
    width: 490px;
}
.subVisualText {
    font-size: 14px;
    line-height: 1.71;
    letter-spacing: 0.01em;
    color: #000;
}
.subVisualRightColumn {
    width: 490px;
}
.subVisualImg {
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
}

/* top job search */
.subVisual01 {
    position: relative;
}
.topJobSearchWrap {
    position: absolute;
    top: -100px;
    left: 50%;
    margin-left: -509px;
    width: 1030px;
}
.jobSearchBox1 {
    position: relative;
    width: 100%;
    box-shadow: 0px 0px 15px 0 rgba(0,0,0,0.16);
    border-radius: 15px;
    background-color: #fff;
    z-index: 1;
}
.jobSearchBox1List {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.jobSearchBox1Item {
    /* width: 180px; */
    width: 206px;
}
.jobSearchBox1SelectWrap {
    position: relative;
    display: block;
    z-index: 1;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;

    border-right: 1px solid #E5E5E5;
}
.jobSearchBox1SelectWrap::after {
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -4.5px;
    content: "";
    display: block;
    width: 13px;
    height: 9px;
    background-image: url("../images/triangle_down_blue.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 2;
    pointer-events: none;
}
.jobSearchBox1InputTitle {
    position: absolute;
    top: 50%;
    left: 20px;
    margin-top: -8.5px;
    font-size: 17px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0;
    color: #0A0A0A;
}
.jobSearchBox1InputSelect {
    width: 100%;
    /* padding: 20px 30px 20px 80px; */
    padding: 20px 30px 20px 60px;
    cursor: pointer;
}
.jobSearchBox1InputSelect[name="pref"] {
    padding: 20px 30px 20px 80px;
}
.jobSearchBox1InputSelect[name="employtype"] {
    padding: 20px 30px 20px 100px;
}
.jobSearchBox1SubmitWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.jobSearchBox1ButtonSubmit {
    display: block;
    width: 150px;
    border: 2px solid #2695D1;
    padding: 10px;
    border-radius: 25px;
    font-size: 17px;
    font-weight: 700;
    letter-spacing: 0.04em;
    color: #fff;
    cursor: pointer;
    background-color: #1860AC;
}

/* top job recommend feature */
.subVisual02 {
    background-color: #F2FCFF;
}
.jobRecommendFeatureList {
    margin-top: 30px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
/* .jobRecommendFeatureListItem {
    width: 485px;
}
.jobRecommendFeatureListItem:nth-child(2n) {
    margin-left: 50px;
}
.jobRecommendFeatureListItem:nth-child(3) {
    margin-top: 40px;
}
.jobRecommendFeatureListItem:nth-child(4) {
    margin-top: 40px;
} */
.jobRecommendFeatureListItem {
    margin-right: 20px;
    width: 330px;
    height: 150px;
    border-radius: 10px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16);

    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
/* .jobRecommendFeatureListItem:nth-child(1) {
    background-image: url("../images/top/feature1.png");
}
.jobRecommendFeatureListItem:nth-child(2) {
    background-image: url("../images/top/feature2.png");
}
.jobRecommendFeatureListItem:nth-child(3) {
    background-image: url("../images/top/feature3.png");
}
.jobRecommendFeatureListItem:nth-child(4) {
    background-image: url("../images/top/feature4.png");
}
.jobRecommendFeatureListItem:nth-child(5) {
    background-image: url("../images/top/feature5.png");
}
.jobRecommendFeatureListItem:nth-child(6) {
    background-image: url("../images/top/feature6.png");
} */

.jobRecommendFeatureListItem:nth-child(3n) {
    margin-right: 0;
}
.jobRecommendFeatureListItem:nth-child(n+4) {
    margin-top: 20px;
}
.jobRecommendFeatureListLink {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;

    width: 100%;
    height: 100%;
    border-radius: 10px;

    background-color: #727171;
    background-color: rgba(114, 113, 113, 0.7);
}
.jobRecommendFeatureListLink:hover {
    opacity: 1;
}
.jobRecommendFeatureListLink:hover {
    background-color: rgba(114, 113, 113, 0.2);
}
/* .webp .jobRecommendFeatureListLink__feature1 {
    background-image: url("../images/job/feature/feature1.webp");
}
.no-webp .jobRecommendFeatureListLink__feature1 {
    background-image: url("../images/job/feature/feature1.jpg");
}
.webp .jobRecommendFeatureListLink__feature2 {
    background-image: url("../images/job/feature/feature2.webp");
}
.no-webp .jobRecommendFeatureListLink__feature2 {
    background-image: url("../images/job/feature/feature2.jpg");
}
.webp .jobRecommendFeatureListLink__feature3 {
    background-image: url("../images/job/feature/feature3.webp?var=20240807");
}
.no-webp .jobRecommendFeatureListLink__feature3 {
    background-image: url("../images/job/feature/feature3.jpg?var=20240807");
}
.webp .jobRecommendFeatureListLink__feature4 {
    background-image: url("../images/job/feature/feature4.webp");
}
.no-webp .jobRecommendFeatureListLink__feature4 {
    background-image: url("../images/job/feature/feature4.jpg");
} */

/* .jobRecommendFeatureListText {
    padding-top: 20px;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.68;
    letter-spacing: 0.01em;
    text-align: center;
} */
.jobRecommendFeatureListText {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.68;
    letter-spacing: 0.01em;
    text-align: center;
    color: #FFF;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}
.jobRecommendFeatureListLink:hover .jobRecommendFeatureListText {
    border-radius: 10px;
    padding: 5px;
    box-shadow: 0px 0px 5px 5px rgba(255, 255, 255, 0.8);
    background-color: rgba(255, 255, 255, 0.8);
}

/* top job attention */
.subVisual03 {
}
.jobAttentionList {
    margin-top: 20px;
}

/* top wp corporate */
.subVisual04 {
    background-color: #F8FDFF;
}
.wpCorporateList {
    margin-top: 20px;
}

/* top wp news */
.subVisual05 {
    padding-top: 0;
    padding-bottom: 90px;
}
.wpNewsList {
    margin-top: 20px;
}

/* top hatena topic */
.subVisual06 {

}
.hatenaTopicList {
    margin-top: 20px;
}

/* top wp feature */
.subVisual07 {

}
.wpFeatureList {
    margin-top: 20px;
}

/* top subVisual08 */
.subVisual08 {
    padding-top: 0;
    padding-bottom: 90px;
}
.subVisual08Wrap {
    border-top: 1px solid #E1E1E1;
    padding-top: 50px;
}
.subVisual08TowColumn {
    margin-top: 40px;
}
.subVisual08Img {
    height: 319px;
}
.webp .subVisual08Img {
    background-image: url("../images/top/subVisual08Img.webp");
}
.no-webp .subVisual08Img {
    background-image: url("../images/top/subVisual08Img.png");
}

.service-flow {

}
.stepListItemThum {
    width: 143px;
    height: 102px;
    border-radius: 10px;

    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.webp .jobsupportListItem:nth-child(1) .stepListItemThum {
    background-image: url("../images/top/jobsupport1.webp");
}
.no-webp .jobsupportListItem:nth-child(1) .stepListItemThum {
    background-image: url("../images/top/jobsupport1.png");
}
.webp .jobsupportListItem:nth-child(2) .stepListItemThum {
    background-image: url("../images/top/jobsupport2.webp");
}
.no-webp .jobsupportListItem:nth-child(2) .stepListItemThum {
    background-image: url("../images/top/jobsupport2.png");
}
.webp .jobsupportListItem:nth-child(3) .stepListItemThum {
    background-image: url("../images/top/jobsupport3.webp");
}
.no-webp .jobsupportListItem:nth-child(3) .stepListItemThum {
    background-image: url("../images/top/jobsupport3.png");
}
.webp .jobsupportListItem:nth-child(4) .stepListItemThum {
    background-image: url("../images/top/jobsupport4.webp");
}
.no-webp .jobsupportListItem:nth-child(4) .stepListItemThum {
    background-image: url("../images/top/jobsupport4.png");
}
.webp .jobsupportListItem:nth-child(5) .stepListItemThum {
    background-image: url("../images/top/service3.webp");
}
.no-webp .jobsupportListItem:nth-child(5) .stepListItemThum {
    background-image: url("../images/top/service3.jpg");
}

.jobsupportListItemRight--service-flow {
    width: calc(100% - 160px);
}

/* topFaqList */
.topFaqList {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.topFaqListItem {
    width: 330px;
}
.topFaqListItemWrap {
    border-radius: 10px;
    padding: 10px;
    background-color: #FFF;
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
}
.topFaqListItemTitle {
    min-height: 90px;
    border-radius: 10px;
    border: 1px solid #2695D1;
    padding: 0 10px;

    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.topFaqListItemTitleText {
    display: block;
    padding: 10px 0 10px 65px;
    font-size: 17px;
    line-height: 1.2;
    font-weight: 700;

    background-repeat: no-repeat;
    background-position: left center;
    background-size: 50px auto;
}

.topFaqListItem:nth-child(1) .topFaqListItemTitleText {
    background-image: url("../images/top/icon_faq_man1.svg");
}
.topFaqListItem:nth-child(2) .topFaqListItemTitleText {
    background-image: url("../images/top/icon_faq_woman1.svg");
}
.topFaqListItem:nth-child(3) .topFaqListItemTitleText {
    background-image: url("../images/top/icon_faq_man2.svg");
}

.topFaqListItemDesc {
    margin-top: 10px;
    padding: 10px;
}
.topFaqListItemDescText {
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    color: #E75742;
}

/*----------------------------------------
 _画面の横幅が560pxまで
----------------------------------------*/
@media screen and (max-width:560px) {
    /* top main banner */
    .mainVisual {
        height: 90vw;
    }
    .mainVisual {
        background-image: url("../images/top/topbanner02_sp.png?var=20250620-2");
    }
    /* .webp .mainVisual {
        background-image: url("../images/top/topbanner01_sp.webp");
    }
    .no-webp .mainVisual {
        background-image: url("../images/top/topbanner01_sp.png");
    } */
    .mainVisualTitle {
        padding-top: 58.92vw;
    }
    .mainVisualTitleText01 {
        font-size: 5vw;
        /* text-shadow: 0vw 0vw 1.96vw rgba(0,0,0,1); */
        /* text-shadow: -0.17vw -0.17vw 0.35vw #fff, 0.17vw -0.17vw 0.35vw #fff, -0.17vw 0.17vw 0.35vw #fff, 0.17vw 0.17vw 0.35vw #fff; */
        text-shadow: -0.17vw -0.17vw 0.35vw #1860AC, 0.17vw -0.17vw 0.35vw #1860AC, -0.17vw 0.17vw 0.35vw #1860AC, 0.17vw 0.17vw 0.35vw #1860AC;
    }
    .mainVisualTitleText02 {
        margin-top: 0;
        font-size: 9.82vw;
        text-shadow: 0vw 0vw 1.96vw rgba(0,0,0,1);
    }
    .mainVisualTitleText03 {
        margin-top: 2.67vw;
        font-size: 3.57vw;
        /* text-shadow: -0.17vw -0.17vw 0.35vw #fff, 0.17vw -0.17vw 0.35vw #fff, -0.17vw 0.17vw 0.35vw #fff, 0.17vw 0.17vw 0.35vw #fff; */
        text-shadow: -0.17vw -0.17vw 0.35vw #1860AC, 0.17vw -0.17vw 0.35vw #1860AC, -0.17vw 0.17vw 0.35vw #1860AC, 0.17vw 0.17vw 0.35vw #1860AC;
    }
    .mainVisualList {
        margin-top: 1.78vw;
        width: 92.85vw;
        padding: 2.67vw 0.89vw;
    }
    .mainVisualListItem {
        padding-left: 4.46vw;
    }
    .mainVisualListItem::before {
        top: 1.42vw;
        width: 3.21vw;
        height: 3.21vw;
        background-size: 3.21vw;
    }
    .mainVisualListItem:nth-child(n+2) {
        margin-top: 1.42vw;
    }
    .mainVisualText {
        border-width: 0.17vw;
        font-size: 3.57vw;
    }

    /* top sub common */
    .subVisual {

    }
    .subVisualWrap  {
        padding: 17.85vw 0;
    }
    .subVisualHeaderTitle {
        font-size: 6.5vw;
        letter-spacing: 0;
    }
    .subVisualHeaderBtn {
        min-width: 25vw;
        border-width: 0.35vw;
        border-radius: 5.35vw;
        padding: 1.78vw 3.57vw;
        font-size: 3.57vw;
    } 
    .subVisualHeaderBtnText {
        font-size: 3.57vw;
    }
    .subVisualTowColumn__sp-column-reverse {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
    .subVisualLeftColumn {
        width: 100%;
    }
    .subVisualText {
        font-size: 4.28vw;
        line-height: 1.45;
        color: #333333;
    }
    .subVisualRightColumn {
        width: 100%;
    }
    .subVisualImg {
        box-shadow: 0vw 0.53vw 1.07vw 0 rgba(0,0,0,0.16);
    }

    /* top job search */
    .subVisual01 {
        padding-top: 6.25vw;
        padding-bottom: 5.89vw;
    }
    .topJobSearchWrap {
        position: relative;
        top: auto;
        left: auto;
        margin: 0 auto;
        width: 92.85vw;
    }
    .jobSearchBox1 {
        border-radius: 3.57vw;
        padding: 5.35vw 2.67vw;
        box-shadow: 0vw 0.53vw 1.07vw 0 rgba(0,0,0,0.16);
    }
    .jobSearchTitle {
        font-size: 6.25vw;
        font-weight: 700;
        color: #333333;
        text-align: center;
    }
    .jobSearchBox1List {
        margin-top: 5.35vw;
    }
    .jobSearchBox1Item {
        width: 100%;
    }
    .jobSearchBox1Item:nth-child(n+2) {
        margin-top: 3.03vw;
    }
    .jobSearchBox1SelectWrap {
        border-right: none;
        border-radius: 1.78vw;
        background-color: #144B82;
    }
    .jobSearchBox1SelectWrap::after {
        position: absolute;
        top: 50%;
        right: 2.67vw;
        margin-top: -1.25vw;
        width: 2.85vw;
        height: 2.5vw;
        background-image: url("../images/triangle_down_blue.svg");
    }
    .jobSearchBox1InputTitle {
        left: 2.67vw;
        margin-top: -2.32vw;
        font-size: 4.64vw;
        color: #1860AC;
    }
    .jobSearchBox1InputSelect {
        border-radius: 1.78vw;
        padding: 2.67vw 7.14vw 2.67vw 26.42vw;
        color: #1860AC;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        /* background-color: #144B82; */
        box-shadow: 0px 0px 10px #00000029;
    }
    .jobSearchBox1InputSelect[name="pref"] {
        padding: 2.67vw 7.14vw 2.67vw 26.42vw;
    }
    .jobSearchBox1InputSelect[name="employtype"] {
        padding: 2.67vw 7.14vw 2.67vw 26.42vw;
    }
    .jobSearchBox1Item.jobSearchBox1SubmitWrap {
        margin-top: 5.35vw;
    }
    .jobSearchBox1ButtonSubmit {
        width: 64.28vw;
        border-width: 0.35vw;
        padding: 2.67vw;
        border-radius: 8.92vw;
        font-size: 4.64vw;
        line-height: 1.42;
        letter-spacing: 0.05em;
    }

    /* top job recommend feature */
    .subVisual02 .subVisualWrap {

    }
    .jobRecommendFeatureList {
        margin-top: 8.92vw;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .jobRecommendFeatureListItem {
        margin-right: 0;
        width: 100%;
        height: 40.53vw;
        border-radius: 1.78vw;
        box-shadow: 0 0 1.78vw 0 rgba(0, 0, 0, 0.16);
    }
    .jobRecommendFeatureListItem:nth-child(n+2) {
        margin-top: 7.14vw;
    }
    .jobRecommendFeatureListItem:nth-child(n+4) {
        margin-top: 7.14vw;
    }
    .jobRecommendFeatureListLink {
        border-radius: 1.78vw;
        /* padding: 41.96vw 2.67vw 4.46vw; */
        /* box-shadow: 0 0.53vw 1.07vw 0 rgba(0, 0, 0, 0.16); */
        /* background-size: 92.85vw 41.96vw; */
    }
    .jobRecommendFeatureListText {
        /* padding-top: 4.46vw; */
        font-size: 3.92vw;
        font-weight: 700;
        line-height: 1.22;
        text-shadow: -0.17vw -0.17vw 0 #000, 0.17vw -0.17vw 0 #000, -0.17vw 0.17vw 0 #000, 0.17vw 0.17vw 0 #000;
    }
    .jobRecommendFeatureListLink:hover .jobRecommendFeatureListText {
        border-radius: 1.78vw;
        padding: 0.89vw;
        box-shadow: 0vw 0vw 0.89vw 0.89vw rgba(255, 255, 255, 0.8);
        background-color: rgba(255, 255, 255, 0.8);
    }

    /* top job attention */
    .subVisual03 .subVisualWrap {
        border-top: 0.17vw solid #E1E1E1;
    }
    .jobAttentionList {
        margin-top: 8.92vw;
    }

    /* top wp corporate */
    .subVisual04 .subVisualWrap {
        border-top: 0.17vw solid #E1E1E1;
    }
    .wpCorporateList {
        margin-top: 8.92vw;
    }

    /* top wp news */
    .subVisual05 .subVisualWrap {
        border-top: 0.17vw solid #E1E1E1;
        padding-bottom: 0;
    }
    .wpNewsList {
        margin-top: 8.92vw;
    }

    /* top hatena topic */
    .subVisual06 .subVisualWrap {
        padding-bottom: 0;
    }
    .hatenaTopicList {
        margin-top: 8.92vw;
    }

    /* top wp feature */
    .subVisual07 .subVisualWrap {
        padding-bottom: 0;
    }
    .wpFeatureList {
        margin-top: 8.92vw;
    }

    /* top subVisual08 */
    .subVisual08 {
        padding-bottom: 30.35vw;
    }
    .subVisual08Wrap {
        border-width: 0.17vw;
        padding-top: 7.8vw;
    }
    .subVisual08TowColumn {
        margin-top: 8.92vw;
    }
    .subVisualLeftColumn {
        margin-top: 8.92vw;
    }
    .subVisual08Img {
        height: 52.32vw;
    }

    .stepListItemThum {
        /* width: 75vw;
        height: 53.4vw;
        margin: 0 auto; */
        width: 23.21vw;
        height: 16.42vw;
    }

    .jobsupportListItemRight--service-flow {
        width: 100%;
    }

    /* topFaqList */
    .topFaqList {

    }
    .topFaqListItem {
        width: 100%;
    }
    
    .topFaqListItem:nth-child(n+2){
        margin-top: 5.35vw;
    }
    .topFaqListItemWrap {
        border-radius: 1.78vw;
        padding: 2.67vw;
        box-shadow: 0vw 0.53vw 1.07vw 0vw rgba(0, 0, 0, 0.16);
    }
    .topFaqListItemTitle {
        min-height: 17.14vw;
        border-radius: 1.78vw;
        border: 0.17vw solid #2695D1;
        padding: 0 2.67vw;
    }

    .topFaqListItemTitleText {
        padding: 3.67vw 0 3.67vw 14.6vw;
        font-size: 3.92vw;
        background-size: 11.92vw auto;
    }

    .topFaqListItemDesc {
        margin-top: 1.78vw;
        padding: 1.78vw;
    }
    .topFaqListItemDescText {
        font-size: 3.92vw;
    }
}