@charset "UTF-8";
/* CSS Document */




/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* カーソル 背景 */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
.cursor_bg {
	opacity: 0.6;
}



	
/* fv
--------------------- */
#fv {
	width: 100%;
	position: relative;
}
	#fv .slider {
		margin-top: 70px;
		width: 100%;
		height: -webkit-calc(100vh - 70px);
		height: calc(100vh - 70px);
		overflow: hidden;
	}
		#fv .slider .swiper-slide.pht01 {
			background: url("../img/fv_pht01.png") no-repeat center / cover;
		}
		#fv .slider .swiper-slide.pht02 {
			background: url("../img/fv_pht02.png") no-repeat center / cover;
		}
		#fv .slider .swiper-slide.pht03 {
			background: url("../img/fv_pht03.png") no-repeat center / cover;
		}


	#fv h1 {
		width: 475px;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translateY(-60%) translateX(-50%);
		-webkit-transform: translateY(-60%) translateX(-50%);
		z-index: 2;
	}


	#fv .position {
		width: 100%;
		height: 90px;
		background: #141414;
		padding: 20px 0 0 0;
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: 3;
	}


	#fv ul.bnr {
		width: 290px;
		position: absolute;
		bottom: 120px;
		right: 30px;
		z-index: 3;
	}
		#fv ul.bnr li {
			width: 48%;
			margin-right: 4%;
		}
		#fv ul.bnr li:nth-last-child(1) {
			margin-right: 0;
		}
		#fv ul.bnr li.referral {
			width: 100%;
			background: url("../img/bnr_referral_pht.jpg") no-repeat center / 100%;
			margin-right: 0;
			margin-bottom: 10px;
			border-radius: 5px;
			overflow: hidden;
		}
		#fv ul.bnr li.comeback {
			width: 100%;
			background: url("../img/bnr_comeback_pht.jpg") no-repeat center / 100%;
			margin-right: 0;
			margin-bottom: 15px;
			border-radius: 5px;
			overflow: hidden;
		}
			#fv ul.bnr li a {
				display: block;
				overflow: hidden;
				border-radius: 50%;
			}
			#fv ul.bnr li.referral a,
			#fv ul.bnr li.comeback a {
				border-radius: 0;
			}
			#fv ul.bnr li a:hover {
				opacity: 0.7;
			}






/* max 1024px */
@media screen and (max-width: 1024px) {
	
	
/* fv
--------------------- */
#fv .slider {
	margin-top: 0;
	height: 100vh;
}
	#fv .slider .swiper-slide.pht01 {
		background: url("../img/fv_pht01.png") no-repeat center / 150%;
	}
	#fv .slider .swiper-slide.pht02 {
		background: url("../img/fv_pht02.png") no-repeat center / 150%;
	}
	#fv .slider .swiper-slide.pht03 {
		background: url("../img/fv_pht03.png") no-repeat center / 150%;
	}
	
	
}





/* max 767px */
@media screen and (max-width: 767px) {



	
/* fv
--------------------- */
#fv .slider {
	margin-top: 0px;
	height: -webkit-calc(100vh - 60px);
	height: calc(100vh - 60px);
}
	#fv .slider .swiper-slide.pht01 {
		background: url("../img/fv_pht01_sp.png") no-repeat center / 100%;
	}
	#fv .slider .swiper-slide.pht02 {
		background: url("../img/fv_pht02_sp.png") no-repeat center / 100%;
	}
	#fv .slider .swiper-slide.pht03 {
		background: url("../img/fv_pht03_sp.png") no-repeat center / 100%;
	}


#fv h1 {
	width: 70%;
	transform: translateY(-65%) translateX(-50%);
	-webkit-transform: translateY(-65%) translateX(-50%);
}


#fv .position {
	display: none;
}


#fv ul.bnr {
	width: 100%;
	bottom: -10px;
	right: 0;
	margin-right: 0;
}
	#fv ul.bnr li {
		width: 50%;
		border-top: solid 1px #DC000C;
		margin-right: 0;
	}
	#fv ul.bnr li:nth-child(3) {
		border-right: solid 1px #DC000C;
	}
	#fv ul.bnr li.referral {
		border-top: none;
		max-width: 240px;
		margin: 0 auto 10px auto;
	}
	#fv ul.bnr li.comeback {
		border-top: none;
		max-width: 240px;
		margin: 0 auto 10px auto;
	}
		#fv ul.bnr li a {
			display: block;
			height: 50px;
			overflow: hidden;
			border-radius: 0;
			background: #fff;
			line-height: 50px;
			font-size: 1.5rem;
			text-align: center;
			color: #DC000C;
		}
		#fv ul.bnr li.referral a,
		#fv ul.bnr li.comeback a {
			height: auto;
			border-radius: 0;
			background: none;
			line-height: 1;
		}
		#fv ul.bnr li a:hover {
			opacity: 0.7;
		}

	
	
	
}