@charset "utf-8"; @import url('https://fonts.googleapis.com/css2?family=Barlow:wght@600&display=swap'); 


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用スタイル　＞　サイトのテーマ色を一括指定するa
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 文字色 */
body.sp[class*="voice"] ul.child_navi a[href*="voice"], body.sp dl.type01 [class*="current"] > a, body.sp dl.type01 dt, a.basic_btn02, .basic_list01 li:before, ol.basic_list02 > li:after, a.basic_color_font, [class*="current"] .basic_color_font_cur, [class*="current"] .basic_color_font_cur:hover, .basic_color_font_bf:before, .basic_color_font_af:after {
    color: #ea6000;
}

a.basic_btn02, .basic_list01 li:before, ol.basic_list02 {
    color: #151515;
}

/* ボーダー色 */
body.sp dl.type01 > dt .arrow, h3[class*="h3a"], h2[class*="h2a"], .basic_box02, .basic_list02 > li, .basic_color_border, .basic_color_border_bg:before, .basic_color_border_af:after {
    border-color: #ea6000;
}

/* 背景色 */
a.basic_btn01, h3[class*="h3b"], ol.basic_list02 > li:before, .basic_color_bg, .basic_color_bg_bf:before, .basic_color_bg_af:after {
    background-color: #ea6000;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　セクションの区切り
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
[class*="kugiri_m"] {
    padding: 60px 0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
コンテンツエリア
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body.single-voice #contents_area {
    padding-top: 0!important;
    margin-bottom: 0!important;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ビジュアルエディタ　＞　汎用見出し
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* [.h2a][.h2b]共通のスタイル */
h2[class*="h2"] {
    font-weight: bold;
    padding: 0px;
    font-size: 36px;
}

h2[class*="h2b"] {
    padding-top: 85px;
}

h2[class*="h2b"]:before {
    background: url(https://soken.hr-karyudo.com/hr2/wp-content/themes/cyber-child/images/h2b.jpg) no-repeat 50% /contain;
    display: inline-block;
}

h2[class*="h2b"]:after {
    content: '';
}

h2[class*="h2a"] {
    border: none;
}

h2[class*="h2a"]:before {
    content: '';
    display: block;
    width: 45px;
    height: 5px;
    background-color: #ea6000;
    margin-bottom: 30px;
}

/* [.h3a][.h3b]共通のスタイル */
h3[class*="h3"] {
    font-weight: bold;
    font-size: 28px;
    padding: 12px 0 12px 15px;
}

/* [.h3a]のスタイル */
h3[class*="h3a"] {
    border-left-width: 4px;
    background-color: #f7f7f7;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ビジュアルエディタ　＞　汎用ボタン01
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
a.basic_btn01 {
    font-weight: bold
}

body.home a.basic_btn01 {
    padding: 23px 30px;
}

a.basic_btn02, .basic_list01 li:before {
    color: #003e8b;
    }

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ビジュアルエディタ　＞　汎用ボックス
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.basic_box01 { 
    background-color: #f0f5ff;
   }


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ビジュアルエディタ　＞　よくある質問(定義リストver.)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
dl.faq > dt {
    background-color: #fff;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ビジュアルエディタ　＞　テーブル01
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.basic_table01 th, .basic_table01 td {
    border-color: #efc5a8;
	padding: 20px;
}

.basic_table01 th {
    background-color: #fff2ea;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ビジュアルエディタ　＞　テーブル02
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.basic_table02 th {
    border-color: #ea6000;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用クラス・タグ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
h2.cmn_ttl {
    font-size: 36px;
    font-weight: bold;
    position: relative;
    display: table;
    margin: 0 auto 60px;
    padding: 0 40px;
}

h2.cmn_ttl::before,h2.cmn_ttl::after {
    content: "";
    width: 95px;
    height: 1px;
    background-color: #ea6000;
    position: absolute;
    top: 50%;
}

h2.cmn_ttl::before {
    left: -95px;
}

h2.cmn_ttl::after {
    right: -95px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用スタイル　＞　エントリー・電話番号・LINEボタン
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
ul.entry_btns li.entry a::before {
	background-color:#044b9d;
}


ul.entry_btns li.entry a .main {
    color: #ea6000;
}

ul.entry_btns li.tel a .num {
    color: #ea6000;
}

ul.entry_btns li.tel a::before {
    background: #044b9d;
}

.form_txt_wrap ul.entry_btns li.tel a {
    border: 2px solid #044b9d;
}

.form_txt_wrap ul.entry_btns li.entry a {
    border: 2px solid #ea6000;
}

/* 募集要項一覧非表示 */
ul.entry_btns li.entry a .sub {
	display:none;
}

/* エントリーボタンだけ非表示 */
.form_txt_wrap ul.entry_btns li.entry {
	display:none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
下層ページ　＞　ヘッダー画像
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.page_promo .txt_box {
    color: #fff;
}

.page_promo .img_wrap {
    height: 340px;
}

body.single-recruit .page_promo .img_wrap, body.single-voice .page_promo .img_wrap {
    height: 530px;
}

/* カスタム投稿 詳細用 */
body.single-voice .page_promo .txt_box, body.single-recruit .page_promo .txt_box {
    text-align: left;
    width: 1200px;
    color: inherit;
}

body.single-voice .page_promo .inner, body.single-recruit .page_promo .inner {
    max-width: 600px;
    background-color: rgba(255,255,255,.85);
    padding: 75px 30px 35px;
    position: relative;
}

/* カスタム投稿（社員インタビュー） 詳細用 */
body.single-voice .page_promo .ttl {
    margin-bottom: 20px;
}

body.single-voice .page_promo .shokushu {
    position: absolute;
    top: -20px;
    left: 30px;
    min-width: 165px;
    background: #008df9;
    position: absolute;
    left: -15px;
    top: -20px;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    padding: 15px 10px;
}

body.single-voice .page_promo .other {
    text-align: right;
    font-size: 17px;
    font-weight: bold;
}

body.single-voice .page_promo .other .job_ttl,body.single-voice .page_promo .other .kinzoku {
    margin-right: 15px;
}

body.single-voice .page_promo .other .name {
    font-size: 30px;
}

body.single-voice.postid-11361 .page_promo .other .name{
	position:relative;
}

body.single-voice.postid-11361 .page_promo .other .name::after{
	content: "たかくし";
    position: absolute;
    top: -20px;
    right: 15px;
    font-size: .5em;
    letter-spacing: .3em;
}

/* カスタム投稿（募集要項） 詳細用 */
body.single-recruit .page_promo .inner {
    padding: 50px 85px 55px;
    position: relative;
    min-height: 190px;
    display: table;
    min-width: 340px;	
}

body.single-recruit .page_promo .inner h1.ttl {
    margin: 0;
    vertical-align: middle;
    display: table-cell;
}

body.single-recruit .page_promo .other {
    position: absolute;
    left: 30px;
    top: -22px;
    background: #acd253;
    padding: 10px 20px;
    font-size: 18px;
    font-weight: bold;
    min-width: 150px;
    text-align: center;
    color: #fff;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
JQプラグイン　＞　「Slick」（スライダー）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.slick-prev, .slick-next {
    background: transparent;
    border: none;
}

.slick-prev:hover, .slick-next:hover {
    background: transparent;
}

.slick-prev:before, .slick-next:before {
    border: 0 solid #fff;
    border-top-width: 3px;
    border-right-width: 3px;
}

body.single-voice .slick-prev:before,
body.single-voice .slick-next:before {
    border-color:#151515;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
スライダー下のdots
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.slick-dots {
    left:0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
.cmn_voice_list★トップ、社員を知るアーカイブ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body.home .cmn_voice_list {
    min-width: 1200px;
    max-width: 75vw;
    margin: 0 0 100px;
}

/* top以外は上に余白 */
body:not(.home) .cmn_voice_list {
    padding-top: 50px;
    margin: 0 -20px;
}

.cmn_voice_list .li {
    position: relative;
    margin: 0 20px;
    background-color: #fff;
    padding: 30px;
    -webkit-box-shadow: rgba(0,0,0,.2) 0px 0px 20px;
    -moz-box-shadow: rgba(0,0,0,.2) 0px 0px 20px;
    box-shadow: rgba(0,0,0,.2) 0px 0px 20px;
    transition: .3s;
    margin-top: 20px;
    margin-bottom: 40px;
}

/* top以外は上に余白 */
body:not(.home) .cmn_voice_list .li {
    width: 373px;
}

.cmn_voice_list .li:hover {
    opacity: 1;
}

.cmn_voice_list .li::before {
    display: none;
}

.cmn_voice_list .li .shokushu {
    min-width: 165px;
    background: #008df9;
    position: absolute;
    left: -15px;
    top: -20px;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 10px;
}

.cmn_voice_list .li p.img {
    padding-top: 93%;
    margin: -30px -30px 20px -30px;
}

.cmn_voice_list .li h3 {
    margin-bottom: 15px;
}

.cmn_voice_list .li h3 a {
    color: inherit;
    text-decoration: none;
    font-size: 20px;
    font-weight: bold;
}

.cmn_voice_list .li p.meta {
    text-align: right;
    font-size: 15px;
}

.cmn_voice_list .li p.meta > * {
    display: inline-block;
}

.cmn_voice_list .li p.meta .job_ttl {
    margin-right: .5em;
}

.cmn_voice_list .li p.meta .name {
    font-size: 24px;
    font-weight: 500;
    margin-left: 10px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
.cmn_voice_list2★社員を知る詳細ページ下部
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.cmn_voice_list2 {
    margin: 0 -15px;
    justify-content: center;
}

.cmn_voice_list2 .slick-list{
	padding-top: 20px;
}

.cmn_voice_list2 .li {
    width: 380px;
    margin: 0 15px 15px;
    position: relative;
}

.cmn_voice_list2 .li::before {
    display: none;
}

.cmn_voice_list2 .li .shokushu {
    min-width: 150px;
    background: #008df9;
    position: absolute;
    left: -10px;
    top: -20px;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    padding: 8px 10px;
}

.cmn_voice_list2 .li p.img {
    padding-top: 66.6666%;
    background-color: #000;
}

.cmn_voice_list2 .li p.img img {
    opacity: .7;
}

.cmn_voice_list2 .li p.meta {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-weight: bold;
    z-index: 2;
}

.cmn_voice_list2 .li p.meta .year {
    font-size: 14px;
    margin-right: 10px;
}

.cmn_voice_list2 .li p.meta .name a {
    text-decoration: none;
    color: inherit;
    font-size: 22px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
社員インタビュー詳細ページ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#voice_list_area h2 {
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 70px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ビジュアルエディタ　＞　社員インタビュー 全幅BOX
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*---斜め背景の為の記述---*/
[class*="qabox"] {
    position: relative;
    z-index: 1;
    overflow: hidden;
    padding: 65px 0;
}

.qabox_left {
    background: #f3f3f3;
}

/*---斜め背景---*/
[class*="qabox"]:after {
    content: '';
    width: 2000px;
    height: 2000px;
    background: #ea6000;
    display: block;
    position: absolute;
    top: 0;
    right: calc(50% - 1670px);
    transform: skewY(115deg);
    z-index: -1;
}

.qabox_left:after {
    right: auto;
    left: calc(50% - 2380px);
}

/* boxがleftの場合、2列の左右を入れ替える */
.qabox_left .container00 > * {
    float: left;
}

.qabox_left .container00 > *:first-child {
    float: right;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ビジュアルエディタ　＞　社員インタビューQ&A
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
dl.faq02 > dt {
    font-weight: bold;
    padding: 20px 45px 20px 65px;
    position: relative;
    font-size: 30px;
    line-height: 1.2;
}

dl.faq02 > dt:before,dl.faq02 > dd:before {
    width: 44px;
    height: 44px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    border-radius: 50%;
    color: #fff;
    font-family: 'Bebas Neue', sans-serif;
    font-size: 30px;
    font-weight: normal;
    line-height: 1;
}

dl.faq02 > dt:before {
    content: 'Q';
    background-color: #f0a500;
    top: 15px;
}

dl.faq02 > dd:before {
    content: 'A';
    background-color: #7eba50;
    top: 0;
}

dl.faq02 > dd {
    padding: 0 0 0 55px;
    position: relative;
}

dl.faq02 > dd .txt {
    padding: 30px 40px;
    background-color: #f3f3f3;
    border-radius: 5px;
}

/* 左に斜め柄（背景色有り）の時 */
.qabox_left dl.faq02 > dd .txt {
    background-color: #fff;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
一日の流れエリア　.txt.schedule　
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.txt.schedule {
    padding: 30px 70px!important;
    border: 3px solid #f3f3f3;
    background-color: #fff!important;
    position: relative;
}

.txt.schedule::after {
    content: "";
    width: 189px;
    height: 404px;
    position: absolute;
    right: 100px;

    bottom: 15px;
    background: no-repeat 50% 50%/contain;
}

body.postid-11325 .txt.schedule::after {
    background-image: url(images/ichinichi_staff01.jpg);
}

body.postid-11294 .txt.schedule::after {
    background-image: url(images/ichinichi_staff02.jpg);
}

body.postid-11290 .txt.schedule::after {
    background-image: url(images/ichinichi_staff03.jpg);
}

.txt.schedule h2 {
    font-size: 30px;
    font-weight: bold;
    display: table;
    margin: 0 auto 50px;
    padding: 30px 90px 15px 90px;
    border-bottom: 3px solid #ea6000;
    position: relative;
}

.txt.schedule h2 span.fukidashi {
    width: 162px;
    height: 122px;
    background: url(images/fukidashi.png) no-repeat 50% 50%/contain;
    position: absolute;
    left: -90px;
    top: -50px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    padding: 20px 10px 10px;
}

.txt.schedule h2::after {
    content: "";
    width: 98px;
    height: 105px;
    background: url(images/book.jpg) no-repeat 50% 50%/contain;
    position: absolute;
    right: -115px;
    top: -5px;
}

.txt.schedule table th {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    padding: 0 25px 40px 0;
    vertical-align: top;
    position: relative;
    z-index: 0;
    overflow: hidden;
    width: 100px;
}

.txt.schedule table tr:not(:last-child) th::before {
    content: "";
    width: 60px;
    height: 95px;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.txt.schedule table tr:not(:last-child) th::after {
    content: "";
    width: 1px;
    height: 500px;
    background-color: #becacc;
    position: absolute;
    bottom: 10px;
    left: calc(50% - 12.5px);
    z-index: -2;
}

.txt.schedule table td {
    position: relative;
    padding-right: calc(100% - 635px);
    padding-bottom: 40px;
}

.txt.schedule table td p.img {
    position: absolute;
    right: 0;
    top: 0;
}

.txt.schedule table h3 {
    color: #7a3200;
    font-size: 20px;
    font-weight: bold;
}

.txt.schedule table h3 + * {
    margin-top: 15px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
募集要項 シングルページ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.recruit_detail {
    margin-bottom: 2em;
}

.recruit_detail h2 {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px;
}

.recruit_detail ul.tags {
    margin-bottom: 15px;
}

.recruit_detail ul.tags > li {
    display: inline-block;
    /* border: 2px solid #0055a1; */
    background-color: #83aed4;
    color: #ffffff;
    border-radius: 20px;
    padding: 10px 20px;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.2;
    margin: 0 8px 5px 0;
}

.recruit_detail table {
    border: 1px solid #bdccea;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 2em;
}

.recruit_detail table tr:not(:last-child) {
    border-bottom: 1px solid #bdccea;
}

.recruit_detail table tr th {
    text-align: center;
    position: relative;
    font-weight: bold;
    padding: 30px 15px;

    width: 13%;
}

.recruit_detail table tr th.icon::before {
    content: "";
    width: 42px;
    height: 42px;
    display: block;
    margin: 0 auto 5px;
    background: url(../cyber/images/yen.svg) no-repeat 50% 50%/contain;
}

.recruit_detail table tr th::after {
    content: "";
    width: 1px;
    height: 30px;
    position: absolute;
    right: 0;
    top: calc(50% - 15px);
    background: #bdccea;
}

.recruit_detail table tr td {
    padding: 30px 40px;
}

.recruit_detail table li{
	font-size:18px;
	margin-bottom: 8px;
}

.recruit_detail p.form_btn{
    text-align: center;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
エントリーフォーム
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* 行を区切る (2020-06-01-take)*/
.form_table tr:not(:last-child) {
    border-bottom: 1px solid #dedede;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
募集職種 ウィジェットタイトルを消す
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.widgettitle {
    display: none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
募集職種 ul.cmn_job_list
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
ul.cmn_job_list {
    margin-bottom: 110px;
}

ul.cmn_job_list li {
    background: no-repeat 50% 50%/cover;
}

ul.cmn_job_list li:nth-child(1) {
    background-image: url(images/shokushu_bg01.jpg?date=20201020);
}

ul.cmn_job_list li:nth-child(2) {
    background-image: url(images/shokushu_bg02.jpg);
}

ul.cmn_job_list li:nth-child(3) {
    background-image: url(images/shokushu_bg03.jpg);
	display: none;
}

ul.cmn_job_list li:nth-child(4) {
    background-image: url(images/shokushu_bg04.jpg);
}

ul.cmn_job_list li:nth-child(5) {
    background-image: url(images/shokushu_bg05.jpg);
}

ul.cmn_job_list li:not(:last-child) {
    margin-bottom: 40px;
}

ul.cmn_job_list li a {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 300px;
    text-decoration: none;
    color: #fff;
    font-size: 28px;
    font-weight: bold;
    position: relative;
    z-index: 1;
    text-align: center;
    flex-direction:column;
}

ul.cmn_job_list li a::before {
    content: "CLICK!";
    width: 100px;
    height: 100px;
    position: absolute;
    left: 35px;
    top: -25px;
    background-color: #ea6000;
    border-radius: 50%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    font-family: 'Barlow', sans-serif;
    letter-spacing: 2px;
    transition: .3s;
}

ul.cmn_job_list li a::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,.3);
    z-index: -1;
    transition: .3s;
}

ul.cmn_job_list li:hover a::after {
    opacity: 0;
}

ul.cmn_job_list li .sub {
    font-size: 20px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
募集職種 ul.cmn_job_list2（アーカイブ）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
ul.cmn_job_list2 {
    width: 980px;
    margin: 0 auto;
}

ul.cmn_job_list2 .area_a {
    width: 30%;
}

ul.cmn_job_list2 .area_b {
    width: 70%;
    padding-left: 30px;
    margin-bottom: 0;
}

ul.cmn_job_list2 .recruit_detail p.other {
    display: inline-block;
    border: 1px solid #151515;
    padding: 3px 10px;
    font-size: 13px;
    font-weight: bold;
    min-width: 80px;
    text-align: center;
    margin-bottom: 10px;
}

ul.cmn_job_list2 .recruit_detail h2 {
    margin-bottom: 10px;
}

ul.cmn_job_list2 .recruit_detail h2 a {
    text-decoration: none;
    color: inherit;
}

ul.cmn_job_list2 .recruit_detail p.catch {
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 15px;
}

ul.cmn_job_list2 .recruit_detail ul.tags > li {
    padding: 5px 15px;
    font-size: 16px;
}

ul.cmn_job_list2 .recruit_detail table {
    font-size: 17px;
}

ul.cmn_job_list2 .recruit_detail table tr th {
    padding: 15px;
    width: 20%;
}

ul.cmn_job_list2 .recruit_detail table tr th.icon::before {
    width: 30px;
    height: 30px;
}

ul.cmn_job_list2 .recruit_detail table tr td {
    padding: 15px 30px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　プロモ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*---プロモスライド---*/
div#promo_frame .vegas {
    height: 100%!important;
    position: relative;
    background-color: #fff;
    z-index: -1;
}

.vegas-animation-kenburnsUp {
    animation: kenburns ease-out;
}

@keyframes kenburns {
    0% {
        transform: scale(1.2);
    }

    100% {
        transform: scale(1);
    }
}

/* 画像ではなくテキスト式に変更（2026-01-08）kami */
div#promo_frame h3 .sogyo {
    font-family: 'Bebas Neue', sans-serif;
    margin-bottom: 0;
    font-size: 70px;
    line-height: 0.8;
}

div#promo_frame h3 .sogyo .num {
	color: #ea6000;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　一言コメント
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.tweet_area a {
    color: #ea6000;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　#home_message
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_message {
    height: 620px;
    background: url(images/message_bg.jpg) no-repeat 50% 50%/auto 100%;
    align-items: center;
}

#home_message .pc_base_width {
    position: relative;
}

#home_message p.bnr {
    position: absolute;
    right: -65px;
    top: -400px;
    transition: .3s;
    opacity: 0;
    z-index: 2;
}

#home_message p.bnr.show_bnr {

    opacity: 1;
    top: -425px;
}

#home_message p.bnr:hover {
    top: -445px;
}

#home_message p.bnr:hover,#home_message p.bnr:hover * {
    opacity: 1;
}

#home_message .inner {
    background-color: rgba(255,255,255,1);
    width: 615px;
    padding: 45px 60px;
}

#home_message h2 {


    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;
}

#home_message h3 {
    font-size: 42px;
    font-weight: bold;
    margin-bottom: 20px;
    line-height: 1.3;
}

#home_message p.txt {
    margin-bottom: 30px;
    line-height: 1.6;
}

#home_message p.btn {
    text-align: center;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　#home_com
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_com {
    position: relative;
    z-index: 2;
}

#home_com ul.items {
    width: 1182px;
    margin: 0 auto;
    border: 3px solid #ea6000;
    background-color: #fff;
}

#home_com ul.items li {
    width: 390px;
    padding: 30px 30px 70px 30px;
    background-color: #fff;
    position: relative;
}

#home_com ul.items li::before{
    content:"";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 50px 50px 0 0;
    border-color: #ea5e00 transparent transparent transparent;
    left: 0;
    top: 0;
    z-index: 1;
    opacity: 0;
    transition: .3s;
}

#home_com ul.items li:hover::before{
    opacity:1;
}

#home_com ul.items li::after {
    font-family: "icomoon";
    content: '\e917';
    font-size: 2em;
    position: absolute;
    bottom: 20px;
    line-height: 1;
    left: calc(50% - 0.5em);
    font-weight: normal;
}

#home_com ul.items li:not(:last-child) {
    width: 393px;
    border-right: 3px solid #ea6000;
}

#home_com ul.items li p.img {
    padding-top: 63.035%;
    margin: -30px -30px 20px -30px;
}

#home_com ul.items li h3 {
    text-align: center;
    margin-bottom: 15px;
}

#home_com ul.items li h3 a {
    color: inherit;
    text-decoration: none;
    font-size: 24px;
    font-weight: bold;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　#home_interview
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*---斜め背景の為の記述---*/
#home_interview {
    padding-bottom: 0px;
    margin-bottom: 60px;
    position: relative;
    z-index: 1;
}

/*---斜め背景---*/
#home_interview:after {
    content: '';
    width: 100%;
    height: 68%;
    background: #ea6000;
    display: block;
    position: absolute;
    top: -70px;
    left: 0%;
    transform: skewY(-10deg);
    z-index: -1;
}

#home_interview .ttl_wrap {
    align-items: center;
    margin-bottom: 20px;
}

#home_interview .ttl_wrap h2 {
    color: #fff;
    font-size: 36px;
    font-weight: bold;
    margin-right: 45px;
    padding: 10px 10px 10px 140px;
    height: 160px;
    background: url(images/interview.png) no-repeat left 50%/contain;
    align-items: center;
}

#home_interview .ttl_wrap > p {
    background-color: #Fff;
    border-radius: 10px;
    padding: 30px 50px;
    font-size: 16px;
    max-width: calc(100% - 600px);
}

#home_interview .staff_inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 50px;
}

#home_interview > p.img {
    text-align: center;
}

#home_interview > p.img a:hover * {
    opacity: 1;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　#home_job
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*---斜め背景の為の記述---*/
#home_job {
    padding-bottom: 0px;
    position: relative;
    z-index: 0;
}

/*---斜め背景---*/
#home_job:after {
    content: '';
    width: 100%;
    height: 80%;
    background: #ffe4a4;
    display: block;
    position: absolute;
    top: 200px;
    left: 0%;
    transform: skewY(-10deg);
    z-index: -1;
}

#home_job p.main_txt {
    text-align: center;
    margin-bottom: 50px;
}

#home_job p.img img {
    width: 25%;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
全ページ　＞　#contact_area
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#contact_area {
    background: url(images/contact_bg.jpg) no-repeat 50% 50%/cover;
    text-align: center;
    position: relative;
    z-index: 1;
}

#contact_area.kugiri_m {
    padding-top: 10px;
}

p.main_lead {
    margin-bottom: 20px;
}

#contact_area .inner {
    width: 980px;
    margin: 0 auto;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
フッター　＞　インフォメーションエリア
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#footer_info .logo img {
    width: 245px;
}