@charset "utf-8";

.br36{ display: none;}
@media screen and (max-width: 360px){ .br36{ display: block;} }


.u-mv:before {
	background: url(../../img/funeral/pc/bg-mv.jpg) no-repeat center;
	background-size: cover;
}
.topTtl{
	margin-bottom: 47px;
}
.secTxtS {
	font-size: 16px;
	line-height: 2.1875;
	text-align: center;
	margin-top: 8px;
}
@media screen and (max-width: 768px){
	.topTtl{
		margin-bottom: 20px;
	}
	.secTxtS {
		font-size: 14px;
		text-align: left;
		line-height: 2.5 !important;
		margin-top: 25px;
		text-align:justify;
	}
}


/*  #funeralTop
--------------------------------------------------*/

#funeralTop{
	padding-bottom: 100px;
}
	#funeralTop .topTtl{
		letter-spacing: .06em;
		line-height: 2;
		margin-bottom: 12px;
	}
		#funeralTop .topTtl span{
			padding-bottom: 10px;
			background: linear-gradient(180deg,rgba(0,0,0,0) calc(100% - 0.5px),rgba(0,0,0,1) calc(100% - 0.5px));
		}
		#funeralTop .topTtl em{
			font-weight: bold;
			font-style: normal;
		}

	#funeralTop .typeList{
		font-size: 0;
		text-align: center;
		/*max-width: 740px;*/
		/*max-width: 630px;
		margin: 0 auto 15px;*/
		max-width: 870px;
		margin: 30px auto 20px;
	}
		#funeralTop .typeList li{
			display: inline-block;
			width: 100px;
			margin-top: 10px;
		}
		#funeralTop .typeList li + li{
			margin-left: 10px;
		}
		/*#funeralTop .typeList li:nth-child(2){
			width: 170px;
		}
		#funeralTop .typeList li:nth-child(5){
			width: 120px;
		}*/
		#funeralTop .typeList li:nth-child(2){
			width: 170px;
		}
		#funeralTop .typeList li:nth-child(5),
		#funeralTop .typeList li:nth-child(7){
			width: 120px;
		}
	#funeralTop .donation{
		margin-top: 40px;
		box-sizing: border-box;
		padding: 40px 70px 35px;
		background: url(../../img/funeral/pc/bg_donation.jpg) no-repeat center/cover;
	}
		#funeralTop .donationTtl{
			display: flex;
			justify-content: center;
			align-items: center;
			font-size: 27px;
			letter-spacing: .06em;
			line-height: 1;
			box-sizing: border-box;
			padding: 12px 10px 11px;
			background: rgba(190, 170, 71, 0.15);
		}
		#funeralTop .donationTxt{
			margin-top: 30px;
			font-size: 18px;
		    line-height: 2.27;
		    letter-spacing: 0.5px;
		    text-align: center;
		}
			#funeralTop .donationTxt small{
				display: block;
			    line-height: 1;
			}
		#funeralTop .donationWrap{
			display: flex;
			justify-content: center;
			margin-top: 30px;
			gap: 46px;
		}
			#funeralTop .donationBox{
				flex: 1;
			}
				#funeralTop .donationCategory{
					font-size: 18px;
					letter-spacing: .06em;
					line-height: 1;
					padding-bottom: 18px;
					border-bottom: 1px solid #000;
				}
				#funeralTop .donationList{
					margin-top: 15px;
				}
					#funeralTop .donationList li{
						display: flex;
						justify-content: space-between;
						align-items: flex-start;
						gap: 1em;
						font-size: 16px;
					}
					#funeralTop .donationList li + li{
						margin-top: 10px;
					}
						#funeralTop .donationName{
							line-height: 1.625;
						}
						#funeralTop .donationPrice{
							flex: 1;
							display: flex;
							align-items: center;
							letter-spacing: .04em;
							line-height: 1.625;
						}
							#funeralTop .donationPrice:before{
								content: "";
								display: block;
								flex: 1;
								height: 1em;
								margin-right: 1em;
								background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="6.72" height="2.195" viewBox="0 0 6.72 2.195"><path d="m2.194,1.092c0,.611-.492,1.104-1.092,1.104-.611,0-1.103-.492-1.103-1.104C0,.492.491,0,1.103,0c.6,0,1.092.492,1.092,1.092Z" fill="%23999"/><rect x="2.194" width="4.525" height="2.195" fill="none"/></svg>') repeat-x center left/7px auto;
							}
							#funeralTop .donationPrice em{
								font-size: 125%;
								font-style: normal;
								line-height: 0;
								padding-bottom: .2em;
							}
	#funeralTop .linkList{
		max-width: 760px;
		margin: 45px auto 0;
	}
		#funeralTop .linkList li{
			max-width: 370px;
			width: 48.6842%;
			float: left;
		}
		#funeralTop .linkList li + li{
			float: right;
		}
@media screen and (max-width: 1000px){
	#funeralTop .donationWrap{
		flex-wrap: wrap;
	}
	#funeralTop .donationBox{
		flex: 0 1 calc((100% - 46px) / 2);
	}
}
@media screen and (max-width: 768px){
	#funeralTop .topTtl{
		font-size: min(5.333333333vw,20px);
		letter-spacing: 0;
		white-space: nowrap;
		margin-bottom: 12px;
	}
		#funeralTop .topTtl span{
			padding-bottom: 10px;
			background: linear-gradient(180deg,rgba(0,0,0,0) calc(100% - 0.5px),rgba(0,0,0,1) calc(100% - 0.5px));
		}
	#funeralTop .topTtl + .secTxt{
		text-align: center;
	}
	#funeralTop .donation{
		width: 114.285714286%;
		margin: 45px -7.142857143% 0;
		padding: 40px 50px 35px;
		background: url(../../img/funeral/sp/bg_donation.jpg) no-repeat center/cover;
	}
		#funeralTop .donationTtl{
			font-size: 22px;
			padding: 9px 10px;
		}
		#funeralTop .donationTxt span{
			white-space: nowrap;
		}
		#funeralTop .donationWrap{
			margin-top: 30px;
			gap: 35px;
		}
			#funeralTop .donationBox{
				flex: 1 1 100%;
			}
				#funeralTop .donationCategory{
					font-size: 17px;
					padding-bottom: 12px;
				}
				#funeralTop .donationList{
					margin-top: 18px;
				}
					#funeralTop .donationList li{
						font-size: 15px;
					}
					#funeralTop .donationList li + li{
						margin-top: 15px;
					}
						#funeralTop .donationName{
							line-height: 1.466666667;
						}
						#funeralTop .donationPrice{
							line-height: 1.466666667;
						}
	#funeralTop .typeList{
/*		margin: 0 auto 33px;*/
		margin: 15px auto 33px;
	}
	#funeralTop .linkList{
/*		margin: 60px auto 0;*/
		margin: 50px auto 0;
	}
		#funeralTop .linkList li{
			max-width: 340px;
			width: 100%;
			float: none;
			margin: 0 auto;
		}
		#funeralTop .linkList li + li{
			float: none;
			margin-top: 30px;
		}
}




/*  #funeralMain
--------------------------------------------------*/

#funeralMain{
	padding-top: 90px;
	padding-bottom: 120px;
}
	#funeralMain .cntWrap{
		max-width: 1200px;
		width: 100%;
		margin: 100px auto 0;
	}
		#funeralMain .cntWrap .cntBox{
			max-width: 1100px;
			width: 95%;
			margin-right: auto;
		}
		#funeralMain .cntWrap .cntBox:nth-child(2){
			margin: 50px 0 0 auto;
		}
		#funeralMain .cntWrap .cntBox:nth-child(3){
			margin: 50px auto 0 0;
		}
			#funeralMain .cntWrap .cntBox .photo{
				max-width: 580px;
				width: 52.7273%;
				float: left;
			}
			#funeralMain .cntWrap .cntBox2 .photo{
				float: right;
			}
			#funeralMain .cntWrap .cntBox .txtBox{
				max-width: 450px;
				width: 40.9091%;
				float: right;
			}
			#funeralMain .cntWrap .cntBox1 .txtBox{
				padding-top: 35px;
			}
			#funeralMain .cntWrap .cntBox2 .txtBox{
				padding-top: 105px;
			}
			#funeralMain .cntWrap .cntBox3 .txtBox{
				padding-top: 60px;
			}	
			#funeralMain .cntWrap .cntBox2 .txtBox{
				float: left;
			}
				#funeralMain .cntWrap .cntBox .txtBox .ttl{
					font-size: 27px;
					margin-bottom: 7px;
				}
				#funeralMain .cntWrap .cntBox .txtBox .desc{
					font-size: 16px;
					line-height: 2.1875;
				}
		.missouBnr{
			margin-top: 80px;
		}


/*  photo slide -------*/

.slider .slideImg{
	position: relative;
}
.slider li .cap {
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.3);
    font-size: 12px;
    color: #fff;
    text-align: center;
    padding: 5px 8px;
    display: inline-block;
}
.slider .slick-dots {
    position: absolute;
    right: 16px;
    bottom: 11px;
}
	.slider .slick-dots li {
	    list-style: none;
	    display: inline-block;
	    width: 8px;
	    height: 8px;
	    background-color: #ccc;
	    /* position: relative; */
	    position: relative;
	    border-radius: 50%;
	}
	.slider .slick-dots li + li{
		margin-left: 15px;
	}
	.slider .slick-dots .slick-active {
	    background-color: #d7b457;
	}
		.slider .slick-dots li button {
		    text-transform: none;
		    font-size: 0;
		    border: none;
		    top: 0;
		    position: absolute;
		    width: 100%;
		    height: 100%;
		    background: none;
		    outline: none;
		}
#funeralMain .wBtn{
	margin: 100px auto 0;
}

@media screen and (max-width: 1000px){
	#funeralMain .cntWrap .cntBox1 .txtBox{
		padding-top: 0;
	}
	#funeralMain .cntWrap .cntBox2 .txtBox{
		padding-top: 0;
	}
	#funeralMain .cntWrap .cntBox3 .txtBox{
		padding-top: 0;
	}
		#funeralMain .cntWrap .cntBox .txtBox .ttl{
			font-size: 25px;
			margin-bottom: 5px;
		}
		#funeralMain .cntWrap .cntBox .txtBox .desc{
			font-size: 15px;
		}
}



@media screen and (max-width: 768px){
	#funeralMain {
	    padding-top: 80px;
	    padding-bottom: 80px;
	}
		#funeralMain .cntWrap{
			max-width: 560px;
			width: 100%;
			margin: 67px auto 0;
		}
			#funeralMain .cntWrap .cntBox{
				width: 100%;
				margin-left: auto;
			}
			#funeralMain .cntWrap .cntBox:nth-child(2),
			#funeralMain .cntWrap .cntBox:nth-child(3){
				margin: 90px auto 0;
			}
				#funeralMain .cntWrap .cntBox .photo{
					width: 100%;
					float: none;
				}
				#funeralMain .cntWrap .cntBox2 .photo{
					float: none;
				}
				#funeralMain .cntWrap .cntBox .txtBox{
					max-width: 560px;
					width: 87.5%;
					float: none;
					margin: 39px auto 0;
				}
				#funeralMain .cntWrap .cntBox2 .txtBox{
					float: none;
				}
					#funeralMain .cntWrap .cntBox .txtBox .ttl{
						font-size: 22px;
						margin-bottom: 8px;
					}
					#funeralMain .cntWrap .cntBox .txtBox .desc{
						font-size: 14px;
						line-height: 2.5;
						text-align:justify;
					}
			.missouBnr{
				margin-top: 30px;
			}
				
		/*  photo slide -------*/
		.slider .slick-dots {
		    position: absolute;
		    right: 0;
		    left: 0;
		    bottom: -20px;
		    margin: auto;
		    text-align: center;
		}

		#funeralMain .wBtn{
			margin: 65px auto 0;
		}

}


/*　料金表
------------------------------------------*/

#funeralMain #price{
	max-width: 1200px;
	width: 100%;
	margin-top: 100px;
}
#funeralMain .priceBox{
	max-width: 1200px;
	width: 90%;
	padding-top: 80px;
	padding-bottom: 60px;
}
#funeralMain .priceBox .rightBox {
    max-width: 1200px;
    width: 100%;
    float: none;
}
	#funeralMain .priceBox .rightBox .txtBox {
	    max-width: 880px;
	    width: 81.4845%;
	}
	#funeralMain .priceBox .rightBox .price {
	    max-width: 200px;
	    width: 18.5185%;
	}
#funeralMain .priceBox .rightBox li:last-child{
    border-bottom: none;
}
@media screen and (max-width: 768px){
	#funeralMain #price{
		margin-top: 60px;
	}
	#funeralMain .priceBox{
		width: 90%;
		padding-top: 70px;
		padding-bottom: 30px;
	}
	#funeralMain .priceBox .rightBox {
	    padding-top: 0;
	}
	#funeralMain .priceBox .rightBox .txtBox,
	#funeralMain .priceBox .rightBox .price {
	    float: none;
	    max-width: 100%;
	    width: 100%;
	}
}








/*  #funeralHome
--------------------------------------------------*/

#funeralHome{
	padding-top: 90px;
	padding-bottom: 80px;
}
	#funeralHome .funeralPrice{
		max-width: 600px;
		margin-top: 60px;
		margin-bottom: 20px;
		padding: 30px 0;
	}
		#funeralHome .funeralPrice .cf{
			width: 60%;
			margin: 0 auto;
		}
		#funeralHome .funeralPrice .ttl{
			font-size: 24px;
			float: left;
		}
		#funeralHome .funeralPrice .price{
			float: right;
			text-align: right;
		    font-size: 20px;
		    line-height: 1.6;
		}

@media screen and (max-width: 768px){
	#funeralHome{
		padding-top: 80px;
		padding-bottom: 90px;
	}
		#funeralHome .funeralPrice {
			max-width: 560px;
		    margin-top: 30px;
		    margin-bottom: 0px;
		    padding: 30px 0;
		}
			#funeralHome .funeralPrice .cf{
				width: 80%;
			}
			#funeralHome .funeralPrice .ttl{
				font-size: 18px;
				/*float: none;*/
			}
			#funeralHome .funeralPrice .price{
				/*float: none;*/
			    font-size: 17px;
			}
}




/*  #impression
--------------------------------------------------*/

#impression{
	padding-top: 90px;
	padding-bottom: 100px;
	background: url(../../img/funeral/pc/bg_impression.jpg) no-repeat center center/cover;
}
	#impression .ttl{
		font-size: 27px;
		margin-bottom: 30px;
		text-align: center;
	}
	#impression .impressions{
	}



	/*  slide -------*/

	#impression .impressions .slider2{
		max-width: 930px;
		margin: 0 auto;
		position: static;
	}
		#impression .impressions .slick-initialized .slick-slide{
			margin: 0 15px;
		}
			#impression .impressions .slider2 li{
				width: 280px;
				height: 300px;
				background: url(../../img/funeral/pc/bg_slider2List.png) no-repeat center center;
				background-size: 100% 100%;
				background-color: #fff;
				/*padding: 0 30px;*/
				box-sizing: border-box;
				position: relative;
			}
				#impression .impressions .slider2 li p{
					font-size: 14px;
					line-height: 2.29;
					padding: 30px 30px 0;
				}
				#impression .impressions .slider2 li span{
					font-size: 14px;
					line-height: 1;
					position: absolute;
					right: 30px;
					bottom: 30px;
				}

			/*arrow*/
			.slider2 .slick-prev, 
			.slider2 .slick-next {
			    width: 16px;
			    height: 29px;
			}
			.slider2 .slick-prev {
			    left: 0;
			    background: url(../../img/funeral/pc/prev.png) no-repeat top center/16px;
			    width: 16px;
			    height: 29px;
			}
			.slider2 .slick-next {
			    right: 0;
			    background: url(../../img/funeral/pc/next.png) no-repeat top center/16px;
			    width: 16px;
			    height: 29px;
			}

@media screen and (max-width: 900px){
	#impression .impressions .slider2 li{
		height: 350px;
	}
}
@media screen and (max-width: 768px){
	#impression{
		padding-top: 70px;
		padding-bottom: 97px;
	}
		#impression .inner{
			width: 100%;
		}
			#impression .ttl{
				font-size: 27px;
				margin-bottom: 37px;
				line-height: 1.75;
			}
			#impression .impressions .slider2 li{
				height: 300px;
			}
			/*arrow*/
			.slider2 .slick-prev {
			    left: 5%;
			}
			.slider2 .slick-next {
			    right: 5%;
			}
}