@charset "utf-8";

.row_blackfilm01 .col{
	width: calc(480/1500*100%);
}
.row_blackfilm01 .col p{
	color: #fff;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.row_blackfilm01 .col .txt1{
	margin-bottom: calc(14 /var(--break)*100vw);
}
.row_blackfilm01 .col .txt2{
	margin-bottom: calc(8 /var(--break)*100vw);
}
.txt_blackfilm01{
	margin: calc(-8 /var(--break)*100vw) auto calc(30 /var(--break)*100vw);
}
.arw_blackfilm{
	width: 100%;
	height: calc(75 /var(--break)*100vw);
	clip-path: polygon(0 0,50% 100%,100% 0);
}

.box_blackfilm01{
	background: url("images/blackfilm/img_blackfilm12.jpg")no-repeat right center/cover;
	outline: solid 1px #d9cdae;
	outline-offset: calc(-11 /var(--break)*100vw);
	padding: calc(42 /var(--break)*100vw) calc(50 /var(--break)*100vw);
}
.box_blackfilm01 .copy{
	line-height: calc(42/26*100%);
	margin-bottom: calc(9 /var(--break)*100vw);
}
.box_blackfilm01 .txt{
	width: calc(800 /var(--break)*100vw);
}
.box_blackfilm01 .icn{
	background: url("images/blackfilm/icn_blackfilm01.png")no-repeat center/contain;
	width: calc(230 /var(--break)*100vw);
	height: calc(231 /var(--break)*100vw);
	bottom: calc(-30 /var(--break)*100vw);
	right: calc(-49 /var(--break)*100vw);
	line-height: calc(42/24*100%);
}
.wrap_blackfilm01 .ttl{
	margin-bottom: calc(17 /var(--break)*100vw);
}
@media(min-width: 768px) and (max-width:1299px) {
	.box_blackfilm01 .txt{
		width: calc(700 /var(--break)*100vw);
	}
}
@media(max-width: 767px) {
	.row_blackfilm01{
		width: calc(480 /var(--break)*100vw);
		margin-left: auto;
		margin-right: auto;
		gap:calc(40 /var(--break)*100vw) 0;
	}
	.row_blackfilm01 .col{
		width: 100%;
	}
	.row_blackfilm01 .col .txt1{
		font-size: 0.75rem;
		margin-bottom: calc(14 /var(--break)*100vw);
	}
	.row_blackfilm01 .col .txt2{
		font-size: 1.125rem;
		margin-bottom: calc(8 /var(--break)*100vw);
	}
	.row_blackfilm01 .col .txt3{
		font-size: 0.625rem;
	}
	.txt_blackfilm01{
		font-size: 1.125rem;
		letter-spacing: 0;
		margin: calc(-8 /var(--break)*100vw) auto calc(30 /var(--break)*100vw);
	}
	.arw_blackfilm{
		height: calc(45 /var(--break)*100vw);
	}

	.box_blackfilm01{
		background: url("images/blackfilm/img_blackfilm12.jpg")no-repeat right bottom/auto calc(357 /var(--break)*100vw),#f7f3e7;
		outline: solid 1px #d9cdae;
		outline-offset: calc(-6 /var(--break)*100vw);
		padding: calc(42 /var(--break)*100vw) calc(50 /var(--break)*100vw) calc(360 /var(--break)*100vw);
	}
	.box_blackfilm01 .copy{
		font-size: 1.125rem;
		letter-spacing: 0;
		line-height: calc(42/26*100%);
		margin-bottom: calc(9 /var(--break)*100vw);
	}
	.box_blackfilm01 .txt{
		width: 100%;
	}
	.box_blackfilm01 .icn{
		bottom: calc(-30 /var(--break)*100vw);
		right: auto;
		left: calc(30 /var(--break)*100vw);
		line-height: calc(42/24*100%);
		font-size: 0.75rem;
	}
	.wrap_blackfilm01 .ttl{
		font-size: 1.125rem;
		letter-spacing: 0;
	}
}