/*-------------------------------------header--*/


.header{
	background-image  :url(../../../../../images/headers/851576.png)!important;	
	background-repeat: no-repeat!important;
	background-position : 100% 100%;
	color : #000000;
	border-top: solid #3598DB 4px;
	box-shadow:0px 5px 5px rgba(0,0,0, 0.25);
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+100;White+3D */
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
	
	}
	
	
header::after {
    content: '';
    position: absolute;
    bottom: 0;
    width: 100%;
 /*   height: 100px;  高さを調整 */
    background-color: white; /* 背景色 */
    clip-path: ellipse(75% 100% at 50% 100%);
	}


.header a{
	color : #000000!important;
	text-decoration : none!important;
	font-size : 1.2rem;
	}
	
div#maximenuck124 ul.maximenuck li.maximenuck.level1 > a,
div#maximenuck124 ul.maximenuck li.maximenuck.level1 > span.separator {
	padding : 2px 5px!important;
}

.container-below-top{
	display : flex;
	justify-content: space-between;
	padding-right : 0!important;
	padding-bottom : 0!important;
	/* スマホ画面でのスタイル */
  @media (max-width: 768px) {
    flex-direction: column; /* 縦並びに変更 */
  }
}

/* スマホ画面で非表示にする */
@media (max-width: 768px) {
  #mod-custom141 {
    display: none;
  }
}


.container-below-top p{
	margin-bottom : 0.25rem!important;
	}
	
#mod-custom141{
	background-color : #db3545;
	color : #ffffff;
	padding : 0.25rem;
	margin : 0;
	border : solid 1px #cccccc;
	border-radius : .25rem;
	text-shadow: 1px 1px 2px #000;
	

	}
	
#mod-custom141 span{
	white-space: nowrap;
}
	
.zu-irai #mod-custom141{
	color : #ffffff;
	}
	
#mod-custom141 p{
	padding : 0;
	margin : 0;
	line-height : 1rem;
	font-size : 90%;
	}

.m-qa,
.m-qa h6,
.m-qa p,
.m-qa .cardbody{
	margin:0;
	padding:0;
	}

/*-----------------------menu---*/
div#maximenuck124 ul.maximenuck{
	background-image  : none!important;	
	color : #000000;
	background-color : #ffffff!important;
	padding-left : 0;
	}	

	
.grid-child.container-nav,
.maximenufixed{
	border-bottom : 6px solid #3598DB;
	padding-bottom : 0px!important;
	}


#maximenuck124 a:hover,
#maximenuck124 a:focus{
	background-color : #d4e9f7 !important;
	background-image : none!important;
	}
	
div#maximenuck124 ul.maximenuck li.maximenuck.level1.active {
	background: #3598db!important;
}	

	
div#maximenuck124 ul.maximenuck li.maximenuck.level1.active a span.titreck{
	color : #f2f8fc!important;
	text-shadow: 1px 1px 2px #000;
	}
	
	
ul.maximenuck li{
	border-right : 1px solid #cccccc;
	}
	
	
.fa-home:before{
	color:#db3545;
	}
	
.fa-drafting-compass{
	color:#db3545;
	}
	
.fa-download{
	color:#db3545;
	}
	
.fa-info{
	color : #3598db;
	}
	
.fa-file-alt{
	color : #3598db;
	}
	
.fa-tools{
	color : #3598db;
	}

	
li:has(> a.home) {
  background-color: #f0f0f0; /* 背景色を灰色に設定 */
}
.

/* bannar */
.top-bannar-custom{
	padding :  1em 4em 1em 4em;
	border : 1px solid #3598DB;
	border-top : 6px solid #3598DB;
	box-shadow : 0 3px 4px rgba(0, 0, 0, 0.32);/*影*/
	text-shadow: #deeef9 2px 0 5px;
	background-color : #ffffff!important;
	background-repeat : no-repeat;
	background : linear-gradient(rgba(53, 152, 219, 0.6), rgba(255, 255, 255, 0.6)),
        url(../../../../../images/headers/water_header-bg.jpg );
        
    background-size: cover;

	}
	
.site-description{
	color : #3598DB!important;
	font-weight : bold;
	}
	
	main{
	padding : 0em 2em;
	}
	
.footer{
	background-color : #3598DB!important;
	background-image : none!important;
}

.sidebar-right.card {
	margin-top : 1em!important;
	}
	
.main-bottom.card {
	margin-top : 0!important;
	}
	
.item-content{
	padding : 1em;
	border : solid 1px #cccccc;
	border-radius : .25rem;
	}


.item-page-kensa .com-content-article__body{
	padding : 1em;
	border : solid 1px #cccccc;
	border-radius : .25rem;
	}

.item-pagezu_irai h1,
main .com-content-category-blog.blog h1,
.item-pagetop-news h1,
.item-pagenews-uketuke h1,
.item-pagenews-kensa h1,
.item-pagenews-cad h1,
.item-page-kensa h1{
	font-size : 200%;
	border-bottom : solid 1px #3598db;
	}

.item-pagezu_irai h1:first-letter,
main .com-content-category-blog.blog h1:first-letter,
.item-pagetop-news h1:first-letter,
.item-pagenews-uketuke h1:first-letter,
.item-pagenews-kensa h1:first-letter,
.item-pagenews-cad h1:first-letter,
.item-page-kensa h1:first-letter{
	font-size : 250%;
	color : #3598DB!important;
	text-shadow: 0 1px 0 #ccc, 0 3px 0 #ccc, 0 4px 10px rgba(0, 0, 0, .2);
		padding-bottom : 0!important;

}
	
/*--------------------------------------外部サイトlink-'FONT AWESOME 6 FREE'-icon---*/	
a[href^="htt"]::after{	
	content : "\f35d ";
	font-family : 'FONT AWESOME 6 FREE' ;
	font-weight: 900; 
    padding-left : 4px;	
    white-space: pre;	
}	


	
/*--------------------------------------PDFlink-'FONT AWESOME 6 FREE'-icon---*/	
a[href$=".pdf"]::after{	
	content : "\f1c1";
	font-family : 'FONT AWESOME 6 FREE' ;
	font-weight: 900; 
	font-size : 1.5em;
  color : #D81F28;	
    padding-left : 4px;	
    white-space: pre;	
}	
	
/*--------------------------------------WORDlink-'FONT AWESOME 6 FREE'-icon---*/	
a[href$=".doc"]::after,	
a[href$=".docx"]::after{	
	content : "\f1c2";
	font-family : 'FONT AWESOME 6 FREE' ;
	font-weight: 900; 
	font-size : 2em;
    color : #2B579A;	
    padding-left : 4px;	
    white-space: pre;	
}	
	
/*--------------------------------------EXCELlink-'FONT AWESOME 6 FREE'-icon---*/	
a[href$=".xls"]::after,	
a[href$=".xlsx"]::after{	
	content : "\f1c3";
	font-family : 'FONT AWESOME 6 FREE' ;
	font-weight: 900; 
	font-size : 2em;
    color : #217346;	
    padding-left : 4px;	
    white-space: pre;	
}	
	
	

/*--------------------------------------slideshow CK---*/	


.camera_caption {
	background-color: transparent!important;
	background-image : none!important;
	color : #000000!important;
	top : 40%!important;
	display: block;
	position: relative!important;
	z-index: 1000;
	}
	
.camera_caption > div {
	background-color: transparent!important;
	background-image : none!important;
	padding: 10px 20px;
	height:100%;
	}
	
.camera_caption_title {
	font-size:2.5vw!important;
	width : 27em;
	max-width : 100%!important;
	line-height:2.5em;
	text-align : center;
	margin-left : auto!important;
	margin-right: auto!important;
	}


/*----blog*/




.blog-featured .item-content,
.sakuseizumen-toriatukai .item-content{
	border : none!important;
	}


	
h2.item-title,
	.sakuseizumen-toriatukai h2{
	text-align : center;
	font-size : 1.5em!important;
	font-weight : normal!important;
	margin-bottom : 1.5em!important;
	}
	
.sakuseizumen-toriatukai h2::before,	
h2.item-title::before,
div.jisseki-box h3::before{
	content : "\f044";
	font-family : 'FONT AWESOME 6 FREE' ;
	font-weight: 900; 
    color : #3598DB;	
    padding-right : 8px;	
    white-space: pre;	
	}
	

.sakuseizumen-toriatukai h2::after,	
h2.item-title::after,
div.jisseki-box h3::after{
	content : "\f044";
	font-family : 'FONT AWESOME 6 FREE' ;
	font-weight: 900; 
    color : #3598DB;	
    padding-left : 8px;	
    white-space: pre;	

	}

	

	



.camera_wrap {
	border-bottom : 1px solid #dddddd;

	}


body.kyuusui-sinsei h2,
body.haisui-sinsei h2,
body.zu_irai h2,
body.sample-all h2,
.com-content-category-blog h2,
.item-pagekyuusui-sinsei h1,
.item-page-kensa h2{
 font-family: 'Arial', sans-serif;
    font-weight: bold;
    font-size : 1.5rem;
    color: #ffffff;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
    background: linear-gradient(to bottom, #3598DB, #1B6E99);
    padding: 10px;
    border-radius: 5px;
    }  
    
    
    
.sakuseizumen-toriatukai h2{
	background : transparent!important;
	color : #000000;
	}
    
    
body.news-all h5,  
body.zu_irai h4,
.item-page-kensa h3{
	color : #3598db;
	font-size : 1.2rem;
	border-bottom : 1px solid #666666;
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
	}
	
	

          

/*---------------取扱品目表(dl）--------------*/

dl.toriatukai{
display : flex;
	flex-flow: row wrap;
	width: 80%;
	margin-left : auto;
	margin-right : auto;
}
		
.toriatukai dt {
	background-color: #f1f1f1;
	border-bottom: 1px solid #3598DB;
	text-align : center;
	line-height : 3em;
	padding : 0 0 0 0;
	width : 10em;
}

.toriatukai dd {
	background-color: #fff;
	border-bottom: 1px solid #3598DB;
	text-align : left;
	padding : 0 0 0 1.5em;
	line-height : 3em;
	margin-bottom : 0!important;
	width: calc(100% - 10em);
}


@media screen and (max-width: 559px) {
	main{
		padding : 0;
	}
	
	.toriatukai dl {
		flex-flow: column;
		width : 100%;
		margin : 0;
	}
	.toriatukai dt{
		width : 100%;
	}

	.toriatukai dd {
		width : 100%;
		padding : 0;
	}
}


.main-bottom.card.latestnews{
	background-color : transparent!important;
	background-image : none!important;
	border : none!important;
	margin-bottom : 5em;
	}
	
	
	
.latestnews h3,
div.jisseki-box h3{
	text-align : center;
	font-size : 1.5em;
	font-weight : normal!important;
	background-color : transparent;
	border-bottom : none;
	}
	
.latestnews h3{
	background-color : #3598DB!important;
	border : 1px solid #3598db!important;
	border-radius : 100vh!important;
	/* Permalink - use to edit and share this gradient. パーマリンク - このグラデーションの編集や共有に使用します: https://colorzilla.com/gradient-editor/#3598db+0,a0e4f7+100 */
	background: linear-gradient(to right,  #3598db 0%,#a0e4f7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

	}

	
	
.latestnews ul{
	width : 80%;
	    list-style-type: none!important;
	    margin-left : auto;
	    margin-right: auto;
	}
	.latestnews ul li{
		color : #000000!important;
		font-size : 1.2em!important;
		}


	.latestnews ul li a{
		color : #000000!important;
		}
		
.latestnews span.lnd_introdate{

	color : #3598DB!important;
	font-weight : bold!important;
	}
	
	
.latestnews h3::before{
content: "\f05a ";
	font-family : 'FONT AWESOME 6 FREE' ;
	font-weight: 900; 
    color: #ffffff;
    margin-right: 0.5rem;
    white-space: pre;

}	
	
.latestnews h3::after{
content: "\f05a";
	font-family : 'FONT AWESOME 6 FREE' ;
	font-weight: 900; 
    color: #3598DB;
    margin-left: 0.5rem;
    white-space: pre;
}	
/* --- サンプルページのH2 --- */

	
/* frontpagemine */
.jisseki-box{
width : 80%;
	margin-left : auto;
	margin-right : auto;
}



/* link button */
div.link-btn-outline{
	width : 20em;
	margin-left: auto;
	margin-right : auto;
	}

a.link-btn{
	display : block;
	padding : 0.5em;
	background-color :#3598DB;
	border : 4px solid #044672;
	border-radius : 0.5em;
	color : #ffffff;
	text-decoration : none;
	text-shadow: 1px 1px 2px #000;
	text-align : center;
	}
	
a.link-btn:hover{
	background-color : #a3cfed;
	border : 4px solid #3598DB;
	text-decoration : none;
	text-shadow: 1px 1px 2px #000;
	color : #ffffff;
}

/* 実績flex */
	
div.jisseki-box,
div.jisseki-box h3{
	background-color : transparent;
	border : none;
	}
	
div.jisseki-box img{
	border : 1px solid #666666;
	}
	
ul.jisseki-list{
	list-style : none!important;
	display  : flex;
	flex-wrap : wrap;
	justify-content: center;
	width : 80%;
	margin-left : auto;
	margin-right : auto;
	padding-left : 0px!important;
	}
ul.jisseki-list li{
	width : 10em;
	min-width : 10em;
	margin : 0.5em;
	padding : 1em;
	border : 1px solid #3598db;
	text-align : center ;
}

/*テーブルデザイン*/
table {
	width : 80%;
	margin : 2em;
	padding : 0.5em;
	border : 1px solid #667766;
	border-collapse: collapse;
}

	caption {
	caption-side: bottom;
	padding: 10px;
	font-weight: bold;
	}

	thead,
	tfoot {
	background-color: rgb(228 240 245);
	}

	th,
	td {
	border: 1px solid rgb(160 160 160);
	padding: 8px 10px;
	}

	td:last-of-type {
	text-align: center;
	}

	tbody > tr:nth-of-type(even) {
	background-color: rgb(237 238 242);
	}

	tfoot th {
	text-align: right;
	}

	tfoot td {
	font-weight: bold;
	}


/* right-side Q&A */

.m-qa{
	background-color : #DBCB35;
}

.sidebar-right.card.m-qa .card-body{
	padding : 0.5rem;
	}

/* right-side weblink */

.sidebar-right .card-body{
	margin : 0;
	padding : 0;
	}
	
.sidebar-right .card-body a{
	display : block;
	padding : 1rem;
	text-decoration : none;


}	

a#telLink02{
	color : #fff;
	}
	
a#telLink02:hover{
	color : #000;
	}

.link-web-saa{
	background-color : #3598db;
	text-decoration : none;
}
.link-web-aomori{
	background-color : #20993C;
	text-decoration : none;
}
.link-web-saa a{
	display : block;
	margin : 0;
	padding : 0;
	text-decoration : none;
	color : #fff;
	text-shadow: 1px 1px 2px #000;
	/*white-space: nowrap; */

}
.link-web-saa a:hover{
	color : #2434CA;
	text-shadow : 1px 1px 2px #666;
	}


.link-web-aomori a{
	text-decoration : none;
		color : #fff;
	text-shadow: 1px 1px 2px #000;
	white-space: wrap;

}

 a.link-cad{
	text-decoration : none;
		color : #fff;
	text-shadow: 1px 1px 2px #000;
	white-space: wrap;

}

a.link-cad:hover{
	color : #2434CA;
	text-shadow : 1px 1px 2px #666;
	}

.sidebar-right.toi-all{
	background-color : #db3545;
	color : #ffffff;
	padding : 0.25rem;
	margin : 0;
	border : solid 1px #cccccc;
	border-radius : .25rem;
	text-shadow: 1px 1px 2px #000;
	white-space: wrap;

	}
	
.sidebar-right.hogo-housin{
	font-size : 0.8rem;
	padding : 0.25rem;
	margin : 0;
	border : solid 3px #000000;
	border-radius : .25rem;
	text-shadow: 1px 1px 2px #666666;
	white-space: wrap;

	}
	
	
	
#mod-custom139 p{
	padding : 0;
	margin : 0;
	line-height : 1rem;
	}


a#kyuusui-price{
margin-top:-40px;
padding-top:40px;
}

a#flow{
display:block;
margin-top:-200px;
padding-top:200px;
}

/* サンプル図面　スマホ用ツールチップ */

a.has-spn {
    position: relative;
    display: inline-block;
}

.tooltip {
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(0, 0, 0, 0.8);
    color: white;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 12px;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s;
}

/* タップ時にツールチップを表示 */
a.has-spn:focus .tooltip,
a.has-spn:hover .tooltip {
    opacity: 1;
}