@charset "utf-8";
/*------------------------------------------------------------
	internship
------------------------------------------------------------*/
#main {
	margin-bottom: 102px;
}
#container {
	padding-top: 160px;
}
#main .movieBox {
	position: relative;
	overflow: hidden;
	min-height: 400px;
	height: calc(100svh - 161px - 174px);
	font-size: 0;
	line-height: 1;
}
#main .movieBox video {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	object-fit: cover;
}

#main .contsBox {
	position: relative;
}
#main .contsBox img {
	width: 100%;
	max-height: 100%;
}
@media all and (min-width: 897px) {
	#main .contsBox img {
		width: 100%;
		height: 100%;
		object-fit: contain;
	}
	#main .contsBox .title {
		width: 47.65%;
		height: 43%;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		margin: -30px 0 0 -281px;
	}
	#main .contsBox .textImg {
		width: 33.43%;
		height: 9.2%;
		position: absolute;
		top: 13.2%;
		left: 50%;
		transform: translateX(-50%);
		margin-left: 302px;
	}
	#main .contsBox .textImg02 {
		width: 58.59%;
		position: absolute;
		bottom: 9.3%;
		left: 50%;
		transform: translateX(-50%);
		margin-left: 203px;
		height: 6.6%;
	}
}
@media all and (max-width: 896px) {
	#container {
		padding-top: 155px;
	}
	#main {
		margin-bottom: 0;
	}
	#main .contsBox .title {
		width: 81.33%;
		position: absolute;
		top: 50%;
		left: 20px;
		transform: translateY(-50%);
		margin-top: -6px;
	}
	#main .contsBox .textImg {
		width: 57%;
		position: absolute;
		top: 10.6%;
		right: 20px;
	}
	#main .contsBox .textImg02 {
		width: 80.26%;
		position: absolute;
		bottom: 10.6%;
		right: 54px;
	}
}
@media all and (max-width: 374px) {
	#container {
		padding-top: 152px;
	}
}