/*** 全体 ***/
body{
	background-color: #FFFDFA;
	font-size: 18px;
	letter-spacing: 0.1em;
	font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
}

/*** Header ***/
/* ロゴ */
.act-header-logo {
	max-width: 100px;
	height: auto;
}
/** Shrink指定 **/
/* ロゴ */
.act-header-s-logo {
	max-width: 75px;
	height: auto;
}
/* オフキャンバス */
.act-header-s-offcanvas {
	--bs-offcanvas-height: 270px;
}
/* オフキャンバスヘッダ */
.act-header-s-offcanvas-header {
	background: linear-gradient(
		135deg,
		#5CA34A 0%,
		#4E973A 45%,
		#356A27 100%
	);
	color: #F7F7F7;
	font-weight: bold;
}

/*** Title ***/
.act-title {
	background: linear-gradient(
		135deg,
		#5CA34A 0%,
		#4E973A 45%,
		#356A27 100%
	);
	color: #F7F7F7;
}

/*** Corporate Philosophy ***/
.act-corporate-philosophy-title {
	color:#C5B358;
}

/*** Recruit Info ***/
.act-recruit-info {
	background: linear-gradient(
		135deg,
		#6BC058 0%,
		#5AA247 45%,
		#3A742A 100%
	);
	color: #F7F7F7;
}

/*** Footer ***/
.act-footer {
	background: linear-gradient(
		135deg,
		#5CA34A 0%,
		#4E973A 45%,
		#356A27 100%
	);
	color: #FFFFFF;
}

/*** Scroll ***/
/* 下から上 */
.act-scroll-up {
	transition: 0.8s ease-in-out;
	transform: translateY(40px);
	opacity: 0;
}
.act-scroll-up.on {
	transform: translateY(0);
	opacity: 1.0;
}
/* 左から右 */
.act-scroll-left {
	-webkit-transition: 0.8s ease-in-out;
	-moz-transition: 0.8s ease-in-out;
	-o-transition: 0.8s ease-in-out;
	transition: 0.8s ease-in-out;
	transform: translateX(-40px);
	opacity: 0;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
}
.act-scroll-left.on {
	opacity: 1.0;
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	transform: translateX(0);
}
/* 右から左 */
.act-scroll-right {
	-webkit-transition: 0.8s ease-in-out;
	-moz-transition: 0.8s ease-in-out;
	-o-transition: 0.8s ease-in-out;
	transition: 0.8s ease-in-out;
	transform: translateX(40px);
	opacity: 0;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
}
.act-scroll-right.on {
	opacity: 1.0;
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	transform: translateX(0);
}
/* スマホは縦方向のアニメーションに変更 */
@media (max-width: 768px) {
	.act-scroll-left,
	.act-scroll-right {
		transform: translateY(40px);
	}
}