@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Yaldevi:wght@200..700&family=Zen+Kaku+Gothic+New:wght@300&family=Noto+Sans+JP:wght@400;700&family=Philosopher:wght@400;700&display=swap");
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

ul,
li {
	text-decoration: none;
	list-style: none;
}

a {
	text-decoration: none;
}

a,
img,
span {
	display: inline-block;
}

img {
	max-width: 100%;
	width: 100%;
	display: block;
	height: auto;
	vertical-align: top;
	box-sizing: border-box;
	object-fit: cover;
}

em {
	font-style: normal;
}

.sp-only {
	display: none;
}
@media (max-width: 768px) {
	.sp-only {
		display: block;
	}
}

.tab-only {
	display: none;
}
@media (min-width: 769px) and (max-width: 1280px) {
	.tab-only {
		display: block;
	}
}

.pc-only {
	display: block;
}
@media (max-width: 768px) {
	.pc-only {
		display: none;
	}
}

.spbtm-only {
	display: none;
}
@media (max-width: 350px) {
	.spbtm-only {
		display: block;
	}
}

:root {
	--white: #ffffff;
	--black: #000;
	--text: #1f1f20;
	--green: #189342;
	--orange: #fe9a61;
	--yellow: #ffe259;
	--iegaograd: linear-gradient(82deg, #ff641e 16.3%, #ffe259 110.42%);
	--iegaograd2: linear-gradient(270deg, #FFDF9A 0%, #FFBA7C 18.95%, #FE8751 100%);
	--iegaograd3: linear-gradient(1deg, #FFDF9A 1.1%, #FE8751 50.71%);
	--leading-trim: calc((1em - 1lh) / 2);
	--notosans: "Noto Sans JP", sans-serif;
	--mincho: "Hiragino Mincho ProN", "Yu Mincho", "游明朝体", "YuMincho",
		"MS Mincho", "Meiryo", serif;
	--gothic: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic",
		"游ゴシック体", "YuGothic", "Helvetica Neue", "Arial", "Meiryo", sans-serif;
	--philosopher: "Philosopher", sans-serif;
	--sourceserif: "Source Serif 4", serif;
	--zenkakugothic: "Zen Kaku Gothic New", sans-serif;
	--yaldevi: "Yaldevi", sans-serif;
}

.bold {
	font-weight: 700;
}

.fw400 {
	font-weight: 400;
}

.fw500 {
	font-weight: 500;
}

.fw600 {
	font-weight: 600;
}

.lh130 {
	line-height: 130%;
}

.lh170 {
	line-height: 170%;
}

html {
	font-size: min(0.6944444444vw, 10px);
}
@media screen and (max-width: 1440px) and (min-width: 769px) {
	html {
		font-size: 0.6944444444vw;
	}
}
@media screen and (max-width: 768px) {
	html {
		font-size: 2.2727272727vw;
	}
}

body {
	font-weight: 400;
	line-height: normal;
	letter-spacing: normal;
	font-family: "Noto Sans JP", sans-serif;
	color: var(--text);
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	position: relative;
	z-index: 1;
}

button {
	cursor: pointer;
	border: none;
	background-color: transparent;
	padding: 0;
	margin: 0;
}

a {
	color: var(--black);
	transition: 0.5s;
}
@media (hover: hover) and (pointer: fine) {
	a:hover {
		transition: 0.5s;
	}
}

.palt {
	font-feature-settings: "palt";
}

p,
h2,
h3,
h4,
span {
	font-weight: 500;
	color: var(--black);
}

svg {
	width: 100%;
	height: 100%;
}

.header {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1000;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-inline: 3.1rem;
}
@media screen and (max-width: 768px) {
	.header {
		padding-inline: 0;
		background: var(--white);
	}
}
.header__logo {
	width: 19.2rem;
}
@media screen and (max-width: 768px) {
	.header__logo {
		width: 8rem;
		padding: 8px 0;
		margin-left: 1.3rem;
		position: relative;
		top: -0.1rem;
	}
}
.header__actions {
	width: 33.2rem;
	position: relative;
	top: -1rem;
	left: -0.1rem;
}
.header__actions a {
	display: block;
}
.header__actions .cta__button {
	width: 32.4rem;
	font-size: 2rem;
	letter-spacing: 0.0015em;
	height: auto;
	margin-left: 0.1rem;
	padding-block: 1rem;
	padding-right: 1.5rem;
}
@media screen and (max-width: 768px) {
	.header__actions .cta__button {
		width: 18.1rem;
		font-size: 1.6rem;
		line-height: 1.2;
		padding-right: 2rem;
		border-radius: 0rem;
	}
}
@media screen and (max-width: 768px) and (any-hover: hover) {
	.header__actions .cta__button:hover::after {
		transform: translateY(-50%) translateX(4px) rotate(0);
	}
}
.header__actions .cta__button::after {
	width: 1rem;
	height: 1rem;
	right: 2.5rem;
}
@media screen and (max-width: 768px) {
	.header__actions .cta__button::after {
		border: none;
		width: auto;
		height: auto;
		border: 0.8rem solid transparent;
		border-left: 1rem solid var(--white);
		right: 0.6rem;
		transform: translateY(-50%) rotate(0);
	}
}
@media screen and (max-width: 768px) {
	.header__actions {
		display: none;
		width: 18.1rem;
		top: 0rem;
		left: 0rem;
	}
}

.footer-fixed {
	position: sticky;
	bottom: 0;
	z-index: -1;
}
@media screen and (max-width: 768px) {
	.footer-fixed {
		height: 36.8rem;
	}
}

.footer__btm {
	background: linear-gradient(288deg, #ffdf9a 14.82%, #ffb376 43.39%, #fe8751 89.96%);
}
@media screen and (max-width: 768px) {
	.footer__btm {
		background: linear-gradient(288deg, #ffdf9a 14.82%, #ffb376 43.39%, #fe8751 89.96%);
	}
}
.footer__inner {
	max-width: 100rem;
	margin-inline: auto;
	padding-inline: 2rem;
}
@media screen and (max-width: 768px) {
	.footer__inner {
		max-width: 100%;
	}
}
.footer__content {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-block: 4.9rem;
	gap: 2rem;
}
@media screen and (max-width: 768px) {
	.footer__content {
		flex-direction: column;
		align-items: flex-start;
	}
}
.footer__links {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 2.3rem;
	width: fit-content;
}
@media screen and (max-width: 768px) {
	.footer__links {
		align-items: center;
		flex-direction: row;
		gap: 4rem;
		width: 100%;
	}
}
.footer__logo {
	width: 17rem;
}
@media screen and (max-width: 768px) {
	.footer__logo {
		width: 11.5rem;
	}
}
.footer__snss {
	display: flex;
	justify-content: flex-start;
	width: 100%;
	gap: 1.5rem;
}
@media screen and (max-width: 768px) {
	.footer__snss {
		gap: 0.5rem;
		flex: 1;
	}
}
.footer__sns {
	width: 3.7rem;
	height: 3.7rem;
}
.footer__info {
	width: fit-content;
	max-width: 430px;
}
@media screen and (max-width: 768px) {
	.footer__info {
		max-width: 100%;
		width: 100%;
	}
}
.footer__navs {
	display: flex;
	row-gap: 1.6rem;
	flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
	.footer__navs {
		flex-direction: column;
		gap: 0rem;
	}
}
.footer__navs > .footer__nav-item {
	width: 33.3333333333%;
}
.footer__navs > .footer__nav-item svg {
	display: none;
}
@media screen and (max-width: 768px) {
	.footer__navs > .footer__nav-item {
		padding-block: 1rem;
		border-bottom: 1px solid var(--white);
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.footer__navs > .footer__nav-item svg {
		display: block;
		width: 4.2rem;
		min-height: 7px;
		height: 0.7rem;
	}
	.footer__navs > .footer__nav-item:nth-child(1) {
		order: 1;
	}
	.footer__navs > .footer__nav-item:nth-child(2) {
		order: 3;
	}
	.footer__navs > .footer__nav-item:nth-child(3) {
		order: 5;
	}
	.footer__navs > .footer__nav-item:nth-child(4) {
		order: 2;
	}
	.footer__navs > .footer__nav-item:nth-child(5) {
		order: 4;
	}
}
.footer__nav-item {
	font-size: 1.8rem;
	line-height: 180%;
	font-weight: 700;
	color: var(--white);
}
@media (hover: hover) and (pointer: fine) {
	.footer__nav-item:hover {
		transition: 0.3s;
		opacity: 0.8;
	}
}
@media screen and (max-width: 768px) {
	.footer__nav-item {
		font-size: min(1.8rem, 15px);
	}
}
.footer__terms {
	margin-top: 2rem;
	display: flex;
	gap: 3rem;
}
@media screen and (max-width: 768px) {
	.footer__terms {
		margin-top: 3.6rem;
		flex-direction: column;
		gap: 8px;
		width: fit-content;
	}
}
@media screen and (max-width: 768px) {
	.footer__terms > .footer__nav-item {
		display: inline-block;
		font-size: min(1.8rem, 15px);
	}
}
@media screen and (max-width: 768px) {
	.footer__terms > .footer__nav-item:nth-child(1) {
		padding-bottom: 4px;
		border-bottom: 1px solid var(--white);
	}
}
.footer__terms > .footer__nav-item:nth-child(2) {
	position: relative;
}
.footer__terms > .footer__nav-item:nth-child(2)::before {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: -1.5rem;
	width: 1px;
	height: 2.4rem;
	background: var(--white);
}
@media screen and (max-width: 768px) {
	.footer__terms > .footer__nav-item:nth-child(2)::before {
		content: none;
	}
}
.footer__privacy-mark {
	width: fit-content;
	margin-top: 2rem;
	background: var(--white);
	padding: 0.4rem 1rem 0.3rem 1.4rem;
	display: flex;
	align-items: center;
	gap: 0.6rem;
}
@media screen and (max-width: 768px) {
	.footer__privacy-mark {
		margin-top: 3.6rem;
		padding: 0.4rem 1rem 0.3rem 1.5rem;
		width: 100%;
	}
}
.footer__privacy-logo {
	width: 6.1rem;
}
.footer__privacy-text {
	font-size: 1.4rem;
	font-weight: 500;
}
@media screen and (max-width: 768px) {
	.footer__privacy-text {
		font-size: 1.5rem;
	}
}

.footer--active {
	position: static;
	transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.loding {
	display: grid;
	place-items: center;
	position: fixed;
	overflow: hidden;
	z-index: 1500;
	inset: 0;
	width: 100dvw;
	height: 100dvh;
	background-color: #fff9dc;
}

.loding__img {
	width: 19.4rem;
	height: 11.6rem;
	animation: yura 2s ease-in-out infinite;
	opacity: 0;
	visibility: hidden;
}

@keyframes yura {
	0%, 100% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(-20px);
	}
}
.banner {
	transition: 0.3s;
	width: max(36rem, 170px);
}
@media screen and (max-width: 768px) {
	.banner {
		width: 100%;
	}
}
.banner--fixed {
	position: fixed;
	bottom: 5rem;
	right: 2rem;
	z-index: 9999;
	overflow: hidden;
}
@media screen and (max-width: 768px) {
	.banner--fixed {
		bottom: 0;
		right: initial;
		left: 0;
	}
}
.banner--fixed.hidden {
	opacity: 0;
	visibility: hidden;
	transform: translateY(100%);
}
.banner__link {
	cursor: pointer;
}
.banner__link:hover {
	opacity: 0.8;
}

.c-sectitle {
	font-size: 6.4rem;
	text-transform: uppercase;
	text-align: center;
	font-family: var(--philosopher);
	position: relative;
}
.c-sectitle::before {
	content: "";
	width: 5.8rem;
	height: 1px;
	background-color: var(--text);
	position: absolute;
	bottom: -2.8rem;
	left: 50%;
	transform: translateX(-50%);
}
@media screen and (max-width: 768px) {
	.c-sectitle::before {
		bottom: -1.2rem;
	}
}
.c-sectitle::after {
	position: absolute;
	bottom: -7.5rem;
	left: 50%;
	transform: translateX(-50%);
	content: attr(date-title);
	font-size: 2rem;
	font-family: var(--notosans);
	font-weight: 500;
	color: var(--text);
	line-height: normal;
}
@media screen and (max-width: 768px) {
	.c-sectitle::after {
		bottom: -5.5rem;
	}
}

.cta {
	background: url(../images/pc/cta-bg.webp) no-repeat center center/cover;
	padding-block: 13.3rem 12.1rem;
	position: relative;
	z-index: 1000;
}
@media screen and (max-width: 768px) {
	.cta {
		background: url(../images/sp/cta-bg.webp) no-repeat center center/cover;
		padding-block: 6.5rem;
	}
}
.cta__title {
	font-size: 3.6rem;
	font-weight: 700;
	color: var(--white);
	text-align: center;
}
@media screen and (max-width: 768px) {
	.cta__title {
		font-size: 2.3rem;
	}
}
.cta__text-wrap {
	margin-top: 3.89rem;
	text-align: center;
}
@media screen and (max-width: 768px) {
	.cta__text-wrap {
		margin-top: 0.7rem;
	}
}
.cta__text {
	font-size: 2rem;
	line-height: 160%;
	letter-spacing: 0.02em;
	font-weight: 600;
	color: var(--white);
}
@media screen and (max-width: 768px) {
	.cta__text {
		font-size: 1.6rem;
		letter-spacing: 0.02em;
	}
}
.cta__button-container {
	margin-top: 5.2rem;
}
@media screen and (max-width: 768px) {
	.cta__button-container {
		margin-top: 1rem;
	}
}
.cta__button {
	display: block;
	margin-inline: auto;
	transition: 0.3s;
	display: flex;
	justify-content: center;
	gap: 0.8rem;
	align-items: center;
	height: 6.4rem;
	width: 44.8rem;
	padding: 0.8rem 2.5rem 0.8rem 0.8rem;
	font-size: 2.8rem;
	letter-spacing: 0.0017857143em;
	color: var(--white);
	text-align: center;
	overflow-wrap: anywhere;
	background-color: #39ac61;
	border-radius: 3.2rem;
	position: relative;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 768px) {
	.cta__button {
		width: 32.5rem;
		font-size: 2rem;
		letter-spacing: 0.05em;
		padding-right: 2rem;
		height: 4.4rem;
	}
}
.cta__button::after {
	content: "";
	width: 1.5rem;
	height: 1.5rem;
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
	transform: translateY(-50%) rotate(45deg);
	position: absolute;
	top: 50%;
	right: 4rem;
}
@media screen and (max-width: 768px) {
	.cta__button::after {
		width: 1rem;
		height: 1rem;
		right: 2.6rem;
	}
}
@media (any-hover: hover) {
	.cta__button {
		transition: background-color 0.2s;
	}
	.cta__button::after {
		transition: transform 0.2s;
	}
	.cta__button:hover {
		background-color: #54802f;
	}
	.cta__button:hover::after {
		transform: translateY(-50%) translateX(4px) rotate(45deg);
	}
}

@media (hover: hover) and (pointer: fine) {
	.cta__button:hover {
		opacity: 0.8;
		transition: 0.3s;
	}
}

body {
	overflow-x: hidden;
}

.wrapper {
	max-width: 126rem;
	padding-inline: 3rem;
}
@media screen and (max-width: 768px) {
	.wrapper {
		max-width: 100%;
	}
}

.fdc--row {
	display: flex;
	flex-direction: column;
	gap: 4.5rem;
}
@media screen and (min-width: 769px) {
	.fdc--row {
		flex-direction: row;
	}
}

.dib {
	display: inline-block;
}

.u-flex {
	display: flex;
}

.mt3 {
	margin-top: 0.3rem;
}

.mt7 {
	margin-top: 0.7rem;
}

.mt32 {
	margin-top: 3.2rem;
}

.mobile {
	display: block;
}
@media screen and (min-width: 769px) {
	.mobile {
		display: none;
	}
}

.desktop {
	display: none;
}
@media screen and (min-width: 769px) {
	.desktop {
		display: block;
	}
}

.bg-white {
	background: var(--white);
	overflow: hidden;
}

.section-wrap {
	position: relative;
	z-index: 997;
	background: var(--white);
}

#canvas01 {
	filter: blur(3px);
	background-image: linear-gradient(135deg, rgb(254, 181, 26), rgba(254, 188, 47, 0.8) 10%, rgba(254, 195, 68, 0.7) 15%, rgba(254, 211, 116, 0.65) 20%, rgba(255, 228, 170, 0.5) 25%, rgba(255, 234, 190, 0.3) 30%, rgba(255, 241, 212, 0.2) 35%, rgba(255, 248, 234, 0.1) 40%, rgba(255, 255, 255, 0) 45% 60%, rgba(253, 220, 203, 0.05) 65%, rgba(250, 164, 119, 0.1) 70%, rgba(248, 128, 65, 0.2) 75%, rgba(245, 87, 4, 0.3) 80%, rgba(245, 87, 4, 0.5) 85%, rgba(245, 87, 4, 0.65) 90%, rgba(245, 87, 4, 0.8) 95%, rgb(245, 87, 4));
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-45%, -48%);
	width: 122.2222222222vw;
	height: 176rem;
}
@media screen and (max-width: 768px) {
	#canvas01 {
		transform: translate(-50%, 0%);
		width: 200%;
		height: 100%;
		top: 0;
		left: 50%;
	}
}

#canvas02 {
	filter: blur(3px);
	background-image: linear-gradient(135deg, rgb(254, 181, 26), rgba(254, 188, 47, 0.8) 10%, rgba(254, 195, 68, 0.7) 15%, rgba(254, 211, 116, 0.65) 20%, rgba(255, 228, 170, 0.5) 25%, rgba(255, 234, 190, 0.3) 30%, rgba(255, 241, 212, 0.2) 35%, rgba(255, 248, 234, 0.1) 40%, rgba(255, 255, 255, 0) 45% 60%, rgba(253, 220, 203, 0.05) 65%, rgba(250, 164, 119, 0.1) 70%, rgba(248, 128, 65, 0.2) 75%, rgba(245, 87, 4, 0.3) 80%, rgba(245, 87, 4, 0.5) 85%, rgba(245, 87, 4, 0.65) 90%, rgba(245, 87, 4, 0.8) 95%, rgb(245, 87, 4));
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-45%, -48%);
	width: 122.2222222222vw;
	height: 176rem;
	z-index: 1;
}
@media screen and (max-width: 768px) {
	#canvas02 {
		transform: translate(-40%, -55%);
		width: 75rem;
		height: 100rem;
	}
}

#canvas03 {
	filter: blur(3px);
	background-image: linear-gradient(135deg, rgb(254, 181, 26), rgba(254, 188, 47, 0.8) 10%, rgba(254, 195, 68, 0.7) 15%, rgba(254, 211, 116, 0.65) 20%, rgba(255, 228, 170, 0.5) 25%, rgba(255, 234, 190, 0.3) 30%, rgba(255, 241, 212, 0.2) 35%, rgba(255, 248, 234, 0.1) 40%, rgba(255, 255, 255, 0) 45% 60%, rgba(253, 220, 203, 0.05) 65%, rgba(250, 164, 119, 0.1) 70%, rgba(248, 128, 65, 0.2) 75%, rgba(245, 87, 4, 0.3) 80%, rgba(245, 87, 4, 0.5) 85%, rgba(245, 87, 4, 0.65) 90%, rgba(245, 87, 4, 0.8) 95%, rgb(245, 87, 4));
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-45%, -48%);
	width: 122.2222222222vw;
	height: 176rem;
	z-index: 1;
}
@media screen and (max-width: 768px) {
	#canvas03 {
		transform: translate(-50%, 0%);
		width: 200%;
		height: 100%;
		top: 0;
		left: 50%;
	}
}

#canvas04 {
	filter: blur(3px);
	background-image: linear-gradient(135deg, rgb(254, 181, 26), rgba(254, 188, 47, 0.8) 10%, rgba(254, 195, 68, 0.7) 15%, rgba(254, 211, 116, 0.65) 20%, rgba(255, 228, 170, 0.5) 25%, rgba(255, 234, 190, 0.3) 30%, rgba(255, 241, 212, 0.2) 35%, rgba(255, 248, 234, 0.1) 40%, rgba(255, 255, 255, 0) 45% 60%, rgba(255, 248, 234, 0.1) 65%, rgba(255, 241, 212, 0.2) 70%, rgba(255, 234, 190, 0.3) 75%, rgba(255, 228, 170, 0.5) 80%, rgba(254, 211, 116, 0.65) 85%, rgba(254, 195, 68, 0.7) 90%, rgba(254, 188, 47, 0.8) 95%, rgb(254, 181, 26));
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -48%);
	width: 100vw;
	height: 176rem;
	z-index: -1;
}
@media screen and (max-width: 768px) {
	#canvas04 {
		transform: translate(0%, -50%);
		width: 100%;
		height: 150%;
		top: 50%;
		left: 0;
	}
}

#canvas05 {
	filter: blur(5px);
	position: absolute;
	z-index: -1;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

#canvas06 {
	filter: blur(5px);
	position: absolute;
	z-index: -1;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
@media screen and (max-width: 768px) {
	#canvas06 {
		height: 600%;
	}
}

.bread_crumb {
	padding-block: 1.3rem;
	background-color: #f7f7f7;
}
.bread_crumb ol {
	display: flex;
	align-items: center;
	gap: 1.2rem;
}
.bread_crumb ol > li {
	font-size: 1.4rem;
	line-height: 1.7142857143;
}
.bread_crumb ol > li > a {
	text-decoration: underline;
}
@media screen and (max-width: 768px) {
	.bread_crumb {
		padding-block: 0.4rem;
	}
	.bread_crumb ol {
		gap: 0.8rem;
	}
	.bread_crumb ol > li {
		font-size: 1.3rem;
		line-height: 1.8461538462;
	}
}

.cost {
	position: relative;
	padding-block: 6.7rem 8.3rem;
	background: var(--white);
	overflow: hidden;
	z-index: 997;
	background-image: url(../images/pc/cost-bg.webp);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
	.cost {
		padding-block: 4.1rem 4.5rem;
		background-image: url(../images/sp/cost-bg.webp);
	}
}
.cost__content {
	max-width: 144rem;
	width: 100%;
	margin-inline: auto;
	position: relative;
	z-index: 2;
}
.cost__headline {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.2rem;
}
.cost__headline-prefix {
	font-size: 4.5rem;
	line-height: 1.4666666667;
	font-weight: 700;
	display: flex;
	gap: 0.4rem;
	justify-content: center;
}
@media screen and (max-width: 768px) {
	.cost__headline-prefix {
		font-size: 2rem;
		line-height: 1.45;
	}
}
.cost__headline-prefix::before, .cost__headline-prefix::after {
	content: "";
	display: block;
	width: 3.2rem;
	height: 5.8rem;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url(../images/pc/cost-line.webp);
	margin-top: 0.35rem;
}
@media screen and (max-width: 768px) {
	.cost__headline-prefix::before, .cost__headline-prefix::after {
		width: 1.4rem;
		height: 2.5rem;
		margin-top: 0.176rem;
	}
}
.cost__headline-prefix::after {
	scale: -1 1;
}
.cost__headline-title {
	font-size: 4.5rem;
	line-height: 1.4444444444;
	font-weight: 700;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
@media screen and (max-width: 768px) {
	.cost__headline-title {
		font-size: 2rem;
		line-height: 1.45;
	}
}
.cost__headline-title span {
	background: var(--iegaograd);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
	font-weight: 700;
}
.cost__headline-title span:last-child {
	margin-top: -1rem;
}
@media screen and (max-width: 768px) {
	.cost__headline-title span:last-child {
		margin-top: -0.5rem;
	}
}
.cost__grid {
	position: relative;
	max-width: 86.4rem;
	width: calc(100% - 4rem);
	margin-inline: auto;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 4.6rem 2.8rem;
	margin-top: 3.2rem;
}
@media screen and (max-width: 768px) {
	.cost__grid {
		max-width: 35rem;
		grid-template-columns: repeat(2, 1fr);
		gap: 1.8rem;
		margin-top: 1.1rem;
	}
}
.cost__item {
	background: var(--white);
	box-shadow: 4px 4px 13.6px 0 rgba(0, 0, 0, 0.24);
	height: 25.3rem;
	display: flex;
	flex-direction: column;
	align-items: center;
}
@media screen and (max-width: 768px) {
	.cost__item {
		height: 15.6rem;
	}
}
.cost__item--01 {
	padding-top: 2.3rem;
}
.cost__item--01 .cost__item-icon {
	margin-bottom: 1.5rem;
	width: 10.7rem;
}
.cost__item--01 .cost__item-text {
	margin-bottom: 0.4rem;
}
@media screen and (max-width: 768px) {
	.cost__item--01 {
		padding-top: 1.4rem;
	}
	.cost__item--01 .cost__item-icon {
		margin-bottom: 0.45rem;
		width: 7.3rem;
	}
	.cost__item--01 .cost__item-text {
		margin-bottom: 0.2rem;
	}
}
.cost__item--02 {
	padding-top: 2.6rem;
}
.cost__item--02 .cost__item-icon {
	width: 9.6rem;
	margin-bottom: 1.5rem;
}
.cost__item--02 .cost__item-text {
	margin-bottom: 0.2rem;
}
@media screen and (max-width: 768px) {
	.cost__item--02 {
		padding-top: 1.6rem;
	}
	.cost__item--02 .cost__item-icon {
		margin-bottom: 0.9rem;
		width: 6rem;
	}
	.cost__item--02 .cost__item-text {
		margin-bottom: 0.2rem;
	}
}
.cost__item--03 {
	padding-top: 2.7rem;
}
.cost__item--03 .cost__item-icon {
	margin-bottom: 1.8rem;
	width: 16.4rem;
}
.cost__item--03 .cost__item-text {
	margin-bottom: 0.2rem;
}
@media screen and (max-width: 768px) {
	.cost__item--03 {
		padding-top: 1.8rem;
	}
	.cost__item--03 .cost__item-icon {
		margin-bottom: 0.6rem;
		width: 10.7rem;
	}
	.cost__item--03 .cost__item-text {
		margin-bottom: 0rem;
	}
}
.cost__item--04 {
	padding-top: 1.8rem;
}
.cost__item--04 .cost__item-icon {
	margin-bottom: 0.3rem;
	width: 8rem;
}
.cost__item--04 .cost__item-text {
	margin-bottom: 0.2rem;
}
@media screen and (max-width: 768px) {
	.cost__item--04 {
		padding-top: 1.1rem;
	}
	.cost__item--04 .cost__item-icon {
		margin-bottom: -0.2rem;
		width: 5rem;
	}
	.cost__item--04 .cost__item-text {
		margin-bottom: 0rem;
	}
}
.cost__item--05 {
	padding-top: 1.8rem;
}
.cost__item--05 .cost__item-icon {
	margin-bottom: 0rem;
	width: 14.9rem;
}
.cost__item--05 .cost__item-text {
	margin-bottom: 0.4rem;
}
@media screen and (max-width: 768px) {
	.cost__item--05 {
		padding-top: 1.1rem;
	}
	.cost__item--05 .cost__item-icon {
		margin-bottom: 0rem;
		width: 9rem;
	}
	.cost__item--05 .cost__item-text {
		margin-bottom: 0rem;
	}
}
.cost__item--06 {
	padding-top: 2.3rem;
}
.cost__item--06 .cost__item-icon {
	margin-bottom: 1.2rem;
	width: 15.5rem;
}
.cost__item--06 .cost__item-text {
	font-size: 2.6rem;
	line-height: 1.0769230769;
	margin-bottom: 0.8rem;
}
@media screen and (max-width: 768px) {
	.cost__item--06 {
		padding-top: 1.4rem;
	}
	.cost__item--06 .cost__item-icon {
		margin-bottom: 0.7rem;
		width: 9.5rem;
	}
	.cost__item--06 .cost__item-text {
		margin-bottom: 0.4rem;
		font-size: 1.8rem;
		line-height: 0.9555555556;
	}
}
.cost__item-text {
	font-size: 2.9rem;
	line-height: 1.4482758621;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-align: center;
	color: #FF641E;
}
@media screen and (max-width: 768px) {
	.cost__item-text {
		font-size: 1.8rem;
		line-height: 1.4444444444;
	}
}
.cost__item-price {
	font-size: 3rem;
	line-height: 1.4333333333;
	font-weight: 700;
	letter-spacing: 0.04em;
}
@media screen and (max-width: 768px) {
	.cost__item-price {
		font-size: 1.8rem;
		line-height: 1.4444444444;
	}
}
.cost__item-price--highlight {
	font-size: 4.9rem;
	line-height: 0.8775510204;
	font-weight: 700;
	letter-spacing: 0;
	color: #FF641E;
}
@media screen and (max-width: 768px) {
	.cost__item-price--highlight {
		font-size: 3rem;
		line-height: 0.8666666667;
	}
}
.cost__person {
	width: 13.8rem;
	border-radius: 50%;
	position: absolute;
	bottom: calc(100% - 0.4rem);
	left: 1.2rem;
}
@media screen and (max-width: 768px) {
	.cost__person {
		width: 5.4rem;
		bottom: calc(100% - 0.2rem);
		left: -0.2rem;
	}
}
.cost__badge {
	width: 15.4rem;
	position: absolute;
	top: -12.6rem;
	right: -4.6rem;
	z-index: 2;
}
@media screen and (max-width: 768px) {
	.cost__badge {
		width: 8.1rem;
		top: -3.2rem;
		right: -2.1rem;
	}
}
.cost__footer-wrapper {
	max-width: 86.4rem;
	width: calc(100% - 4rem);
	margin-inline: auto;
}
@media screen and (max-width: 768px) {
	.cost__footer-wrapper {
		max-width: 35rem;
	}
}
.cost__footer {
	position: relative;
	z-index: 2;
	width: 57.1rem;
	padding-block: 0.5rem;
	padding-inline: 1.4rem 3.1rem;
	box-shadow: 4px 4px 13.6px 0px rgba(0, 0, 0, 0.24);
	background: var(--white);
	margin-top: 3.4rem;
	cursor: pointer;
}
@media screen and (max-width: 768px) {
	.cost__footer {
		width: 100%;
		margin-top: 1.8rem;
		padding-inline: 0.8rem 1.4rem;
	}
}
.cost__footer-plus {
	position: absolute;
	top: 0.95rem;
	right: 1.2rem;
	width: 1.2rem;
	height: 1.2rem;
}
@media screen and (max-width: 768px) {
	.cost__footer-plus {
		top: 0.8rem;
		width: 0.8rem;
		height: 0.8rem;
	}
}
.cost__footer-plus::before, .cost__footer-plus::after {
	content: "";
	display: block;
	width: 12px;
	height: 1px;
	background: #000;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transform-origin: 0 0;
	transition: 0.3s ease-in;
}
@media screen and (max-width: 768px) {
	.cost__footer-plus::before, .cost__footer-plus::after {
		width: 0.8rem;
	}
}
.cost__footer-plus::before {
	rotate: 90deg;
}
.cost__footer-plus.open::before {
	rotate: 0deg;
}
.cost__footer-text {
	font-size: 1.3rem;
	line-height: 1.4615384615;
	font-weight: 500;
	letter-spacing: 0em;
	height: 1.9rem;
	overflow: hidden;
	transition: height 0.3s ease-in;
}
@media screen and (max-width: 768px) {
	.cost__footer-text {
		font-size: 1rem;
		line-height: 1.4;
		height: 1.4rem;
	}
}
.cost__footer-text.open {
	height: 9.492rem;
}
@media screen and (max-width: 768px) {
	.cost__footer-text.open {
		height: 8.4rem;
	}
}

.example {
	padding-block: 20.5rem 16rem;
	background: var(--white);
	margin-top: -14rem;
	position: relative;
	z-index: 1000;
	clip-path: polygon(0% 0%, 100% 0%, 100% 90.779%, 100% 90.779%, 99.171% 91.037%, 96.835% 91.738%, 93.216% 92.771%, 88.541% 94.025%, 83.035% 95.389%, 76.924% 96.754%, 70.433% 98.008%, 63.788% 99.041%, 57.214% 99.742%, 50.938% 100%, 50.938% 100%, 44.608% 99.742%, 37.892% 99.041%, 31.037% 98.008%, 24.291% 96.754%, 17.902% 95.389%, 12.119% 94.025%, 7.189% 92.771%, 3.36% 91.738%, 0.881% 91.037%, 0% 90.779%, 0% 0%);
	overflow: hidden;
	background-image: url(../images/pc/example-bg.webp);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
	.example {
		padding-block: 7.2rem 7.6rem;
		margin-top: -4.4rem;
		clip-path: polygon(0.201% -3.205%, 100% -3.205%, 100% 91.776%, 100% 91.776%, 99.173% 92.006%, 96.841% 92.631%, 93.23% 93.552%, 88.564% 94.671%, 83.069% 95.888%, 76.97% 97.105%, 70.493% 98.224%, 63.861% 99.145%, 57.3% 99.77%, 51.036% 100%, 51.036% 100%, 44.719% 99.77%, 38.016% 99.145%, 31.175% 98.224%, 24.443% 97.105%, 18.067% 95.888%, 12.295% 94.671%, 7.375% 93.552%, 3.554% 92.631%, 1.08% 92.006%, 0.201% 91.776%, 0.201% -3.205%);
		background-image: url(../images/sp/example-bg.webp);
	}
}
.example__content {
	position: relative;
	z-index: 2;
}
.example__header {
	display: flex;
	justify-content: center;
	align-items: center;
}
.example__header-decoration {
	flex: 1;
	height: 1px;
	background: var(--black);
}
.example__title {
	position: relative;
	width: 76.6rem;
	height: 14.9rem;
	text-align: center;
}
@media screen and (max-width: 768px) {
	.example__title {
		width: 35rem;
		height: 6.8rem;
	}
}
.example__title-head {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: -1rem;
}
@media screen and (max-width: 768px) {
	.example__title-head {
		margin-top: -0.45rem;
	}
}
.example__title ._01 {
	font-size: 8.5rem;
	line-height: 1.2588235294;
	font-weight: 400;
	letter-spacing: 0;
	font-family: var(--yaldevi);
	background: var(--iegaograd3);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
@media screen and (max-width: 768px) {
	.example__title ._01 {
		font-size: 3.9rem;
		line-height: 1.2564102564;
	}
}
.example__title ._02 {
	font-size: 4.2rem;
	line-height: 1.4523809524;
	font-weight: 700;
	letter-spacing: 0;
}
@media screen and (max-width: 768px) {
	.example__title ._02 {
		font-size: 1.9rem;
		line-height: 1.4736842105;
	}
}
.example__title ._03 {
	font-size: 5.2rem;
	line-height: 1.4423076923;
	font-weight: 700;
	letter-spacing: 0;
	background: var(--iegaograd3);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
@media screen and (max-width: 768px) {
	.example__title ._03 {
		font-size: 2.5rem;
		line-height: 1.44;
	}
}
.example__title ._04 {
	font-size: 5.3rem;
	line-height: 1.4528301887;
	font-weight: 700;
	letter-spacing: 0;
	margin-top: -3.1rem;
}
@media screen and (max-width: 768px) {
	.example__title ._04 {
		font-size: 2.3rem;
		line-height: 1.4347826087;
		margin-top: -1.5rem;
	}
}
.example__title::before, .example__title::after {
	content: "";
	display: block;
	width: 2.1rem;
	height: 100%;
	position: absolute;
	top: 0;
}
@media screen and (max-width: 768px) {
	.example__title::before, .example__title::after {
		width: 0.96rem;
	}
}
.example__title::before {
	border-top: 1px solid var(--black);
	border-left: 1px solid var(--black);
	border-bottom: 1px solid var(--black);
	left: 0;
}
.example__title::after {
	border-top: 1px solid var(--black);
	border-right: 1px solid var(--black);
	border-bottom: 1px solid var(--black);
	right: 0;
}
.example__slider {
	position: relative;
	width: 100%;
	margin-top: 8rem;
}
@media screen and (max-width: 768px) {
	.example__slider {
		margin-top: 3.75rem;
	}
}
.example__swiper {
	width: 100%;
}
.example__swiper .swiper-wrapper {
	padding-block: 1.8rem 5.9rem;
}
@media screen and (max-width: 768px) {
	.example__swiper .swiper-wrapper {
		padding-block: 0.95rem 3.15rem;
	}
}
.example__slide.swiper-slide {
	width: 66.5rem;
	aspect-ratio: 665/396;
	padding-inline: 4rem;
}
@media screen and (max-width: 768px) {
	.example__slide.swiper-slide {
		width: 35.4rem;
		aspect-ratio: 354/210;
		padding-inline: 2.1rem;
	}
}
.example__slide.swiper-slide::after, .example__slide.swiper-slide::before {
	content: "";
	display: block;
	width: 18.7rem;
	height: 17rem;
	position: absolute;
	opacity: 0;
}
@media screen and (max-width: 768px) {
	.example__slide.swiper-slide::after, .example__slide.swiper-slide::before {
		width: 9.8rem;
		height: 8.8rem;
	}
}
.example__slide.swiper-slide::after {
	background: url(../images/pc/example-border-top-left.svg) no-repeat center center/contain;
	top: -1.8rem;
	left: 1.5rem;
}
@media screen and (max-width: 768px) {
	.example__slide.swiper-slide::after {
		top: -0.9rem;
		left: 0.8rem;
	}
}
.example__slide.swiper-slide::before {
	background: url(../images/pc/example-border-bottom-right.svg) no-repeat center center/contain;
	bottom: -1.8rem;
	right: 1.5rem;
}
@media screen and (max-width: 768px) {
	.example__slide.swiper-slide::before {
		bottom: -0.9rem;
		right: 0.8rem;
	}
}
@keyframes example__card-left-top {
	0% {
		opacity: 0;
		transform: translate(1rem, 1rem);
		@media screen and (max-width: 768px) {
			.example__slide.swiper-slide {
				transform: translate(0.5rem, 0.5rem);
			}
		}
	}
	100% {
		opacity: 1;
		transform: translate(0, 0);
	}
}
@keyframes example__card-bottom-right {
	0% {
		opacity: 0;
		transform: translate(-1rem, -1rem);
		@media screen and (max-width: 768px) {
			.example__slide.swiper-slide {
				transform: translate(-0.5rem, -0.5rem);
			}
		}
	}
	100% {
		opacity: 1;
		transform: translate(0, 0);
	}
}
.example__slide.swiper-slide.swiper-slide-active::after {
	animation: example__card-left-top 0.5s ease-in forwards;
}
.example__slide.swiper-slide.swiper-slide-active::before {
	animation: example__card-bottom-right 0.5s ease-in forwards;
}
.example__card {
	width: 100%;
	height: 100%;
	filter: drop-shadow(4px 4px 13.6px rgba(0, 0, 0, 0.24));
	position: relative;
}
@media screen and (max-width: 768px) {
	.example__card {
		filter: drop-shadow(2.129px 2.129px 7.239px rgba(0, 0, 0, 0.24));
	}
}
.example__card-image {
	width: 100%;
	height: 33rem;
}
@media screen and (max-width: 768px) {
	.example__card-image {
		height: 17.5rem;
	}
}
.example__card-badge {
	position: absolute;
	top: 0rem;
	left: 0rem;
	background: rgba(255, 255, 255, 0.64);
	width: 17.5rem;
	height: 6.9rem;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	padding-top: 1.8rem;
	padding-inline: 1.6rem;
}
@media screen and (max-width: 768px) {
	.example__card-badge {
		width: 9.3rem;
		height: 3.67rem;
		padding-top: 0.96rem;
		padding-inline: 0.85rem;
	}
}
.example__card-badge span {
	font-size: 2rem;
	line-height: 1.45;
	font-weight: 600;
	letter-spacing: 0;
	padding-bottom: 0.4rem;
	border-bottom: 1px solid var(--black);
	display: block;
	width: 100%;
	text-align: center;
}
@media screen and (max-width: 768px) {
	.example__card-badge span {
		font-size: 1.1rem;
		line-height: 1.3636363636;
		padding-bottom: 0.25rem;
	}
}
.example__card-text {
	position: relative;
	width: calc(100% + 0.4rem);
	margin-left: -0.2rem;
	height: 12.2rem;
	background: var(--white);
	clip-path: polygon(0% 100%, 100% 100%, 100% 0%, 100% 0%, 99.17% 1.233%, 96.829% 4.579%, 93.199% 9.511%, 88.5% 15.5%, 82.955% 22.016%, 76.786% 28.533%, 70.215% 34.522%, 63.462% 39.454%, 56.75% 42.8%, 50.301% 44.033%, 50.301% 44.033%, 43.835% 42.8%, 37.078% 39.454%, 30.258% 34.522%, 23.604% 28.533%, 17.346% 22.016%, 11.712% 15.5%, 6.932% 9.511%, 3.233% 4.579%, 0.846% 1.233%, 0% 0%, 0% 100%);
	margin-top: -5.6rem;
	z-index: 2;
	padding-block: 7.3rem 0;
	padding-inline: 2rem;
	font-size: 2rem;
	line-height: 1.45;
	font-weight: 600;
	letter-spacing: 0.02em;
	text-align: center;
}
@media screen and (max-width: 768px) {
	.example__card-text {
		width: calc(100% + 0.2rem);
		margin-left: -0.1rem;
		height: 6.4rem;
		font-size: 1.1rem;
		line-height: 1.3636363636;
		padding-block: 3.8rem 0;
		padding-inline: 1.4rem;
		margin-top: -2.9rem;
	}
}
.example__pagination {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0.7rem;
}
@media screen and (max-width: 768px) {
	.example__pagination {
		gap: 0.36rem;
	}
}
.example__pagination .swiper-pagination-bullet {
	width: 2.7rem;
	height: 0.8rem;
	background: #969696;
	border-radius: 0;
	opacity: 1;
	transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 768px) {
	.example__pagination .swiper-pagination-bullet {
		width: 1.4rem;
		height: 0.45rem;
	}
}
.example__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: var(--black);
}

.faq {
	padding-block: 22.8rem 8.5rem;
	background: #f6f6f6;
	/* 確認用 */
	margin-top: -17rem;
	position: relative;
	z-index: 997;
	overflow: hidden;
	background-image: url(../images/pc/faq-bg.webp);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	/*  @include mq(sp) {
	padding-block: rem(40);
	&__inner {
	max-width: 100%;
}
	&__content {
	margin-top: rem(30);
	gap: rem(40);
	padding-inline: rem(8);
}
	&__content-title {
	font-size: rem(18);
}
	&__content-list {
	margin-top: rem(20);
	gap: rem(20);
}
	&__content-item {
	width: 100%;
}
	&__content-item-question {
	font-size: rem(18);
}
	&__content-item-answer {
	padding-left: rem(44);
	margin-top: rem(8);
}
	.pc-only {
	display: none;
}
} */
}
@media screen and (max-width: 768px) {
	.faq {
		padding-block: 8.6rem 9.3rem;
		margin-top: -5rem;
		background-image: url(../images/sp/faq-bg.webp);
	}
}
.faq__inner {
	padding-top: 4.7rem;
	max-width: 877px;
	width: 100%;
	margin-inline: auto;
}
@media screen and (max-width: 768px) {
	.faq__inner {
		padding-top: 0rem;
		max-width: 100%;
	}
}
.faq__content {
	margin-top: 11.2rem;
}
@media screen and (max-width: 768px) {
	.faq__content {
		margin-top: 8.3rem;
	}
}
.faq__content-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.faq__content-item {
	border-bottom: 1px solid var(--text);
	padding-block: 1.4rem;
	padding-inline: 2.3rem 3.7rem;
	width: 100%;
}
@media screen and (max-width: 768px) {
	.faq__content-item {
		padding-block: 2.9rem 4.2rem;
		padding-inline: 2.1rem 0.5rem;
	}
}
.faq__content-item-number--answer {
	background: var(--orange);
	color: var(--white) !important;
}
.faq__content-item-common {
	display: inline-flex;
	align-items: flex-start;
	gap: 1.8rem;
	font-size: 1.9rem;
	line-height: 1.8421052632;
	font-weight: 700;
	letter-spacing: 0.04em;
	padding-block: 1.8rem 2.2rem;
}
@media screen and (max-width: 768px) {
	.faq__content-item-common {
		gap: 1.5rem;
	}
}
.faq__content-item-common-number {
	flex-shrink: 0;
	flex-basis: 3.7rem;
	width: 3.7rem;
	height: 3.7rem;
	border: 2px solid var(--orange);
	color: var(--orange);
	font-size: 2.1rem;
	font-weight: 700;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 3.7rem;
}
@media screen and (max-width: 768px) {
	.faq__content-item-question {
		line-height: 140%;
		font-size: 1.9rem;
	}
}
@media screen and (max-width: 768px) {
	.faq__content-item-answer {
		line-height: 180%;
		font-size: 1.6rem;
		padding: 0;
	}
}
.faq .pc-only {
	display: inline;
	font-weight: 700;
}

.flow {
	padding-block: 24rem 18.2rem;
	background: var(--white);
	position: relative;
	z-index: 998;
	margin-top: -16.5rem;
	clip-path: polygon(0% 0%, 100% 0%, 100% 90.779%, 100% 90.779%, 99.171% 91.037%, 96.835% 91.738%, 93.216% 92.771%, 88.541% 94.025%, 83.035% 95.389%, 76.924% 96.754%, 70.433% 98.008%, 63.788% 99.041%, 57.214% 99.742%, 50.938% 100%, 50.938% 100%, 44.608% 99.742%, 37.892% 99.041%, 31.037% 98.008%, 24.291% 96.754%, 17.902% 95.389%, 12.119% 94.025%, 7.189% 92.771%, 3.36% 91.738%, 0.881% 91.037%, 0% 90.779%, 0% 0%);
	overflow: hidden;
	background-image: url(../images/pc/flow-bg.webp);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
	.flow {
		padding-block: 10.5rem 8.2rem;
		margin-top: -5rem;
		clip-path: polygon(0.03% 0%, 100% 0%, 100% 98.237%, 100% 98.237%, 99.171% 98.287%, 96.835% 98.421%, 93.218% 98.618%, 88.545% 98.858%, 83.04% 99.119%, 76.931% 99.38%, 70.442% 99.619%, 63.799% 99.817%, 57.227% 99.951%, 50.952% 100%, 50.952% 100%, 44.625% 99.951%, 37.91% 99.817%, 31.057% 99.619%, 24.313% 99.38%, 17.927% 99.119%, 12.145% 98.858%, 7.217% 98.618%, 3.389% 98.421%, 0.911% 98.287%, 0.03% 98.237%, 0.03% 0%);
		background-image: url(../images/sp/flow-bg.webp);
	}
}
.flow__content {
	max-width: 112rem;
	padding-inline: 2rem;
	margin-inline: auto;
}
@media screen and (max-width: 768px) {
	.flow__content {
		max-width: 100%;
	}
}
.flow__header {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.flow__banner {
	position: relative;
	background: var(--iegaograd2);
	padding: 0.9rem 4rem 1rem;
	border-radius: 0.5rem;
}
@media screen and (max-width: 768px) {
	.flow__banner {
		padding: 0.4rem 1.8rem;
		border-radius: 0.2rem;
	}
}
.flow__banner::before {
	content: "";
	position: absolute;
	top: calc(100% - 0.2rem);
	left: 50%;
	transform: translateX(-50%);
	width: 2.5rem;
	height: 1.2rem;
	background-color: var(--orange);
	clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
}
@media screen and (max-width: 768px) {
	.flow__banner::before {
		width: 1.6rem;
		height: 0.8rem;
	}
}
.flow__banner-text {
	color: var(--white);
	font-size: 2rem;
	line-height: 1.65;
	font-weight: 700;
	text-align: center;
}
@media screen and (max-width: 768px) {
	.flow__banner-text {
		font-size: 1.6rem;
		line-height: 1.4375;
	}
}
.flow__title {
	font-size: 6.4rem;
	line-height: 1.453125;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-align: center;
	margin-top: 1.8rem;
}
.flow__title ._gradient {
	font-weight: 700;
	background: var(--iegaograd);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.flow__title ._sm {
	font-size: 5.5rem;
	font-weight: 700;
}
@media screen and (max-width: 768px) {
	.flow__title {
		font-size: 3rem;
		line-height: 1.4666666667;
		margin-top: 0.5rem;
	}
	.flow__title ._sm {
		font-size: 2.7rem;
	}
}
.flow__subtitle {
	font-size: 2rem;
	line-height: 1.6;
	font-weight: 500;
	letter-spacing: 0.02em;
	text-align: center;
}
@media screen and (max-width: 768px) {
	.flow__subtitle {
		font-size: 1.6rem;
		margin-top: 0.55rem;
	}
}
.flow__free-banner {
	padding: 0.8rem 4rem;
	font-size: 2.8rem;
	line-height: 1.4642857143;
	font-weight: 600;
	letter-spacing: 0em;
	text-align: center;
	position: relative;
	width: 100%;
	background: var(--iegaograd2);
	clip-path: polygon(0 0, 94% 0, 100% 100%, 0% 100%);
	margin-block: 1.4rem;
}
@media screen and (max-width: 768px) {
	.flow__free-banner {
		font-size: 1.9rem;
		line-height: 1.2105263158;
		clip-path: polygon(0 0, 94% 0, 100% 100%, 0% 100%);
		padding: 1.2rem 7.8rem 1.2rem 7rem;
		width: fit-content;
		margin-inline: auto;
		margin-block: 2rem;
	}
}
.flow__free-banner-text {
	color: var(--white);
}
.flow__step {
	background-color: var(--white);
	border-radius: 0.4rem;
	padding: 1.4rem 1.6rem 1.6rem;
	border: 1px solid #AFAEAC;
	display: flex;
	flex-direction: column;
	min-height: fit-content;
}
@media screen and (max-width: 768px) {
	.flow__step {
		padding: 0.9rem 1.4rem 1.6rem;
		border-radius: 0.3rem;
		height: auto;
	}
}
.flow__step-label {
	font-size: 1.9rem;
	line-height: 1.6842105263;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-align: center;
	background: var(--iegaograd2);
	color: var(--white);
	margin-inline: auto;
}
@media screen and (max-width: 768px) {
	.flow__step-label {
		font-size: 1.4rem;
		line-height: 1.7142857143;
	}
}
.flow__step-title {
	font-size: 2.2rem;
	line-height: 1.4545454545;
	font-weight: 600;
	letter-spacing: 0;
	text-align: center;
	height: 6.5rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding-bottom: 0.6rem;
	border-bottom: 1px solid var(--text);
}
.flow__step-title ._md {
	font-size: 2rem;
	line-height: 1.3;
}
.flow__step-title ._sm {
	font-size: 1.4rem;
	line-height: 1.4285714286;
	font-weight: 600;
	letter-spacing: 0;
	text-align: center;
}
@media screen and (max-width: 768px) {
	.flow__step-title {
		font-size: 1.7rem;
		line-height: 1.4705882353;
		height: 5rem;
	}
	.flow__step-title ._md {
		font-size: 1.5rem;
	}
	.flow__step-title ._sm {
		font-size: 1rem;
	}
}
.flow__step-content {
	font-size: 1.8rem;
	line-height: 160%;
	font-weight: 500;
	letter-spacing: 0;
	padding-inline: 1rem;
}
@media screen and (max-width: 768px) {
	.flow__step-content {
		font-size: 1.2rem;
		line-height: 180%;
		padding-inline: 0rem;
	}
}
.flow__row {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1.5rem 2.3rem;
}
@media screen and (max-width: 768px) {
	.flow__row {
		grid-template-columns: repeat(2, 1fr);
		gap: 1.6rem 1.4rem;
	}
}
.flow__row--1 {
	margin-top: 3.4rem;
}
@media screen and (max-width: 768px) {
	.flow__row--1 {
		margin-top: 2.4rem;
	}
}
.flow__row--1 .flow__step {
	background: #FFFEEE;
}
.flow__row--1 .flow__step-label, .flow__row--2 .flow__step-label {
	width: 18rem;
}
@media screen and (max-width: 768px) {
	.flow__row--1 .flow__step-label, .flow__row--2 .flow__step-label {
		width: 13.6rem;
	}
}
@media screen and (max-width: 768px) {
	.flow__row--1 .flow__step--05 .flow__step-title, .flow__row--2 .flow__step--05 .flow__step-title {
		font-size: 1.5rem;
		line-height: 1.2666666667;
	}
}

.fv {
	position: relative;
	height: 50.9722222222vw;
	background: var(--white);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	overflow: hidden;
}
@media screen and (max-width: 768px) {
	.fv {
		height: 67.7rem;
		height: 57.2rem;
	}
}
.fv__anime {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 45.5rem;
	top: -3rem;
	left: 50%;
	transform: translateX(-50%);
	z-index: 1;
	transition: top 0.3s ease-in;
}
@media screen and (max-width: 768px) {
	.fv__anime {
		height: 36.9rem;
		top: -2rem;
	}
}
.fv__anime.active {
	top: 0;
}
.fv__main {
	width: 100%;
	position: relative;
	padding-top: 2.3611111111vw;
	z-index: 10;
}
@media screen and (max-width: 768px) {
	.fv__main {
		padding-top: 7.4rem;
	}
}
.fv__cta {
	width: 43.8194444444vw;
	margin-inline: auto;
	left: -2.6388888889vw;
	position: relative;
}
@media screen and (max-width: 768px) {
	.fv__cta {
		width: 36.1rem;
		left: -0.7rem;
	}
}
.fv__features {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 1.0416666667vw;
	margin-top: 1.0416666667vw;
}
@media screen and (max-width: 768px) {
	.fv__features {
		gap: 0.4rem;
		margin-top: 0rem;
	}
}
.fv__features-item {
	width: 12vw;
}
@media screen and (max-width: 768px) {
	.fv__features-item {
		width: 13.3rem;
	}
}
.fv__bottom {
	display: contents;
}
.fv__bottom-images {
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	z-index: 1;
}
@media screen and (max-width: 768px) {
	.fv__bottom-images {
		bottom: 0rem;
	}
}
.fv__bottom-text-overlay {
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	z-index: 1;
}
@media screen and (max-width: 768px) {
	.fv__bottom-text-overlay {
		padding-inline: 2rem;
		bottom: 3.6rem;
	}
}

.gallary {
	background: var(--white);
	padding-block: 0.9rem;
}
.gallary .gallary__inner {
	overflow: hidden;
	position: relative;
	width: 100%;
}
.gallary .gallary-swiper {
	width: 100%;
}
.gallary .swiper-wrapper {
	align-items: center;
	transition-timing-function: linear !important;
}
.gallary .gallary__item {
	width: 35rem;
	aspect-ratio: 1/1;
}
@media screen and (max-width: 768px) {
	.gallary .gallary__item {
		width: 15rem;
	}
}

.iegao {
	height: 104.7rem;
	overflow: hidden;
	background: var(--white);
	position: relative;
	z-index: 1000;
	background-image: url(../images/pc/iegao-bg.webp);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
	.iegao {
		height: 74.5rem;
		height: auto;
		padding-bottom: 5.2rem;
		background-image: url(../images/sp/iegao-bg.webp);
	}
}
.iegao__header {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.iegao__badge {
	position: relative;
	width: fit-content;
	width: 33.5rem;
	padding-block: 1.7rem 4.8rem;
	text-align: center;
	font-size: 5.5rem;
	line-height: 1.4545454545;
	font-weight: 600;
	letter-spacing: 0;
	color: var(--white);
	z-index: 1;
}
@media screen and (max-width: 768px) {
	.iegao__badge {
		width: 10.6rem;
		padding-block: 0.8rem 2.2rem;
		font-size: 1.8rem;
		line-height: 1.2777777778;
	}
}
.iegao__badge::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 33.5rem;
	height: 33.5rem;
	background: var(--iegaograd);
	border-radius: 50%;
	z-index: -1;
}
@media screen and (max-width: 768px) {
	.iegao__badge::before {
		width: 10.6rem;
		height: 10.6rem;
	}
}
.iegao__title {
	font-size: 5.5rem;
	line-height: 1.4545454545;
	font-weight: 600;
	letter-spacing: 0;
	text-align: center;
	margin-top: -4.4rem;
	transform: translateY(1.25rem);
}
@media screen and (max-width: 768px) {
	.iegao__title {
		font-size: 2.9rem;
		line-height: 1.4482758621;
		margin-top: -1rem;
	}
}
.iegao__title ._highlight {
	background: var(--iegaograd);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin-right: 0.3rem;
}
.iegao__title ._number {
	background: var(--iegaograd);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: 12.8rem;
	line-height: 1;
	font-weight: 600;
	margin-left: 0.3rem;
	font-family: var(--yaldevi);
	transform: translateY(0.8rem);
}
@media screen and (max-width: 768px) {
	.iegao__title ._number {
		font-size: 6.7rem;
		transform: translateY(0.6rem);
	}
}
.iegao__title ._sm {
	font-size: 4.4rem;
	line-height: 1.4545454545;
	font-weight: 600;
	letter-spacing: 0;
}
@media screen and (max-width: 768px) {
	.iegao__title ._sm {
		font-size: 2.3rem;
		line-height: 1.4347826087;
	}
}
.iegao__title ._md {
	transform: translateY(-1.1rem);
}
@media screen and (max-width: 768px) {
	.iegao__title ._md {
		font-size: 2.8rem;
		line-height: 1.4642857143;
		transform: translateY(-0.8rem);
	}
}
.iegao__chart-container {
	position: relative;
}
@media screen and (max-width: 768px) {
	.iegao__chart-container {
		display: flex;
		flex-direction: column-reverse;
		margin-top: 0.95rem;
	}
}
.iegao__chart {
	width: 76.7rem;
	margin-inline: auto;
	margin-top: 4.6rem;
}
@media screen and (max-width: 768px) {
	.iegao__chart {
		width: 35.4rem;
		margin-inline: auto;
		margin-top: -2.8rem;
	}
}
.iegao__details {
	display: flex;
	padding-right: 5.6rem;
	width: fit-content;
	margin-inline: auto;
	margin-top: -3.2rem;
	gap: 1.2rem;
}
@media screen and (max-width: 768px) {
	.iegao__details {
		display: contents;
	}
}
.iegao__details-box {
	width: 75.2rem;
}
@media screen and (max-width: 768px) {
	.iegao__details-box {
		width: 37.35rem;
		margin-left: 4rem;
	}
}
.iegao__illustration {
	width: 36.4rem;
	margin-top: 8.8rem;
}
@media screen and (max-width: 768px) {
	.iegao__illustration {
		display: none;
	}
}

.industry {
	position: relative;
	padding-block: 4.7rem 10rem;
	background-image: url(../images/pc/industry-bg.webp);
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
	.industry {
		padding-block: 3.9rem 8.2rem;
		overflow: hidden;
		background-image: url(../images/sp/industry-bg.webp);
	}
}
.industry__headline {
	width: 98rem;
	margin-inline: auto;
}
@media screen and (max-width: 768px) {
	.industry__headline {
		width: calc(100% - 4rem);
	}
}
.industry__inner {
	position: relative;
	z-index: 1;
}
.industry__badge {
	width: 25.7rem;
	height: 12rem;
	margin-inline: auto;
	position: relative;
	filter: drop-shadow(3px 4px 10.1px rgba(0, 0, 0, 0.25));
	display: flex;
	justify-content: center;
	padding-top: 1.8rem;
}
@media screen and (max-width: 768px) {
	.industry__badge {
		width: 10.3rem;
		height: 4.8rem;
		padding-top: 0.72rem;
	}
}
.industry__badge::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: calc(100% - 6px);
	height: calc(100% - 6px);
	background: var(--white);
	clip-path: polygon(0 0, 100% 0, 100% 86%, 50% 100%, 0 86%);
}
@media screen and (max-width: 768px) {
	.industry__badge::after {
		width: calc(100% - 2.4px);
		height: calc(100% - 2.4px);
	}
}
.industry__badge::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 0.2rem;
	background: linear-gradient(to right, #FF641E, #FFE259);
	clip-path: polygon(0 0, 100% 0, 100% 86%, 50% 100%, 0 86%);
}
.industry__badge-text {
	font-size: 5.2rem;
	line-height: 1.4423076923;
	font-weight: 700;
	letter-spacing: 0.09em;
	text-align: center;
	background: var(--iegaograd);
	background-clip: text;
	-webkit-text-fill-color: transparent;
	position: relative;
	z-index: 1;
}
@media screen and (max-width: 768px) {
	.industry__badge-text {
		font-size: 2.1rem;
		line-height: 1.4285714286;
	}
}
.industry__title {
	font-size: 5rem;
	line-height: 1.44;
	font-weight: 700;
	letter-spacing: 0;
	display: flex;
	justify-content: center;
	gap: 0.8rem;
	margin-top: 2.7rem;
}
@media screen and (max-width: 768px) {
	.industry__title {
		font-size: 2.1rem;
		line-height: 1.4285714286;
		margin-top: 1.5rem;
		gap: 0.34rem;
	}
}
.industry__title--highlight {
	padding: 0.4rem 2.4rem;
	background: var(--iegaograd);
	color: var(--white);
	font-weight: 700;
}
@media screen and (max-width: 768px) {
	.industry__title--highlight {
		padding: 0.2rem 1rem;
	}
}
.industry__title--text {
	color: var(--text);
}
.industry__subtitle {
	position: relative;
	font-size: 2.8rem;
	line-height: 132%;
	font-weight: 500;
	letter-spacing: 0;
	text-align: center;
	margin-top: 1.9rem;
}
@media screen and (max-width: 768px) {
	.industry__subtitle {
		font-size: 1.5rem;
		margin-top: 0.5rem;
	}
}
.industry__subtitle::after {
	content: "";
	position: absolute;
	top: calc(100% + 0.65rem);
	left: 50%;
	transform: translateX(-50%);
	width: 56.3rem;
	height: 2.1rem;
	background-image: url(../images/pc/industry-line.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
@media screen and (max-width: 768px) {
	.industry__subtitle::after {
		top: calc(100% + 0.38rem);
		width: 29.8rem;
		height: 0.7rem;
	}
}
.industry__diagram {
	width: 108rem;
	margin-inline: auto;
	margin-top: 4.8rem;
}
@media screen and (max-width: 768px) {
	.industry__diagram {
		width: 38.2rem;
		margin-top: 2.3rem;
	}
}
.industry__diagram img {
	margin-block: -3.15rem;
}
@media screen and (max-width: 768px) {
	.industry__diagram img {
		margin-block: -1.1rem;
	}
}
.industry__text {
	margin-top: 2.7rem;
}
@media screen and (max-width: 768px) {
	.industry__text {
		margin-top: 2.2rem;
		padding-inline: 2rem;
	}
}
.industry__text p {
	font-size: 2.4rem;
	line-height: 160%;
	font-weight: 500;
	letter-spacing: 0;
	text-align: center;
}
@media screen and (max-width: 768px) {
	.industry__text p {
		font-size: 1.6rem;
	}
}

.initial-cost {
	padding-block: 9.6rem;
	background: url(../images/pc/initial-cost-bg.webp) no-repeat center center/cover;
}
@media screen and (max-width: 768px) {
	.initial-cost {
		padding-block: 6.5rem;
		background: url(../images/sp/initial-cost-bg.webp) no-repeat center center/cover;
	}
}
.initial-cost__inner {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 6.8rem;
}
@media screen and (max-width: 768px) {
	.initial-cost__inner {
		flex-direction: column-reverse;
		gap: 2rem;
		padding-inline: 2rem;
	}
}
.initial-cost__images {
	width: 46.5rem;
}
@media screen and (max-width: 768px) {
	.initial-cost__images {
		width: 25.5rem;
		margin-left: auto;
	}
}
.initial-cost__title {
	width: 47.5rem;
}
@media screen and (max-width: 768px) {
	.initial-cost__title {
		width: 30.2rem;
	}
}
.initial-cost__text {
	width: fit-content;
	padding-left: 1.2rem;
}
@media screen and (max-width: 768px) {
	.initial-cost__text {
		padding-left: 0;
		padding-top: 0.6rem;
	}
}
.initial-cost__text p {
	font-size: 2.2rem;
	font-weight: 700;
	color: var(--white);
	line-height: 168%;
}
@media screen and (max-width: 768px) {
	.initial-cost__text p {
		font-size: 1.6rem;
		line-height: 146%;
	}
}
.initial-cost__text .yellow {
	color: #ffe30c;
}

.ofcourse {
	padding-block: 6.8rem 16.6rem;
	background-image: url(../images/pc/ofcourse-bg.webp);
	height: 93.5rem;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
	overflow: hidden;
	width: 100%;
}
@media (min-width: 1441px) {
	.ofcourse {
		background-size: 100%;
		aspect-ratio: unset;
		height: auto;
		min-height: 93.5rem;
	}
}
@media screen and (max-width: 768px) {
	.ofcourse {
		padding-block: 2.9rem 4.2rem;
		background-image: url(../images/sp/ofcourse-bg.webp);
		background-position: bottom;
		height: 28.5rem;
	}
}
.ofcourse__content {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	height: 100%;
	gap: 1rem;
}
@media (min-width: 1441px) {
	.ofcourse__content {
		gap: 40rem;
	}
}
.ofcourse__speech {
	position: relative;
	width: 33.3rem;
	height: 10.8rem;
	display: flex;
	padding-top: 0.5rem;
	justify-content: center;
	z-index: 1;
}
@media screen and (max-width: 768px) {
	.ofcourse__speech {
		width: 9.8rem;
		height: 3.2rem;
		padding-top: 0.3rem;
	}
}
.ofcourse__speech-icon {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 0;
}
.ofcourse__speech-text {
	font-size: 4.8rem;
	font-weight: 600;
	text-align: center;
	color: var(--white);
	z-index: 1;
	position: relative;
}
@media screen and (max-width: 768px) {
	.ofcourse__speech-text {
		font-size: 1.4rem;
	}
}
.ofcourse__text {
	font-size: 6.2rem;
	font-weight: 700;
	text-align: center;
	color: #ff641e;
	position: relative;
	filter: drop-shadow(1px 1px 3.5px rgba(255, 255, 255, 0.75)) drop-shadow(-1px -1px 3.5px rgba(255, 255, 255, 0.75)) drop-shadow(1px -1px 3.5px rgba(255, 255, 255, 0.75)) drop-shadow(-1px 1px 3.5px rgba(255, 255, 255, 0.75));
}
@media screen and (max-width: 768px) {
	.ofcourse__text {
		font-size: 2.4rem;
	}
}
.ofcourse__text--black {
	color: var(--text);
	display: inline;
}
.ofcourse__text::before {
	content: "";
	display: block;
	width: 23.9rem;
	height: 9.7rem;
	position: absolute;
	top: 0;
	left: -10rem;
	background-image: url(../images/common/iegao-fukidashi.png);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
	.ofcourse__text::before {
		background-image: url(../images/common/iegao-fukidashi.png);
		width: 9.7rem;
		height: 4.8rem;
		left: -4.3rem;
	}
}
.ofcourse__decorations {
	background-image: url(../images/pc/ofcourse-fig.webp);
	background-size: contain;
	aspect-ratio: 1440/117;
	background-position: center;
	background-repeat: repeat-x;
	width: 100%;
	height: auto;
	position: absolute;
	bottom: 0;
	left: 0;
}
@media screen and (max-width: 768px) {
	.ofcourse__decorations {
		background-image: url(../images/sp/ofcourse-fig.webp);
		aspect-ratio: 220/36;
		height: 3.6rem;
	}
}

.present {
	position: relative;
	z-index: 1;
	margin-top: -14.8rem;
}
@media screen and (max-width: 768px) {
	.present {
		margin-top: -4.4rem;
	}
}
.present__bg {
	padding-block: 19.7rem 8.4rem;
	background: url(../images/pc/present-bg.webp) no-repeat center center/cover;
}
@media (min-width: 1441px) {
	.present__bg {
		background-size: 100% 100%;
	}
}
@media screen and (max-width: 768px) {
	.present__bg {
		padding-block: 8.1rem 5.1rem;
		background: url(../images/sp/present-bg.webp) no-repeat center center/cover;
	}
}
.present__headline {
	display: flex;
	justify-content: center;
	gap: 1.7rem;
}
@media screen and (max-width: 768px) {
	.present__headline {
		gap: 0.6rem;
	}
}
.present__badge--info {
	background: linear-gradient(82deg, #ff641e 16.3%, #ffe259 110.42%);
	padding: 1.5rem 3.1rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 1rem;
	min-height: 16.9rem;
}
@media screen and (max-width: 768px) {
	.present__badge--info {
		padding: 0.6rem 1.5rem;
		gap: 0.7rem;
		min-height: 7.2rem;
	}
}
.present__badge--info span {
	display: block;
	font-size: 5.3rem;
	font-weight: 600;
	color: var(--white);
	line-height: 1;
}
@media screen and (max-width: 768px) {
	.present__badge--info span {
		font-size: 2.3rem;
	}
}
.present__badge--present {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.present__badge--present h2 span {
	font-size: 6.4rem;
	font-weight: 600;
	color: var(--white);
}
@media screen and (max-width: 768px) {
	.present__badge--present h2 span {
		font-size: 2.8rem;
	}
}
.present__badge--present h2 .grad-txt {
	background: linear-gradient(-111deg, #ffe259 16.42%, #ff641e 175.3%);
	background-size: 200%;
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-weight: 600;
	filter: drop-shadow(5px 2px 5px rgba(0, 0, 0, 0.5));
}
.present__badge--present .txt-shadow {
	text-shadow: 5px 1px 12px rgba(0, 0, 0, 0.5);
}
.present__subtitle {
	text-align: center;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0.6rem;
}
@media screen and (max-width: 768px) {
	.present__subtitle {
		gap: 0rem;
	}
}
.present__subtitle p {
	font-size: 3.2rem;
	font-weight: 500;
	color: var(--white);
}
@media screen and (max-width: 768px) {
	.present__subtitle p {
		font-size: 1.6rem;
		line-height: 125%;
	}
}
@media screen and (max-width: 768px) {
	.present__subtitle span {
		transform: translateY(0.3rem);
	}
}
@media screen and (max-width: 768px) {
	.present__subtitle svg {
		width: 2.5rem;
	}
}
.present__materials {
	margin-top: 5px;
	width: 66.9rem;
	margin-inline: auto;
	position: relative;
	z-index: 5;
}
@media screen and (max-width: 768px) {
	.present__materials {
		width: 32.1rem;
	}
}
.present__button-container {
	margin-top: 1.3rem;
}
@media screen and (max-width: 768px) {
	.present__button-container {
		margin-top: 0.4rem;
	}
}
.present__person {
	width: 29.4rem;
	bottom: 0;
	position: absolute;
	z-index: 1;
	left: 64%;
}
@media screen and (max-width: 768px) {
	.present__person {
		width: 12.7rem;
		left: 67%;
		z-index: -1;
	}
}

.promise {
	position: relative;
	padding-block: 23.4rem 18.2rem;
	background-image: url("../images/pc/promise-bg.webp");
	background-size: cover;
	background-position: center bottom;
	background-repeat: no-repeat;
	margin-top: -14rem;
	z-index: 1001;
}
@media screen and (min-width: 769px) {
	.promise {
		background-size: 100% 100%;
	}
}
@media screen and (max-width: 768px) {
	.promise {
		padding-block: 11.5rem 11.2rem;
		background-image: url("../images/sp/promise-bg.webp");
		margin-top: -4.4rem;
	}
}
.promise__header {
	max-width: 96.9rem;
	margin-inline: auto;
}
@media screen and (max-width: 768px) {
	.promise__header {
		max-width: 39.9rem;
	}
}
.promise__illustration {
	position: absolute;
	z-index: 2;
}
.promise__illustration--01 {
	top: 3.4rem;
	right: 0;
	width: 44.8rem;
}
@media screen and (max-width: 768px) {
	.promise__illustration--01 {
		top: 3.4rem;
		right: 0rem;
		width: 14.9rem;
	}
}
.promise__illustration--02 {
	bottom: 13.4rem;
	left: 0rem;
	width: 24.6rem;
}
@media screen and (max-width: 768px) {
	.promise__illustration--02 {
		width: 18.5rem;
		bottom: 3.5rem;
	}
}
.promise__grid {
	max-width: 107.5rem;
	padding-left: 1rem;
	width: calc(100% - 4rem);
	margin-inline: auto;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 5rem 2.7rem;
	margin-top: 8.15rem;
}
@media screen and (max-width: 768px) {
	.promise__grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 2.4rem;
		margin-top: 5.4rem;
	}
}
.promise__item {
	position: relative;
	z-index: 1;
	height: 32.2rem;
	padding-top: 3rem;
}
@media screen and (max-width: 768px) {
	.promise__item {
		height: auto;
		width: 17.9rem;
		min-height: 18.7rem;
		padding-bottom: 1.2rem;
	}
}
.promise__item::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 14.5rem;
	height: 1px;
	background: var(--black);
	top: 3.6rem;
	left: -3rem;
	rotate: -40.5deg;
}
@media screen and (max-width: 768px) {
	.promise__item::after {
		width: 10.6rem;
		top: 2.6rem;
		left: -2.3rem;
		rotate: -42deg;
	}
}
.promise__item-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	filter: drop-shadow(3.83px 3.83px 6.415px rgba(0, 0, 0, 0.44));
}
.promise__item-bg::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: var(--white);
	clip-path: polygon(0% 7.3rem, 8.55rem 0, 100% 0, 100% 100%, 0% 100%);
}
@media screen and (max-width: 768px) {
	.promise__item-bg::before {
		clip-path: polygon(0% 5.4rem, 6rem 0, 100% 0, 100% 100%, 0% 100%);
	}
}
.promise__item-number {
	font-family: var(--yaldevi);
	font-size: 7.66rem;
	line-height: 1;
	font-weight: 200;
	letter-spacing: -0.04em;
	position: absolute;
	width: 8.4rem;
	bottom: 27.5rem;
	right: 18.2rem;
	z-index: -1;
	text-align: center;
}
@media screen and (max-width: 768px) {
	.promise__item-number {
		font-size: 3.774rem;
		bottom: auto;
		top: -0.8rem;
		right: auto;
		left: -1.5rem;
		width: 6.8rem;
	}
}
.promise__item-title {
	height: 10rem;
	font-size: 2.4rem;
	width: 100%;
	line-height: 1.2083333333;
	font-weight: 700;
	letter-spacing: 0.03em;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	z-index: 2;
	text-align: center;
}
@media screen and (max-width: 768px) {
	.promise__item-title {
		height: 7.8rem;
		font-size: 1.5rem;
		line-height: 1.4;
	}
}
.promise__item-title--09, .promise__item-title--10, .promise__item-title--11, .promise__item-title--12 {
	height: 14rem;
	margin-top: -1.5rem;
}
@media screen and (max-width: 768px) {
	.promise__item-title--09, .promise__item-title--10, .promise__item-title--11, .promise__item-title--12 {
		height: 8.8rem;
		margin-top: -1rem;
	}
}
.promise__item-title::after {
	content: "";
	position: absolute;
	width: 19.2rem;
	height: 1px;
	background: var(--black);
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}
@media screen and (max-width: 768px) {
	.promise__item-title::after {
		width: 14.2rem;
	}
}
.promise__item-description {
	padding-inline: 3rem;
	margin-inline: auto;
	font-size: 1.6rem;
	line-height: 1.43;
	font-weight: 500;
	letter-spacing: 0.04em;
	margin-top: 1.2rem;
	position: relative;
	z-index: 2;
}
.promise__item-description span {
	color: #FF641E;
	display: inline;
	font-weight: 600;
}
@media screen and (max-width: 768px) {
	.promise__item-description {
		padding-inline: 2rem;
		font-size: max(1.1rem, 10px);
	}
}

.works {
	background-image: url("../images/pc/promise-bg.webp");
	background-size: cover;
	background-position: center bottom;
	background-repeat: no-repeat;
	clip-path: polygon(0% 0%, 100% 0%, 100% 90.779%, 100% 90.779%, 99.171% 91.037%, 96.835% 91.738%, 93.216% 92.771%, 88.541% 94.025%, 83.035% 95.389%, 76.924% 96.754%, 70.433% 98.008%, 63.788% 99.041%, 57.214% 99.742%, 50.938% 100%, 50.938% 100%, 44.608% 99.742%, 37.892% 99.041%, 31.037% 98.008%, 24.291% 96.754%, 17.902% 95.389%, 12.119% 94.025%, 7.189% 92.771%, 3.36% 91.738%, 0.881% 91.037%, 0% 90.779%, 0% 0%);
	padding-block: 22.6rem 16.5rem;
	margin-top: -15rem;
	position: relative;
	z-index: 999;
}
@media screen and (min-width: 769px) {
	.works {
		background-size: 100% 100%;
	}
}
@media screen and (max-width: 768px) {
	.works {
		padding-block: 6.2rem 0rem;
		clip-path: polygon(0% 0%, 100% 0%, 100% 99.224%, 100% 99.224%, 99.171% 99.246%, 96.835% 99.304%, 93.216% 99.391%, 88.541% 99.497%, 83.035% 99.612%, 76.924% 99.727%, 70.433% 99.832%, 63.788% 99.919%, 57.214% 99.978%, 50.938% 100%, 50.938% 100%, 44.608% 99.978%, 37.892% 99.919%, 31.037% 99.832%, 24.291% 99.727%, 17.902% 99.612%, 12.119% 99.497%, 7.189% 99.391%, 3.36% 99.304%, 0.881% 99.246%, 0% 99.224%, 0% 0%);
		margin-top: -4.5rem;
	}
}
.works__header {
	width: 98rem;
	margin-inline: auto;
}
@media screen and (max-width: 768px) {
	.works__header {
		width: 40rem;
	}
}
.works__text {
	font-size: 2.4rem;
	line-height: 1.4583333333;
	font-weight: 500;
	letter-spacing: 0em;
	text-align: center;
}
@media screen and (max-width: 768px) {
	.works__text {
		font-size: 1.6rem;
		line-height: 1.4375;
		margin-top: 0.8rem;
	}
}
.works__chart {
	width: 108.2rem;
	margin-inline: auto;
	margin-top: -2.7rem;
}
@media screen and (max-width: 768px) {
	.works__chart {
		width: 32.5rem;
		margin-top: 1.1rem;
	}
}

.simulation {
	position: relative;
	clip-path: polygon(0% 0%, 100% 0%, 100% 87.874%, 100% 87.874%, 99.171% 88.213%, 96.835% 89.135%, 93.216% 90.493%, 88.541% 92.142%, 83.035% 93.937%, 76.924% 95.732%, 70.433% 97.381%, 63.788% 98.739%, 57.214% 99.66%, 50.938% 100%, 50.938% 100%, 44.608% 99.66%, 37.892% 98.739%, 31.037% 97.381%, 24.291% 95.732%, 17.902% 93.937%, 12.119% 92.142%, 7.189% 90.493%, 3.36% 89.135%, 0.881% 88.213%, 0% 87.874%, 0% 0%);
	background-image: url(../images/pc/simulation-bg.webp);
	background-size: cover;
	background-position: center bottom;
	background-repeat: no-repeat;
	z-index: 1002;
}
@media screen and (max-width: 768px) {
	.simulation {
		clip-path: polygon(0% 0.088%, 100% 0.088%, 100% 92.852%, 100% 92.852%, 99.174% 93.052%, 96.846% 93.595%, 93.24% 94.396%, 88.579% 95.368%, 83.088% 96.426%, 76.992% 97.484%, 70.513% 98.456%, 63.875% 99.257%, 57.304% 99.8%, 51.023% 100%, 51.023% 100%, 44.684% 99.801%, 37.957% 99.259%, 31.091% 98.461%, 24.334% 97.492%, 17.934% 96.438%, 12.141% 95.383%, 7.202% 94.414%, 3.367% 93.617%, 0.883% 93.075%, 0% 92.876%, 0% 0.088%);
		background-image: url(../images/sp/simulation-bg.webp);
	}
}
.simulation__content {
	max-width: 144rem;
	width: 100%;
	margin-inline: auto;
	position: relative;
	z-index: 1;
	padding-block: 19rem 11.6rem;
}
@media screen and (max-width: 768px) {
	.simulation__content {
		width: calc(100% - 3.8rem);
		display: flex;
		flex-direction: column;
		padding-block: 5rem 6.2rem;
	}
}
.simulation__image {
	width: 98rem;
	position: absolute;
	top: 3.3rem;
	right: 0;
}
@media screen and (max-width: 768px) {
	.simulation__image {
		width: 33.9rem;
		position: static;
		margin-left: auto;
		margin-right: -1.9rem;
		margin-top: -1.2rem;
		order: 2;
	}
}
.simulation__body {
	position: relative;
	z-index: 1;
	max-width: 126rem;
	margin-left: auto;
}
@media screen and (max-width: 768px) {
	.simulation__body {
		width: 100%;
		order: 1;
	}
}
.simulation__title {
	width: 70.65rem;
	margin-right: auto;
}
@media screen and (max-width: 768px) {
	.simulation__title {
		width: 37.8rem;
	}
}
.simulation__text {
	position: relative;
	display: flex;
	flex-direction: column;
}
.simulation__text-01 {
	display: flex;
	align-items: baseline;
}
.simulation__text-01 ._01 {
	font-size: 5.7rem;
	line-height: 1.0877192982;
	font-weight: 700;
	letter-spacing: 0;
	color: #464646;
}
@media screen and (max-width: 768px) {
	.simulation__text-01 ._01 {
		font-size: 3.1rem;
		line-height: 1.0967741935;
	}
}
.simulation__text-01 ._02 {
	font-size: 17.7rem;
	line-height: 1.4519774011;
	font-weight: 700;
	letter-spacing: 0;
	background: var(--iegaograd);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	position: relative;
	top: 1rem;
}
@media screen and (max-width: 768px) {
	.simulation__text-01 ._02 {
		font-size: 9.6rem;
		line-height: 1.4479166667;
		top: 0.25rem;
	}
}
.simulation__text-01 ._03 {
	font-size: 9.4rem;
	line-height: 1.4468085106;
	font-weight: 700;
	letter-spacing: 0;
	background: var(--iegaograd);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
@media screen and (max-width: 768px) {
	.simulation__text-01 ._03 {
		font-size: 5.1rem;
		line-height: 1.4509803922;
	}
}
.simulation__text-01 ._04 {
	font-size: 7.1rem;
	line-height: 1.4507042254;
	font-weight: 700;
	letter-spacing: 0;
	color: #464646;
	filter: drop-shadow(1px 1px 3.5px rgba(255, 255, 255, 0.75)) drop-shadow(-1px -1px 3.5px rgba(255, 255, 255, 0.75)) drop-shadow(1px -1px 3.5px rgba(255, 255, 255, 0.75)) drop-shadow(-1px 1px 3.5px rgba(255, 255, 255, 0.75));
}
@media screen and (max-width: 768px) {
	.simulation__text-01 ._04 {
		font-size: 3.8rem;
		line-height: 1.4473684211;
		filter: none;
	}
}
.simulation__text-02 {
	font-size: 4.9rem;
	line-height: 1.4489795918;
	font-weight: 700;
	letter-spacing: 0;
	filter: drop-shadow(1px 1px 3.5px rgba(255, 255, 255, 0.5)) drop-shadow(-1px -1px 3.5px rgba(255, 255, 255, 0.5)) drop-shadow(1px -1px 3.5px rgba(255, 255, 255, 0.5)) drop-shadow(-1px 1px 3.5px rgba(255, 255, 255, 0.5));
	color: #464646;
	margin-top: -3.1rem;
}
@media screen and (max-width: 768px) {
	.simulation__text-02 {
		font-size: 2.7rem;
		line-height: 1.4444444444;
		filter: none;
		margin-top: -1.8rem;
	}
}
.simulation__text-02 span {
	background: var(--iegaograd);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.simulation__clock {
	position: absolute;
	width: 16.8rem;
	top: -4.1rem;
	left: 1.1rem;
}
@media screen and (max-width: 768px) {
	.simulation__clock {
		width: 9.6rem;
		top: -2.5rem;
		left: 0.6rem;
	}
}
.simulation__button-container {
	margin-top: 10.6rem;
}
@media screen and (max-width: 768px) {
	.simulation__button-container {
		order: 3;
		margin-top: 1.7rem;
	}
}
.simulation__button {
	display: flex;
	width: 47rem;
	border-radius: 4rem;
	height: 8rem;
	margin-inline: auto;
	transition: opacity 0.3s;
	background: var(--iegaograd);
	font-size: 3rem;
	font-weight: 500;
	padding-right: 4rem;
}
.simulation__button::after {
	border: none;
	width: auto;
	height: auto;
	border: 1.6rem solid transparent;
	border-left: 2.6rem solid var(--white);
	right: 1.6rem;
	transform: translateY(-50%) rotate(0);
}
@media screen and (max-width: 768px) {
	.simulation__button {
		width: 25rem;
		height: 4.2rem;
		font-size: 1.6rem;
		padding-right: 3rem;
		letter-spacing: 0;
	}
	.simulation__button::after {
		border: 0.8rem solid transparent;
		border-left: 1.4rem solid var(--white);
		right: 0.8rem;
	}
}
.simulation__button:hover {
	opacity: 0.8;
}

/*# sourceMappingURL=style.css.map */