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

/*==============================================================
見出し
==============================================================*/
/*----------------------------------------------------
h2 / home01
----------------------------------------------------*/
h2.home01 span {font-size:220%; font-family: 'Open Sans', sans-serif; font-style:italic; line-height:1.1; color:#1E23AA;}
h2.home01.mess {margin:0; font-size:clamp(1.6rem, 1.189rem + 0.84vw, 2.2rem);}
h2.home01.mess span {font-weight:900;}
h2.home01 {text-align:left; font-size:clamp(1.2rem, 0.789rem + 0.84vw, 1.8rem); line-height:1.9; color:#000;}
h2.home01.white span, h2.home01.white {color:#fff;}
/*----下線----*/
h2.home01.line {display:table; padding-bottom:16px; border-bottom:1px dashed;}
/*----背景に（＞）画像を追加----*/
h2.home01.arrow {position:relative; z-index:1;}
h2.home01.arrow:before {position:absolute; z-index:-1; content:""; right:0; top:0; width:96px; height:100%;
	background-image:url(/wp-content/uploads/bg_h2_arrow_04.png); opacity:0.9;
	background-repeat:no-repeat; background-position:right top; background-size:auto 100%;}
/*----（＞）の向き反転----*/
h2.home01.arrow.rev:before {transform:scale(-1, 1);}
@media (max-width:780px) {h2.home01.arrow.rev:before {transform:scale(1, 1);}}

/*==============================================================
スライド
==============================================================*/
/*----スライドの上にカーソルがあってもスライドが切り替わるように----*/
.carousel {border-bottom:none; pointer-events: none;}
/*----スライドのセレクターはカーソルに反応するようにする----*/
.carousel-control-prev, .carousel-control-next, .carousel-indicators {pointer-events:auto;}
/*----------------------------------------------------
アニメーション
----------------------------------------------------*/
/*----キーフレーム設定（ズームイン）----*/
@keyframes zoom-in {
	0% {transform: scale(1.0);}
	100% {transform: scale(1.1);}}
/*----実行----*/
.carousel-item-next img, .active:not(.popmake) img {
	animation-name: zoom-in;
	animation-duration:10s;
	animation-timing-function:linear;
	animation-fill-mode:forwards;}
/*----------------------------------------------------
スマホ時にもPC用のスライド画像を使いまわす設定
----------------------------------------------------*/
@media (max-width:780px) {
	/*スライド画像の表示の大きさを200%にして画面中央にくるようにする*/
	.carousel-item {right:50%; width:200%;}
	/*上の設定を行うと、スライドの切り代わり時にスライドが2段表示されてしまうので次のスライド画像が重なるようにする*/
	.carousel-item-next {position:absolute; top:0; right:50%; z-index:10;}}
/*----------------------------------------------------
アイテム（この瞬間も、守っている）
----------------------------------------------------*/
/*----背景----*/
.slide-text-set {content:""; width:100%; height:100%;
	background-image:url(/wp-content/uploads/slide_item_pc_02.png); 
	background-repeat:no-repeat; background-position:left bottom -1px; background-size:100% auto;}
/*----sp時----*/
@media (max-width:780px) {
	.slide-text-set {width:51%; background-image:url(/wp-content/uploads/slide_item_sp_03.png); }}

/*==============================================================
新着情報
==============================================================*/
/*----カテゴリーを平行四辺形----*/
.postListText_singleTermLabel_inner {border-radius:0; clip-path:polygon(5% 0%, 100% 0%, 95% 100%, 0% 100%);}
/*----カテゴリーの幅を調整----*/
.postListText_singleTermLabel {min-width:110px;}
.postListText_date {margin-right: 0em;}
.postListText_singleTermLabel {margin-right: 0.5em;}
/*----一覧を見る----*/
.news_ichiran a {color:#444;}
.news_ichiran a:hover {text-decoration:none; color:#ef1700;}
.news_ichiran i {font-size:100%;}

/*==============================================================
メッセージ
==============================================================*/
/*----------------------------------------------------
文章や画像
----------------------------------------------------*/
.itm_message {position:relative; z-index:1; padding:96px 0 96px 16vw;}
/*----ミドル時----*/
@media (max-width:1199px) {.itm_message {padding:64px 16px;}}
/*----before / キャラ1----*/
.itm_message:before {position:absolute; z-index:-1; content:""; left:0; top:0; width:100%; height:100%; 
	background-image:url(/wp-content/uploads/bg_mess_chara_01_06.png); background-repeat:no-repeat; 
	background-position:left 4% bottom 50%; background-size:auto 90%; /*opacity:0.5;*/}
/*----after / キャラ2----*/
.itm_message:after {position:absolute; z-index:-1; content:""; left:0; top:0; width:100%; height:100%; 
	background-image:url(/wp-content/uploads/bg_mess_chara_02_06.png); background-repeat:no-repeat; 
	background-position:right 4% bottom 50%; background-size:auto 90%; /*opacity:0.5;*/}
/*----sp時----*/
@media (max-width:780px) {
	.itm_message:before {background-position:left 12% top 5%; background-size:36% auto;}
	.itm_message:after {background-position:right 12% top 5%; background-size:36% auto;}}
/*----文章----*/
.top_mess {line-height:1.9; font-size:clamp(1.1rem, 1.032rem + 0.14vw, 1.2rem); font-weight:600;}
/*----画像----*/
.img_mess {margin:0 auto 0;}
/*----sp時----*/
@media (max-width:780px) {.img_mess {margin:32px auto 16px;}}
/*----------------------------------------------------
背景
----------------------------------------------------*/
/*----背景----*/
.bg_message {background-image:url(/wp-content/uploads/bg_message_04.jpg); 
	background-repeat:no-repeat; background-position:right center; background-size:cover;}
/*----sp時----*/
@media (max-width:780px) {
	.bg_message {background-position:right 10% bottom; background-size:200% auto;}}
	
/*==============================================================
サービス
==============================================================*/
/*----------------------------------------------------
リスト / サービス
----------------------------------------------------*/
/*----親----*/
.li_customers {display:flex; flex-wrap:nowrap; width:calc(100% + 96px); margin:0;}
/*----子----*/
.customers_ch {position:relative; z-index:1; width:50%; overflow:hidden;}
.customers_ch.indi {clip-path: polygon(0 0, 100% 0%, calc(100% - 96px) 100%, 0% 100%); 
	background-color:#001831; padding:64px 128px 64px 64px;}
.customers_ch.corp {clip-path: polygon(96px 0, 100% 0%, 100% 100%, 0% 100%); left:-96px; 
	background-color:#201a37; padding:64px 64px 64px 128px;}
/*----sp時----*/
@media (max-width:780px) {
	.li_customers {flex-wrap:wrap; width:100%;}
	.customers_ch {width:100%; left:auto;}
	.customers_ch.indi {clip-path:none; padding:64px 32px;}
	.customers_ch.corp {clip-path:none; left:0; padding:64px 32px;}}
/*----アイテム（click）----*/
.cst_click {padding:16px; text-align:center; width:100%; max-width:240px; 
	background-color:#ffffff40; border:1px solid;}
/*----アイテム（リンク）----*/
.cst_link {position:absolute; z-index:2; content:""; width:100%; height:100%; left:0; top:0;}
.cst_link a {display:block; width:100%; height:100%;}
/*----アイテム（背景）----*/
.cst_img {position:absolute; z-index:-1; content:""; width:100%; height:100%; left:0; top:0; 
	background-repeat:no-repeat; background-size:cover; 
	filter: grayscale(100%); opacity:0.5; transition-duration:0.2s;}
.customers_ch.indi .cst_img {
	background-image:url(/wp-content/uploads/sel_service_01_02.jpg); background-position:right 44% center;}
.customers_ch.corp .cst_img {
	background-image:url(/wp-content/uploads/sel_service_02_06.jpg); background-position:right 44% center;}
/*----sp時----*/
@media (max-width:780px) {.customers_ch.corp .cst_img {background-position:right 36% center;}}
/*----hover----*/
.customers_ch:hover .cst_img {filter: grayscale(0%); opacity:0.8; transition-duration:0.2s;}

/*==============================================================
会社案内・CSR
==============================================================*/
.bg_company {position:relative; z-index:1; padding:96px 0;}
/*----before01（背景・黄色の三角形）----*/
.bg_company:before {position:absolute; z-index:-1; content:""; width:36vw; height:24vw; left:0; top:0; 
	clip-path: polygon(0 0, 0% 100%, 100% 0); background-color:#FFF100; 
	background-image:url(/wp-content/uploads/bg_triangle_03.jpg); 
	background-repeat:no-repeat; background-position:left 5% center; background-size:auto 120%;}
/*----sp時----*/
@media (max-width:780px) {.bg_company:before {width:56vw; height:48vw;}}
/*----after（背景・ALSOKビルの外観）----*/
.bg_company:after {position:absolute; z-index:-1; content:""; width:100%; height:80%; right:0; bottom:0; 
	background-image:url(/wp-content/uploads/bg_company_02.jpg); filter: grayscale(100%); opacity:0.1;
	background-repeat:no-repeat; background-position:right -4vw bottom; background-size:auto 100%;}
/*----sp時----*/
@media (max-width:780px) {
	.bg_company:after {background-position:right -12vw bottom; background-size:96vw auto;}}
/*----------------------------------------------------
画像
----------------------------------------------------*/
.img_company {width:100%; height:360px; background-color:#ccc;}
.img_company img {width:100%; height:100%; object-fit:cover; object-position:center top;}
/*----sp時----*/
@media (max-width:780px) {.img_company {height:260px;}}
/*----------------------------------------------------
ボタン / CLICK MORE
----------------------------------------------------*/
.btn_page a {position:relative; z-index:1; display:block; margin:0 auto 0 0; padding:8px 16px; width:80%; max-width:200px; 
	color:#fff; background-color:#0263b9; border-left:4px solid #FFF100; transition-duration:0.2s;}
/*----before----*/
.btn_page a:before {position:absolute; z-index:2; content:"\25b2"; color:#FFF100; font-size:80%;
	transform:rotate(90deg); right:16px; top:11px; transition-duration:0.2s;}
/*----ホバー----*/
.btn_page a:hover {text-decoration:none; background-color:#008aef; transition-duration:0.2s;}
.btn_page a:hover:before {right:8px; transition-duration:0.2s;}

/*==============================================================
採用情報
==============================================================*/
.bg_recruit {position:relative; z-index:1; padding:16px 16px; background-color:#292d69;}
/*----after----*/
.bg_recruit:after {position:absolute; z-index:-1; content:""; 
	left:50%; top:0; transform:translatex(-50%); width:40vw; min-width:500px; height:100%; 
	clip-path: polygon(280px 0%, 100% 0%, calc(100% - 280px) 100%, 0% 100%);
	background-image:url(/wp-content/uploads/bg_naname_02.png); background-repeat:repeat; opacity:0.6;}
/*----sp時----*/
@media (max-width:780px) {
	.bg_recruit:after {width:140vw; min-width:auto; clip-path:polygon(70% 0%, 100% 0%, 30% 100%, 0% 100%);}}
/*----------------------------------------------------
リスト / 採用情報
----------------------------------------------------*/
/*----親----*/
.li_home_recruit {display:flex; flex-wrap:nowrap; column-gap:0; row-gap:0;}
/*----子----*/
.home_rec_ch.main {width:55%; padding:64px 32px;}
.home_rec_ch.side {width:calc(45% / 2); display:flex; flex-wrap:wrap;}
/*----孫----*/
.rec_snap {width:100%;}
.rec_snap img {width:100%; height:auto;}
.radi16 {border-radius:16px; overflow:hidden; height:100%;}
.radi16 img {width:100%; height:100%; object-fit:cover; object-position:center;}
/*----sp時----*/
@media (max-width:780px) {
	.li_home_recruit {flex-wrap:wrap;}
	.home_rec_ch.main {width:100%; padding:64px 16px;}
	.home_rec_ch.side {width:100%; column-gap:8px;}
	.rec_snap {width:calc((100% - 8px) / 2);}
	.radi16 {border-radius:0;}}
/*----------------------------------------------------
ボタン / 採用情報を見る
----------------------------------------------------*/
.btn_rec a {display:block; margin:0 auto; padding:20px 8px; 
	width:90%; max-width:400px; text-align:center; color:#fff; background-color:#ffffff2e; 
	outline:1px solid #fff; border-radius:50vw; transition-duration:0.3s;}
.btn_rec i {font-size:140%;}
.btn_rec a:hover {text-decoration:none; color:#1E23AA; background-color:#FFF100; 
	outline:1px solid transparent; outline-offset:14px; transition-duration:0.3s;}

/*==============================================================
お問い合わせ
==============================================================*/
.bg_contact {position:relative; z-index:1; background-color:#008fe5;}
/*----リンクと背景----*/
.cont_link {position:absolute; z-index:2; left:0; top:0; width:100%; height:100%;
	background-image:url(/wp-content/uploads/p_header_cont_01.jpg); 
	background-repeat:no-repeat; background-position:right top; background-size:cover; 
	filter:grayscale(100%); opacity:0.2; transition-duration:0.3s;}
.cont_link a {display:block; width:100%; height:100%;}
.bg_contact:hover .cont_link {filter:grayscale(0%); opacity:0.9; transition-duration:0.3s;}
/*----sp時----*/
@media (max-width:780px) {.cont_link {background-position:right 30% top;}}
/*----------------------------------------------------
リスト / お問い合わせ
----------------------------------------------------*/
.li_contact {position:relative; z-index:3; padding:96px 32px; pointer-events:none;
	display:flex; flex-wrap:nowrap; column-gap:6vw; row-gap:16px; justify-content:center; align-items:center;}
.cont.ch01 {text-align:center;}
.cont.ch02 {width:auto;}
.cont.ch03 {text-align:center; font-size:5rem; line-height:1;}
/*----sp時----*/
@media (max-width:780px) {
	.li_contact {padding:64px 32px; flex-wrap:wrap;}
	.cont.ch01 {width:100%;}
	.cont.ch02 {width:100%;}
	.cont.ch03 {width:100%;}}