@charset "UTF-8";
/*************************************************************
 /css/page.css
**************************************************************
1) header
2) article
3) interview
4) work
5) footer
-------------------------------------------------------------*/


/* 1) header
-------------------------------------------------------------*/
header {
	padding: 28px 0 0;
}
header .logo {
	width: 270px;
	margin: 0 0 21px;
}
header .kv {
	width: 950px;
	height: 380px;
	background: #fff8da url(../images/lp/kv.jpg) no-repeat left top/cover;
	padding: 302px 0 0 471px;
}
header .kv .btn {
	width: 329px;
	font-size: 2.3rem;
	line-height: 44px;
}

/* 2) article
-------------------------------------------------------------*/
article {
	background-color: #fff8da;
	background-image: url(../images/lp/bg_content02.jpg), url(../images/lp/bg_content01.png);
	background-repeat: no-repeat, repeat-y;
	background-position: center top;
	background-size: 100% auto;
}

/* 3) interview
-------------------------------------------------------------*/
.interview {
	padding: 30px 0 105px;
}
.interview .catch {
	width: 561px;
	margin: 0 0 45px 234px;
}
.interview .lead {
	font-size: 1.8rem;
	line-height: 1.89;
	text-align: center;
	margin: 0 0 20px;
}
.interview .wrap {
	width: 600px;
	margin: 0 auto;
}
.interview .wrap .nou {
	position: relative;
}
.interview .wrap .nou {
	margin: 0 0 28px 40px;
}
.interview .wrap .nou img {
	width: 520px;
	display: inline-block;
	margin: 0 10px 0 0;
}
.interview .wrap .nou .caption {
	position: absolute;
	bottom: 0;
	font-size: 1rem;
	writing-mode: vertical-rl;
	display: inline-block;
}
.interview .wrap .txtset {
	margin: 0 0 35px;
	text-align: justify;
}
.interview .wrap .txtset .txt + .txt {
	margin-top: 1.2em;
}
.interview .wrap .profile {
	width: 390px;
	font-size: 1.2rem;
	line-height: 1.5;
	text-align: justify;
	letter-spacing: 0;
	border: #73420e solid 1px;
	padding: 9px 18px;
}
.interview .wrap .profile dt {
	margin: 1px 0 3px;
}
.interview .wrap .portrait {
	width: 198px;
}
.interview .btn {
	width: 400px;
	line-height: 36px;
	text-align: center;
	margin: 38px auto 0;
	border: #611000 solid 3px;
}
.interview .btn button {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	font-size: 2rem;
	font-weight: 600;
	color: #fff;
	background: linear-gradient(to bottom,  rgba(163,42,0,1) 0%,rgba(163,42,0,1) 30%,rgba(137,23,0,1) 100%);
	border: #a32a00 solid 3px;
	padding: 0 0 0 30px;
	cursor: pointer;
}
.interview .btn button::before {
	position: absolute;
	content: "";
	width: 30px;
	height: 30px;
	background: url(../images/lp/icon_film.png) no-repeat;
	background-size: cover;
	top: 0;
	bottom: 0;
	left: 35px;
	margin: auto;
}
.interview .btn button:hover {
	opacity: 0.7;
	transition: 0.3s linear;
}

/* 4) work
-------------------------------------------------------------*/
.work {
	width: 710px;
	margin: 0 auto;
	padding: 0 0 100px;
}
.work .workTitle {
	width: 508px;
	margin: 0 auto 37px;
}
.work .item {
	width: 200px;
}
.work .item .kan {
	font-size: 2.1rem;
	line-height: 2.2;
	text-align: center;
}
.work .item .price {
	font-size: 1.8rem;
	line-height: 1.2;
	text-align: right;
}
.work .btn {
	width: 400px;
	font-size: 2.8rem;
	line-height: 52px;
	margin: 56px auto 0;
}

/* 5) footer
-------------------------------------------------------------*/
footer {
	font-size: 1.2rem;
	text-align: center;
	background: #fff8da url(../images/lp/bg_content01.png) repeat-y center top/100% auto;
	padding: 0 0 55px;
}
footer .note {
	line-height: 3.2;
	border-top: #000 solid 1px;
	border-bottom: #000 solid 1px;
	margin: 0 0 22px;
}
footer .cr {
	
}