/*------------------------------------------------
*選ばれる３つの理由
--------------------------------------------------*/
.sec_title{
	font-size: clamp(28px, 2.5vw, 48px);
}
#price_content h2 em{
	font-size: clamp(40px, 4vw, 72px);
	line-height: 1.2;
}

.intro{
	position: relative;
	margin-bottom: 50px;
	gap: 2vw;
}
.intro-box{
	gap: 3vw;
}
.intro-box .txt{
	max-width: 660px;
	width: 100%;
}
.intro h3{
	font-size: clamp(32px, 2.5vw, 40px);
	margin-bottom: 40px;
}

.txt h4{
	font-size: clamp(20px, 1.7vw, 32px);
	margin-bottom: 20px;
}

.feature{
	margin: 60px 0 0;
}
.fukidashi-title{
	background: #ffe7ac;
	border-radius: 10px;
	position: relative;
	margin-bottom: 50px;
	padding: 12px 0 15px;
}

.fukidashi-title:after {
  content: "";
  position: absolute;
  bottom: -80px;
  left: 51.5%;
  transform: translateX(-51.5%);
  margin-left: -17px;
  border: 40px solid transparent;
  border-top: 40px solid #ffe7ac;
  z-index: 1;
}

.fukidashi-title h4{
	font-size:clamp(24px, 2.5vw, 36px);
	margin: 0;
  padding: 0;
}
.fukidashi-title h4 span{
	font-size:clamp(20px, 2.5vw, 28px);
}
.feature ul li{
	width: 50%;
	padding: 30px 40px;
}
.feature ul li img{
	width: 30%;
}
.feature-txt{
	width: 65%;
	text-align: center;
}
.feature-txt p.big-txt{
	font-size:clamp(18px, 1.8vw, 32px);
	line-height: 1.3;
	margin-bottom: 10px;
}
.feature-txt p.big-txt span{
	font-size:clamp(32px, 2.6vw, 58px);
}
.feature-txt p.sub-txt{
	font-size:clamp(16px, 1.2vw, 24px);
	background: #fff;
	border-radius: 50px;
	padding: 5px;
}

@media only screen and (max-width: 1024px) {
	.feature ul li{
		padding: 20px;
	}
}

@media only screen and (max-width: 960px) {

}

@media only screen and (max-width: 568px) {
    .txt h4{
        text-align: center;
    }
	.feature{
		margin: 25px 0 0;
	}
	.fukidashi-title{
		border-radius: unset;
		margin: 0 -5.7vw 30px;
	}
	.fukidashi-title:after{
		border: 24px solid transparent;
    	border-top: 20px solid #ffe7ac;
		bottom: -44px;
		left: 54.5%;
		transform: translateX(-54.5%);
	}
	.fukidashi-title h4{
		font-size:24px;
	}
	.fukidashi-title h4 span{
		font-size:19px;
	}
	.feature ul{
		flex-direction: column;
	}
	.feature ul li{
		width: 100%;
	}
	.feature-txt p.big-txt span{
		font-size: 28px;
	}
	.feature-txt p.big-txt{
		font-size: 16px;
	}
	.feature-txt p.sub-txt{
		font-size: 12px;
	}
}

.plan_btns{
	width: 100%;
}
.plan_btns li{
	max-width: 423px;
	width: 32%;
}
.plan_btns li a{
	border: 1px solid #333;
	border-radius: 30px;
	font-size:clamp(16px, 1.2vw, 26px);
	width: 100%;
	text-align: center;
	display: block;
	padding: 25px 0 30px;
	position: relative;
}
.plan_btns li:first-child a{
	background: var(--site-secondary);
	box-shadow: 0px 5px 0px 0px #bea2b9;
}
.plan_btns li a span::after{
	content: "";
	background-size: contain;
	width: 39px;
	height: 39px;
	position: absolute;
	right: 20px;
	top: 0;
	bottom: 0;
	margin: auto 0;
	transform: rotate(-90deg);
}
.plan_btns li:first-child a span::after{
	background: url(../img/common/icon-link-arrow01.svg)no-repeat;
}
.plan_btns li:nth-child(2) a{
	background: var(--site-primary);
	box-shadow: 0px 5px 0px 0px #bfb9d7;
}
.plan_btns li:nth-child(2) a span::after{
	background: url(../img/common/icon-link-arrow02.svg)no-repeat;
}
.plan_btns li:nth-child(3) a{
	background: var(--site-tertiary);
	box-shadow: 0px 5px 0px 0px #c6b4a6;
}
.plan_btns li:nth-child(3) a span::after{
	background: url(../img/common/icon-link-arrow03.svg)no-repeat;
}
.plan-title{
	margin-bottom: 25px;
	align-items: center;
}
.plan-title h5{
	font-size:clamp(28px, 2vw, 36px);
	margin-left: 3%;
}
.plan-title p{
	font-weight: bold;
	background:#fff;
	padding:15px 40px;
	font-size:clamp(16px, 1.2vw, 20px);
}
.plan-box{
	padding: 30px 40px;
	margin-bottom: 40px;
	display: grid;
    grid-template-columns: 49% 51%;
    grid-template-rows: auto auto;
    gap:0 2vw;
}
.plan-box .plan-content{
    max-width:577px;
	width: 100%;
    grid-row: 1 / -1;
    grid-column: 1;
}
.plan-box .plan-photo{
    grid-row: 1 ;
    grid-column: 2;
	max-width: 544px;
	width: 100%;
    height: fit-content;
}
.plan-box .btn_wrapper{
    grid-row: 2;
    grid-column: 2;
}

.plan-content .mb30{
    margin-bottom: 30px;
}
.plan-content h6{
	font-size:clamp(18px, 1.3vw, 26px);
	line-height: 1.3;
	margin-bottom: 20px;
}
.plan-plice{
	font-size:clamp(16px, 1.5vw, 24px);
	width: 100%;
	margin-bottom: 30px;
}
.plan-plice dt{
	border: 3px solid var(--site-secondary-keycolor);
	font-weight: bold;
	width: 20%;
	text-align: center;
	padding: 10px 0 7px;
}
.plan-plice dd{
	border-bottom: 3px solid var(--site-secondary-keycolor);
	font-size:clamp(26px, 2vw, 48px);
	width: 85%;
	text-align: center;
	line-height: 1.3;
}
.plan-plice dd span{
	font-size:clamp(16px, 1.5vw, 22px);
}
.plan-content ul{
	border: 3px solid var(--site-secondary-keycolor);
}
.plan-content ul li{
	font-weight: bold;
}
.plan-content ul li:first-child{
	width: 32%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size:clamp(14px, 1.5vw, 22px);
}
.plan-content ul li:nth-child(2){
	width: 68%;
}
.plan-content ul li:nth-child(2) dl{
	align-items: center;
	padding: 20px;
}
.plan-content ul li:nth-child(2) dl dd p{
	text-align: center;
	font-weight: bold;
	font-size:clamp(12px, .8vw, 18px);
}
.plan-content .omiokuri img{
	margin:9px 0 10px;
}
.plan-content .kasou img{
	margin-bottom: 5px;
}
.plan-content .maisou img{
	margin:13px 0 15px;
}

/*---合同火葬---*/

.goudou .plan-title .icon::before{
	background: url(../img/common/icon-goudou.svg)no-repeat;
	width: 71px;
	height: 43px;
	vertical-align: middle;
}
.goudou .btn{
	background:#db7297;
}
.goudou .btn:hover{
	background: #d88fa8;
}
.goudou .btn a{
	padding:20px;
}
/*---個別火葬---*/

.kobetsu .plan-title .icon::before{
	background: url(../img/common/icon-kobetsu.svg)no-repeat;
	width: 49px;
	height: 61px;
	vertical-align: middle;
}

.kobetsu .plan-plice dt{
	border: 3px solid var(--site-primary-keycolor);
}
.kobetsu .plan-plice dd{
	border-bottom: 3px solid var(--site-primary-keycolor);
}
.kobetsu .plan-content ul{
	border: 3px solid var(--site-primary-keycolor);
}

.kobetsu .plan-content ul li:nth-child(2) dl dd.choice p{
	font-size: 14px;
}
.kobetsu .plan-content ul li:nth-child(2) dl dd.choice img{
	max-width:151px;
	margin: 0 auto;
	display: block;
}
.kobetsu .plan-content ul li:nth-child(2) dl{
	padding: 15px 0;
}
.kobetsu .plan-content .omiokuri img{
	max-width: 70px;
	display: block;
	margin: 0 auto 15px;
}
.kobetsu .plan-content .kasou-single img{
	max-width:61px ;
	display: block;
	margin: 0 auto 15px;
}
.kobetsu .plan-content ul li:first-child{
	width: 30%;
}
.kobetsu .plan-content .annotation_txt{
	font-size: 14px;
	font-weight: 400;
	color: #939393;
}
.kobetsu .plan-content ul{
	margin-bottom: 10px;
}

.kobetsu .btn{
	background:#6282da;
}
.kobetsu .btn:hover{
	background: #869fe2;
}
.kobetsu .btn a{
	padding:20px;
}

/*---プレミアム---*/

.premium .plan-title .icon::before{
	background: url(../img/common/icon-premium.svg)no-repeat;
	width: 58px;
	height: 70px;
	vertical-align: middle;
}

.premium .plan-plice dt{
	border: 3px solid var(--site-tertiary-keycolor);
}
.premium .plan-plice dd{
	border-bottom: 3px solid var(--site-tertiary-keycolor);
}
.premium .plan-content ul{
	border: 3px solid var(--site-tertiary-keycolor);
	margin-bottom: 10px;
	justify-content: flex-start;
}
.premium .plan-content ul li:nth-child(2){
	max-width: 80%;
	width: 100%;
}
.premium .plan-content ul li:nth-child(2) dl dd{
	width: 19%;
}
.premium .plan-content ul li:nth-child(2) dl dd.choice{
	width: 44%;
}
.premium .plan-content ul li:nth-child(2) dl dd.choice p{
	font-size: 14px;
}
.premium .plan-content ul li:nth-child(2) dl dd.choice img{
	max-width:151px;
	margin: 0 auto;
	display: block;
}
.premium .plan-content ul li:nth-child(2) dl{
	padding: 15px 10px;
}
.premium .plan-content .omiokuri img{
	max-width: 70px;
	display: block;
	margin: 0 auto 15px;
}
.premium .plan-content .kasou-single img{
	max-width:61px ;
	display: block;
	margin: 0 auto 15px;
}
.premium .plan-content .tachiai img{
	max-width: 50px;
	margin: 0 auto;
	display: block;
}
.premium .plan-content ul li:first-child{
	width: 20%;
	text-align: center;
}
.premium .plan-content .annotation_txt{
	font-size: 14px;
	font-weight: 400;
	color: #939393;
}

.premium .btn{
	background:#a88c76;
}
.premium .btn:hover{
	background: #b8a598;
}
.premium .btn a{
	padding:20px;
}

@media only screen and (max-width: 1024px) {
	#price_content h2 em{
		font-size:50px ;
	}
	#price_content h2 .icon::before{
		width: 50px;
		height: 52px;
		vertical-align: sub;
	}
	.plan ul li .icon::before,
	.plan ul li:nth-child(2) .icon::before,
	.planul li:nth-child(3) .icon::before{
		width: 41px;
		height:38px;
	}
    .plan-box{
        padding: 30px;
    }
	.plan_btns li a{
		line-height: 1.2;
		padding: 20px 0 23px;
	}
	.plan-content ul li:nth-child(2) dl{
		padding: 15px;
	}
	.plan-box .plan-photo{
        max-width: 100%;
	}
	.plan-content ul li:nth-child(2) dl dd p{
		font-size: 12px;
	}

	#goudou,
	#kobetsu,
	#premium{
		margin-bottom: 30px;
	}
	.plan_btns li:nth-child(3) a{
		line-height: 1.2;
		padding: 11px 0 13px;
	}
	.kobetsu .plan-content ul li:nth-child(2) dl dd.choice p{
		font-size: 12px;
	}
	.kobetsu .plan-content ul li:nth-child(2) dl dd.choice img{
		width: 80%;
	}
	
	.premium .plan-content ul li:nth-child(2) dl{
		gap: .5vw;
	}
	.premium .plan-content ul li:nth-child(2) dl dd.choice img{
		width: 80%;
	}
	.premium .plan-content ul li:nth-child(2) dl dd.choice p{
		font-size: 12px;
	}
	.plan-content ul{
		flex-direction: column;
	}
	.plan-plice{
		margin-bottom: 20px;
	}
	.plan-content ul li:first-child,
	.kobetsu .plan-content ul li:first-child,
	.premium .plan-content ul li:first-child{
		width: 100%;
		padding: 10px 0;
		font-size: 19px;
	}
	.premium .plan-content ul li:nth-child(2){
		max-width: 100%;
	}
	.plan-content ul li:nth-child(2){
		width: 100%;
	}
	.plan-content ul li:nth-child(2) dl {
		justify-content: space-between;
	}
	.plan-content ul li:nth-child(2) dl dd{
		width: 28%;
	}
	.kobetsu .plan-content ul li:nth-child(2) dl{
		padding: 15px;
	}
	
  }
  
@media only screen and (max-width: 568px) {
	#price_content h2{
		font-size: 24px;
		position: relative;
	}
	#price_content h2 em{
		font-size:38px ;
	}
	#price_content h2 .icon::before{
		width: 36px;
		height: 35px;
		position: absolute;
		left: 18%;
		top: 15.5vw;
	}
	.plan ul{
		flex-direction: column;
		gap: 20px;
		margin: 30px 0;
	}
	.plan ul li{
		width: 85%;
        margin: 0 auto;
		font-size: 16px;
	}
    .plan_btns li a,
	.plan_btns li:nth-child(3) a{
		font-size: 17px;
		padding: 10px 0 13px;
		border-radius: 20px;
		line-height: 1.5;
	}
	.plan_btns li a span::after{
		width: 20px;
		height: 20px;
	}

	.plan-list .intro h3{
		background: #28979f;
		color: #fff;
		margin: 20px -5.7vw;
		font-size: 24px;
		text-align: left;
		color:#ffe7ac ;
		position: relative;
		padding: 10px 0;
	}
	.plan-list .intro h3 span{
		margin-left: 70px;
		display: inline-block;
		line-height: 1.3;
	}
	.plan-list .intro h3 span::before{
		content: '';
		background: url(../img/top/icon-number-reason01.png)no-repeat;
		background-size: contain;
		width: 51px;
		height: 50px;
		position: absolute;
		left: 10px;
		top: 50%;
		transform: translateY(-50%);
  }
  .intro-box{
	flex-direction: column;
  }
  .intro .md_radius_photo{
	width: 100%;
  }
  .intro-box .txt{
	width: 100%;
  }
  .intro{
	margin-bottom: 20px;
	flex-direction: column;
  }
	#goudou .inner,
	#kobetsu .inner,
	#premium .inner{
		width: 100vw;
		border-radius: 0;
	}
	.price_btns{
		flex-direction: column;
		align-items: center;
		gap:20px;
	}
	.price_btns li{
		width: 85%;
		margin: 0 auto;
	}
	.price_btns li a,
	.price_btns li:nth-child(3) a{
		font-size: 17px;
		padding: 10px 0 13px;
		border-radius: 20px;
		line-height: 1.5;
	}
	.price_btns li a span::after{
		width: 20px;
		height: 20px;
	}
	.plan-title {
		flex-direction: column;
		width: 100%;
	}
	.plan-title h5{
		text-align: center;
		font-size:24px;
		margin-bottom: 20px;
	}
	.goudou .plan-title .icon::before{
		width: 42px;
		height: 25px;
	}
	.goudou .plan-title span{
		margin-left: -30px;
	}
	.goudou.md_inner_space,
	.kobetsu.md_inner_space,
	.premium.md_inner_space{
		padding: 20px 5.3vw;
	}
	.plan-title p{
		text-align: center;
		padding: 5px;
		width: 100%;
	}
    .plan-box{
        padding: 30px 40px;
        margin-bottom: 40px;
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: auto auto auto;
        padding: 20px;
		gap: 15px;
		margin-bottom: 0px;
    }
    .plan-box .plan-content{
        max-width:100%;
        grid-row: 2;
        grid-column: 1;
    }
    .plan-box .plan-photo{
        grid-row: 1 ;
        grid-column: 1;
        max-width: 100%;
        height: fit-content;
        border-radius: 20px;
    }
    .plan-box .btn_wrapper{
        grid-row: 3;
        grid-column: 1;
    }
	.plan-content h6{
		font-size: 18px;
        text-align: center;
	}
	.plan-content h6 span{
		font-size: 21px;
	}
	.plan-plice dt{
		padding: 5px 0 7px;
	}
	.plan-plice dd{
		font-size: 29px;
		letter-spacing: 0;
		width: 80%;
	}
	.plan-plice dd span{
		font-size: 14px;
	}
	
	.plan-content .omiokuri img{
		width: 35px;
		height: 37px;
		margin: 0 auto 10px;
		display: block;
	}
	.plan-content .kasou img{
		width: 27px;
		height: 32px;
		margin: 0 auto 15px;
		display: block;
	}
	.plan-content .maisou img{
		width: 41px;
		height: 31px;
		margin: 0 auto 16px;
		display: block;
	}

	.goudou .btn a{
		padding: 10px 20px;
	}
	.goudou .btn a,
	.kobetsu .btn a,
	.premium .btn a{
		padding: 10px 20px;
        font-size: 17px;
	}
	.goudou .btn a::after,
	.kobetsu .btn a::after,
	.premium .btn a::after{
		width: 30px;
		height: 30px;
	}
	.kobetsu .plan-title .icon::before{
		width: 25px;
		height: 32px;
	}
	.plan-title h5 span{
		margin-left: -30px;
	}
	.kobetsu .plan-plice dd{
		font-size: 27px;
	}
	.kobetsu .plan-content ul li:first-child{
		width: 100%;
	}
	.plan-content .kasou-single img{
		width: 30px;
		height: 34px;
	}
	.kobetsu .plan-content ul li:nth-child(2) dl,
	.premium .plan-content ul li:nth-child(2) dl{
		flex-wrap: wrap;
		padding: 15px;
		gap:10px 0;
	}
	.kobetsu .plan-content ul li:nth-child(2) dl dd{
		width: 49%;
	}
	.kobetsu .plan-content ul li:nth-child(2) dl dd:last-child{
		width: 100%;
	}
	.kobetsu .plan-content ul li:nth-child(2) dl dd:last-child img{
		width: 100%;
		max-width: 100%;
	}
	.kobetsu .plan-content ul li:nth-child(2) dl dd.choice p,
	.premium .plan-content ul li:nth-child(2) dl dd.choice p{
		margin-bottom: 10px;
	}
	.kobetsu .plan-content ul li:nth-child(2) dl dd p.f15,
	.premium .plan-content ul li:nth-child(2) dl dd p.f15{
		font-size: 15px;
	}
	.kobetsu .plan-content .annotation_txt{
		font-size: 11px;
	}
	

	.premium .plan-title .icon::before{
		width: 29px;
		height: 35px;
	}
	.premium .plan-content ul li:first-child{
		width: 100%;
	}
	.premium .plan-content ul li:nth-child(2) dl dd:last-child{
		width: 100%;
	}
	.premium .plan-content ul li:nth-child(2){
		max-width: 100%;
	}
	.premium .plan-content ul li:nth-child(2) dl dd{
		width: 31%;
	}
	.premium .plan-content ul li:nth-child(2) dl dd:last-child img{
		width: 100%;
		max-width: 100%;
	}
	.premium .plan-content .tachiai img{
		width: 28px;
		height: 35px;
		margin: 0 auto 20px;
	}
    .plan-content .mb30{
        margin-bottom: 20px;
    }

}

/*------*/
.attention_box {
	padding: 25px 0px 25px 30px;
	letter-spacing: 0;
}
.attention_box::before{
	content: '';
	background: url(../img/top/icon-attention.svg)no-repeat;
	background-size: contain;
	width:71px ;
	height:71px ;
	display: inline-block;
	margin-top: 7px;
	margin-right: 20px;
}
.attention_box ul{
	width: 90%;
}
.attention_box ul li{
	display: block;
	text-indent: -1em;
  	padding-left: 1em;
}
@media only screen and (max-width: 1024px) {
.attention_box {
    padding: 20px;
    letter-spacing: 0;
}
}
@media only screen and (max-width: 568px) {
	.attention_box{
		display: block;
		padding: 20px;
	}
	.attention_box::before{
		float: left;
	}
	.attention_box ul{
		width: 100%;
	}
	.attention_box ul li{
		display: block;
	}
}



/*--メモリアル--*/
.memorial{
	margin-top: 60px;
}
.memorial-contents{
	display: -ms-grid;
    display: grid;
    -ms-grid-columns: 60% 40%;
    grid-template-columns: 60% 40%;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
}
.memorial h4{
	font-size: clamp(18px, 2vw, 24px);
}
.memorial h4 span{
	font-size: clamp(24px, 1.8vw, 36px);
}
.memorial img{
	max-width: 447px;
	width: 100%;
	grid-column: 2;
    grid-row: 1 / -1;
    justify-self: start;
    align-self: start;
}
.memorial a{
	margin-left: -30px;
}
.memorial .annotation_sm_txt{
	color: #ccc;
	margin-top: 20px;
}
@media only screen and (max-width: 1024px) {
	.memorial-contents{
	-ms-grid-columns: 50% 50%;
    grid-template-columns: 50% 50%;
}
.memorial img{
	max-width: 447px;
	width: 94%;
	grid-column: 2;
    grid-row: 1 / -1;
    justify-self: end;
    align-self: start;
}
}

	@media only screen and (max-width: 568px) {
		.memorial{
			margin-top: 30px;
		}
		.memorial h4{
			font-size: 16px;
            text-align: center;
		}
		.memorial h4 span{
			font-size: 21px;
		}
		.memorial-contents{
			grid-template-columns: auto auto;
        	-ms-grid-rows: auto auto auto;
        	grid-template-rows: auto auto auto;
		}
		.memorial img{
			-ms-grid-column: 1;
			grid-column: 2;
			-ms-grid-row: 1;
			grid-row: 1;
			margin-bottom: 20px;
		}
		.memorial .txt{
			grid-column: 1 / -1;
			grid-row: 2;
		}
		.memorial .annotation_sm_txt{
			font-size: 12px;
		}
	}