@charset "utf-8";
/* CSS Document */
@media all{
	
/* ファーストビュー */
	#firstimage{
		width: 100%;
		height:24vw;
	}
	#firstimage .text{
		position: absolute;
		width: 100%;
		top: 10vw;
		left: 0;
		transform: translateY(10%);
		-webkit-transform: translateY(10%);
		-ms-transform: translateY(10%);
		color: #fff;
		text-align: center;
		letter-spacing: .1em;
	}
	#firstimage .fvimage{
		width: 100%;
		height: 100%;
	}
	#firstimage .text h2{
		font-size: 1.8rem;
		letter-spacing: 0.4em;
		margin-bottom: 0.5em;
	}
	#firstimage .text p{
		font-size: 1.6rem;
		letter-spacing: 0.4em;
	}
/* キャンセルポリシー */
	#cancelpolicy{
		width: calc(100% - 40px);
		max-width: 1000px;
		margin: 100px auto;
	}
	#cancelpolicy h3{
		font-size: 1.4rem;
	}
	#cancelpolicy p{
		font-size: 1.2rem;
		text-align: justify;
	}
	
	


}

@media screen and (max-width: 567px){

/* ファーストビュー */
	#firstimage{
	height: 100vw;
}
	#firstimage .fvimage img{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	#firstimage .text{
		top: 50vw;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
	}
	#firstimage .text h2{
		font-size: 1.8rem;
		letter-spacing: 0.4em;
	}
	#firstimage .text p{
		font-size: 1.6rem;
		letter-spacing: 0.4em;
	}
	
/* キャンセルポリシー */
	#cancelpolicy{
		margin: 50px auto 100px;
	}
		#cancelpolicy h3,
	#cancelpolicy p{
		font-size: 1.2rem;
	}
	
	
}

@media screen and (min-width: 568px) and (max-width: 1024px){

	#firstimage .text h2{
		font-size: 2.5rem;
	}
	
}

@media screen and (min-width: 1025px), print{

	#firstimage .text h2{
		font-size: 3rem;
	}
	
}