:root {
	--vw-unit: 1px;
	--radius-pill: 1000px;
	--radius-m: 16px;
	--radius-l: 32px;
	--radius-s: 8px;
	--radius-xs: 4px;
	--radius-xl: 64px;
	--font-family-jp: Hiragino Kaku Gothic Pro, Yu Gothic, YuGothic, MS PGothic, Meiryo, sans-serif;
	--font-weight-jp-fat: bold;
	--font-weight-jp-slim: normal;
	--font-family-en: "Roboto";
	--font-weight-en-fat: bold;
	--font-weight-en-slim: 500;
	--font-family-display: "Inter";
	--font-weight-display: bold;
	--grid-pc-12Col: 56px;
	--grid-pc-8col: 274px;
	--grid-pc-6col: 384px;
	--grid-pc-10Col: 165px;
	--grid-sp-s: 24px;
	--color-blur-black: rgba(17,17,19,0.25);
	--color-blur-line: rgba(255,255,255,0.5);
	--color-figma: #9747ff;
	--color-alert: #ec0000;
	--color-alert-light: #fff4f4;
	--color-check-light: #f4fdf7;
	--color-check: #37d767;
	--color-grey-50: #f7f7f8;
	--color-grey-100: #eeeef0;
	--color-grey-200: #d9d9de;
	--color-grey-300: #b8b9c1;
	--color-grey-400: #91939f;
	--color-grey-500: #747583;
	--color-grey-600: #5e5f6b;
	--color-grey-700: #4d4e57;
	--color-grey-800: #42424a;
	--color-grey-900: #3a3a40;
	--color-grey-950: #111113;
	--color-grey-white: #fff;
	--color-primary-light: #5cb531;
	--color-primary-main: #0ca26c;
	--color-primary-dark: #003429;
	--color-primary-pale-light: #cee4ae;
	--color-primary-white: #fff;
	--color-primary-black: #0f0f0f;
	--color-primary-accent-orange: #f7920e;
	--spacing-1: 4px;
	--spacing-2: 8px;
	--spacing-3: 16px;
	--spacing-4: 24px;
	--spacing-5: 32px;
	--spacing-6: 40px;
	--spacing-7: 56px;
	--spacing-8: 80px;
	--spacing-9: 96px;
	--spacing-10: 120px;
	--spacing-11: 160px;
	--spacing-2-5: 12px;
	--spacing-3-5: 20px;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
figure,
blockquote,
ul,
ol,
dl,
li,
dt,
dd,
form,
fieldset,
pre,
menu {
	margin: 0;
}

ul[role="list"],
ol[role="list"] {
	padding: 0;
	list-style: none;
}

html:focus-within {
	scroll-behavior: smooth;
}

body {
	min-height: 100Vh;
	line-height: 1;
	text-rendering: optimizeSpeed;
}

a:not([class]) {
	text-decoration-skip-ink: auto;
}

img,
picture {
	display: block;
	max-width: 100%;
	height: auto;
}

input,
button,
textarea,
select {
	font: inherit;
}

fieldset,
legend,
menu {
	padding: 0;
}

fieldset {
	border: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

body {
	font-size: 18px;
	line-height: 1.6667;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-size-adjust: 100%;
}

body img {
	width: 100%;
}

.imageWrapper01 {
	font-size: 0;
	line-height: 0;
}

.resonaplusGeneral01 {
	font-family: inherit;
	font-size: min(calc(18 * var(--vw-unit)), 3.6rem);
	line-height: 1.6667;
}

.resonaplusGeneral01 .accountModal01 {
	position: fixed;
	inset: 0;
	transform: translateY(34px);
	width: 818px;
	max-width: calc(100% - 32px);
	max-height: calc(100dvh - 32px);
	margin: auto;
	padding: 0;
	border: 0;
	background: transparent;
	font-family: inherit;
	color: #003429;
}

.resonaplusGeneral01 .accountModal01::backdrop {
	background: rgba(15,15,15,0.7);
}

.resonaplusGeneral01 .accountModalPanel01 {
	display: flex;
	gap: 27px;
	justify-content: center;
	align-items: center;
	min-height: 304px;
	padding: 46px 24px;
	background: #fff;
	border-radius: 8px;
}

.resonaplusGeneral01 .accountModalBubble01 {
	display: flex;
	flex-shrink: 0;
	justify-content: center;
	align-items: center;
	width: 300px;
	height: 91px;
	padding-right: 25px;
	background: url("/kojin/resonaplus/landing/images/general/general_modal_bubble.svg") center/100% 100% no-repeat;
}

.resonaplusGeneral01 .accountModalBubble01 h2 {
	margin: 0;
	text-align: center;
	font-size: 2rem;
	font-weight: 600;
	line-height: 1.4;
	color: #fff;
}

.resonaplusGeneral01 .accountModalQr01 {
	width: 212px;
	height: auto;
}

.resonaplusGeneral01 .accountModalClose01 {
	display: block;
	position: relative;
	width: 176px;
	height: 37px;
	margin: 31px auto 0;
	padding: 0;
	border: 0;
	background: #fff;
	font-family: inherit;
	font-size: 1.2rem;
	font-weight: 600;
	color: #003429;
	border-radius: 20px;
	cursor: pointer;
}

.resonaplusGeneral01 .accountModalClose01 img {
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%) rotate(45deg);
	width: 14px;
	height: 14px;
}

.resonaplusGeneral01 .bankLinks01 {
	margin-top: 0;
	padding: 8px 7px;
	font-size: 1.2rem;
	line-height: 1.5;
}

.resonaplusGeneral01 .bankLinks01 .inrFooterLinkTop {
	list-style: none;
}

.resonaplusGeneral01 .bankLinks01 .inrFooterLinkTop li:first-child {
	padding: 9px 7px 8px;
	white-space: nowrap;
}

.resonaplusGeneral01 .bankLinks01 .inrFooterLinkTop a {
	padding: 8px 10px 8.5px;
}

.resonaplusGeneral01 .bankLinks01 .inrFooterLinkTop img {
	display: block;
	width: auto;
	max-width: 100%;
	height: 30px;
	margin: 0 auto;
}

.resonaplusGeneral01 .brandText01 {
	display: flex;
	opacity: 0.7;
	position: relative;
	left: calc(-718 * var(--vw-unit));
	width: max-content;
	margin-top: calc(34 * var(--vw-unit));
	font-family: var(--font-family-en);
	font-size: min(calc(55.1 * var(--vw-unit)), 11.02rem);
	font-weight: 300;
	line-height: 1;
	letter-spacing: 0.06em;
	color: transparent;
	white-space: nowrap;
	animation: brandTextScroll01 90s linear infinite;
}

.resonaplusGeneral01 .brandText01 span {
	flex-shrink: 0;
	background: linear-gradient(269.9124162247755deg, #5cb531 71.732%, #009b63 99.997%);
	-webkit-background-clip: text;
	background-clip: text;
	text-box-trim: trim-both;
	text-box-edge: cap alphabetic;
	padding-block: 0.05em;
	margin-block: -0.05em;
}

@supports not (text-box-trim: trim-both) {
	.resonaplusGeneral01 .brandText01 span::before {
		content: '';
		display: table;
		margin-bottom: -0.13086em;
	}
	.resonaplusGeneral01 .brandText01 span::after {
		content: '';
		display: table;
		margin-top: -0.1582em;
	}
}

.resonaplusGeneral01 .brandText02 span {
	background: none;
}

@-moz-keyframes brandTextScroll01 {
	from {
		transform: translateX(0);
	}
	to {
		transform: translateX(-50%);
	}
}

@-webkit-keyframes brandTextScroll01 {
	from {
		transform: translateX(0);
	}
	to {
		transform: translateX(-50%);
	}
}

@-o-keyframes brandTextScroll01 {
	from {
		transform: translateX(0);
	}
	to {
		transform: translateX(-50%);
	}
}

@keyframes brandTextScroll01 {
	from {
		transform: translateX(0);
	}
	to {
		transform: translateX(-50%);
	}
}

.resonaplusGeneral01 .btnBlack01 {
	display: flex;
	position: relative;
	justify-content: center;
	align-items: center;
	height: calc(60 * var(--vw-unit));
	background: var(--color-primary-black);
	font-size: min(calc(16 * var(--vw-unit)), 3.2rem);
	font-weight: bold;
	line-height: 1.4;
	letter-spacing: 0.05em;
	color: #fff;
	text-decoration: none;
	border-radius: calc(70 * var(--vw-unit));
	transition: opacity 0.2s;
}

.resonaplusGeneral01 .btnBlack01:link,
.resonaplusGeneral01 .btnBlack01:visited,
.resonaplusGeneral01 .btnBlack01:hover {
	color: #fff;
	text-decoration: none;
}

.resonaplusGeneral01 .btnBlack01:hover {
	opacity: 0.8;
}

.resonaplusGeneral01 .btnBlack01:hover > img {
	opacity: 1;
}

.resonaplusGeneral01 .btnIconArrow01 {
	position: absolute;
	top: 50%;
	right: calc(24 * var(--vw-unit));
	transform: translateY(-50%);
	width: calc(6 * var(--vw-unit));
	height: calc(12 * var(--vw-unit));
}

.resonaplusGeneral01 .btnIconArrow02 {
	width: calc(8 * var(--vw-unit));
	height: calc(14 * var(--vw-unit));
}

.resonaplusGeneral01 .btnIconExternal01 {
	position: absolute;
	top: 50%;
	right: calc(29 * var(--vw-unit));
	transform: translateY(-50%);
	width: calc(17 * var(--vw-unit));
	height: calc(17 * var(--vw-unit));
}

.resonaplusGeneral01 .btnIconExternal02 {
	width: calc(15 * var(--vw-unit));
	height: calc(15 * var(--vw-unit));
}

.resonaplusGeneral01 .btnLabelList01 {
	list-style: none;
}

.resonaplusGeneral01 .btnLabelList01 > li + li {
	margin-top: calc(25 * var(--vw-unit));
}

.resonaplusGeneral01 .btnLabel01 {
	margin-bottom: calc(16 * var(--vw-unit));
	text-align: center;
}

.resonaplusGeneral01 .btnLabelText01 {
	display: inline-block;
	position: relative;
	padding-bottom: calc(8.5 * var(--vw-unit));
	font-size: min(calc(18 * var(--vw-unit)), 3.6rem);
	font-weight: bold;
	line-height: 1.5;
	letter-spacing: 0.05em;
	color: #fff;
}

.resonaplusGeneral01 .btnLabelText01::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	height: calc(5 * var(--vw-unit));
	background: url("/kojin/resonaplus/landing/images/general/index_bg_09.svg") no-repeat center;
	background-size: 100% 100%;
}

.resonaplusGeneral01 .btnLabel02 .btnLabelText01 {
	padding-bottom: calc(10.5 * var(--vw-unit));
}

.resonaplusGeneral01 .btnLabel02 .btnLabelText01::after {
	background-image: url("/kojin/resonaplus/landing/images/general/index_bg_10.svg");
}

.resonaplusGeneral01 .btnLabel03 .btnLabelText01 {
	color: var(--color-primary-main);
}

.resonaplusGeneral01 .btnLabel03 .btnLabelText01::after {
	background-image: url("/kojin/resonaplus/landing/images/general/index_bg_11.svg");
}

.resonaplusGeneral01 .btnLabel02.btnLabel03 .btnLabelText01 {
	padding-bottom: calc(9 * var(--vw-unit));
	font-size: min(calc(16 * var(--vw-unit)), 3.2rem);
}

.resonaplusGeneral01 .btnLabel02.btnLabel03 .btnLabelText01::after {
	height: calc(4.5 * var(--vw-unit));
	background-image: url("/kojin/resonaplus/landing/images/general/index_bg_13.svg");
}

.resonaplusGeneral01 .generalCarousel01 {
	position: relative;
}

.resonaplusGeneral01 .carouselView01 {
	overflow: hidden;
	cursor: grab;
	user-select: none;
	touch-action: pan-y;
}

.resonaplusGeneral01 .carouselList01 {
	display: grid;
	list-style: none;
}

.resonaplusGeneral01 .carouselItem01 {
	opacity: 0;
	grid-area: 1/1;
	min-width: 0;
	transition: opacity 0.4s ease;
	pointer-events: none;
}

.resonaplusGeneral01 .carouselItem01.isActive {
	opacity: 1;
	pointer-events: auto;
}

.resonaplusGeneral01 .carouselControl01 {
	display: flex;
	gap: calc(20 * var(--vw-unit));
	justify-content: center;
	align-items: center;
}

.resonaplusGeneral01 .carouselPrev01,
.resonaplusGeneral01 .carouselNext01 {
	width: calc(36 * var(--vw-unit));
	height: calc(36 * var(--vw-unit));
	padding: 0;
	border: 0;
	background: none;
	cursor: pointer;
}

.resonaplusGeneral01 .carouselPrev01:disabled,
.resonaplusGeneral01 .carouselNext01:disabled {
	opacity: 0.5;
	cursor: default;
}

.resonaplusGeneral01 .carouselPrev01 img,
.resonaplusGeneral01 .carouselNext01 img {
	width: 100%;
	height: 100%;
}

.resonaplusGeneral01 .carouselPrev01 img {
	transform: scaleX(-1);
}

.resonaplusGeneral01 .carouselDots01 {
	display: flex;
	gap: calc(11 * var(--vw-unit));
	list-style: none;
}

.resonaplusGeneral01 .carouselDots01 li {
	width: calc(5 * var(--vw-unit));
	height: calc(5 * var(--vw-unit));
	background: rgba(12,162,108,0.3);
	border-radius: 50%;
}

.resonaplusGeneral01 .carouselDots01 .isActive {
	background: var(--color-primary-main);
}

.resonaplusGeneral01 .photoStrip01 {
	display: flex;
	position: absolute;
	gap: calc(14 * var(--vw-unit));
	list-style: none;
	animation: photoStripScroll01 27.27s linear infinite;
	--photo-strip-distance: calc(642 * var(--vw-unit));
}

.resonaplusGeneral01 .photoStrip01 li {
	overflow: hidden;
	flex: 0 0 auto;
	width: calc(200 * var(--vw-unit));
	height: calc(134 * var(--vw-unit));
	border-radius: calc(4 * var(--vw-unit));
}

.resonaplusGeneral01 .photoStrip01 img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.resonaplusGeneral01 .photoStrip01 li:nth-child(3n + 2) img {
	position: relative;
	top: 0.22%;
	height: 110.92%;
}

.resonaplusGeneral01 .photoStrip01 li:nth-child(3n) img {
	position: relative;
	left: -0.23%;
	width: 100.45%;
}

.resonaplusGeneral01 .photoStrip04 li:nth-child(3n + 2) img {
	top: -0.1%;
}

.resonaplusGeneral01 .photoStrip04 li:nth-child(3n) img {
	left: -0.05%;
	width: 100.1%;
}

.resonaplusGeneral01 .photoStrip03 {
	animation-direction: reverse;
}

@-moz-keyframes photoStripScroll01 {
	from {
		transform: translateX(0);
	}
	to {
		transform: translateX(calc(-1 * var(--photo-strip-distance)));
	}
}

@-webkit-keyframes photoStripScroll01 {
	from {
		transform: translateX(0);
	}
	to {
		transform: translateX(calc(-1 * var(--photo-strip-distance)));
	}
}

@-o-keyframes photoStripScroll01 {
	from {
		transform: translateX(0);
	}
	to {
		transform: translateX(calc(-1 * var(--photo-strip-distance)));
	}
}

@keyframes photoStripScroll01 {
	from {
		transform: translateX(0);
	}
	to {
		transform: translateX(calc(-1 * var(--photo-strip-distance)));
	}
}

.resonaplusGeneral01 .plusMark01 {
	position: absolute;
	pointer-events: none;
}

.resonaplusGeneral01 .plusMark01 img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	max-width: none;
	height: 100%;
}

.resonaplusGeneral01 .scrollFade01 {
	transition: opacity 0.6s ease;
}

.resonaplusGeneral01 .scrollFade01.isWaiting {
	opacity: 0;
}

.resonaplusGeneral01 .scrollFade01.isWaiting:focus-within {
	opacity: 1;
}

.resonaplusGeneral01 .stickyBtn01 {
	visibility: hidden;
	opacity: 0;
	position: fixed;
	right: calc(17 * var(--vw-unit));
	bottom: calc(18 * var(--vw-unit));
	left: calc(17 * var(--vw-unit));
	z-index: 10;
	transform: translateY(36px);
	height: calc(60 * var(--vw-unit));
	padding: 0 calc(44 * var(--vw-unit));
	border: 4px solid transparent;
	background: linear-gradient(#fff, #fff) padding-box, linear-gradient(to right, #009b63, #5cb531) border-box;
	text-align: center;
	font-size: min(calc(18 * var(--vw-unit)), 3.6rem);
	font-weight: bold;
	line-height: calc(52 * var(--vw-unit));
	color: var(--color-primary-main);
	text-decoration: none;
	border-radius: calc(66 * var(--vw-unit));
	pointer-events: none;
}

.resonaplusGeneral01 .stickyBtn01.isVisible {
	pointer-events: auto;
}

.resonaplusGeneral01 .stickyBtn01:link,
.resonaplusGeneral01 .stickyBtn01:visited,
.resonaplusGeneral01 .stickyBtn01:hover {
	color: var(--color-primary-main);
	text-decoration: none;
}

.resonaplusGeneral01 .stickyBtnIcon01 {
	position: absolute;
	top: 50%;
	right: calc(12 * var(--vw-unit));
	transform: translateY(-50%);
	width: calc(28 * var(--vw-unit));
	height: calc(28 * var(--vw-unit));
}

.resonaplusGeneral01 .stickyBtnIconOrange01 {
	display: none;
}

.resonaplusGeneral01 .stickyBtnOrange01 {
	border-color: var(--color-primary-accent-orange);
	background: #fff;
	color: var(--color-primary-black);
}

.resonaplusGeneral01 .stickyBtnOrange01:link,
.resonaplusGeneral01 .stickyBtnOrange01:visited,
.resonaplusGeneral01 .stickyBtnOrange01:hover {
	color: var(--color-primary-black);
}

.resonaplusGeneral01 .stickyBtnOrange01 .stickyBtnIconGreen01 {
	display: none;
}

.resonaplusGeneral01 .stickyBtnOrange01 .stickyBtnIconOrange01 {
	display: block;
}

.resonaplusGeneral01 .lpContainer01 {
	overflow: hidden;
	position: relative;
	width: 100%;
	background: #fff;
	color: var(--color-primary-black);
}

.resonaplusGeneral01 .sectionInner01 {
	position: relative;
	width: 100%;
	max-width: calc(390 * var(--vw-unit));
	height: 100%;
	margin: 0 auto;
}

.resonaplusGeneral01 .appArea01 {
	overflow: hidden;
	position: relative;
	height: calc(831 * var(--vw-unit));
	background: #fff;
}

.resonaplusGeneral01 .photoStrip04 {
	--photo-strip-distance: calc(953.4 * var(--vw-unit));
	top: calc(416 * var(--vw-unit));
	left: calc(-328 * var(--vw-unit));
	gap: calc(20.79 * var(--vw-unit));
}

.resonaplusGeneral01 .photoStrip04 li {
	width: calc(297.01 * var(--vw-unit));
	height: calc(199 * var(--vw-unit));
	border-radius: calc(5.94 * var(--vw-unit));
}

.resonaplusGeneral01 .appHeading01 {
	position: absolute;
	top: calc(53 * var(--vw-unit));
	left: 0;
	width: 100%;
	text-align: center;
}

.resonaplusGeneral01 .appHeadingSub01 {
	font-size: min(calc(20 * var(--vw-unit)), 4rem);
	font-weight: bold;
	line-height: 1.5;
	color: var(--color-primary-main);
}

.resonaplusGeneral01 .appHeadingMain01 {
	margin-top: calc(9 * var(--vw-unit));
	font-size: min(calc(36 * var(--vw-unit)), 7.2rem);
	font-weight: bold;
	line-height: 1.3;
	letter-spacing: 0.05em;
	color: var(--color-primary-black);
}

.resonaplusGeneral01 .appBubble01 {
	position: absolute;
	top: calc(267 * var(--vw-unit));
	left: calc(61 * var(--vw-unit));
	width: calc(269 * var(--vw-unit));
	height: calc(59.5 * var(--vw-unit));
	background: url("/kojin/resonaplus/landing/images/general/index_bg_12.svg") no-repeat center;
	background-size: 100% 100%;
}

.resonaplusGeneral01 .appBubbleText01 {
	display: flex;
	position: absolute;
	top: 0;
	left: 0;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: calc(48 * var(--vw-unit));
	font-size: min(calc(24 * var(--vw-unit)), 4.8rem);
	font-weight: bold;
	line-height: 1.4;
	color: #fff;
}

.resonaplusGeneral01 .appCarousel01 {
	position: absolute;
	top: calc(338 * var(--vw-unit));
	left: calc(107 * var(--vw-unit));
	width: calc(176.15 * var(--vw-unit));
}

.resonaplusGeneral01 .appCarousel01 .appPhone01 {
	display: block;
	width: 100%;
	height: auto;
}

.resonaplusGeneral01 .appCarousel01 .carouselControl01 {
	margin-top: calc(12 * var(--vw-unit));
}

.resonaplusGeneral01 .appNote01 {
	margin-top: calc(12 * var(--vw-unit));
	text-align: center;
	font-size: min(calc(12 * var(--vw-unit)), 2.4rem);
	font-weight: 300;
	line-height: 1.7;
	color: rgba(0,0,0,0.5);
	white-space: nowrap;
}

.resonaplusGeneral01 .appMark01 {
	top: calc(349 * var(--vw-unit));
	left: calc(29 * var(--vw-unit));
	width: calc(53 * var(--vw-unit));
	height: calc(52 * var(--vw-unit));
}

.resonaplusGeneral01 .appMark02 {
	top: calc(338 * var(--vw-unit));
	left: calc(354 * var(--vw-unit));
	width: calc(33 * var(--vw-unit));
	height: calc(33 * var(--vw-unit));
}

.resonaplusGeneral01 .appMark03 {
	top: calc(361 * var(--vw-unit));
	left: calc(287 * var(--vw-unit));
	width: calc(75 * var(--vw-unit));
	height: calc(73 * var(--vw-unit));
}

.resonaplusGeneral01 .cmArea01 {
	overflow: hidden;
	position: relative;
	background: #fff;
}

.resonaplusGeneral01 .cmInner01 {
	padding: calc(60 * var(--vw-unit)) calc(16 * var(--vw-unit)) calc(175 * var(--vw-unit));
}

.resonaplusGeneral01 .cmHeading01 {
	position: relative;
	text-align: center;
}

.resonaplusGeneral01 .cmHeadingSub01 {
	font-size: min(calc(20 * var(--vw-unit)), 4rem);
	font-weight: bold;
	line-height: 1.5;
	letter-spacing: 0.05em;
	color: var(--color-primary-main);
}

.resonaplusGeneral01 .cmHeadingMain01 {
	margin-top: calc(20 * var(--vw-unit));
	font-family: var(--font-family-en);
	font-size: min(calc(42 * var(--vw-unit)), 8.4rem);
	font-weight: 600;
	line-height: 1.3;
	letter-spacing: 0.05em;
	color: var(--color-primary-black);
}

.resonaplusGeneral01 .cmList01 {
	position: relative;
	margin-top: calc(31.45 * var(--vw-unit));
	list-style: none;
}

.resonaplusGeneral01 .cmList01 > li + li {
	margin-top: calc(40 * var(--vw-unit));
}

.resonaplusGeneral01 .cmMedia01 {
	overflow: hidden;
	aspect-ratio: 16/9;
	background: var(--color-grey-600);
	border-radius: calc(8 * var(--vw-unit));
}

.resonaplusGeneral01 .cmMedia01 iframe {
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
}

.resonaplusGeneral01 .cmTitle01 {
	margin-top: calc(16 * var(--vw-unit));
	text-align: center;
	font-size: min(calc(16 * var(--vw-unit)), 3.2rem);
	font-weight: 300;
	line-height: 1.5;
}

.resonaplusGeneral01 .cmNote01 {
	opacity: 0.5;
	position: relative;
	margin: calc(60 * var(--vw-unit)) auto 0;
	font-size: min(calc(12 * var(--vw-unit)), 2.4rem);
	font-weight: 300;
	line-height: 1.6;
}

.resonaplusGeneral01 .cmNote01 p {
	margin-top: calc(8 * var(--vw-unit));
	text-box-trim: trim-both;
	text-box-edge: cap alphabetic;
}

@supports not (text-box-trim: trim-both) {
	.resonaplusGeneral01 .cmNote01 p::before {
		content: '';
		display: table;
		margin-bottom: -0.414em;
	}
	.resonaplusGeneral01 .cmNote01 p::after {
		content: '';
		display: table;
		margin-top: -0.42em;
	}
}

.resonaplusGeneral01 .cmNoteTitle01 {
	font-size: inherit;
	font-weight: 600;
	text-box-trim: trim-both;
	text-box-edge: cap alphabetic;
}

@supports not (text-box-trim: trim-both) {
	.resonaplusGeneral01 .cmNoteTitle01::before {
		content: '';
		display: table;
		margin-bottom: -0.396em;
	}
	.resonaplusGeneral01 .cmNoteTitle01::after {
		content: '';
		display: table;
		margin-top: -0.42em;
	}
}

.resonaplusGeneral01 .cmMark01 {
	top: calc(21 * var(--vw-unit));
	left: calc(-4 * var(--vw-unit));
	width: calc(72 * var(--vw-unit));
	height: calc(70 * var(--vw-unit));
}

.resonaplusGeneral01 .cmMark02 {
	top: calc(-3 * var(--vw-unit));
	left: calc(78 * var(--vw-unit));
	width: calc(42 * var(--vw-unit));
	height: calc(41 * var(--vw-unit));
}

.resonaplusGeneral01 .cmMark03 {
	top: calc(77 * var(--vw-unit));
	left: calc(358 * var(--vw-unit));
	width: calc(32 * var(--vw-unit));
	height: calc(32 * var(--vw-unit));
}

.resonaplusGeneral01 .cmMark04 {
	top: calc(1 * var(--vw-unit));
	left: calc(302 * var(--vw-unit));
	width: calc(70 * var(--vw-unit));
	height: calc(68 * var(--vw-unit));
}

.resonaplusGeneral01 .cmMark05 {
	bottom: calc(74 * var(--vw-unit));
	left: calc(314 * var(--vw-unit));
	width: calc(76 * var(--vw-unit));
	height: calc(74 * var(--vw-unit));
}

.resonaplusGeneral01 .cmMark06 {
	bottom: calc(12 * var(--vw-unit));
	left: calc(109 * var(--vw-unit));
	width: calc(42 * var(--vw-unit));
	height: calc(41 * var(--vw-unit));
}

.resonaplusGeneral01 .cmMark07 {
	bottom: calc(20 * var(--vw-unit));
	left: calc(-16 * var(--vw-unit));
	width: calc(119 * var(--vw-unit));
	height: calc(115 * var(--vw-unit));
}

.resonaplusGeneral01 .cmHeadingSub01 {
	text-box-trim: trim-both;
	text-box-edge: cap alphabetic;
}

@supports not (text-box-trim: trim-both) {
	.resonaplusGeneral01 .cmHeadingSub01::before {
		content: '';
		display: table;
		margin-bottom: -0.346em;
	}
	.resonaplusGeneral01 .cmHeadingSub01::after {
		content: '';
		display: table;
		margin-top: -0.37em;
	}
}

.resonaplusGeneral01 .cmHeadingMain01 {
	text-box-trim: trim-both;
	text-box-edge: cap alphabetic;
}

@supports not (text-box-trim: trim-both) {
	.resonaplusGeneral01 .cmHeadingMain01::before {
		content: '';
		display: table;
		margin-bottom: -0.28086em;
	}
	.resonaplusGeneral01 .cmHeadingMain01::after {
		content: '';
		display: table;
		margin-top: -0.3082em;
	}
}

.resonaplusGeneral01 .cmTitle01 {
	text-box-trim: trim-both;
	text-box-edge: cap alphabetic;
}

@supports not (text-box-trim: trim-both) {
	.resonaplusGeneral01 .cmTitle01::before {
		content: '';
		display: table;
		margin-bottom: -0.364em;
	}
	.resonaplusGeneral01 .cmTitle01::after {
		content: '';
		display: table;
		margin-top: -0.37em;
	}
}

.resonaplusGeneral01 .couponArea01 {
	overflow: hidden;
	position: relative;
	background: #fff;
}

.resonaplusGeneral01 .photoStrip02 {
	top: calc(40 * var(--vw-unit));
	left: calc(-157 * var(--vw-unit));
}

.resonaplusGeneral01 .photoStrip03 {
	top: calc(519 * var(--vw-unit));
	left: calc(-386 * var(--vw-unit));
}

.resonaplusGeneral01 .couponIntro01 {
	position: absolute;
	top: calc(246 * var(--vw-unit));
	left: calc(19 * var(--vw-unit));
	width: calc(353 * var(--vw-unit));
	text-align: center;
	color: var(--color-primary-main);
}

.resonaplusGeneral01 .couponCatch01 {
	font-size: min(calc(26 * var(--vw-unit)), 5.2rem);
	font-weight: bold;
	line-height: 1.4;
}

.resonaplusGeneral01 .couponCatchLine01 {
	display: flex;
	gap: calc(3 * var(--vw-unit));
	justify-content: center;
	align-items: center;
	white-space: nowrap;
}

.resonaplusGeneral01 .couponCatchLine01 > * {
	flex-shrink: 0;
}

.resonaplusGeneral01 .couponCatchBox01 {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	height: calc(38 * var(--vw-unit));
	padding: 0 calc(5 * var(--vw-unit));
	background: linear-gradient(21.283117642889593deg, #00947b 0%, #009866 26.329%, #05a36b 51.843%, #63bf73 88.088%);
	font-style: normal;
	line-height: 1;
	color: #fff;
	border-radius: calc(5.5 * var(--vw-unit));
}

.resonaplusGeneral01 .couponCatchLine02 {
	display: block;
	margin-top: calc(6 * var(--vw-unit));
}

.resonaplusGeneral01 .couponLead01 {
	margin-top: calc(5 * var(--vw-unit));
	font-size: min(calc(16 * var(--vw-unit)), 3.2rem);
	font-weight: bold;
	line-height: 1.7;
}

.resonaplusGeneral01 .couponPhone01 {
	position: absolute;
	top: calc(402.23 * var(--vw-unit));
	left: calc(75.89 * var(--vw-unit));
	transform: rotate(-9.27deg);
	width: calc(248 * var(--vw-unit));
	max-width: none;
	height: calc(267 * var(--vw-unit));
	object-fit: cover;
}

.resonaplusGeneral01 .couponMark01 {
	top: calc(180 * var(--vw-unit));
	left: calc(8 * var(--vw-unit));
	width: calc(53 * var(--vw-unit));
	height: calc(51 * var(--vw-unit));
}

.resonaplusGeneral01 .couponMark02 {
	top: calc(163 * var(--vw-unit));
	left: calc(312 * var(--vw-unit));
	width: calc(69 * var(--vw-unit));
	height: calc(67 * var(--vw-unit));
}

.resonaplusGeneral01 .couponMark03 {
	top: calc(378 * var(--vw-unit));
	left: calc(-24 * var(--vw-unit));
	width: calc(109 * var(--vw-unit));
	height: calc(105 * var(--vw-unit));
}

.resonaplusGeneral01 .couponMark04 {
	top: calc(463 * var(--vw-unit));
	left: calc(60 * var(--vw-unit));
	width: calc(53 * var(--vw-unit));
	height: calc(51 * var(--vw-unit));
}

.resonaplusGeneral01 .couponMark05 {
	top: calc(420 * var(--vw-unit));
	left: calc(320 * var(--vw-unit));
	width: calc(39 * var(--vw-unit));
	height: calc(38 * var(--vw-unit));
}

.resonaplusGeneral01 .couponInner01 {
	padding-top: calc(693 * var(--vw-unit));
	padding-bottom: calc(16 * var(--vw-unit));
}

.resonaplusGeneral01 .couponArea01 .brandText01 {
	margin-top: calc(54 * var(--vw-unit));
}

.resonaplusGeneral01 .couponBox01 {
	position: relative;
	width: calc(358 * var(--vw-unit));
	margin: 0 auto;
	padding: calc(41 * var(--vw-unit)) calc(10 * var(--vw-unit)) calc(34 * var(--vw-unit));
	background: var(--color-primary-main);
	text-align: center;
	color: #fff;
	border-radius: calc(8 * var(--vw-unit));
}

.resonaplusGeneral01 .couponBoxLead01 {
	display: block;
	position: relative;
	font-size: min(calc(26 * var(--vw-unit)), 5.2rem);
	font-weight: bold;
	line-height: 1.4;
	white-space: nowrap;
}

.resonaplusGeneral01 .couponBoxLeadWord01 {
	position: relative;
}

.resonaplusGeneral01 .couponBoxMark01 {
	position: absolute;
	top: calc(-13 * var(--vw-unit));
	right: calc(-8 * var(--vw-unit));
	font-size: min(calc(10 * var(--vw-unit)), 2rem);
	font-weight: 600;
	line-height: 1;
}

.resonaplusGeneral01 .couponBoxNum01 {
	display: flex;
	justify-content: center;
	align-items: baseline;
	margin-top: calc(19 * var(--vw-unit));
	font-weight: bold;
	line-height: 1;
	white-space: nowrap;
}

.resonaplusGeneral01 .couponBoxNum01 > span {
	display: block;
	line-height: 1;
}

.resonaplusGeneral01 .couponBoxNumber01 {
	position: relative;
	transform: translateY(calc(2.07 * var(--vw-unit)));
	font-family: var(--font-family-en);
	font-size: min(calc(60 * var(--vw-unit)), 12rem);
	font-weight: 600;
	letter-spacing: -0.06em;
}

.resonaplusGeneral01 .couponBoxUnit01 {
	position: relative;
	transform: translateY(calc(-0.99 * var(--vw-unit)));
	margin-left: calc(4 * var(--vw-unit));
	font-size: min(calc(45 * var(--vw-unit)), 9rem);
}

.resonaplusGeneral01 .couponBoxText01 {
	margin-left: calc(4 * var(--vw-unit));
	font-size: min(calc(28 * var(--vw-unit)), 5.6rem);
}

.resonaplusGeneral01 .campaignPeriod01 {
	position: relative;
	z-index: 2;
	margin-top: calc(35.2 * var(--vw-unit));
}

.resonaplusGeneral01 .campaignPeriodLabel01 {
	margin-bottom: calc(10 * var(--vw-unit));
	font-size: min(calc(12 * var(--vw-unit)), 2.4rem);
	font-weight: 600;
	line-height: 1.5;
}

.resonaplusGeneral01 .campaignPeriodDate01 {
	display: flex;
	justify-content: center;
	align-items: center;
	width: calc(319 * var(--vw-unit));
	height: calc(37 * var(--vw-unit));
	margin: 0 auto;
	background: var(--color-primary-pale-light);
	font-size: min(calc(16 * var(--vw-unit)), 3.2rem);
	font-weight: 600;
	line-height: 1.5;
	color: var(--color-primary-dark);
	border-radius: calc(5 * var(--vw-unit));
}

.resonaplusGeneral01 .campaignPeriodNumber01 {
	margin: 0;
	font-family: var(--font-family-en);
	font-size: min(calc(17.14 * var(--vw-unit)), 3.428rem);
	font-weight: 600;
	letter-spacing: -0.01em;
}

.resonaplusGeneral01 .campaignPeriodDay01 {
	font-size: min(calc(10.475 * var(--vw-unit)), 2.095rem);
}

.resonaplusGeneral01 .campaignPeriodSeparator01 {
	margin: 0 calc(3 * var(--vw-unit));
	font-size: min(calc(13.331 * var(--vw-unit)), 2.6662rem);
}

.resonaplusGeneral01 .couponCategory01 {
	position: relative;
	width: calc(339 * var(--vw-unit));
	min-height: calc(466 * var(--vw-unit));
	margin: calc(-19 * var(--vw-unit)) auto 0;
	padding: calc(43 * var(--vw-unit)) calc(21 * var(--vw-unit)) calc(16 * var(--vw-unit));
	background: #fff;
	color: var(--color-primary-black);
	border-radius: calc(4 * var(--vw-unit));
}

.resonaplusGeneral01 .couponCategoryList01 {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 0;
	list-style: none;
}

.resonaplusGeneral01 .couponCategoryList01 li {
	text-align: center;
	font-size: min(calc(12 * var(--vw-unit)), 2.4rem);
	font-weight: bold;
	line-height: 1.2;
}

.resonaplusGeneral01 .couponCategoryList01 img {
	display: block;
	width: auto;
	max-width: none;
	margin: 0 auto;
}

.resonaplusGeneral01 .couponCategoryIcon01 {
	display: flex;
	justify-content: center;
	align-items: center;
	height: calc(52 * var(--vw-unit));
}

.resonaplusGeneral01 .couponCategoryTravel01 img {
	transform: rotate(45deg);
}

.resonaplusGeneral01 .couponCategoryHealth01 img {
	transform: scaleX(-1);
}

.resonaplusGeneral01 .couponCategoryLabel01 {
	display: block;
	margin-top: calc(14 * var(--vw-unit));
}

.resonaplusGeneral01 .couponCategoryLabelNoWrap01 {
	white-space: nowrap;
}

.resonaplusGeneral01 .couponCategoryRow02 {
	margin-top: calc(21 * var(--vw-unit));
}

.resonaplusGeneral01 .couponCategoryRow02 .couponCategoryIcon01 {
	height: calc(76 * var(--vw-unit));
}

.resonaplusGeneral01 .couponCategoryRow02 .couponCategoryLabel01 {
	margin-top: calc(10 * var(--vw-unit));
}

.resonaplusGeneral01 .couponCategoryRow03 {
	margin-top: calc(31 * var(--vw-unit));
}

.resonaplusGeneral01 .couponCategoryRow03 .couponCategoryIcon01 {
	height: calc(48 * var(--vw-unit));
}

.resonaplusGeneral01 .couponCategoryRow03 .couponCategoryLabel01 {
	margin-top: calc(28 * var(--vw-unit));
}

.resonaplusGeneral01 .couponCategory01 .couponListNote01 {
	margin-top: calc(24 * var(--vw-unit));
}

.resonaplusGeneral01 .couponListNote01 {
	font-size: min(calc(12 * var(--vw-unit)), 2.4rem);
	font-weight: bold;
	line-height: 1.4;
	color: var(--color-primary-black);
}

.resonaplusGeneral01 .noteList01 {
	width: calc(335 * var(--vw-unit));
	margin: calc(26 * var(--vw-unit)) auto 0;
	padding: 0;
	text-align: left;
	font-size: min(calc(12 * var(--vw-unit)), 2.4rem);
	font-weight: 300;
	line-height: 1.6;
	list-style: none;
}

.resonaplusGeneral01 .couponBoxBtn01 {
	width: calc(333 * var(--vw-unit));
	margin: calc(22 * var(--vw-unit)) auto 0;
}

.resonaplusGeneral01 .couponBoxBtn01 .btnIconArrow02 {
	filter: brightness(0) invert(1);
}

.resonaplusGeneral01 .couponBoxLead01 {
	text-box-trim: trim-both;
	text-box-edge: cap alphabetic;
}

@supports not (text-box-trim: trim-both) {
	.resonaplusGeneral01 .couponBoxLead01::before {
		content: '';
		display: table;
		margin-bottom: -0.296em;
	}
	.resonaplusGeneral01 .couponBoxLead01::after {
		content: '';
		display: table;
		margin-top: -0.32em;
	}
}

.resonaplusGeneral01 .couponBoxNum01 > span {
	text-box-trim: trim-both;
	text-box-edge: cap alphabetic;
}

@supports not (text-box-trim: trim-both) {
	.resonaplusGeneral01 .couponBoxNum01 > span::before {
		content: '';
		display: table;
		margin-bottom: -0.096em;
	}
	.resonaplusGeneral01 .couponBoxNum01 > span::after {
		content: '';
		display: table;
		margin-top: -0.12em;
	}
}

.resonaplusGeneral01 .couponBoxNum01 > .couponBoxNumber01 {
	text-box-trim: trim-both;
	text-box-edge: cap alphabetic;
}

@supports not (text-box-trim: trim-both) {
	.resonaplusGeneral01 .couponBoxNum01 > .couponBoxNumber01::before {
		content: '';
		display: table;
		margin-bottom: -0.13086em;
	}
	.resonaplusGeneral01 .couponBoxNum01 > .couponBoxNumber01::after {
		content: '';
		display: table;
		margin-top: -0.1582em;
	}
}

.resonaplusGeneral01 .campaignPeriodLabel01 {
	text-box-trim: trim-both;
	text-box-edge: cap alphabetic;
}

@supports not (text-box-trim: trim-both) {
	.resonaplusGeneral01 .campaignPeriodLabel01::before {
		content: '';
		display: table;
		margin-bottom: -0.346em;
	}
	.resonaplusGeneral01 .campaignPeriodLabel01::after {
		content: '';
		display: table;
		margin-top: -0.37em;
	}
}

.resonaplusGeneral01 .noteList01 > li:first-child {
	text-box-trim: trim-start;
	text-box-edge: cap alphabetic;
}

@supports not (text-box-trim: trim-both) {
	.resonaplusGeneral01 .noteList01 > li:first-child::before {
		content: '';
		display: table;
		margin-bottom: -0.414em;
	}
}

.resonaplusGeneral01 .noteList01 > li:last-child {
	text-box-trim: trim-end;
	text-box-edge: cap alphabetic;
}

@supports not (text-box-trim: trim-both) {
	.resonaplusGeneral01 .noteList01 > li:last-child::after {
		content: '';
		display: table;
		margin-top: -0.42em;
	}
}

@supports not (text-box-trim: trim-both) {
	.resonaplusGeneral01 .couponBoxNum01 > span {
		align-self: flex-end;
	}
	@media screen and (min-width: 768px) {
		.resonaplusGeneral01 .couponBoxHead01 > .couponBoxLead01 {
			align-self: flex-end;
		}
	}
}

.resonaplusGeneral01 .ctaArea01 {
	overflow: hidden;
	position: relative;
	background: linear-gradient(79.76149962935496deg, #00947b 0%, #009866 26.329%, #05a36b 51.843%, #63bf73 88.088%);
	color: #fff;
}

.resonaplusGeneral01 .ctaMark01 {
	top: calc(-51 * var(--vw-unit));
	left: calc(199 * var(--vw-unit));
	width: calc(225 * var(--vw-unit));
	height: calc(221 * var(--vw-unit));
}

.resonaplusGeneral01 .ctaInner01 {
	padding: calc(61 * var(--vw-unit)) 0 calc(16 * var(--vw-unit));
}

.resonaplusGeneral01 .ctaHeading01 {
	position: relative;
	text-align: center;
	font-size: min(calc(24 * var(--vw-unit)), 4.8rem);
	font-weight: bold;
	line-height: 1.4;
}

.resonaplusGeneral01 .ctaBox01 {
	position: relative;
	width: calc(358 * var(--vw-unit));
	margin: calc(20 * var(--vw-unit)) auto 0;
	padding-bottom: calc(39.5 * var(--vw-unit));
	background: #fff;
	color: var(--color-primary-black);
	border-radius: calc(8 * var(--vw-unit));
}

.resonaplusGeneral01 .ctaBoxTitle01 {
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: calc(77 * var(--vw-unit));
	padding-top: calc(10 * var(--vw-unit));
	background: var(--color-primary-dark);
	text-align: center;
	font-size: min(calc(18 * var(--vw-unit)), 3.6rem);
	font-weight: 600;
	line-height: 1.4;
	color: #fff;
	border-radius: calc(8 * var(--vw-unit)) calc(8 * var(--vw-unit)) 0 0;
}

.resonaplusGeneral01 .ctaButtons01 {
	width: calc(333 * var(--vw-unit));
	margin: calc(22 * var(--vw-unit)) auto 0;
}

.resonaplusGeneral01 .ctaButtons01 .btnLabelList01 > li + li {
	margin-top: calc(26 * var(--vw-unit));
}

.resonaplusGeneral01 .ctaButtons01 .btnLabel01 {
	margin-bottom: calc(12 * var(--vw-unit));
}

.resonaplusGeneral01 .ctaButtons01 .btnLabel02 {
	margin-bottom: calc(10 * var(--vw-unit));
}

.resonaplusGeneral01 .ctaButtons01 .btnIconExternal02 {
	right: calc(23.5 * var(--vw-unit));
}

.resonaplusGeneral01 .ctaLinkWrap01 {
	width: calc(310 * var(--vw-unit));
	margin: calc(32 * var(--vw-unit)) auto 0;
	font-size: 1.2rem;
	font-weight: 300;
	line-height: 1.5;
}

.resonaplusGeneral01 .ctaLink01 {
	color: var(--color-primary-black);
	text-decoration: underline;
}

.resonaplusGeneral01 .ctaLink01:link,
.resonaplusGeneral01 .ctaLink01:visited,
.resonaplusGeneral01 .ctaLink01:hover {
	color: var(--color-primary-black);
	text-decoration: underline;
}

.resonaplusGeneral01 .ctaLinkIcon01 {
	display: inline-block;
	width: calc(9 * var(--vw-unit));
	height: calc(9 * var(--vw-unit));
	margin-left: calc(4 * var(--vw-unit));
	vertical-align: middle;
}

.resonaplusGeneral01 .brandText02 {
	opacity: 0.5;
	left: calc(-1031 * var(--vw-unit));
	margin-top: calc(56 * var(--vw-unit));
	background: none;
	font-size: min(calc(72 * var(--vw-unit)), 14.4rem);
	color: #fff;
}

.resonaplusGeneral01 .kvArea01 {
	overflow: hidden;
	position: relative;
	background-image: url("/kojin/resonaplus/landing/images/general/index_kv_bg_sp.png");
	background-repeat: no-repeat;
	background-position: 60.13363% 8.013356%;
	background-size: 445.384615% 183.542538%;
}

.resonaplusGeneral01 .kvArea01 img {
	max-width: none;
}

.resonaplusGeneral01 .kvInner01 {
	aspect-ratio: 390/717;
}

.resonaplusGeneral01 .kvMark01 {
	position: absolute;
	top: calc(-23 * var(--vw-unit));
	left: calc(133 * var(--vw-unit));
	width: calc(302 * var(--vw-unit));
	height: calc(298 * var(--vw-unit));
}

.resonaplusGeneral01 .kvStart01 {
	position: absolute;
	top: calc(14 * var(--vw-unit));
	left: calc(7.374 * var(--vw-unit));
	width: calc(85.127 * var(--vw-unit));
	height: calc(57.353 * var(--vw-unit));
}

.resonaplusGeneral01 .kvTitle01 {
	position: absolute;
	top: calc(59 * var(--vw-unit));
	left: calc(27 * var(--vw-unit));
	width: calc(273 * var(--vw-unit));
	height: calc(88 * var(--vw-unit));
	margin: 0;
}

.resonaplusGeneral01 .kvTitle01 img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.resonaplusGeneral01 .kvLeadSp01 {
	overflow: hidden;
	position: absolute;
	top: calc(153 * var(--vw-unit));
	left: calc(30 * var(--vw-unit));
	width: calc(310 * var(--vw-unit));
	height: calc(172 * var(--vw-unit));
	margin: 0;
}

.resonaplusGeneral01 .kvLeadSp01 img {
	position: absolute;
	top: -55.81%;
	left: 0;
	width: 100.01%;
	height: 155.81%;
}

.resonaplusGeneral01 .kvPhotos01 {
	position: absolute;
	inset: 0;
}

.resonaplusGeneral01 .kvPhotoSub01 {
	position: absolute;
	top: calc(360 * var(--vw-unit));
	left: calc(80 * var(--vw-unit));
	width: calc(369 * var(--vw-unit));
	height: calc(381 * var(--vw-unit));
	object-fit: cover;
}

.resonaplusGeneral01 .kvPhotoMain01 {
	position: absolute;
	top: calc(321 * var(--vw-unit));
	left: calc(-64 * var(--vw-unit));
	width: calc(295 * var(--vw-unit));
	height: calc(420 * var(--vw-unit));
	object-fit: cover;
}

.resonaplusGeneral01 .kvLead01 {
	position: absolute;
	top: calc(305 * var(--vw-unit));
	left: calc(97 * var(--vw-unit));
	width: calc(438.99 * var(--vw-unit));
	height: auto;
}

.resonaplusGeneral01 .kvShade01 {
	opacity: 0.58;
	position: absolute;
	top: calc(605 * var(--vw-unit));
	left: 0;
	width: 100%;
	height: calc(111 * var(--vw-unit));
	background: linear-gradient(to bottom, rgba(12,162,108,0), #005a3a);
	mix-blend-mode: multiply;
}

.resonaplusGeneral01 .kvLogo01 {
	position: absolute;
	top: calc(551.451 * var(--vw-unit));
	left: calc(250.226 * var(--vw-unit));
	width: calc(125.247 * var(--vw-unit));
	height: calc(127.513 * var(--vw-unit));
}

.resonaplusGeneral01 .stepArea01 {
	overflow: hidden;
	position: relative;
	background: linear-gradient(86.87213338787492deg, #00947b 0%, #009866 26.329%, #05a36b 51.843%, #63bf73 88.088%);
	color: #fff;
}

.resonaplusGeneral01 .stepInner01 {
	padding-top: calc(70 * var(--vw-unit));
	padding-bottom: calc(68 * var(--vw-unit));
}

.resonaplusGeneral01 .stepMark01 {
	top: calc(20 * var(--vw-unit));
	left: calc(-54 * var(--vw-unit));
	width: calc(222 * var(--vw-unit));
	height: calc(214 * var(--vw-unit));
}

.resonaplusGeneral01 .stepHeading01 {
	position: relative;
	text-align: center;
}

.resonaplusGeneral01 .stepHeadingSub01 {
	font-size: min(calc(20 * var(--vw-unit)), 4rem);
	font-weight: bold;
	line-height: 1.5;
	letter-spacing: 0.05em;
}

.resonaplusGeneral01 .stepHeadingMain01 {
	margin-top: calc(20 * var(--vw-unit));
	font-size: min(calc(36 * var(--vw-unit)), 7.2rem);
	font-weight: bold;
	line-height: 1.3;
	letter-spacing: 0.05em;
}

.resonaplusGeneral01 .stepList01 {
	position: relative;
	z-index: 2;
	width: calc(358 * var(--vw-unit));
	margin: calc(43 * var(--vw-unit)) auto 0;
	list-style: none;
}

.resonaplusGeneral01 .stepList01 > li + li {
	margin-top: calc(16 * var(--vw-unit));
}

.resonaplusGeneral01 .stepList01 > li:first-child {
	padding-top: calc(21 * var(--vw-unit));
	padding-bottom: calc(46 * var(--vw-unit));
}

.resonaplusGeneral01 .generalStepCard01 {
	display: grid;
	position: relative;
	grid-template-areas: 'label' 'title' 'media' 'text' 'note';
	padding: calc(19 * var(--vw-unit)) calc(24 * var(--vw-unit)) calc(46 * var(--vw-unit));
	background: url("/kojin/resonaplus/landing/images/general/index_bg_18.svg") no-repeat center/100% 100%;
	text-align: center;
	color: var(--color-primary-black);
}

.resonaplusGeneral01 .stepList01 > .stepCard02 {
	margin-top: calc(16 * var(--vw-unit));
	padding: calc(24 * var(--vw-unit)) calc(24 * var(--vw-unit)) calc(27 * var(--vw-unit));
	background: #fff;
	border-radius: calc(8 * var(--vw-unit));
}

.resonaplusGeneral01 .stepBody01 {
	display: contents;
}

.resonaplusGeneral01 .stepLabel01 {
	display: flex;
	grid-area: label;
	gap: calc(7 * var(--vw-unit));
	justify-content: center;
	align-items: center;
	width: fit-content;
	min-height: calc(32 * var(--vw-unit));
	margin: 0 auto;
	padding: 0 calc(26 * var(--vw-unit));
	background: #008564;
	font-family: var(--font-family-en);
	font-weight: 500;
	line-height: 1;
	color: #fff;
	border-radius: calc(50 * var(--vw-unit));
}

.resonaplusGeneral01 .stepLabelText01 {
	font-size: min(calc(18.5 * var(--vw-unit)), 3.7rem);
	letter-spacing: 0.05em;
}

.resonaplusGeneral01 .stepLabelNumber01 {
	font-size: min(calc(26.5 * var(--vw-unit)), 5.3rem);
}

.resonaplusGeneral01 .stepTitle01 {
	grid-area: title;
	margin-top: calc(15 * var(--vw-unit));
	font-size: min(calc(20 * var(--vw-unit)), 4rem);
	font-weight: bold;
	line-height: 1.4;
	color: var(--color-primary-dark);
}

.resonaplusGeneral01 .stepTitle02 {
	margin-top: calc(18 * var(--vw-unit));
	font-size: min(calc(22 * var(--vw-unit)), 4.4rem);
	letter-spacing: 0.05em;
}

.resonaplusGeneral01 .stepMedia01 {
	position: relative;
	grid-area: media;
	width: calc(310 * var(--vw-unit));
	margin: calc(22 * var(--vw-unit)) auto 0;
	background: var(--color-primary-main);
	border-radius: calc(4 * var(--vw-unit));
}

.resonaplusGeneral01 .stepMedia01 img {
	display: block;
	width: 100%;
	height: auto;
}

.resonaplusGeneral01 .stepText01 {
	grid-area: text;
	margin-top: calc(22 * var(--vw-unit));
	text-align: left;
	font-size: min(calc(14 * var(--vw-unit)), 2.8rem);
	line-height: 1.7;
}

.resonaplusGeneral01 .stepNote01 {
	opacity: 0.5;
	grid-area: note;
	margin-top: calc(16 * var(--vw-unit));
	text-align: left;
	font-size: min(calc(12 * var(--vw-unit)), 2.4rem);
	line-height: 1.7;
	text-box-trim: trim-both;
	text-box-edge: cap alphabetic;
}

@supports not (text-box-trim: trim-both) {
	.resonaplusGeneral01 .stepNote01::before {
		content: '';
		display: table;
		margin-bottom: -0.464em;
	}
	.resonaplusGeneral01 .stepNote01::after {
		content: '';
		display: table;
		margin-top: -0.47em;
	}
}

.resonaplusGeneral01 .stepButtons01 {
	position: relative;
	z-index: 2;
	width: calc(358 * var(--vw-unit));
	margin: calc(37 * var(--vw-unit)) auto 0;
}

.resonaplusGeneral01 .stepCampaign01 {
	position: relative;
	z-index: 2;
	width: calc(359 * var(--vw-unit));
	margin: calc(63 * var(--vw-unit)) auto 0;
}

.resonaplusGeneral01 .stepCampaignTitle01 {
	margin-bottom: calc(20 * var(--vw-unit));
	text-align: center;
	font-size: min(calc(20 * var(--vw-unit)), 4rem);
	font-weight: bold;
	line-height: 1.5;
	letter-spacing: 0.05em;
	text-box-trim: trim-both;
	text-box-edge: cap alphabetic;
}

@supports not (text-box-trim: trim-both) {
	.resonaplusGeneral01 .stepCampaignTitle01::before {
		content: '';
		display: table;
		margin-bottom: -0.346em;
	}
	.resonaplusGeneral01 .stepCampaignTitle01::after {
		content: '';
		display: table;
		margin-top: -0.37em;
	}
}

.resonaplusGeneral01 .stepDebut01 {
	display: block;
}

.resonaplusGeneral01 .stepDebut01 img {
	display: block;
	width: 100%;
	height: auto;
}

.resonaplusGeneral01 .stepDebut01:hover {
	opacity: 0.8;
}

.resonaplusGeneral01 .stepDebut01:hover > img {
	opacity: 1;
}

.resonaplusGeneral01 .stepMark02 {
	bottom: calc(393 * var(--vw-unit));
	left: calc(-14 * var(--vw-unit));
	z-index: 1;
	width: calc(91 * var(--vw-unit));
	height: calc(89 * var(--vw-unit));
}

.resonaplusGeneral01 .stepMark03 {
	bottom: calc(531 * var(--vw-unit));
	left: calc(258 * var(--vw-unit));
	z-index: 1;
	width: calc(150 * var(--vw-unit));
	height: calc(145 * var(--vw-unit));
}

.resonaplusGeneral01 .stepMark04 {
	bottom: calc(413 * var(--vw-unit));
	left: calc(331 * var(--vw-unit));
	z-index: 1;
	width: calc(49 * var(--vw-unit));
	height: calc(48 * var(--vw-unit));
}

.resonaplusGeneral01 .stepMark05 {
	z-index: 1;
}

.resonaplusGeneral01 .stepMark06 {
	z-index: 1;
}

.resonaplusGeneral01 .stepMark07 {
	z-index: 1;
}

.resonaplusGeneral01 .stepMark08 {
	z-index: 1;
}

.resonaplusGeneral01 .stepHeadingSub01 {
	text-box-trim: trim-both;
	text-box-edge: cap alphabetic;
}

@supports not (text-box-trim: trim-both) {
	.resonaplusGeneral01 .stepHeadingSub01::before {
		content: '';
		display: table;
		margin-bottom: -0.346em;
	}
	.resonaplusGeneral01 .stepHeadingSub01::after {
		content: '';
		display: table;
		margin-top: -0.37em;
	}
}

.resonaplusGeneral01 .stepHeadingMain01 {
	text-box-trim: trim-both;
	text-box-edge: cap alphabetic;
}

@supports not (text-box-trim: trim-both) {
	.resonaplusGeneral01 .stepHeadingMain01::before {
		content: '';
		display: table;
		margin-bottom: -0.246em;
	}
	.resonaplusGeneral01 .stepHeadingMain01::after {
		content: '';
		display: table;
		margin-top: -0.27em;
	}
}

.resonaplusGeneral01 .stepTitle01 {
	text-box-trim: trim-both;
	text-box-edge: cap alphabetic;
}

@supports not (text-box-trim: trim-both) {
	.resonaplusGeneral01 .stepTitle01::before {
		content: '';
		display: table;
		margin-bottom: -0.296em;
	}
	.resonaplusGeneral01 .stepTitle01::after {
		content: '';
		display: table;
		margin-top: -0.32em;
	}
}

.resonaplusGeneral01 .stepText01 {
	text-box-trim: trim-both;
	text-box-edge: cap alphabetic;
}

@supports not (text-box-trim: trim-both) {
	.resonaplusGeneral01 .stepText01::before {
		content: '';
		display: table;
		margin-bottom: -0.464em;
	}
	.resonaplusGeneral01 .stepText01::after {
		content: '';
		display: table;
		margin-top: -0.47em;
	}
}

.resonaplusGeneral01 .stepLabelText01,
.resonaplusGeneral01 .stepLabelNumber01 {
	text-box-trim: trim-both;
	text-box-edge: cap alphabetic;
}

@supports not (text-box-trim: trim-both) {
	.resonaplusGeneral01 .stepLabelText01::before,
	.resonaplusGeneral01 .stepLabelNumber01::before {
		content: '';
		display: table;
		margin-bottom: -0.13086em;
	}
	.resonaplusGeneral01 .stepLabelText01::after,
	.resonaplusGeneral01 .stepLabelNumber01::after {
		content: '';
		display: table;
		margin-top: -0.1582em;
	}
}

@media screen and (max-width: 767px) {
	:root {
		--vw-unit: 0.256410256410256vw;
	}
	body {
		font-size: 16Px;
		line-height: 1.5625;
	}
	.desktopVisibility01 {
		display: none !important;
	}
	.resonaplusGeneral01 {
		font-size: min(calc(16 * var(--vw-unit)), 3.2rem);
		line-height: 1.5625;
	}
	.resonaplusGeneral01 .accountModal01 {
		transform: none;
		width: 318px;
	}
	.resonaplusGeneral01 .accountModalPanel01 {
		flex-direction: column;
		gap: 4px;
		min-height: 340px;
		padding: 39px 24px;
	}
	.resonaplusGeneral01 .accountModalBubble01 {
		width: 224px;
		height: 70px;
		padding: 0 0 10px;
		background-image: url("/kojin/resonaplus/landing/images/general/general_modal_bubble_sp.svg");
	}
	.resonaplusGeneral01 .accountModalBubble01 h2 {
		font-size: 1.6rem;
	}
	.resonaplusGeneral01 .accountModalQr01 {
		width: 188px;
	}
	.resonaplusGeneral01 .accountModalClose01 {
		margin-top: 21px;
	}
	.resonaplusGeneral01 .stepList01 > li:first-child .stepMedia01 {
		margin-top: calc(24 * var(--vw-unit));
	}
}

@media screen and (max-height: 440px) {
	.resonaplusGeneral01 .accountModal01 {
		transform: none;
	}
}

@media screen and (min-width: 768px) {
	.mobileVisibility01 {
		display: none !important;
	}
	.resonaplusGeneral01 .bankLinks01 {
		padding: 12px 0;
		font-size: 1.1rem;
	}
	.resonaplusGeneral01 .bankLinks01 .inrFooterLinkTop {
		width: 750px;
	}
	.resonaplusGeneral01 .bankLinks01 .inrFooterLinkTop li:first-child {
		padding: 7px;
	}
	.resonaplusGeneral01 .bankLinks01 .inrFooterLinkTop a {
		padding: 7px 10px;
	}
	.resonaplusGeneral01 .bankLinks01 .inrFooterLinkTop img {
		height: 24px;
	}
	.resonaplusGeneral01 .brandText01 {
		left: calc(-1100 * var(--vw-unit));
		margin-top: calc(80 * var(--vw-unit));
		font-size: min(calc(80 * var(--vw-unit)), 16rem);
	}
	.resonaplusGeneral01 .btnBlack01 {
		font-size: min(calc(18 * var(--vw-unit)), 3.6rem);
	}
	.resonaplusGeneral01 .btnIconArrow01 {
		right: calc(26.5 * var(--vw-unit));
		width: calc(6.63 * var(--vw-unit));
	}
	.resonaplusGeneral01 .btnLabelList01 {
		display: flex;
		gap: calc(24 * var(--vw-unit));
		justify-content: center;
	}
	.resonaplusGeneral01 .btnLabelList01 > li {
		flex: 0 0 calc(368 * var(--vw-unit));
	}
	.resonaplusGeneral01 .btnLabelList01 > li + li {
		margin-top: 0;
	}
	.resonaplusGeneral01 .btnLabel01 {
		margin-bottom: calc(18 * var(--vw-unit));
	}
	.resonaplusGeneral01 .btnLabel02 {
		margin-bottom: calc(17 * var(--vw-unit));
	}
	.resonaplusGeneral01 .btnLabelText01 {
		padding-bottom: calc(11 * var(--vw-unit));
		font-size: min(calc(20 * var(--vw-unit)), 4rem);
	}
	.resonaplusGeneral01 .btnLabel02 .btnLabelText01 {
		padding-bottom: calc(11 * var(--vw-unit));
	}
	.resonaplusGeneral01 .btnLabel02.btnLabel03 .btnLabelText01 {
		padding-bottom: calc(11 * var(--vw-unit));
		font-size: min(calc(20 * var(--vw-unit)), 4rem);
	}
	.resonaplusGeneral01 .btnLabel02.btnLabel03 .btnLabelText01::after {
		height: calc(5 * var(--vw-unit));
	}
	.resonaplusGeneral01 .carouselControl01 {
		gap: calc(32 * var(--vw-unit));
	}
	.resonaplusGeneral01 .carouselPrev01,
	.resonaplusGeneral01 .carouselNext01 {
		width: calc(44 * var(--vw-unit));
		height: calc(44 * var(--vw-unit));
	}
	.resonaplusGeneral01 .carouselDots01 {
		gap: calc(16 * var(--vw-unit));
	}
	.resonaplusGeneral01 .carouselDots01 li {
		width: calc(8 * var(--vw-unit));
		height: calc(8 * var(--vw-unit));
	}
	.resonaplusGeneral01 .photoStrip01 {
		--photo-strip-distance: calc(963 * var(--vw-unit));
		gap: calc(21 * var(--vw-unit));
	}
	.resonaplusGeneral01 .photoStrip01 li {
		width: calc(300 * var(--vw-unit));
		height: calc(201 * var(--vw-unit));
		border-radius: calc(6 * var(--vw-unit));
	}
	.resonaplusGeneral01 .photoStrip01 li:nth-child(3n + 2) img {
		top: -1%;
	}
	.resonaplusGeneral01 .photoStrip01 li:nth-child(3n) img {
		left: 0;
		width: 100%;
	}
	.resonaplusGeneral01 .photoStrip04 li:nth-child(3n + 2) img {
		top: -0.16%;
	}
	.resonaplusGeneral01 .sectionInner01 {
		max-width: calc(1200 * var(--vw-unit));
	}
	.resonaplusGeneral01 .appArea01 {
		height: calc(1088 * var(--vw-unit));
	}
	.resonaplusGeneral01 .photoStrip04 {
		--photo-strip-distance: calc(1432.53 * var(--vw-unit));
		top: calc(464 * var(--vw-unit));
		left: calc(-1457.53 * var(--vw-unit));
		gap: calc(31.24 * var(--vw-unit));
	}
	.resonaplusGeneral01 .photoStrip04 li {
		width: calc(446.27 * var(--vw-unit));
		height: calc(299 * var(--vw-unit));
		border-radius: calc(8.93 * var(--vw-unit));
	}
	.resonaplusGeneral01 .appHeading01 {
		top: calc(111.5 * var(--vw-unit));
	}
	.resonaplusGeneral01 .appHeadingSub01 {
		font-size: min(calc(24 * var(--vw-unit)), 4.8rem);
	}
	.resonaplusGeneral01 .appHeadingMain01 {
		margin-top: calc(4 * var(--vw-unit));
		font-size: min(calc(44 * var(--vw-unit)), 8.8rem);
	}
	.resonaplusGeneral01 .appBubble01 {
		top: calc(274 * var(--vw-unit));
		left: calc(449 * var(--vw-unit));
		width: calc(303 * var(--vw-unit));
		height: calc(64.5 * var(--vw-unit));
		background-image: url("/kojin/resonaplus/landing/images/general/index_bg_17.svg");
	}
	.resonaplusGeneral01 .appBubbleText01 {
		height: calc(53 * var(--vw-unit));
	}
	.resonaplusGeneral01 .appCarousel01 {
		top: calc(340 * var(--vw-unit));
		left: calc(468 * var(--vw-unit));
		width: calc(264.18 * var(--vw-unit));
	}
	.resonaplusGeneral01 .appCarousel01 .carouselControl01 {
		margin-top: calc(16 * var(--vw-unit));
	}
	.resonaplusGeneral01 .appNote01 {
		margin-top: calc(16 * var(--vw-unit));
	}
	.resonaplusGeneral01 .appMark01 {
		top: calc(395 * var(--vw-unit));
		left: calc(305 * var(--vw-unit));
		width: calc(80 * var(--vw-unit));
		height: calc(77 * var(--vw-unit));
	}
	.resonaplusGeneral01 .appMark02 {
		top: calc(346 * var(--vw-unit));
		left: calc(861 * var(--vw-unit));
		width: calc(49 * var(--vw-unit));
		height: calc(48 * var(--vw-unit));
	}
	.resonaplusGeneral01 .appMark03 {
		top: calc(386 * var(--vw-unit));
		left: calc(747 * var(--vw-unit));
		width: calc(112 * var(--vw-unit));
		height: calc(110 * var(--vw-unit));
	}
	.resonaplusGeneral01 .appMark04 {
		top: calc(788 * var(--vw-unit));
		left: calc(253 * var(--vw-unit));
		width: calc(83 * var(--vw-unit));
		height: calc(78 * var(--vw-unit));
	}
	.resonaplusGeneral01 .appMark05 {
		top: calc(315 * var(--vw-unit));
		left: calc(128 * var(--vw-unit));
		width: calc(125 * var(--vw-unit));
		height: calc(123 * var(--vw-unit));
	}
	.resonaplusGeneral01 .appMark06 {
		top: calc(800 * var(--vw-unit));
		left: calc(918 * var(--vw-unit));
		width: calc(92 * var(--vw-unit));
		height: calc(86 * var(--vw-unit));
	}
	.resonaplusGeneral01 .appMark07 {
		top: calc(395 * var(--vw-unit));
		left: calc(47 * var(--vw-unit));
		width: calc(50 * var(--vw-unit));
		height: calc(48 * var(--vw-unit));
	}
	.resonaplusGeneral01 .appMark08 {
		top: calc(851 * var(--vw-unit));
		left: calc(178 * var(--vw-unit));
		width: calc(51 * var(--vw-unit));
		height: calc(48 * var(--vw-unit));
	}
	.resonaplusGeneral01 .appMark09 {
		top: calc(351 * var(--vw-unit));
		left: calc(1031 * var(--vw-unit));
		width: calc(75 * var(--vw-unit));
		height: calc(73 * var(--vw-unit));
	}
	.resonaplusGeneral01 .cmInner01 {
		padding: calc(120 * var(--vw-unit)) calc(98 * var(--vw-unit)) calc(194 * var(--vw-unit));
	}
	.resonaplusGeneral01 .cmHeadingSub01 {
		font-size: min(calc(24 * var(--vw-unit)), 4.8rem);
		font-weight: 600;
		letter-spacing: 0;
	}
	.resonaplusGeneral01 .cmHeadingMain01 {
		margin-top: calc(24 * var(--vw-unit));
		font-family: inherit;
		font-size: min(calc(44 * var(--vw-unit)), 8.8rem);
		font-weight: bold;
	}
	.resonaplusGeneral01 .cmList01 {
		display: grid;
		grid-template-columns: repeat(2, calc(490 * var(--vw-unit)));
		gap: calc(56.04 * var(--vw-unit)) calc(24 * var(--vw-unit));
		margin-top: calc(79.7 * var(--vw-unit));
	}
	.resonaplusGeneral01 .cmList01 > li + li {
		margin-top: 0;
	}
	.resonaplusGeneral01 .cmMedia01 {
		border-radius: calc(10.95 * var(--vw-unit));
	}
	.resonaplusGeneral01 .cmTitle01 {
		margin-top: calc(32.85 * var(--vw-unit));
		font-size: min(calc(18 * var(--vw-unit)), 3.6rem);
	}
	.resonaplusGeneral01 .cmNote01 {
		width: calc(994 * var(--vw-unit));
		margin-top: calc(64 * var(--vw-unit));
	}
	.resonaplusGeneral01 .cmMark01 {
		top: calc(110 * var(--vw-unit));
		left: calc(122 * var(--vw-unit));
		width: calc(140 * var(--vw-unit));
		height: calc(138 * var(--vw-unit));
	}
	.resonaplusGeneral01 .cmMark02 {
		top: calc(41 * var(--vw-unit));
		left: calc(282 * var(--vw-unit));
		width: calc(78 * var(--vw-unit));
		height: calc(78 * var(--vw-unit));
	}
	.resonaplusGeneral01 .cmMark03 {
		top: calc(124 * var(--vw-unit));
		left: calc(1060 * var(--vw-unit));
		width: calc(59 * var(--vw-unit));
		height: calc(59 * var(--vw-unit));
	}
	.resonaplusGeneral01 .cmMark04 {
		top: calc(29 * var(--vw-unit));
		left: calc(884 * var(--vw-unit));
		width: calc(124 * var(--vw-unit));
		height: calc(124 * var(--vw-unit));
	}
	.resonaplusGeneral01 .cmMark05 {
		top: calc(75 * var(--vw-unit));
		bottom: auto;
		left: calc(-4 * var(--vw-unit));
		width: calc(100 * var(--vw-unit));
		height: calc(99 * var(--vw-unit));
	}
	.resonaplusGeneral01 .cmMark06 {
		bottom: calc(-7 * var(--vw-unit));
		left: calc(27 * var(--vw-unit));
		width: calc(128 * var(--vw-unit));
		height: calc(127 * var(--vw-unit));
	}
	.resonaplusGeneral01 .cmMark07 {
		bottom: calc(70 * var(--vw-unit));
		left: calc(219 * var(--vw-unit));
		width: calc(76 * var(--vw-unit));
		height: calc(75 * var(--vw-unit));
	}
	.resonaplusGeneral01 .cmMark08 {
		bottom: calc(35 * var(--vw-unit));
		left: calc(1034 * var(--vw-unit));
		width: calc(170 * var(--vw-unit));
		height: calc(167 * var(--vw-unit));
	}
	.resonaplusGeneral01 .cmMark09 {
		bottom: calc(39 * var(--vw-unit));
		left: calc(959 * var(--vw-unit));
		width: calc(59 * var(--vw-unit));
		height: calc(59 * var(--vw-unit));
	}
	.resonaplusGeneral01 .cmMark10 {
		bottom: calc(12 * var(--vw-unit));
		left: calc(745 * var(--vw-unit));
		width: calc(94 * var(--vw-unit));
		height: calc(93 * var(--vw-unit));
	}
	.resonaplusGeneral01 .cmHeadingMain01 {
		text-box-trim: trim-both;
		text-box-edge: cap alphabetic;
	}
	@supports not (text-box-trim: trim-both) {
		.resonaplusGeneral01 .cmHeadingMain01::before {
			content: '';
			display: table;
			margin-bottom: -0.246em;
		}
		.resonaplusGeneral01 .cmHeadingMain01::after {
			content: '';
			display: table;
			margin-top: -0.27em;
		}
	}
	.resonaplusGeneral01 .photoStrip02 {
		top: calc(56 * var(--vw-unit));
		left: calc(-1526 * var(--vw-unit));
	}
	.resonaplusGeneral01 .photoStrip03 {
		top: calc(555 * var(--vw-unit));
		left: calc(-1945 * var(--vw-unit));
	}
	.resonaplusGeneral01 .couponIntro01 {
		top: calc(319 * var(--vw-unit));
		left: calc(251 * var(--vw-unit));
		width: calc(472 * var(--vw-unit));
	}
	.resonaplusGeneral01 .couponCatch01 {
		font-size: min(calc(34 * var(--vw-unit)), 6.8rem);
	}
	.resonaplusGeneral01 .couponCatchLine01 {
		gap: calc(7 * var(--vw-unit));
	}
	.resonaplusGeneral01 .couponCatchBox01 {
		height: calc(53 * var(--vw-unit));
		padding: 0 calc(13 * var(--vw-unit));
		background: linear-gradient(21.98493233552867deg, #00947b 0%, #009866 26.329%, #05a36b 51.843%, #63bf73 88.088%);
	}
	.resonaplusGeneral01 .couponCatchLine02 {
		margin-top: calc(5 * var(--vw-unit));
	}
	.resonaplusGeneral01 .couponLead01 {
		margin-top: calc(10 * var(--vw-unit));
		font-size: min(calc(20 * var(--vw-unit)), 4rem);
	}
	.resonaplusGeneral01 .couponPhone01 {
		top: calc(190.33 * var(--vw-unit));
		left: calc(659.95 * var(--vw-unit));
		width: calc(412.336 * var(--vw-unit));
		height: calc(442.469 * var(--vw-unit));
	}
	.resonaplusGeneral01 .couponMark01 {
		top: calc(289 * var(--vw-unit));
		left: calc(92 * var(--vw-unit));
		width: calc(52 * var(--vw-unit));
		height: calc(51 * var(--vw-unit));
	}
	.resonaplusGeneral01 .couponMark02 {
		top: calc(418 * var(--vw-unit));
		left: calc(1036 * var(--vw-unit));
		width: calc(108 * var(--vw-unit));
		height: calc(106 * var(--vw-unit));
	}
	.resonaplusGeneral01 .couponMark03 {
		top: calc(374 * var(--vw-unit));
		left: calc(24 * var(--vw-unit));
		width: calc(122 * var(--vw-unit));
		height: calc(120 * var(--vw-unit));
	}
	.resonaplusGeneral01 .couponMark04 {
		top: calc(344 * var(--vw-unit));
		left: calc(148 * var(--vw-unit));
		width: calc(64 * var(--vw-unit));
		height: calc(63 * var(--vw-unit));
	}
	.resonaplusGeneral01 .couponMark05 {
		top: calc(386 * var(--vw-unit));
		left: calc(996 * var(--vw-unit));
		width: calc(52 * var(--vw-unit));
		height: calc(51 * var(--vw-unit));
	}
	.resonaplusGeneral01 .couponMark06 {
		top: calc(306 * var(--vw-unit));
		left: calc(1085 * var(--vw-unit));
		width: calc(69 * var(--vw-unit));
		height: calc(67 * var(--vw-unit));
	}
	.resonaplusGeneral01 .couponInner01 {
		padding-top: calc(836 * var(--vw-unit));
		padding-bottom: calc(26 * var(--vw-unit));
	}
	.resonaplusGeneral01 .couponArea01 .brandText01 {
		margin-top: calc(69 * var(--vw-unit));
	}
	.resonaplusGeneral01 .couponBox01 {
		width: calc(1004 * var(--vw-unit));
		padding: calc(58.16 * var(--vw-unit)) calc(98 * var(--vw-unit)) calc(64 * var(--vw-unit));
		border-radius: calc(8 * var(--vw-unit));
	}
	.resonaplusGeneral01 .couponBoxHead01 {
		display: flex;
		justify-content: center;
		align-items: baseline;
		white-space: nowrap;
	}
	.resonaplusGeneral01 .couponBoxLead01 {
		font-size: min(calc(40 * var(--vw-unit)), 8rem);
	}
	.resonaplusGeneral01 .couponBoxLeadWord01 {
		margin-right: calc(12 * var(--vw-unit));
	}
	.resonaplusGeneral01 .couponBoxMark01 {
		top: calc(-7.75 * var(--vw-unit));
		right: calc(-15 * var(--vw-unit));
	}
	.resonaplusGeneral01 .couponBoxNum01 {
		margin-top: 0;
	}
	.resonaplusGeneral01 .couponBoxNumber01 {
		transform: translateY(calc(3.1 * var(--vw-unit)));
		font-size: min(calc(71.9 * var(--vw-unit)), 14.38rem);
	}
	.resonaplusGeneral01 .couponBoxUnit01 {
		transform: translateY(calc(-0.93 * var(--vw-unit)));
		margin-left: calc(2 * var(--vw-unit));
		font-size: min(calc(58.4 * var(--vw-unit)), 11.68rem);
	}
	.resonaplusGeneral01 .couponBoxText01 {
		margin-left: calc(6 * var(--vw-unit));
		font-size: min(calc(40 * var(--vw-unit)), 8rem);
	}
	.resonaplusGeneral01 .campaignPeriod01 {
		margin-top: calc(32.7 * var(--vw-unit));
	}
	.resonaplusGeneral01 .campaignPeriodLabel01 {
		margin-bottom: calc(11 * var(--vw-unit));
		font-size: min(calc(16 * var(--vw-unit)), 3.2rem);
		font-weight: 600;
		line-height: 1.5;
	}
	.resonaplusGeneral01 .campaignPeriodDate01 {
		width: calc(605 * var(--vw-unit));
		height: calc(50 * var(--vw-unit));
		background: var(--color-primary-pale-light);
		font-size: min(calc(22 * var(--vw-unit)), 4.4rem);
		color: var(--color-primary-dark);
		border-radius: calc(7 * var(--vw-unit));
	}
	.resonaplusGeneral01 .campaignPeriodNumber01 {
		margin: 0;
		font-size: min(calc(32.43 * var(--vw-unit)), 6.486rem);
		letter-spacing: normal;
	}
	.resonaplusGeneral01 .campaignPeriodDay01 {
		font-size: min(calc(21.622 * var(--vw-unit)), 4.3244rem);
	}
	.resonaplusGeneral01 .campaignPeriodSeparator01 {
		margin: 0 calc(2.5 * var(--vw-unit));
		font-size: min(calc(21.622 * var(--vw-unit)), 4.3244rem);
	}
	.resonaplusGeneral01 .couponCategory01 {
		width: calc(808 * var(--vw-unit));
		min-height: 0;
		margin-top: calc(-26 * var(--vw-unit));
		padding: calc(58 * var(--vw-unit)) calc(75 * var(--vw-unit)) calc(18 * var(--vw-unit));
		border-radius: calc(4 * var(--vw-unit));
	}
	.resonaplusGeneral01 .couponCategoryList01 {
		display: flex;
		flex-wrap: wrap;
		gap: calc(10 * var(--vw-unit)) calc(46 * var(--vw-unit));
		justify-content: center;
	}
	.resonaplusGeneral01 .couponCategoryList01 li {
		display: flex;
		flex: 0 0 calc(84 * var(--vw-unit));
		flex-direction: column;
		align-items: center;
		min-width: 0;
		font-size: min(calc(12 * var(--vw-unit)), 2.4rem);
	}
	.resonaplusGeneral01 .couponCategoryList01 li:nth-child(1) img {
		width: calc(60.3936 * var(--vw-unit));
		height: calc(47.4902 * var(--vw-unit));
	}
	.resonaplusGeneral01 .couponCategoryList01 li:nth-child(2) img {
		width: calc(44.3352 * var(--vw-unit));
		height: calc(49.0615 * var(--vw-unit));
	}
	.resonaplusGeneral01 .couponCategoryList01 li:nth-child(3) img {
		width: calc(51 * var(--vw-unit));
		height: calc(50.8418 * var(--vw-unit));
	}
	.resonaplusGeneral01 .couponCategoryList01 li:nth-child(4) img {
		width: calc(55.6041 * var(--vw-unit));
		height: calc(54.2432 * var(--vw-unit));
	}
	.resonaplusGeneral01 .couponCategoryList01 li:nth-child(5) img {
		width: calc(57.1713 * var(--vw-unit));
		height: calc(60.9499 * var(--vw-unit));
	}
	.resonaplusGeneral01 .couponCategoryList01 li:nth-child(6) img {
		width: calc(49.3604 * var(--vw-unit));
		height: calc(53.8338 * var(--vw-unit));
	}
	.resonaplusGeneral01 .couponCategoryList01 li:nth-child(7) img {
		width: calc(57 * var(--vw-unit));
		height: calc(39.6271 * var(--vw-unit));
	}
	.resonaplusGeneral01 .couponCategoryList01 li:nth-child(8) img {
		width: calc(50.9812 * var(--vw-unit));
		height: calc(44.3447 * var(--vw-unit));
	}
	.resonaplusGeneral01 .couponCategoryList01 li:nth-child(9) img {
		width: calc(47 * var(--vw-unit));
		height: calc(37.7401 * var(--vw-unit));
	}
	.resonaplusGeneral01 .couponCategoryIcon01 {
		height: calc(58 * var(--vw-unit));
	}
	.resonaplusGeneral01 .couponCategoryLabel01 {
		margin-top: calc(14 * var(--vw-unit));
	}
	.resonaplusGeneral01 .couponCategoryLabelNoWrapPc01 {
		white-space: nowrap;
	}
	.resonaplusGeneral01 .couponCategoryBreakSp01 {
		display: none;
	}
	.resonaplusGeneral01 .couponCategoryRow02 {
		margin-top: 0;
	}
	.resonaplusGeneral01 .couponCategoryRow02 .couponCategoryIcon01 {
		height: calc(58 * var(--vw-unit));
	}
	.resonaplusGeneral01 .couponCategoryRow02 .couponCategoryLabel01 {
		margin-top: calc(14 * var(--vw-unit));
	}
	.resonaplusGeneral01 .couponCategoryRow03 {
		margin-top: 0;
	}
	.resonaplusGeneral01 .couponCategoryRow03 .couponCategoryIcon01 {
		height: calc(58 * var(--vw-unit));
	}
	.resonaplusGeneral01 .couponCategoryRow03 .couponCategoryLabel01 {
		margin-top: calc(14 * var(--vw-unit));
	}
	.resonaplusGeneral01 .couponCategory01 .couponListNote01 {
		margin-top: calc(24 * var(--vw-unit));
		text-align: center;
	}
	.resonaplusGeneral01 .couponListNote01 {
		margin-top: calc(26 * var(--vw-unit));
		font-size: min(calc(12 * var(--vw-unit)), 2.4rem);
	}
	.resonaplusGeneral01 .noteList01 {
		width: calc(808 * var(--vw-unit));
		margin: calc(24 * var(--vw-unit)) auto 0;
		padding: 0;
		font-size: min(calc(12 * var(--vw-unit)), 2.4rem);
		line-height: 1.6;
	}
	.resonaplusGeneral01 .couponBoxBtn01 {
		width: calc(368 * var(--vw-unit));
		margin-top: calc(56 * var(--vw-unit));
	}
	.resonaplusGeneral01 .couponBoxBtn01 .btnIconArrow02 {
		filter: none;
	}
	.resonaplusGeneral01 .couponCategoryLabel01 {
		text-box-trim: trim-both;
		text-box-edge: cap alphabetic;
	}
	@supports not (text-box-trim: trim-both) {
		.resonaplusGeneral01 .couponCategoryLabel01::before {
			content: '';
			display: table;
			margin-bottom: -0.196em;
		}
		.resonaplusGeneral01 .couponCategoryLabel01::after {
			content: '';
			display: table;
			margin-top: -0.22em;
		}
	}
	.resonaplusGeneral01 .couponCategory01 .couponListNote01 {
		text-box-trim: trim-both;
		text-box-edge: cap alphabetic;
	}
	@supports not (text-box-trim: trim-both) {
		.resonaplusGeneral01 .couponCategory01 .couponListNote01::before {
			content: '';
			display: table;
			margin-bottom: -0.296em;
		}
		.resonaplusGeneral01 .couponCategory01 .couponListNote01::after {
			content: '';
			display: table;
			margin-top: -0.32em;
		}
	}
	.resonaplusGeneral01 .ctaArea01 {
		background: linear-gradient(55.60106054478309deg, #00947b 0%, #009866 27.021%, #05a36b 53.207%, #63bf73 90.404%);
	}
	.resonaplusGeneral01 .ctaMark01 {
		top: calc(-31 * var(--vw-unit));
		left: calc(883 * var(--vw-unit));
		width: calc(285 * var(--vw-unit));
		height: calc(279 * var(--vw-unit));
	}
	.resonaplusGeneral01 .ctaInner01 {
		padding-top: calc(108.4 * var(--vw-unit));
		padding-bottom: calc(40 * var(--vw-unit));
	}
	.resonaplusGeneral01 .ctaHeading01 {
		font-size: min(calc(44 * var(--vw-unit)), 8.8rem);
		line-height: 1.3;
		letter-spacing: 0.05em;
	}
	.resonaplusGeneral01 .ctaBox01 {
		width: calc(1026 * var(--vw-unit));
		margin-top: calc(32.4 * var(--vw-unit));
		padding-bottom: calc(53.5 * var(--vw-unit));
	}
	.resonaplusGeneral01 .ctaBoxTitle01 {
		min-height: calc(99 * var(--vw-unit));
		padding-top: 0;
		font-size: min(calc(24 * var(--vw-unit)), 4.8rem);
		letter-spacing: 0.05em;
	}
	.resonaplusGeneral01 .ctaButtons01 {
		width: calc(760 * var(--vw-unit));
		margin-top: calc(49 * var(--vw-unit));
	}
	.resonaplusGeneral01 .ctaButtons01 .btnLabelList01 > li + li {
		margin-top: 0;
	}
	.resonaplusGeneral01 .ctaButtons01 .btnLabel01 {
		margin-bottom: calc(18 * var(--vw-unit));
	}
	.resonaplusGeneral01 .ctaButtons01 .btnLabel02 {
		margin-bottom: calc(17 * var(--vw-unit));
	}
	.resonaplusGeneral01 .ctaLinkWrap01 {
		width: 100%;
		margin-top: calc(36 * var(--vw-unit));
		text-align: center;
	}
	.resonaplusGeneral01 .ctaLinkIcon01 {
		margin-left: calc(5 * var(--vw-unit));
	}
	.resonaplusGeneral01 .brandText02 {
		left: calc(-1071 * var(--vw-unit));
		margin-top: calc(62 * var(--vw-unit));
		font-size: min(calc(80 * var(--vw-unit)), 16rem);
	}
	.resonaplusGeneral01 .kvArea01 {
		background-image: url("/kojin/resonaplus/landing/images/general/index_kv_bg.png");
		background-position: 78.44124% 31.30343%;
		background-size: 139.53098% 203.93121%;
	}
	.resonaplusGeneral01 .kvInner01 {
		aspect-ratio: 1200/622;
	}
	.resonaplusGeneral01 .kvMark01 {
		top: calc(-32 * var(--vw-unit));
		left: calc(-68 * var(--vw-unit));
		width: calc(525 * var(--vw-unit));
		height: calc(517 * var(--vw-unit));
	}
	.resonaplusGeneral01 .kvStart01 {
		top: calc(27 * var(--vw-unit));
		left: calc(50 * var(--vw-unit));
		width: calc(169 * var(--vw-unit));
		height: calc(111.032 * var(--vw-unit));
	}
	.resonaplusGeneral01 .kvTitle01 {
		top: calc(126 * var(--vw-unit));
		left: calc(93 * var(--vw-unit));
		width: calc(463 * var(--vw-unit));
		height: calc(146 * var(--vw-unit));
	}
	.resonaplusGeneral01 .kvPhotoSub01 {
		top: calc(106 * var(--vw-unit));
		left: calc(645 * var(--vw-unit));
		width: calc(535 * var(--vw-unit));
		height: calc(553 * var(--vw-unit));
	}
	.resonaplusGeneral01 .kvPhotoMain01 {
		top: calc(47 * var(--vw-unit));
		left: calc(434 * var(--vw-unit));
		width: calc(442 * var(--vw-unit));
		height: calc(628 * var(--vw-unit));
	}
	.resonaplusGeneral01 .kvLogo01 {
		top: calc(367 * var(--vw-unit));
		left: calc(908 * var(--vw-unit));
		width: calc(263 * var(--vw-unit));
		height: calc(231 * var(--vw-unit));
	}
	.resonaplusGeneral01 .stepArea01 {
		background: linear-gradient(78.68970460231621deg, #00947b 0%, #009866 26.329%, #05a36b 51.843%, #63bf73 88.088%);
	}
	.resonaplusGeneral01 .stepInner01 {
		padding-top: calc(120 * var(--vw-unit));
		padding-bottom: calc(120 * var(--vw-unit));
	}
	.resonaplusGeneral01 .stepMark01 {
		top: calc(-21 * var(--vw-unit));
		left: calc(-10 * var(--vw-unit));
		width: calc(368 * var(--vw-unit));
		height: calc(361.898 * var(--vw-unit));
	}
	.resonaplusGeneral01 .stepHeadingSub01 {
		font-size: min(calc(24 * var(--vw-unit)), 4.8rem);
	}
	.resonaplusGeneral01 .stepHeadingMain01 {
		margin-top: calc(24 * var(--vw-unit));
		font-size: min(calc(44 * var(--vw-unit)), 8.8rem);
	}
	.resonaplusGeneral01 .stepList01 {
		display: block;
		width: calc(1003 * var(--vw-unit));
		margin-top: calc(80 * var(--vw-unit));
	}
	.resonaplusGeneral01 .stepList01 > li + li {
		margin-top: calc(24 * var(--vw-unit));
	}
	.resonaplusGeneral01 .stepList01 > li:first-child {
		padding: calc(40 * var(--vw-unit)) calc(122 * var(--vw-unit)) calc(74 * var(--vw-unit));
	}
	.resonaplusGeneral01 .generalStepCard01 {
		display: grid;
		grid-template-columns: calc(392 * var(--vw-unit)) calc(294 * var(--vw-unit));
		grid-template-areas: 'body media';
		column-gap: calc(74 * var(--vw-unit));
		align-items: center;
		width: 100%;
		min-height: calc(304 * var(--vw-unit));
		padding: calc(40 * var(--vw-unit)) calc(122 * var(--vw-unit)) calc(84 * var(--vw-unit));
		background-image: url("/kojin/resonaplus/landing/images/general/index_bg_14.svg");
		text-align: left;
	}
	.resonaplusGeneral01 .stepList01 > .stepCard02 {
		min-height: calc(260 * var(--vw-unit));
		margin-top: calc(26 * var(--vw-unit));
		padding: calc(40 * var(--vw-unit)) calc(122 * var(--vw-unit));
		background: #fff;
	}
	.resonaplusGeneral01 .stepBody01 {
		display: block;
		grid-area: body;
	}
	.resonaplusGeneral01 .stepLabel01 {
		grid-area: label;
		justify-self: start;
		margin: 0;
	}
	.resonaplusGeneral01 .stepTitle01 {
		grid-area: title;
		margin: calc(24 * var(--vw-unit)) 0 0;
		font-size: min(calc(24 * var(--vw-unit)), 4.8rem);
		letter-spacing: 0.05em;
	}
	.resonaplusGeneral01 .stepTitle02 {
		margin-top: calc(24 * var(--vw-unit));
		font-size: min(calc(24 * var(--vw-unit)), 4.8rem);
	}
	.resonaplusGeneral01 .stepMedia01 {
		grid-area: media;
		width: calc(294 * var(--vw-unit));
		margin-top: 0;
		border-radius: calc(3 * var(--vw-unit));
	}
	.resonaplusGeneral01 .stepText01 {
		grid-area: text;
		margin-top: calc(24 * var(--vw-unit));
		font-size: min(calc(16 * var(--vw-unit)), 3.2rem);
	}
	.resonaplusGeneral01 .stepText02 {
		font-size: min(calc(14 * var(--vw-unit)), 2.8rem);
	}
	.resonaplusGeneral01 .stepNote01 {
		margin-top: calc(24 * var(--vw-unit));
	}
	.resonaplusGeneral01 .stepButtons01 {
		width: calc(760 * var(--vw-unit));
		margin-top: calc(80 * var(--vw-unit));
	}
	.resonaplusGeneral01 .stepButtons01 .btnLabel02 {
		margin-bottom: calc(18 * var(--vw-unit));
	}
	.resonaplusGeneral01 .stepCampaign01 {
		width: calc(560 * var(--vw-unit));
		margin-top: calc(120 * var(--vw-unit));
	}
	.resonaplusGeneral01 .stepCampaignTitle01 {
		margin-bottom: calc(26 * var(--vw-unit));
		font-size: min(calc(28 * var(--vw-unit)), 5.6rem);
	}
	.resonaplusGeneral01 .stepMark02 {
		bottom: calc(463 * var(--vw-unit));
		left: calc(57 * var(--vw-unit));
		width: calc(133 * var(--vw-unit));
		height: calc(129 * var(--vw-unit));
	}
	.resonaplusGeneral01 .stepMark03 {
		bottom: calc(644 * var(--vw-unit));
		left: calc(983 * var(--vw-unit));
		width: calc(175 * var(--vw-unit));
		height: calc(171 * var(--vw-unit));
	}
	.resonaplusGeneral01 .stepMark04 {
		bottom: calc(556 * var(--vw-unit));
		left: calc(1096 * var(--vw-unit));
		width: calc(72 * var(--vw-unit));
		height: calc(70 * var(--vw-unit));
	}
	.resonaplusGeneral01 .stepMark05 {
		bottom: calc(120 * var(--vw-unit));
		left: calc(15 * var(--vw-unit));
		width: calc(96 * var(--vw-unit));
		height: calc(93 * var(--vw-unit));
	}
	.resonaplusGeneral01 .stepMark06 {
		bottom: calc(-16 * var(--vw-unit));
		left: calc(111 * var(--vw-unit));
		width: calc(175 * var(--vw-unit));
		height: calc(171 * var(--vw-unit));
	}
	.resonaplusGeneral01 .stepMark07 {
		bottom: calc(130 * var(--vw-unit));
		left: calc(1037 * var(--vw-unit));
		width: calc(72 * var(--vw-unit));
		height: calc(70 * var(--vw-unit));
	}
	.resonaplusGeneral01 .stepMark08 {
		bottom: calc(18 * var(--vw-unit));
		left: calc(939 * var(--vw-unit));
		width: calc(100 * var(--vw-unit));
		height: calc(97 * var(--vw-unit));
	}
}

@media (prefers-reduced-motion: reduce) {
	html:focus-within {
		scroll-behavior: auto;
	}
	*,
	*::before,
	*::after {
		animation-duration: 0.01Ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01Ms !important;
		scroll-behavior: auto !important;
	}
	.resonaplusGeneral01 .scrollFade01.isWaiting {
		opacity: 1;
	}
}
