/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 28 2026 | 10:50:34 */
/*PC:～992px / tablet:991～768px / レスポンシブ:780px (完全sp:767px～)*/
/*コンテンツ横幅 1140px (内訳:1110px padding-left:15px padding-right:15px)*/
/*Origin Ⅱ (Bootstrap4)*/
/*グリーン#006051　オレンジ#ED6C00*/

/*==============================================================
地域貢献
==============================================================*/
/*----------------------------------------------------
フレックス / 採用サイト
----------------------------------------------------*/
.fl_contribution {display: flex; flex-wrap:nowrap; gap:32px;}
/*----子----*/
.contribution_ch:nth-child(1) {width:28%; position:relative; z-index:1;}
.contribution_ch:nth-child(2) {width:28%; position:relative; z-index:2; margin-inline-start:auto;}
.contribution_ch:nth-child(3) {width:44%; align-self:center;}
/*----アイテム（画像）----*/
.cntr_img {width:100%; aspect-ratio:16 / 12; background-color:#ccc; 
	border:4px solid #fff; border-radius:8px; overflow:hidden;}
.cntr_img img {width:100%; height:100%; object-fit:cover; object-position:center;}
/*----レスポンシブ----*/
@media (max-width:767px) {
	.fl_contribution {flex-wrap:wrap;}
	.contribution_ch:nth-child(1) {width:70%;}
	.contribution_ch:nth-child(2) {width:70%; margin-top:-96px;}
	.contribution_ch:nth-child(3) {width:100%;}}

/*==============================================================
採用情報
==============================================================*/
/*----------------------------------------------------
共にまるみ（カスタムHTMLで作成）
----------------------------------------------------*/
.sec_marumi {position: fixed; z-index: 99999; top: 0; left: 0; 
	width: 100%; height: 100vh; 
	display: flex; justify-content: center; align-items: center;
	background-color: #ffffff; 
	opacity: 0; display:none;/* 初期設定は非表示 */}
/*----------------------------------------------------
フレックス / 抜粋
----------------------------------------------------*/
.fl_bassui {display:flex; flex-wrap:wrap; gap:32px;}
/*----子----*/
.bassui_ch {width:calc((100% - 32px) / 2);
	position:relative; z-index:1; padding:32px; margin-top:32px;
	border:2px solid #000; background-color:#fff; border-radius:0 16px 16px 16px;}
/*----アイテム（リンク）----*/
.bsi_link {position:absolute; z-index:2; content:""; left:0; top:0; width:100%; height:100%;}
.bsi_link a {display:block; width:100%; height:100%;}
/*----アイテム（click）----*/
.bsi_click {position:absolute; z-index:-1; left:-2px; top:-32px; 
	width:128px; padding:8px; line-height:1; text-transform:uppercase; font-weight:600;
	text-align:center; color:#fff; background-color:#000; border-radius:8px 8px 0 0;}
/*----ホバー----*/
.bassui_ch:hover {background-color:#fff1ab; border-color:#ED6C00;}
.bassui_ch:hover .bsi_click {background-color:#ED6C00;}
/*----レスポンシブ----*/
@media (max-width:767px) {
	.bassui_ch {width:calc(100% - 2rem); margin-inline:auto;}}

/*==============================================================
働く仲間
==============================================================*/
.int_top {display:grid; grid-template-columns:100%; grid-template-rows:1fr;}
/*----テキスト----*/
.int_text {
	grid-area:1 / 1; z-index:3; justify-self:left; align-self:end; 
	min-width:45%; margin-top:240px; padding:32px 64px; background-color:#fff; 
	border-radius: 0 16px 16px 0; opacity:0;}
.int_text .int_tit {padding:0; background-color:transparent; transition-duration:0s;}
.int_q {display:table; min-width:240px; padding:8px; font-size:1.1rem; font-weight:600; 
	color:#fff; background-image: linear-gradient(90deg, #006051 5%, #0eab59 95%); 
	line-height:1; border-radius:4px;}
/*----画像----*/
.int_chara {
	grid-area:1 / 1; z-index:2; justify-self:right; align-self:start; 
	width:75%; max-width:1600px; height:100%; max-height:600px; aspect-ratio:16 / 10; 
	border-radius: 16px 0 0 16px; overflow:hidden; opacity:0;}
.int_chara img {width:100%; height:100%; object-fit:cover; object-position:center;}
/*----背景----*/
.int_border {
	grid-area:1 / 1; z-index:1; justify-self:left; align-self:center; transform:scale(0, 0);
	width:100%; height:70%; background-color:#ffc722;}
/*----レスポンシブ----*/
@media (max-width:767px) {
	.int_text {min-width:90%; margin-top:280px; padding:16px;}
	.int_chara {width:90%; max-height:400px;}
}
/*----------------------------------------------------
カラム（標準を使用）
----------------------------------------------------*/
.int_chara_pic {width:100%; height:100%; max-height:600px; 
	justify-self:center; align-self:center; border-radius:16px; overflow:hidden;}
.int_chara_pic img {width:100%; height:100%; object-fit:cover; object-position:center;}
/*----レスポンシブ----*/
@media (max-width:767px) {
	.int_chara_pic {height:300px; max-height:300px;}}
/*----------------------------------------------------
フレックス / タイムスケジュール
----------------------------------------------------*/
.fl_schedule {display:flex; flex-wrap:nowrap; gap:16px;}
/*----子----*/
.schedule_ch {display:flex; flex-direction:column; gap:16px;
	position:relative; padding:16px; background-color:#fff; border:2px solid #006051; border-radius:8px;}
/*----before/after----*/
.schedule_ch:before {position:absolute; z-index:3; content:"" ;
	right:-30px; top:50%; transform:translate(0, -50%); width:32px; height:64px; 
	clip-path: polygon(100% 50%, 0 0, 0 100%); background-color:#fff;}
.schedule_ch:after {position:absolute; z-index:2; content:"" ;
	right:-32px; top:50%; transform:translate(0, -50%); width:32px; height:64px; 
	clip-path: polygon(100% 50%, 0 0, 0 100%); background-color:#006051;}
/*----child----*/
.fl_schedule .schedule_ch:first-child:before {content:none;}
.fl_schedule .schedule_ch:last-child:before, .fl_schedule .schedule_ch:last-child:after {content:none;}
/*----子（出社と退社）----*/
.schedule_ch.start, .schedule_ch.end {font-weight:600; color:#fff; background-color:#006051;}
.schedule_ch.start span, .schedule_ch.end span {display:block; margin:auto;
	writing-mode:vertical-rl; text-orientation:upright;}
/*----アイテム（画像）----*/
.sche_img {width:100%; aspect-ratio:16 / 14; border-radius:8px; overflow:hidden;}
.sche_img img {width:100%; height:100%; object-fit:cover; object-position:center;}
/*----アイテム（タイトル）----*/
.sche_tit {text-align:center; font-size:1.2rem; font-weight:600; padding-bottom:12px; border-bottom:1px solid;}
/*----レスポンシブ----*/
@media (max-width:767px) {
	.fl_schedule {flex-direction:column}
	.schedule_ch.start span, .schedule_ch.end span {writing-mode:initial; text-orientation:initial;}
	.schedule_ch:before {right:auto; top:auto; left:50%; bottom:-46px; transform:translate(-50%, 0) rotate(90deg);}
	.schedule_ch:after {right:auto; top:auto; left:50%; bottom:-48px; transform:translate(-50%, 0) rotate(90deg);}
	.sche_img {aspect-ratio:16 / 11;}
}

/*==============================================================
働く環境
==============================================================*/
/*----------------------------------------------------
フレックス / 福利厚生
----------------------------------------------------*/
.fl_benefits {display:flex; flex-wrap:wrap; gap:32px;}
/*----子----*/
.benefits_ch {width:calc((100% - (32px * 2)) / 3);
	position:relative; z-index:1; padding:32px;
	background-color:#fff4bd; border-radius:0 8px 8px; overflow:hidden;}
.benefits_ch:before {position:absolute; z-index:2; content:""; left:0; top:0; 
	width:32px; height:32px; background-color:#ED6C00; clip-path: polygon(100% 0, 0 0, 0 100%);}
/*----アイテム（タイトル）----*/
.bnf_tit {font-size:1.3rem; font-weight:600; 
	margin-bottom:12px; padding-bottom:12px; border-bottom:1px dotted;}
/*----レスポンシブ----*/
@media (max-width:767px) {
	.benefits_ch {width:100%; padding:24px;}
	.benefits_ch:before {width:24px; height:24px;}}
/*----------------------------------------------------
フレックス / レクリエーション
----------------------------------------------------*/
.fl_recreation {display:flex; flex-wrap:wrap; gap:32px;}
/*----子----*/
.recreation_ch {width:calc((100% - (32px * 2)) / 3);}
/*----アイテム（画像）----*/
.rec_img {position:relative; z-index:1; width:100%; aspect-ratio:16 / 10; 
	background-color:#ccc; border-radius:8px; overflow:hidden;}
.rec_img:before {position:absolute; z-index:2; content:"\0063\006c\0069\0063\006b"; 
	right:0; bottom:0; padding:8px 16px; line-height:1; font-weight:600; text-transform:uppercase;
	color:#fff; background-color:#006051; border-radius:8px 0 0;}
.rec_img img {width:100%; height:100%; object-fit:cover; object-position:center; 
	transform:scale(1); transition-duration:0.2s;}
.rec_img a:hover img {transform:scale(1.05); transition-duration:0.2s;}
/*----レスポンシブ----*/
@media (max-width:767px) {.recreation_ch {width:100%}}
/*----------------------------------------------------
フレックス / キャリアパス
----------------------------------------------------*/
.fl_career {display:flex; flex-wrap:nowrap; gap:8px; position:relative; margin-top:-64px;}
/*----子----*/
.career_ch {flex:1; display:flex; flex-direction:column; opacity:0;}
.crr_img {text-align:center; align-self:center;}
.crr_img img {width:100%; max-width:150px; height:auto;}
.crr_tit {padding:8px; text-align:center; font-weight:600; 
	color:#fff; background-color:#ccc; border-radius:8px 8px 0 0; font-feature-settings: "palt" 0;}
.crr_mess {flex-grow:1; padding:16px; background-color:#fff; 
	border:2px solid; border-top:none;}
/*カラバリ1*/
.career_ch:nth-child(1) {margin-top:120px;}
.career_ch:nth-child(1) .crr_tit {background-color:#05B0CB;}
.career_ch:nth-child(1) .crr_mess {border-color:#05B0CB;}
/*カラバリ2*/
.career_ch:nth-child(2) {margin-top:90px;}
.career_ch:nth-child(2) .crr_tit {background-color:#05CB87;}
.career_ch:nth-child(2) .crr_mess {border-color:#05CB87;}
/*カラバリ3*/
.career_ch:nth-child(3) {margin-top:60px;}
.career_ch:nth-child(3) .crr_tit {background-color:#CBB900;}
.career_ch:nth-child(3) .crr_mess {border-color:#CBB900;}
/*カラバリ4*/
.career_ch:nth-child(4) {margin-top:30px;}
.career_ch:nth-child(4) .crr_tit {background-color:#DE8100;}
.career_ch:nth-child(4) .crr_mess {border-color:#DE8100;}
/*カラバリ5*/
.career_ch:nth-child(5) {margin-top:0px;}
.career_ch:nth-child(5) .crr_tit {background-color:#F25900;}
.career_ch:nth-child(5) .crr_mess {border-color:#F25900;}
/*----レスポンシブ----*/
@media (max-width:991px) {.fl_career {margin-top:0;}}
@media (max-width:767px) {
	.fl_career {flex-direction:column;}
	.career_ch {flex-direction:row;}
	.career_ch:nth-child(1), .career_ch:nth-child(2), 
	.career_ch:nth-child(3), .career_ch:nth-child(4), 
	.career_ch:nth-child(5) {margin-top:0px;}
	.crr_img {width:106px;}
	.crr_tit {border-radius:8px 0 0 8px; 
		writing-mode:vertical-rl; text-orientation:upright;}
	.crr_mess {width:100%; border:2px solid; border-left:none;}
}	

/*==============================================================
会社案内
==============================================================*/
/*----------------------------------------------------
挨拶
----------------------------------------------------*/
.fl_greeting {display:flex; column-gap:48px; row-gap:32px;}
.greeting_ch:nth-child(1) {width:42%;}
.greeting_ch:nth-child(2) {width:58%; margin-top:80px;}
.grt_img {width:100%; aspect-ratio:4 / 7; max-height:560px; border-radius:16px; overflow:hidden;}
.grt_tit {font-weight:800; line-height:1.2; font-size:clamp(2rem, 1.069rem + 1.943vw, 3.4rem);}
.grt_border {border-bottom:2px solid;}
.grt_mess {display:table; margin-left:64px; font-size:clamp(1rem, 0.800rem + 0.416vw, 1.3rem); opacity:0;}
.grt_img img {width:100%; height:100%; object-fit:cover; object-position:center;}
/*----レスポンシブ----*/
@media (max-width:767px) {
	.fl_greeting {flex-direction:column;}
	.greeting_ch:nth-child(1) {width:100%;}
	.greeting_ch:nth-child(2) {width:100%; margin-top:0;}
	.grt_img {aspect-ratio:10 / 7;}
	.grt_mess {margin-left:0;}
}
/*----------------------------------------------------
テーブル / 概要
----------------------------------------------------*/
.tb_overview {border:none;}
.tb_overview th, .tb_overview td {padding:16px; border:1px solid;}
.tb_overview th {width:30%; text-align:center; font-weight:600; vertical-align:baseline;}
/*----レスポンシブ----*/
@media (max-width:767px) {
	.tb_overview.next tr:first-child th, .tb_overview.next tr:first-child td {border-top:none;}
	.tb_overview th, .tb_overview td {padding:12px 8px;}
	.tb_overview th {width:6rem;}
}

/*==============================================================
私たちの仕事
==============================================================*/
.sec_jobs {position:relative; z-index:1;}
.company_jobs_img {width:100%; aspect-ratio:16 / 7;}
.company_jobs_img img {width:100%; height:100%; object-fit:cover; object-position:center;}
/*----レスポンシブ----*/
@media (max-width:767px) {
	.sec_jobs {margin-top:0;}
	.company_jobs_img {aspect-ratio:16 / 9;}}
/*----------------------------------------------------
フレーム
----------------------------------------------------*/
.fr_jobs {position:relative; z-index:2; margin-top:-14vw; 
	width:60%; margin-inline-start:auto; margin-right:4rem;
	padding:32px; background-color:#fff; border-radius:16px;}
/*----レスポンシブ----*/
@media (max-width:767px) {
	.fr_jobs {margin-top:-12vw; width:calc(100% - 4rem); margin-inline:auto; padding:16px;}}
/*----------------------------------------------------
事業内容メイン画像
----------------------------------------------------*/
.business_main_img {width:100%; aspect-ratio:16 / 7; border-radius:16px; overflow:hidden;}
.business_main_img img {width:100%; height:100%; object-fit:cover; object-position:center;}
/*----レスポンシブ----*/
@media (max-width:767px) {.business_main_img {aspect-ratio:16 / 10;}}
/*----------------------------------------------------
フレックス / 強み
----------------------------------------------------*/
.fl_strength {display:flex; flex-wrap:wrap; 
	column-gap:64px; row-gap:32px; max-width:1777px; margin-inline:auto;}
/*----子----*/
.strength_ch {width:calc((100% - (64px * 2)) / 3); 
	display:flex; flex-direction:column; margin-inline:auto;}
/*----アイテム（画像）----*/
.str_img {position:relative; z-index:1; 
	width:100%; aspect-ratio:1 / 1; border-radius:50%; background-color:#ccc; overflow:hidden;}
.str_img img {width:100%; height:100%; object-fit:cover; object-position:center;}
/*----アイテム（タイトル）----*/
.str_tit {position:relative; z-index:2; padding:8px 16px; line-height:1.2; 
	color:#fff; background-color:#006051; font-weight:800; text-align:center;
	font-size:clamp(1.4rem, 0.735rem + 1.388vw, 2.4rem); 
	transform: skew(-10deg) rotate(-5deg); margin-top:-48px;}
.strength_ch ul.ind {display:table; margin-inline:auto;}
/*----レスポンシブ----*/
@media (max-width:767px) {
	.strength_ch {width:100%;}
	.str_img, .str_tit {width:80%; margin-inline:auto;}}
/*----------------------------------------------------
フレックス / 事業内容
----------------------------------------------------*/
.fl_busi_details {display:flex; flex-direction:column; gap:32px; 
	max-width:1777px; margin-inline:auto;}
/*----子----*/
.busi_details_ch {display:flex; flex-wrap:nowrap; gap:32px;}
.busi_details_ch:nth-child(odd) {margin-right:4rem;}
.busi_details_ch:nth-child(even) {margin-left:4rem;}
/*----アイテム（画像）----*/
.bdtl_img {width:90%; max-width:640px; aspect-ratio:16 / 8; background-color:#ccc; 
	clip-path: polygon(64px 0%, 100% 0%, calc(100% - 64px) 100%, 0% 100%);}
.bdtl_mess {width:100%; flex-grow:1; align-self:center;} 
.bdtl_img img {width:100%; height:100%; object-fit:cover; object-position:center;}
/*----レスポンシブ----*/
@media (max-width:767px) {
	.busi_details_ch {flex-direction:column;}
	.busi_details_ch:nth-child(odd) {margin-right:0rem;}
	.busi_details_ch:nth-child(even) {margin-left:0rem;}
	.bdtl_img {width:100%;}}

/*==============================================================
共通
==============================================================*/
/*----------------------------------------------------
サイトコンテンツ
----------------------------------------------------*/
/*----位置を上げる----*/
body:not(.home) .siteContent {position:relative; z-index:1; margin-top:-5.5vw; padding:8vw 0 64px;}

/*----------------------------------------------------
背景色
----------------------------------------------------*/
body:not(.home) .siteContent {background-color:#d7f5d7;}

/*----------------------------------------------------
メイン画像のズーム
----------------------------------------------------*/
.sec_zoom {background-image: linear-gradient(180deg, transparent 50%, #fff 50%);}
.sec_zoom_img {width:100%; aspect-ratio:7 / 3;  max-height:600px;}
.sec_zoom_img img {width:100%; height:100%; object-fit:cover; object-position:center;}
.sec_zoom_img.top img {object-position:center top;}
/*----レスポンシブ----*/
@media (max-width:767px) {.sec_zoom_img {aspect-ratio:7 / 6;}}

/*----------------------------------------------------
ボタン / btn01（施工実績を見る）
----------------------------------------------------*/
.btn01 {display:table; margin-inline:auto;}
.btn01 a {display:block; padding:16px 8px; width:80%; min-width:312px; color:#000; 
	font-size:1.2rem; font-weight:600; text-align:center; border:2px solid; border-radius:50vw;}
.btn01 a:hover {text-decoration:none; color:#ED6C00; background-color:#fff0ce;}

/*----------------------------------------------------
ボタン / TOPへ戻る
----------------------------------------------------*/
.btn_top {position:relative; display:table; margin-inline:auto; margin-top:64px;}
/*----リンク----*/
.link_top {position:absolute; z-index:3; width:100%; height:100%; left:0; top:0;}
.link_top a {display:block; width:100%; height:100%;}
/*----ボールがアニメーションする部分----*/
.link_item {position:relative; width:36px; height:64px; margin-bottom:4px;
	background-color:#fff; border:2px solid #006051; border-radius:23px; margin-inline:auto;}
.scroll_ball {display:table; margin-inline:auto;
	width:16px; height:16px; background-color:#ED6C00; border-radius:100%; 
	animation: ani_ball 2.5s linear infinite;}
/*----文字----*/
.link_tit {font-size:1.4rem; text-transform:uppercase; font-weight:800; color:#006051;}
/*----アニメーション設定---*/
@keyframes ani_ball {
	0% {opacity:0; transform:translateY(42px);}
	15% {opacity:1; transform:translateY(4px);}
	70% {opacity:0; transform:translateY(4px);}
	100% {opacity:0; transform:translateY(4px);}
}


/*==============================================================
お問い合わせ
==============================================================*/ 
/*----------------------------------------------------
セクション
----------------------------------------------------*/
.mail_form {}
/*----------------------------------------------------
項目
----------------------------------------------------*/
.mail_form p:nth-child(even) {margin-bottom:32px;}
.entry_item {margin-bottom:12px; font-size:1.1rem; font-weight:600;}

/*----------------------------------------------------
フォーム
----------------------------------------------------*/
.form-control {border:none;}
.form-control.wpcf7-text {border-radius:50vw; padding:1.6rem .75rem;}
.form-control.wpcf7-textarea {border-radius:16px;}
/*----------------------------------------------------
必須・任意
----------------------------------------------------*/
/*----共通設定----*/
.must, .any {font-size:0.8rem; font-weight:normal; 
	padding: 4px 6px; margin-right:8px; border-radius:6px;}
/*----個別設定----*/
.must {color: #fff; background-color: #ED6C00;}
.any {color: #fff; background-color: #b0b0b7;}
/*----------------------------------------------------
入力欄
----------------------------------------------------*/
.tb_contact .form-control {max-width:100%;}
.wpcf7-text, .wpcf7-textarea {background: #fff;}
/*----------------------------------------------------
同意欄
----------------------------------------------------*/
.doui {display:table; margin:0 auto 32px; padding:0 16px;}
.doui span {display:initial;}
/*----------------------------------------------------
送信ボタン
----------------------------------------------------*/
input.wpcf7-form-control.btn {width:90%; max-width:600px; margin:0 auto;}
/*----承諾確認が未チェックのとき----*/
.btn-primary.disabled, .btn-primary:disabled, .btn-primary:disabled:hover {background-color: #e3e3e3; border:none; opacity:0.5;}
/*----チェックしたとき----*/
input[type="submit"] {background-color:#444; border:none; display:block; height:auto;}
.btn-primary:focus, .btn-primary:hover, .btn-primary:active {background-color:#666; border:none;}

/*==============================================================
サイトマップ
==============================================================*/
/*----------------------------------------------------
≫記号
----------------------------------------------------*/
.veu_sitemap ul>li>a:before {content: "\226b";}

/*----カテゴリーのタイトルを非表示----*/
h5.sitemap-taxonomy-title {display:none;}

/*==============================================================
送信が完了しました（サクセスページ）
==============================================================*/
/*----ページヘッダー非表示----*/
.post-name-success .page-header {display:none;}