@charset "utf-8";

/* kv
---------------------------------------------- */

#kv {
	position:relative;
	margin-bottom:150px;
	background:url(../images/kv.jpg) center center no-repeat;
	background-size:cover;
}
	@media(max-width:767px) {
		#kv {
			margin-bottom:100px;
		}
	}

#kv > h1 {
	position:absolute;
	font-size:48px;
	left:40px;
	bottom:140px;
	background-color:#C2BA00;
	color:#FFF;
	padding:20px 10px;
	font-weight:500;
	writing-mode: vertical-rl;
	font-feature-settings:initial;
	letter-spacing:10px;
}
	@media(max-width:1279px) {
		#kv > h1 {
			font-size:44px;
		}
	}
	@media(max-width:979px) {
		#kv > h1 {
			font-size:40px;
		}
	}
	@media(max-width:767px) {
		#kv > h1 {
			font-size:38px;
			left:15px;
			bottom:100px;
			letter-spacing:5px;
			padding:15px 10px;
		}
	}
	@media(max-width:479px) {
		#kv > h1 {
			font-size:28px;
			left:10px;
			bottom:100px;
		}
	}

#kv > p {
	position:absolute;
	left:75px;
	bottom:40px;
	padding:20px 25px 20px 65px;
	display:inline-block;
	font-size:48px;
	background:rgba(255,255,255,0.7);
	line-height:1.3;
	font-weight:normal;
}
	@media(max-width:1279px) {
		#kv > p {
			font-size:42px;
		}
	}
	@media(max-width:979px) {
		#kv > p {
			font-size:38px;
		}
	}
	@media(max-width:767px) {
		#kv > p {
			font-size:32px;
			left:50px;
			padding:15px 15px 15px 35px;
		}
	}
	@media(max-width:479px) {
		#kv > p {
			font-size:20px;
			left:45px;
			bottom:15px;
		}
	}