/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 11 2025 | 05:24:05 */
/*
配色
ブルー　#1E23AA
イエロー#FFF100
*/

/*==============================================================
ページヘッダー
==============================================================*/
.p_header {padding:4vw 64px; background-color:#ccc; 
	background-position:left top; background-repeat:no-repeat; background-size:cover;}
.p_header.com {background-position:right center;}
/*----tab時----*/
@media (max-width:991px) {.p_header {padding:6vw 32px;}}
/*----sp時----*/
@media (max-width:780px) {.p_header {padding:8vwx 16px;}}

/*==============================================================
ページ余白
==============================================================*/
/*----ページ余白設定----*/
.siteContent {padding:0 0;}
/*----ポストとサイトマップ専用のページ余白設定----*/
body.post-type-post .siteContent, body.post-name-sitemap .siteContent {padding:64px 0;}
/*----ページ内の不要なマージン----*/
@media (max-width:991.98px) {.mainSection {margin-bottom:0;}}

/*==============================================================
ページ背景
==============================================================*/
body:not(.home) .siteContent {position:relative;}
body:not(.home) .siteContent:after {position:absolute; z-index:-1; content:""; left:0; top:0; position:fixed; 
	width:100%; height:100%; background-image:url(/wp-content/uploads/bg_page_02.jpg); 
	background-repeat:no-repeat; background-position:left -10vw top; background-size:contain;}
/*----sp時----*/
@media (max-width:780px) {body:not(.home) .siteContent:after {display:none;}}

/*==============================================================
ボタン
==============================================================*/
/*----------------------------------------------------
ボタン / ホームへ戻る
----------------------------------------------------*/
.btn_home a {display:table; position:relative; z-index:1;margin:0 auto; padding:24px 16px; 
	width:80%; max-width:360px; text-align:center; color:#fff; background-color:#999;}
.btn_home a:hover {text-decoration:none;}
/*----before / リターンアイコン----*/
.btn_home a:before {position:absolute; z-index:2; content:""; right:18px; bottom:21px; width:28px; height:32px; 
	background-image:url(/wp-content/uploads/icn_return_02.png); 
	background-repeat:no-repeat; background-position:center; background-size:100% auto;}
/*----after / 背景色アニメーション----*/
.btn_home a:after {position:absolute; z-index:-1; content:""; left:0; top:0; 
	width:0%; height:100%; background-color:#082463; transition-duration:0.3s;}
.btn_home a:hover:after {width:100%; transition-duration:0.3s;}
/*----親ページへ戻る----*/
.btn_home.page a:after {background-color:#0095b9;}
/*----------------------------------------------------
ボタン / 通常リンク
----------------------------------------------------*/
.btn01 a {display:table; width:80%; max-width:360px; padding:16px; text-align:center;
	color:#fff; background-color:#2854B6; border-radius:8px; transition-duration:0.2s;}
.btn01 a:hover {text-decoration:none; color:#fff; background-color:#047ee9; transition-duration:0.2s;}
.btn01 a i {margin-right:0.5rem;}
/*----中央揃え----*/
.btn01.cen a {margin-left:auto; margin-right:auto;}
/*----------------------------------------------------
ボタン / 外部リンク
----------------------------------------------------*/
.btn_out a {display:table; width:90%; max-width:360px; padding:16px; text-align:center; 
	color:#fff; background-color:#2854B6; border-radius:8px; transition-duration:0.2s;}
.btn_out a:hover {text-decoration:none; color:#fff; background-color:#047ee9; transition-duration:0.2s;}
/*----中央揃え----*/
.btn_out.cen a {margin-left:auto; margin-right:auto;}

/*==============================================================
共通
==============================================================*/
/*----------------------------------------------------
ls.unveilhooks.jsを使用しての遅延読み込み
----------------------------------------------------*/
.lz {opacity: 0; transition: opacity 1s; -webkit-transition: opacity 2s;}
.lz.lazyloaded {opacity: 1;}
/*----------------------------------------------------
iタグ
----------------------------------------------------*/
.fa-regular, .far {font-size:1.4rem;}
/*----------------------------------------------------
写真にフチを入れる
----------------------------------------------------*/
.photo img, img.photo {border:10px solid #fff; outline:1px solid #ddd; outline-offset:-1px;}
/*----------------------------------------------------
コリジョン
----------------------------------------------------*/
.coll {display:flex; flex-wrap:wrap; column-gap:16px; row-gap:16px;}
.coll.tb {font-size:100%;}
/*----幅100%----*/
.coll.full .ch {width:100%;}
.coll.full .ch.line {padding-bottom:16px; border-bottom:1px dotted #ddd;}/*----下線----*/
/*----分割----*/
.coll.cut2 .ch.full, .coll.cut3 .ch.full {width:100%;}/*----幅100%----*/
.coll.cut2 .ch {width:calc((100% - (16px * 1)) / 2);}/*----2分割----*/
.coll.cut3 .ch {width:calc((100% - (16px * 2)) / 3);}/*----3分割----*/
.coll.cut3.at2 .ch {width:calc((100% - (16px * 2)) / 3);}/*----3分割sp時2分割----*/
/*----tab時----*/
@media (max-width:991px) {
	.coll.cut3 .ch {width:calc((100% - (16px * 1)) / 2);}
	.coll.cut3.at2 .ch {width:calc((100% - (16px * 1)) / 2);}	
	.coll.cut3 .line {padding-bottom:16px; border-bottom:1px dotted #ddd;}}/*----下線----*/
/*----sp時----*/
@media (max-width:780px) {
	.coll.tb {font-size:90%;}
	.coll.cut3 .ch {width:100%;}
	.coll.cut3.at2 .ch {width:calc((100% - (16px * 1)) / 2);}		
	.coll.cut2 .ch {width:100%;}
	.coll.cut2 .line {padding-bottom:16px; border-bottom:1px dotted #ddd;}}/*----下線----*/
/*----------------------------------------------------
ul / リストスタイルを■にして色変更
----------------------------------------------------*/
ul.sq {list-style-type:none; padding-left:0;}
ul.sq li {position:relative; z-index; padding-left:1.25em;}
ul.sq li:before {position:absolute; z-index:2; content:""; left:0.25em; top:0.75em; 
	width:0.5em; height:0.5em; background-color:#2854B6;}
ul.sq.c02 li:before {background-color:#FFF100;}
/*----------------------------------------------------
フレーム / 灰色
----------------------------------------------------*/
.fr_gray {padding:32px 32px; background-color:#fff; 
	outline:1px solid #ddd; outline-offset:-1px; border:32px solid #f7f7f7;}
/*----sp時----*/
@media (max-width:780px) {.fr_gray {padding:32px 16px; border:16px solid #f7f7f7;}}
/*----------------------------------------------------
アコーディオン / デフォルト
----------------------------------------------------*/
/*----親----*/
.acc {display:flex; flex-direction:column;}
/*----（dl）アコーディオン単体----*/
.acc .open::before {transform: rotate(-45deg);}
.acc dl {position: relative; margin: 0; padding:0; cursor: pointer; 
	border: 1px solid #000; border-top:none;}
.acc dl:first-child {border-top: 1px solid #000;}
/*---->マーク（borderで作成してローテーションで実現）----*/
.acc dl::before {position: absolute; z-index:5; content:""; right: 1rem; top:1.8rem;
	display: block; width: 7px; height: 7px; margin: auto;
	border-top: 2px solid #000; border-right: 2px solid #000; transform: rotate(135deg);}
/*----（dt）タイトル----*/
.acc dt {position: relative; margin: 0; padding:16px;
	line-height:1.8; font-size:1.2rem; font-weight:bold; border-left:none; background-color: #e7f0ff;}
/*----sp時----*/
@media (max-width:780px) {.acc dt {font-size:1.1rem;}}
/*----（dd）内容----*/
.acc dd {position:relative; margin:0; padding:32px 32px; 
	display:none; height:auto; 
	font-size:1rem; background-color:#fff; border:none; border-top:1px solid #a7b8d3;}
/*----sp時----*/
@media (max-width:780px) {.acc dd {padding:32px 16px;}}

/*==============================================================
見出し
==============================================================*/
/*----------------------------------------------------
h1 / デフォルト
----------------------------------------------------*/
h1:not(.siteHeader_logo, .entry-title, .subSection-title) {margin:64px 0 0 !important; color:#1962a3; 
	font-size:clamp(2rem, 1.658rem + 0.7vw, 2.5rem); font-weight:bold; text-align:center; line-height:1.5;}
/*----------------------------------------------------
h1 / ページヘッダー
----------------------------------------------------*/
h1.desi01 {margin:0 !important; font-size:clamp(1.5rem, 0.816rem + 1.4vw, 2.5rem); font-weight:bold; text-align:left;
	color:#fff; text-shadow:2px 2px 4px #00000050;}
h1.desi01 span {display:inline-block; margin:0 0 6px; font-size:200%; line-height:1; padding-bottom:10px;
	font-family: 'Open Sans', sans-serif; font-style:italic; border-bottom:1px solid;}
/*----------------------------------------------------
h2 / デフォルト
----------------------------------------------------*/
h2 {margin:0 0 16px; padding:0; font-size:clamp(1.8rem, 1.526rem + 0.56vw, 2.2rem); text-align:center; font-weight:bold;
	line-height:1.5; color:#1962a3; background-color:transparent; border:none;}
/*----------------------------------------------------
h2 / desi01 会社案内など
----------------------------------------------------*/
h2.desi01 {position:relative; z-index:1; margin:32px 0 32px; padding:0 0 26px; line-height:1.4; 
	text-align:center; font-size:2.2rem; font-weight:bold; color:#000; border:none;}
h2.desi01:before {position:absolute; z-index:1; content:""; left:50%; bottom:-6px; transform:translatex(-50%);
	width:160px; height:6px; background:linear-gradient(135deg, #1E23AA 50%, #FFF100 50%);}
h2.desi01 span {position:absolute; z-index:-1; left:50%; bottom:33%; transform:translatex(-50%);
	display:block; width:100%; margin:0; padding:0; font-family: 'Open Sans', sans-serif; 
	font-size:210%; font-weight:600; font-style:italic; color:transparent; 
	text-stroke: 1px #a5c7f1; -webkit-text-stroke: 1px #a5c7f1;}
/*----tab時----*/
@media (max-width:991px) {
	h2.desi01 span {font-size:168%;}}
/*----sp時----*/
@media (max-width:780px) {
	h2.desi01 {font-size:1.8rem; margin:0 0 32px; padding:0 0 20px;}
	h2.desi01:before {width:90px; height:4px; bottom:-4px;}
	h2.desi01 span {position:relative; left:auto; bottom:auto; transform:translatex(0); 
		margin:8px 0 0; font-size:80%; color:#1962a3; font-weight:bold; 
		text-stroke: 0; -webkit-text-stroke: 0;}}
/*----------------------------------------------------
h3 / デフォルト
----------------------------------------------------*/
h3 {margin:0 0 16px; padding:0; text-align:center; 
	font-size:clamp(1.6rem, 1.463rem + 0.28vw, 1.8rem); font-weight:bold; line-height:1.5; 
	color:#1962a3; background-color:transparent; border:none;}
h3:after {content:none;}
/*----------------------------------------------------
h3 / desi01 福利厚生など
----------------------------------------------------*/
h3.desi01 {position:relative; z-index:1; margin:0 0 16px; padding:0 4px 12px 22px; 
	font-size:1.8rem; font-weight:bold; text-align:left; color:#000; 
	background-color:transparent; border:none; border-bottom:2px solid #1E23AA;}
h3.desi01:before {position:absolute; z-index:2; content:""; 
	width:6px; height:32px; left:0; bottom:27%;
	background:linear-gradient(180deg, #1E23AA 50%, #FFF100 50%);}
/*----sp時----*/
@media (max-width:780px) {
	h3.desi01 {font-size:1.6rem; padding:0 0 8px 16px;}
	h3.desi01:before {width:4px; height:24px;}}
/*----------------------------------------------------
h4 / デフォルト
----------------------------------------------------*/
h4 {margin:0 0 16px; font-size:1.2rem; font-weight:bold; color:#1962a3; line-height:1.5;}
/*----------------------------------------------------
h4 / desi01
----------------------------------------------------*/
h4.desi01 {position:relative; z-index:1; margin:0 0 16px; padding:0 0 0 20px;
	font-size:1.2rem; font-weight:bold; color:#000;}
h4.desi01:before {position:absolute; z-index:2; content:""; left:0; top:11px; 
	width:12px; height:12px; background-color:#2854B6;}
/*----sp時----*/
@media (max-width:780px) {
	h4.desi01 {padding:0 0 0 18px;}
	h4.desi01:before {width:10px; height:10px;}}
/*----------------------------------------------------
h5 / デフォルト
----------------------------------------------------*/
h5 {margin:0 0 10px; padding:0 0 10px; font-size:1.2rem; font-weight:bold; 
	line-height:1.5; border-bottom:1px solid #ddd;}
/*----------------------------------------------------
h5 / desi01
----------------------------------------------------*/
h5.desi01 {margin:0 0 10px; padding:0 0 10px; 
	font-size:1.2rem; font-weight:bold; color:#000; border-bottom:1px dotted;}
h5.desi01 span {font-size:90%; color:#1962a3;}
/*----------------------------------------------------
h6 / デフォルト
----------------------------------------------------*/
h6 {margin:0; padding:0; font-size:1.1rem; font-weight:bold; color:#1962a3;}


/*==============================================================
個人のお客様
==============================================================*/
/*----------------------------------------------------
フレーム / サービス案内1（サービス紹介枠）
----------------------------------------------------*/
.fr_ser1 {position:relative; z-index:1; padding:48px 32px 32px; 
	background-color:#dff4ff; border:1px solid #1E23AA; border-bottom:none;}
/*----after / ナナメ背景----*/
.fr_ser1:after {position:absolute; z-index:-1; content:""; right:0; bottom:0; width:100%; height:100%; 
	background-color:#caedff; clip-path:polygon(0 70%, 100% 30%, 100% 100%, 0% 100%);}
/*----sp時----*/
@media (max-width:780px) {.fr_ser1 {padding:48px 16px 32px;}}
/*----------------------------------------------------
見出し / h3.ser_mess
----------------------------------------------------*/
h3.ser_mess {margin:0 0 16px; padding:8px 4px;
    text-align:center; font-size:2rem; font-weight:bold; line-height:1.5;
    color: #1962a3; background-color:transparent; 
	border: 1px dashed; border-left:none; border-right:none;}
/*----sp時----*/
@media (max-width:780px) {h3.ser_mess {font-size:1.8rem;}}
/*----------------------------------------------------
見出し / h4.ser_tit
----------------------------------------------------*/
h4.ser_tit {margin:0 auto 16px; padding:8px 4px; width:100%; max-width:600px;
	font-size:1.4rem; font-weight:bold; text-align:center; 
	color:#1E23AA; background-color:#fff; border:2px solid; border-radius:50vw;}
/*----sp時----*/
@media (max-width:780px) {h4.ser_tit {font-size:1.3rem;}}
/*----------------------------------------------------
フレーム / サービス案内2（各サービス案内枠）
----------------------------------------------------*/
.fr_ser2 {padding:32px; background-color:#f7f7f7; border:1px solid #1E23AA; border-top:none; 
	background-image:url(/wp-content/uploads/bg_ser_info_01.png); 
	background-repeat:no-repeat; background-position:right -4px bottom -4px; background-size:55% auto;}
/*----sp時----*/
@media (max-width:780px) {
	.fr_ser2 {padding:32px 16px; background-image:none;}}
/*----------------------------------------------------
リスト / 各サービスリンク
----------------------------------------------------*/
/*----親----*/
.li_service {display:flex; flex-wrap:wrap; column-gap:32px; row-gap:32px;}
/*----子----*/
.ser_ch {position:relative; z-index:1; padding:16px 16px 40px; width:calc((100% - 32px) / 2); 
	/*background-color:#fff;*/ outline:1px solid #aaa;}
.ser_ch p {margin-bottom:0;}
/*----sp時----*/
@media (max-width:780px) {.ser_ch {width:100%;}}
/*----before / 三角----*/
.ser_ch:before {position:absolute; z-index:3; content:""; left:0; top:-1px; pointer-events:none;
	width:24px; height:24px; background-color:#1E23AA; clip-path: polygon(100% 0, 0 0, 0 100%);}
/*----after / 詳細はコチラ----*/
.ser_ch:after {position:absolute; z-index:3; content:"\8a73\7d30\306f\30b3\30c1\30e9"; 
	right:0; bottom:0; pointer-events:none; padding:4px 12px 4px 24px; 
	font-size:0.9rem; font-weight:600; background-color:#FFF100; 
	clip-path: polygon(10% 0, 100% 0%, 100% 100%, 0% 100%);}
/*----アイテム / リンク----*/
.ser_link {position:absolute; z-index:-1; content:""; left:0; top:0; width:100%; height:100%;}
.ser_link a {display:block; width:100%; height:100%; background-color:#fff; opacity:0.7;}
.ser_link a:hover {background-color:#fffdd9; opacity:1;}
/*----アイテム / タイトルと説明文----*/
.ser_txt {pointer-events:none;}
/*----------------------------------------------------
ul / 付箋ぽく
----------------------------------------------------*/
.li_fusen {display:flex; flex-direction:column; row-gap:12px; padding:0; list-style:none;}
.li_fusen li {position:relative; z-index:1; padding:4px 4px 4px 32px; 
	font-size:0.9rem; font-weight:600; background-color:#000; 
	clip-path: polygon(24px 0, 100% 0, 100% 100%, 24px 100%, 0 50%);}
.li_fusen li:after {position:absolute; z-index:-1; content:""; width:100%; height:100%; 
	left:50%; top:50%; transform:translate(-50%, -50%); background-color:#ffe597; 
	clip-path: polygon(24px 1px, calc(100% - 1px) 1px, calc(100% - 1px) calc(100% - 1px), 24px calc(100% - 1px), 1px 50%);}


/*==============================================================
法人のお客様
==============================================================*/
/*----------------------------------------------------
フレーム / サービス案内1（法人用のサービス紹介枠）
----------------------------------------------------*/
.fr_ser1.cor {display:flex; flex-direction:column; padding:0px 0px 32px; height:480px;}
/*----after / 背景----*/
.fr_ser1.cor:after {position:absolute; z-index:-1; content:""; left:0; top:0; 
	width:100%; height:100%; background-color:#000; clip-path:none; 
	background-repeat:no-repeat; background-position:center top; background-size:cover;}
/*----背景バリエーション----*/
.fr_ser1.cor.bg01:after {background-image:url(/wp-content/uploads/bg_ser_cor_01_01.jpg); 
	background-position:center;}
.fr_ser1.cor.bg02:after {background-image:url(/wp-content/uploads/bg_ser_cor_02_04.jpg);}
.fr_ser1.cor.bg03:after {background-image:url(/wp-content/uploads/bg_ser_cor_03_01.jpg);}
/*----sp時----*/
@media (max-width:780px) {.fr_ser1.cor {padding:0px 0px 32px; height:320px;}}
/*----------------------------------------------------
見出し / h3.ser_mess
----------------------------------------------------*/
.fr_ser1.cor h3.ser_mess {color:#fff; background-color:#0050cdad; border:none;}
/*----sp時----*/
@media (max-width:780px) {.fr_ser1.cor h3.ser_mess {font-size:1.6rem;}}
/*----------------------------------------------------
見出し / h4.ser_tit
----------------------------------------------------*/
.fr_ser1.cor h4.ser_tit {width:calc(100% - 32px); margin:auto auto 0;}


/*==============================================================
会社案内
==============================================================*/
/*----------------------------------------------------
リスト / 代表挨拶
----------------------------------------------------*/
.li_greeting {display:flex; flex-wrap:wrap; column-gap:0; row-gap:0; width:100%; background-color:#f7f7f7;}
/*----アイテム（画像）----*/
.grt_img {width:calc(100% - 67%);}
.grt_img img {margin:0; width:100%; height:100%; object-fit:cover; object-position:center top;}
/*----アイテム（見出し「「誠実・正確・強力・迅速」がモット－のALSOK」）----*/
h2.grt_tit {margin:0 0 48px 0; max-width:14em;
	font-size:clamp(2rem, 1.042rem + 1.96vw, 3.4rem); font-weight:900; text-align:left; color:#000;}
/*----アイテム（文章）----*/
.grt_txt {width:67%; padding:64px 6% 64px 4%; 
	background-image:url(/wp-content/uploads/bg_greeting_01.png); 
	background-repeat:no-repeat; background-position:right top; background-size:auto 100%;}
.grt_txt p {font-size:clamp(1.1rem, 1.032rem + 0.14vw, 1.2rem); line-height:2;}
/*----アイテム（名前）----*/
.grt_name {width:100%; max-width:750px;}
/*----sp時----*/
@media (max-width:780px) {
	.li_greeting {width:100%;}
	.grt_img {width:100%; height:300px; order:2;}
	.grt_txt {width:100%; padding:32px 16px; order:1; background-image:none;}}
/*----------------------------------------------------
テーブル / 会社概要
----------------------------------------------------*/
.tb_com {border-top:1px solid #ddd;}
.tb_com th {width:20rem; text-align:center; font-weight:bold; color:#2854B6; background-color:#fff;}
.tb_com td {background-color:#fff;}
.tb_com th, .tb_com td {padding:24px 4px; border-bottom:1px solid #ddd;}
/*----tab時----*/
@media (max-width:991px) {
	.tb_com th {width:6rem;}
	.tb_com th, .tb_com td {padding:16px 4px;}}
/*----------------------------------------------------
リンク / 事業所マップ
----------------------------------------------------*/
.link_map {display:inline-block; margin:8px 0 0; padding:1px 12px; border-radius:50vw; 
	color:#fff; background-color:#2854B6; font-weight:normal; transition-duration:0.2s;}
.link_map:hover {text-decoration:none; color:#fff; background-color:#047ee9; transition-duration:0.2s;}


/*==============================================================
採用情報
==============================================================*/
/*----------------------------------------------------
コンセプト
----------------------------------------------------*/
/*----親----*/
.concept {position:relative; z-index:1;}
/*----アイテム（文章）----*/
.concept_txt {position:relative; z-index:2; padding:64px 8vw; color:#fff;}
.concept_txt p {font-size:1.2rem;}
/*----アイテム（見出し「社会を支える、力になる」）----*/
h2.concept_tit {margin:0 0 48px 0; font-size:clamp(3rem, 1.632rem + 2.81vw, 5rem); font-weight:900; text-align:left; line-height:1.2;}
/*----アイテム（画像）----*/
.concept_img {position:absolute; z-index:1; right:7vw; bottom:0; width:70%; max-width:880px;}
/*----背景----*/
.concept {background-color:#061337;
	background-image:url(/wp-content/uploads/concept_pride_01.png), url(/wp-content/uploads/concept_bg_01.jpg);
	background-repeat:no-repeat, no-repeat; background-position:right bottom, center; background-size:auto 100%, cover;}
/*---sp時----*/
@media (max-width:780px) {
	.concept {background-image:none, url(/wp-content/uploads/concept_bg_01.jpg);}
	.concept_txt {padding:64px 16px 32px;}
	.concept_txt p {font-size:1.1rem;}
	.concept_img {position:relative; right:auto; bottom:auto; width:100%;}}
/*----------------------------------------------------
リスト / 福利厚生・技術職の仕事内容
----------------------------------------------------*/
.li_fukuri {display:flex; flex-wrap:wrap; column-gap:32px; row-gap:32px;}
/*----子（3分割）----*/
.fukuri_ch {display:flex; flex-direction:column; width:calc((100% - (32px * 2)) / 3); 
	box-shadow: 0 0 3px -1px #a2a2a2;}
/*----全て2分割----*/
.half .fukuri_ch {width:calc((100% - (32px * 1)) / 2);}
/*----部分的に分割----*/
.fukuri_ch.full {width:100%;}
.fukuri_ch.half {width:calc((100% - (32px * 1)) / 2);}
/*----アイテム（文章）----*/
.fuku_txt {padding:16px; background-color:#fff; line-height:1.9;}
.fuku_txt p, .fuku_txt ul {margin-bottom:0;}
/*----tab時----*/
@media (max-width:991px) {.fukuri_ch {width:calc((100% - (32px * 1)) / 2);}}
/*---sp時----*/
@media (max-width:780px) {
	.fukuri_ch {width:100%;}
	.half .fukuri_ch {width:100%;}
	.fukuri_ch.half {width:100%;}}
/*----------------------------------------------------
カルーセル / だからALSOK佐賀!
----------------------------------------------------*/
.shain {position:relative; z-index:1; pointer-events: none;}
.shain h2 {position:absolute; z-index:2; left:50%; bottom:-15%; transform:translatex(-50%); width:100%;
	text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
              -1px 1px 0 #FFF, 1px -1px 0 #FFF,
              0px 1px 0 #FFF,  0-1px 0 #FFF,
              -1px 0 0 #FFF, 1px 0 0 #FFF;}
/*----------------------------------------------------
リスト / 募集職種
----------------------------------------------------*/
.li_recruit {display:flex; flex-wrap:wrap; column-gap:32px; row-gap:32px;}
/*----子----*/
.recruit_ch {display:flex; flex-direction:column; width:calc((100% - (32px * 2)) / 3); 
	box-shadow: 0 0 3px -1px #a2a2a2;}
/*----アイテム（画像）----*/
.rec_img {text-align:center; background-color:#cddef3;}
.rec_img img {margin:0; width:100%; max-width:200px; height:auto;}
/*----アイテム（文章）----*/
.rec_txt {padding:16px; background-color:#fff; line-height:1.9;}
.rec_txt p, .rec_txt ul {margin-bottom:0;}
.rec_txt h4 {display:table; margin-left:auto !important; margin-right:auto !important;}
/*----ボタン----*/
.recruit_ch .btn01 {margin-top:16px; margin-bottom:8px;}
/*----tab時----*/
@media (max-width:991px) {.recruit_ch {width:calc((100% - (32px * 1)) / 2);}}
/*---sp時----*/
@media (max-width:780px) {.recruit_ch {width:80%; margin:0 auto;}}


/*==============================================================
募集中の各職種ページ
==============================================================*/
/*----------------------------------------------------
社員インタビュー / トップ
----------------------------------------------------*/
.voice_top {width:90%; margin:0 auto; height:30vw; max-height:460px; min-height:260px;}
.voice_top img {width:100%; height:100%; object-fit:cover; object-position:center;}
/*----sp時----*/
@media (max-width:780px) {.voice_top {width:100%;}}
/*----------------------------------------------------
社員インタビュー / 画像
----------------------------------------------------*/
.voice_img {position:relative; width:100%; z-index:1; overflow:hidden;}
.voice_img .square {margin:64px; background-color:#d5e6f5;}
.voice_img .a01 {position:absolute; width:50%; z-index:3; left:0; top:0;}
.voice_img .b01 {position:absolute; width:70%; z-index:4; right:0; bottom:0;}
.voice_img .a02 {position:absolute; width:50%; z-index:3; right:0; top:0;}
.voice_img .b02 {position:absolute; width:70%; z-index:4; left:0; bottom:0;}
.voice_img .a03 {position:absolute; width:50%; z-index:4; right:0; bottom:0;}
.voice_img .b03 {position:absolute; width:70%; z-index:3; left:0; top:0;}
/*----sp時----*/
@media (max-width:780px) {.voice_img .square {margin:32px;}}
/*----------------------------------------------------
一日のスケジュール
----------------------------------------------------*/
/*----親----*/
.li_sche {display:flex; flex-direction:column; 
	padding:16px; background-color:#fff; box-shadow: 0 0 3px -1px #a2a2a2}
/*----子----*/
.sche_ch {display:flex; flex-wrap:nowrap; align-items:stretch;}
/*----アイテム----*/
.sc_time {padding:0 6px 0 0; font-size:1.2rem; font-weight:bold;}
.sc_info {position:relative; z-index:1; padding:0 0 16px 24px;}
.li_sche .sche_ch:last-child .sc_info {padding:0 0 0px 24px;}
/*----●マーク----*/
.sc_info:before {position:absolute; z-index:3; content:""; top:6px; left:0px;
	width:16px; height:16px; background-color:#fdba1e; border-radius:50vw;}
.night .sc_info:before {background-color:#9a8be3;}
/*----縦線----*/
.sc_info:after {position:absolute; z-index:2; content:""; top:8px; left:7px; 
	width:0; height:100%; border-left:3px dashed #ddd;}
.li_sche .sche_ch:last-child .sc_info:after {display:none;}


/*==============================================================
募集要項（外部読み込みページ）
==============================================================*/
/*----------------------------------------------------
テーブル / 募集要項の詳細
（テーブル / 会社概要.tb_comを併用）
----------------------------------------------------*/
.tb_com.rec th {width:8rem; vertical-align:top;}/*tb_comかつrecなら*/
.tb_com.rec td.c01 {padding:12px 4px; background-color:#f7f7f7;}
/*----tab時----*/
@media (max-width:991px) {.tb_com.rec th {width:7rem;}}
/*----sp時----*/
@media (max-width:780px) {.tb_com.rec th, .tb_com.rec td {display:block; width:100%;}}
/*----月収・年収----*/
.income {font-size:80%; padding:1px 8px; color:#5f7283; background-color:#eaf1f7;}
/*----------------------------------------------------
エントリー
----------------------------------------------------*/
.check {display:table; margin:0 auto; padding:12px 4px; width:80%; max-width:360px; 
	font-size:1.1rem; font-weight:bold; text-align:center; background-color:#FFF100;}
/*----------------------------------------------------
リスト / 現業部門 シフト制勤務形態の一例
----------------------------------------------------*/
/*----親----*/
.li_shift {display:flex; flex-wrap:wrap; column-gap:16px; row-gap:16px;}
/*----子----*/
.shift_ch {display:flex; flex-direction:column; width:calc((100% - (16px * 3)) / 4);}
/*----アイテム----*/
.sf_tit {padding:4px; color:#fff; background-color:#2854B6; text-align:center;}
.sf_icn {display:flex; flex-wrap:nowrap; padding:8px; background-color:#F2F2F2;}
.sf_icn img {width:calc(100% / 7); height:auto;}
/*----tab時----*/
@media (max-width:991px) {.shift_ch {width:calc((100% - (16px * 1)) / 2);}}
/*----------------------------------------------------
リスト / シフト制勤務形態の詳細
----------------------------------------------------*/
.shift {list-style:none; padding:0;}
.shift li {padding:0 0 12px calc(36px + 3rem); text-indent:-3rem;
	background-repeat:no-repeat; background-position:left top; background-size:32px 32px;}
/*----背景（アイコン）バリエーション----*/
.shift li:nth-child(1) {background-image:url(/wp-content/uploads/icn_shift_01_02.png);}/*日勤*/
.shift li:nth-child(2) {background-image:url(/wp-content/uploads/icn_shift_02_02.png);}/*夜勤*/
.shift li:nth-child(3) {background-image:url(/wp-content/uploads/icn_shift_03_02.png);}/*非番*/
.shift li:nth-child(4) {background-image:url(/wp-content/uploads/icn_shift_04_02.png);}/*法定外休日*/
.shift li:nth-child(5) {background-image:url(/wp-content/uploads/icn_shift_05_02.png);}/*法定休日*/
/*----------------------------------------------------
営業職のページのみ（リスト / シフト制勤務形態の詳細）を非表示
----------------------------------------------------*/
.post-name-job003 #shift {display:none;}

/*==============================================================
社会的責任・貢献活動
==============================================================*/
/*----------------------------------------------------
背景
----------------------------------------------------*/
/*----青空----*/
.bg_csr {position:relative; z-index:1; padding:64px 0 0; 
	background-image:linear-gradient(#0073ed 30%, #00a6fa 90%);}
/*----before / 上部の新緑----*/
.bg_csr:before {position:absolute; z-index:-1; content:""; width:100%; height:100%; left:0; top:0;
	background-image:url(/wp-content/uploads/bg_kankyo_01.png); 
	background-repeat:no-repeat; background-position:left top -4vw; background-size:100% auto;}
/*----sp時----*/
@media (max-width:780px) {.bg_csr:before {background-position:left 50% top; background-size:200% auto;}}
/*----------------------------------------------------
リスト / 環境方針
----------------------------------------------------*/
/*----親----*/
.li_kankyou {display:flex; flex-wrap:wrap; column-gap:16px; row-gap:16px; 
	padding:16px; background-color:#ffffff40; border:2px solid #fff; border-radius:16px;}
/*----子----*/
.kankyou_ch {display:flex; flex-direction:column; width:calc((100% - 16px) / 2);}
/*----アイテム----*/
.kan_txt {margin:0 0 16px; line-height:1.9;}
.kankyou_ch .kan_txt:last-child {margin:auto 0 0;}
.kan_txt span {display:block; margin:0 0 6px; padding:2px 8px; 
	font-size:1.1rem; font-weight:600; color:#0053ab; background-color:#fff; border-radius:4px;}
/*----sp時----*/
@media (max-width:780px) {.kankyou_ch {width:100%;}}
/*----------------------------------------------------
テーブル / ALSOKあんしん教室 概要
----------------------------------------------------*/
.tb_gaiyou {border-top:1px solid #ddd;}
.tb_gaiyou th, .tb_gaiyou td {padding:12px 16px; border:1px solid #ddd; border-top:none;}
.tb_gaiyou th {width:40%; background-color:#F7F7F7;}
.tb_gaiyou td {background-color:#fff;}
/*----sp時----*/
@media (max-width:780px) {.tb_gaiyou th, .tb_gaiyou td {display:block; width:100%;}}


/*==============================================================
個人情報保護方針
==============================================================*/
/*----------------------------------------------------
リスト / pri_num
----------------------------------------------------*/
.pri_num {margin:0 0 16px; padding:0;}
.pri_num li {list-style:none; margin:0 0 24px; padding:0 0 0 1.5em; text-indent:-1.5em; line-height:1.9;}
/*----------------------------------------------------
リスト / pri_num2
----------------------------------------------------*/
.pri_num2 {margin:0 0 16px; padding:0;}
.pri_num2 li {list-style:none; margin:0; padding:0 0 0 1.25em; text-indent:-1.25em; line-height:1.9;}
/*----------------------------------------------------
リスト / pri_num3
----------------------------------------------------*/
.pri_num3 {margin:0 0 16px; padding:0;}
.pri_num3 li {list-style:none; margin:0; padding:0 0 0 1em; text-indent:-1em; line-height:1.9;}
/*----------------------------------------------------
ind_pri_num
----------------------------------------------------*/
.ind_pri_num {padding:0 0 0 1.5em;}