@charset "utf-8";

/* =====================
	common
======================= */
.flex-wrap{
	display:flex;
}
img{
	display:block;
	max-width:100%;
}
#page .main{
	margin:10px 0 0;;
}
#page .contact{
	font-size:1.0rem;
}
#page .contact .title{
	font:133% 'HanaMinA';
}
#gNav ul{
	font:96% 'HanaMinA';
	font-weight:bold;
}
#page .contact .title{
	font:133% 'HanaMinA';
}
#gNav ul{
	font:96% 'HanaMinA';
	font-weight:bold;
}
@media screen and (max-width: 480px){
	#page .contact .tel .ico-tel{
		font-size:200%;
	}
}

/* =====================
	main
======================= */
.container{
	color:#333;
}
#page .main{
	padding:0;
}

.jumokuso-new {
	font-size:1.0rem;
}

#page .main .section{
	line-height:1.6;
	background:#fff;
	margin-top:20px;
	padding:15px;
}
@media screen and (max-width: 480px){
	#page .main .section{
		padding:0;
	}
}

.main-visual{
	
}
.main-visual {
	overflow: hidden;
	position: relative;
}
.main-visual h1 {
	position: absolute;
	width: calc(100%/1.3);
	top: calc(100%/1.7);
	left: calc(100%/50.0);
	animation: 10s infinite fadein;
}
@media screen and (max-width: 480px){
	.main-visual h1 {
		position: absolute;
		width: calc(100%/1.0);
		top: calc(100%/1.9);
		left: calc(100%/50.0);
		animation: 10s infinite fadein;
	}
}



.item-a01,.item-a02,.item-b01,.item-b02,.item-b03,
.item-c01,.item-c02{
	border:1px solid #ccc;
	padding:15px;
	margin: 10px 2px 0;
}


.plan-lay{
	display:flex;
}
.flex-box{
	width:50%;
}
.item-a01,.item-a02,
.item-b01,.item-b02,.item-b03,
.item-c01,.item-c02{
	border:4px solid #d67d93;
}

.item-a01 img,.item-a02 img,
.item-b01 img,.item-b02 img{
	width:100%;
}
@media screen and (max-width: 480px){
	.plan-lay{
		display:block;
	}
	.item-a01,.item-a02{
		display:block;
	}
	.item-a01 .flex-box,.item-a02 .flex-box{
		width:100%;
	}
}

.memorial-lay .space .flex-box img,
.memorial-lay2 .space .flex-box img{
	width:60%;
}
.memorial-lay .space .flex-box:first-child,
.memorial-lay2 .space .flex-box:first-child{
	width:25%;
}
.memorial-lay .space .flex-box:last-child{
	width:75%;
	display: flex;
	align-items: center;
}
,
.memorial-lay2 .space .flex-box:last-child{
	display: flex;
	align-items: center;
}
.memorial-lay2 .space .point{
	font-size:1.2rem;
	font-weight:600;
	text-align:center;
	padding:10px;
	border:2px solid #ccc;
	margin: 0 0 20px;
}
@media screen and (max-width: 896px){
	.memorial-lay .space .flex-box img,
	.memorial-lay2 .space .flex-box img{
		width:100%;
	}
}
@media screen and (max-width: 480px){
	.memorial-lay .space .flex-box img,
	.memorial-lay2 .space .flex-box img{
		width:50%;
	}
	.memorial-lay2 .space .point{
		text-align:left;
	}
}

#page .main .section h2{
	color:#333;
	margin:10px 0;
	padding:10px;
	background: url(../img/page/jumokuso-new/bg-pink.png) repeat #d6748c;
}
#page .main .section h2:before{
	content:none;
	margin:0;
	position:static;
}
#page .main .section h2 img{
	width:50%;
}
@media screen and (max-width: 480px){
	#page .main .section h2 img{
		width:100%;
	}
}



.plan-lay2,.plan-lay3{
	display:flex;
}


.plan-lay h3,.plan-lay2 h3,.plan-lay3 h3{
	font-size:1.1rem;
	font-weight:500;
	color:#fff;
	padding:3px 10px;
	margin:0 0 10px 0;
	background:#747284;
	display: flex;
	align-items: center;
}
.plan-lay h3{
	margin:0 10px 10px 0;
}

.plan-lay h3:before,.plan-lay2 h3:before,.plan-lay3 h3:before{
	content:url(../img/page/jumokuso-new/icon-sakura.png) ;
	margin-right:8px;
}

.plan-lay dl dt,.plan-lay2 dl dt,.plan-lay3 dl dt{
	font-weight:600;
}
.plan-lay dl dd,.plan-lay2 dl dd,.plan-lay3 dl dd{
	font-size:1.0rem;
}
.plan-lay dl dd span,.plan-lay2 dl dd span,.plan-lay3 dl dd span{
	font-size:1.4rem;
	font-weight:600;
}
.plan-lay dl dd span:before,.plan-lay2 dl dd span:before,.plan-lay dl dd span:before{
	content: "\A";
	white-space: pre;
}
.plan-lay dl dd span:after{
	content: "\A";
	white-space: pre;
}
.plan-lay2 img{
	margin:0 0 10px;
}
.plan-lay3 .photo{
	margin:10px 0 0;
}

.remarks{
	margin:10px;
}
@media screen and (max-width: 480px){
	.plan-lay2,.plan-lay3{
		display:block;
	}
	.plan-lay h3{
		margin:0 0 10px 0;
	}

	.flex-wrap.space{
		display:block;
	}
	.memorial-lay .space .flex-box:first-child, .memorial-lay2 .space .flex-box:first-child{
		width:100%;
	}
	.memorial-lay .space .flex-box:first-child img, .memorial-lay2 .space .flex-box:first-child img{
		margin:0 auto;
	}
	.memorial-lay .space .flex-box:last-child,
	.memorial-lay2 .space .flex-box:last-child{
		width:100%;
	}
}

.