@charset "UTF-8";
#main .hdg-section-01{
	color: #09107B;
    font-size: 4rem;
    line-height: 1.25;
	font-weight: normal;
}
#main .video-wrap {
	background: url(../assets/bg@2400w.png);
	background-size: cover;
}
html:not(.mobile) #main .video-wrap {
	height: 480px;
}

@media (min-width: 991px) {
	html:not(.mobile) #main .video-wrap {
		height: 800px;
	}
}
@media (min-width: 1360px) {
	html:not(.mobile) #main .video-wrap {
		height: 800px;
	}
}
#main .video-wrap video,
#main .video-wrap .video-cover {
	max-width: initial;
}
#main .video-wrap video {
	height: 100%;
	object-fit: cover;
}
#main .video-wrap .video-cover {
	background: rgba(0, 0, 0, 0.2);
}
#main .video-wrap .video-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#main .video-controls {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 857px;
	max-width: 75%;
	margin: 0 auto;
	transform: translate(-50%, -50%);
	z-index: 2;
}
#main .ttl-logo {
	width: 100%;
	padding-bottom: 22.24%;
	background-image: url(../assets/truetolife-logo@2x.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	text-indent: -9999px;
	font-size: 0;
}
#main .link-modal-movie {
	margin: 30px auto 0;
	width: 80px;
	height: 80px;
	display: inline-block;
}
@media (min-width: 991px) {
	#main .link-modal-movie {
		width: 122px;
		height: 122px;
	}
}
#main .link-modal-movie img {
	width: 100%;
	height: auto;
}

#main .video-wrap.for-inner {
  background: none !important;
}

html:not(.mobile) #main .video-wrap.for-inner {
  height: 300px;
}

@media (min-width: 768px) {
  html:not(.mobile) #main .video-wrap.for-inner {
    height: auto;
  }
}

#main .video-wrap.for-inner .link-modal-movie {
  margin-top: 0;
}