@charset "utf-8";
/* iplus..CSS Document */
/*  General CSS*/


/* contents
------------------------------------------------------------*/
body {
	padding-bottom: 100px;
}
#wrapper {
	display: block;
	width: 100%;
	border-bottom: 30px solid #003591;
	padding-bottom: 5vw;
}
.cv-btn {
	width: 100%;
	position: relative;
}
.cv-btn a {
	display: block;
	width: 40%;
	position: absolute;
	left: 0;
	right: 0;
	top: 5vw;
	margin: auto;
}
.cv-btn a::after {
	content: '';
	display: block;
	position: absolute;
	width: 40%;
	height: 100%;
	top: 0;
	left: -100%;
	background-image: linear-gradient(130deg, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 75%);
	transition: 0.6s;
}
.cv-btn-pro {
	display: block;
	width: 40%;
	margin: 40px auto 0;
}
.cv-area a:hover::after {
	left: 100%;
	transition: 0.6s;
}
.sec04 .movie-area {
	width: 100%;
	background-image: url("../img/movie-bg.jpg");
	background-repeat: no-repeat;
	background-size: 100%;
	padding: 16vw 19vw 0;
}
.sec04 .movie-area .youtube {
  width: 100%;
  aspect-ratio: 16 / 9;
}
.sec04 .movie-area .youtube iframe {
  width: 100%;
  height: 100%;
}
.insta-btn a {
	display: block;
	width: 27%;
	margin: auto;
	position: relative;
}
.insta-btn a img:nth-child(2) {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 50;
	opacity: 1;
	transition: .6s;
}
.insta-btn a:hover img:nth-child(2) {
	opacity: 0;
	transition: .6s;
}
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
	transition: .8s;
}
#page-top:hover {
	transition: .8s;
	transform: rotateY( 360deg );
}

#lp_entry {
	margin-top: -12vw;
	padding-top: 12vw;
}

.annotation {
	width: 750px;
	margin: 0 auto;
}
.annotation li {
	padding-left: 1em;
	text-indent: -1em;
}
.annotation .emphasis {
	color: #cc0000;
	text-decoration: underline;
}