/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

@charset   "UTF-8";
#other h2 {
	margin:				50px auto;
	font-size:			27px;
	font-weight:		bold;
}
#other h3 {
	width:				100%;
	margin:				30px auto;
	text-align:			left;
	font-size:			21px;
	font-weight:		bold;
}
#other h4 {
	font-size:			17px;
	font-weight:		bold;
	margin-top:			20px;
}
#other section {
	width:				80%;
	max-width:			1440px;
	margin:				0 auto;
	padding:			50px 0 20px 0;
}
@media screen and ( max-width:768px ) {
	#other h2 {
		font-size:			20px;
	}
	#other h3 {
		font-size:			17px;
	}
	#other h4 {
		font-size:			15px;
	}
	#other section {
		width:				95%;
		padding-top:		40px;
		padding-bottom:		0;
	}
}

/****************************************************/
/* 葬儀の流れエリア										*/
/****************************************************/

/* トップリンク ******************************************/
#flow .wrap {
	width:				100%;
	display:			-webkit-box;
	display:			-ms-flexbox;
	display:			flex;
	-webkit-box-orient:			horizontal;
	-webkit-box-direction:			normal;
	    -ms-flex-flow:			row wrap;
	        flex-flow:			row wrap;
	-webkit-box-align:		center;
	    -ms-flex-align:		center;
	        align-items:		center;
	-webkit-box-pack:	center;
	    -ms-flex-pack:	center;
	        justify-content:	center;
}
#flow .wrap table {
	width:				270px;
	margin:				0 10px;
/*border:1px blue solid;*/
}
#flow .wrap caption {
	padding:			10px 0;
	text-align:			center;
	background-color:	#dddddd;
	font-size:			20px;
}
#flow .wrap td {
	padding:			5px 0;
	-webkit-box-sizing: 		border-box;
	        box-sizing: 		border-box;
	text-align:			left;
	text-indent:		1rem;
	font-size:			17px;
/*border:1px lime solid;*/
}
@media screen and ( max-width:428px ) {
	#flow .wrap table {
		margin:				10px 0;
	}
}

/* 内容 ********************************************/
#flow div {
	width:				100%;
}
#flow ul {
	width:				90%;
	margin:				0 auto 10px;
	list-style:			none;
/*border:1px blue solid;*/
}
#flow li {
	padding:			2px 0;
	text-align:			left;
	line-height:		21px;
}
#flow #kitoku li,
#flow #nitiji li {
	text-indent:		-1em;
	padding-left:		1em;
}
#flow .cautNum {
	color:				#CB1B45;
	font-size:			10px;
}
#flow .cautCont {
	padding:			10px;
	-webkit-box-sizing: 		border-box;
	        box-sizing: 		border-box;
	border-radius:		5px;
	background-color:	#c0bddd;
}
#flow .cautCont .titl {
	color:				#CB1B45;
}
#flow .cautCont li {
	font-size:			14px;
}
#flow table {
	margin:				0 auto;
	width:				700px;
	border-collapse:	collapse;
}
#flow table td,
#flow table caption {
	text-align:			left;
	vertical-align:		top;
	padding:			10px;
	-webkit-box-sizing: 		border-box;
	        box-sizing: 		border-box;
}
#flow table caption {
	background-color:	#e0e0e0;
}
#flow table td {
	border:				1px #e0e0e0 solid;
}
@media screen and ( max-width:768px ) {
	#flow table {
		width:				100%;
	}
}
@media screen and ( max-width:428px ) {
	#flow table td,
	#flow table caption {
		font-size:			14px;
		padding:			10px 3px;
	}
}

/****************************************************/
/* やすらぎ倶楽部入会案内								*/
/****************************************************/
#club .cont {
	width:				100%;
}
#club .ben01 {
	width:				100%;
	padding-bottom:		30px;
	display:			-webkit-box;
	display:			-ms-flexbox;
	display:			flex;
	-webkit-box-orient:			horizontal;
	-webkit-box-direction:			normal;
	    -ms-flex-flow:			row wrap;
	        flex-flow:			row wrap;
	-webkit-box-align:		start;
	    -ms-flex-align:		start;
	        align-items:		flex-start;
	-webkit-box-pack:	center;
	    -ms-flex-pack:	center;
	        justify-content:	center;
}
#club div.titl {
	width:				90%;
	margin:				0 auto;
	padding:			30px 0;
	display:			-webkit-box;
	display:			-ms-flexbox;
	display:			flex;
/*	flex-flow:			row wrap;*/
	-webkit-box-align:		center;
	    -ms-flex-align:		center;
	        align-items:		center;
	-webkit-box-pack:	center;
	    -ms-flex-pack:	center;
	        justify-content:	center;
	background-color:	#c0bddd;
	font-size:			30px;
	font-weight:		bold;
}
#club .ben01 .place {
	width:				400px;
	margin:				10px;
	padding:			10px;
	-webkit-box-sizing: 		border-box;
	        box-sizing: 		border-box;
	text-align:			left;
	line-height:		23px;
	border:				1px #d0d0d0 solid;
	border-radius:		5px;
}
#club .ben01 .place p.titl {
	color:				#21cd9c;
	font-size:			17px;
}

#club .ben02 .cont,
#club .ben03 .cont,
#club .ben04 .cont,
#club .ben05 .cont {
	width:				80%;
	margin:				0 auto;
	padding:			20px;
	-webkit-box-sizing: 		border-box;
	        box-sizing: 		border-box;
	text-align:			left;
	line-height:		23px;
}
#club .ben02 .cont p.st {
	color:				red;
}
#club .ben02 .cont p.st span {
	color:				red;
	font-size:			30px;
}
#club .ben03 .cont span {
	font-size:			30px;
}
#club .ben05 .cont img {
	width:				100%;
	margin:				0 auto;
}
#club .ben05 .cont p {
	text-indent:		-1em;
	padding-left:		1em;
}
@media screen and ( max-width:768px ) {
	#club div.titl {
		width:				100%;
		font-size:			20px;
	}
}
@media screen and ( max-width:428px ) {
	#club .ben01 .place {
		width:				100%;
		margin:				10px 0;
	}
	#club .ben01 .place p 	{
		font-size:			3.5vw;
	}
	#club .ben02 .cont,
	#club .ben03 .cont,
	#club .ben04 .cont,
	#club .ben05 .cont {
		width:				100%;
		padding:			20px 5px;
	}
	#club .ben02 .cont p.st span,
	#club .ben03 .cont span {
		font-size:			25px;
	}
}