@charset "Shift_JIS";
/* CSS Document */


/*雨水管理*/


/*------------------------------------------------------------------------*/


.catg_usuikanri h3.title_1 {
	height: 75px;
	width: 715px;
/*	margin-bottom: 10px;*/
}

.catg_usuikanri h3.title_2 {
	display:none;
}

.catg_usuikanri #catg_01 {
	background-image: url("../img_2021/catg_usuikanri/img_13.png");
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 90px;
}

.catg_usuikanri #catg_02 {
	background-image: url("../img_2021/catg_usuikanri/img_02.png");
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 75px;
}

.catg_usuikanri #catg_03 {
	background-image: url("../img_2021/catg_usuikanri/img_03.png");
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 90px;
}

.catg_usuikanri #catg_04 {
	background-image: url("../img_2021/catg_usuikanri/img_04.png");
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 90px;
}

.catg_usuikanri #catg_05 {
	background-image: url("../img_2021/catg_usuikanri/img_05.png");
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 90px;
}


/*------------------------------------------------------------------------*/


.catg_usuikanri .txt_3 {/**/
	width: 300px;
	float: left;
	margin-left: 5px;
}

.catg_usuikanri .txt_3_2 {/**/
	width: 320px;
	float: left;
	margin-left: 15px;
}
.catg_usuikanri .txt_4 {/**/
	margin-left: 5px;
}

.catg_usuikanri .img_1 {
	float: right;
	width: 338px;
}

/*.catg_usuikanri .txt_5 {
    font-weight: bolder;
  color:#4db77c;
}*/

.catg_usuikanri .txt_6 {/*青文字*/
	font-size: 15px;
	font-weight: bolder;
	color: #009fe8;
}

.catg_usuikanri .txt_7 {
    font-weight: bolder;
	font-size: 15px;
	margin-bottom: 5px;
}

.catg_usuikanri .txt_8 {/*左*/
	width: 340px;
	float: left;
	margin-left: 5px;
}

.catg_usuikanri .txt_9 {/*左*/
/*	width: 330px;
	float: right;*/
}

.catg_usuikanri .f_line {/*ライン*/
	width: 100%;
    height:20px;
    margin: 0 0 20px 15px;
	clear: both;
    border-bottom: #aaa dashed 1px;
}

.catg_usuikanri .note {
    margin: 0 0 0 25px;
    font-weight: bolder;
}

/*------------------------------------------------------------------------*/


/*表組*/
.catg_usuikanri .box_1 {
	font-size: 11px;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	width: 85%;
	margin-bottom: 30px;
	margin-top: 10px;
	line-height: 17px;
}

.catg_usuikanri .box_1 td {
	padding-top: 3px;
	padding-bottom: 3px;
	text-align: center;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	line-height: 1.4em;
}

.catg_usuikanri .box_2 {
	width: 10%;
}

.catg_usuikanri .box_3 {
	width: 7%;
}




/*---------------------------------------------------------------------------------------------*/


/* sp */
@media print, screen and (max-width: 640px) {

.catg_sec h4.img {/*各見出しが画像（ロゴ）のところ*/
	line-height: 0em !important;
}

.catg_usuikanri h3.title_1 {
	display:none;
}

.catg_usuikanri h3.title_2 {
	display:block;
	margin-bottom: 30px;
}

.catg_sec h4.sub {
	border-bottom: 1px solid #775a9c !important;
	font-size: 4.5vw !important;
}

/*------------------------------------------------------------------------*/

.catg_usuikanri #catg_01 {
	display:none;
}

.catg_usuikanri #catg_02 {
	display:none;
}

.catg_usuikanri #catg_03 {
	display:none;
}

.catg_usuikanri #catg_04 {
	display:none;
}

.catg_usuikanri #catg_05 {
	display:none;
}

/*------------------------------------------------------------------------*/

/*囲み--ここから*/
.catg_usuikanri .txt_2 {/**/
	font-size: 3.6vw;
	line-height: 1.4em;
	color: #111;
	font-weight:bolder;
	background-color:#e8e9e9;
	width:92%;
	margin:1.5vh auto 4vh auto;
	border:solid 3px #5658a5;
	padding:15px 0;
	text-align:center;/*左揃え中央配置*/
	border-radius:15px;
}

.catg_usuikanri .txt_2 p {/**/
	display:inline-block;/*左揃え中央配置*/
	text-align:left;/*左揃え中央配置*/
}

.catg_usuikanri .txt_2 span {/**/
  font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka−等幅", Osaka-mono, monospace;
  color:#5658a5;
}
/*囲み--ここまで*/


/*------------------------------------------------------------------------*/

.catg_usuikanri .txt_3 {/**/
	width: 100%;
	float: none;
	margin-left: 1vw;
}

.catg_usuikanri .txt_3_2 {/**/
	width: 100%;
	float: none;
	margin-left: 1vw;
}
.catg_usuikanri .txt_4 {/**/
	width: 100%;
	margin-left: 1vw;
}

.catg_usuikanri .img_1 {
	float: none;
	width: 100%;
}

.catg_usuikanri .txt_6 {/*青文字*/
	font-size: 110%;
	font-weight: bolder;
	color: #009fe8;
}

.catg_usuikanri .txt_7 {
    font-weight: bolder;
	font-size: 110%;
	margin-left: 1vw;
}

.catg_usuikanri .txt_8 {/*左*/
	width: 100%;
	float: none;
	margin-left: 1vw;
}

.catg_usuikanri .txt_9 {/*左*/
/*	width: 330px;
	float: right;*/
}

.catg_usuikanri .f_line {/*ライン*/
	width: 100%;
    height:20px;
    margin: 0 0 20px 0;
	clear: both;
    border-bottom: #aaa dashed 1px;
}

.catg_usuikanri .note {
    margin: 0;
    text-align: center;
    font-weight: normal;
    font-size: 90%;
}

/*---------------------------------------*/

/*---------------------------------------*/

/*表組*/
.catg_usuikanri .box_1 {
	font-size: 2.3vw;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	width: 100%;
	margin:10px auto 30px auto;
	line-height: 3em;
}

.catg_usuikanri .box_1 td {
	padding: 0;
	text-align: center;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	line-height: 2.3em;
}

.catg_usuikanri .box_2 {
	width: 10%;
}

.catg_usuikanri .box_3 {
	width: 7%;
}
/*表組ここまで*/


.catg_usuikanri .mb_3vh {
	margin-bottom: 3vh;
}

.catg_usuikanri .mb_5 {
	margin-bottom: 0px;
}

.catg_usuikanri .mb_10 {
	margin-bottom: 0;
}

.catg_usuikanri .mb_15 {
	margin-bottom: 0px;
}

.catg_usuikanri .mb_20 {
	margin-bottom: 2vh;
}

.catg_usuikanri .mb_30 {
	margin-bottom: 2vh;
}

.catg_usuikanri .mt_20 {
	margin-top: 2vh;
}

.catg_usuikanri .sp_space_7vh {
    height: 7vh;
}





}