@charset "UTF-8";

/* 共通ボタン */
div.cont_btn {
	padding: 0;
}
	div.cont_btn a {
		width: 100%;
		margin: 0;
		text-decoration: none;
		display: flex;
		justify-content: center;
		align-items: center;
		position: relative;
	}
		div.cont_btn a:before {
			position: absolute;
			content: '';
			display: block;
			width: 14px;
			height: 24px;
			margin: auto 0;
			padding: 0;
			top: 50%;
			transform: translateY(-50%);
			-webkit- transform: translateY(-50%);
		}


/* KV */
#kv {
	width: 100%;
	height: 100vh;
	min-height: 680px;
	margin: 0 auto;
	padding: 0;
	position: relative;
}
	#kv ul.slick_box {
		width: 100%;
		margin: 0 auto;
		padding: 0;
		list-style: none;
		position: relative;
	}
		#kv ul.slick_box .slick-list li {
			width: 100%;
			height: 100vh;
			min-height: 680px;
			margin: 0 auto;
			padding: 0;
			position: relative;
		}
			#kv ul.slick_box .slick-list li h2 {
				position: absolute;
				margin: 0;
				padding: 0;
				font-size: 46px;
				text-align: left;
				line-height: 200%;
				font-weight: var(--weight-light);
				font-family: "Noto Serif JP", serif;
				text-shadow:
					1px 1px 12px #fff,
					-1px 1px 12px #fff,
					1px -1px 12px #fff,
					-1px -1px 12px #fff,
					1px 0px 12px #fff,
					0px 1px 12px #fff,
					-1px 0px 12px #fff,
					0px -1px 12px #fff;
			}
			#kv ul.slick_box .slick-list li p {
				position: absolute;
				margin: 0;
				padding: 0;
				font-size: 20px;
				text-align: left;
				line-height: 180%;
				font-weight: var(--weight-nomal);
				text-shadow:
					1px 1px 12px #fff,
					-1px 1px 12px #fff,
					1px -1px 12px #fff,
					-1px -1px 12px #fff,
					1px 0px 12px #fff,
					0px 1px 12px #fff,
					-1px 0px 12px #fff,
					0px -1px 12px #fff;
			}
		#kv ul.slick_box .slick-list li.kv01 {
			background: url(../images/top/kv_01.jpg?ver=1.0) top center / cover no-repeat;
		}
			#kv ul.slick_box .slick-list li.kv01 h2 {
				bottom: 310px;
				left: 100px;
			}
			#kv ul.slick_box .slick-list li.kv01 p {
				bottom: 220px;
				left: 100px;
			}
		#kv ul.slick_box .slick-list li.kv02 {
			background: url(../images/top/kv_02.jpg?ver=1.0) bottom right / cover no-repeat;
		}
			#kv ul.slick_box .slick-list li.kv02 h2 {
				bottom: 310px;
				left: 100px;
			}
			#kv ul.slick_box .slick-list li.kv02 p {
				bottom: 220px;
				left: 100px;
			}
	#kv .scroll {
		position: absolute;
		display: block;
		width: 80px;
		margin: 0;
		padding: 0;
		bottom: 60px;
		left: 100px;
		-webkit-animation: Induction 3s linear 0s infinite;
		animation: Induction 3s linear 0s infinite;
	}


/* 地域に貢献 */
div.contribution {
	width: 1160px;
	margin: 0 auto;
	padding: 360px 40px 270px 0;
	position: relative;
}
	div.contribution img {
		position: absolute;
		display: block;
		margin: 0;
		padding: 0;
	}
		div.contribution .img1 {
			opacity: 0;
			width: 423px;
			height: auto;
			top: 67px;
			left: 0;
		}
			div.contribution .img1.scrollin {
				-webkit-animation: FadeIN 0.5s ease-out 0s 1 forwards;
				animation: FadeIN 0.5s ease-out 0s 1 forwards;
			}
		div.contribution .img2 {
			opacity: 0;
			width: 446px;
			height: auto;
			top: 160px;
			right: -10px;
		}
			div.contribution .img2.scrollin {
				-webkit-animation: FadeIN 0.5s ease-out 1s 1 forwards;
				animation: FadeIN 0.5s ease-out 1s 1 forwards;
			}
		div.contribution .img3 {
			opacity: 0;
			width: 359px;
			height: auto;
			top: 525px;
			left: 315px;
		}
			div.contribution .img3.scrollin {
				-webkit-animation: FadeIN 0.5s ease-out 0.5s 1 forwards;
				animation: FadeIN 0.5s ease-out 0.5s 1 forwards;
			}
	div.contribution h3 {
		margin: 0 auto;
		padding: 0;
		font-size: 32px;
		line-height: 200%;
		font-weight: var(--weight-nomal);
		font-family: "Noto Serif JP", serif;
		text-shadow:
			1px 1px 12px #FDF7EB,
			-1px 1px 12px #FDF7EB,
			1px -1px 12px #FDF7EB,
			-1px -1px 12px #FDF7EB,
			1px 0px 12px #FDF7EB,
			0px 1px 12px #FDF7EB,
			-1px 0px 12px #FDF7EB,
			0px -1px 12px #FDF7EB;
		position: relative;
		z-index: 1;
	}


/* 選ばれる理由 */
div.reason {
	width: 1160px;
	margin: -10px auto 0;
	padding: 100px 80px 30px;
	text-align: left;
	position: relative;
}
	div.reason div.ttl {
		position: absolute;
		width: 392px;
		margin: 0;
		padding: 0;
		top: 0;
		right: 50px;
	}
		div.reason div.ttl h3 {
			opacity: 0;
			position: absolute;
			width: 82px;
			height: 329px;
			margin: 0;
			padding: 0;
			font-size: 40px;
			line-height: 160%;
			font-weight: var(--weight-nomal);
			font-family: "Noto Serif JP", serif;
			background: url(../images/top/reason_ttl.png) center / contain no-repeat;
			display: flex;
			justify-content: center;
			align-items: center;
			writing-mode: vertical-rl;
			top: -55px;
			right: 40px;
		}
			div.reason div.ttl h3.scrollin {
				-webkit-animation: FadeIN 0.5s ease-out 0s 1 forwards;
				animation: FadeIN 0.5s ease-out 0s 1 forwards;
			}
	div.reason p {
		width: 540px;
		margin: 20px 0 0;
		padding: 0;
	}
		div.reason p:first-of-type {
			margin: 0;
		}
		div.reason p small {
			font-size: 13px;
			line-height: 180% !important;
		}
		div.reason p span {
			display: block;
			font-size: 13px;
			line-height: 180% !important;
		}
	div.reason div.cont_btn.btn1 {
		width: 306px;
		margin: 45px 0 0;
	}
		div.reason div.cont_btn.btn1 a {
			height: 60px;
			padding: 0 0 0 15px;
			font-size: 16px;
			line-height: 120%;
			font-weight: var(--weight-bold2);
			color: #fff;
			background: #4F3E24;
			border: 2px solid #4F3E24;
			border-radius: 10px;
		}
			div.reason div.cont_btn.btn1 a:before {
				background: url(../images/icon/btn_arrow01.png) center / cover no-repeat ,url(../images/icon/btn_arrow02.png) center / cover no-repeat;
				left: 20px;
			}
		div.reason div.cont_btn.btn1 a:hover {
			color: #4F3E24;
			background: #fff;
		}
			div.reason div.cont_btn.btn1 a:hover:before {
				background: url(../images/icon/btn_arrow02.png) center / cover no-repeat;
				left: 20px;
			}


/* サービス一覧 */
div.service {
	width: 200%;
	margin: 65px 0 0 -50%;
	padding: 0;
	position: relative;
}
	div.service div.ttl {
		position: absolute;
		content: '';
		width: 504px;
		height: 632px;
		margin: 0;
		padding: 80px 135px 0;
		background: url(../images/top/service_ttl_bg.png) top center / contain no-repeat;
		top: 0;
		right: calc(50% + 450px);
		transition: 0.2s linear;
	}
@media screen and (max-width:1340px) {
	div.service div.ttl {
		right: unset;
		left: calc(25% - 290px);
	}
}
		div.service div.ttl h3 {
			opacity: 0;
			position: absolute;
			margin: 0;
			padding: 0;
			font-size: 46px;
			line-height: 160%;
			font-weight: var(--weight-nomal);
			font-family: "Noto Serif JP", serif;
			writing-mode: vertical-rl;
			white-space: nowrap;
			top: 80px;
			right: 125px;
		}
			div.service div.ttl h3.scrollin {
				-webkit-animation: FadeIN 0.5s ease-out 0s 1 forwards;
				animation: FadeIN 0.5s ease-out 0s 1 forwards;
			}
	div.service div.service_list {
		margin: 0 auto;
		padding: 145px 0 0;
	}
		div.service div.service_list div.list_box {
			margin: 80px auto 0;
			display: flex;
			justify-content: center;
			align-items: center;
			transition: 0.2s linear;
		}
			div.service div.service_list div.list_box.box1 {
				padding: 0 0 0 340px;
			}
			div.service div.service_list div.list_box.box2 {
				padding: 0 0 0 240px;
			}
			div.service div.service_list div.list_box.box3 {
				padding: 0 240px 0 0;
			}
			div.service div.service_list div.list_box.box4 {
				padding: 0 140px 0 0;
			}
@media screen and (max-width:1240px) {
	div.service div.service_list div.list_box.box4 {
		padding-right: 180px;
	}
}
			div.service div.service_list div.list_box:nth-of-type(n+3) {
				flex-direction: row-reverse;
			}
			div.service div.service_list div.list_box a.txt {
				display: block;
				text-align: left;
				color: #fff;
				text-decoration: none;
				position: relative;
			}
				div.service div.service_list div.list_box.box1 a.txt {
					width: 480px;
					margin: 50px -60px 0 0;
					padding: 90px 65px 50px 60px;
					background: #EA8B4D;
					border-radius: 20px;
					border: 2px solid #EA8B4D;
				}
				div.service div.service_list div.list_box.box2 a.txt {
					width: 500px;
					margin: 50px -60px 0 0;
					padding: 90px 65px 70px 60px;
					background: #E6B951;
					border-radius: 20px;
					border: 2px solid #E6B951;
				}
				div.service div.service_list div.list_box.box3 a.txt {
					width: 500px;
					margin: 50px 0 0 -60px;
					padding: 90px 70px 55px 60px;
					background: #AFC46A;
					border-radius: 20px;
					border: 2px solid #AFC46A;
				}
				div.service div.service_list div.list_box.box4 a.txt {
					width: 680px;
					margin: 50px 0 0 -60px;
					padding: 90px 60px 55px 60px;
					background: #B5945E;
					border-radius: 20px;
					border: 2px solid #B5945E;
				}
				div.service div.service_list div.list_box a.txt:hover {
					background: #fff;
				}
				div.service div.service_list div.list_box a.txt h4 {
					position: absolute;
					display: inline-block;
					margin: 0;
					padding: 25px 50px;
					font-size: 34px;
					line-height: 160%;
					color: #4E3E24;
					font-weight: var(--weight-nomal);
					font-family: "Noto Serif JP", serif;
					background: #fff;
					border: 2px solid #fff;
					border-radius: 20px;
					transition: 0.2s linear;
				}
					div.service div.service_list div.list_box.box1 a.txt h4,
					div.service div.service_list div.list_box.box2 a.txt h4 {
						top: -40px;
						left: -20px;
					}
					div.service div.service_list div.list_box.box3 a.txt h4,
					div.service div.service_list div.list_box.box4 a.txt h4 {
						top: -40px;
						right: -20px;
					}
					div.service div.service_list div.list_box.box1 a.txt:hover h4 {
						border: 2px solid #EA8B4D;
					}
					div.service div.service_list div.list_box.box2 a.txt:hover h4 {
						border: 2px solid #EA8B4D;
					}
					div.service div.service_list div.list_box.box3 a.txt:hover h4 {
						border: 2px solid #AFC46A;
					}
					div.service div.service_list div.list_box.box4 a.txt:hover h4 {
						border: 2px solid #B5945E;
					}
				div.service div.service_list div.list_box a.txt p {
					margin: 20px 0 0;
					padding: 0;
					font-size: 16px;
					line-height: 180%;
					color: #fff;
				}
					div.service div.service_list div.list_box a.txt:hover p {
						color: #4F3E24;
					}
					div.service div.service_list div.list_box a.txt p:first-of-type {
						margin: 0;
					}
				div.service div.service_list div.list_box a.txt div {
					position: absolute;
					width: 50px;
					height: 50px;
					margin: 0;
					padding: 0;
					background: #fff;
					border-radius: 50%;
					display: flex;
					justify-content: center;
					align-items: center;
				}
				div.service div.service_list div.list_box.box1 a.txt div,
				div.service div.service_list div.list_box.box2 a.txt div {
					bottom: -25px;
					right: -25px;
				}
				div.service div.service_list div.list_box.box3 a.txt div,
				div.service div.service_list div.list_box.box4 a.txt div {
					bottom: -25px;
					left: -25px;
				}
			div.service div.service_list div.list_box div.img {
				display: inline-block;
			}
				div.service div.service_list div.list_box div.img img {
					display: inline-block;
					position: relative;
					z-index: -1;
				}
					div.service div.service_list div.list_box.box1 div.img img,
					div.service div.service_list div.list_box.box2 div.img img {
						opacity: 0;
						border-radius: 20px 0 0 20px;
					}
						div.service div.service_list div.list_box.box1 div.img img.scrollin,
						div.service div.service_list div.list_box.box2 div.img img.scrollin {
							-webkit-animation: slideInLeft2 0.5s ease-out 0s 1 forwards;
							animation: slideInLeft2 0.5s ease-out 0s 1 forwards;
						}
					div.service div.service_list div.list_box.box3 div.img img,
					div.service div.service_list div.list_box.box4 div.img img {
						opacity: 0;
						border-radius: 0 20px 20px 0;
					}
						div.service div.service_list div.list_box.box3 div.img img.scrollin,
						div.service div.service_list div.list_box.box4 div.img img.scrollin {
							-webkit-animation: slideInRight2 0.5s ease-out 0s 1 forwards;
							animation: slideInRight2 0.5s ease-out 0s 1 forwards;
						}


/* サービスを選択 */
div.worries {
	max-width: 1400px;
	min-width: 1160px;
	margin: 145px auto 0;
	padding: 0;
}
	div.worries h3 {
		display: inline-block;
		margin: 0 auto;
		padding: 0;
		font-size: 36px;
		line-height: 160%;
		font-weight: var(--weight-nomal);
		font-family: "Noto Serif JP", serif;
		position: relative;
		z-index: 1;
	}
		div.worries h3:after {
			position: absolute;
			content: '';
			display: block;
			width: 80px;
			height: 78px;
			margin: 0;
			padding: 0;
			background: url(../images/common/circle_01.png) center / contain no-repeat;
			top: -30px;
			right: -25px;
			z-index: -1;
		}
	div.worries div.worries_list {
		margin: 70px auto 0;
		padding: 0;
		display: flex;
		justify-content: space-between;
	}
		div.worries div.worries_list a.list_box {
			width: 22.86%;
			margin: 0;
			padding: 70px 0 0;
			text-decoration: none;
			background: #fff;
			position: relative;
			display: flex;
			flex-direction: column;
		}
			div.worries div.worries_list a.list_box:hover {
				opacity: 0.8;
			}
			div.worries div.worries_list a.list_box.box1 {
				opacity: 0;
				border: 4px solid #EA8B4D;
				border-radius: 15px;
			}
				div.worries div.worries_list a.list_box.box1.scrollin {
					-webkit-animation: bottomIn 0.3s ease-out 0s 1 forwards;
					animation: bottomIn 0.3s ease-out 0s 1 forwards;
				}
			div.worries div.worries_list a.list_box.box2 {
				opacity: 0;
				border: 4px solid #E6B951;
				border-radius: 15px;
			}
				div.worries div.worries_list a.list_box.box2.scrollin {
					-webkit-animation: bottomIn 0.3s ease-out 0.4s 1 forwards;
					animation: bottomIn 0.3s ease-out 0.4s 1 forwards;
				}
			div.worries div.worries_list a.list_box.box3 {
				opacity: 0;
				border: 4px solid #AFC46A;
				border-radius: 15px;
			}
				div.worries div.worries_list a.list_box.box3.scrollin {
					-webkit-animation: bottomIn 0.3s ease-out 0.8s 1 forwards;
					animation: bottomIn 0.3s ease-out 0.8s 1 forwards;
				}
			div.worries div.worries_list a.list_box.box4 {
				opacity: 0;
				border: 4px solid #B5945E;
				border-radius: 15px;
			}
				div.worries div.worries_list a.list_box.box4.scrollin {
					-webkit-animation: bottomIn 0.3s ease-out 1.2s 1 forwards;
					animation: bottomIn 0.3s ease-out 1.2s 1 forwards;
				}
			div.worries div.worries_list a.list_box .worries_img {
				position: absolute;
				display: block;
				width: 100px;
				margin: auto;
				padding: 0;
				top: -43px;
				left: 50%;
				transform: translateX(-50%);
				-webkit- translateX(-50%);
			}
			div.worries div.worries_list a.list_box ul {
				margin: 0;
				padding: 0 24px 0 26px;
				color: #4D3E24;
				text-align: left;
				list-style: none;
				flex-grow: 1;
			}
				div.worries div.worries_list a.list_box ul li {
					margin: 20px 0 0;
					padding: 0 0 0 1em;
					font-size: 16px;
					line-height: 180%;
					position: relative;
				}
					div.worries div.worries_list a.list_box ul li strong {
						margin: 0;
						padding: 0 0.2em;
						font-weight: var(--weight-nomal);
						background: linear-gradient(transparent 50%, rgba(234,139,77,0.2) 50%);
					}
					div.worries div.worries_list a.list_box ul li:before {
						position: absolute;
						content: '';
						display: block;
						width: 6px;
						height: 6px;
						margin: 0;
						padding: 0;
						top: 11px;
						left: 0;
					}
						div.worries div.worries_list a.list_box.box1 ul li:before {
							background: #EA8B4E;
							border-radius: 50%;
						}
						div.worries div.worries_list a.list_box.box2 ul li:before {
							background: #E6B951;
							border-radius: 50%;
						}
						div.worries div.worries_list a.list_box.box3 ul li:before {
							background: #AFC46A;
							border-radius: 50%;
						}
						div.worries div.worries_list a.list_box.box4 ul li:before {
							background: #B5945E;
							border-radius: 50%;
						}
			div.worries div.worries_list a.list_box div {
				width: 100%;
				display: block;
				margin: 35px auto 0;
				position: relative;
				overflow: hidden;
			}
				div.worries div.worries_list a.list_box div span {
					position: absolute;
					width: 50px;
					height: 50px;
					margin: 0 auto;
					padding: 0;
					background: #fff;
					border-radius: 50%;
					display: flex;
					justify-content: center;
					align-items: center;
					top: -17px;
					left: 50%;
					transform: translateX(-50%);
					-webkit- translateX(-50%);
					transition: 0.2s linear;
				}
					div.worries div.worries_list a.list_box:hover div span {
						top: -10px;
					}
				div.worries div.worries_list a.list_box div span img {
					transform: rotate(90deg);
				}
				div.worries div.worries_list a.list_box h4 {
					width: 120%;
					margin: 0 0 0 -10%;
					padding: 50px 5px 20px;
					font-size: 18px;
					line-height: 120%;
					color: #fff;
					font-weight: var(--weight-bold2);
				}
				div.worries div.worries_list a.list_box.box1 div h4 {
					background: #EA8B4D;
					border-radius: 50% 50% 12% 12% / 50% 50% 20px 20px;
				}
				div.worries div.worries_list a.list_box.box2 div h4 {
					background: #E6B951;
					border-radius: 50% 50% 12% 12% / 50% 50% 20px 20px;
				}
				div.worries div.worries_list a.list_box.box3 div h4 {
					background: #AFC46A;
					border-radius: 50% 50% 12% 12% / 50% 50% 20px 20px;
				}
				div.worries div.worries_list a.list_box.box4 div h4 {
					background: #B5945E;
					border-radius: 50% 50% 12% 12% / 50% 50% 20px 20px;
				}


/* 働いてみませんか？ */
div.recruit {
	width: 200%;
	margin: 195px 0 0 -50%;
	padding: 0;
	display: flex;
	justify-content: center;
}
	div.recruit div.recruit_img {
		width: 1318px;
		margin: 0 206px 0 0;
		padding: 0;
		position: relative;
	}
		div.recruit div.recruit_img h5 {
			position: absolute;
			width: 254px;
			height: 131px;
			margin: 0;
			padding: 0;
			background: url(../images/top/recruit_ttl_01.png) center / cover no-repeat;
			top: 110px;
			left: 120px;
		}
			div.recruit div.recruit_img h5 span {
				display: inline-block;
				margin: 15px 0 0 15px;
				padding: 0;
				font-size: 22px;
				line-height: 180%;
				font-weight: var(--weight-nomal);
				font-family: "Noto Serif JP", serif;
				color: #000000;
				transform: rotate(-20deg);
			}
		div.recruit div.recruit_img h6 {
			position: absolute;
			display: inline-block;
			margin: 0;
			padding: 0;
			top: 85px;
			left: 410px;
		}
			div.recruit div.recruit_img h6 p {
				display: inline-block;
				width: 232px;
				height: 60px;
				margin: 0 8px 0 0;
				padding: 0;
				background: url(../images/top/recruit_ttl_02.png) center / cover no-repeat;
			}
				div.recruit div.recruit_img h6 p span {
					opacity: 0;
					display: inline-block;
					margin: 8px auto 0;
					padding: 0;
					font-size: 20px;
					line-height: 180%;
					color: #fff;
					font-weight: var(--weight-nomal);
					font-family: "Noto Serif JP", serif;
					transform: rotate(-2deg);
				}
					div.recruit div.recruit_img h6 p:nth-of-type(1) span.scrollin {
						-webkit-animation: bottomIn 0.3s ease-out 0s 1 forwards;
						animation: bottomIn 0.3s ease-out 0s 1 forwards;
					}
					div.recruit div.recruit_img h6 p:nth-of-type(2) span.scrollin {
						-webkit-animation: bottomIn 0.3s ease-out 0.5s 1 forwards;
						animation: bottomIn 0.3s ease-out 0.5s 1 forwards;
					}
					div.recruit div.recruit_img h6 p:nth-of-type(3) span.scrollin {
						-webkit-animation: bottomIn 0.3s ease-out 1s 1 forwards;
						animation: bottomIn 0.3s ease-out 1s 1 forwards;
					}
		div.recruit div.recruit_img h4 {
			opacity: 0;
			position: absolute;
			width: 373px;
			height: 113px;
			margin: 0;
			padding: 0;
			background: url(../images/top/recruit_ttl_03.png) center / cover no-repeat;
			top: 180px;
			left: 270px;
		}
			div.recruit div.recruit_img h4.scrollin {
				-webkit-animation: slideInLeft2 0.3s ease-out 0s 1 forwards;
				animation: slideInLeft2 0.3s ease-out 0s 1 forwards;
			}
			div.recruit div.recruit_img h4 span {
				display: inline-block;
				margin: 15px auto 0;
				padding: 0;
				font-size: 40px;
				line-height: 180%;
				font-weight: var(--weight-nomal);
				font-family: "Noto Serif JP", serif;
				transform: rotate(-8deg);
			}
		div.recruit div.recruit_img h3 {
			opacity: 0;
			position: absolute;
			width: 699px;
			height: 152px;
			margin: 0;
			padding: 0;
			background: url(../images/top/recruit_ttl_04.png) center / cover no-repeat;
			top: 208px;
			left: 385px;
		}
			div.recruit div.recruit_img h3.scrollin {
				-webkit-animation: slideInRight2 0.3s ease-out 0.2s 1 forwards;
				animation: slideInRight2 0.3s ease-out 0.2s 1 forwards;
			}
			div.recruit div.recruit_img h3 span {
				display: inline-block;
				margin: 10px auto 0;
				padding: 0;
				font-size: 40px;
				line-height: 180%;
				font-weight: var(--weight-nomal);
				font-family: "Noto Serif JP", serif;
				transform: rotate(-7deg);
			}
		div.recruit div.recruit_img .img {
			position: absolute;
			display: inline-block;
			margin: 0;
			padding: 0;
		}
			div.recruit div.recruit_img .img.img1 {
				top: 10px;
				left: 1150px;
			}
			div.recruit div.recruit_img .img.img2 {
				top: 363px;
				left: 215px;
			}
			div.recruit div.recruit_img .img.img3 {
				top: 467px;
				left: 495px;
			}
			div.recruit div.recruit_img .img.img4 {
				top: 312px;
				left: 805px;
			}
			div.recruit div.recruit_img .img.img5 {
				top: 307px;
				left: 1068px;
			}
		div.recruit div.recruit_img div.cont_btn.btn1 {
			position: absolute;
			width: 380px;
			margin: 0;
			bottom: -10px;
			left: 875px;
		}
			div.recruit div.recruit_img div.cont_btn.btn1 a {
				height: 70px;
				padding: 0 0 0 75px;
				font-size: 16px;
				line-height: 120%;
				font-weight: var(--weight-bold2);
				color: #fff;
				background: #E6B951;
				border: 2px solid #E6B951;
				border-radius: 10px;
			}
				div.recruit div.recruit_img div.cont_btn.btn1 a:before {
					background: url(../images/icon/btn_arrow01.png) center / cover no-repeat ,url(../images/icon/btn_arrow05.png) center / cover no-repeat;
					left: 112px;
				}
/*
			div.recruit div.recruit_img div.cont_btn.btn1 a:hover {
				color: #E6B951;
				background: #fff;
			}
				div.recruit div.recruit_img div.cont_btn.btn1 a:hover:before {
					background: url(../images/icon/btn_arrow05.png) center / cover no-repeat;
					left: 112px;
				}
*/
				div.recruit div.recruit_img div.cont_btn.btn1 a:after {
					position: absolute;
					content: '';
					display: block;
					width: 85px;
					height: 85px;
					background: url(../images/top/recruit_btn_img.png) center / cover no-repeat;
					bottom: -2px;
					left: 5px;
				}
/* 採用サイトオープン時削除 ↑のコメントも削除 */
			div.recruit div.recruit_img div.cont_btn.btn1 a {
				pointer-events: none;
				position: relative;
			}
				div.recruit div.recruit_img div.cont_btn.btn1 a small {
					position: absolute;
					display: inline-block;
					margin: auto;
					padding: 0 0.5em 0 0;
					font-size: 12px;
					line-height: 120%;
					white-space: nowrap;
					color: #EA4D4D;
					bottom: 0.3em;
					left: 50%;
					transform: translateX(-50%);
					-webkit- transform: translateX(-50%);
				}
/* 採用サイトオープン時削除 ここまで */


/* 施設一覧 */
div.facility {
	max-width: 1400px;
	min-width: 1160px;
	margin: 165px auto 0;
	padding: 0;
}
	div.facility h3 {
		display: inline-block;
		margin: 0 auto;
		padding: 0;
		font-size: 36px;
		line-height: 160%;
		font-weight: var(--weight-nomal);
		font-family: "Noto Serif JP", serif;
		position: relative;
		z-index: 1;
	}
		div.facility h3:after {
			position: absolute;
			content: '';
			display: block;
			width: 80px;
			height: 78px;
			margin: 0;
			padding: 0;
			background: url(../images/common/circle_01.png) center / contain no-repeat;
			top: -15px;
			left: -35px;
			z-index: -1;
		}
	div.facility ul {
		margin: 0 auto;
		padding: 25px 0 0;
		list-style: none;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
		div.facility ul li {
			opacity: 0;
			width: 30.71%;
			margin: 50px 0 0;
			padding: 0;
		}
			div.facility ul.scrollin li:nth-of-type(1) {
				-webkit-animation: bottomIn 0.3s ease-out 0s 1 forwards;
				animation: bottomIn 0.3s ease-out 0s 1 forwards;
			}
			div.facility ul.scrollin li:nth-of-type(2) {
				-webkit-animation: bottomIn 0.3s ease-out 0.4s 1 forwards;
				animation: bottomIn 0.3s ease-out 0.4s 1 forwards;
			}
			div.facility ul.scrollin li:nth-of-type(3) {
				-webkit-animation: bottomIn 0.3s ease-out 0.8s 1 forwards;
				animation: bottomIn 0.3s ease-out 0.8s 1 forwards;
			}
			div.facility ul.scrollin li:nth-of-type(4) {
				-webkit-animation: bottomIn 0.3s ease-out 1.2s 1 forwards;
				animation: bottomIn 0.3s ease-out 1.2s 1 forwards;
			}
			div.facility ul.scrollin li:nth-of-type(5) {
				-webkit-animation: bottomIn 0.3s ease-out 1.6s 1 forwards;
				animation: bottomIn 0.3s ease-out 1.6s 1 forwards;
			}
			div.facility ul li:nth-of-type(3n-1),
			div.facility ul li:nth-of-type(3n) {
				margin: 50px 0 0 3.92%;
			}
			div.facility ul li a {
				display: block;
				width: 100%;
				margin: 0;
				padding: 0;
				text-decoration: none;
				position: relative;
			}
				div.facility ul li a:hover {
					opacity: 0.8;
				}
			div.facility ul li a img {
				display: inline-block;
				width: 100%;
				height: 275px;
				margin: 0;
				padding: 0;
				border-radius: 15px;
				object-fit: cover;
			}
			div.facility ul li a p {
				margin: 20px auto 0;
				padding: 0;
				font-size: 16px;
				line-height: 160%;
				font-family: "Noto Serif JP", serif;
				color: #4F3E24;
			}
				div.facility ul li a p strong {
					display: inline-block;
					margin: 0 0 0 1em;
					padding: 0;
					font-size: 18px;
					line-height: 160%;
					font-weight: var(--weight-nomal);
				}
			div.facility ul li a h4 {
				position: absolute;
				width: 120px;
				height: 120px;
				margin: 0;
				padding: 0;
				font-size: 14px;
				line-height: 150%;
				font-weight: var(--weight-nomal);
				color: #EA8B4C;
				background: #fff;
				border-radius: 50%;
				display: flex;
				justify-content: center;
				align-items: center;
				top: 10px;
				right: 10px;
			}

/* 施設一覧 */
div.blog {
	width: 100%;
	margin: 0;
	padding: 75px 0 0;
	position: relative;
}
	div.blog div.ttl {
		position: absolute;
		content: '';
		width: 653px;
		height: 463px;
		margin: 0;
		padding: 115px 0 0 90px;
		text-align: left;
		background: url(../images/top/blog_ttl_bg.png) center / contain no-repeat;
		top: 75px;
		left: calc(50% + 145px);
		transition: 0.2s linear;
	}
		div.blog div.ttl h3 {
			margin: 0;
			padding: 0;
			font-size: 32px;
			line-height: 160%;
			font-weight: var(--weight-nomal);
			font-family: "Noto Serif JP", serif;
			white-space: nowrap;
		}
			div.blog div.ttl h3 img {
				margin: 0 15px 0 0;
				padding: 0;
				vertical-align: -0.1em;
			}
		div.blog div.ttl p {
			width: 390px;
			margin: 10px 0 0;
			padding: 0;
			font-size: 16px;
			line-height: 200%;
			font-family: "Noto Serif JP", serif;
		}
	div.blog ul.blog_slick {
		max-width: 1400px;
		min-width: 1160px;
		margin: 215px auto 0;
		padding: 0;
		list-style: none;
		position: relative;
		transform: rotate(10deg);
	}
		div.blog ul.blog_slick:before,
		div.blog ul.blog_slick:after {
			position: absolute;
			content: '';
			display: block;
			width: 80px;
			height: 90%;
			background: #FDF7EB;
			transform: rotate(-10deg);
			z-index: 1;
		}
		div.blog ul.blog_slick:before {
			top: 0;
			left: -35px;
		}
		div.blog ul.blog_slick:after {
			bottom: 0;
			right: -45px;
		}
		div.blog .slick-list {
			padding: 50px 0 !important;
		}
		div.blog ul.blog_slick li {
			width: 390px !important;
			margin: 0 28px;
			padding: 0;
			transform: rotate(-10deg);
		}
			div.blog ul.blog_slick li a {
				display: block;
				width: 390px;
				margin: 0;
				padding: 0;
				text-decoration: none;
			}
				div.blog ul.blog_slick li a:hover {
					opacity: 0.8;
				}
				div.blog ul.blog_slick li .img {
					width: 390px;
					height: 275px;
					margin: 0;
					padding: 0;
				}
					div.blog ul.blog_slick li .img img {
						display: inline-block;
						width: 100%;
						height: 275px;
						margin: 0;
						padding: 0;
						object-fit: cover;
						border-radius: 15px 15px 0 0;
					}
				div.blog ul.blog_slick li .txt {
					width: 390px;
					margin: 0;
					padding: 25px 30px;
					text-align: left;
					background: #fff;
					border-radius: 0 0 15px 15px;
				}
					div.blog ul.blog_slick li .txt p {
						margin: 0;
						padding: 0;
						font-size: 16px;
						line-height: 180%;
						color: #EA8B4C;
						font-weight: var(--weight-bold2);
					}
					div.blog ul.blog_slick li .txt h4 {
						margin: 10px 0 0;
						padding: 0;
						font-size: 16px;
						line-height: 180%;
						color: #4E3E24;
						font-weight: var(--weight-nomal);
					}

/* お知らせ */
div.info {
	width: 1160px;
	margin: 140px auto 0;
	padding: 0;
	position: relative;
}
	div.info h3 {
		position: absolute;
		display: inline-block;
		margin: 0;
		padding: 0;
		font-size: 36px;
		line-height: 160%;
		font-weight: var(--weight-nomal);
		font-family: "Noto Serif JP", serif;
		writing-mode: vertical-rl;
		white-space: nowrap;
		z-index: 1;
		top: -15px;
		left: 5px;
	}
		div.info h3:after {
			position: absolute;
			content: '';
			display: block;
			width: 80px;
			height: 78px;
			margin: 0;
			padding: 0;
			background: url(../images/common/circle_01.png) center / contain no-repeat;
			top: -25px;
			left: 12px;
			z-index: -1;
		}
	div.info dl {
		width: 820px;
		margin: 0 auto;
		padding: 0;
		text-align: left;
		border-bottom: 1px solid #EBE2D3;
		display: flex;
		flex-wrap: wrap;
	}
		div.info dl dt {
			width: 150px;
			margin: 0;
			padding: 20px;
			font-size: 15px;
			line-height: 180%;
			color: #EA8B4C;
			font-weight: var(--weight-bold2);
			border-top: 1px solid #EBE2D3;
		}
		div.info dl dd {
			width: calc(100% - 150px);
			margin: 0;
			padding: 20px;
			font-size: 15px;
			line-height: 180%;
			border-top: 1px solid #EBE2D3;
		}
			div.info dl dd a {
				color: #4F3E24;
				text-decoration: none;
			}
				div.info dl dd a:hover {
					text-decoration: underline;
				}