@charset "UTF-8";

/* -------------------------- */
/* content */
/* -------------------------- */

/* common */
.content .container {
	text-align: center;
}

.linkTxt {
	margin-top: 20px;
}
.linkTxt a {
	text-decoration: underline;
}

.normalTxt a {
	text-decoration: underline;
}

.pb0 {
	padding-bottom: 0!important;
}


/* businessMain */
.businessMain {
	padding: 40px 0;
	background: url(/images/plant_factory/bg_plant_factory.jpg) center;
	background-size: cover;
	color: #fff;
	text-indent: -9999px;
	white-space: nowrap;
	overflow: hidden;
}
	.businessMain .businessTitle small {
		/* display: block;
		font-family: "リュウミン M-KL"; */
	}
	.businessMain .businessTitle .businessMessage {
		/* font-size: 2.4rem;
		font-style: normal;
		font-family: "リュウミン M-KL"; */
	}

/* businessList */
.businessList {
}
	.businessList .businessListTitle {
		margin-bottom: 20px;
		font-size: 1.8rem;
		font-family: "FOT-ニューセザンヌ Pro B";
		font-weight: bold;
		text-align: center;
	}
	.businessList h4 {
		margin-bottom: 20px;
		font-weight: bold;
		font-size: 1.6rem;
	}
	.businessList .container > .normalTxt {
		margin-bottom: 20px;
	}
		.businessList .normalTxt strong {
			display: inline-block;
			font-size: 1.8rem;
			font-family: "FOT-ニューセザンヌ Pro B";
		}
		.businessList .factoryBox {
			margin-bottom: 20px;
		}
		.businessList .factoryBox .factoryImg {
			margin-bottom: 15px;
		}
		.businessList .factoryBox:not(:last-child) .normalTxt {
			margin-bottom: 30px;
		}

	.businessList .point {
		padding: 20px;
		margin-bottom: 20px;
		border: solid 1px #ddd;
		background: rgba(255, 255, 255, 0.5);
	}
	.businessList .point strong {
		padding-top: 0!important;
	}
	.businessList .point ul {
		text-align: left;
	}
		.businessList .point ul li {
			position: relative;
			padding-left: 20px;
		}
		.businessList .point ul li::before {
			content: '●';
			position: absolute;
			top: 0;
			left: 0;
		}

.businessList:nth-of-type(1) {
}
	.businessList:nth-of-type(1) .normalTxt strong {
		padding-top: 20px;
	}

.businessList.bg_a {
	background: url(/images/bg/bg_content.jpg);
}
/* .businessList.bg_a .businessImg {
	padding: 0 15px;
} */
.businessList.bg_a .normalTxt strong {
	padding-top: 20px;
}

.businessList.bg_b {
	padding-top: 60px;
}
	.businessList.bg_b .normalTxt strong {
		padding-bottom: 0;
	}
	.businessList.bg_b .btnMore {
		margin: 30px 40px 50px;
	}


	/* .businessList .btnMore a {
		padding: 10px 20px;
	} */
	.businessList .actions .btnMore:nth-child(2) {
		margin-top: 10px;
	}


	.pamphlet_link_btn,
	.document_request .btnMore {
		width: 316px;
		margin: 0 auto;
	}


/* businessList problem_box */
.problem_box {
	padding: 30px 15px;
}
.problem_box .problem_list_box {
	display: flex;
	flex-direction: column;
	/* justify-content: center; */
	justify-content: space-between;
}
.problem_box .problem_list_box .problem_list_box_inner {
	display: flex;
	flex-direction: column;
	width: 100%;
	margin-bottom: 30px;
}
	.problem_box .productListTitle {
		text-align: center;
		font-size: 1.8rem;
		font-family: "FOT-ニューセザンヌ Pro B";
		font-weight: bold;
	}
	.problem_box .productListTitle .dot-text {
		padding-top: 10px;
		background-position: top left -2px;
		background-repeat: repeat-x;
		background-size: 1em .3em;
		background-image: radial-gradient(.15em .15em at center center,#008206,#008206 100%,transparent);
	}
.problem_box .problem_list_box .problem_list {
	border: 2px solid #008206;
	padding: 30px 20px;
	background: rgba(255, 255, 255, 0.5);
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: column;
	flex: 1 0 auto;
	margin-top: 60px;
}
/* .problem_box .problem_list_box .problem_list:last-child {
	margin-top: 60px;
} */
.problem_box .problem_list_box .problem_list img.img_clip {
	width: 120px;
	position: absolute;
	top:-55px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
}
.problem_box .problem_list_box .problem_list li {
	border-bottom: 1px dotted #008206;
	font-size: 1.5rem;
	font-weight: bold;
	padding-bottom: 5px;
	padding-left: 4rem;
	text-indent: -4rem;
}
.problem_box .problem_list_box .problem_list li:not(:last-child) {
	margin-bottom: 5px;
}
.problem_box .problem_list_box .problem_list li img {
	width: 25px;
	margin-right: 5px;
}
.problem_box .problem_list_box .problem_list .recommendation_txt {
	text-align: center;
	font-size: 1.4rem;
}
.problem_box .problem_list_box .problem_list .recommendation_txt span {
	font-weight: bold;
	font-weight: 1.6rem;
	color: #008206;
}
.document_request {
	text-align: center;
}
.document_request a {
	background: #fff;
	color: #008206;
}
.problem_box .document_request .document_request_txt {
	margin-bottom: 10px;
	font-size: 1.6rem;
	font-weight: bold;
}
.problem_box .problem_list_box .problem_list .recommendation_wrap {
	margin-top: auto;
}
	.problem_box .problem_list_box .problem_list .recommendation_wrap .recommendation_txt {
		margin: 30px auto 15px;
		font-size: 1.4rem;
	}
	.problem_box .problem_list_box .problem_list .recommendation_wrap .recommendation_txt span {
		font-size: 1.6rem;
	}
	.problem_box .problem_list_box .problem_list .recommendation_wrap .btnMore {
		display: block;
	}

.problem_box .document_request .document_request_txt {
	font-size: 1.8rem;
}
.pamphlet_link_btn a {
	background: url(../images/plant_factory/icon_pdf.png) no-repeat #ffffff 30px 18px;
	padding: 20px 20px 16px 30px;
	color: #008206;
}


/* .document_request .btnExLink {
	width: 316px;
	margin: 30px auto 0;
	position: relative;
}
.document_request .btnExLink a {
 padding: 10px 20px;
 background: #008206;
 border: 1px solid #008206;
 color: #fff;
 display: block;
 text-align: center;
 text-decoration: none;
 opacity: 1;
 position: relative;
}
.document_request .btnExLink a:hover {
 opacity: 0.6;
} */

/* <a href="" class="btn btn-gradient"><span>PUSH！</span></a> */

.document_request .btnExLink {
	max-width: 600px;
	margin: 30px auto 0;
	position: relative;
}
.document_request .btnExLink a {
  display: flex;
  align-items: center;
  justify-content: center;
	padding: 20px;
  line-height: 1.3;
  text-decoration: none;
  color: #fff;
  font-size: 1.4rem;
  border: 2px solid #fff;
  transition: 0.3s;
  box-shadow: 0px 4px 10px -2px rgba(0, 0, 0, 0.3);
  background-image: linear-gradient(90deg, rgba(141, 194, 31, 1), rgba(0, 130, 6, 1));
}
.document_request .btnExLink a:hover {
  box-shadow: 0 0 rgba(0, 0, 0, .3);
	opacity: .8;
}
@media only screen and (min-width:1024px) {
	.document_request .btnExLink a {
		font-size: 1.6rem;
	}
}

@media only screen and (min-width:1024px) {
.problem_box {
	padding: 50px;
}
.problem_box .productListTitle {
	font-size: 2.6rem;
}
.problem_box .productListTitle .dot-text {
	padding-top: 15px;
}
.problem_box .problem_list_box {
	max-width: 1056px;
	margin: 0 auto;
	flex-direction: row;
}
.problem_box .problem_list_box .problem_list_box_inner {
	width: 48%;
	max-width: 540px;
}

.problem_box .problem_list_box .problem_list {
	/* width: 45%;
	max-width: 540px; */
	margin-top: 80px;
	padding: 50px 25px 30px;
}


/* .problem_box .problem_list_box .problem_list:first-child {
	margin-bottom: 0;
	margin-right: 20px;
}
.problem_box .problem_list_box .problem_list:last-child {
	margin: 0 0 0 20px;
} */
.problem_box .problem_list_box .problem_list img.img_clip {
	width: 150px;
	position: absolute;
	top: -70px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
}
.problem_box .problem_list_box .problem_list li {
	font-size: 2rem;
}
.problem_box .problem_list_box .problem_list .problem_list_left li:not(:last-child) {
	margin-bottom: 10px;
}
.problem_box .problem_list_box .problem_list .problem_list_right li:not(:last-child) {
	margin-bottom: 20px;
}
.problem_box .problem_list_box .problem_list li img {
	width: 35px;
}
.problem_box .problem_list_box .problem_list .recommendation_wrap  .recommendation_txt {
	margin: 30px auto 15px;
	font-size: 1.6rem;
}
.problem_box .problem_list_box .problem_list .recommendation_wrap  .recommendation_txt span {
	font-size: 1.8rem;
}
.problem_box .problem_list_box .problem_list .recommendation_wrap .btnMore {
	margin: 0 auto;
}

.problem_box .document_request .document_request_txt {
	font-size: 1.8rem;
}
.pamphlet_link_btn a {
	padding: 20px 20px 16px 50px;
}
}






/* videoList */
.videoList {
	background: url(/images/bg/bg_content.jpg);
}
	.videoList .videoBox {
		position: relative;
		padding-bottom: 56.25%;
		height: 0;
		width: 100%;
		overflow: hidden;
	}
		.videoList .videoBox iframe {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}



/* productList */
.productList {
	padding-bottom: 0;
}
	.productList .productListTitle {
		margin-bottom: 40px;
		font-size: 1.8rem;
		font-family: "FOT-ニューセザンヌ Pro B";
		font-weight: bold;
		text-align: center;
	}
	.productList .normalTxt {
		margin-bottom: 20px;
	}
	.productList .normalTxt strong {
		display: inline-block;
		font-size: 1.8rem;
		font-family: "FOT-ニューセザンヌ Pro B";
		color: #008206;
	}
	.productList .point {
		display: block;
		max-width: 600px;
		margin: 0 auto 30px;
		padding: 20px;
		background-color: #ebf4d0;
	}
		.productList .point ul {
			text-align: left;
		}
			.productList .point ul li {
				position: relative;
				padding-left: 20px;
				font-size: 1.6rem;
			}
			.productList .point ul li::before {
				content: '●';
				position: absolute;
				top: 0;
				left: 0;
			}
	.productList .flowTitle {
		margin: 40px 0 20px;
		font-size: 1.6rem;
		font-weight: bold;
	}
	.productList .flow {
		display: flex;
		flex-direction: column;
	}
		.productList .flow li {
			position: relative;
		}
		.productList .flow li:not(:last-child)::after {
			content: "";
			display: block;
			position: absolute;
			right: 0;
			bottom: 20px;
			left: 0;
			transform: translateY(50%);
			margin: auto;
			width: 0;
			height: 0;
			border-top: solid 10px #e83c00;
			border-right: solid 10px transparent;
			border-left: solid 10px transparent;

		}
		.productList .flow li .flowImg {
		}
			.productList .flow li .flowImg img {
				width: 100%;
				border: solid 1px #f5f5f5;
			}
			.productList .flow li .flowTxt {
				padding: 20px 20px 40px;
				font-size: 1.6rem;
			}
	.productList .businessImg {
		margin-top: 60px;
	}

		#product02 .point {
			margin-bottom: 20px;
		}

.cultivated_items .cultivated_items_txt {
	font-size: 1.6rem;
	font-weight: bold;
	margin-bottom: 10px;
}
.cultivated_items .cultivated_items_txt span {
	font-size: 1.8rem;
	display: block;
}
.cultivated_items .factoryImg {
	width: 100%;
	margin: 0 auto 30px;
}


/* ================================================================================================================================================================================== */
/* pc */
/* ================================================================================================================================================================================== */

@media only screen and (min-width:1024px) {

/* -------------------------- */
/* content */
/* -------------------------- */

.businessMain {
	height: 360px;
	display: flex;
	align-items: center;
}
	.businessMain .businessTitle small {
		font-size: 1.8rem;
	}
	.businessMain .businessTitle .businessMessage {
		font-size: 5rem;
	}

.businessList {
}
	.businessList .businessListTitle {
		font-size: 2.2rem;
	}
	.businessList h4 {
		margin-bottom: 20px;
		font-weight: bold;
		font-size: 2rem;
	}
	.businessList .container > .normalTxt {
	}
		.businessList .normalTxt strong {
			font-size: 2.2rem;
		}
		.businessList .flexible_x_type01 {
			justify-content: space-between;
		}
			.businessList .factoryBox {
				margin-bottom: 40px;
				width: 49%;
			}
				.businessList .factoryBox:not(:last-child) .normalTxt {
					margin-bottom: 0;
				}

	.businessList .point {
		padding: 40px 20px;
		margin-bottom: 0;
	}
		.businessList .point p {
			margin-bottom: 20px;
		}
		.businessList .point p strong {
			padding-top: 0!important;
		}
		.businessList .point ul {
			margin: 0 25%;
		}
			.businessList .point ul li {
				font-size: 1.6rem;
			}

	.businessList:nth-of-type(1) {
	}
		.businessList:nth-of-type(1) .normalTxt strong {
			padding-bottom: 40px;
		}

	.businessList.bg_a {
		position: relative;
	}
		/* .businessList.bg_a .businessImg {
			padding: 0;
		} */
		.businessList.bg_a .container {
		}
	.businessList.bg_b {
		padding-top: 60px;
	}

	.businessList .actions {
		display: flex;
		justify-content: center;
	}
	.businessList .actions .btnMore {
		margin: 0 10px;
		width: 45%;
	}
	.businessList .actions .btnMore:nth-child(2) {
		margin-top: 0;
	}
	.businessList .actions .btnMore a {
		padding: 15px;
	}


	/* videoList */
	.videoList {
	}


	/* productList */
	.productList {
	}
		.productList .productListTitle {
			font-size: 2.2rem;
		}
		.productList .normalTxt {
		}
			.productList .normalTxt strong {
				font-size: 2.2rem;
			}
		.productList .point {
			max-width: 840px;
			margin-bottom: 40px;
		}
		.productList .point ul {
			margin: 0 40px;
		}
			.productList .point ul li {
				font-size: 1.7rem;
				}
		.productList .flowTitle {
		}
		.productList .flow {
			flex-direction: row;
			justify-content: space-between;
		}
			.productList .flow li:not(:last-child)::after {
				content: "";
				display: block;
				position: absolute;
				bottom: auto;
				left: auto;
				transform: translateX(100%);
				margin: 0;
				width: 0;
				height: 0;
				border-top: solid 10px transparent;
				border-bottom: solid 10px transparent;
				border-left: solid 10px #e83c00;
			}

			/* col4 */
			.productList .flow.col4 li {
				width: calc((100% - 80px) / 4);
			}
			.productList .flow.col4 li:not(:last-child)::after {
				top: 70px;
				right: -8px;
			}

			/* col5 */
			.productList .flow.col5 li {
				width: calc((100% - 80px) / 5);
			}
			.productList .flow.col5 li:not(:last-child)::after {
				top: 52px;
				right: -5px;
			}


		#product02 .point {
			margin-bottom: 40px;
		}

.cultivated_items .cultivated_items_txt {
	font-size: 1.9rem;
	margin-bottom: 10px;
}
.cultivated_items .cultivated_items_txt span {
	font-size: 2.2rem;
}
.cultivated_items .factoryImg {
	width: 600px;
	margin: 0 auto 30px;
}

}