/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Feb 09 2026 | 06:12:26 */
:root {--mfn-column-gap-bottom: 10px;}
:root {
  --main-bg-color: pink;

	 --inc-color-1:  #007CC1;/*青*/
	 --inc-color-2:  #439052;/*緑*/
	
 --inc-color-1:  #0168B7;/*青*/
 --inc-color-2:  #377C39;/*緑*/
}
.red{color:red;}
.bold {font-weight:bold;}

.content_wrapper  .sp-bottom {padding-top:200px;}
.widget_mfn_menu ul li a{border: 1px solid rgba(0,0,0,.2);
  color: #333;}
.cnt{text-align: center;}
.pd10{padding: 10px 0;}
/*タイトル装飾*/


.TT h4.title{border-left: 4px solid var(--inc-color-1);padding: 1rem 2rem;}
/***電話番号
.sans-serif , .font-g {font-family: sans-serif!important;}
*/




/********************************************************会社案内　子ページタイトル
.n-style 
h2.title {text-shadow: 1px 2px 2px rgba(0,0,0,0.45);
color: #1b5b62;	color: #2c3edc;
}
*/

.b2-back h4.title{ line-height: 1.5em;}

/***全体ページ調整*******/

.b-div{margin-top:5em;}
.page-id-108 .b-div,
.page-id-106 .b-div{margin-top:5em;}

.mcb-item-image-inner .wp-caption-text{background: transparent;;
  color: #333;}/**写真キャプション文字**/

.mcb-column-inner .wp-caption-text{background: transparent;;
  color: #333;}/**写真キャプション文字**/



/*
@media only screen and (min-width: 480px) and (max-width: 767px) {
  h5.title {font-size: 15px;}
}
*/
@media only screen and (max-width: 767px) {
 h5.title {font-size: 16px;}
 h4.title {font-size: 18px;}
}
.mfn-inline-editor p a{text-decoration: underline;}


/****ナビガイド画像****/
.navi-img .image_wrapper .mfn-coverimg-wrapper img{}
#page-navi-box .navi-img .image_wrapper .mfn-coverimg-wrapper img{height:clamp(240px, 22vw, 360px);}

/*#page-navi-box .navi-img .image_wrapper .mfn-coverimg-wrapper img{height: 20vw;min-height: 200px;max-height: 300px }
/**/
#page-navi-box .navi-img .image_wrapper {margin-bottom:4em;}
#page-navi-box .mcb-column-inner{margin-bottom:0.5em;}

.page-navi h5{border-top: 2px solid var(--inc-color-1) ;border-left: 5px solid var(--inc-color-1);padding: 0.3em 1em ;}

/*****フッター部分******/
h4.bold{font-weight:bold;margin-bottom: 5px;}

.fotter-iso h6{margin-bottom:0.5em;line-height: 1em;letter-spacing: 0px;} 
.fotter-iso .fotter-title{font-size:  clamp(12px, calc(1.25vw + 0.3rem), 14px);}
.fotter-iso .fotter-iso-info{line-height: 1em; padding-bottom:0.8em;font-size:  clamp(12px, calc(1.25vw + 0.3rem), 14px);
text-indent: -3em;
  padding-left: 3em;}
.fotter-iso img{max-height:53px;width: auto;}

.mfn-footer .footer_copy{border-top:none;}

/*/---subheaderの表示サイズ---*/
#Subheader{background-size: cover;background-position: center center;}/*表示サイズ---*/

#Subheader::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* 半透明のレイヤーを重ねる */
  z-index: 1; /* 背景画像の上に表示 */
}

#Subheader .title{
text-shadow: 3px 3px 2px rgba(0,0,0,1); 
	position: relative;
	z-index: 2;
}
#Header_wrapper:has(.mfn-rev-slider  )　, #Intro:has(.mfn-rev-slider ){background-color: #000;}
	
	

.img2-h-250 .image_wrapper{height: 250px !important;}
/*
.inc-div-title .title ,.rec-div-title h5.title,.conp-div-title .title{ padding: 1rem 2rem;  border-bottom: 3px solid #000;  background: #f4f4f4;}
*/
.rec-subtitle  h5.title
{ padding: 1rem 2rem;  border-bottom: 3px solid #000;  background: #f4f4f4;}


.inc-div-title .title ,
.rec-div-title .title,
.conp-div-title .title,
.sub_title h4
{width: 100%;
  border-style: solid;
  border-image: linear-gradient(180deg,var(--inc-color-1) 65% , var(--inc-color-2) 35% ) 1 / 0 0 3px 14px;
  padding: 0.5em 0 1em 1.5em;}

/****Table**/
.b-work-history .column-2 {white-space: nowrap;}

/***** TOP スクロールバー考慮　50%幅　*********/
:root {
  --scrollbar: 0;
}
.entry-content .bk-right50{background-position: calc(50vw - var(--scrollbar) / 2) center;
	background-size: 50% auto;}
.entry-content .bk-left50{background-position: 0 center;
	background-size: 50% auto ;}



@media only screen and (max-width: 767px) {
.bk-right50,.bk-left50{
	background-image: none !important
	}	
}
#Footer{	background-position: 67% center;}