@charset "UTF-8";
/*20181212verから適応*/
#globalNaviArea ul li a span span.subTxt {
    text-align: center;
}
/*-----------------------------*/

#globalNaviArea ul li a span span.subTxt {
    display: none;
}

/*フリーワード枠*/
.extMdlFormGnrtrFormSearchTop input.freew {
        border-color: #46bddf!important;
}
.extMdlFormGnrtrFormSearchTop input.JobBtnSearch {
	background: #46bddf; 
	font-weight: normal;
	font-size: 16px;
	letter-spacing: 2px;
}
#breadcrumbsList {
        padding-top: 20px;
        padding-right: 0px;
        padding-bottom: 10px;
        padding-left: 0px;
}

.title-border {
    display: block;
    border-bottom: 2px solid #0049a2;
    width: 200px;
    margin-left: auto; 
    margin-right: auto;
}
.title-border-wide {
    display: block;
    border-bottom: 2px solid #0049a2;
    width: 100%;
    margin-left: auto; 
    margin-right: auto;
}
.top-imgcatch, .top-subcatch {
font-weight: bold;
text-shadow: 
2px 2px 4px rgba(0,0,0,0.4),
-2px 2px 4px rgba(0,0,0,0.4),
2px -2px 4px rgba(0,0,0,0.4),
-2px -2px 4px rgba(0,0,0,0.4);
}

.triangle{
    display: block;
    width: 0;
    height: 0;
    border-top: 30px solid #c3c3c3;
    border-right: 30px solid transparent;
    border-bottom: 30px solid transparent;
    border-left: 30px solid transparent;
    margin:0 auto;

}
#contentsAreaSection .bSubTtl .color11 {
    font-weight: bold;
    font-size: 2em;
}


#footerNaviArea {
    text-align: left;
}
p#pCopyright {
    text-align: right;
}

.extMdlFormGnrtrFormTable h3 {
text-align: left;
}

#footerNaviArea {
    text-align: left;
}

    @media screen and (min-width: 640px) {
        .bCatList ul li p.bCatListDate {
        float: left;
        width: 12%;
        }
        .bCatList ul li h5 {
            float: right;
            width: 88%;
        }
        .bCatList ul li p.bCatListTxt {
            float: right;
            width: 88%;
        }
        .bCatList ul li::after {
            display: block;
            clear: both;
            height: 0;
            visibility: hidden;
            content: ".";
            line-height: 0;
        }
    }

    @media screen and (max-width: 640px) {
        #breadcrumbsList {
            padding-top: 5px;
            padding-right: 0px;
            padding-bottom: 5px;
            padding-left: 0px;
        }

        .title-border {
            display: block;
            border-bottom: 2px solid #0049a2;
            width: 60%;
            margin-left: auto; 
            margin-right: auto;
        }
        .top-imgcatch {
            font-weight: bold;
            text-shadow: 0px 0px 4px #000000;
            font-size: 22px;
            line-height: 32px;
        }
        .top-subcatch{
            font-weight: bold;
            text-shadow: 0px 0px 4px #000000;
            font-size: 18px;
            line-height: 26px;
        }
        .bList2 th, .bList2 td {
           display: block;
           width: 100% !important;
           box-sizing: border-box;
        }
        #footerNaviArea {
            text-align: left;
        }

    }

/*ーーーーーーーーーーーーーーーー日笠追加ここからーーーーーーーーーーーーーーーー*/
@media screen and (min-width: 640px) {
.sp {
    display: none;
}
}

.clearfix:after {
    content: ".";
    font-size: 0;
    line-height: 0;
    clear: both; 
}

/*ハンバーガーメニュー変える*/
#menuToggleOn {
    background: url(/global-data/20251008112618490.jpg) no-repeat 0 0;
    top: 10px;
    right: 15px;
    width: 50px;
    height: 35px;
    z-index: 10000000;
}

/*ヘッダー_サブナビここから*/
#headerOuter #subNaviArea {
    top:10px!important;
    z-index: 100;
}
#headerOuter #subNaviArea ul li a {
    text-decoration: none!important;
    padding: 7px;
    border-radius: 3px;
    background: #0049a2;
    filter: drop-shadow(0 3px 0 rgba(0,0,0,0.2));
}

#headerOuter #subNaviArea ul li a:hover {
    filter: none;
    position: relative;
    top: 3px;
}
/*ヘッダー_サブナビ終了*/
/*ヘッダー終了*/

/*カバー*/
#coverAreaSection {
    max-width: 1000px;
    margin: 0 auto;
}

/*Gnavとカバーをトップ以外削除する
body:not(#page1):not(#page27) #globalNaviAreaSection,
body:not(#page1) #coverAreaSection {
    display: none;
}*/

/*アンカーメニュー*/
#anchorNaviArea {
    width: 100%!important;
    margin: 0 auto;
}

/*見出しここから*/
.midashi2Row .title-border {
    width: 350px!important;
}

.midashi2Row .bcontainer h3 {
    letter-spacing: 0.2em;
}

.midashi2Row .containerInner .hsNarrow {
    margin-bottom: 0;
}
/*見出し終了*/

/*こだわりで探す8Btnここから*/
#user-area div.subBtn8:first-of-type {
    margin-top: 30px;
}

.subBtn8 div div {
    margin: 0;
}

.subBtn8 .containerInner {
    margin: 0 auto!important;
}

.subBtn8 div div div div div {
    margin:  1%;
}

.subBtn8 .extLinkTxtBtn_box a {
    width: 100%;
    margin: 0!important;
    border-radius: 5px;
    box-sizing: border-box;
    filter: drop-shadow(0 3px 0 rgba(0,0,0,0.2));
}

.subBtn8 .extLinkTxtBtn_box a:hover {
    filter: none;
    position: relative;
    top: 3px;
}
/*こだわりで探す8Btn終了*/

/*新着情報ここから*/
.news ul li {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 10px;
    border-bottom: 1px solid #e0e0e0;
}

.news ul li h5 {
    width: 80%;
    order: 1;
}

.news ul li p.bCatListDate {
    order: 2;
}

.news ul li p.bCatListTxt {
    margin-left: 55px;
    order: 3;
}

.news h5 img {
    display: none!important;
}

.news h5 a:before {
    display: inline-block!important;
    content: "NEW";
    color: #fff;
    font-size: 0.8em;
    font-weight: bold;
    text-decoration: none!important;
    padding: 0px 3px;
    margin-right: 10px;
    background: #ed6d35;
}
/*新着情報終了*/

/*雇用形態で探すここから*/
.work_style a {
    width: 100%;
    font-weight: bold;
    border-radius: 5px;
    box-sizing: border-box;
    filter: drop-shadow(0 3px 0 rgba(0,0,0,0.2));
}

.work_style a:hover {
    filter: none;
    position: relative;
    top: 3px;
}
/*雇用形態で探す終了*/

/*エリアで探す*/
.areaSearch {
    margin-bottom: 50px;
}

/*ランダム一覧ここから*/
.randamList .layoutPc1 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.randamList .JobListBox {
    width: 32%;
    margin: 0.5%;
    background: #fff;
}

.randamList .JobListBox .JobImg {
    float: none!important;
    margin: 0 auto 20px auto!important;
}

.randamList .JobListBox .JobMainInner {
    position: relative;
    display: table;
    width: 100%;
    margin-bottom: 5px;
    line-height: 1.2em;
}

.randamList .JobListBox .JobttlBox {
    height: 100px;
    background-color: #0049a2 !important;
}


#contentsAreaSection .randamList .JobListBox .JobttlBox h2 {
    width: 100%!important;
    text-align: justify;
}

#contentsAreaSection .randamList .JobListBox .JobttlBox a {
    color: #fff!important;
    font-size: 0.9em;
    text-decoration: none;
}

#contentsAreaSection .randamList .JobListBox .JobttlBox a:hover {
    text-decoration: underline;
}

.randamList .JobListBox .JobttlBtnBox {
    display: none;    
}

.randamList .JobListPage {
    width: 100%;
    margin-top: 30px;
}
/*ランダム一覧終了*/

/*こだわり条件で探すここから*/
.midashi2Row .extMdlFormGnrtrFormSearchTop {
    margin-top: 20px;
}

.searchList {
    padding-bottom: 50px;
}

.searchList p {
    display: inline-block;
    width: 100%;
    max-width: 1000px;
    margin: 30px auto 0 auto;
    color: #fff;
    font-weight: bold;
    padding: 5px 10px;
    background: #0049a2;
}

.searchList ul {
    width: 96%;
    margin: 10px auto;
}

.searchList ul li {
    width: 30%;
    float: left;
}
/*こだわり条件で探す終了*/

/*特集ここから*/
.bnrBox .bImgbtn {
    overflow: visible!important;
}

.bnrBox .bImgbtn a img {
    width: 100%!important;
    margin: 0 auto;
    filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.2));
}

.bnrBox .hsNormal {
    margin-bottom: 30px!important;
}
/*特集終了*/



/*加盟店ページ_見出しここから*/
.midashi .bcontainer h3 {
    letter-spacing: 0.2em;
    text-align: center;
}

.midashi .bcontainer div .containerInner .hsNormal {
    margin: 0;
}
/*加盟店ページ_見出し終了*/

/*加盟店ページ_理念ここから*/
.genkou_rinen {
    margin-bottom: 60px;
}

.genkou_rinen .hsNormal {
    margin: 60px auto;
}
/*加盟店ページ_理念終了*/

/*加盟店ページ_求人一覧、求人一覧ページここから*/
.genkou .JobttlBox, .work_search .JobttlBox {
background: #a4c1d7!important;
}

.genkou .JobttlBox h2 a, .work_search .JobttlBox h2 a {
    text-decoration: none;
}

.genkou .JobttlBox h2 a:hover, .work_search .JobttlBox h2 a:hover {
    text-decoration: underline;
}

.genkou .extMdlFormGnrtrFormSearch div .JobListBox .JobWapBox .JobMainBox dl:nth-of-type(4), .work_search .extMdlFormGnrtrFormSearch div .JobListBox .JobWapBox .JobMainBox dl:nth-of-type(4) {
    display: none;
}
/*加盟店ページ_求人、求人一覧ページ一覧終了*/

/*加盟店ページ_メール問い合わせボタン*/


/*加盟店ページ_企業情報終了*/

/*コピーライト*/
#pCopyright {
    text-align: center!important;
}




/*求人原稿詳細ページ終了*/

/*掲載企業一覧ここから*/
.company_list {
    margin-top: 30px;
}

.company_list h5 {
    font-weight: bold;
    border-left: 5px solid #0049a2;
    padding-left: 5px!important;
}

.company_list .hsNormal {
    border: 6px solid #efefef;
    box-sizing: border-box;
    padding: 15px;
    margin-bottom: 30px;
}
/*掲載企業一覧終了*/

/*お問合せ・応募フォームここから*/
#contentsAreaSection .form .extMdlFormGnrtrBtn.color12 {
    background: transparent;
    margin-top: 50px;
}

#contentsAreaSection .form .extMdlFormGnrtrBtn.color12 input {
    font-weight: bold;
    letter-spacing: 0.05em;
    border: none;
    border-radius: 5px;
}
/*お問合せ・応募フォーム終了*/

/*各フォーム_inputボタンここから*/
#contentsAreaSection .extMdlFormGnrtrBtn.color12 {
    background: transparent;
    margin-top: 50px;
}

#contentsAreaSection .extMdlFormGnrtrBtn.color12 input,
#contentsAreaSection .JobApBtn a, #contentsAreaSection .JobGoBtn a {
    font-weight: bold;
    letter-spacing: 0.05em;
    border: none;
    border-radius: 5px;
}

#contentsAreaSection .JobApBtn a, #contentsAreaSection .JobGoBtn a {
    border: 2px solid #a4c1d7;
}
/*各フォーム_inputボタン終了*/

/*フッター*/
#footerAreaSection {
    filter: drop-shadow(0 -3px 3px rgba(0,0,0,0.2));
}

/*ーーーーーーーーーーーーーーーースマホーーーーーーーーーーーーーーーー*/
@media screen and (max-width: 640px) {
.pc {
    display: none;
}



/*こだわりで探す8Btnここから*/
#user-area div.subBtn8:first-of-type {
    margin-top: 0;
}

.subBtn8 .bcontainer-inner div {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    margin: 0;
}

.subBtn8 .bcontainer .box1, .subBtn8 .bcontainer .box2, .subBtn8 .bcontainer .box3, .subBtn8 .bcontainer .box4 {
    width: 48%!important;
    margin: 1%!important;
}

.subBtn8 .containerInner {
    width: 100%;
}

.subBtn8 .containerInner .bcontainer {
    width: 100%;
    margin:  1%;
}

.subBtn8 .extLinkTxtBtn {
    width: 100%;
}

.subBtn8 .extLinkTxtBtn_box {
    width: 100%;
}

.subBtn8 .extLinkTxtBtn_box a {
    width: 100%;
    font-size: 4vw!important;
    padding: 3% 1%!important;
    margin: 0!important;
    box-sizing: border-box;
    filter: none;
}
/*こだわりで探す8Btn終了*/

.news .box1 ul li p:last-of-type {
    display: none;
}

#menuToggleOn {
    width: 45px;
    height: 40px;
    background-size: 90%;
    margin-top: 5px;
}

.work_style div div {
    display: flex;
    justify-content: space-between;
}

.work_style div div div {
    width: 100%;
    margin: 0 1% 5px 1%!important;
}

.work_style a {
    width: 100%;
    font-size: 3.5vw!important;
    padding: 20px 1%!important;
    filter: none;
    margin: 0 auto!important;
}

#snsButtonArea {
    background: #bbdbf3;
}

.bnrBox {
    margin-bottom: 40px;
}

.bnrBox .hsNormal {
    margin-bottom: 5px!important;
}

#footerNaviArea ul {
    filter: invert(100%);
}

.bg_gray {
    padding: 1%;
    background-color: #f5f5f5;
}

.midashi2Row {
    padding: 15px 0!important;
}

.midashi2Row div div div div div:first-of-type h3 {
    font-size: 6vw!important;
}

.midashi2Row div div div div div:last-of-type div h3 {
    font-size: 4vw!important;
}

/*見出し*/
.midashi2Row .containerInner div:last-of-type {
    margin: 0 auto;
}

/*検索フォーム*/
.midashi2Row .hsNormal {
    width: 90%;
}

/*ランダム一覧ここから*/
.randamList {
    padding: 0 0 20px 0;
}

.randamList .JobListBox .JobWapBox {
    padding: 2vw;
}

.randamList .JobPrBox,
.randamList .JobListDate,
.randamList .JobListBox .JobMainBox dl:nth-of-type(3),
.randamList .JobListBox .JobMainBox dl:nth-of-type(4) {
    display: none!important;
}

.randamList .JobListBox {
    display: block;
    width: 100%;
    margin: 2% 0;
}

.randamList .JobListBox .JobttlBox {
    height: auto;
    padding: 1.5vw;
    margin-bottom: 0;
}

.randamList .JobListBox .JobttlBox a {
    font-size: 4vw!important;
    line-height: 1.2em;
}

.randamList .JobListBox .JobImg {
    width: 35%;
    float: left!important;
    margin: 0!important;
}

.randamList .JobListBox .JobMainBox {
    width: 63%;
    font-size: 3.2vw;
    float: right;
}

.randamList .JobListBox .JobMainBox .JobMainInner .JobMainDetail {
    width: 4em;
    text-align: right;
    padding: 3px 2px;
    background: transparent;
}

.randamList .JobListBox .JobMainBox .JobMainInner .JobMainDetail:after {
    content: ":";
    margin: 0 0.3em;
}

.randamList .JobMainBox .JobMainInner dd {
    padding: 0;
}

/*こだわり検索ここから*/
.searchList ul li {
    width: 40%;
    padding: 0 2%;
    box-sizing: border-box;
    list-style-position: outside;
    margin-left: 2em;
    margin-bottom: 0.5em;
}

.midashi2Row div div div div div:last-of-type .extMdlFormGnrtrFormSearchTop {
    width: 100%;
}

.searchList p {
   margin-top: 1em;
}

/*こだわり検索終了*/

/*加盟店ページ_理念ここから*/
.genkou_rinen {
    margin-bottom: 2em;
}

.genkou_rinen .hsNormal {
    margin: 2em;
}
/*加盟店ページ_理念終了*/

#contentsAreaSection .genkou .JobApBtn a, #contentsAreaSection .genkou .JobGoBtn a, #contentsAreaSection  .work_search .JobApBtn a, #contentsAreaSection  .work_search .JobGoBtn a {
    border: 2px solid #fff;
}

/*加盟店ページ_社長あいさつここから*/
.greeting .containerInner {
    display: block;
}

.greeting .containerInner .presidentImg, .greeting .containerInner .presidentText {
    width: 90%;
    margin: 2% auto;
}

/*加盟店ページ_社長あいさつ終了*/



/*求人一覧、掲載企業一覧ここから*/
.work_search .extMdlFormGnrtrFormSearch .JobListBox, .company_list .hsNormal {
    border: 4px solid #efefef;
    box-sizing: border-box;
    padding: 2%;
    margin-bottom: 3%;
}
/*求人一覧、掲載企業一覧終了*/

/*フッター*/
#footerAreaSection {
    padding-bottom: 15vw;
}

#footerArea p#pCopyright {
    text-align: left!important;
    width: 80%;
    line-height: 1.3em;
}

/*トップへ戻るボタン*/
.pagetop {
   margin-bottom: 15vw;
}


}


    /* SP　トップ　新着求人　テキスト一覧　 20191120 iwy*/
    @media screen and (max-width: 640px) {
        .news ul li h5 {
            width: 100%;
        }

        .news ul li {
            flex-direction: column;
        }

        .news .box1 ul li p:last-of-type {
            display: inherit;
        }

        .news ul li p.bCatListDate {
            order: -1;
        }
    }/* -----------------------   ここまで　20191120 iwy*/