:root {
	--fetisal-primary: #2f9145;
	--fetisal-primary-deep: #246f35;
	--fetisal-accent: #58a860;
	--fetisal-accent-soft: #eef8ef;
	--fetisal-text: #1a1a1a;
	--fetisal-muted: #4e5b52;
	--fetisal-line: rgba(47, 145, 69, 0.16);
	--fetisal-shadow: rgba(36, 88, 45, 0.1);
}

.fetisal-front {
	padding: 18px 0 32px;
	color: var(--fetisal-text);
}

.fetisal-front__hero {
	display: grid;
	grid-template-columns: minmax(320px, 0.92fr) minmax(0, 1.08fr);
	align-items: stretch;
	overflow: hidden;
	padding: 0;
	border: 1px solid var(--fetisal-line);
	border-radius: 24px;
	background: #fff;
	box-shadow: 0 18px 40px var(--fetisal-shadow);
}

.fetisal-front__hero-copy {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 40px 36px 34px;
	background:
		radial-gradient(circle at left top, rgba(47, 145, 69, 0.05), transparent 36%),
		linear-gradient(180deg, #fff 0%, #fbfdfb 100%);
}

.fetisal-front__eyebrow {
	margin: 0 0 14px;
	color: var(--fetisal-primary);
	font-size: 0.86rem;
	font-weight: 700;
	letter-spacing: 0.06em;
	font-family: "Noto Sans JP", "Hiragino Sans", "Yu Gothic", sans-serif;
}

.fetisal-front__title,
.fetisal-front__title:not(.entry-title):not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]) {
	margin: 0;
	color: var(--fetisal-text);
	font-size: clamp(2.125rem, 3vw, 3.5rem);
	line-height: 1.38;
	letter-spacing: 0.015em;
	font-family: "Yu Mincho", "Hiragino Mincho ProN", "BIZ UDPMincho", "Noto Serif JP", serif !important;
	font-weight: 700 !important;
	max-width: 8em;
}

.fetisal-front__title-line {
	display: block;
	font-family: inherit !important;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit !important;
	line-height: inherit;
	letter-spacing: inherit;
	color: inherit;
}

.fetisal-front__title-line:last-child {
	margin-top: 0.08em;
	white-space: normal;
}

.fetisal-front__title-accent {
	color: var(--fetisal-primary);
	font-family: inherit !important;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit !important;
	line-height: inherit;
}

.fetisal-front__title br {
	display: none;
}

.fetisal-front__lead {
	margin: 20px 0 0;
	color: var(--fetisal-muted);
	font-size: 1rem;
	line-height: 1.9;
	font-family: "Noto Sans JP", "Hiragino Sans", "Yu Gothic", sans-serif;
	max-width: 34em;
}

.fetisal-front__points {
	display: grid;
	gap: 10px;
	margin: 20px 0 0;
	padding: 0;
	list-style: none;
}

.fetisal-front__points li {
	display: flex;
	align-items: center;
	gap: 12px;
	color: #243127;
	font-size: 0.98rem;
	font-weight: 600;
	line-height: 1.6;
	font-family: "Noto Sans JP", "Hiragino Sans", "Yu Gothic", sans-serif;
}

.fetisal-front__point-icon {
	position: relative;
	display: inline-flex;
	flex: 0 0 22px;
	width: 22px;
	height: 22px;
	border-radius: 999px;
	background: rgba(47, 145, 69, 0.12);
}

.fetisal-front__point-icon::before {
	content: "";
	position: absolute;
	top: 5px;
	left: 7px;
	width: 6px;
	height: 10px;
	border-right: 2px solid var(--fetisal-primary);
	border-bottom: 2px solid var(--fetisal-primary);
	transform: rotate(45deg);
}

.fetisal-front__hero-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	margin-top: 20px;
}

.fetisal-front__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	box-sizing: border-box;
	max-width: 100%;
	min-height: 52px;
	padding: 13px 24px;
	border: 1px solid var(--fetisal-primary);
	border-radius: 999px;
	text-align: center;
	text-decoration: none;
	transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.fetisal-front__button span {
	display: inline-block;
	font-size: 0.95rem;
	font-weight: 700;
	line-height: 1.4;
	font-family: "Noto Sans JP", "Hiragino Sans", "Yu Gothic", sans-serif;
}

.fetisal-front__button small {
	display: inline-block;
	color: #607964;
	font-size: 0.73rem;
	font-weight: 700;
	line-height: 1;
}

.fetisal-front__button--primary {
	background: linear-gradient(135deg, var(--fetisal-primary) 0%, var(--fetisal-primary-deep) 100%);
	color: #fff;
	box-shadow: 0 12px 24px rgba(36, 111, 53, 0.2);
}

.fetisal-front__button--primary:hover {
	color: #fff;
}

.fetisal-front__button--secondary {
	background: #fff;
	color: var(--fetisal-primary);
}

.fetisal-front__button:not(.is-disabled):hover,
.fetisal-front__button:not(.is-disabled):focus-visible {
	box-shadow: 0 14px 30px rgba(36, 111, 53, 0.18);
	transform: translateY(-1px);
}

.fetisal-front__button--secondary:hover,
.fetisal-front__button--secondary:focus-visible {
	background: #f5fbf6;
	color: var(--fetisal-primary);
}

.fetisal-front__button.is-disabled {
	background: #f6fbf7;
	color: var(--fetisal-primary);
	box-shadow: none;
	cursor: default;
}

.fetisal-front__button:focus-visible,
.fetisal-front__article-link:focus-visible,
.fetisal-front__service-card-inner:focus-visible,
.fetisal-front__section-link:focus-visible,
.fetisal-front__link-list a:focus-visible {
	outline: 3px solid rgba(47, 145, 69, 0.24);
	outline-offset: 3px;
}

.fetisal-front__hero-media {
	position: relative;
	display: flex;
	min-height: 640px;
	background: linear-gradient(180deg, #ffffff 0%, #f4faf5 100%);
}

.fetisal-front__hero-image-frame {
	display: flex;
	flex: 1 1 auto;
	width: 100%;
	min-height: 640px;
}

.fetisal-front__hero-image {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 640px;
	object-fit: cover;
	object-position: 76% bottom;
}

.fetisal-front__hero-placeholder {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 420px;
	padding: 24px;
	color: #58755f;
	font-size: 0.95rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-align: center;
	background:
		radial-gradient(circle at top, rgba(88, 168, 96, 0.08), transparent 54%),
		repeating-linear-gradient(
			135deg,
			rgba(47, 145, 69, 0.06),
			rgba(47, 145, 69, 0.06) 16px,
			rgba(255, 255, 255, 0.22) 16px,
			rgba(255, 255, 255, 0.22) 32px
		);
}

.fetisal-front__hero-placeholder::before {
	content: "";
	position: absolute;
	inset: 18px;
	border: 1px dashed rgba(47, 145, 69, 0.26);
	border-radius: 14px;
}

.fetisal-front__section {
	margin-top: 28px;
}

.fetisal-front__section-heading {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 14px;
}

.fetisal-front__section-title {
	position: relative;
	margin: 0;
	padding-left: 16px;
	color: var(--fetisal-text);
	font-size: clamp(1.3rem, 1.8vw, 2rem);
	line-height: 1.35;
	font-weight: 800;
	font-family: "Noto Sans JP", "Hiragino Sans", "Yu Gothic", sans-serif;
}

.fetisal-front__section-title::before {
	content: "";
	position: absolute;
	top: 0.18em;
	left: 0;
	width: 5px;
	height: 1.1em;
	border-radius: 999px;
	background: linear-gradient(180deg, var(--fetisal-primary) 0%, var(--fetisal-primary-deep) 100%);
}

.fetisal-front__section-prefix {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.7em;
	height: 1.7em;
	margin-right: 0.45em;
	border: 1px solid rgba(47, 145, 69, 0.35);
	border-radius: 999px;
	color: var(--fetisal-primary);
	font-size: 0.82em;
	font-weight: 800;
}

.fetisal-front__section-subtitle {
	color: #333;
	font-size: 0.9em;
	font-weight: 700;
}

.fetisal-front__section-link {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: #555;
	font-size: 0.92rem;
	font-weight: 700;
	text-decoration: none;
	white-space: nowrap;
}

.fetisal-front__section-link::after {
	content: "";
	width: 6px;
	height: 6px;
	border-top: 2px solid currentColor;
	border-right: 2px solid currentColor;
	transform: rotate(45deg);
}

.fetisal-front__section-link.is-disabled {
	color: #b88892;
	cursor: default;
}

.fetisal-front__section-link.is-disabled::after {
	opacity: 0.55;
}

.fetisal-front__section-link:not(.is-disabled):hover,
.fetisal-front__section-link:not(.is-disabled):focus-visible {
	color: var(--fetisal-primary);
}

.fetisal-front__section-note {
	margin: 18px 0 0;
	color: #38483c;
	font-size: 1rem;
	line-height: 1.9;
	text-align: center;
}

.fetisal-front__worry-grid,
.fetisal-front__article-grid,
.fetisal-front__service-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 18px;
}

.fetisal-front__worry-card,
.fetisal-front__article-card,
.fetisal-front__service-card,
.fetisal-front__list-panel,
.fetisal-front__cta-panel,
.fetisal-front__guide-card {
	border: 1px solid var(--fetisal-line);
	border-radius: 18px;
	background: #fff;
	box-shadow: 0 10px 26px var(--fetisal-shadow);
}

.fetisal-front__worry-card {
	padding: 22px 18px 20px;
	text-align: center;
}

.fetisal-front__icon {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 86px;
	height: 86px;
	margin: 0 auto 14px;
	color: var(--fetisal-primary);
}

.fetisal-front__icon::before,
.fetisal-front__icon::after {
	content: "";
	position: absolute;
	box-sizing: border-box;
}

.fetisal-front__icon--image {
	width: 80px;
	height: 80px;
}

.fetisal-front__icon--image::before,
.fetisal-front__icon--image::after {
	display: none;
}

.fetisal-front__icon--image img {
	display: block;
	width: 100%;
	height: auto;
}

.fetisal-front__icon--heart-break::before {
	top: 12px;
	left: 12px;
	width: 44px;
	height: 40px;
	background:
		radial-gradient(circle at 30% 30%, var(--fetisal-primary) 0 28%, transparent 29%),
		radial-gradient(circle at 70% 30%, var(--fetisal-primary) 0 28%, transparent 29%),
		linear-gradient(45deg, transparent 0 40%, var(--fetisal-primary) 41% 100%);
	transform: rotate(45deg);
}

.fetisal-front__icon--heart-break::after {
	top: 18px;
	left: 31px;
	width: 6px;
	height: 28px;
	background: #fff;
	transform: rotate(28deg);
	box-shadow: 0 0 0 2px #fff;
}

.fetisal-front__icon--clock::before {
	top: 10px;
	left: 10px;
	width: 48px;
	height: 48px;
	border: 4px solid var(--fetisal-primary);
	border-radius: 999px;
}

.fetisal-front__icon--clock::after {
	top: 20px;
	left: 32px;
	width: 4px;
	height: 18px;
	background: var(--fetisal-primary);
	transform: rotate(0deg);
	box-shadow: 9px 6px 0 -1px var(--fetisal-primary);
	transform-origin: bottom center;
}

.fetisal-front__icon--medical::before {
	top: 8px;
	left: 22px;
	width: 24px;
	height: 24px;
	border-radius: 999px;
	background: var(--fetisal-primary);
}

.fetisal-front__icon--medical::after {
	top: 30px;
	left: 12px;
	width: 44px;
	height: 24px;
	border-radius: 14px;
	background: linear-gradient(180deg, var(--fetisal-accent) 0%, var(--fetisal-primary) 100%);
	box-shadow: 19px -12px 0 -6px #fff;
}

.fetisal-front__icon--sad::before {
	top: 8px;
	left: 10px;
	width: 48px;
	height: 48px;
	border: 4px solid var(--fetisal-primary);
	border-radius: 999px;
}

.fetisal-front__icon--sad::after {
	top: 24px;
	left: 19px;
	width: 30px;
	height: 14px;
	border-bottom: 4px solid var(--fetisal-primary);
	border-radius: 0 0 30px 30px;
	box-shadow:
		-8px -10px 0 -5px var(--fetisal-primary),
		8px -10px 0 -5px var(--fetisal-primary);
}

.fetisal-front__icon--clipboard::before {
	top: 10px;
	left: 18px;
	width: 32px;
	height: 42px;
	border: 4px solid var(--fetisal-primary);
	border-radius: 10px;
}

.fetisal-front__icon--clipboard::after {
	top: 18px;
	left: 26px;
	width: 16px;
	height: 5px;
	border-radius: 999px;
	background: var(--fetisal-primary);
	box-shadow: 0 11px 0 var(--fetisal-primary), 0 22px 0 var(--fetisal-primary);
}

.fetisal-front__icon--search::before {
	top: 10px;
	left: 12px;
	width: 30px;
	height: 30px;
	border: 4px solid var(--fetisal-primary);
	border-radius: 999px;
}

.fetisal-front__icon--search::after {
	top: 35px;
	left: 38px;
	width: 18px;
	height: 4px;
	background: var(--fetisal-primary);
	border-radius: 999px;
	transform: rotate(45deg);
}

.fetisal-front__icon--pill::before {
	top: 16px;
	left: 16px;
	width: 36px;
	height: 18px;
	border: 4px solid var(--fetisal-primary);
	border-radius: 999px;
	transform: rotate(-45deg);
	background:
		linear-gradient(90deg, transparent 0 50%, rgba(47, 145, 69, 0.14) 50% 100%);
}

.fetisal-front__icon--pill::after {
	top: 17px;
	left: 32px;
	width: 4px;
	height: 28px;
	background: var(--fetisal-primary);
	transform: rotate(-45deg);
}

.fetisal-front__icon--care::before {
	top: 10px;
	left: 10px;
	width: 48px;
	height: 48px;
	border: 4px solid var(--fetisal-primary);
	border-radius: 18px 18px 22px 22px;
	clip-path: polygon(50% 0%, 100% 22%, 100% 62%, 50% 100%, 0% 62%, 0% 22%);
}

.fetisal-front__icon--care::after {
	top: 24px;
	left: 21px;
	width: 26px;
	height: 12px;
	border-left: 4px solid var(--fetisal-primary);
	border-bottom: 4px solid var(--fetisal-primary);
	transform: rotate(-45deg);
}

.fetisal-front__card-title {
	margin: 0;
	color: #252525;
	font-size: 1.1rem;
	line-height: 1.55;
	font-weight: 800;
	font-family: "Noto Sans JP", "Hiragino Sans", "Yu Gothic", sans-serif;
}

.fetisal-front__card-text {
	margin: 12px 0 0;
	color: #555;
	font-size: 0.92rem;
	line-height: 1.85;
	font-family: "Noto Sans JP", "Hiragino Sans", "Yu Gothic", sans-serif;
}

.fetisal-front__step-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 14px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.fetisal-front__step-card {
	position: relative;
	padding: 22px 18px 18px;
	border: 1px solid var(--fetisal-line);
	border-radius: 18px;
	background: linear-gradient(180deg, #fff 0%, #f7fcf8 100%);
	text-align: center;
}

.fetisal-front__step-label {
	margin: 0;
	color: var(--fetisal-primary);
	font-size: 0.88rem;
	font-weight: 800;
	letter-spacing: 0.05em;
}

.fetisal-front__step-text {
	margin: 10px 0 0;
	color: #333;
	font-size: 0.93rem;
	font-weight: 700;
	line-height: 1.75;
}

.fetisal-front__step-arrow {
	position: absolute;
	top: 50%;
	right: -12px;
	z-index: 2;
	width: 20px;
	height: 20px;
	border-top: 3px solid var(--fetisal-accent);
	border-right: 3px solid var(--fetisal-accent);
	transform: translateY(-50%) rotate(45deg);
}

.fetisal-front__article-card,
.fetisal-front__service-card {
	overflow: hidden;
	min-width: 0;
}

.fetisal-front__article-link,
.fetisal-front__service-card-inner {
	display: flex;
	flex-direction: column;
	height: 100%;
	min-width: 0;
	color: inherit;
	text-decoration: none;
}

.fetisal-front__article-card,
.fetisal-front__service-card,
.fetisal-front__worry-card,
.fetisal-front__step-card,
.fetisal-front__list-panel,
.fetisal-front__cta-panel {
	transition: box-shadow 0.2s ease, transform 0.2s ease, border-color 0.2s ease;
}

.fetisal-front__article-card:hover,
.fetisal-front__article-card:focus-within,
.fetisal-front__service-card:hover,
.fetisal-front__service-card:focus-within,
.fetisal-front__guide-card:hover,
.fetisal-front__guide-card:focus-within {
	border-color: rgba(47, 145, 69, 0.28);
	box-shadow: 0 16px 32px rgba(36, 88, 45, 0.12);
	transform: translateY(-2px);
}

.fetisal-front__article-card:hover .fetisal-front__card-image,
.fetisal-front__article-card:focus-within .fetisal-front__card-image {
	filter: saturate(1.04);
}

.fetisal-front__card-image {
	display: block;
	width: 100%;
	aspect-ratio: 1.28 / 1;
	object-fit: cover;
	object-position: center center;
	background: #f3f8f4;
}

.fetisal-front__card-image--placeholder {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #58755f;
	font-size: 0.88rem;
	font-weight: 700;
	background:
		radial-gradient(circle at top, rgba(88, 168, 96, 0.08), transparent 54%),
		repeating-linear-gradient(
			135deg,
			rgba(47, 145, 69, 0.07),
			rgba(47, 145, 69, 0.07) 14px,
			rgba(255, 255, 255, 0.22) 14px,
			rgba(255, 255, 255, 0.22) 28px
		);
}

.fetisal-front__article-body,
.fetisal-front__service-body {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	padding: 14px 14px 16px;
}

.fetisal-front__article-category {
	margin: 0 0 8px;
	color: var(--fetisal-primary);
	font-size: 0.78rem;
	font-weight: 800;
	letter-spacing: 0.03em;
}

.fetisal-front__article-title,
.fetisal-front__service-title {
	margin: 0;
	color: #202020;
	font-size: 1rem;
	line-height: 1.6;
	font-weight: 800;
	font-family: "Noto Sans JP", "Hiragino Sans", "Yu Gothic", sans-serif;
}

.fetisal-front__article-excerpt,
.fetisal-front__service-description {
	margin: 10px 0 0;
	color: #5a5a5a;
	font-size: 0.89rem;
	line-height: 1.8;
	font-family: "Noto Sans JP", "Hiragino Sans", "Yu Gothic", sans-serif;
}

.fetisal-front__service-grid {
	padding: 18px;
	border: 1px solid var(--fetisal-line);
	border-radius: 20px;
	background: linear-gradient(180deg, rgba(241, 248, 242, 0.86) 0%, rgba(255, 255, 255, 0.98) 100%);
}

.fetisal-front__service-logo {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 108px;
	padding: 16px;
	border-bottom: 1px solid var(--fetisal-line);
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(245, 250, 246, 0.96) 100%);
}

.fetisal-front__service-logo img {
	display: block;
	width: auto;
	max-width: 100%;
	max-height: 72px;
	object-fit: contain;
}

.fetisal-front__service-logo span {
	color: #303030;
	font-size: 1.5rem;
	font-weight: 800;
	letter-spacing: 0.01em;
}

.fetisal-front__service-footer {
	padding: 0 14px 16px;
}

.fetisal-front__service-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 100%;
	max-width: 100%;
	min-height: 44px;
	padding: 10px 14px;
	border: 1px solid var(--fetisal-primary);
	border-radius: 999px;
	color: var(--fetisal-primary);
	font-size: 0.9rem;
	font-weight: 800;
	line-height: 1.4;
	white-space: nowrap;
}

.fetisal-front__service-button.is-disabled {
	border-color: #d8e8dc;
	color: #77927d;
	background: #f7fbf8;
}

.fetisal-front__service-cta {
	display: flex;
	justify-content: center;
	margin-top: 18px;
}

.fetisal-front__button--wide {
	box-sizing: border-box;
	width: 100%;
	min-width: min(100%, 360px);
	max-width: 420px;
}

.fetisal-front__list-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px;
}

.fetisal-front__list-panel {
	padding: 18px 20px 20px;
}

.fetisal-front__list-title {
	margin: 0 0 14px;
	padding-bottom: 10px;
	border-bottom: 1px solid var(--fetisal-line);
	color: var(--fetisal-primary);
	font-size: 1.25rem;
	font-weight: 800;
	font-family: "Noto Sans JP", "Hiragino Sans", "Yu Gothic", sans-serif;
}

.fetisal-front__link-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.fetisal-front__link-list li + li {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid rgba(0, 0, 0, 0.06);
}

.fetisal-front__link-list a {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	color: #2b2b2b;
	text-decoration: none;
}

.fetisal-front__link-list a:hover,
.fetisal-front__link-list a:focus-visible {
	color: var(--fetisal-primary);
}

.fetisal-front__link-list time {
	flex: 0 0 auto;
	margin-left: auto;
	color: #5672a8;
	font-size: 0.88rem;
	font-weight: 500;
	white-space: nowrap;
}

.fetisal-front__rank-number {
	display: inline-flex;
	flex: 0 0 22px;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 22px;
	margin-top: 1px;
	border-radius: 4px;
	background: linear-gradient(180deg, var(--fetisal-primary) 0%, var(--fetisal-primary-deep) 100%);
	color: #fff;
	font-size: 0.76rem;
	font-weight: 800;
}

.fetisal-front__link-label {
	min-width: 0;
	font-size: 0.95rem;
	font-weight: 700;
	line-height: 1.7;
}

.fetisal-front__link-list .is-empty {
	color: #907680;
	font-size: 0.92rem;
	line-height: 1.8;
}

.fetisal-front__cta-panel {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(320px, 1.04fr);
	align-items: center;
	gap: 22px;
	padding: 28px 30px;
	background:
		radial-gradient(circle at left top, rgba(88, 168, 96, 0.1), transparent 42%),
		linear-gradient(180deg, #fff 0%, #f5fbf6 100%);
}

.fetisal-front__cta-copy {
	display: grid;
	grid-template-columns: 112px minmax(0, 1fr);
	align-content: center;
	align-items: center;
	column-gap: 26px;
	row-gap: 0;
	min-width: 0;
}

.fetisal-front__cta-texts {
	min-width: 0;
	flex: 1 1 auto;
}

.fetisal-front__cta-icon {
	position: relative;
	flex: 0 0 112px;
	width: 112px;
	height: 112px;
	color: var(--fetisal-primary);
}

.fetisal-front__cta-icon::before,
.fetisal-front__cta-icon::after {
	content: "";
	position: absolute;
	box-sizing: border-box;
}

.fetisal-front__cta-icon::before,
.fetisal-front__cta-icon::after {
	display: none;
}

.fetisal-front__cta-icon img {
	display: block;
	width: 100%;
	height: auto;
}

.fetisal-front__cta-title {
	margin: 0;
	color: var(--fetisal-primary);
	font-size: clamp(1.45rem, 2vw, 2.1rem);
	line-height: 1.35;
	font-weight: 800;
	font-family: "Noto Sans JP", "Hiragino Sans", "Yu Gothic", sans-serif;
	padding: 0 !important;
	border: 0 !important;
	background: none !important;
	box-shadow: none !important;
	letter-spacing: 0.01em;
	max-width: none;
	word-break: normal;
	overflow-wrap: normal;
}

.fetisal-front__cta-title::before,
.fetisal-front__cta-title::after {
	content: none !important;
	display: none !important;
}

.fetisal-front__cta-lead {
	margin: 12px 0 0;
	color: #444;
	font-size: 0.98rem;
	line-height: 1.9;
	font-family: "Noto Sans JP", "Hiragino Sans", "Yu Gothic", sans-serif;
}

.fetisal-front__cta-actions {
	display: grid;
	grid-template-columns: 1fr;
	gap: 12px;
	align-content: center;
	min-width: 0;
	width: 100%;
}

.fetisal-front__button--compact {
	box-sizing: border-box;
	width: 100%;
	max-width: 100%;
	min-height: 48px;
}

.fetisal-front__guide-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 18px;
}

.fetisal-front__guide-card {
	display: flex;
	flex-direction: column;
	padding: 20px 18px;
}

.fetisal-front__guide-icon {
	width: 74px;
	margin-bottom: 12px;
}

.fetisal-front__guide-icon img {
	display: block;
	width: 100%;
	height: auto;
}

.fetisal-front__guide-title {
	margin: 0;
	color: var(--fetisal-primary);
	font-size: 1.18rem;
	line-height: 1.5;
	font-weight: 800;
}

.fetisal-front__guide-text {
	margin: 12px 0 0;
	color: var(--fetisal-muted);
	font-size: 0.91rem;
	line-height: 1.8;
}

.fetisal-front__guide-action {
	margin-top: auto;
	padding-top: 16px;
}

@media only screen and (min-width: 960px) {
	.fetisal-front__card-image {
		aspect-ratio: 1.58 / 1;
	}

	.fetisal-front__hero-actions .fetisal-front__button {
		width: auto;
	}

	.fetisal-front__service-grid {
		gap: 14px;
	}

	.fetisal-front__service-footer {
		padding: 8px 14px 18px;
	}

	.fetisal-front__service-cta {
		padding: 0 12px 6px;
	}

	.fetisal-front__cta-panel {
		grid-template-columns: minmax(0, 1fr) minmax(320px, 360px);
		align-items: center;
	}

	.fetisal-front__cta-copy {
		min-height: 100%;
	}
}

@media only screen and (max-width: 1540px) {
	.fetisal-front__cta-panel {
		grid-template-columns: 1fr;
		gap: 18px;
	}

	.fetisal-front__cta-copy {
		align-items: center;
	}
}

@media only screen and (max-width: 1260px) {
	.fetisal-front__hero {
		grid-template-columns: 1fr;
	}

	.fetisal-front__hero-copy {
		padding: 32px 24px 28px;
	}

	.fetisal-front__hero-media {
		order: 1;
		min-height: 0;
	}

	.fetisal-front__hero-image-frame {
		min-height: 0;
	}

	.fetisal-front__hero-image {
		height: auto;
		min-height: 0;
		aspect-ratio: 16 / 10;
		object-position: center 30%;
	}

	.fetisal-front__service-grid,
	.fetisal-front__guide-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.fetisal-front__cta-panel {
		grid-template-columns: 1fr;
	}

	.fetisal-front__cta-copy {
		align-items: center;
	}

	.fetisal-front__cta-icon {
		flex: 0 0 136px;
		width: 136px;
		height: 136px;
	}
}

@media only screen and (max-width: 959px) {
	.fetisal-front {
		padding-top: 12px;
	}

	.fetisal-front__hero {
		padding: 0;
	}

	.fetisal-front__hero-media {
		min-height: 0;
		order: 2;
		background: linear-gradient(180deg, #ffffff 0%, #f4faf5 100%);
	}

	.fetisal-front__hero-copy {
		order: 1;
		padding: 24px 24px 28px;
	}

	.fetisal-front__hero-image-frame {
		min-height: 0;
	}

	.fetisal-front__hero-image {
		min-height: 0;
		height: auto;
		aspect-ratio: 16 / 10;
		object-position: center 30%;
	}

	.fetisal-front__worry-grid,
	.fetisal-front__article-grid,
	.fetisal-front__service-grid,
	.fetisal-front__step-grid,
	.fetisal-front__guide-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.fetisal-front__step-arrow {
		display: none;
	}

	.fetisal-front__list-grid,
	.fetisal-front__cta-panel {
		grid-template-columns: 1fr;
	}
}

@media print, screen and (max-width: 599px) {
	.fetisal-front {
		padding: 6px 0 24px;
	}

	.fetisal-front__hero {
		border-radius: 18px;
	}

	.fetisal-front__hero-copy {
		padding: 18px 18px 22px;
	}

	.fetisal-front__title {
		font-size: clamp(1.8rem, 7.6vw, 2.2rem);
		line-height: 1.4;
		letter-spacing: 0.01em;
		max-width: none;
	}

	.fetisal-front__title-line:last-child {
		white-space: normal;
	}

	.fetisal-front__lead {
		margin-top: 16px;
		font-size: 0.9rem;
		line-height: 1.85;
	}

	.fetisal-front__lead br {
		display: none;
	}

	.fetisal-front__points {
		margin-top: 16px;
		gap: 9px;
	}

	.fetisal-front__points li {
		font-size: 0.85rem;
	}

	.fetisal-front__hero-actions {
		flex-direction: column;
		gap: 10px;
		margin-top: 18px;
	}

	.fetisal-front__button {
		width: 100%;
	}

	.fetisal-front__hero-placeholder {
		min-height: 280px;
	}

	.fetisal-front__hero-image-frame {
		min-height: 0;
	}

	.fetisal-front__hero-image {
		height: auto;
		aspect-ratio: 16 / 10;
		object-position: center 28%;
	}

	.fetisal-front__section {
		margin-top: 20px;
	}

	.fetisal-front__section-heading {
		align-items: flex-start;
		flex-direction: column;
		margin-bottom: 14px;
	}

	.fetisal-front__section-title {
		padding-left: 13px;
		font-size: 1.28rem;
	}

	.fetisal-front__section-subtitle {
		display: inline;
		font-size: 0.82em;
	}

	.fetisal-front__worry-grid,
	.fetisal-front__article-grid,
	.fetisal-front__service-grid,
	.fetisal-front__step-grid,
	.fetisal-front__list-grid,
	.fetisal-front__guide-grid {
		grid-template-columns: 1fr;
		gap: 14px;
	}

	.fetisal-front__worry-grid,
	.fetisal-front__step-grid,
	.fetisal-front__article-grid,
	.fetisal-front__list-grid {
		margin-top: 4px;
	}

	.fetisal-front__service-grid {
		margin-top: 4px;
	}

	.fetisal-front__service-grid {
		padding: 12px;
	}

	.fetisal-front__worry-card,
	.fetisal-front__step-card,
	.fetisal-front__list-panel {
		padding: 16px 14px;
	}

	.fetisal-front__article-card {
		min-height: 0;
	}

	.fetisal-front__card-image {
		aspect-ratio: 1.45 / 1;
	}

	.fetisal-front__article-body,
	.fetisal-front__service-body,
	.fetisal-front__service-footer {
		padding-left: 12px;
		padding-right: 12px;
	}

	.fetisal-front__article-body {
		padding-top: 12px;
		padding-bottom: 14px;
	}

	.fetisal-front__service-logo {
		min-height: 88px;
		padding: 14px 12px;
	}

	.fetisal-front__service-body {
		padding-top: 12px;
		padding-bottom: 12px;
	}

	.fetisal-front__service-description {
		line-height: 1.65;
	}

	.fetisal-front__service-footer {
		padding-top: 2px;
		padding-bottom: 14px;
	}

	.fetisal-front__service-button {
		min-height: 42px;
		padding: 9px 12px;
		font-size: 0.84rem;
		white-space: normal;
	}

	.fetisal-front__service-cta {
		margin-top: 14px;
	}

	.fetisal-front__card-title,
	.fetisal-front__article-title,
	.fetisal-front__service-title {
		font-size: 0.97rem;
	}

	.fetisal-front__card-text,
	.fetisal-front__article-excerpt,
	.fetisal-front__service-description,
	.fetisal-front__link-label {
		font-size: 0.88rem;
	}

	.fetisal-front__link-list a {
		flex-wrap: wrap;
	}

	.fetisal-front__link-list time {
		margin-left: 32px;
	}

	.fetisal-front__cta-panel {
		gap: 16px;
		padding: 20px 16px;
	}

	.fetisal-front__cta-copy {
		grid-template-columns: 1fr;
		align-items: flex-start;
		flex-direction: column;
		gap: 12px;
	}

	.fetisal-front__cta-icon {
		width: 124px;
		height: 124px;
	}

	.fetisal-front__cta-title {
		font-size: 1.36rem;
	}

	.fetisal-front__cta-lead {
		font-size: 0.91rem;
		line-height: 1.72;
	}

	.fetisal-front__cta-lead br {
		display: none;
	}

	.fetisal-front__cta-actions {
		gap: 10px;
	}

	.fetisal-front__button--compact {
		min-height: 44px;
		padding-left: 14px;
		padding-right: 14px;
	}
}