@charset "UTF-8";
/*--------------------------------------------------------------
jp-second-index
--------------------------------------------------------------*/



/*----  Primary  ----*/
.primary {
	float: left;
	width: 920px;
}

/*----  secondary  ----*/
.secondary {
	float: right;
	width: 190px;
}



/*----  H1 title  ----*/
h1.tit-main {
	width: 920px;
	height: 130px;
	background: url(/products/market/images/main.jpg) no-repeat;
	text-indent:-9999px;
	outline: 0;
	margin: 0 0 30px;
}

/*--------------------------------------------------------------
mainimage
--------------------------------------------------------------*/
.mainimage {
	width:920px;
	height:550px;
	margin:0 0 20px 0;
	background:url(/products/market/images/mainimage.jpg) no-repeat;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

/*--------------------------------------------------------------
menu-index
--------------------------------------------------------------*/
.menu-index {	
	position:relative;
}
.menu-index .menu-index-btn li a {
	position:absolute;
}

.menu-index .menu-index-btn .btn-Construction a {
	top: 270px;
  left: 360px;
}
.menu-index .menu-index-btn .btn-WaterTreatment a {
  top: 330px;
  left: 100px;
}
.menu-index .menu-index-btn .btn-Factory a {
	top: 390px;
  left: 200px;
}
.menu-index .menu-index-btn .btn-PowerPlant a {
	top: 370px;
  left: 350px;
}
.menu-index .menu-index-btn .btn-Tunel a {
	top: 150px;
  left: 240px;
}
.menu-index .menu-index-btn .btn-Catchment a {
	top: 240px;
  left: 240px;
}
.menu-index .menu-index-btn .btn-Agriculture a {
	top: 200px;
  left: 360px;
}
.menu-index .menu-index-btn .btn-Flood a {
	top: 150px;
  left: 800px;
}
.menu-index .menu-index-btn .btn-Stockbreeding a {
	top: 160px;
  left: 520px;
}
.menu-index .menu-index-btn .btn-Fishery a {
	top: 330px;
  left: 580px;
}
.menu-index .menu-index-btn .btn-Shipbuilding a {
	top: 390px;
  left: 40px;
}
.menu-index .menu-index-btn .btn-Landscape a {
	top: 370px;
  left: 700px;
}
.menu-index .menu-index-btn .btn-PumpStation a {
	top: 320px;
  left: 460px;
}


/*--------------------------------------------------------------
lineup
--------------------------------------------------------------*/
.lineup h2 {
  position: relative;
  display: flex;
  align-items: center;
  min-height:58px;
  font-size: 2rem;
  background-color:#f9f9fa;
  border: 1px solid #cbcccb;
  border-radius: 3px;
  padding:10px 20px;
  margin:0 0 20px 0;
  box-sizing: border-box;
  
} 

.lineup p {
	width:900px;
	margin:0 auto 32px auto;
	font-size:1.2em;
	line-height:2.1em;
}





/*--------------------------------------------------------------
menu
--------------------------------------------------------------*/
/*--タイトル--*/
.marketBlock dl dt {
	height:252px;
	margin:0 0 24px 0;
}

.marketBlock dl dt h2 {
  position: relative;
  display: flex;
  align-items: center;
  min-height:42px;
  font-size: 2rem;
  background-color:#f9f9f9;
  padding: 0 0 0 24px;
  margin:0 0 10px 0;
} 
.marketBlock dl dt h2::before {
  position: absolute;
  content: "";
  top: 50%;
  transform: translateY(-50%);
  left: 10px;
  width: 3px;
  height: 16px;
  background-color: #32baf2;
}



/*--リンクメニュー--*/
/*共通*/
.marketBlock dl dd {
	margin:0 0 37px 0;
}
	.marketBlock dl dd:last-child {
		margin-bottom:0;
	}
.marketBlock dl dd div ul li {
	margin:0 0 15px 0;
}
	.marketBlock dl dd div ul li:last-child {
		margin-bottom:0;
	}
.marketBlock dl dd div h3 {
	margin:0 0 12px 0;
  font-size: 1.6rem;
	font-weight:bold;
}
.marketBlock dl dd div ul li a {
	font-size:1.2em;
	line-height:100%;
	color:#333;
}
	.marketBlock dl dd div ul li a:hover {
		color:#0068b7;
	}
.marketBlock dl dd div ul li a:before {
	content:"";
	display:inline-block;
	width:10px;
	height:5px;
	margin:0 5px 3px 0;
	background:url(/images/common/icon-arrow1.gif) no-repeat;
}
	
	/*1列*/
.marketBlock dl dd .OneRow {
	/*float:left;
	width:50%;*/
  margin: 0 0 20px 0;
}
.marketBlock dl dd .OneRow:last-child{
  margin: 0;
}

	/*2列*/
.marketBlock dl dd .TwoRows {
	/*float:left;
	width:440px;*/
}
.marketBlock dl dd .TwoRows ul li {
	float:left;
	width:50%;
}
	.marketBlock dl dd .TwoRows ul li:nth-last-child(-n+2) {
		margin-bottom:0;
	}
	#PumpStation.marketBlock dl dd .TwoRows ul li:nth-last-child(-n+2) {
		margin-bottom:15px;
	}
	#PumpStation.marketBlock dl dd .TwoRows ul li:last-child {
		margin-bottom:0;
	}


/*2カラム*/
.marketBlock.column2 {
	float:left;
	width:440px;
	margin:0 40px 40px 0;
}
.marketWrap .marketBlock.column2:nth-of-type(2),
.marketWrap .marketBlock.column2:nth-of-type(2n+3) {
	margin-right:0;
}		
	.marketBlock.column2 dl dd ul li:last-child {
		/* margin: 0 0 37px 0; */
	}
	.marketBlock.column2 dl dd:nth-last-child(-n+2) ul li:last-child {
		margin-bottom:0;
	}


/*1カラム*/
.marketBlock.column1 {
	float:left;
	width:920px;
	margin:0 0 40px 0;
}
	/*横長コラム用*/
  .marketBlock.column1 dl dd{
    display: flex;
    flex-wrap:wrap;
  }
	.marketBlock.column1 dl dd .OneRow {
		/*float:left;
		width:20%;*/
    width: calc((100% - 40px)/3);
	}


	.marketBlock.column1 dl dd .TwoRows {
		float:left;
		width:40%;
	}
	.marketBlock.column1 dl dd:nth-last-child(-n+4) div ul li:last-child {
		margin-bottom:0;
	}

/* 特設ページボタン */
.marketBlock .btn a {
	display:inline-block;
	margin:20px 0 0 0;
	padding:10px 16px 10px 10px;
	background-color:#f1f9fa;
	font-size:1.2em;
	vertical-align:middle;
}
.marketBlock .btn a:before {
	content:"";
	display:inline-block;
	width:11px;
	height:11px;
	margin:0 9px 0 0;
	background:url(/images/common/icon-arrow3.gif) no-repeat;
}

/*-- 備考 --*/
.remarks {
	padding:30px 0;
}
.remarks p {
	/*height:13px;
	background:url(/products/market/images/txt-marketEtc.gif) no-repeat;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;*/
  font-size: 1.2rem;
}


/*--------------------------------------------------------------
contact
--------------------------------------------------------------*/
.contact-area {
	padding:0;
	background-color:#f9f9f9;
	border:1px solid #eee;
	border-radius:3px;
  min-height: 88px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 15px 15px 90px;
  box-sizing: border-box;
  
  font-size: 1.6rem;
}

/*.contact-area ul {
	float:right;
	margin:0 16px 0 0;
}
.contact-area ul li {
	float:left;
}
.contact-area ul li:first-child {
		margin:0 16px 0 0;
	}*/
.contact-area ul li a {
	display:block;
	width:355px;
	height:58px;
	background-repeat:no-repeat;
	background-position:top;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
	.contact-area ul li a:hover {background-position:bottom;}
	.contact-area ul .contact-btn a {background-image:url(/products/market/images/btn-contact.gif);}
	.contact-area ul .office-btn a {background-image:url(/products/market/images/btn-office.gif);}