/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 05 2024 | 00:39:58 */
/*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_mty_01.jpg); background-repeat:no-repeat;
	background-position:center; background-size:100% auto; background-attachment:fixed;}
@media screen and (max-width:780px) {body.home {background-image:none; background-attachment:scroll;}}
/*----------------------------------------------------
ボタン / hbtn01
----------------------------------------------------*/
.hbtn_01 {font-weight:bold;}
.hbtn_01:hover {font-weight:bold; text-decoration:none;}

/*==============================================================
ヘディング
==============================================================*/
.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:#435B89;
	color:#fff; padding:2px 16px; text-transform:uppercase;}

/*==============================================================
スライド
==============================================================*/
/*----タイトル----*/
.slide-text-title {font-size:clamp(2.6rem, -1.079rem + 7.55vw, 3.6rem); 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 {margin-top:0; font-size:clamp(1.2rem, -0.272rem + 3.02vw, 1.6rem); 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.9rem + 0.5vw, 1.5rem); }

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

/*==============================================================
当社について / about
==============================================================*/
/*----------------------------------------------------
フレーム / fr_hser
----------------------------------------------------*/
.fr_hser {position:relative; z-index: 10; padding:48px 64px 48px; font-size:1.1rem;
    background-color:#f7f7f7; box-shadow:1px 1px 4px 2px rgba(0, 0, 0, 0.1);}
.fr_hser.fadeIn_l {left:64px;}
.fr_hser.fadeIn_r {right:64px;}
@media screen and (max-width:991px) {
	.fr_hser {padding:16px 32px 16px;}
	.fr_hser.fadeIn_l {left:32px;}
	.fr_hser.fadeIn_r {right:32px;}}
@media screen and (max-width:780px) {
	.fr_hser {padding:0 16px 32px; background-color:transparent; box-shadow:none;}
	.fr_hser.fadeIn_l {left:0px;}
	.fr_hser.fadeIn_r {right:0px;}}

/*==============================================================
ご案内 / information
==============================================================*/
/*----------------------------------------------------
リスト / li_hcomp
----------------------------------------------------*/
.li_hcomp {display:flex; flex-wrap:wrap; align-items:stretch; list-style:none; padding:0; 
	position:relative; z-index:1; width: calc(100% + 32px); left:-16px; }
.li_hcomp li {position:relative; z-index:2; text-indent:0; padding:0; margin:0 16px; width:calc((100% - 96px) / 3);
	height:448px; background-color:#ccc; background-repeat:no-repeat; background-position:center bottom; background-size:cover;}
@media screen and (max-width:780px) {
	.li_hcomp li {margin:0 16px 64px; width:calc(100% - 32px); height:256px;}
	.li_hcomp li:last-child {margin:0 16px 0;}}
/*----------------------------------------------------
背景画像
----------------------------------------------------*/
.li_hcomp li:nth-child(1) {background-image:url(/wp-content/uploads/pic_home_comp_mty_01_02.jpg);}
.li_hcomp li:nth-child(2) {background-image:url(/wp-content/uploads/pic_home_comp_mty_02_01.jpg);}
.li_hcomp li:nth-child(3) {background-image:url(/wp-content/uploads/pic_home_comp_mty_03_01.jpg);}
@media screen and (max-width:780px) {
	.li_hcomp li {background-position:center top;}
	.li_hcomp li:nth-child(1) {background-position:center center;}}
/*----------------------------------------------------
リンク
----------------------------------------------------*/
.li_hcomp li 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;} 
.li_hcomp li a:hover {opacity:0.3; transition-duration:0.2s;}
/*----------------------------------------------------
アイテム
----------------------------------------------------*/
.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;}
.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;}