@charset "UTF-8";

/* MV
================ */
#mv {
	height: 140vw;
	max-height: 100dvh;
	position: relative;
	overflow: hidden;
}
#mv .imgBox {
	height: calc(100% - 2.2rem);
	overflow: hidden;
}
#mv .imgBox .img {
	display: block;
	width: 100%;
	height: 100%;
}
#mv .imgBox img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#mv .en_ttl {
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	line-height: .68;
	position: absolute;
	left: -.1em;
	bottom: 1rem;
}

@media (min-width: 992px) {
	#mv .imgBox {
		margin-left: calc(100%/6);
		height: 100%;
	}
	#mv .en_ttl {
		bottom: -.05em;
	}
}

@media (orientation: portrait){
	#mv .imgBox img._h {
		display: none;
	}
}
@media (orientation: landscape){
  #mv .imgBox img._v {
		display: none;
	}
}


/* MV Animation */
#mv .en_ttl span {
	display: inline-block;
	transform: translateX(-1.5em);
}
#mv .en_ttl.animated span {
	animation: textanimation 1s forwards;
}
#mv .en_ttl span:nth-child(1) { animation-delay: 0s }
#mv .en_ttl span:nth-child(2) { animation-delay: .2s }
#mv .en_ttl span:nth-child(3) { animation-delay: .3s }
#mv .en_ttl span:nth-child(4) { animation-delay: .4s }
#mv .en_ttl span:nth-child(5) { animation-delay: .5s }
#mv .en_ttl span:nth-child(6) { animation-delay: .6s }
#mv .en_ttl span:nth-child(7) { animation-delay: .7s }
@keyframes textanimation {
	0%   { transform: translateX(-1.5em); }
	100% { transform: translateX(0); }
}

#mv .imgBox {
	animation-duration: 2s;
	animation-delay: .5s;
	animation-timing-function: cubic-bezier(0.65, 0, 0.35, 1);
}
#mv .imgBox .img {
	animation-duration: 2s;
	animation-delay: .7s;
	animation-timing-function: cubic-bezier(0.65, 0, 0.35, 1);
}
#mv .imgBox .img.animated {
	opacity: 1;
  animation-name: fadeInZoomOut;
}
@keyframes fadeInZoomOut {
  0%   { transform: scale(1.15) translate3d(0, -2rem, 0); }
  100% { transform: scale(1) translate3d(0, 0, 0); }
}




/* NEWS
================ */
#news .lists {
	font-size: .857rem;
}
#news .lists .list {
	border-top: 0!important;
  border-bottom: 0;
}
#news .lists .list a {
	padding: .6em 0;
}
#news .lists .list a time {
	font-size: .786rem;
}


/* JOB
================ */
#job {
	position: relative;
}
#job .col-12 {
	position: static;
}
.job-list {
	list-style-type: none;
	padding: 3em 0 4.5em;
}
.job-list li a {
	display: block;
	padding: 1.5em 0;
	color: var(--gray);
}
.job-list li a:hover {
	color: var(--black);
}
.job-list li .en_ttl {
	font-size: 2.858em;
	line-height: 1.125;
}
.job-list li .ttl {
	font-size: .857em;
}

.job-list li > img {
	width: 25em;
	max-width: 50vw;
	pointer-events: none;
	opacity: 0;
	transition: .4s cubic-bezier(0.65, 0, 0.35, 1);
	position: absolute;
	right: 0;
	bottom: 0;
}

@media (min-width: 768px) {
	#job .container:has(.more) {
		margin-top: -4.6em;
	}
	.job-list li:hover > img {
		opacity: 1;
	}
}
@media (min-width: 992px) {
	#job .container:has(.more) {
		margin-top: -6.6em;
	}
	.job-list {
		padding: 4.5em 0 5.5em;
	}
	.job-list li a {
		display: flex;
		align-items: baseline;
		padding: 1.75em 0;
	}
	.job-list li .en_ttl {
		font-size: 3.572em;
	}
	.job-list li .ttl {
		margin-left: 2em;
	}
}

/* INTERVIEW
================ */
@media (min-width: 576px) {
	#interview .cards .card:nth-of-type(n+4) {
		display: none;
	}
}