/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 23 2025 | 02:07:25 */
/*PC:～992px / tablet:991～768px / レスポンシブ:780px (完全sp:767px～)*/
/*コンテンツ横幅 1140px (内訳:1110px padding-left:15px padding-right:15px)*/
/*Origin Ⅱ (Bootstrap4)*/

/*==============================================================
固定ページ共通
==============================================================*/
/*----------------------------------------------------
ボタン / btn01
----------------------------------------------------*/
.btn_01 {border:1px solid #444 !important;}
.btn_01:hover {border-color:#444 !important; text-decoration:none;}
/*----------------------------------------------------
ボタン / btn02
----------------------------------------------------*/
.btn_02 {display:block; text-align:center;}
.btn_02 a {display:table; margin:0 auto; padding:16px 6px; width:100%; max-width:300px; 
	color:#444; background-color:#fff464; border:1px solid #444; border-radius:50vw;}
.btn_02 a:hover {text-decoration:none; background-color:#ffd34f;}
/*----------------------------------------------------
フレーム / fr01
----------------------------------------------------*/
.fr01 {padding:16px; background-color:#eae8f4;}
/*----------------------------------------------------
FAQ
----------------------------------------------------*/
/*----フォントを他と統一----*/
dl.veu_qaItem dt:before {font-family: 'Noto Sans JP', sans-serif;}
dl.veu_qaItem dd:before {font-family: 'Noto Sans JP', sans-serif; font-weight:bold;}/*Aも太文字にする*/

/*==============================================================
ヘディング
==============================================================*/
.mainSection-title, h2, h3, h4, h5, h6 {margin: 0;}
/*----------------------------------------------------
ヘディング / h2
----------------------------------------------------*/
/*----desi01----*/
h2.desi01 {border:none; background-color:transparent; display:table; padding:0 0 16px; margin:32px auto; 
	font-size: 2.2rem; font-weight:bold; text-align: center; border-bottom:8px solid #6581b7;}
h2.desi01.mt0 {margin:0px auto 32px;}
/*----desi02----*/
h2.desi02 {border:none; background-color:transparent; display:table; padding:0; margin:0px auto; 
	font-size: 2rem; font-weight:bold; text-align:center;}
h2.desi02 .ser_num {font-weight:900; font-size:4rem; color:#abb4c9;}
/*----privacy----*/
h2.pri {font-size:1.7rem; padding:16px; text-align:center; border-top:3px double #444; border-bottom:3px double #444;}
/*----------------------------------------------------
ヘディング / h3
----------------------------------------------------*/
/*----desi01----*/
h3.desi01 {font-size:1.6rem; padding:0 0 16px; border-bottom:1px solid #444;}
h3.desi01:after {content:none;}
/*----------------------------------------------------
ヘディング / h4
----------------------------------------------------*/
/*----desi01----*/
h4.desi01 {font-size:1.2rem; font-weight:bold; color:#993f95;}
h4.desi01.lg {font-size:1.6rem;}
/*----------------------------------------------------
ヘディング / h6
----------------------------------------------------*/
/*----desi01----*/
h6.desi01 {display:inline-block; padding:4px 16px; border-radius:50vw; background-color:#3c4e8f; color:#fff;}

/*==============================================================
サービス
==============================================================*/
/*----------------------------------------------------
リスト / 詳細
----------------------------------------------------*/
.li_detail {position:relative; left:-8px; 
	display:flex; flex-wrap:wrap; align-items:stretch; justify-content: center;
	list-style:none; padding:0; margin:0; width:calc(100% + 16px);}
.li_detail li {margin:0 8px 16px; width:calc((100% - (16px * 3)) / 3); border:1px solid #ccc;}
.li_detail li div:nth-child(2) {border-top:1px solid #ccc; padding:16px; height:100%;}
.li_detail li div:nth-child(2) p {font-size:0.9rem;}
/*----ハーフサイズ----*/
.li_detail.half li {margin:0 8px 16px; width:calc((100% - (16px * 2)) / 2); border:1px solid #ccc;}
@media screen and (max-width:780px) {
	.li_detail li {width:100%;}
	.li_detail.half li {width:100%;}}

/*==============================================================
会社案内
==============================================================*/
/*----------------------------------------------------
代表写真の影
----------------------------------------------------*/
.pre_sha {position:relative; z-index:2; top:-20px; right:-29px;}
.pre_sha img {box-shadow:12px 12px 0px 0px #98b1cf70;}
@media screen and (max-width:780px) {.pre_sha {top:0px; right:0px;}}

.fr_gree {position:relative; z-index:1; margin-bottom:40px; top:40px; left:-29px; 
	background-color:#E8F1F4; padding:32px 32px 32px 90px;}
@media screen and (max-width:780px) {.fr_gree {margin-bottom:0px; top:0px; left:0px; padding:16px;}}
/*----------------------------------------------------
テーブル / 会社概要
----------------------------------------------------*/
.tb_comp {border:none; border-collapse:separate; border-spacing:3px;}
.tb_comp th, .tb_comp td {border:none;}
.tb_comp th {position:relative; z-index:10; background-color:#dde7ef; text-align:center; width:30%;}
.tb_comp td {padding:16px 64px; background-color:#fff;}
.tb_comp th:after {position:absolute; z-index:11; content:""; width:24px; height:24px;
	top:50%; right:-22px; transform:translatey(-50%);
	border-left:12px solid #dde7ef; border-top:12px solid transparent; border-bottom:12px solid transparent;}
@media screen and (max-width:780px) {
	.tb_comp th {width:6rem; padding:16px 8px;} .tb_comp td {padding:16px 16px;}}
/*----------------------------------------------------
テーブル / 取引先
----------------------------------------------------*/
.tb_tori {border:none;}
.tb_tori th, .tb_tori td {border:none; padding:4px;}
.tb_tori th {width:40%; background-color:#fff; text-align:left;}
.tb_tori th:after {content:none;}
/*----------------------------------------------------
テーブル / 沿革
----------------------------------------------------*/
.tb_en {border:none;}
.tb_en th, .tb_en td {border:1px solid rgba(0, 0, 0, 0.1); padding:16px;}
.tb_en th {background-color:#dde7ef; width:30%; text-align:center;}
.tb_en td {background-color:#fff;}
@media screen and (max-width:780px) {.tb_en th {width:6rem;}}
/*----------------------------------------------------
リスト / 資料掲載
----------------------------------------------------*/
.li_record {padding:0; list-style:none;}
.li_record li {padding-left:24px; background-image:url(/wp-content/uploads/icn_record_smp_01.png);
    background-repeat:no-repeat; background-position:left center; background-size:18px auto; margin-bottom:12px;}

/*==============================================================
採用情報
==============================================================*/
/*----------------------------------------------------
フレーム / 採用メッセージ
----------------------------------------------------*/
.fr_recmes {position:relative; z-index:10; width:86%; margin:-64px auto 0; padding:32px;
	background-color:#fff; box-shadow:0 0 8px 0 rgba(0, 0, 0, 0.2);}
@media screen and (max-width:780px) {.fr_recmes {margin:-40px auto 0;}}

/*----------------------------------------------------
フレーム / 先輩社員の声
----------------------------------------------------*/
.fr_senpai {display:table; margin:0 auto; padding:8px; background-color:#fff; border:1px solid #ccc;}
/*----------------------------------------------------
テーブル / 募集内容
----------------------------------------------------*/
.tb_rec {border:none;}
.tb_rec th, .tb_rec td {background-color:#fff; padding:32px 16px;}
.tb_rec tr:hover th, .tb_rec tr:hover td {background-color:#e9f4f5;}
.tb_rec th {width:30%; text-align:center;}
@media screen and (max-width:780px) {.tb_rec th, .tb_rec td {padding:24px 8px;} .tb_rec th {width:7rem;}}