@charset "utf-8";
body {
	background-color: #F5F5F5;
}

#page_top {
	width: 100%;
	height: calc((900 / 768) * 100vh);
	position: relative;
	z-index: 1;
}
	.page_top__inner {
		width: 90%;
		max-width: 1126px;
		height: auto;
		padding: calc((144 / 768) * 100vh) 0 0;
		margin: 0 auto;
		position: relative;
		z-index: 2;
	}
		.page_top__heading {
			width: 100%;
			height: auto;
			font-family: "din-2014", sans-serif;
			font-size: 58px;
			font-weight: 700;
			line-height: calc(74 / 58);
			letter-spacing: 0em;
			opacity: 0;
			transform: translate(-10px,0%);
			transition: .8s;
			transition-delay: .38s;
		}
		.loaded .page_top__heading {
			opacity: 1;
			transform: translate(0px,0%);
		}
		.page_top__sub_heading {
			margin-top: 20px;
			font-size: 20px;
			font-weight: 700;
			line-height: calc(29 / 20);
			letter-spacing: 0em;
			opacity: 0;
			transform: translate(-10px,0%);
			transition: .8s;
			transition-delay: .5s;
		}
		.loaded .page_top__sub_heading {
			opacity: 1;
			transform: translate(0px,0%);
		}
	.page_top__bg_image {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
		overflow: hidden;
	}
		.page_top__bg_image::after {
			content: '';
			display: block;
			width: 100%;
			height: 300px;
			background: rgb(245,245,245);
			background: linear-gradient(0deg, rgba(245,245,245,1) 0%, rgba(245,245,245,0) 100%);
			position: absolute;
			bottom: 0;
			left: 0;
			z-index: 2;
		}
		.page_top__bg_image__inner {
			width: 100%;
			height: 100%;
		}
			.page_top__bg_image__inner img {
				width: 100%;
				height: 100%;
				object-fit: cover;
				object-position: center;
			}

/* Tablet ================================================== */
@media all and (max-width: 768px){
/* page_top */
#page_top {
	position: relative;
	z-index: 2;
}
	.page_top__inner {
		width: calc((358 / 390) * 100%);
		padding: calc((105 / 844) * 100svh) 0 0;
	}
		.page_top__heading {
			font-size: 34px;
			line-height: calc(61 / 42);
		}
		.page_top__sub_heading {
			margin-top: 8px;
			font-size: 16px;
		}
		.page_top__bg_image::after {
			height: 200px;
		}
}