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

/*==============================================================
ホーム共通
==============================================================*/
/*----------------------------------------------------
背景画像
----------------------------------------------------*/
body.home {background-image:url(/wp-content/uploads/bg_home_smp_03.jpg); background-repeat:no-repeat;
	background-position:center; background-size:70% auto; background-attachment:fixed;}
@media screen and (max-width:780px) {body.home {background-image:none; background-attachment:scroll;}}
/*----------------------------------------------------
ボタン / view more
----------------------------------------------------*/
.btn_vm {text-align:center; margin:0;}
.btn_vm a {display:table; margin:0 auto; padding:25px 8px; width:80%; max-width:432px; 
	color:#fff; background-color:#444; font-size:19px;}
.btn_vm a:hover {text-decoration:none; background-color:#707070;}

/*==============================================================
ヘディング
==============================================================*/
.mainSection-title, h2, h3, h4, h5, h6 {margin: 0;}
/*----------------------------------------------------
ヘディング / h2
----------------------------------------------------*/
/*----home01----*/
h2.home01 {border:none; background-color:transparent; display:table; padding:0 0 16px; margin:0 auto 34px;
	font-size:3rem; font-weight:900; line-height:1.2; color:#444;}
h2.home01 .sub {font-size:1.2rem; font-weight:bold; background-color:#438189;
	color:#fff; padding:2px 16px; text-transform:uppercase;}
@media screen and (max-width:780px) {h2.home01 {font-size:2.4rem;}}

/*==============================================================
スライド
==============================================================*/
/*----------------------------------------------------
スマホ時にもPC用のスライド画像を使いまわす設定
----------------------------------------------------*/
/*----sp時----*/
@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-title {font-size:clamp(2.4rem, 0.914rem + 3.05vw, 3.2rem); font-weight:700; 
	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;}
/*----キャプション----*/
.slide-text-caption {font-size:clamp(1.2rem, 0.457rem + 1.52vw, 1.6rem); margin-top:0; font-weight:bold;
	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;}
/*----ボタン----*/
.slide .btn-ghost {font-size:clamp(1rem, 0.071rem + 1.9vw, 1.5rem);}

/*==============================================================
お知らせ
==============================================================*/
#n_imp .vk_posts-layout-postListText {margin-bottom:0;}

/*==============================================================
事業紹介 / service
==============================================================*/
/*----------------------------------------------------
フレーム / fr_hser
----------------------------------------------------*/
.fr_hser {position:relative; z-index: 10; padding:48px 64px; 
	background-color:#f7f7f7; box-shadow:1px 1px 4px 2px rgba(0, 0, 0, 0.1);}
.fr_hser p {font-size:1.1rem; font-weight:bold; line-height: 2.4;}
.fadeIn_l.fr_hser {left:64px;}
.fadeIn_r.fr_hser {right:64px;}
/*----tab時----*/
@media (max-width: 991px) {.fr_hser {padding:32px 48px;}}
/*----sp時----*/
@media (max-width: 780px) {
	.fr_hser {margin-top:-18%; padding:24px 32px;}
	.fadeIn_l.fr_hser {left:0; margin-right:32px;}
	.fadeIn_r.fr_hser {right:0; margin-left:32px;}}
/*----------------------------------------------------
画像 / serpic
----------------------------------------------------*/
.serpic_l {margin-right:0;}
.serpic_r {margin-left:0;}
/*----sp時----*/
@media (max-width:780px) {
	.serpic_l {margin-right:32px;}
	.serpic_r {margin-left:32px;}}

/*==============================================================
会社案内 / company
==============================================================*/
/*----------------------------------------------------
リスト / li_sel
----------------------------------------------------*/
.li_sel {display:flex; flex-wrap:wrap; align-items:stretch; column-gap:40px; row-gap:40px;}
.sel_ch {position:relative; z-index:2; /*overflow:hidden;*/
	margin:0 auto; padding:0; width: calc((100% - (40px * 2)) / 3); height:450px; 
	background-color:#ccc; background-repeat:no-repeat; background-position:center top; background-size:cover;}
/*----tab時----*/
@media (max-width:991px) {.sel_ch {width:90%; height:300px;}}
/*----------------------------------------------------
背景画像
----------------------------------------------------*/
.li_sel .sel_ch:nth-child(1) {background-image:url(/wp-content/uploads/pic_home_comp_smp_01_01.jpg);}
.li_sel .sel_ch:nth-child(2) {background-image:url(/wp-content/uploads/pic_home_comp_smp_02_01.jpg);}
.li_sel .sel_ch:nth-child(3) {background-image:url(/wp-content/uploads/pic_home_comp_smp_03_01.jpg);}
/*----tab時----*/
@media (max-width:991px) {
	.li_sel .sel_ch:nth-child(1) {background-position:center bottom 20%;}
	.li_sel .sel_ch:nth-child(2) {background-position:center top 50%;}
	.li_sel .sel_ch:nth-child(3) {background-position:center top 30%;}}
/*----------------------------------------------------
アイテム
----------------------------------------------------*/
.hcomp_ch {position:absolute; z-index:5; width:100%; text-align:center; left:0%; bottom:5%;
	font-size:2rem; font-weight:bold; color:#fff; pointer-events:none;}
.hcomp_border {position:absolute; z-index:4; content:""; width:100%; height:100%; left:0%; bottom:0%;
	outline:2px solid #fff; outline-offset:-10px; pointer-events:none;}
/*----------------------------------------------------
リンク
----------------------------------------------------*/
.sel_ch a {position:absolute; z-index:3; content:""; left:0; top:0; display:inline-block; width:100%; height:100%; 
	background-color:#375d68; opacity:0.8; transition-duration:0.2s;} 
.sel_ch a:hover {opacity:0.3; transition-duration:0.2s;}