@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: 0.8em;
			height: 1.8em;
			margin: auto 0;
			padding: 0;
			top: 50%;
			transform: translateY(-50%);
			-webkit- transform: translateY(-50%);
		}


/* KV */
#kv {
	width: 100%;
	height: 25em;
	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: 25em;
			margin: 0 auto;
			padding: 0;
			position: relative;
		}
			#kv ul.slick_box .slick-list li h2 {
				position: absolute;
				margin: 0;
				padding: 0;
				font-size: 5.6vw;
				text-align: left;
				line-height: 200%;
				font-weight: var(--weight-bold1);
				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: 3.6vw;
				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_sp.jpg?ver=1.0) top center / cover no-repeat;
		}
			#kv ul.slick_box .slick-list li.kv01 h2 {
				top: 6em;
				left: 3%;
			}
			#kv ul.slick_box .slick-list li.kv01 p {
				top: 16em;
				left: 3%;
			}
		#kv ul.slick_box .slick-list li.kv02 {
			background: url(../images/top/kv_02_sp.jpg?ver=1.0) top center / cover no-repeat;
		}
			#kv ul.slick_box .slick-list li.kv02 h2 {
				top: 6em;
				left: 3%;
			}
			#kv ul.slick_box .slick-list li.kv02 p {
				top: 16em;
				left: 3%;
			}
		#kv ul.slick_box .slick-list li.kv03 {
			background: url(../images/top/kv_03_sp.jpg) center / cover no-repeat;
		}
			#kv ul.slick_box .slick-list li.kv03 h2 {
				top: 6em;
				left: 3%;
			}
			#kv ul.slick_box .slick-list li.kv03 p {
				top: 16em;
				left: 3%;
			}
	#kv .scroll {
		position: absolute;
		display: block;
		width: 15%;
		height: auto;
		margin: 0;
		padding: 0;
		bottom: 1em;
		left: 3%;
	}


/* 地域に貢献 */
div.contribution {
	width: 100%;
	margin: 0 auto;
	padding: 18em 0 15em;
	position: relative;
}
	div.contribution img {
		position: absolute;
		display: block;
		margin: 0;
		padding: 0;
	}
		div.contribution .img1 {
			opacity: 0;
			width: 65%;
			height: auto;
			top: 3em;
			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: 80%;
			height: auto;
			top: 15em;
			right: -6%;
		}
			div.contribution .img2.scrollin {
				-webkit-animation: FadeIN 0.5s ease-out 0s 1 forwards;
				animation: FadeIN 0.5s ease-out 0s 1 forwards;
			}
		div.contribution .img3 {
			opacity: 0;
			width: 60%;
			height: auto;
			top: 34em;
			left: 6%;
		}
			div.contribution .img3.scrollin {
				-webkit-animation: FadeIN 0.5s ease-out 0s 1 forwards;
				animation: FadeIN 0.5s ease-out 0s 1 forwards;
			}
	div.contribution h3 {
		margin: 0 auto;
		padding: 0;
		font-size: 5.8vw;
		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 {
	margin: 0 auto 0;
	padding: 15em 3.5% 0;
	text-align: left;
	position: relative;
}
	div.reason div.ttl {
		position: absolute;
		width: 60%;
		margin: 0;
		padding: 0;
		top: 0;
		right: -3%;
	}
		div.reason div.ttl img {
			width: 100%;
			height: auto;
		}
		div.reason div.ttl h3 {
			opacity: 0;
			position: absolute;
			width: 2em;
			height: 8.5em;
			margin: 0;
			padding: 0;
			font-size: 6.4vw;
			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: -1.5em;
			right: 15%;
		}
			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 {
		margin: 1em 0 0;
		padding: 0;
		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 p:first-of-type {
			margin: -2em 0 0;
		}
		div.reason p small {
			font-size: 3.2vw;
			line-height: 180% !important;
		}
		div.reason p span {
			display: block;
			font-size: 3.5vw;
			line-height: 180% !important;
		}
	div.reason div.cont_btn.btn1 {
		width: 80%;
		margin: 2.0em 0 0;
	}
		div.reason div.cont_btn.btn1 a {
			height: 4em;
			padding: 0 0 0 1.0em;
			font-size: 4.0vw;
			line-height: 120%;
			font-weight: var(--weight-bold2);
			color: #fff;
			background: #4F3E24;
			border-radius: 1em;
		}
			div.reason div.cont_btn.btn1 a:before {
				background: url(../images/icon/btn_arrow01.png) center / contain no-repeat;
				left: 5%;
			}


/* サービス一覧 */
div.service {
	margin: 25% 0 0;
	padding: 0;
	position: relative;
}
	div.service div.ttl {
		position: absolute;
		content: '';
		width: 70%;
		height: 30em;
		margin: 0;
		padding: 2em 0 0;
		background: url(../images/top/service_ttl_bg.png) top center / contain no-repeat;
		top: 0;
		left: -40%;
	}
		div.service div.ttl h3 {
			opacity: 0;
			position: absolute;
			margin: 0;
			padding: 0;
			font-size: 7.4vw;
			line-height: 160%;
			font-weight: var(--weight-nomal);
			font-family: "Noto Serif JP", serif;
			writing-mode: vertical-rl;
			white-space: nowrap;
			top: 1em;
			right: 1.5em;
		}
			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: 8em 0 0;
	}
		div.service div.service_list div.list_box {
			margin: 4em auto 0;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
		}
			div.service div.service_list div.list_box.box1,
			div.service div.service_list div.list_box.box3 {
				padding: 0 0 0 40%;
			}
			div.service div.service_list div.list_box.box2,
			div.service div.service_list div.list_box.box4 {
				padding: 0;
			}
			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: 120%;
					margin: 0 20% 0 0;
					padding: 4em 6% 2em;
					background: #EA8B4D;
					border-radius: 1.5em 1.5em 0 0;
				}
				div.service div.service_list div.list_box.box2 a.txt {
					width: 80%;
					margin: 0 0 0 -20%;
					padding: 4em 6% 2em;
					background: #E6B951;
					border-radius: 1.5em 1.5em 0 0;
				}
				div.service div.service_list div.list_box.box3 a.txt {
					width: 120%;
					margin: 0 20% 0 0;
					padding: 4em 6% 2em;
					background: #AFC46A;
					border-radius: 1.5em 1.5em 0 0;
				}
				div.service div.service_list div.list_box.box4 a.txt {
					width: 80%;
					margin: 0 0 0 -20%;
					padding: 4em 6% 2em;
					background: #B5945E;
					border-radius: 1.5em 1.5em 0 0;
				}
				div.service div.service_list div.list_box a.txt h4 {
					position: absolute;
					display: inline-block;
					margin: 0;
					padding: 0.5em 5%;
					font-size: 6.0vw;
					line-height: 160%;
					color: #4E3E24;
					font-weight: var(--weight-nomal);
					font-family: "Noto Serif JP", serif;
					background: #fff;
					border: 2px solid #fff;
					border-radius: 1em;
				}
					div.service div.service_list div.list_box.box1 a.txt h4,
					div.service div.service_list div.list_box.box3 a.txt h4 {
						top: -1em;
						left: -1em;
					}
					div.service div.service_list div.list_box.box2 a.txt h4,
					div.service div.service_list div.list_box.box4 a.txt h4 {
						top: -1em;
						right: -1em;
					}
				div.service div.service_list div.list_box a.txt p {
					margin: 1em 0 0;
					padding: 0;
					font-size: 3.6vw;
					line-height: 180%;
					color: #fff;
				}
					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: 2.6em;
					height: 2.6em;
					margin: 0;
					padding: 0;
					background: #fff;
					border-radius: 50%;
					display: flex;
					justify-content: center;
					align-items: center;
					z-index: 1;
				}
					div.service div.service_list div.list_box a.txt div img {
						width: 30%;
						height: auto;
					}
				div.service div.service_list div.list_box.box1 a.txt div,
				div.service div.service_list div.list_box.box3 a.txt div {
					bottom: -1.3em;
					left: -1.3em;
				}
				div.service div.service_list div.list_box.box2 a.txt div,
				div.service div.service_list div.list_box.box4 a.txt div {
					bottom: -1.3em;
					right: -1.3em;
				}
			div.service div.service_list div.list_box div.img {
				display: inline-block;
			}
				div.service div.service_list div.list_box.box1 div.img,
				div.service div.service_list div.list_box.box3 div.img {
					width: 120%;
					margin: 0 20% 0 0;
				}
				div.service div.service_list div.list_box.box2 div.img,
				div.service div.service_list div.list_box.box4 div.img {
					width: 80%;
					margin: 0 20% 0 0;
				}
				div.service div.service_list div.list_box div.img img {
					display: inline-block;
					width: 100%;
					height: auto;
					z-index: -1;
				}
					div.service div.service_list div.list_box.box1 div.img img,
					div.service div.service_list div.list_box.box3 div.img img {
						opacity: 0;
						border-radius: 0 0 1.5em 1.5em;
					}
						div.service div.service_list div.list_box.box1 div.img img.scrollin,
						div.service div.service_list div.list_box.box3 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.box2 div.img img,
					div.service div.service_list div.list_box.box4 div.img img {
						opacity: 0;
						border-radius: 0 0 1.5em 1.5em;
					}
						div.service div.service_list div.list_box.box2 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 {
	margin: 30% auto 0;
	padding: 0;
}
	div.worries h3 {
		display: inline-block;
		margin: 0 auto;
		padding: 0;
		font-size: 6.2vw;
		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: 2.5em;
			height: 2.5em;
			margin: 0;
			padding: 0;
			background: url(../images/common/circle_01.png) center / contain no-repeat;
			top: -0.9em;
			right: -1em;
			z-index: -1;
		}
	div.worries div.worries_list {
		margin: 0 auto 0;
		padding: 3% 3.5% 0;
	}
		div.worries div.worries_list a.list_box {
			width: 100%;
			margin: 15% auto 0;
			padding: 3em 0 0;
			text-decoration: none;
			background: #fff;
			position: relative;
			display: flex;
			flex-direction: column;
		}
			div.worries div.worries_list a.list_box.box1 {
				opacity: 0;
				border: 3px solid #EA8B4D;
				border-radius: 1.0em
			}
				div.worries div.worries_list a.list_box.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: 3px solid #E6B951;
				border-radius: 1.0em
			}
				div.worries div.worries_list a.list_box.box2.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.box3 {
				opacity: 0;
				border: 3px solid #AFC46A;
				border-radius: 1.0em
			}
				div.worries div.worries_list a.list_box.box3.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.box4 {
				opacity: 0;
				border: 3px solid #B5945E;
				border-radius: 1.0em
			}
				div.worries div.worries_list a.list_box.box4.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 .worries_img {
				position: absolute;
				display: block;
				width: 25%;
				margin: auto;
				padding: 0;
				top: -2.5em;
				left: 50%;
				transform: translateX(-50%);
				-webkit- translateX(-50%);
			}
			div.worries div.worries_list a.list_box ul {
				margin: 0;
				padding: 0 5%;
				color: #4D3E24;
				text-align: left;
				list-style: none;
				flex-grow: 1;
			}
				div.worries div.worries_list a.list_box ul li {
					margin: 1em 0 0;
					padding: 0 0 0 1em;
					font-size: 3.8vw;
					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: 0.3em;
						height: 0.3em;
						margin: 0;
						padding: 0;
						top: 0.8em;
						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: 8% auto 0;
				position: relative;
				overflow: hidden;
			}
				div.worries div.worries_list a.list_box div span {
					position: absolute;
					width: 2.6em;
					height: 2.6em;
					margin: 0 auto;
					padding: 0;
					background: #fff;
					border-radius: 50%;
					display: flex;
					justify-content: center;
					align-items: center;
					top: -0.8em;
					left: 50%;
					transform: translateX(-50%);
					-webkit- translateX(-50%);
				}
				div.worries div.worries_list a.list_box div span img {
					width: 30%;
					height: auto;
					transform: rotate(90deg);
				}
				div.worries div.worries_list a.list_box h4 {
					width: 120%;
					margin: 0 0 0 -10%;
					padding: 2.5em 5% 1em;
					font-size: 4.0vw;
					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 {
	margin: 30% auto 0;
	padding: 0;
}
	div.recruit div.recruit_img {
		width: 100%;
		margin: 0;
		padding: 0;
		position: relative;
	}
		div.recruit div.recruit_img img {
			width: 100%;
			height: auto;
		}
		div.recruit div.recruit_img h5 {
			position: absolute;
			width: 50%;
			height: 5em;
			margin: 0;
			padding: 0;
			background: url(../images/top/recruit_ttl_01.png) center / cover no-repeat;
			top: -2em;
			left: 0;
		}
			div.recruit div.recruit_img h5 span {
				display: inline-block;
				margin: 0.5em 0 0 0.5em;
				padding: 0;
				font-size: 3.8vw;
				line-height: 180%;
				font-weight: var(--weight-nomal);
				font-family: "Noto Serif JP", serif;
				color: #000000;
				transform: rotate(-17deg);
			}
		div.recruit div.recruit_img h6 {
			position: absolute;
			display: inline-block;
			margin: 0;
			padding: 0;
			text-align: left;
			top: 3em;
			left: 5%;
			z-index: 2;
		}
			div.recruit div.recruit_img h6 p {
				display: inline-block;
				width: 48%;
				height: 3em;
				margin: 0 1% 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: 0.5em auto 0;
					padding: 0 0 0 1em;
					font-size: 4.0vw;
					line-height: 180%;
					color: #fff;
					font-weight: var(--weight-nomal);
					font-family: "Noto Serif JP", serif;
					transform: rotate(-5deg);
				}
					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: 60%;
			height: 3em;
			margin: 0;
			padding: 0;
			background: url(../images/top/recruit_ttl_03.png) center / cover no-repeat;
			top: 9em;
			left: 0;
			z-index: 2;
		}
			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: 0 auto 0;
				padding: 0;
				font-size: 6.0vw;
				line-height: 180%;
				font-weight: var(--weight-nomal);
				font-family: "Noto Serif JP", serif;
				transform: rotate(-4deg);
			}
		div.recruit div.recruit_img h3 {
			opacity: 0;
			position: absolute;
			width: 120%;
			height: 4.5em;
			margin: 0;
			padding: 0;
			background: url(../images/top/recruit_ttl_04.png) center / cover no-repeat;
			top: 11.2em;
			left: -3em;
			z-index: 2;
		}
			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: 0.1em auto 0;
				padding: 0;
				font-size: 6.0vw;
				line-height: 180%;
				font-weight: var(--weight-nomal);
				font-family: "Noto Serif JP", serif;
				transform: rotate(-5.5deg);
			}
		div.recruit div.recruit_img .img {
			position: absolute;
			display: inline-block;
			margin: 0;
			padding: 0;
		}
			div.recruit div.recruit_img .img.img1 {
				display: none;
			}
			div.recruit div.recruit_img .img.img2 {
				width: 25%;
				height: auto;
				top: -2.5em;
				right: 0;
			}
			div.recruit div.recruit_img .img.img3 {
				width: 25%;
				height: auto;
				top: 5em;
				right: 2%;
				z-index: 1;
			}
			div.recruit div.recruit_img .img.img4 {
				width: 25%;
				height: auto;
				top: 16em;
				right: 10%;
				z-index: 1;
			}
			div.recruit div.recruit_img .img.img5 {
				width: 40%;
				height: auto;
				top: 15em;
				left: 3%;
			}
		div.recruit div.recruit_img div.cont_btn.btn1 {
			position: absolute;
			width: 90%;
			margin: 0;
			bottom: -5em;
			left: 3.5%;
		}
			div.recruit div.recruit_img div.cont_btn.btn1 a {
				height: 5em;
				padding: 0 0 0 7em;
				font-size: 4.0vw;
				line-height: 120%;
				font-weight: var(--weight-bold2);
				color: #fff;
				background: #E6B951;
				border-radius: 1em;
			}
				div.recruit div.recruit_img div.cont_btn.btn1 a:before {
					background: url(../images/icon/btn_arrow01.png) center / contain no-repeat;
					left: 32%;
				}
				div.recruit div.recruit_img div.cont_btn.btn1 a:after {
					position: absolute;
					content: '';
					display: block;
					width: 6em;
					height: 6em;
					background: url(../images/top/recruit_btn_img.png) center / cover no-repeat;
					bottom: 0;
					left: 0.2em;
				}
/* 採用サイトオープン時削除 */
			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 0 3em;
					font-size: 3.2vw;
					line-height: 120%;
					white-space: nowrap;
					color: #EA4D4D;
					bottom: 0.5em;
					left: 50%;
					transform: translateX(-50%);
					-webkit- transform: translateX(-50%);
				}
/* 採用サイトオープン時削除 ここまで */


/* 施設一覧 */
div.facility {
	margin: 45% auto 0;
	padding: 0 3.5%;
}
	div.facility h3 {
		display: inline-block;
		margin: 0 auto;
		padding: 0;
		font-size: 6.2vw;
		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: 2.5em;
			height: 2.5em;
			margin: 0;
			padding: 0;
			background: url(../images/common/circle_01.png) center / contain no-repeat;
			top: -0.8em;
			left: -1em;
			z-index: -1;
		}
	div.facility ul {
		margin: 0 auto;
		padding: 0;
		list-style: none;
	}
		div.facility ul li {
			display: block;
			opacity: 0;
			width: 90% auto 0;
			margin: 2.5em 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 a {
				display: block;
				width: 100%;
				margin: 0;
				padding: 0;
				text-decoration: none;
				position: relative;
			}
			div.facility ul li a img {
				display: inline-block;
				width: 100%;
				height: auto;
				margin: 0;
				padding: 0;
				border-radius: 0.5em;
			}
			div.facility ul li a p {
				margin: 1em auto 0;
				padding: 0;
				font-size: 3.8vw;
				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: 4.0vw;
					line-height: 160%;
					font-weight: var(--weight-nomal);
				}
			div.facility ul li a h4 {
				position: absolute;
				width: 9em;
				height: 9em;
				margin: 0;
				padding: 0;
				font-size: 3.4vw;
				line-height: 150%;
				font-weight: var(--weight-nomal);
				color: #EA8B4C;
				background: #fff;
				border-radius: 50%;
				display: flex;
				justify-content: center;
				align-items: center;
				top: 0.5em;
				right: 0.5em;
			}

/* 施設一覧 */
div.blog {
	width: 100%;
	margin: 0;
	padding: 8em 0 0;
	position: relative;
}
	div.blog div.ttl {
		position: absolute;
		content: '';
		width: 90%;
		height: 20em;
		margin: 0;
		padding: 5em 16% 0 9%;
		text-align: left;
		background: url(../images/top/blog_ttl_bg.png) center / contain no-repeat;
		top: 4em;
		right: -10%;
	}
		div.blog div.ttl h3 {
			margin: 0;
			padding: 0;
			font-size: 6.4vw;
			line-height: 160%;
			font-weight: var(--weight-nomal);
			font-family: "Noto Serif JP", serif;
			white-space: nowrap;
		}
			div.blog div.ttl h3 img {
				width: 13%;
				height: auto;
				margin: 0 0.2em 0 0;
				padding: 0;
				vertical-align: -0.1em;
			}
		div.blog div.ttl p {
			margin: 1em 0 0;
			padding: 0;
			font-size: 3.8vw;
			line-height: 200%;
			font-family: "Noto Serif JP", serif;
		}
	div.blog ul.blog_slick {
		margin: 35% auto 0;
		padding: 0;
		list-style: none;
		position: relative;
		transform: rotate(5deg);
	}
		div.blog ul.blog_slick:before,
		div.blog ul.blog_slick:after {
			position: absolute;
			content: '';
			display: block;
			width: 2em;
			height: 100%;
			background: #FDF7EB;
			transform: rotate(-5deg);
			z-index: 1;
		}
		div.blog ul.blog_slick:before {
			top: 0;
			left: 0;
		}
		div.blog ul.blog_slick:after {
			bottom: 0;
			right: -2%;
		}
		div.blog .slick-list {
			padding: 3em 0 !important;
		}
		div.blog ul.blog_slick li {
			width: 20em !important;
			margin: 0 3em;
			padding: 0;
			transform: rotate(-5deg);
		}
			div.blog ul.blog_slick li a {
				display: block;
				width: 20em !important;
				margin: 0;
				padding: 0;
				text-decoration: none;
			}
				div.blog ul.blog_slick li .img {
					width: 20em !important;
					height: 12em;
					margin: 0;
					padding: 0;
				}
					div.blog ul.blog_slick li .img img {
						display: inline-block;
						width: 100%;
						height: 12em;
						margin: 0;
						padding: 0;
						object-fit: cover;
						border-radius: 1em 1em 0 0;
					}
				div.blog ul.blog_slick li .txt {
					width: 20em !important;
					margin: 0;
					padding: 4% 5% 6%;
					text-align: left;
					background: #fff;
					border-radius: 0 0 1em 1em;
				}
					div.blog ul.blog_slick li .txt p {
						margin: 0;
						padding: 0;
						font-size: 3.8vw;
						line-height: 180%;
						color: #EA8B4C;
						font-weight: var(--weight-bold2);
					}
					div.blog ul.blog_slick li .txt h4 {
						margin: 0.5em 0 0;
						padding: 0;
						font-size: 3.8vw;
						line-height: 180%;
						color: #4E3E24;
						font-weight: var(--weight-nomal);
					}

/* お知らせ */
div.info {
	margin: 30% auto 0;
	padding: 0 3.5%;
	position: relative;
}
	div.info h3 {
		display: inline-block;
		margin: 0 auto;
		padding: 0;
		font-size: 6.2vw;
		line-height: 160%;
		font-weight: var(--weight-nomal);
		font-family: "Noto Serif JP", serif;
		position: relative;
		z-index: 1;
	}
		div.info h3:after {
			position: absolute;
			content: '';
			display: block;
			width: 2.2em;
			height: 2.2em;
			margin: 0;
			padding: 0;
			background: url(../images/common/circle_01.png) center / contain no-repeat;
			top: -0.8em;
			right: -1em;
			z-index: -1;
		}
	div.info dl {
		width: 100%;
		margin: 8% auto 0;
		padding: 0;
		text-align: left;
		border-bottom: 1px solid #EBE2D3;
	}
		div.info dl dt {
			width: 100%;
			margin: 0;
			padding: 4% 5% 0;
			font-size: 3.8vw;
			line-height: 180%;
			color: #EA8B4C;
			font-weight: var(--weight-bold2);
			border-top: 1px solid #EBE2D3;
		}
		div.info dl dd {
			width: 100%;
			margin: 0;
			padding: 0 5% 4%;
			font-size: 3.8vw;
			line-height: 180%;
		}
			div.info dl dd a {
				color: #4F3E24;
				text-decoration: underline;
			}