@charset "UTF-8";

img{
	border:none !important;
}

.ag-mainimg-ct,.ag-flow-ct,.ag-func-ct,.lettuce-ct{
	width:99%;
	margin:0 auto 60px auto;
	color: #4D4D4D;
}

.ag-title-ct{
	width: 100%;
	display:block;
	margin:10px auto 0 auto;
	color: #4D4D4D;
}

.ag-title-ct img{
	width:98%;
}

.ag-title-ct p{
	text-align:right;
}

.ag-intro-p{
	border-top:5px solid #CEECCD;
	padding-top:10px;
	font-size:13px;
	line-height:19px;
	margin-top:20px;
}

.ag-mainimg-ct{
	text-align:center;
}

.ag-mainimg-ct img{
	display:block;
	margin: 0 auto 20px auto;
}

.ag-mainimg-ct h2{
	font-size:14pt;
	font-weight:bold;
	line-height:24px;
}

.ag-mainimg-ct h2 span{
	font-size:11pt;
}

.ag-mainimg-ct p{
	max-width:430px;
	margin: 10px auto;
	text-align:left;
	font-size:13pt;
	line-height:19px;
}

.ag-contact,.netshop{
	display:block;
	clear:both;
	width: 100%;
	background-color:#D70034;
	font-size:13pt;
	text-align:center;
	color:white;
	padding:15px 0;
	margin-top:15px;
	text-decoration:none;
    -moz-transition: -moz-background 0.2s ease-in-out;
    -webkit-transition: -webkit-background 0.2s ease-in-out;
    -o-transition: -o-background 0.2s ease-in-out;
    -ms-transition: -ms-background 0.2s ease-in-out;
    transition: background 0.2s ease-in-out;
}

.ag-contact:hover,.netshop:hover{
	background-color: #DD2652;

}

.ag-flow-ct{
	background-color: #CEECCD;
	padding:5px 0 30px 0;
}

.ag-flow-ct img:not(.arrow){
	display:block;
	width:90%;
	margin: 50px auto 40px auto;
}

.ag-flow-ct h3,.ag-func-ct h3{
	font-size:15.5pt;
	text-align: center;
	font-weight:700;
}

.ag-flow-ct h3 span{
	font-size:58%;
	display:block;
}

.year-flow{
	max-width:325px;
	margin:0 auto;
}

.flow-ct{
	width:100%;
	border-radius:10px;
	border:1px solid #168258;
	display:inline-table;
}

.arrow{
	width: 25px;
	vertical-align: middle;
	margin:20px 150px;
	transform: rotate(90deg);
}

.green{
	display:block;
	background-color: #168258;
	padding:10px !important;
	border-radius:7px 7px 0 0;
	color:white;
	margin:0 !important;
}

.white{
	display:block;
	background-color: white;
	padding:10px !important;
	border-radius: 0 0 9px 9px;
	font-size:9.3pt;
	margin:0 !important;
}

.ag-func-ct h3{
	padding-bottom:40px;
}

.func-ct{
	width:100%;
	margin-bottom:30px;
}

.func-ct-top{
	background-color: #ceeccd;
	height:50px;
	padding:10px 0 20px 0;
}

.arrow2{
	display:none;
}

.func-ct-top img{
	width:100px;
	display:block;
	float: left;
	margin:0 !important;
}

.func-ct-top p{
	font-weight:bold;
	margin: 0 !important;
	padding: 10px !important;
	font-size:20px !important;
}

.func-ct-top span{
	display:block;
	font-size:55%;
}

.func-ct-mid img{
	position: absolute;
	left:0;
	right:0;
	width:208px;
	margin:0 auto;
}

.func-ct-bm{
	font-size:10pt;
	line-height:16pt;
	padding:10px;
	margin-top:150px;
	letter-spacing:-0.5px;
}

.clear{
	clear:both;
}


/*レタス*/

.lettuce-ct{
	width:92%;
	height:auto;
	background-image: url(../products/img/agranger/lettuce-bgimg.png);
	color:#172A3A;
	padding:4%;
}

.lettuce-ct p{
	margin: 0 !important;
	padding: 0 !important;
}

.lettuce-ct-top img{
}

.lettuce-fl{
	margin: 0 auto;
}

.lettuce-list{
}

.img-ct{
	display:block;
	max-width:220px;
	margin:0 auto;
	position: relative;
}

.img-title,.lettuce-list p{
	position: relative;
	top:-25px;
}
.netshop{
	font-size:12px;
	width:110px;
	line-height:16px;
	padding:7px 0;
	position: absolute;
	right:-20px;
	bottom:-26px;
}