.fm-026-contents {
	--c-black: #333333;
	--c-blue: #3E98FF;
	--c-lite-blue: #E3EFF1;
	--c-yellow: #EFA017;
	--c-lite-yellow: #FFF5E3;
	--c-pink: #FF6699;
	font-family: 'Noto Sans JP', sans-serif;
	color: var(--c-black);
	font-weight: 400;
	letter-spacing: 0;
}

.fm-026-contents :where(.w100) {
	width: 100%;
	height: auto;
}

.fmp-intro {
	position: relative;
	width: 100%;
	padding: 24px 15px 0;
	margin-bottom: 56px;

}

.fmp-intro-bg {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: auto;
	max-height: 379px;
	aspect-ratio: 390/284;
	background: url(../images/026/bg_kv@2x.webp) no-repeat center / cover;
}

.fmp-intro-bg__illust {
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 51.7948%;
	max-width: 320px;
	height: auto;
}

.fmp-intro-ttl {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	gap: 12px 6px;
	margin-bottom: 20px;
}

.fmp-intro-ttl__main {
	flex: 0 0 auto;
	width: 100%;
	max-width: 466px;
}

.fmp-intro-ttl__panel {
	flex: 0 0 auto;
	width: 45.5556%;
	max-width: 234px;
}

.fmp-intro__txt-spacer {
	float: right;
	width: 50%;
	aspect-ratio: 180/108;
	margin-left: 13px;
}

.fmp-intro__txt {
	position: relative;
	padding: 7px 12px 0;
	color: #215fa5;
	font-size: 0.9375rem;
	font-weight: 600;
	line-height: 1.75;
}

.fmp-intro__txt:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
	width: 50%;
	background-color: rgba(255, 255, 255, .8);
	border-radius: 8px 8px 0 0;
}


.fmp-sec {
	padding: 32px 15px;
}

.fmp-sec--place {
	background-color: var(--c-lite-blue);
}

.fmp-sec--place+.fmp-sec--place {
	margin-top: 24px;
}

.fmp-sec--enquete {
	background-color: var(--c-lite-yellow);
}

.fmp-sec-ttl {
	display: flex;
	flex-direction: column;
	align-items: center;
	row-gap: 8px;
	padding: 12px 10px 12px;
	margin-bottom: 24px;
}

.fmp-sec-ttl__main {
	color: #fff;
	font-size: 1.625rem;
	font-weight: 800;
	text-align: center;
	line-height: 1.1538;
	word-break: keep-all;
	overflow-wrap: anywhere;
}

.fmp-sec-ttl__sub {
	padding-inline: 12px;
	font-size: 0.875rem;
	font-weight: 700;
	background-color: #fff;
	border-radius: 4px;
}

.fmp-sec-ttl--place {
	background-color: var(--c-blue);
}

.fmp-sec-ttl--place .fmp-sec-ttl__sub {
	color: var(--c-blue);
}

.fmp-sec-ttl--enquete {
	background-color: var(--c-yellow);
}

.fmp-sec-ttl--enquete .fmp-sec-ttl__sub {
	color: var(--c-yellow);
}

.fmp-place-head {}

.fmp-place-head-catch {
	position: relative;
	background-color: #fff;
	padding: 6px 12px 6px 120px;
	line-height: 1.4;
}

.fmp-place-head-catch__illust {
	display: block;
	position: absolute;
	bottom: 0;
	left: -8px;
	width: 120px;
}

.fmp-place-head-catch__lbl {
	color: var(--c-blue);
	font-size: 1rem;
	font-weight: 500;
}

.fmp-place-body {
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
}

.fmp-place-item {
	flex: 1 1 270px;
	position: relative;
}

.fmp-place-item:after {
	content: '';
	display: block;
	position: absolute;
	top: -20px;
	left: calc(50% - 40px);
	width: 80px;
	height: 40px;
}

.fmp-place-item:nth-last-of-type(odd):after {
	background: url(../images/026/orn_tape-yellow.webp) no-repeat center / contain;
}
.fmp-place-item:nth-last-of-type(even):after {
	background: url(../images/026/orn_tape-pink.webp) no-repeat center / contain;
}

.fmp-place-item__cap {
	position: relative;
	width: calc(100% - 16px);
	padding: 4px 8px;
	margin: -15px auto 0;
	font-size: 0.875rem;
	font-weight: 500;
	line-height: 1.5;
	background-color: #fff;
	box-shadow: 3px 3px 0 var(--c-blue);
}

.fmp-view-panels {
	width: calc(100% - 30px);
	padding: 24px 16px 32px;
	margin: 48px auto;
	background-color: var(--c-lite-blue);
	border: 2px solid var(--c-blue);
	border-radius: 16px;
}

.fmp-view-panels-lead {
	margin-bottom: 24px;
	text-align: center;
}

.fmp-view-panels-lead__lbl {
	padding-inline: 8px;
	color: var(--c-blue);
	font-size: 1.25rem;
	font-weight: 600;
	word-break: keep-all;
	overflow-wrap: anywhere;
	background: linear-gradient(to bottom, transparent 50%, #fff 50%, #fff 100%);
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
}

.fmp-view-panels-btns {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 12px 24px;
}

.fmp-view-panels-btns__item {
	flex: 0 1 auto;
}

.fmp-btn {
	display: flex;
	align-items: center;
	width: 290px;
	height: 64px;
	padding-inline: 16px;
	background-color: var(--c-blue);
	border-radius: 8px;
}

.fmp-btn:after {
	content: '';
	flex: 0 0 auto;
	width: 18px;
	height: 18px;
	background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOC44MjkiIHZpZXdCb3g9IjAgMCAxOCAxOC44MjkiPjxwYXRoIGQ9Ik03LjUsMTUuNWgxNm0tOC04LDgsOC04LDgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02LjUgLTYuMDg2KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg==) no-repeat center / contain;
	transition: translate .3s cubic-bezier(0, 0, 0, 1);
}

.fmp-btn__lbl {
	flex: 0 1 auto;
	margin-inline: auto;
	color: #fff;
	font-size: 1.125rem;
	font-weight: 600;
}

.fmp-btn--yellow {
	background-color: var(--c-yellow);
}

@media (any-hover: hover) {
	.fmp-btn:hover:after {
		translate: 8px;
	}
}

.fmp-enquete-body {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
}

.fmp-enquete__item {
	flex: 1 1 300px;
	padding: 16px;
	background-color: #fff;
	border-radius: 8px;
}

.fmp-enquete__item.is-pie {
	padding-bottom: 0;
}

.fmp-enquete__item--full {
	flex: 0 0 auto;
	width: 100%;
}

.fmp-enquete-graph.js-scrollable {
	padding-inline: 16px;
	margin-inline: -16px;
}
.fmp-enquete-graph.js-scrollable .w100 {
	width: 152.439%;
	max-width: 822px;
}

.fmp-enquete__ttl {
	display: flex;
	padding: 8px;
	margin-bottom: 16px;
	color: #fff;
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 1.5;
	background-color: var(--c-blue);
}

.fmp-enquete__ttl:before {
	content: 'Q.';
}

.fmp-close {
	padding-inline: 15px;
	margin-top: 64px;
	background: linear-gradient(to bottom, #fff calc(100% - 182px), #E6F9FF 100%);
}

.fmp-close__item {
	position: relative;
	padding-bottom: 16px;
	padding-left: 103px;
}

.fmp-close__illust {
	display: block;
	position: absolute;
	bottom: 0;
	left: 8px;
	width: 105px;
	height: auto;
}

.fmp-close__item:nth-of-type(even) {
	padding-right: 103px;
	padding-left: 0;
}

.fmp-close__item:nth-of-type(even) .fmp-close__illust {
	right: 8px;
	left: unset;
}

.fmp-close-balloon {
	position: relative;
	display: flex;
	align-items: center;
	min-height: 140px;
	padding: 8px 12px;
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.5;
	background-color: #fff;
	border-radius: 8px;
}

.fmp-close-balloon:before,
.fmp-close-balloon:after {
	content: '';
	display: block;
	position: absolute;
	width: 16px;
	height: 16px;
	clip-path: polygon(100% 0, 100% 100%, 0 100%);
}

.fmp-close-balloon:after {
	width: 12px;
	height: 12px;
	background-color: #fff;
}

.fmp-close-balloon__innr {}

.fmp-close-balloon--pink {
	border: 2px solid var(--c-pink);
}

.fmp-close-balloon--pink:before {
	top: calc(50% - 8px);
	left: -16px;
	background-color: var(--c-pink);
}

.fmp-close-balloon--pink:after {
	top: calc(50% - 6px);
	left: -12px;
}

.fmp-close-balloon--blue {
	border: 2px solid var(--c-blue);
}

.fmp-close-balloon--blue:before {
	right: -16px;
	bottom: 16px;
	background-color: var(--c-blue);
	clip-path: polygon(0 0, 100% 0, 0 100%);
}

.fmp-close-balloon--blue:after {
	right: -12px;
	bottom: 18px;
	clip-path: polygon(0 0, 100% 0, 0 100%);
}

.fmp-close-balloon mark {
	background: unset;
}

.fmp-close-balloon mark.is-green {
	color: #00B050;
}

.fmp-close-balloon mark.is-blue {
	color: var(--c-blue);
}

.fmp-close-balloon mark.is-pink {
	color: var(--c-pink);
}


@media screen and (min-width: 671px) {
	.fmp-intro {
		/* position: relative;
		width: 100%; */
		padding: 32px;
		margin-bottom: 40px;
		height: 320px;
	}

	.fmp-intro-bg {
		/* position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
		width: 100%;
		height: auto; */
		max-height: unset;
		aspect-ratio: unset;
		background: url(../images/026/bg_kv.webp) no-repeat center / cover;
		inset: 0;
	}

	.fmp-intro-bg__illust {
		/* display: block;
		position: absolute;
		right: 0;
		bottom: 0; */
		width: 338px;
		max-width: unset;
		/* height: auto; */
	}

	.fmp-intro-ttl {
		/* display: flex;
		flex-wrap: wrap; */
		/* gap: 12px 6px; */
		margin-bottom: 27px;
	}

	.fmp-intro-ttl__main {
		/* flex: 0 0 auto;
		width: 100%; */
		/* max-width: 466px; */
	}

	.fmp-intro-ttl__panel {
		/* flex: 0 0 auto;
		width: 45.5556%;
		max-width: 234px; */
	}

	.fmp-intro__txt-spacer {
		/* float: right;
		width: 50%;
		aspect-ratio: 180/108;
		margin-left: 13px; */
		display: none;
	}

	.fmp-intro__txt {
		/* position: relative; */
		padding: 0;
		color: #fff;
		font-size: 1.25rem;
		/* font-weight: 600;
		line-height: 1.75; */
		width: 580px;
		text-shadow: rgb(33, 95, 165) 2px 0px 0px, rgb(33, 95, 165) 1.75517px 0.958851px 0px, rgb(33, 95, 165) 1.0806px 1.68294px 0px, rgb(33, 95, 165) 0.141474px 1.99499px 0px, rgb(33, 95, 165) -0.832294px 1.81859px 0px, rgb(33, 95, 165) -1.60229px 1.19694px 0px, rgb(33, 95, 165) -1.97998px 0.28224px 0px, rgb(33, 95, 165) -1.87291px -0.701566px 0px, rgb(33, 95, 165) -1.30729px -1.5136px 0px, rgb(33, 95, 165) -0.421592px -1.95506px 0px, rgb(33, 95, 165) 0.567324px -1.91785px 0px, rgb(33, 95, 165) 1.41734px -1.41108px 0px, rgb(33, 95, 165) 1.92034px -0.558831px 0px;
	}

	.fmp-intro__txt:before {
		/* content: ''; */
		display: none;
		/* position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		z-index: -1;
		width: 50%;
		background-color: rgba(255, 255, 255, .8);
		border-radius: 8px 8px 0 0; */
	}


	.fmp-sec {
		padding: 40px;
		border-radius: 24px;
	}

	.fmp-sec--place {
		/* background-color: var(--c-lite-blue); */
	}

	.fmp-sec--place+.fmp-sec--place {
		/* margin-top: 24px; */
	}

	.fmp-sec--enquete {
		/* background-color: var(--c-lite-yellow); */
	}

	.fmp-sec-ttl {
		/* display: flex;
		flex-direction: column;
		align-items: center; */
		/* row-gap: 8px; */
		padding: 4px 10px 9px;
		margin-bottom: 40px;
	}

	.fmp-sec-ttl__main {
		/* color: #fff; */
		font-size: 2.5rem;
		/* font-weight: 800;
		text-align: center;
		line-height: 1.1538;
		word-break: keep-all;
		overflow-wrap: anywhere; */
	}

	.fmp-sec-ttl__sub {
		padding-inline: 14px;
		font-size: 1.25rem;
		/* font-weight: 700;
		background-color: #fff;
		border-radius: 4px; */
	}

	.fmp-sec-ttl--place {
		/* background-color: var(--c-blue); */
		align-items: flex-start;
		padding-left: 251px;
	}

	.fmp-sec-ttl--place .fmp-sec-ttl__sub {
		/* color: var(--c-blue); */
	}

	.fmp-sec-ttl--enquete {
		/* background-color: var(--c-yellow); */
	}

	.fmp-sec-ttl--enquete .fmp-sec-ttl__sub {
		/* color: var(--c-yellow); */
	}

	.fmp-place-head {
		position: relative;
	}

	.fmp-place-head-catch {
		position: static;
		/* background-color: #fff; */
		padding: 4px 12px 6px 251px;
		/* line-height: 1.4; */
	}

	.fmp-place-head-catch__illust {
		/* display: block;
		position: absolute;
		bottom: 0; */
		left: -16px;
		width: 255px;
	}

	.fmp-place-head-catch__lbl {
		/* color: var(--c-blue); */
		font-size: 1.25rem;
		/* font-weight: 500; */
	}

	.fmp-place-body {
		/* display: flex;
		flex-wrap: wrap; */
		/* gap: 24px; */
	}

	.fmp-place-item {
		flex: 1 1 270px;
		/* position: relative; */
	}

	.fmp-place-item:after {
		/* content: '';
		display: block;
		position: absolute; */
		top: -25px;
		left: calc(50% - 50px);
		width: 100px;
		height: 51px;
		background: #e6e6e6;
	}

	.fmp-place-item__cap {
		/* position: relative; */
		/* width: calc(100% - 16px); */
		padding: 4px 16px 6px;
		margin: -10px auto 0;
		font-size: 1rem;
		/* font-weight: 500;
		line-height: 1.5;
		background-color: #fff;
		box-shadow: 3px 3px 0 var(--c-blue); */
	}

	.fmp-view-panels {
		width: 100%;
		padding: 32px 40px 40px;
		margin: 64px auto;
		/* background-color: var(--c-lite-blue);
		border: 2px solid var(--c-blue); */
		border-radius: 24px;
	}

	.fmp-view-panels-lead {
		margin-bottom: 32px;
		/* text-align: center; */
	}

	.fmp-view-panels-lead__lbl {
		/* padding-inline: 8px;
		color: var(--c-blue); */
		font-size: 1.5rem;
		/* font-weight: 600;
		word-break: keep-all;
		overflow-wrap: anywhere; */
		background: linear-gradient(to bottom, transparent 60%, #fff 60%, #fff 100%);
		/* -webkit-box-decoration-break: clone;
		box-decoration-break: clone; */
	}

	.fmp-view-panels-btns {
		/* display: flex;
		flex-wrap: wrap;
		justify-content: center; */
		/* gap: 12px 24px; */
	}

	.fmp-view-panels-btns__item {
		/* flex: 0 1 auto; */
	}

	.fmp-btn {
		/* display: flex;
		align-items: center;
		width: 290px;
		height: 64px;
		padding-inline: 16px;
		background-color: var(--c-blue);
		border-radius: 8px; */
	}

	.fmp-btn:after {
		/* content: '';
		flex: 0 0 auto;
		width: 18px;
		height: 18px;
		transition: translate .3s cubic-bezier(0, 0, 0, 1); */
	}

	.fmp-btn__lbl {
		/* flex: 0 1 auto;
		margin-inline: auto;
		color: #fff;
		font-size: 1.125rem;
		font-weight: 600; */
	}

	.fmp-btn--yellow {
		/* background-color: var(--c-yellow); */
	}

	@media (any-hover: hover) {
		.fmp-btn:hover:after {
			/* translate: 8px; */
		}
	}

	.fmp-enquete-body {
		/* display: flex;
		flex-wrap: wrap; */
		gap: 24px;
	}

	.fmp-enquete__item {
		/* flex: 1 1 300px; */
		padding: 24px;
		/* background-color: #fff; */
		border-radius: 16px;
	}

	.fmp-enquete__item.is-pie {
		padding-bottom: 8px;
	}

	.fmp-enquete__item--full {
		/* flex: 0 0 auto;
		width: 100%; */
	}

	.fmp-enquete-graph.js-scrollable {
		padding-inline: 0;
		margin-inline: 0;
	}

	.fmp-enquete__ttl {
		/* display: flex; */
		padding: 8px;
		margin-bottom: 24px;
		/* color: #fff; */
		font-size: 1.5rem;
		/* font-weight: 700;
		line-height: 1.5;
		background-color: var(--c-blue); */
		justify-content: center;
	}
	.fmp-enquete__ttl:before {
		/* content: 'Q.'; */
	}

	.fmp-close {
		/* padding-inline: 16px; */
		margin-top: 72px;
		/* background: linear-gradient(to bottom, #fff calc(100% - 182px), #E6F9FF 100%); */
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
		margin-bottom: 120px;
	}

	.fmp-close__item {
		/* position: relative; */
		padding-bottom: 0;
		padding-left: 0;
	}

	.fmp-close__illust {
		/* display: block; */
		position: static;
		/* bottom: 0;
		left: 8px; */
		width: 195px;
		/* height: auto; */
	}

	.fmp-close__item:nth-of-type(even) {
		padding-right: 0;
		/* padding-left: 0; */
	}

	.fmp-close__item:nth-of-type(even) .fmp-close__illust {
		/* right: 8px;
		left: unset; */
	}

	.fmp-close-balloon {
		position: absolute;
		/* display: flex; */
		/* align-items: center; */
		min-height: unset;
		padding: 14px 30px;
		font-size: 1.125rem;
		/* font-weight: 600;
		line-height: 1.5;
		background-color: #fff; */
		border-radius: 16px;
		word-break: keep-all;
		overflow-wrap: anywhere;
	}

	.fmp-close-balloon:before,
	.fmp-close-balloon:after {
		/* content: '';
		display: block;
		position: absolute; */
		width: 20px;
		height: 20px;
		/* clip-path: polygon(100% 0, 100% 100%, 0 100%); */
	}

	.fmp-close-balloon:after {
		width: 16px;
		height: 16px;
		/* background-color: #fff; */
	}

	.fmp-close-balloon__innr {}

	.fmp-close-balloon--pink {
		/* border: 2px solid var(--c-pink); */
		top: 16px;
		left: calc(100% - 40px);
		width: 515px;
	}

	.fmp-close-balloon--pink:before {
		top: unset;
		left: -20px;
		/* background-color: var(--c-pink); */
		bottom: 16px;
	}

	.fmp-close-balloon--pink:after {
		top: unset;
		left: -15px;
		bottom: 18px;
	}

	.fmp-close-balloon--blue {
		/* border: 2px solid var(--c-blue);
		 */
		 bottom: 16px;
		 right: 100%;
		 width: 461px;
	}

	.fmp-close-balloon--blue:before {
		right: -20px;
		bottom: 30px;
		/* background-color: var(--c-blue);
		clip-path: polygon(0 0, 100% 0, 0 100%); */
	}

	.fmp-close-balloon--blue:after {
		right: -15px;
		bottom: 32px;
		/* clip-path: polygon(0 0, 100% 0, 0 100%); */
	}

	.fmp-close-balloon mark {
		/* background: unset; */
	}

	.fmp-close-balloon mark.is-green {
		/* color: #00B050; */
	}

	.fmp-close-balloon mark.is-blue {
		/* color: var(--c-blue); */
	}

	.fmp-close-balloon mark.is-pink {
		/* color: var(--c-pink); */
	}
}