@charset "utf-8";

/* ブラックフィルム（ラミネートベニア） bf
------------------------------------------------------------------*/
.bnr_bf01 {
	background: url("images/bf/img_common02.png")no-repeat right bottom / calc(597 / var(--break) * 100vw) auto, url("images/bf/bg_common05.jpg")no-repeat left top / cover;
}
.bnr_bf01 .wrap {
	max-width: 680px;
}
.bnr_bf01 .txt03 {
	width: calc(500 / var(--break) * 100vw);
	height: calc(100 / var(--break) * 100vw);
	right: calc(10 / var(--break) * 100vw);
	bottom: calc(10 / var(--break) * 100vw);
	clip-path: polygon(0 0, 95% 1%, 100% 100%, 5% 100%);
	background: #7E6415;
	background: linear-gradient(90deg,rgba(126, 100, 21, 1) 0%, rgba(193, 171, 105, 1) 50%, rgba(126, 100, 21, 1) 100%);
}
.arw_bf01 {
	width: calc(140 / var(--break) * 100vw);
}
.box_bf02 .col_r {
	background: url("images/index/bg__reason05.svg")no-repeat center / cover;
	width: calc(270 / var(--break) * 100vw);
	height: calc(270 / var(--break) * 100vw);
}
.box_bf02 .col_txt {
	width: calc(100% - calc(330 / var(--break) * 100vw));
}
.row_staff04 {
	gap: calc(40 / var(--break) * 100vw) 2.45%;
}
.row_staff04 .col {
	width: 31.7%;
	max-width: 475px;
}
.row_staff04 .name {
	height: calc(95 / var(--break) * 100vw);
}
@media(min-width: 768px) and (max-width:1599px) {
	
}
@media(min-width: 768px) and (max-width:1299px) {
	.bnr_bf01 {
		background: url("images/bf/img_common02.png")no-repeat right bottom / calc(478 / var(--break) * 100vw) auto, url("images/bf/bg_common05.jpg")no-repeat left top / cover;
	}
	.bnr_bf01 .txt03 {
		font-size: 1.4375rem;
		width: calc(400 / var(--break) * 100vw);
		height: calc(80 / var(--break) * 100vw);
	}
}
@media(max-width: 767px) {
	.bnr_bf01 {
		padding: 7vw 2vw 6.5vw;
		background:url("images/page/bg_common05_sp.jpg")no-repeat left top / cover;
	}
	.bnr_bf01 .wrap {
		max-width: 100%;
	}
	.bnr_bf01 .txt01 {
		text-align: center;
		margin-bottom: 67vw;
	}
	.bnr_bf01 .price01 .num {
		font-size: calc(90 / var(--break) * 100vw);
	}
	.bnr_bf01 .txt03 {
		width: calc(600 / var(--break) * 100vw);
		right: 0;
		left: 0;
		margin: auto;
		bottom: calc(270 / var(--break) * 100vw);
		font-size: .8125rem;
	}
	.txt_bf01 {
		font-size: 1.125rem;
		letter-spacing: 0;
	}
	.box_bf02 {
		gap: 5vw 0;
	}
	.box_bf02 .col_r {
		margin: 0 auto;
		font-size: 1.125rem;
		letter-spacing: 0;
	}
	.box_bf02 .col_txt {
		width: 100%;
	}
	.box_bf02 .copy {
		text-align: center;
		font-size: 1.125rem;
		letter-spacing: 0;
	}
	.row_staff04 {
		gap: 2vw 2%;
	}
	.row_staff04 .col {
		width: 49%;
		max-width: 100%;
	}
	.row_staff04 .name {
		height: calc(120 / var(--break) * 100vw);
	}
	.row_staff04 .name .ja span {
		font-size: .75rem;
	}
	.row_staff04 .name .ja {
		font-size: 1rem;
	}
	.row_staff04 .name .en {
		font-size: .75rem;
	}
}