@charset "utf-8";

body {
	margin:0;
	padding:0;
	font-family: "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Osaka－等幅", "ヒラギノ角ゴ Pro W3", Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:1.5;
	color:#333;
	background-color:#fff;
	text-align:center;
}

li {list-style: none;}


a:link {
	color:#FF7F00;
	text-decoration:underline;
}

a:visited {
	color:#FF7F00;
	text-decoration:none;
}

a:hover {
	color:#FF7F00;
	text-decoration:none;
}

a:active {
	color:#FF7F00;
	text-decoration:underline;
}

/*画像サイズ調整*/
#wrapper {
	width: 1400px;/*表示サイズ*/
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	background:#FFF;
	/*margin: auto; /* 中央揃えにする場合必要 */
	line-height: 0;
}

#wrapper img {
	vertical-align: bottom;
	border: 0px;
}

/* ---------------------- movie ---------------------- */
.moviePCfv,
.moviePC {
	position: relative;
}

.movieBg {
	position: relative;
	z-index: 1;
	top: 0;
	left: 0;
}

.fvCover_B {
	position: relative;
	z-index: 3;
	top: 0;
	left: 0;
}

.movieCover {
	position: absolute;
	z-index: 3;
	top: 0;
	left: 0;
}

.movieFV_B {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 1400px;
	overflow: hidden;
}

.texture_A {
	position: absolute;
	z-index: 2;
	bottom: 78px;
	left: 299px;
	width: 226px;
	border-radius: 50%;
}

.texture_B {
	position: absolute;
	z-index: 2;
	bottom: 100px;
	left: 843px;
	width: 196px;;
	clip-path: polygon(50% 0%, 83% 12%, 100% 43%, 94% 78%, 68% 100%, 32% 100%, 6% 78%, 0% 43%, 17% 12%);
}

.movieFV_SR {
	width: 1400px;
}

.movie01 {
	position: absolute;
	z-index: 2;
	bottom: 50px;
	left: 273px;
	width: 853px;
}

.movie02 {
	position: absolute;
	z-index: 2;
	bottom: 32px;
	left: 362px;
	width: 676px;
}

/* SNS */
.snsPC {
	position: relative;
}
.sns01 {
	position: absolute;
	z-index: 2;
	top: 341px;
	left: 237px;
}

.sns02 {
	position: absolute;
	z-index: 2;
	top: 341px;
	left: 864px;
}

.sns03 {
	position: absolute;
	z-index: 2;
	top: 700px;
	left: 550px;
}

.sns04 {
	position: absolute;
	z-index: 2;
	top: 1059px;
	left: 237px;
}

.sns05 {
	position: absolute;
	z-index: 2;
	top: 1059px;
	left: 864px;
}


/* USER VOICE */
.uvPC01,
.uvPC02,
.uvPC03 {
	position: relative;
}

.uv01 {
	position: absolute;
	z-index: 2;
	top: 181px;
	left: 981px;
}

.uv02 {
	position: absolute;
	z-index: 2;
	top: 148px;
	left: 237px;
}

.uv03 {
	position: absolute;
	z-index: 2;
	top: 157px;
	left: 981px;
}

/* ------------------------ offer contents ------------------------ */

.heaticle_cv_pc {
	position: relative;
}

.cvBtnPC {
	position: absolute;
	display: block;
	bottom: 20px;
	left: 200px;
	animation: fluffyY 1s infinite ease-out;
}

@keyframes fluffyY {
	0% {
		transform: translateY(7px);
	}

	50% {
		transform: translateY(-7px);
	}

	100% {
		transform: translateY(7px);
	}
}