@charset "UTF-8";

@media print, screen and (min-width:769px) {

#kv {
	width: 100%;
	height: 780px;
	margin: 0 auto;
	padding: 0;
	position: relative;
}
	#kv div.slick_box {
		width: 100%;
		height: 780px;
		margin: 0 auto;
		padding: 0;
	}
		#kv div.slick_box div.kv {
			width: 100%;
			height: 780px;
			margin: 0 auto;
			padding: 0;
			border-bottom: 5px solid #0e3963;
			position: relative;
		}
			#kv div.slick_box div.kv:before {
				position: absolute;
				content: '';
				display: block;
				width: 100%;
				height: 100%;
				margin: 0;
				padding: 0;
				background: rgba(0,0,0,0.4);
				top: 0;
				left: 0;
				z-index: 50;
			}
			#kv div.kv .kv_cont {
				position: absolute;
				content: '';
				margin: auto;
				padding: 0;
				width: 550px;
				top: 300px;
				left: 0;
				right: 0;
				z-index: 100;
			}
				#kv div.kv .kv_cont h3 {
					display: inline-block;
					margin: 0 auto 15px;
					padding: 0;
					font-size: 24px;
					line-height: 160%;
					font-weight: 500;
					color: #fff;
				}
				#kv div.kv .kv_cont p {
					display: inline-block;
					margin: 0;
					padding: 15px;
					font-size: 16px;
					line-height: 160%;
					text-align: left;
				}
				#kv div.kv .kv_cont .btn {
					margin: 10px auto 0;
					padding: 0;
				}
					#kv div.kv .kv_cont .btn a {
						display: inline-block;
						margin: 10px auto 0;
						padding: 15px 15px 15px 30px;
						font-size: 16px;
						line-height: 160%;
						text-decoration: none;
						color: #000;
						transition: 0.2s linear;
						position: relative;
					}
						#kv div.kv .kv_cont .btn a:after {
							position: absolute;
							content:'\f101';
							font-family:'Font Awesome 5 Free';
							font-weight:900;
							font-size: 12px;
							top: 50%;
							transform: translateY(-50%);
							-webkit- transform: translateY(-50%);
							left: 3%;
							margin: auto;
							transition: 0.2s linear;
						}
							#kv div.kv .kv_cont .btn a:hover:after {
								left: 4.5%;
							}
		#kv div.slick_box div.kv00 {
			background: url(../images/top/kv_00.jpg) right center / cover no-repeat;
		}
				#kv div.kv.kv00 .kv_cont p {
					color: #fff;
					background: rgba(46,17,0,0.6);
				}
					#kv div.kv.kv00 .kv_cont .btn a {
						color: #fff;
						background: rgba(46,17,0,0.6);
					}
						#kv div.kv.kv00 .kv_cont .btn a:hover {
							background: rgba(46,17,0,1);
						}
						#kv div.kv.kv00 .kv_cont .btn a:after {
							color: #fff;
						}
		#kv div.slick_box div.kv01 {
			background: url(../images/top/kv_01.jpg) right center / cover no-repeat;
		}
				#kv div.kv.kv01 .kv_cont p {
					background: rgba(255,255,255,0.6);
				}
					#kv div.kv.kv01 .kv_cont .btn a {
						background: rgba(255,255,255,0.6);
					}
						#kv div.kv.kv01 .kv_cont .btn a:hover {
							background: rgba(255,255,255,1);
						}
						#kv div.kv.kv01 .kv_cont .btn a:after {
							color: #000;
						}
		#kv div.slick_box div.kv02 {
			background: url(../images/top/kv_02.jpg) center center / cover no-repeat;
		}
				#kv div.kv.kv02 .kv_cont p {
					color: #fff;
					background: rgba(253,146,75,0.7);
				}
					#kv div.kv.kv02 .kv_cont .btn a {
						color: #fff;
						background: rgba(253,146,75,0.7);
					}
						#kv div.kv.kv02 .kv_cont .btn a:hover {
							background: rgba(253,146,75,1);
						}
						#kv div.kv.kv02 .kv_cont .btn a:after {
							color: #fff;
						}
		#kv div.slick_box div.kv03 {
			background: url(../images/top/kv_03.jpg) center center / cover no-repeat;
		}
				#kv div.kv.kv03 .kv_cont p {
					color: #fff;
					background: rgba(0,135,19,0.6);
				}
					#kv div.kv.kv03 .kv_cont .btn a {
						color: #fff;
						background: rgba(0,135,19,0.6);
					}
						#kv div.kv.kv03 .kv_cont .btn a:hover {
							background: rgba(0,135,19,1);
						}
						#kv div.kv.kv03 .kv_cont .btn a:after {
							color: #fff;
						}
		#kv div.slick_box div.kv04 {
			background: url(../images/top/kv_04.jpg) center center / cover no-repeat;
		}
				#kv div.kv.kv04 .kv_cont p {
					color: #fff;
					background: rgba(0,174,255,0.6);
				}
					#kv div.kv.kv04 .kv_cont .btn a {
						color: #fff;
						background: rgba(0,174,255,0.6);
					}
						#kv div.kv.kv04 .kv_cont .btn a:hover {
							background: rgba(0,174,255,1);
						}
						#kv div.kv.kv03 .kv_cont .btn a:after {
							color: #fff;
						}

@media screen and (max-width: 1200px){

#kv {
	height: 550px;
}
	#kv div.slick_box {
		height: 550px;
	}
		#kv div.slick_box div.kv {
			height: 550px;
		}
			#kv div.kv .kv_cont {
				top: 180px;
			}

}


/* トップAbout */
div.top_about {
	width: 100%;
	margin: 100px auto 0;
	padding: 0 0 50px;
}
	div.top_about h4 {
		margin: 0 auto;
		padding: 0;
		font-size: 48px;
		line-height: 110%;
		font-weight: 700;
		font-family: 'Vesper Libre', serif;
		position: relative;
	}
		div.top_about h4:after {
			position: absolute;
			content: '';
			display: block;
			width: 90px;
			height: 3px;
			margin: 0 auto;
			padding: 0;
			background: #fd924b;
			bottom: 0;
			left: 0;
			right: 0;
		}
	div.top_about h5 {
		margin: 10px auto 0;
		padding: 0;
		font-size: 16px;
		line-height: 140%;
		font-weight: 300;
	}
	div.top_about div.about_top {
		max-width: 1200px;
		margin: 30px auto 0;
		padding: 0 50px;
		font-size: 16px;
		line-height: 160%;
	}
	div.top_about div.about_in {
		margin: 30px auto 0;
		padding: 0;
		display: flex;
		flex-wrap: wrap;
	}
		div.top_about div.about_in .box {
			height: 400px;
			margin: 0;
			padding: 0;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			text-decoration: none;
			overflow: hidden;
			position: relative;
		}
			div.top_about div.about_in .box.box0 {
				width: 60%;
			}
			div.top_about div.about_in .box.box1 {
				width: 40%;
			}
			div.top_about div.about_in .box.box2 {
				width: 35%;
			}
			div.top_about div.about_in .box.box3 {
				width: 32.5%;
			}
			div.top_about div.about_in .box.box4 {
				width: 32.5%;
			}
			div.top_about div.about_in .box:before {
				position: absolute;
				content: '';
				width: 100%;
				height: 100%;
				margin: 0;
				padding: 0;
				top: 0;
				left: 0;
				transition: all 0.3s ease-out;
				z-index: 1;
			}
				div.top_about div.about_in .box.box0:before {
					background: url(../images/top/kv_00.jpg) center center / cover no-repeat;
				}
				div.top_about div.about_in .box.box1:before {
					background: url(../images/top/kv_01.jpg) center center / cover no-repeat;
				}
				div.top_about div.about_in .box.box2:before {
					background: url(../images/top/kv_02.jpg) center center / cover no-repeat;
				}
				div.top_about div.about_in .box.box3:before {
					background: url(../images/top/kv_03.jpg) center center / cover no-repeat;
				}
				div.top_about div.about_in .box.box4:before {
					background: url(../images/top/kv_04.jpg) center center / cover no-repeat;
				}
				div.top_about div.about_in .box:hover:before {
					transform: scale(1.05);
				}
			div.top_about div.about_in .box:after {
				position: absolute;
				content: '';
				width: 100%;
				height: 100%;
				margin: 0;
				padding: 0;
				top: 0;
				left: 0;
				transition: 0.2s linear;
				z-index: 2;
			}
				div.top_about div.about_in .box.box0:after {
					background: rgba(46,17,0,0.4);
				}
				div.top_about div.about_in .box.box1:after {
					background: rgba(255,255,255,0.5);
				}
				div.top_about div.about_in .box.box2:after {
					background: rgba(253,146,75,0.4);
				}
				div.top_about div.about_in .box.box3:after {
					background: rgba(0,135,19,0.3);
				}
				div.top_about div.about_in .box.box4:after {
					background: rgba(0,174,255,0.3);
				}
					div.top_about div.about_in .box.box0:hover:after {
						background: rgba(46,17,0,0);
					}
					div.top_about div.about_in .box.box1:hover:after {
						background: rgba(255,255,255,0);
					}
					div.top_about div.about_in .box.box2:hover:after {
						background: rgba(253,146,75,0);
					}
					div.top_about div.about_in .box.box3:hover:after {
						background: rgba(0,135,19,0);
					}
					div.top_about div.about_in .box.box4:hover:after {
						background: rgba(0,174,255,0);
					}
				div.top_about div.about_in .box p {
					width: 90%;
					margin: 0;
					padding: 15px;
					font-size: 16px;
					line-height: 160%;
					color: #000;
					text-align: left;
					position: relative;
					z-index: 10;
				}
				div.top_about div.about_in .box .btn {
					max-width: 275px;
					margin: 20px 0;
					padding: 15px 15px 15px 30px;
					font-size: 16px;
					line-height: 160%;
					color: #000;
					position: relative;
					z-index: 10;
				}
					div.top_about div.about_in .box .btn:after {
						position: absolute;
						content:'\f101';
						font-family:'Font Awesome 5 Free';
						font-weight:900;
						font-size: 12px;
						top: 50%;
						transform: translateY(-50%);
						-webkit- transform: translateY(-50%);
						left: 3%;
						margin: auto;
						transition: 0.2s linear;
					}
						div.top_about div.about_in .box:hover .btn:after {
							left: 4.5%;
						}
					div.top_about div.about_in .box.box0 p,
					div.top_about div.about_in .box.box0 .btn {
						background: rgba(46,17,0,1);
						color: #fff;
					}
					div.top_about div.about_in .box.box1 p,
					div.top_about div.about_in .box.box1 .btn {
						background: #fff;
					}
					div.top_about div.about_in .box.box2 p,
					div.top_about div.about_in .box.box2 .btn {
						background: rgba(253,146,75,1);
					}
					div.top_about div.about_in .box.box3 p,
					div.top_about div.about_in .box.box3 .btn {
						background: rgba(0,135,19,1);
						color: #fff;
					}
					div.top_about div.about_in .box.box4 p,
					div.top_about div.about_in .box.box4 .btn {
						background: rgba(0,174,255,1);
						color: #fff;
					}
@media screen and (max-width: 1200px){

	div.top_about div.about_in {
		flex-wrap:wrap;
	}
		div.top_about div.about_in .box {
			height: 380px;
		}
			div.top_about div.about_in .box.box1 {
				width: 100%;
			}
			div.top_about div.about_in .box.box2 {
				width: 100%;
				height: 320px;
			}
			div.top_about div.about_in .box.box3 {
				width: 55%;
				height: 320px;
			}
			div.top_about div.about_in .box.box4 {
				width: 45%;
				height: 320px;
			}

}


/* トップInfo/Greeting */
div.top_info_greeting {
	width: 100%;
	margin: 0 auto;
	padding: 50px 0;
	background: #fff;
}
	div.info_greeting_in {
		max-width: 1200px;
		margin: 0 auto;
		padding: 0;
		display: flex;
		justify-content: center;
	}
		div.info_greeting_in div.top_info {
			width: 60%;
			margin: 0;
			padding: 0 20px;
		}
			div.info_greeting_in div.top_info h4 {
				margin: 0 auto;
				padding: 0;
				font-size: 48px;
				line-height: 110%;
				font-weight: 700;
				font-family: 'Vesper Libre', serif;
				position: relative;
			}
				div.info_greeting_in div.top_info h4:after {
					position: absolute;
					content: '';
					display: block;
					width: 90px;
					height: 3px;
					margin: 0 auto;
					padding: 0;
					background: #fd924b;
					bottom: 0;
					left: 0;
					right: 0;
				}
			div.info_greeting_in div.top_info h5 {
				margin: 10px auto 0;
				padding: 0;
				font-size: 16px;
				line-height: 140%;
				font-weight: 300;
			}
			div.info_greeting_in div.top_info dl {
				margin: 0;
				padding: 30px 0 0;
				font-size: 16px;
				line-height: 160%;
				font-weight: 300;
				text-align: left;
			}
				div.info_greeting_in div.top_info dl dt {
					display: block;
					margin: 15px 0 0;
					padding: 0;
				}
					div.info_greeting_in div.top_info dl dt:first-of-type {
						margin: 0;
					}
					div.info_greeting_in div.top_info dl dt span {
						display: inline-block;
						width: 100px;
						margin: 0 10px 0 0;
						padding: 3px 5px;
						font-size: 12px;
						line-height: 120%;
						text-align: center;
						border-radius: 0.3em;
						vertical-align: 0.2em;
					}
						div.info_greeting_in div.top_info dl dt span.info {
							background: #0e3963;
							color: #fff;
						}
						div.info_greeting_in div.top_info dl dt span.estate {
							background: #fff;
							border: 1px solid #333;
						}
						div.info_greeting_in div.top_info dl dt span.scaffold {
							background: rgba(253,146,75,1);
						}
						div.info_greeting_in div.top_info dl dt span.farm {
							background: rgba(0,135,19,1);
							color: #fff;
						}
						div.info_greeting_in div.top_info dl dt span.koya {
							background: rgba(0,174,255,1);
							color: #fff;
						}
				div.info_greeting_in div.top_info dl dd {
					display: block;
					margin: 0;
					padding: 0;
				}
		div.info_greeting_in div.top_greeting {
			width: 40%;
			margin: 0;
			padding: 0 20px;
		}
			div.info_greeting_in div.top_greeting h4 {
				margin: 0 auto;
				padding: 0;
				font-size: 48px;
				line-height: 110%;
				font-weight: 700;
				font-family: 'Vesper Libre', serif;
				position: relative;
			}
				div.info_greeting_in div.top_greeting h4:after {
					position: absolute;
					content: '';
					display: block;
					width: 90px;
					height: 3px;
					margin: 0 auto;
					padding: 0;
					background: #fd924b;
					bottom: 0;
					left: 0;
					right: 0;
				}
			div.info_greeting_in div.top_greeting h5 {
				margin: 10px auto 0;
				padding: 0;
				font-size: 16px;
				line-height: 140%;
				font-weight: 300;
			}
			div.info_greeting_in div.top_greeting .msg {
				margin: 0;
				padding: 30px 0 0;
				font-size: 16px;
				line-height: 160%;
				font-weight: 300;
				text-align: left;
			}

/* トップInstagram */
div.top_instagram {
	width: 100%;
	margin: 0 auto 0;
	padding: 50px 0 150px;
}
	div.top_instagram h4 {
		margin: 0 auto;
		padding: 0;
		font-size: 48px;
		line-height: 110%;
		font-weight: 700;
		font-family: 'Vesper Libre', serif;
		position: relative;
	}
		div.top_instagram h4:after {
			position: absolute;
			content: '';
			display: block;
			width: 90px;
			height: 3px;
			margin: 0 auto;
			padding: 0;
			background: #fd924b;
			bottom: 0;
			left: 0;
			right: 0;
		}
	div.top_instagram h5 {
		margin: 10px auto 0;
		padding: 0;
		font-size: 16px;
		line-height: 140%;
		font-weight: 300;
	}
	div.top_instagram div.insta_top {
		max-width: 1200px;
		margin: 30px auto 0;
		padding: 0 50px;
		font-size: 16px;
		line-height: 160%;
	}
	div.top_instagram #insta {
		max-width: 1200px;
		margin: 0 auto;
		padding: 0 50px;
		list-style: none;
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		align-items: flex-start;
	}
		div.top_instagram #insta li {
			display: inline-block;
			width: 200px;
			margin: 30px 5px 0;
			padding: 0;
		}
			div.top_instagram #insta li img {
				width: 100%;
				height: auto;
			}
	div.top_instagram .insta_btn {
		margin: 50px auto 0;
		padding: 0;
	}
		div.top_instagram .insta_btn a {
			display: inline-block;
			width: 350px;
			margin: 0 auto;
			padding: 30px 0;
			font-size: 18px;
			line-height: 160%;
			color: #fff;
			background: linear-gradient(70deg, #f6c367, #f6175b, #3d33e6);
			text-decoration: none;
			transition: 0.2s linear;
		}
			div.top_instagram .insta_btn a i {
				display: inline-block;
				margin: 0 10px 0 0;
				padding: 0;
				font-size: 22px;
				vertical-align: -0.1em;
			}
			div.top_instagram .insta_btn a:hover {
				opacity: 0.8;
			}





















}