/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

@charset   "UTF-8";
#nouki h2 {
	margin:				50px auto;
	font-size:			27px;
	font-weight:		bold;
}
#nouki p {
	width:				70%;
	margin:				50px auto;
	font-size:			16px;
	line-height:		23px;
	text-align:			left;
}
#nouki img {
	width:				100%;
}
#nouki section {
	width:				80%;
	max-width:			1440px;
	margin:				0 auto;
	padding:			50px 0 20px 0;
/*border:1px red solid;*/
}
#nouki h3 {
	width:				100%;
	margin:				30px auto;
	text-align:			left;
	font-size:			20px;
	font-weight:		bold;
}
#nouki h4 {
	width:				100%;
	text-align:			left;
	font-size:			19px;
	font-weight:		bold;
	padding-top:		20px;
}
@media screen and ( max-width:768px ) {
	#nouki h2 {
		font-size:			20px;
	}
	#nouki h3 {
		font-size:			17px;
	}
	#nouki h4 {
		font-size:			16px;
	}
	#nouki section {
		width:				95%;
		padding-top:		40px;
		padding-bottom:		0;
	}
}

/****************************************************/
/* 農機施設のサービスのご紹介クエリア							*/
/****************************************************/
#service {
	display:			-webkit-box;
	display:			-ms-flexbox;
	display:			flex;
	-webkit-box-orient:			horizontal;
	-webkit-box-direction:			normal;
	    -ms-flex-flow:			row wrap;
	        flex-flow:			row wrap;
	-webkit-box-pack:	center;
	    -ms-flex-pack:	center;
	        justify-content:	center;
}
#service .cont {
	display:			inline-block;
	width:				24%;
	min-width:			245px;
	margin:				5px .5%;
	background-color:	#e4e9eb;
	border-radius:		7%;
	text-align:			left;
	vertical-align:		top;
	padding:			20px 10px;
	line-height:		23px;
	-webkit-box-sizing: 		border-box;
	        box-sizing: 		border-box;
}
#service .head, #service ul {
	width:				100%;
	-webkit-box-sizing: 		border-box;
	        box-sizing: 		border-box;
}
#service .head {
	margin:				10px auto;
	font-size:			16px;
	font-weight:		bold;
}
#service ul {
	padding-left:		25px;
}
#service li {
	font-size:			15px;
}
@media screen and ( max-width:768px ) {
	#service .cont {
		width:				80%;
		border-radius:		7px;
		line-height:		18px;
		padding:			10px 5px 10px 10px;
		min-width:			unset;
	}
	#service .head {
		margin:				5px auto;
		font-size:			15px;
	}
	#service li {
		font-size:			13px;
	}
}

/****************************************************/
/* ＪＡ農機レンタルのご案内エリア								*/
/****************************************************/
#rental .merit {
	width:				85%;
	margin:				0 auto;
	padding:			10px 0;
	display:			-webkit-box;
	display:			-ms-flexbox;
	display:			flex;
	-webkit-box-orient:			horizontal;
	-webkit-box-direction:			normal;
	    -ms-flex-flow:			row wrap;
	        flex-flow:			row wrap;
	-webkit-box-align:		center;
	    -ms-flex-align:		center;
	        align-items:		center;
	-webkit-box-pack:	center;
	    -ms-flex-pack:	center;
	        justify-content:	center;
}
#rental .merit img {
	width:				80px;
	padding:			10px;
	-webkit-box-sizing: 		border-box;
	        box-sizing: 		border-box;
}
#rental .merit div {
	width:				calc(100% - 90px);
	display:			-webkit-box;
	display:			-ms-flexbox;
	display:			flex;
	-webkit-box-orient:			vertical;
	-webkit-box-direction:			normal;
	    -ms-flex-flow:			column wrap;
	        flex-flow:			column wrap;
	-webkit-box-align:		center;
	    -ms-flex-align:		center;
	        align-items:		center;
	-webkit-box-pack:	start;
	    -ms-flex-pack:	start;
	        justify-content:	flex-start;
}
#rental .merit div p.tit {
	width:				100%;
	margin:				0;
	padding:			10px 0;
	color:				#113285;
	font-size:			18px;
	font-weight:		bold;
}
#rental .merit div p.con {
	width:				100%;
	margin:				0;
	padding:			10px 0;
	font-size:			18px;
}
@media screen and ( max-width:768px ) {
	#rental .merit {
		width:				100%;
	}
}
@media screen and ( max-width:428px ) {
	#rental .merit img {
		padding:			5px;
	}
	#rental .merit div p.tit,
	#rental .merit div p.con {
		padding:			5px 0;
		font-size:			16px;
	}
	#rental .merit div p.con {
		line-height:		18px;
	}
}
/*　レンタルの流れ ***************************************/
#rental .flow {
	width:				85%;
	margin:				0 auto;
	padding:			10px 0;
	display:			-webkit-box;
	display:			-ms-flexbox;
	display:			flex;
	-webkit-box-orient:			horizontal;
	-webkit-box-direction:			normal;
	    -ms-flex-flow:			row wrap;
	        flex-flow:			row wrap;
	-webkit-box-align:		start;
	    -ms-flex-align:		start;
	        align-items:		flex-start;
	-webkit-box-pack:	start;
	    -ms-flex-pack:	start;
	        justify-content:	flex-start;
}
#rental .flow .tit {
	width:				150px;
}
#rental .flow .con {
	width:				calc(100% - 150px);
}
#rental .flow .tit,
#rental .flow .con {
	margin:				0;
	padding:			10px 0;
	-webkit-box-sizing: 		border-box;
	        box-sizing: 		border-box;
	font-size:			18px;
	text-align:			left;
}
@media screen and ( max-width:768px ) {
	#rental .flow {
		width:				100%;
	}
	#rental .flow .tit,
	#rental .flow .con {
		font-size:			16px;
	}
}
@media screen and ( max-width:428px ) {
	#rental .flow {
		-webkit-box-orient:			vertical;
		-webkit-box-direction:			normal;
		    -ms-flex-flow:			column wrap;
		        flex-flow:			column wrap;
	}
	#rental .flow .tit,
	#rental .flow .con {
		font-size:			16px;
	}
	#rental .flow .tit {
		width:				100%;
		padding-bottom:		0;
	}
	#rental .flow .con {
		width:				100%;
		padding-top:		0;
		padding-left:		10px;
	}
}
/*　レンタルの流れ ***************************************/
#rental .machine {
	width:				90%;
	margin:				0 auto;
	padding:			10px 0;
	display:			-webkit-box;
	display:			-ms-flexbox;
	display:			flex;
	-webkit-box-orient:			horizontal;
	-webkit-box-direction:			normal;
	    -ms-flex-flow:			row wrap;
	        flex-flow:			row wrap;
	-webkit-box-pack:	center;
	    -ms-flex-pack:	center;
	        justify-content:	center;
}
#rental .machine div {
	width:				320px;
	margin:				10px;
	padding:			10px;
	display:			-webkit-box;
	display:			-ms-flexbox;
	display:			flex;
	-webkit-box-orient:			vertical;
	-webkit-box-direction:			normal;
	    -ms-flex-flow:			column wrap;
	        flex-flow:			column wrap;
	-webkit-box-pack:	center;
	    -ms-flex-pack:	center;
	        justify-content:	center;
}
#rental .machine div img {
	width:				100%;
}
#rental .machine div p {
	width:				100%;
	margin:				0;
	text-align:			center;
}
#rental .machine div p.name {
	margin:				15px 0;
	font-size:			18px;
	font-weight:		bold;
	border-bottom:		1px #555555 solid;
}
@media screen and ( max-width:768px ) {
	#rental .machine {
		width:				100%;
	}
}
@media screen and ( max-width:428px ) {
	#rental .machine div {
		width:				95%;
		margin:				0px;
		padding:			10px;
	}
	#rental .machine div p {
		font-size:			14px;
		line-height:		18px;
	}
	#rental .machine div p.name {
		margin:				0;
		padding:			5px 0;
		font-size:			16px;
	}
}
/*　Ｑ＆Ａ ********************************************/
#rental .qanda {
	width:				100%;
	margin:				0 auto;
	padding:			10px;
	-webkit-box-sizing: 		border-box;
	        box-sizing: 		border-box;
}
#rental .qanda p {
	width:				100%;
	margin:				0;
	text-indent:		-2em;
	padding-left:		2em;
	-webkit-box-sizing: 		border-box;
	        box-sizing: 		border-box;
}
#rental .qanda p.q,
#rental .qanda p.q span {
	color:				#227D51;
}
#rental .qanda p.a {
	margin-bottom:		15px;
}
#rental .qanda p span {
	font-weight:		bold;
}
#rental .qanda p.a span{
	color:				#CB1B45;
}
@media screen and ( max-width:428px ) {
	#rental .qanda {
		padding:			10px 0;
	}
	#rental .qanda p {
		font-size:			14px;
		line-height:		18px;
	}
}
/*　お問合わせ *****************************************/
#rental .inquiry {
	width:				100%;
	margin:				0 auto;
	padding:			10px;
	-webkit-box-sizing: 		border-box;
	        box-sizing: 		border-box;
	display:			-webkit-box;
	display:			-ms-flexbox;
	display:			flex;
	-webkit-box-orient:			horizontal;
	-webkit-box-direction:			normal;
	    -ms-flex-flow:			row wrap;
	        flex-flow:			row wrap;
	-webkit-box-pack:	start;
	    -ms-flex-pack:	start;
	        justify-content:	flex-start;
}
#rental .inquiry p {
	width:				400px;
	margin:				10px;
	padding:			20px 5px;
	-webkit-box-sizing: 		border-box;
	        box-sizing: 		border-box;
	background-color:	#336774;
	border-radius:		2px;
	color:				#ffffff;
	text-align:			center;
	font-size:			18px;
}
@media screen and ( max-width:768px ) {
	#rental .inquiry {
		padding:			10px 0;
	}
}
@media screen and ( max-width:428px ) {
	#rental .inquiry {
		-webkit-box-pack:	center;
		    -ms-flex-pack:	center;
		        justify-content:	center;
	}
	#rental .inquiry p {
		width:				96%;
		font-size:			16px;
	}
}

/****************************************************/
/* ＪＡ全農のWEBサイトエリア								*/
/****************************************************/
#outside .cont {
	width:				100%;
	padding:			10px;
	-webkit-box-sizing: 		border-box;
	        box-sizing: 		border-box;
	display:			-webkit-box;
	display:			-ms-flexbox;
	display:			flex;
	-webkit-box-orient:			horizontal;
	-webkit-box-direction:			normal;
	    -ms-flex-flow:			row wrap;
	        flex-flow:			row wrap;
	-webkit-box-align:		start;
	    -ms-flex-align:		start;
	        align-items:		flex-start;
	-webkit-box-pack:	start;
	    -ms-flex-pack:	start;
	        justify-content:	flex-start;
}
#outside .commonBtn_P {
	width:				300px;
	margin:				10px;
	padding:			20px 5px;
	-webkit-box-sizing: 		border-box;
	        box-sizing: 		border-box;
	font-size:			18px;
}
@media screen and ( max-width:768px ) {
	#outside .cont {
		padding:			10px 0;
	}
}
@media screen and ( max-width:428px ) {
	#outside .cont {
		-webkit-box-pack:	center;
		    -ms-flex-pack:	center;
		        justify-content:	center;
	}
	#outside .commonBtn_P {
		width:				95%;
		font-size:			16px;
	}
}