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

/*==============================================================
固定ページ共通
==============================================================*/
/*----------------------------------------------------
ボタン / hbtn01
----------------------------------------------------*/
.hbtn01 {text-align:center; margin:64px 0 32px;}
.hbtn01 a {display:table; margin:0 auto; padding:20px 8px; width:80%; max-width:432px; 
	color:#444; background-color:transparent; border:1px solid;}
.hbtn01 a:hover {text-decoration:none; background-color:#fffde2;}
/*----------------------------------------------------
フレーム / fr01
----------------------------------------------------*/
.fr01 {padding:16px; background-color:#e7f1e9;}
/*----------------------------------------------------
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 #7facb7;}
h2.desi01.mt0 {margin:0px auto 32px;}
@media screen and (max-width:780px) {h2.desi01 {font-size: 2rem;}}
/*----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:#438189;}
h4.desi01.lg {font-size:1.6rem;}
/*----------------------------------------------------
ヘディング / h6
----------------------------------------------------*/
/*----desi01----*/
h6.desi01 {display:inline-block; padding:4px 16px; border-radius:50vw; background-color:#768a95; color:#fff;}

/*==============================================================
サービス
==============================================================*/
/*----------------------------------------------------
リスト / 詳細
----------------------------------------------------*/
.li_detail_pa {display:flex; flex-wrap:wrap; row-gap:16px; column-gap:16px;}
.detail_ch {margin:0 auto; border:1px solid #ccc; width:calc((100% - (16px * 3)) / 4);}
/*----アイテム（画像）----*/
.dtl_img img {width:100%; height:auto;}
/*----アイテム（文章）----*/
.dtl_txt {padding:16px;}
/*----tab時----*/
@media (max-width:991px) {.detail_ch {width:calc((100% - (16px * 1)) / 2);}}
/*----sp時----*/
@media (max-width:780px) {.detail_ch {width:80%;}}
/*----------------------------------------------------
サービスの流れ
----------------------------------------------------*/
.veu_flowBox dl {background-color:#fff;}
.veu_flowBox:last-child:after {display:none;}

/*==============================================================
会社案内
==============================================================*/
/*----------------------------------------------------
代表写真の影
----------------------------------------------------*/
.pre_sha {position:relative; z-index:2; top:-20px; right:-29px;}
.pre_sha img {box-shadow:12px 12px 0px 0px #a6c1c9;}
@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:#e7f2f3; 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:#d2e3e5; 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 #d2e3e5; 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_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:#d2e3e5; 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:6rem;}}