@charset "utf-8";
:root {
	--font-shippori: "Shippori Mincho", "Noto Sans JP", Meiryo, MS PGothic, arial, sans-serif;
	--noshiro-color: #f26da7;
	--futatsui-color: #39bfa9;
	--mitane-color: #f29018;
	--hover-color: #001655;
}

#contentsBlock{
	padding-bottom: 160px;
}

#keyVisual{
	background: url("../img/keyvisual_pc.jpg") no-repeat center bottom / cover;
}

#contentsBlock > section{
	margin-top: 100px;
}

#contentsBlock > section + section{
	margin-top: 160px;
}

[class^="sec_"] .hd01{
	margin-bottom: 40px;
}

[class^="sec_"] .leadBox{
	font-weight: 700;
	font-family: var(--font-shippori);
	text-align: left;
	line-height: 1.778;
}

[class^="sec_"] .leadBox p + p{
	margin-top: 1em;
}

[class^="sec_"] .venuelist{
	margin-top: 80px;
	gap: 24px;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
}
[class^="sec_"] .container .venuelist{
	margin-top: 48px;
}

[class^="sec_"] .venuelist > li{
	display: grid;
	grid-template-rows: subgrid;
	text-align: left;
	gap: 0;
}

[class^="sec_"] .venuelist > li figure{
	border-radius: 4px;
	overflow: hidden;
}
	[class^="sec_"] .venuelist > li figure img{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

[class^="sec_"] .venuelist > li .venue-place{
	font-size: 2.6rem;
	font-weight: 700;
	font-family: var(--font-shippori);
	border-bottom: solid 1px #9f9f9f;
	padding-bottom: 5px;
}
	[class^="sec_"] .noshiro .hd02,
	[class^="sec_"] .venuelist > li.noshiro .venue-place{
		color: var(--noshiro-color);
	}
	[class^="sec_"] .futatsui .hd02,
	[class^="sec_"] .venuelist > li.futatsui .venue-place{
		color: var(--futatsui-color);
	}
	[class^="sec_"] .mitane .hd02,
	[class^="sec_"] .venuelist > li.mitane .venue-place{
		color: var(--mitane-color);
	}

[class^="sec_"] .venuelist > li .venue-name{
	display: grid;
	align-items: end;
	justify-items: start;
}

[class^="sec_"] .venuelist > li a.com-btn{
	width: 100%;
	text-align: center;
	font-size: 1.8rem;
	font-weight: 500;
	color: #fff;
	border: none;
	margin-top: 24px;
}
	[class^="sec_"] .venuelist > li a.com-btn:hover{
		background-color: var(--hover-color) !important;
	}
	[class^="sec_"] .noshiro .hd02::before,
	[class^="sec_"] .venuelist > li.noshiro a.com-btn{
		background-color: var(--noshiro-color);
	}
	[class^="sec_"] .futatsui .hd02::before,
	[class^="sec_"] .venuelist > li.futatsui a.com-btn{
		background-color: var(--futatsui-color);
	}
	[class^="sec_"] .venuelist .hd02::before,
	[class^="sec_"] .venuelist > li.mitane a.com-btn{
		background-color: var(--mitane-color);
	}
		[class^="sec_"] .venuelist > li a.com-btn::after{
			background-image: url("/common/img/icon_arrow36.png");
		}

[class^="sec_"] .container{
	margin-top: 80px;
}

@media screen and (max-width: 768px){
	#keyVisual{
		background-image: url("../img/keyvisual_sp.jpg");
	}
	
	#contentsBlock > section{
		margin-top: 60px;
	}
	#contentsBlock > section + section{
		margin-top: 100px;
	}
	
	[class^="sec_"] .venuelist{
		justify-items: center;
		grid-template-columns: 1fr;
		grid-row-gap: 56px;
	}
	[class^="sec_"] .container .venuelist{
		margin-top: 24px;
	}
	
	[class^="sec_"] .venuelist > li{
		grid-template-rows: auto;
		max-width: 384px;
	}
		[class^="sec_"] .venuelist > li a.com-btn{
			margin-top: 17px;
		}
	
	[class^="sec_"] .container{
		margin-top: 60px;
	}
}



/* ------------------------------------------------------------------------ */

/* 葬儀会場ラインナップ

/* ------------------------------------------------------------------------ */

.sec_funeralhall .venuelist > li{
	grid-row: span 4;
}

.sec_funeralhall .venuelist > li .venue-name{
	margin-top: 8px;
	max-width: 200px;
	width: 90%;
}
	.sec_funeralhall .venuelist > li.futatsui .venue-name{
		max-width: 225px;
	}

.sec_funeralhall .venuelist > li figure{
	margin-top: 16px;
}

@media screen and (max-width: 768px){
	.sec_funeralhall .venuelist > li{
	}
	.sec_mortuary-fs .venuelist > li .venue-name{
		margin-top: 17px;
	}
}



/* ------------------------------------------------------------------------ */

/* 安置施設ラインナップ

/* ------------------------------------------------------------------------ */

.sec_mortuary-fs .venuelist > li{
	grid-row: span 3;
}
	.sec_mortuary-fs .venuelist > li .venue-name{
		margin-top: 27px;
		width: 90%;
	}

.sec_mortuary-fs .noshiro-1 .venue-name{
	max-width: 325px;
}
.sec_mortuary-fs .noshiro-2 .venue-name{
	max-width: 296px;
}
.sec_mortuary-fs .noshiro-3 .venue-name{
	max-width: 314px;
}
.sec_mortuary-fs .futatsui-1 .venue-name{
	max-width: 271px;
}

.sec_mortuary-fs .mitane-1 .venue-name{
	max-width: 294px;
}
.sec_mortuary-fs .mitane-2 .venue-name{
	max-width: 294px;
}
.sec_mortuary-fs .mitane-3 .venue-name{
	max-width: 290px;
}

@media screen and (max-width: 768px){
	.sec_mortuary-fs .venuelist > li .venue-name{
		margin-top: 17px;
		width: 68%;
	}
	.sec_mortuary-fs .venuelist > li.futatsui .venue-name{
		width: 58%;
	}
}