/* ==================== losszero-savings/&.css ==================== */

.losszero-savings {
	--color-red: #ff4f4f;

	display: grid;
	justify-items: center;
	color: black;
	line-height: 1.5;

	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
}


@media (max-width: 640px) {

	.losszero-savings {
		/* padding-top: 1.5em; */
	}

}


@media (min-width: 641px) {

	.losszero-savings {
		/* padding-top: 3em; */
	}

}



/* ==================== losszero-savings/&@reset.css ==================== */

.losszero-savings h1,
.losszero-savings h2,
.losszero-savings h3,
.losszero-savings h4,
.losszero-savings h5,
.losszero-savings h6,
.losszero-savings p,
.losszero-savings ul,
.losszero-savings ol,
.losszero-savings dl,
.losszero-savings dd,
.losszero-savings figure,
.losszero-savings button,
.losszero-savings hr {
	margin: 0;
}

.losszero-savings h1,
.losszero-savings h2,
.losszero-savings h3,
.losszero-savings h4,
.losszero-savings h5,
.losszero-savings h6 {
	font-size: inherit;
}

.losszero-savings hr {
	border: none;
}



/* ==================== losszero-savings/&@responsive.css ==================== */

.losszero-savings,
.losszero-savings img {
	font-size: 20px;
}


@media (max-width: 375px) {
	.losszero-savings,
	.losszero-savings img {
		font-size: 5.3333333333333vw;
	}
}

@media (min-width: 641px) and (max-width: 1112px) {
	.losszero-savings,
	.losszero-savings img {
		font-size: 1.7985611510791vw;
	}
}

@media (min-width: 1367px) {
	.losszero-savings,
	.losszero-savings img {
		font-size: 1.4641288433382vw;
	}
}



/* ==================== losszero-savings/&.index/&.css ==================== */

.losszero-savings.index {
	grid-gap: 2em;
}



/* ==================== losszero-savings/&.index/<h1>.css ==================== */

.losszero-savings.index h1 {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	background: no-repeat center center / cover;
}


@media (max-width: 640px) {
	.losszero-savings.index h1 {
		height: 69.333333333333vw;
		background-image: url(../images/title_back_sp.jpg);
	}

	.losszero-savings.index h1 img {
		width: 12em;
		font-size: 5.3333333333333vw;
	}
	.losszero-savings.index h1 img[src*="chara"] {
		align-self: flex-end;
		width: 4.2em;
		margin-left: 0.5em;
		transform: translateY(1em);
	}
}


@media (min-width: 641px) {
	.losszero-savings.index h1 {
		height: 13em;
		background-image: url(../images/title_back_pc.jpg);
	}

	.losszero-savings.index h1 img {
		width: 17.2em;
	}
	.losszero-savings.index h1 img[src*="chara"] {
		position: absolute;
		left: 50%;
		bottom: 0;
		transform: translate(9em, 1.5em);
		width: 5.9em;
	}
}


@media (min-width: 641px) and (max-width: 1366px) {
	.losszero-savings.index h1 {
		background-size: 68.3em auto;
	}
}



/* ==================== losszero-savings/&.index/lead.css ==================== */

.losszero-savings.index .lead {
	display: grid;
	justify-items: center;
}

.losszero-savings.index .lead p {
	font-size: 70%;
}

.losszero-savings.index .lead p strong {
	color: var(--color-red);
	font-weight: normal;
}


@media (max-width: 640px) {

	.losszero-savings.index .lead {
		grid-gap: 1em;
		padding: 0 1em;
	}

	.losszero-savings.index .lead h2 img {
		width: 15.4em;
	}

	.losszero-savings.index .lead p {
		text-align: justify;
	}

}


@media (min-width: 641px) {

	.losszero-savings.index .lead {
		grid-gap: 1.5em;
	}
	.losszero-savings.index .lead::after {
		content: none;
	}

	.losszero-savings.index .lead h2 img {
		width: 18.3em;
	}

	.losszero-savings.index .lead p {
		text-align: center;
	}
	.losszero-savings.index .lead p span {
		display: block;
	}

}



/* ==================== losszero-savings/&.index/page-menu.css ==================== */

.losszero-savings.index .page-menu ul {
	display: grid;
	grid-gap: 1em;

	padding: 0;
	list-style-type: none;
}


@media (max-width: 640px) {
	.losszero-savings.index .page-menu li img {
		width: 16em;
	}
}


 @media (min-width: 641px) {

	.losszero-savings.index .page-menu ul::after {
		content: none;
	}

	.losszero-savings.index .page-menu li img {
		width: 24.5em;
	}

	.losszero-savings.index .page-menu li {
		transition: 150ms;
	}
	.losszero-savings.index .page-menu li:hover {
		transform: translateX(0.5em);
	}
 }



/* ==================== losszero-savings/&.index/profile.css ==================== */

.losszero-savings.index .profile {
	display: grid;
	background: #def3c0;
	border-radius: 1em;
}

.losszero-savings.index .profile h3 { grid-area: h3; }
.losszero-savings.index .profile figure { grid-area: figure; }
.losszero-savings.index .profile ul { grid-area: ul; }
.losszero-savings.index .profile p { grid-area: p; }

.losszero-savings.index .profile h3 img[src="caption"] { width: 3em; }
.losszero-savings.index .profile h3 img[src="name"] { width: 4.6em; }

.losszero-savings.index .profile ul,
.losszero-savings.index .profile p {
	font-size: 70%;
}

.losszero-savings.index .profile ul {
	padding: 0;
	list-style-type: none;
}


@media (max-width: 640px) {

	.losszero-savings.index .profile {
		grid-template-columns: 45% 1fr;
		grid-template-areas:
		'h3 figure'
		'ul ul'
		'p p';
		grid-gap: 1em 0;
		margin: 0 1em;
		padding: 1em;
	}

	.losszero-savings.index .profile h3 {
		display: grid;
		align-self: center;
		grid-gap: 0.5em;
		justify-items: center;
		transform: translateX(-0.5em);
	}


}


@media (min-width: 641px) {

	.losszero-savings.index .profile {
		grid-template-columns: 14em 9.8em;
		grid-template-areas:
		'h3 figure'
		'ul figure'
		'p figure';
		grid-gap: 1em;
		padding: 1.5em;
	}
	.losszero-savings.index .profile::after {
		content: none;
	}

	.losszero-savings.index .profile h3 {
		align-self: end;
		display: grid;
		grid-template-columns: repeat(2, max-content);
		align-items: center;
		gap: 1em;
	}
	.losszero-savings.index .profile ul,
	.losszero-savings.index .profile p {
		align-self: start;
	}

}



/* ==================== losszero-savings/&.page/&.css ==================== */

@media (max-width: 640px) {
	.losszero-savings.page {
		grid-gap: 1.5em;
	}
}


@media (min-width: 641px) {
	.losszero-savings.page {
		grid-gap: 1em;
	}
}



/* ==================== losszero-savings/&.page/page-foot.css ==================== */

.losszero-savings.page .page-foot {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	background: no-repeat center center / cover;
}

.losszero-savings.page .page-foot a {
	transition: 150ms;
}
.losszero-savings.page .page-foot a:hover {
	transform: scale(1.1);
}

.losszero-savings.page .page-foot img.totop {
	margin-top: 0.5em;
}


@media (max-width: 640px) {
	.losszero-savings.page .page-foot {
		height: 8em;
		background-image: url(../images/foot_back_sp.jpg);
	}

	.losszero-savings.page .page-foot, .losszero-savings.page .page-foot img {
		font-size: 5.3333333333333vw;
	}

	.losszero-savings.page .page-foot img.cap {
		width: 8.9em;
	}
	.losszero-savings.page .page-foot img.totop {
		width: 6em;
	}
}


@media (min-width: 641px) {
	.losszero-savings.page .page-foot {
		height: 13em;
		background-image: url(../images/foot_back_pc.jpg);
	}

	.losszero-savings.page .page-foot img.cap {
		width: 12.2em;
	}
	.losszero-savings.page .page-foot img.totop {
		width: 6.7em;
	}

}


@media (min-width: 641px) and (max-width: 1366px) {
	.losszero-savings.page .page-foot {
		background-size: 68.3em auto;
	}
}



/* ==================== losszero-savings/&.page/page-next.css ==================== */

@media (max-width: 640px) {
	.losszero-savings.page .page-next img {
		width: 17.1em;
	}
}


@media (min-width: 641px) {
	.losszero-savings.page .page-next {
		margin: 1em auto;
	}

	.losszero-savings.page .page-next img {
		width: 24.5em;
	}

	.losszero-savings.page .page-next a img {
		transition: 150ms;
	}

	.losszero-savings.page .page-next a:hover img {
		transform: translateX(0.5em);
	}

}



/* ==================== losszero-savings/&.page/&.page-1/<section>/&.css ==================== */

.losszero-savings.page.page-1 section {
	display: grid;
	grid-gap: 1.5em;
	justify-items: center;
}



/* ==================== losszero-savings/&.page/&.page-1/<section>/<h2>.css ==================== */

.losszero-savings.page.page-1 section h2 {
}

.losszero-savings.page.page-1 section h2 img {
	height: 2.8em;
}
.losszero-savings.page.page-1 section h2 img[src*="title_1_1"] {
	height: 4.1em;
}

.losszero-savings.page.page-1 section h2 small {
	display: block;
	margin-top: 0.5em;
	color: #0058ab;
	font-weight: normal;
	text-align: center;
}


@media (max-width: 640px) {

	.losszero-savings.page.page-1 section h2 img {
		font-size: 85%;
	}

	.losszero-savings.page.page-1 section h2 small {
		font-size: 65%;
	}

}


@media (min-width: 641px) {

	.losszero-savings.page.page-1 section h2 small {
		font-size: 70%;
	}

}



/* ==================== losszero-savings/&.page/&.page-1/<section>/<p>.css ==================== */

.losszero-savings.page.page-1 section p {
	font-size: 70%;
}

.losszero-savings.page.page-1 section p strong {
	color: var(--color-red);
}

.losszero-savings.page.page-1 section p em {
	font-weight: bold;
	font-style: normal;
}



/* ==================== losszero-savings/&.page/&.page-1/<section>/body.css ==================== */

.losszero-savings.page.page-1 section .body {
	display: grid;
}


.losszero-savings.page.page-1 section .body .text {
	display: grid;
	grid-gap: 1em;
}


@media (max-width: 640px) {

	.losszero-savings.page.page-1 section .body {
		grid-gap: 1.5em;
		justify-items: center;
		padding: 0 1em;
	}

	.losszero-savings.page.page-1 section .body .image img {
		width: 10em;
	}
	.losszero-savings.page.page-1 section .body .image img[src*="image_1_3"] {
		width: 11em;
	}

}


@media (min-width: 641px) {
	.losszero-savings.page.page-1 section .body {
		width: 45em;
		grid-template-columns: auto auto;
		align-items: center;
		grid-gap: 2em;
	}
	.losszero-savings.page.page-1 section .body::after {
		content: none;
	}

	.losszero-savings.page.page-1 section .body .text::after {
		content: none;
	}

	.losszero-savings.page.page-1 section:nth-of-type(1) .body:nth-of-type(1) .image {
		order: -1;
	}

	.losszero-savings.page.page-1 section .body .image img {
		width: 12.8em;
	}
	.losszero-savings.page.page-1 section .body .image img[src*="image_1_3"] {
		width: 12em;
	}

}



/* ==================== losszero-savings/&.page/&.page-1/<section>/point/&.css ==================== */

.losszero-savings.page.page-1 section .point {
	display: grid;
}


@media (max-width: 640px) {
	.losszero-savings.page.page-1 section .point {
		grid-gap: 1.5em;
	}
}


@media (min-width: 641px) {
	.losszero-savings.page.page-1 section .point {
		grid-template-columns: repeat(3, 1fr);
		grid-gap: 1.5em;
	}
	.losszero-savings.page.page-1 section .point::after {
		content: none;
	}
}



/* ==================== losszero-savings/&.page/&.page-1/<section>/point/> div.css ==================== */

.losszero-savings.page.page-1 section .point > div {
	position: relative;
}

.losszero-savings.page.page-1 section .point > div::before {
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	border-radius: 1em;
}

.losszero-savings.page.page-1 section .point > div:nth-of-type(1)::before { background: #def0fc; }
.losszero-savings.page.page-1 section .point > div:nth-of-type(2)::before { background: #ffe4e8; }
.losszero-savings.page.page-1 section .point > div:nth-of-type(3)::before { background: #dcf7bf; }


.losszero-savings.page.page-1 section .point > div > * {
	position: relative;
}

.losszero-savings.page.page-1 section .point > div h3 {
	z-index: 1;
}

.losszero-savings.page.page-1 section .point > div .text p {
	text-align: justify;
}

.losszero-savings.page.page-1 section .point > div .text p strong {
	color: var(--color-red);
}

}
.losszero-savings.page.page-1 section .point > div .text p em {
	font-weight: bold;
	font-style: normal;
}

.losszero-savings.page.page-1 section .point > div .image img {
	width: 11.2em;
}


@media (max-width: 640px) {
	.losszero-savings.page.page-1 section .point > div {
		display: flex;
		flex-wrap: wrap;
		align-items: end;
		justify-content: center;
		margin: 0 1em;
		padding: 0 1em 1em;
	}

	.losszero-savings.page.page-1 section .point > div::before {
		height: calc(100% - 5em);
	}

	.losszero-savings.page.page-1 section .point > div h3 {
		margin-right: -3em;
	}

	.losszero-savings.page.page-1 section .point > div h3 img {
		width: 8.6em;
	}

	.losszero-savings.page.page-1 section .point > div .image {
		padding-bottom: 0.5em;
	}
	.losszero-savings.page.page-1 section .point > div .image img {
		width: 9.3em;
	}

	.losszero-savings.page.page-1 section .point > div .text {
		display: grid;
		grid-gap: 1em;
		justify-items: center;
		margin-top: 1em;
	}

	.losszero-savings.page.page-1 section .point > div .text a img {
		width: 8em;
	}

}


@media (min-width: 641px) {

	.losszero-savings.page.page-1 section .point > div {
		display: flex;
		flex-direction: column;
		align-items: center;
		box-sizing: border-box;
		width: 15em;
		padding: 0 1.5em 1.5em;
	}
	.losszero-savings.page.page-1 section .point > div::after {
		content: none;
	}

	.losszero-savings.page.page-1 section .point > div::before {
		height: calc(100% - 3em);
	}

	.losszero-savings.page.page-1 section .point > div h3 {
		margin-bottom: -1em;
	}

	.losszero-savings.page.page-1 section .point > div h3 img {
		width: 9em;
	}

	.losszero-savings.page.page-1 section .point > div .image img {
		width: 11.2em;
	}

	.losszero-savings.page.page-1 section .point > div .text {
		flex-grow: 1;
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-top: 1em;
	}

	.losszero-savings.page.page-1 section .point > div .text p {
		margin-bottom: 1.5em;
	}

	.losszero-savings.page.page-1 section .point > div .text a {
		margin-top: auto;
	}


	.losszero-savings.page.page-1 section .point > div .text::after {
		content: none;
	}

}



/* ==================== losszero-savings/&.page/&.page-2/<section>/&.css ==================== */

.losszero-savings.page.page-2 section {
	display: grid;
	grid-gap: 2em;
	justify-items: center;
}


@media (max-width: 640px) {

	.losszero-savings.page.page-2 section {
		width: 100%;
	}

}


@media (min-width: 641px) {

	.losszero-savings.page.page-2 section {
		width: 42.5em;
	}

}



/* ==================== losszero-savings/&.page/&.page-2/<section>/&.finish.css ==================== */

.losszero-savings.page.page-2 section.finish {
	position: relative;
	background: #def3c0;
	border-radius: 1em;
}

.losszero-savings.page.page-2 section.finish p {
	color: var(--color-red);
	font-size: 70%;
	font-weight: bold;
}

.losszero-savings.page.page-2 section.finish img {
	position: absolute;
}


@media (max-width: 640px) {
	.losszero-savings.page.page-2 section.finish {
		box-sizing: border-box;
		width: calc(100% - 2em);
		margin-bottom: 4em;
		padding: 1.25em 1.5em;
	}

	.losszero-savings.page.page-2 section.finish p img {
		right: 0;
		bottom: 0;
		height: 5.7em;
		transform: translate(-0.5em, 4em);
	}
}


@media (min-width: 641px) {
	.losszero-savings.page.page-2 section.finish {
		width: max-content;
		margin-bottom: 2em;
		padding: 1.5em;
		padding-right: 3em;
	}

	.losszero-savings.page.page-2 section.finish p span {
		display: block;
	}

	.losszero-savings.page.page-2 section.finish p img {
		left: 100%;
		bottom: 0;
		height: 6.8em;
		transform: translate(-3em, 2em);
	}
}



/* ==================== losszero-savings/&.page/&.page-2/<section>/<h2>.css ==================== */

.losszero-savings.page.page-2 section h2 {
	display: flex;
	align-items: center;
	position: relative;
}

.losszero-savings.page.page-2 section h2::before {
	content: '';
	display: block;
	position: absolute;
}

.losszero-savings.page.page-2 section.level1 h2::before { background: #def0fc; }
.losszero-savings.page.page-2 section.level2 h2::before { background: #ffe4e8; }
.losszero-savings.page.page-2 section.level3 h2::before { background: #dcf7bf; }

.losszero-savings.page.page-2 section h2 > * {
	position: relative;
}


@media (max-width: 640px) {

	.losszero-savings.page.page-2 section h2 {
		width: calc(100% - 2em);
		height: 2.4em;
		padding: 0 1em;
		padding-top: 2.75em;
		justify-content: space-between;
	}

	.losszero-savings.page.page-2 section h2::before {
		left: 0;
		bottom: 0;
		width: 100%;
		height: 2.4em;
	}

	.losszero-savings.page.page-2 section h2 img.cap {
		position: absolute;
		z-index: -1;
		left: 0.5em;
		top: 0;
		width: 3.6em;
		transform: rotate(-5deg);
	}

	.losszero-savings.page.page-2 section h2 img.title {
		height: 0.9em;
	}
	.losszero-savings.page.page-2 section.level1 h2 img.title {
		height: 1.3em;
	}

	.losszero-savings.page.page-2 section h2 img.save {
		height: 1.2em;
	}

}


@media (min-width: 641px) {

	.losszero-savings.page.page-2 section h2 {
		width: 100%;
	}

	.losszero-savings.page.page-2 section h2::before {
		right: 0;
		top: 50%;
		width: calc(100% - 1em);
		height: 3em;
		border-radius: 0.5em;
		transform: translateY(-50%);
	}

	.losszero-savings.page.page-2 section h2 img.cap {
		width: 4.4em;
	}

	.losszero-savings.page.page-2 section h2 img.title {
		height: 1.2em;
		margin-left: 0.75em;
	}
	.losszero-savings.page.page-2 section.level1 h2 img.title {
		height: 1.75em;
	}

	.losszero-savings.page.page-2 section h2 img.save {
		margin-left: auto;
		margin-right: 1em;
		height: 1.65em;
	}

}



/* ==================== losszero-savings/&.page/&.page-2/<section>/images.css ==================== */

.losszero-savings.page.page-2 section.level3 .images figure {
	display: grid;
	grid-gap: 1em;
}
.losszero-savings.page.page-2 section.level3 .images figure img {
	width: 15em;
}


@media (max-width: 640px) {
}


@media (min-width: 641px) {
	.losszero-savings.page.page-2 section.level3 .images figure {
		grid-template-columns: repeat(2, 1fr);
	 }
}



/* ==================== losszero-savings/&.page/&.page-2/<section>/trivia.css ==================== */

.losszero-savings.page.page-2 section .trivia {
	display: grid;
	grid-gap: 0.5em;
	justify-items: center;
}

.losszero-savings.page.page-2 section .trivia p {
	color: var(--color-red);
	color: #376b00;
	font-size: 70%;
	font-weight: bold;
}

.losszero-savings.page.page-2 section .trivia h4 img {
	width: 8.9em;
}

.losszero-savings.page.page-2 section .trivia a {
	transition: 150ms;
}
.losszero-savings.page.page-2 section .trivia a:hover {
	opacity: 0.7;
}

.losszero-savings.page.page-2 section .trivia > a {
	display: flex;
	align-items: center;
	height: 3em;
	border: 1px solid #80b4e5;
	border-radius: 0.5em;
	padding: 0 1em;
	font-size: 80%;
	font-weight: bold;
	color: #0069cc;
	text-decoration: none;
}

.losszero-savings.page.page-2 section .trivia > a::before {
	content: '';
	display: block;
	width: 1em;
	height: 1em;
	margin-right: 0.25em;
	background: url(../images/trivia_arrow.svg) no-repeat center center / contain;
}



/* ==================== losszero-savings/&.page/&.page-2/<section>/body/&.css ==================== */

.losszero-savings.page.page-2 section .body {
	display: grid;
	grid-gap: 0.75em;
}

.losszero-savings.page.page-2 section .body h3::before {
	content: '● ';
}

.losszero-savings.page.page-2 section .body p {
	font-size: 70%;
}

.losszero-savings.page.page-2 section .body p strong {
	color: var(--color-red);
}

.losszero-savings.page.page-2 section .body p em {
	font-weight: bold;
	font-style: normal;
}


.losszero-savings.page.page-2 section.level1 .body h3 { color: #006eb3; }
.losszero-savings.page.page-2 section.level2 .body h3 { color: #b0223b; }
.losszero-savings.page.page-2 section.level3 .body h3 { color: #376b00; }

.losszero-savings.page.page-2 section.level1 .body h3::before { color: #219aeb; }
.losszero-savings.page.page-2 section.level2 .body h3::before { color: #ff4a68; }
.losszero-savings.page.page-2 section.level3 .body h3::before { color: #6cbf15; }


@media (max-width: 640px) {
	.losszero-savings.page.page-2 section .body {
		padding: 0 1em;
	}

	.losszero-savings.page.page-2 section .body h3 {
		font-size: 85%;
	}
}


@media (min-width: 641px) {
	.losszero-savings.page.page-2 section .body {
		/* width: 43em; */
		width: 100%;
	}
	.losszero-savings.page.page-2 section .body::after {
		content: none;
	}

	.losszero-savings.page.page-2 section .body h3 {
		font-size: 90%;
	}
}



/* ==================== losszero-savings/&.page/&.page-2/<section>/column/&.column-2.css ==================== */

.losszero-savings.page.page-2 section .column.column-2 {
	display: grid;
}

.losszero-savings.page.page-2 section .column.column-2 > div {
	display: grid;
	grid-gap: 1em;
	justify-items: center;
}

.losszero-savings.page.page-2 section .column.column-2 h3 img {
	height: 1.6em;
}

.losszero-savings.page.page-2 section .column.column-2 figure {
	display: grid;
	grid-gap: 1em;
	justify-items: center;
}
.losszero-savings.page.page-2 section .column.column-2 figcaption {
	font-size: 70%;
}

.losszero-savings.page.page-2 section .column.column-2 figure img {
	width: 10em;
}


@media (max-width: 640px) {
	.losszero-savings.page.page-2 section .column.column-2 {
		grid-gap: 1em;
	}
}



@media (min-width: 641px) {
	.losszero-savings.page.page-2 section .column.column-2 {
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 2em;
	}
	.losszero-savings.page.page-2 section .column.column-2::after {
		content: none;
	}

	.losszero-savings.page.page-2 section .column.column-2 > div {
		grid-template-rows: max-content auto;
	}
	.losszero-savings.page.page-2 section .column.column-2 > div::after {
		content: none;
	}

	.losszero-savings.page.page-2 section .column.column-2 figure {
		margin-bottom: auto;
	}
	.losszero-savings.page.page-2 section .column.column-2 figure::after {
		content: none;
	}

}



/* ==================== losszero-savings/&.page/&.page-2/<section>/column/&.column-3.css ==================== */

.losszero-savings.page.page-2 section .column.column-3 h3 {
	margin-bottom: 1em;
	text-align: center;
}

.losszero-savings.page.page-2 section .column.column-3 h3 img {
	height: 1.6em;
}

.losszero-savings.page.page-2 section .column.column-3 ol {
	display: grid;
	grid-gap: 3.5em;
	padding: 0;
	list-style-type: none;
}

.losszero-savings.page.page-2 section .column.column-3 li:nth-last-of-type(n+2) {
	position: relative;
}
.losszero-savings.page.page-2 section .column.column-3 li:nth-last-of-type(n+2)::before {
	content: '';
	display: block;
	position: absolute;
	top: 100%;
	width: 3em;
	height: 3em;
	transform: translateX(-50%);
	background: url(../images/page_column_3_arrow.svg) no-repeat center center;
	background-size: 1.75em auto;
}

.losszero-savings.page.page-2 section .column.column-3 li {
	display: grid;
	align-items: center;
	justify-items: center;
}

.losszero-savings.page.page-2 section .column.column-3 figure img {
	width: 9.5em;
}

.losszero-savings.page.page-2 section .column.column-3 p {
	font-size: 70%;
	text-align: justify;
}


@media (max-width: 640px) {

	.losszero-savings.page.page-2 section .column.column-3 li {
		grid-gap: 1em;
	}

	.losszero-savings.page.page-2 section .column.column-3 li:nth-last-of-type(n+2)::before {
		left: 50%;
	}

}


@media (min-width: 641px) {

	.losszero-savings.page.page-2 section .column.column-3 li {
		grid-template-columns: max-content 1fr;
		grid-gap: 1.5em;
	}

	.losszero-savings.page.page-2 section .column.column-3 li:nth-last-of-type(n+2)::before {
		left: 4.75em;
	}

}



/* ==================== losszero-savings/&.page/&.page-2/<section>/column/&.column-4.css ==================== */

.losszero-savings.page.page-2 section .column.column-4 {
}

.losszero-savings.page.page-2 section .column.column-4 > div {
	display: grid;
	grid-gap: 1em;
	justify-items: center;
}

.losszero-savings.page.page-2 section .column.column-4 h3 {
	text-align: center;
}
.losszero-savings.page.page-2 section .column.column-4 h3 img {
	height: 1.6em;
}

.losszero-savings.page.page-2 section .column.column-4 figure img {
	width: 11.3em;
}

.losszero-savings.page.page-2 section .column.column-4 .text {
	display: grid;
	grid-gap: 1em;
	font-size: 70%;
}


@media (max-width: 640px) {
}


@media (min-width: 641px) {
	.losszero-savings.page.page-2 section .column.column-4 > div {
		grid-template-columns: 1fr max-content;
		grid-template-areas:
		'h3 figure'
		'text figure';
	}
	.losszero-savings.page.page-2 section .column.column-4 > div::after {
		content: none;
	}

	.losszero-savings.page.page-2 section .column.column-4 h3 { grid-area: h3; }
	.losszero-savings.page.page-2 section .column.column-4 figure { grid-area: figure; }
	.losszero-savings.page.page-2 section .column.column-4 .text { grid-area: text; }

	.losszero-savings.page.page-2 section .column.column-4 h3 {
		align-self: end;
	}

	.losszero-savings.page.page-2 section .column.column-4 .text {
		align-self: start;
	}

}



/* ==================== losszero-savings/&.page/&.page-2/<section>/column/&.css ==================== */

.losszero-savings.page.page-2 section.level1 .column { color: #006eb3; }
.losszero-savings.page.page-2 section.level2 .column { color: #b0223b; }


@media (max-width: 640px) {
	.losszero-savings.page.page-2 section .column {
		width: calc(100% - 2em);
	}
}


@media (min-width: 641px) {
	.losszero-savings.page.page-2 section .column {
		/* width: 43em; */
		width: 100%;
	}
}



/* ==================== losszero-savings/&.page/&.page-2/<section>/column/<h3>.css ==================== */

.losszero-savings.page.page-2 section.level1 .column h3 { color: #219aeb; }
.losszero-savings.page.page-2 section.level2 .column h3 { color: #ff4a68; }



/* ==================== losszero-savings/&.page/&.page-2/<section>/column/border.css ==================== */

.losszero-savings.page.page-2 section .column .border {
	border: 2px solid;
	border-radius: 1em;
}

.losszero-savings.page.page-2 section.level1 .column .border { border-color: #c7eeff; }
.losszero-savings.page.page-2 section.level2 .column .border { border-color: #ffe4e8; }


@media (max-width: 640px) {
	.losszero-savings.page.page-2 section .column .border {
		padding: 1.25em;
	}
}


@media (min-width: 641px) {
	.losszero-savings.page.page-2 section .column .border {
		padding: 1.5em;
	}
}



/* ==================== losszero-savings/&.page/&.page-2/<section>/column/&.column-1/&.css ==================== */

.losszero-savings.page.page-2 section .column.column-1 {
	position: relative;
	/* margin-top: 1em; */
}

.losszero-savings.page.page-2 section .column.column-1 h3 img {
	height: 1.6em;
}


@media (max-width: 640px) {
	.losszero-savings.page.page-2 section .column.column-1 {
		grid-gap: 1em;
	}
}


@media (min-width: 641px) {
}



/* ==================== losszero-savings/&.page/&.page-2/<section>/column/&.column-1/cnt.css ==================== */

.losszero-savings.page.page-2 section .column.column-1 .cnt {
	display: grid;
}

.losszero-savings.page.page-2 section .column.column-1 .cnt.cnt1 {
	margin-bottom: 1em;
	padding-bottom: 1em;
	background: linear-gradient(to right, #c7eeff 50%, white 50%) repeat-x left bottom / 0.4em 0.1em;
}


.losszero-savings.page.page-2 section .column.column-1 .cnt h4 img {
	height: 1.6em;
}

.losszero-savings.page.page-2 section .column.column-1 .cnt h5 {
	font-size: 80%;
	color: #219aeb;
	text-align: center;
}

.losszero-savings.page.page-2 section .column.column-1 .cnt h5 small {
	display: block;
	margin-top: 0.5em;
	font-weight: normal;
	font-size: 75%;
}

.losszero-savings.page.page-2 section .column.column-1 .cnt figure img[src*="image_1"] { width: 12em; }
.losszero-savings.page.page-2 section .column.column-1 .cnt figure img[src*="image_2"] { width: 22.3em; }
.losszero-savings.page.page-2 section .column.column-1 .cnt figure img[src*="image_3"] { width: 10em; }

.losszero-savings.page.page-2 section .column.column-1 .cnt p {
	font-size: 70%;
}


@media (max-width: 640px) {
	.losszero-savings.page.page-2 section .column.column-1 .cnt {
		grid-gap: 1em;
		justify-items: center;
	}
}


@media (min-width: 641px) {

	.losszero-savings.page.page-2 section .column.column-1 .cnt {
		grid-gap: 1em;
		align-items: start;
	}
	.losszero-savings.page.page-2 section .column.column-1 .cnt::after {
		content: none;
	}

	.losszero-savings.page.page-2 section .column.column-1 .cnt.cnt1 {
		grid-template-columns: 1fr max-content;
		grid-template-rows: max-content 1fr;
	}
	.losszero-savings.page.page-2 section .column.column-1 .cnt.cnt1 figure {
		grid-column: 2;
		grid-row: 1/3;
	}

	.losszero-savings.page.page-2 section .column.column-1 .cnt.cnt2 {
		grid-template-areas:
		'h4 figure1 figure1'
		'p1 figure1 figure1'
		'h5 figure1 figure1'
		'p2 figure1 figure1'
		'p3 p3 figure2'
		'p4 p4 figure2'
		'p5 p5 figure2';
		grid-template-columns: repeat(3, auto);
	}

	.losszero-savings.page.page-2 section .column.column-1 .cnt.cnt2 h4 { grid-area: h4; }
	.losszero-savings.page.page-2 section .column.column-1 .cnt.cnt2 h5 { grid-area: h5; }
	.losszero-savings.page.page-2 section .column.column-1 .cnt.cnt2 figure:nth-of-type(1) { grid-area: figure1; }
	.losszero-savings.page.page-2 section .column.column-1 .cnt.cnt2 figure:nth-of-type(2) { grid-area: figure2; }
	.losszero-savings.page.page-2 section .column.column-1 .cnt.cnt2 p:nth-of-type(1) { grid-area: p1; }
	.losszero-savings.page.page-2 section .column.column-1 .cnt.cnt2 p:nth-of-type(2) { grid-area: p2; }
	.losszero-savings.page.page-2 section .column.column-1 .cnt.cnt2 p:nth-of-type(3) { grid-area: p3; }
	.losszero-savings.page.page-2 section .column.column-1 .cnt.cnt2 p:nth-of-type(4) { grid-area: p4; }
	.losszero-savings.page.page-2 section .column.column-1 .cnt.cnt2 p:nth-of-type(5) { grid-area: p5; }

	.losszero-savings.page.page-2 section .column.column-1 .cnt.cnt2 figure {
		align-self: center;
	}

}



/* ==================== losszero-savings/&.page/page-title/&.css ==================== */

.losszero-savings.page .page-title {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	margin-bottom: 1em;
	background: no-repeat center center / cover;
}

.losszero-savings.page .page-title img.cap {
	position: absolute;
	z-index: 1;
	left: 50%;
	top: 1em;
	transform: translateX(-50%);
}

.losszero-savings.page .page-title img.chara {
	position: absolute;
	width: auto;
}


@media (max-width: 640px) {

	.losszero-savings.page .page-title {
		height: 69.333333333333vw;
		background-image: url(../images/title_back2_sp.jpg);
	}

	.losszero-savings.page .page-title,
	.losszero-savings.page .page-title img {
		font-size: 5.3333333333333vw;
	}

	.losszero-savings.page .page-title img.cap {
		width: 8.6em;
	}

	.losszero-savings.page .page-title img.chara {
		right: 0;
		bottom: 0;
		height: 6em;
		transform: translate(-1em, 1em);
	}

}


@media (min-width: 641px) {

	.losszero-savings.page .page-title {
		height: 13em;
		background-image: url(../images/title_back2_pc.jpg);
	}

	.losszero-savings.page .page-title img.cap {
		width: 10.7em;
	}

	.losszero-savings.page .page-title img.chara {
		left: 50%;
		bottom: 0;
		height: 7.6em;
		transform: translate(9em, 1em);
	}

}


@media (min-width: 641px) and (max-width: 1366px) {

	.losszero-savings.page .page-title {
		background-size: 68.3em auto;
	}

}



/* ==================== losszero-savings/&.page/page-title/<h1>.css ==================== */

.losszero-savings.page .page-title h1 {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
}


.losszero-savings.page .page-title h1::before,
.losszero-savings.page .page-title h1::after {
	content: '';
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	background: url(../images/page_title_base.png) no-repeat center center / 100% 100%;
}
.losszero-savings.page .page-title h1::before {
	width: 100%;
	height: 100%;
	opacity: 0.6;
}

.losszero-savings.page .page-title h1 > * {
	position: relative;
	z-index: 1;
}


@media (max-width: 640px) {

	.losszero-savings.page .page-title h1 {
		width: 13.6em;
		height: 8.2em;
		padding-top: 0.5em;
	}

	.losszero-savings.page .page-title h1::after { width: calc(100% - 0.7em); height: calc(100% - 0.7em); }

	.page-1.losszero-savings.page .page-title h1 img.title { width: 8.5em; }
	.page-2.losszero-savings.page .page-title h1 img.title { width: 9.4em; }

}


@media (min-width: 641px) {

	.losszero-savings.page .page-title h1 {
		width: 22.8em;
		height: 10em;
		padding-top: 1em;
	}

	.losszero-savings.page .page-title h1::before { width: 100%; height: 100%; }
	.losszero-savings.page .page-title h1::after { width: calc(100% - 1em); height: calc(100% - 1em); }

	.page-1.losszero-savings.page .page-title h1 img.title { width: 19.2em; }
	.page-2.losszero-savings.page .page-title h1 img.title { width: 17.7em; }

}