@charset "utf-8";
/* CSS Document */

.cr{
	font-size:12px;
}

/*------ＰＣの小さい画像サイズ指定-------*/
.om-img {
    width: 160px;
    height: 144px;
}

/*----20160218　テキストレイアウト　一文字落とすスタイル　TextStyle-------------------*/
.ts001{
	text-indent:1em;
}

/* オペレーションプログラム - 水質自動制御システム（下水道）見出し部分 */
.sub-box h5 span02{
	color:#222;
	font-size:94%;
	padding:0 0 0 14px;
	border-left:4px solid #014a96;
	font-weight:normal;
	line-height: 1em;
	}

/* 2016.01.25 moreタグ追加（.topic-moreをカスタマイズ） */
.ope-more {
	text-align:right;
	color:#666;
	background:url(/images/icn_arrow_next.png) no-repeat right 50%;
	background-size:4px;
	margin: -5px 30px 15px 0;
	padding-right:10px;
	}
	
/* moreタグの色 */
.ope-more a {
	color:#666;
	text-decoration:none;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/* 2016.01.27 */

/*.sub-boxをカスタマイズ*/
.sub-box-ope{
	background:#f0f0f0;
	margin-top: 20px;
	} 

/*.sub-box-h5 をカスタマイズ*/
.sub-box-ope h5{
	padding:20px 0 20px 20px;
	/*background:#d9e4ee;*/
	background: #014a96;  /*濃紺*/
	} 

/*.sub-box h5 span をカスタマイズ*/
.sub-box-ope h5 span{
	color:#222;
	color:#FFF;
	font-size:18px;
	padding:0 0 0 14px;
	/*border-left:4px solid #014a96; /*濃紺*/
	border-left:4px solid #FFF;
	font-weight:normal;
	line-height: 1em;
	}

/*.sub-box-in をカスタマイズ*/	
.sub-box-ope-in{
	padding:20px 14px;
	}

/*.sub-box .box2 をカスタマイズ*/	
.sub-box-ope .box2{
	width:440px;
	min-height:275px;
	display:inline-block;
	margin:20px 0 0;
}

/*.box-in .box2:nth-child(even) をカスタマイズ */
.box-ope-in .box2:nth-child(even){
	margin-right:13px;
	}

/*#sub-water .box2 .sub-box-in div.left をカスタマイズ */
#sub-water .box2 .sub-box-ope-in div.left{
	/*width:220px;*/
	width: 100%;
	/*VOCプログラム部分の文章*/
	}

.box3{
	width:290px;
	min-height: 245px;
	float:left;
	margin:20px 0 0;
	}

/*.policy カスタマイズ-simizu */
.policy-ope{
	padding:0px 0 0 0px;
	position:relative;
	margin: 5px 10px;
}

.ope-inner {
	
}
/*Shimizu*/
.ope-uiin{
	border-width:thin;
	margin-left:15px;
	margin-right:20px;
	padding:15px 10px 10px 20px;
	background:#fafafa;
	border-style:solid;
	border-color:#e5e5e5;
}

/*20160129-shimizu*/
.ope-m {
	margin-right:10px;
	padding: 5px 10px 10px 14px;
	line-height:1.4em;
}

.ope-m02 {
	padding: 0 0 0 10px;
}
/*追記 end */
/*shimzu*/
.ope-inner ul {
	padding: 5px 10px 10px 30px;
}

/*shimizu*/
.ope-inner ul li {
	margin-left: 10px;
	padding: 3px 5px;
	list-style-type:disc;
	line-height:1.4em;
}

.policy-ope-02 .ope-inner ul li {
	margin-left: 10px;
	padding: 5px 5px;
	list-style-type:disc;
	line-height:1.4em;
}


.ope-inner ol {
	margin: 5px 5px 0px 20px;
}

.ope-inner ol li {
	margin: 0 20px;
	padding: 5px;
	list-style:disc;
}



/*.policy h5 カスタマイズ-shimizu*/	
.policy-ope h5{
	width:100%;
	margin:0px 0px 0px -10px;
	padding:0px 0 0px 10px;
	font-size: 18px;
	background:#d9e4ee;
	font-weight:normal;
	color:#FFF;
	color:#222;
	}
	
.policy-ope-02 h5{
	width:98%;
	margin:10px 0px 20px 0px;
	padding:0px 0 0px 10px;
	font-size: 18px;
	background:#d9e4ee;
	font-weight:normal;
	color:#FFF;
	color:#222;
}

/*.policy div.text-right をカスタマイズ*/
.policy-ope div.text-right{
	text-align:right;
	font-size: 14px;
	line-height: 1.55em;
	margin:10px 25px;
	}
	
	/*.policy div.text-right をカスタマイズ*/
.policy-ope-02 div.text-right{
	text-align:right;
	font-size: 14px;
	line-height: 1.55em;
	margin:-5px 25px 5px;
	}

/*.policy h6 をカスタマイズ-shimizu */
.policy-ope h6{
	width:98%;
	font-weight: normal;
	font-size: 16px;
	margin-top: 4px;
	border-bottom: solid 2px #e5e5e5;
	padding:0px 0px;
	}
	/*.policy h6 をカスタマイズ-shimizu */
.policy-ope-02 h6{
	width:98%;
	font-weight: normal;
	font-size: 16px;
	margin-top: 0px;
	margin-bottom: 4px;
	border-bottom: solid 2px #e5e5e5;
	padding:0px 0px;
	}
	
/*　20160129 文章の左右の空白部分の調整　*/
#sub-water p.afh01{
	/*margin: 1em 0 0;*/
	margin: 1em;
	}	

.fnt{
	font-size:0.86em;
	}
	

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/	
/* 20160219 お問合せボタン（表示位置） */
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/* pc表示 */
a.contact-link:hover{
	opacity:0.8;
	}
	
a.contact-link{
	width:100%;
	padding:1em 0;
	text-align:center;
	}

a.contact-link::before,
a.contact-link::after{
	right: 7%;
	}

/* お問合せボタン表示位置 */
#Inquiry-b {
	position:relative;
	width:100%;
	/*background:#fff;*/
	max-width:400px; /*横幅*/
	height:85px;
	margin:0 auto;
}

#inpuirty-b .b-inner {
	position:absolute;
	top:50%;
	left:50%;
	width:100%;
}

/* 会社所在地表示枠 */
.wa-ad {
	margin: 10px 0 10px 20px;
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/	
/* 2060301 お問合せボタン（Box内位置）    */
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/	
 
#Inquiry-b02 {
	position:relative;
	width:100%;
	max-width:300px; /* ボタンの横幅*/
	height:85px;
	/*margin-left: 160px;*/
	margin-top:-30px;
}

#inpuirty-b02 .b-inner {
	position:absolute;
	top:50%;
	left:50%;
	width:100%;
}

/* 会社所在地表示枠 */
.wa-ad02 {
	margin: 10px 0 0 0;	
	float:left;
}
.box ul.style-dis{
	margin: 0.5em 0 0 3em;
}

.table-box h5 span{
	font-size:16px;
	border-left:4px solid #0f5a9c;
	padding:0 0 0 14px;
}

.table-box p{
	padding:5px 0 0 10px;
}

.table-box{
	background:#e5e5e5;
	padding:5px 20px;
	width:380px;
	height:110px;
	float:left;
	margin-top:20px;
	}
	
	.test{
	width:395px;
	margin-left:-3px;
	}
	
	.box2{
	width:440px;
	min-height:230px;
	display:inline-block;
	margin:20px 0 0;
	}
	
	#sub-water div.left{
	width:599px;
	padding:0 10px 0 15px;
	}


/*----------英語版のついき-----------*/
.sub-box{
	margin-top: 15px;
	} 

.sub-box h5{
	padding:15px 0 7px 20px;
	} 

.sub-box-in{
	padding:7px 14px 7px 20px;
	}

/*1144px*/
@media screen and (max-width : 1144px) {
	
	.test{
	width:auto;
	margin-left:-3px;
	}
	
	.box2{
	width:auto;
	min-height:100px;
	display:inline-block;
	margin:20px auto 0;
	}
	
	#sub-water .box .right{
	margin:20px auto;
	float:none;
	}
	
	.cr{
		width:250px;
		margin: -20px auto -5px;
	font-size:12px;
}
	
	/*.box-in .box2:nth-child(even) をカスタマイズ */
	.box-in .box2:nth-child(even){
	margin-right:0px;
	}
	
/*	#sub-water .box2 .sub-box-in div.left をカスタマイズ */
/* オペレーションプログラムのBOX内の文章の幅 */
#sub-water .box2 .sub-box-in div.left{
	/*width:220px;*/
	width: 100%;
   }
	
.om-img {
    width: 254px;
    height: 266px;
}

/*.policy div.text-right をカスタマイズ*/
.policy-ope div.text-right{
	text-align:right;
	font-size: 15px;
	line-height: 1.5em;
	margin:0px 20px;
	}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/	
/* 2060301 お問合せボタン（スマホ：Box内位置）  */


#Inquiry-b02 {
	position:relative;
	width:100%;
	max-width:400px; /*横幅*/
	height:85px;
	margin: 0 auto;
}

.wa-ad02 {
	margin: 14px 0 0 0;	
}

#sub-water p.afh{
	margin: 1em 0 0;
	padding: 0px 3% 0px 3%;
	font-size:15.5px;
}

#main-wrap{
	padding:40px 0 30px;
}

#sub-water h4{
	padding:10px 15px !important;
	color:#fff !important;
	font-size:18px !important;
	font-weight:inherit !important;
}

#sub-water .box-in{
	font-size:15.5px !important;
}

#sub-water .box .box-in{
	padding:20px 4%;
}
.ope-uiin{
	border-width:thin;
	margin-top:10px;
	margin-left:0px;
	margin-right:10px;
	padding:5px 5px 10px 5px;
	background:#fafafa;
	border-style:solid;
	border-color:#e5e5e5;
}

.ope-m {
	margin-right:0px;
	padding: 5px 0px 10px 0px;
}

#sub-water .inner{
	padding:35px 2% 10px;
	}
	
#sub-water p.afh01{
	font-size:15.5px;
	margin: 1em;
}	
/*-----------英語版の追記---------------*/
	div .page-dis{
		padding-left: 5%;
		padding-right: 5%;
	}

}

@media screen and (max-width : 350px) {

#sub-water .box .sub-box .sub-box-in img{
	margin:2px 0 10px ;
	width:100%;
	height:auto;
}

.sub-box-in{
	padding:2px 4%;
	}
	
#sub-water .box .right{
	margin:2px 0 10px ;
	width:100%;
	height:auto;
}
#sub-water .box img{
	margin:2px 0 0 ;
	width:100%;
	height:auto;
	}
	
}