@charset "utf-8";
@import "anime.css";

/*
------------
home.css
------------
/* kv_area */
#kv_area {
	width: 100vw;
	height: 40vw;
	position: relative;
}
#kv_area .inner {
	width: 100%;
	height: 100%;
	position: relative;
}
#kv_area .inner h2 {
	display: inline-block;
	color: #fff;
	font-size: 2.8rem;
	font-weight: 600;
	letter-spacing: 0.2em;
	line-height: 1.7;
	text-shadow: 0px 1px 40px rgba(0, 0, 0, 0.33);
	position: relative;
	top: 9vw;
	left: 5vw;
	opacity: 0;
	animation-name: kv_anime01PC;
	animation-timing-function: ease;
	animation-duration: 1s;
	animation-delay: .25s;
	animation-fill-mode: forwards;
}
#kv_area .inner ul.kv_box {
	background: #00AF84;
	border-bottom-right-radius: 30px;
	padding: 25px 30px;
	color: #fff;
	position: absolute;
	bottom: 20px;
	right: 20px;
	opacity: 0;
	transform: translateY(20px);
	animation-name: kv_anime02PC;
	animation-timing-function: ease;
	animation-duration: .5s;
	animation-delay: .75s;
	animation-fill-mode: forwards;
}
#kv_area .inner ul.kv_box li:nth-child(1) {
	font-size: 1.15rem;
	font-weight: 400;
	letter-spacing: 0.1em;
	border-bottom: 1px solid #fff;
	padding: 0 0 10px 0;
}
#kv_area .inner ul.kv_box li:nth-child(2) {
	font-size: 1.55rem;
	font-weight: 600;
	letter-spacing: 0.1em;
	margin: 15px 0 0 0;
}
#kv_area .inner ul.slider {
	width: 100vw;
	height: 40vw;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
#kv_area .inner ul.slider img {
	width: 100%;
	height: 100%;
}
#kv_area .inner ul.slider .add-animation {
	animation: zoomUp 20s linear 0s normal both;
}
@media only screen and (max-width: 1334px) {
	#kv_area .inner h2 {
		font-size: 2.3rem;
		top: 12vw;
		left: 5vw;
}
}
@media only screen and (max-width: 1049px) {
	#kv_area .inner h2 {
		font-size: 2rem;
	}
}
@media only screen and (max-width: 768px) {
	#kv_area {
		height: 90vw;
		background-position: center top;
	}
	#kv_area .inner h2 {
		text-align: center;
		font-size: 1.3rem;
		letter-spacing: 0.2em;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		animation-name: kv_anime01SP;
		animation-timing-function: ease;
		animation-duration: 1s;
		animation-delay: .25s;
		animation-fill-mode: forwards;
	}
	#kv_area .inner ul.kv_box {
		width: 93vw;
		border-top-left-radius: 30px;
		padding: 25px 20px;
		position: absolute;
		bottom: -15vw;
		right: auto;
		left: 50%;
		transform: translateX(-50%);
		text-align: center;
		animation-name: kv_anime02SP;
		animation-timing-function: ease;
		animation-duration: .5s;
		animation-delay: .75s;
		animation-fill-mode: forwards;
	}
	#kv_area .inner ul.kv_box li:nth-child(1) {
		display: inline-block;
		font-size: 0.9rem;
		letter-spacing: 0.05em;
		line-height: 1.5;
	}
	#kv_area .inner ul.kv_box li:nth-child(2) {
		font-size: 1.15rem;
	}
	#kv_area .inner ul.slider {
		width: 100%;
		height: 100%;
	}
	#kv_area .inner ul.slider .slick-list,
	#kv_area .inner ul.slider .slick-track {
		height: 100% !important;
	}
	#kv_area .inner ul.slider img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
}
/* business_area */
#business_area {
	margin: 55px 0 0 0;
}
#business_area .inner.ani_trigger {
	opacity: 0;
	transform: translateY(0);
	animation-name: auto_trigger01;
	animation-timing-function: ease;
	animation-duration: 1s;
	animation-delay: 1s;
	animation-fill-mode: forwards;
}
/* topics_area */
#topics_area {
	margin: 100px 0 0 0;
}
/* outline_area */
#outline_area {
	margin: 100px 0 0 0;
}