@charset "utf-8"; /* CSS Document */ /* * TOP専用スタイルCSS * style_joblist.css */ /*-------------------------------------------------------------- アイコン+ヘッドラインの装飾 --------------------------------------------------------------*/ .recruiteDesc { margin-top: 20px; padding-top: 10px; background: #fefeee; } .recruiteDesc h2 { font-weight: bold; color: #ccccccc; font-size: 40px; text-align: center; margin: 20px 20px; } .recruiteDesc h3 { margin: 10px 0; padding: 10px 25px 10px; background-color: #f1ead1; color: #ec6617; font-size: 26px; position: relative; } .recruiteDesc p { background-color: #FFFFFF; padding: 10px 40px; margin: 0 10px; min-height: 50px; line-height: 1.5; font-size: 24px; } .recruiteDesc .divp { background-color: #FFFFFF; padding: 10px 40px; margin: 0 10px; min-height: 50px; line-height: 1.5; font-size: 24px; } .recruiteDesc p { word-wrap: break-word; } .four { letter-spacing: 20px; } .condSubTitle { color: #FF8600; text-align: center; margin-bottom: 40px; font-weight: bold; } /*-------------------------------------------------------------- お仕事詳細 --------------------------------------------------------------*/ .closeTextArea { /* padding:20px 20px 0 20px; */ background: #4f4f4f; text-align: center; } .closeText { font-size: 1.6rem; color: #ffffff; padding: 30px 0; } .mainTitleArea { padding: 20px 20px; } .subTitleArea { margin: 0 20px; } .subTitleArea p { font-size: 20px; line-height: 1.3; } .jobMainTitle { margin: 10px 0 15px; color: #e66d14; font-weight: bold; font-size: 30px; line-height: 1.3; background-color: #fff; } .MainTitleArea .company { background-color: #fff; } .jobDetailImg { width: 440px; min-height: 340px; margin: 20px auto; text-align: center; } .jobPrAria { padding: 0 15px; } .jobSubTitle { margin: 20px 0; color: #e66d14; font-weight: bold; font-size: 30px; line-height: 1.4; background-color: #fff; } .jobPr { margin-bottom: 25px; font-size: 24px; line-height: 1.5; word-wrap: break-word; } .jobDetailRecommend h2 { padding: 25px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; font-size: 24px; text-align: center; background: #f1ead1; } /*-------------------------------------------------------------- テーブルデザイン --------------------------------------------------------------*/ .jobSummaryAria { padding: 0px 20px; } .jobSummaryAria p { background-color: #fff; } table.jobSummary { width: 600px; margin: 18px auto 50px; border-collapse: separate; border-spacing: 0px 3px; font-size: 22px; line-height: 1.4; border-top: 1px solid #eeeeee; } table.jobSummary tr {} table.jobSummary th, table.jobSummary td { padding: 10px; color: #472610; border-bottom: 1px solid #eeeeee; } table.jobSummary th { background: #fcf6e9; vertical-align: middle; text-align: center; width: 130px; overflow: visible; position: relative; font-weight: normal; font-size: 24px; color: #f56403; } table.jobSummary td { background-color: #fff; } /*-------------------------------------------------------------- 詳細ページヘッダースティッキータブ --------------------------------------------------------------*/ .topFixed { position: fixed; top: 0; left: 47px; margin-top: 5px; z-index: 11; } .jsFixedStart {} /*詳細ページのタブ固定*/ .stickyNav { position: -webkit-sticky; position: sticky; top: 0; padding-top: 5px; z-index: 11; } .tabBox { display: table; width: 546px; height: 60px; font-size: 20px; margin: 0 auto; } .tabBox li { display: table-cell; width: 182px; background-color: #fcfcfc; text-align: center; vertical-align: middle; } .detailTabFirst { border-top: solid; border-bottom: solid; border-left: solid; border-right: solid; border-color: #d9812f; border-top-left-radius: 10px; border-bottom-left-radius: 10px; } .detailTab { border-top: solid; border-bottom: solid; border-right: solid; border-color: #d9812f; } .detailTabEnd { border-top: solid; border-bottom: solid; border-right: solid; border-color: #d9812f; border-top-right-radius: 10px; border-bottom-right-radius: 10px; } /*とびさきをヘッダーの高さ分下げる*/ .linkMargin { display: block; height: 60px; } /*-------------------------------------------------------------- トップへ戻る --------------------------------------------------------------*/ .toPageTop { line-height: 1.4; padding: 30px 0; border-top: 2px solid #d9d0c2; background: linear-gradient(#fff8e9 3px, #ffffff 30px); } /*-------------------------------------------------------------- フッターリンク --------------------------------------------------------------*/ .footerLink a { font-size: 24px; } .footerLink a:link { color: #2f5da2; } .footerLink a:visited { color: #2f5da2; } .footerLink { width: 600px; margin: auto; } .footerLink ul li { margin: 6px auto; padding: 25px 20px; border: 1px solid #cccccc; background-color: #ffffff; } .footerLink li a { position: relative; display: block; padding-right: 40px; } .footerLink li a::after { position: absolute; top: 50%; right: 10px; display: block; content: ''; width: 8px; height: 8px; margin-top: -4px; border-top: 2px solid #e88f22; border-right: 2px solid #e88f22; -webkit-transform: rotate(45deg); transform: rotate(45deg); }