div.sub_page_header {
    background-color: #176d80;
    color: #ffffff;
}
div.plan_point_box{
	width:1000px;
	margin:0px auto;
	padding-top:30px;
}
ul.plan_point{
	list-style:none;
	margin:0;
	padding:0px;
	width:100%;
    display:flex;
    justify-content: space-between;
}
ul.plan_point > li{
	display:inline-block;
}
ul.plan_point > li > a > img{width:100%;}
div.sub_page_contents{
	background-color:#f5f5eb;
}
div.white{background-color:#ffffff;}
div.plan_contents{
	width:1000px;
	margin:0px auto;
}
div.plan_box{
	background-color:#ffffff;
	width:954px;
	padding:10px 20px;
	display:table;
	border-radius:10px;
	position:relative;
	margin:10px 0px;
}
div.plan_box > a{
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	border-radius:10px;
}
div.plan_box > a:hover{
	background-color:rgba(255,255,255,0.6);
}
div.plan_box > div.title{
	display:table-cell;
	vertical-align: middle;
	width:50%;
}
div.plan_box > div.price{
	display:table-cell;
	vertical-align: middle;
	padding:0px 10px 0px 55px;
}
div.plan_box > div.plan_img{
	display:table-cell;
	vertical-align: middle;
	padding-right:20px;
	width:145px
}
div.plan_box > div.plan_arrow{
	display:block;
	position:absolute;
	height:100%;
	top:0;
	right:0;
	padding:0px 15px;
	background-image: url(../images/plan/index/arrow.svg);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:12px auto
}
div.plan_box > div > img{
	display:block;
	vertical-align:bottom;
	width:100%;
}

div.plan_detail{
	display:table;
	width:100%;
	padding:10px 0px;
}
div.plan_detail > div.title{
	margin:0px;
	display:table-cell;
	vertical-align: top;
	width:30%;
}
div.plan_detail > div.title > h3{
	margin:0px;
	padding-left:15px;
}
ul.plan_detail_list{
	display:table-cell;
	vertical-align:top;
	margin:0px;
	padding:0px
}
dl.voice{
	margin:10px 0px 25px 0px;
	padding:10px;
	background-color:#ffffff;
	border-radius:10px;
	display:block;
}
dl.voice dt{
	cursor:pointer;
	background-repeat:no-repeat;
	background-size: 110px auto;
	background-position: left 20px top;

}
dl.voice dt > h4{
	margin:0px;
	margin-left:150px;
	padidng-top:5px;
}
dl.voice dt > h4 > span:after{
	content:"";
	background-repeat:no-repeat;
	display:inline-block;
	width:20px;
	height:20px;
	background-size:8px 13px;
	background-position:left 10px bottom;
}
dl.voice dt.active > h4 > span:after{
    transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
	background-position:left 10px bottom 5px;
}
dl.voice dd{
	padding-left:110px;
	padding-top:10px;
	padding-right:20px;
	line-height:1.8;
}

div.sub_link{
	width:100%;
    display: flex;
    justify-content: space-between;
    padding:15px 0px;
}
div.sub_link > a{
	color:#7f6725;
	font-size:1.1em;
	letter-spacing:0.1em;
	border:1px solid #aeaeae;
	border-radius:15px;
	width:47%;
	text-align:center;
	font-weight:bold;
	position:relative;
	background-color:#ffffff;
}
div.sub_link > a:after{
	content:"";
	background-image: url(../images/index/plus_point.png);
	width:22px;
	height:22px;
	background-repeat:no-repeat;
	display:inline-block;
	position:absolute;
	top:-1px;
	bottom:0;
	margin:auto;
}

/* chokuso */
div.chokuso{border:3px solid #666666;}
div.chokuso > div.plan_arrow{background-color:#666666;}
div.plan_detail > div.title > h3.chokuso{border-left:8px solid #666666;color:#666666;}
dl.chokuso > dt{background-image: url(../images/plan/index/chokuso/ep.svg);color:#666666;}
dl.chokuso dt.active > h4{padding-bottom:5px;border-bottom:1px solid #666666;}
dl.chokuso dt > h4 > span:after{background-image: url(../images/plan/index/chokuso/arrow.svg);}

/* kasou */
div.kasou{border:3px solid #976633;}
div.kasou > div.plan_arrow{background-color:#976633;}
div.plan_detail > div.title > h3.kasou{border-left:8px solid #976633;color:#976633;}
dl.kasou > dt{background-image: url(../images/plan/index/kasou/ep.svg);color:#976633;}
dl.kasou dt.active > h4{padding-bottom:5px;border-bottom:1px solid #976633;}
dl.kasou dt > h4 > span:after{background-image: url(../images/plan/index/kasou/arrow.svg);}

/* ichinichiso */
div.ichinichiso{border:3px solid #9a145a;}
div.ichinichiso > div.plan_arrow{background-color:#9a145a;}
div.plan_detail > div.title > h3.ichinichiso{border-left:8px solid #9a145a;color:#9a145a;}
dl.ichinichiso > dt{background-image: url(../images/plan/index/ichinichiso/ep.svg);color:#9a145a;}
dl.ichinichiso dt.active > h4{padding-bottom:5px;border-bottom:1px solid #9a145a;}
dl.ichinichiso dt > h4 > span:after{background-image: url(../images/plan/index/ichinichiso/arrow.svg);}

/* kazokuso */
div.kazokuso{border:3px solid #176f82;}
div.kazokuso > div.plan_arrow{background-color:#176f82;}
div.plan_detail > div.title > h3.kazokuso{border-left:8px solid #176f82;color:#176f82;}
dl.kazokuso > dt{background-image: url(../images/plan/index/kazokuso/ep.svg);color:#176f82;}
dl.kazokuso dt.active > h4{padding-bottom:5px;border-bottom:1px solid #176f82;}
dl.kazokuso dt > h4 > span:after{background-image: url(../images/plan/index/kazokuso/arrow.svg);}
dl.kazokuso dd > a{color:#176f82;text-decoration:underline;}

/* ippanso */
div.ippanso{border:3px solid #333366;}
div.ippanso > div.plan_arrow{background-color:#333366;}
div.plan_detail > div.title > h3.ippanso{border-left:8px solid #333366;color:#333366;}
dl.ippanso > dt{background-image: url(../images/plan/index/ippanso/ep.svg);color:#333366;}
dl.ippanso dt.active > h4{padding-bottom:5px;border-bottom:1px solid #333366;}
dl.ippanso dt > h4 > span:after{background-image: url(../images/plan/index/ippanso/arrow.svg);}

@-moz-document url-prefix() {
	div.plan_arrow{
		border-top-right-radius:10px;
		border-bottom-right-radius:10px;
	}
}

div.link_main_box{background-color:#ffffff;}

@media screen and (max-width:1199px){
}
@media screen and (max-width: 768px){
	div.sub_page_header{padding:15px 0px;}
	div.sub_page_header > h2{
		width:100%;
	}
	div.plan_point_box{
		width:95%;
		padding-top:15px;
	}
	ul.plan_point{
		display:block;
		text-align:center;
	}
	ul.plan_point > li{
		display:inline-block;
		width:32%;
	}
	div.sub_page_contents{
		font-size:1em;
		padding-bottom:10px;
	}
	div.plan_contents{
		width:95%;
	}
	div.plan_detail > div.title{
		display:block;
		width:100%;
		margin-bottom:10px;
	}
	ul.plan_detail_list{
		display:block;
		padding-left:40px;
	}
	div.plan_box{
		width:93%;
		padding:10px;
	}
	div.plan_box > div.title{
		display:block;
		width:93%;
	}
	div.plan_box > div.img_box{
		display:table;
		width:93%;
		padding-top:10px;
	}
	div.plan_box > div.img_box > div.plan_img{
		display:table-cell;
		width:30%;
		padding-right:15px;
		vertical-align:top;
	}
	div.plan_box > div.img_box > div.plan_img > img{width:100%}
	div.plan_box > div.img_box > div.price{
		display:table-cell;
		vertical-align:middle;
	}
	div.plan_box > div.img_box > div.price > img{width:100%}


	dl.voice dt{
		position:relative;
		background-position: left 5px top;
	}
	dl.voice > dt:before{
		content:"";
		background-repeat:no-repeat;
		display:inline-block;
		position:absolute;
		width:20px;
		height:20px;
		background-size:8px 13px;
		background-position:left bottom;
		left:125px;
	}
	dl.voice > dt.active:before{
		top:10px;
	    transform: rotate(90deg);
    	-moz-transform: rotate(90deg);
    	-webkit-transform: rotate(90deg);
	}
	dl.voice dt > h4{
		margin-left:10px;
		padding-top:35px;
	}
	dl.voice dd{
		padding-left:25px;
		margin-left:0px;
	}
	dl.voice dt > h4 > span:after{
		display:none;
	}

	div.plan_detail{
		display:block;
	}

	div.sub_link{
		display:block;
		padding:0px;
		background-color:#f7f7ed;
		position:relative;
	}
	div.sub_link > a{
		position:static;
		display:block;
		width:95%;
		margin:15px auto;
		font-size:1em;
		background-color:#ffffff;
		border-radius:5px;
		line-height:1.8;
		padding:5px 0px;
		text-decoration:underline;
		letter-spacing:0em;
	}
	div.sub_link > a:after{
		background-image:none;
	}
	div.funeral_contents{font-size:1.0em;}

	dl.chokuso > dt:before{background-image: url(../images/plan/index/chokuso/arrow.svg);}
	dl.kasou > dt:before{background-image: url(../images/plan/index/kasou/arrow.svg);}
	dl.ichinichiso > dt:before{background-image: url(../images/plan/index/ichinichiso/arrow.svg);}
	dl.kazokuso > dt:before{background-image: url(../images/plan/index/kazokuso/arrow.svg);}
	dl.ippanso > dt:before{background-image: url(../images/plan/index/ippanso/arrow.svg);}

}