:root {
	--ui-lp-radius: 1rem;
	--contents-width: 900px;
}

/**/
.cl-theme {
	color: var(--cl-theme);
}
.bt.cl {
	background-color: var(--cl-theme);
}

/*resp*/
@media only screen and (max-width:780px) {
	.only-lp-wide {
		display: none;
	}
}
@media screen and (min-width:781px) {
	.only-lp-compact {
		display: none;
	}
}

/*layout*/
.wide-bind {
	max-width: 1200px;
}

/*face*/
.face {
	position: relative;
	z-index: 0;
	text-align: center;
}
	.face .im {
		width: 100%;
		height: auto;
	}
	.face article {
		width: 100%;
		position: absolute;
		z-index: 10;
		top: 0;
		left: 0;
	}

.face .landing {
	position: absolute;
	z-index: 0;
	width: 100%;
	padding-top: 15%;
}
	.face .landing .pop {
		width: 51%;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		position: relative;
		z-index: 0;
	}
	.face .landing .pop h1 {
		background-image: url(/share/im/lgm_aw.svg);
		background-position: top 46% center;
		background-size: 82% auto;
		z-index: 4;
		padding-top: 41%;
		font-size: min(1.30vw,16px);
		letter-spacing: 0.04em;
		line-height: 1.8em;
		font-weight: 600;
	}
	.face .landing .pop .mrk-free {
		position: absolute;
		z-index: 10;
		width: 28%;
		bottom: -31%;
		right: -12%;
	}
	.face .landing .pop .bg {
		width: 100%;
		height: auto;
		position: absolute;
		z-index: -10;
		top: 0;
		left: 0;
	}
.face .landing .lifemarks {
	text-align: center;
	padding-top: 6%;
	padding-left: 1%;
}
	.face .landing .lifemarks > img {
		width: 44%;
		height: auto;
	}

.face .ban-totalpersons {
	position: relative;
	z-index: 0;
}
	.face .ban-totalpersons .mrk {
		position: absolute;
		z-index: 5;
		width: 15.4%;
		height: auto;
		top: -48%;
		right: 14.4%;
	}
	.face .ban-totalpersons .ban {
		width: 100%;
		height: auto;
		z-index: 0;
		border-bottom-left-radius: var(--ui-lp-radius);
		border-bottom-right-radius: var(--ui-lp-radius);
	}
@media only screen and (max-width:1200px) {
	.face.wide-bind {
		padding: 0;
	}
	.face .ban-totalpersons .ban {
		width: 100%;
		height: auto;
		z-index: 0;
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
	}
}
/*smp*/
@media only screen and (max-width:780px) {
	.face .landing {
		padding-top: 18vw;
	}
	.face .landing .pop {
		width: 80%;
	}
	.face .landing .pop h1 {
		font-size: 3.2vw;
		padding-top: 41%;
		background-position: top 32% center;
	}
	.face .landing .pop .mrk-free {
		width: 26%;
		bottom: -28%;
		right: -7%;
	}
	.face .landing .lifemarks {
		padding-top: 0;
	}
	.face .landing .lifemarks > img {
		width: auto;
		height: 7.4vh;
		margin-top: 12vw;
	}
}

/*lp-callbar*/
.lp-callbar {
	font-family: var(--font-g);
}
.lp-callbar .pan {
	display: table;
	width: 100%;
	background-color: rgba(255, 255, 255, 0.58);
	border-top: solid 1px;
	border-bottom: solid 1px;
	border-color: #000;
}
	.lp-callbar .pan > * {
		display: table-cell;
		vertical-align: middle;
		text-align: left;
	}
	.lp-callbar .pan .label {
		/*width: 46%;*/
		width: 100%;
		text-align: center;
		font-size: min(1.28vw,1.0rem);
		line-height: 1.4em;
		padding: 0.8rem 2rem;
	}
	.lp-callbar .pan .data {
		width: 60%;
		padding: 0.8rem 0.6rem;
	}
		.lp-callbar .pan .node-parent {
			display: table;
			width: 100%;
		}
		.lp-callbar .pan .node-parent > * {
			display: table-cell;
			vertical-align: middle;
		}
		.lp-callbar .pan .data .times {
			padding-top: 0.4em;
			padding-right: 1em;
			border-right: solid 1px #d7d7d7;
		}
			.lp-callbar .pan .data .times h5 {
				line-height: 1em;
				margin-bottom: 0.2em;
				font-weight: 500;
			}
			.lp-callbar .pan .data .times h5,
			.lp-callbar .pan .data .times .guide {
				font-size: min(1vw,0.74em);
			}
				.lp-callbar .pan .data .times .guide > i {
					
				}
				.lp-callbar .pan .data .times .guide > time {
					font-weight: 600;
					font-size: 1.1em;
					vertical-align: baseline;
				}
				.lp-callbar .pan .data .times .guide > .not {
					margin-left: 0.6em;
					font-weight: 400;
				}
					.lp-callbar .pan .data .times .guide > .not::before {
						content: "(";
					}
					.lp-callbar .pan .data .times .guide > .not::after {
						content: ")";
					}
		.lp-callbar .pan .data .call-numbers {
			width: 50%;
			padding-left: 1em;
		}
			.lp-callbar .pan .data .call-numbers a.phone {
				font-size: min(2.4vw, 1.86rem);
				line-height: 1em;
				font-weight: bold;
				vertical-align: baseline;
				color: #000;
				display: block;
			}
			.lp-callbar .pan .data .call-numbers a.phone:hover {
				color: #000 !important;
			}
			.lp-callbar .pan .data .call-numbers a.phone .mrk-freedial {
				width: auto;
				height: 0.88em;
				vertical-align: -0.06em;
				margin-right: 0.2em;
			}

/*ui*/
#sitehead {
	position: absolute;
	z-index: 20;
	top: 0;
	left: 0;
	width: 100%;
	background-color: transparent;
}
#sitehead .wrap {
	padding: 2.4em;
}

/*flowfaq*/
.flowAndFaq {
	margin-bottom: 5rem;
}
	.flowAndFaq h3.section-title {
		font-family: var(--font-g);
		font-weight: 600;
		margin-bottom: 2.5rem;
	}
.flowAndFaq .flow {
	margin-bottom: 4rem;
}
	.flowAndFaq .flow .cells {
		
	}
	.flowAndFaq .flow .cells li {
		margin-bottom: 0;
		padding-bottom: 5rem;
		background-image: url(/share/im/add/ui-flow-divide.svg);
		background-size: auto 2.5rem;
		background-position: center bottom 1.2rem;
	}
	.flowAndFaq .flow .cells li:last-child {
		padding-bottom: 0;
		background-image: none;
	}
		.flowAndFaq .flow .cells li i {
			display: block;
			font-size: 1.1em;
			font-weight: 500;
			text-align: center;
			padding: 1em 1em;
			border-radius: 10em;
			background-color: #f5f5f5;
			border: solid 2px #ececec;
		}
@media only screen and (max-width:800px) {
	.flowAndFaq .flow .cells li i {
		font-size: 1.1em;
		line-height: 1.5em;
		padding: 0.8em 1em;
	}
}

.flowAndFaq .faq .cells details {
	margin-bottom: 2rem;
}
	.flowAndFaq .faq .cells details summary {
		font-weight: 500;
		font-family: var(--font-g3);
		padding: 1.2em 1.2em;
		border-radius: 10em;
		text-align: left;
		background-color: #D9D7D0;
		background-image: url(/share/im/nv_simar-down.svg);
		background-size: 1em auto;
		background-repeat: no-repeat;
		background-position: right 1em center;
	}
	@media only screen and (max-width:800px) {
		.flowAndFaq .faq .cells details summary {
			padding: 1.2em 1.2em;
			padding-right: 2.6em;
			line-height: 1.8em;
			border-radius: 0.6em;
			background-size: 1em auto;
			background-repeat: no-repeat;
			background-position: right 1em center;
		}
		.flowAndFaq .faq .cells details .anser {
			padding-right: 0;
		}
	}
	.flowAndFaq .faq .cells details summary:hover {
		background-color: #eee7cf;
	}
	.flowAndFaq .faq .cells details[open] summary {
		background-image: none;
	}
	.flowAndFaq .faq .cells details summary::before {
		content: "Q";
		font-family: var(--font-mr);
		display: inline-block;
		vertical-align: middle;
		margin-top: -0.2em;
		font-size: 1.6em;
		margin-right: 1rem;
		font-weight: 300;
		opacity: 0.4;
	}
	.flowAndFaq .faq .cells details .anser {
		padding: 1em 1em;
		padding-left: 3.8em;
		position: relative;
		z-index: 0;
		text-align: left;
	}
	.flowAndFaq .faq .cells details .anser::before {
		content: "A";
		font-family: var(--font-mr);
		display: inline-block;
		vertical-align: middle;
		font-size: 2em;
		margin-right: 0;
		font-weight: 300;
		opacity: 0.4;
		position: absolute;
		z-index: 5;
		top: 0.8em;
		left: 0.56em;
	}