@charset "utf-8";

#bg1, #bg2, #bg3 {
	position: fixed;
	width: 100vw;
	height: 100dvh;
	background-size: cover;
}
#bg1 {
	background: #FFF0D2 url(/assets/recruit/images/top/_background01.webp);
}
#bg2 {
	background: #FFF0D2 url(/assets/recruit/images/top/_background02.webp);
	animation: bg2 3s linear infinite;
}
#bg3 {
	background: #FFF0D2 url(/assets/recruit/images/top/_background03.webp);
	animation: bg3 3s linear infinite;
}
@keyframes bg2 {
	  0% { opacity: 0; }
	 33% { opacity: 1; }
	 66% { opacity: 0; }
	100% { opacity: 0; }
}
@keyframes bg3 {
	  0% { opacity: 0; }
	 33% { opacity: 0; }
	 66% { opacity: 1; }
	100% { opacity: 0; }
}


main {
	min-height: 0;
}
#frontpage:before, #frontpage:after,
.bg_shiga:before, .bg_shiga:after,
.bg_shiga_daihatsu:before, .bg_shiga_daihatsu:after,
.bg_shiga_daihatsu:before, .bg_shiga_daihatsu:after,
.bg_orange:before, .bg_orange:after {
	background: transparent;
}
#frontpage #about .tl_block .tl { padding-top: 0; }
.tl_block { margin-bottom: 20px; }
.tl_block .tl .en div div { font-family: var(--hand); }
.catch, .lead_txt { visibility: hidden; }
section {
	position: relative;
	z-index: 30 !important;
}
div.nami_inblock {
	z-index: 30 !important;
	margin-top: 120px;
}


#member {
	position: fixed;
	z-index: 99;
	left: 0;
	right: 0;
	bottom: -50px;
	width: 100vw;
	max-width: 1280px;
	margin: auto;
	text-align: center;
	transform-origin: center bottom;
	pointer-events: none;
}
#member.entry {
	position: absolute;
}
#member img {
	display: inline-block;
	position: relative;
	left: 0;
	bottom: 0;
	width: 14%;
	height: auto;
	transform-origin: center top;
}
#member img#staff1 { z-index: 1; margin-right: -61px; transform-origin: right top; }
#member img#staff2 { z-index: 2; margin-right: -90px; transform-origin: left top; }
#member img#staff3 { z-index: 4; margin-right: -88px; margin-left: -82px; transform-origin: right top; }
#member img#staff4 { z-index: 3; margin-right: -62px; transform-origin: right top; }
#member img#staff5 { z-index: 5; margin-right: -81px; transform-origin: right top; }
#member img#staff6 { z-index: 7; margin-right: -56px; transform-origin: left top; }
#member img#staff7 { z-index: 6; transform-origin: left top; }


#masks {
	position: fixed;
	overflow: hidden;
	width: 100vw;
	height: 100dvh;
	pointer-events: none;
}
#mat {
	position: fixed;
	z-index: 3;
	overflow: hidden;
	width: 100vw;
	height: 100dvh;
	pointer-events: none;
}
#biwako {
	position: fixed;
	z-index: 2;
	overflow: hidden;
	width: 100vw;
	height: 100dvh;
	pointer-events: none;
}
#mat_bg, #biwako img {
	position: absolute;
	width: auto;
	height: auto;
	max-inline-size: none;
	max-block-size: none;
	transform-origin: center center;
}
#biwako_items img {
	transform-origin: center top;
}
#biwako img#shop2 {
	display: none;
	transform-origin: left top;
}
#mat_bg {
	-webkit-clip-path: url(#mat_open);
	clip-path: url(#mat_open);
}
#mat_bg.open {
	-webkit-clip-path: url(#mat_close);
	clip-path: url(#mat_close);
}
#biwako_bg {
	-webkit-clip-path: url(#mask_open);
	clip-path: url(#mask_open);
}
#maskOpen, #matOpen, #matClose {
	position: fixed;
	left: 0;
	top: 0;
	width: auto;
	height: auto;
}


#top_intro {
	position: relative;
	z-index: 1 !important;
	overflow: hidden;
	width: 100vw;
	height: 100dvh;
a	background: #FFC8B4 url(/assets/recruit/images/top/cloud_bg.png);
	/* FFF0D2	FFC8B4 */
}
@supports (-webkit-touch-callout: none) { /* for Safari */
	#bg1, #bg2, #bg3, #masks, #mat, #biwako, #top_intro {
		/* height: calc(100lvh + 58px); */
		/* height: -webkit-fill-available; */
	}
}
@keyframes cloudBg0 {
	0%   { filter: hue-rotate(0deg); }
	100% { filter: hue-rotate(1deg); }
}
#cloud {
	position: absolute;
	z-index: 1;
	top: 44%;
	transform: translateY(-50%);
	-webkit-filter: drop-shadow(0 0 30px rgba(0, 0, 0, .15));
	filter: drop-shadow(0 0 30px rgba(0, 0, 0, .15));
}
#top_intro div.fukidashi, #top_intro div.message {
	position: absolute;
	z-index: 1;
	left: 50%;
	top: 44%;
	width: 100%;
	height: 850px;
	text-align: center;
	transform: translateY(-50%) translateX(-50%);
}
#top_intro div.message {
	z-index: 3;
}
#top_intro p {
	position: absolute;
	left: 50%;
	top: 44%;
	transform: translateY(-50%) translateX(-50%);
	width: 100%;
	font-size: 2rem;
}
#top_intro p.m2 {
	font-size: 3.2rem;
}


#frontpage #about,
#frontpage #people,
#frontpage #internship,
#frontpage #qa {
	margin-bottom: 0;
}
#frontpage #interview {
	padding-top: 0 !important;
}
#frontpage .js_horizontal_scroll {
	height: auto;
	margin-top: 30px;
}



#about div.top_about_link01 {
	animation: fuwafuwa 3.3s ease-in-out infinite alternate;
}
#about div.top_about_link02 {
	animation: fuwafuwa 2.7s ease-in-out infinite alternate;
}
@keyframes fuwafuwa {
	  0% { transform: translateY(0); }
	100% { transform: translateY(16px); }
}



@media screen and (max-width:600px) {
	.inner {
		width: 84vw;
		margin-left: 8vw;
		margin-right: 8vw;
	}
}
@media screen and (max-width:768px) {
	#cloud {
		transform: scale(1.5) translateY(-32%);
	}
	#member {
		width: 248vw;
		margin: 0 -71vw;
	}
	#top_intro p {
		font-size: 1.6rem;
		margin-left: 0.6rem;
	}
	#top_intro p.m2 {
		font-size: 2.2rem;
		margin-left: 1.1rem;
	}
}