@charset "UTF-8";
/* CSS Document */
#Message {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
	height: 30vw;
	max-height: 300px;
	/*230630修正*/
	/*background: url("../images/company/photo_top.png") no-repeat bottom right #e3e6ed;*/
	/*background: url("../images/company/photo_nagata.png") no-repeat bottom right #e3e6ed;*/
	background: url("../images/company/photo_nagata_2023.png") no-repeat bottom right #e3e6ed;
	background-size: contain;
	margin-bottom: 1em;
}
#Message div {
	margin-right: auto;
	width: 100%;
}
#Message p {
	font-family: 'Noto Serif JP', serif;
	font-weight: 700;
	display: block;
	font-size: 125%;
	line-height: 150%;
	margin-left: 1em;
}
#ProfileArea {
	position: relative;
}
#HeadOfficePhoto {
	display: block;
	width: 150px;
	height: 200px;
	position: absolute;
	right: 5px;
	top: 5px;
}
#ProfileTbl {
	width: 100%;
	margin: 1em auto;
	font-size: 90%;
}
#ProfileTbl > tbody > tr > th, #ProfileTbl > tbody > tr > td {
	padding: 0.25em 1em;
	border: solid 1px #cccccc;
	text-align: left;
	font-weight: 300;
}
#ProfileTbl > tbody > tr > th {
	background-color: #eeeeee;
	white-space: nowrap;
}
#ProfileTbl table {
	width: auto;
	max-width: 100%;
}
#ProfileTbl table td {
	text-align: left;
	padding-right: 1em;
	word-break: keep-all;
	line-break: strict;
	word-wrap: break-word;
	overflow-wrap: break-word;
}
#ProfileTbl ul {
	margin-left: 1.5em;
}
iFrame.AccessMap {
	width: 100%;
	height: 30vw;
	max-height: 300px;
}
#PageContents #NetworkMap {
	display: block;
	position: relative;
	width: auto;
	min-width: 500px;
	height: 380px;
	background: url("../images/company/jp_map_20250618.png") no-repeat center center;
	background-size: 500px 380px;
	text-align: center;
}
#PageContents #NetworkMap ul {
	display: inline-block;
	width: 500px;
	height: 380px;
	position: relative;
	margin: 0;
	padding: 0;
}
#PageContents #NetworkMap li {
	position: absolute;
	height: 3.94737%;
	text-indent: -999em;
	line-height: 100%;
	list-style: none;
	padding: 0;
	margin: 0;
}
#NetworkMap li a {
	display: block;
	width: 100%;
	height: 100%;
	/*border:solid 1px red;*/
}
#NetworkMap li#MapHonsya {
	width: 5%;
	left: 32%;
	top: 39.47368%;
}
#NetworkMap li#MapHokaidou {
	width: 13.26467%;
	left: 51%;
	top: 4.70727%;
}
#NetworkMap li#MapShikoku {
	width: 11%;
	left: 7%;
	/*230921修正*/
	/*top: 42.10526%;*/
	/*231127修正*/
	top:37.86516%;
}
#NetworkMap li#MapKyusyu {
	width: 11%;
	left: 1%;
	top: 57.89474%;
}
#NetworkMap li#MapKoyama_nouzai {
	width: 13%;
	left: 80%;
	top: 43.68421%;
}
#NetworkMap li#MapKagawa {
	width: 13%;
	left: 31%;
	top: 84.21053%;
}
#NetworkMap li#MapGijutsu {
	width: 15%;
	left: 7%;
	/*230921修正*/
	/*top: 46.31579%;*/
	top:42.07569%;
	/*231127修正*/
	display: none;
}
#NetworkMap li#MapSapporo {
	width: 13.2%;
	left: 51%;
	top: 8.94737%;
}
#NetworkMap li#MapFujimi {
	/*240308修正*/
	/*width: 15.2%;
	left: 64.46466%;
	top: 80.52632%;*/
	width: 11%;
	left: 82.06467%;
	top: 80.53755%;
}
#NetworkMap li#MapKumamoto {
	width: 13%;
	left: 1%;
	top: 62.10526%;
}
#NetworkMap li#MapNagano_kawakami {
	width: 27%;
	left: 13%;
	/*230921修正*/
	/*top: 32.63158%;*/
	top: 25.52632%;
}
#NetworkMap li#MapNagano_nannmoku {
	width: 27%;
	left: 13%;
	/*230921修正*/
	/*top: 28.42105%;*/
	top:29.73684%;
}
/*220913追記*/
#NetworkMap li#Map_osakaseed {
	width: 20.6%;
	left: 72.5%;
	top: 91.2%;
}
/*220913追記ここまで*/
/*230921追記*/
#NetworkMap li#MapEhime_irrigation{
	width: 13%;
	left: 7%;
	top: 46.301%;
}
#NetworkMap li#MapEhime_seedcoating{
	width: 14.4%;
	left: 7%;
	top:42.07569%;
}
/*230921追記ここまで*/
/*231031追記ここから*/
#NetworkMap li#MapHigasinihon {
	width: 12.9534%;
	left: 80.06467%;
	top: 35.23358%;
}
#NetworkMap li#MapKoyama_shushi {
	width: 15%;
	left: 77.86467%;
	top: 39.47368%;
}
/*231031追記ここまで*/
/*240617追記ここから*/
#NetworkMap li#MapNagano_nakano {
	width: 27%;
	left: 13%;
	top:19.21053%;
}
/*240617追記ここまで*/
/*250618追記ここから*/
#NetworkMap li#MapSeisan_Gijutsu {
	width: 11%;
	left: 7%;
	top: 50.52632%;
}
/*250618追記ここまで*/
.BranchList {
	width: 100%;
}
.BranchList tr:nth-child(even) {
	background-color: #f6f6f6;
}
.BranchList th, .BranchList td {
	border: solid 1px #cccccc;
	padding: 0.5em 1em;
	vertical-align: middle;
	text-align: left;
	font-weight: 500;
}
.BranchList th {
	white-space: nowrap;
	width: 10em;
}
p.CatchCopy{
	color: #047149;
	font-weight: 700;
	font-size: 120%;
}
ul.Features{
	margin-left: 2em;
}
.BorderBox {
	position: relative;
	margin: 2em 0;
	padding: 0.5em 1em;
	border: solid 3px #cccccc;
}
/*240227修正*/
.BorderBox h2 {
	position: absolute;
	display: inline-block;
	top: -0.5em;
	left: 50%;
	transform: translateX(-50%);
	margin: 0;
	padding: 0 1em;
	line-height: 1;
	background: #ffffff;
	/*240227修正*/
	font-size: 150%;
	/*font-weight: 700;*/
	border: none;
}
#PageContents ul, #PageContents ol{
	margin-left: 2em;
}
#PageContents ol.GrayBox, #PageContents ul.GrayBox {
	padding: 1em 1em 1em 2em;
	counter-reset: list;
	list-style-type: none;
	margin: 1em 0;
	background: #eeeeee;
	border-radius: 0.5em;
}
#PageContents ul.GrayBox {
	padding: 1em;
}
#PageContents ol.GrayBox li {
	margin-bottom: 1em;
	position: relative;
	padding: 0 0 0 1.5em;
}
#PageContents ul.GrayBox li {
	margin-bottom: 1em;
	position: relative;
	padding: 0;
}
#PageContents ol.GrayBox li:last-of-type {
	margin-bottom: 0;
}
#PageContents ol.GrayBox li:before {
	counter-increment: list;
	content: counter(list);
	position: absolute;
	left: -10px;
	width: 1.5em;
	height: 1.5em;
	text-align: center;
	color: #fff;
	font-weight: 700;
	line-height: 1.5em;
	background: #4d4d4d;
	border-radius: 50%;
	top: 0;
}
.AlignCenter img {
	max-width: 50%;
	height: auto;
}
/*タブレット*/
@media screen and (min-width:768px) and (max-width:999px) {
	#Message {
		width: 100%;
		height: 30vw;
	}
	#Message p {
		font-size: 2vw;
	}
	#HeadOfficePhoto {
		width: 15vw;
		height: 20vw;
		right: 0.5vw;
		top: 0.5vw;
	}
	#ProfileTbl {
		font-size: 90%;
	}
	.BranchList th, .BranchList td {
		font-size: 1.65vw;
	}
	.BranchList th {
		width: 8vw;
	}
}
/*スマホ*/
@media screen and (max-width: 767px) {
	#Message {
		width: 100%;
		height: 41.4vw;
	}
	#Message p {
		width: 100%;
		font-size: 100%;
	}
	#HeadOfficePhoto {
		width: 15vw;
		height: 20vw;
		right: 0.5vw;
		top: 0.5vw;
	}
	#ProfileTbl {
		font-size: 90%;
	}
	/*230608追記*/
	#PageContents #NetworkMap {
		position: relative;
		width: 100%;
		min-width: 100%;
		height: 50vw;
		background-size: contain;
	}
	#NetworkMap ul {
		display: none !important;
	}
	.BranchList th, .BranchList td {
		font-size: 100%;
	}
	.BranchList th {
		width: 20vw;
	}
	#PageContents ol.GrayBox li:before {
		top: 0.25em;
		left: -0.75em;
		width: 1.5em;
		height: 1.5em;
		line-height: 1.5em;
	}
	@media screen and (max-aspect-ratio: 11/10) {
		/* 縦向きの場合のスタイル */
		#Message {
			display: block;
			width: 100%;
			height: auto;
			padding-bottom: 80vw;
			/*230630修正*/
			/*background: url("../images/company/photo_top.png") no-repeat bottom right #e3e6ed;*/
			/*background: url("../images/company/photo_nagata.png") no-repeat bottom right #e3e6ed;*/
			background: url("../images/company/photo_nagata_2023.png") no-repeat bottom right #e3e6ed;
			background-size: auto 50vw;
		}
		#Message div {
			padding-top: 2em;
		}
		#Message p {
			font-size: 4vw;
			margin-left: 0.5em;
			margin-right: 0.5em;
		}
		#HeadOfficePhoto {
			position: relative;
			width: 100%;
			height: 100%;
			right: 0;
			top: 0;
			overflow: hidden;
			text-align: center;
		}
		#ProfileTbl > tbody > tr {
			border: solid 1px #cccccc;
		}
		#ProfileTbl > tbody > tr > th, #ProfileTbl > tbody > tr > td {
			display: block;
			width: 100%;
			padding: 0.25em;
			border: none;
			/*font-size: 90%;*/
		}
		#ProfileTbl > tbody > tr > th {
			background-color: #eeeeee;
			white-space: nowrap;
		}
		#ProfileTbl table td {
			text-align: left;
			padding-right: 0.5em;
			word-break: keep-all;
			line-break: strict;
			word-wrap: break-word;
			overflow-wrap: break-word;
		}
		/*230608追記*/
		#PageContents #NetworkMap {
			width: 100%;
			height: 76vw;
		}
		.BranchList tr {
			border: solid 1px #cccccc;
		}
		.BranchList th, .BranchList td {
			display: block;
			width: 100%;
			font-size: 100%;
			border: none;
		}
		.BranchList th {
			width: 100%;
			border-bottom: dotted 1px #cccccc;
		}
		.ProdBox {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			flex-flow: column;
		}
		.ProdBox .PhotoArea {
			display: block;
			width: 100%;
			text-align: center;
		}
		.ProdBox .PhotoArea img {
			width: 45vw;
		}
		.ProdBox div {
			width: 100%;
			font-size: 100%;
			line-height: 150%;
		}
		#PageContents ol.GrayBox, #PageContents ul.GrayBox {
			padding: 0.5em 0.75em 0.5em 1.75em;
			border-radius: 0.5em;
		}
		#PageContents ul.GrayBox {
			padding: 0.75em;
		}
	}
}