body {
	.top {
		/* background-imageに2つの画像パスをカンマ区切りで記述する */
		background-image: url(../img/bg.gif);
		/* 背景画像を調整するプロパティもカンマ区切りで値を記述する */
		background-size: cover;
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-size: cover;
	}
	.side {
		position: fixed;
		width: 50%;
		overflow: hidden;
		font-family: "Nico Moji";
		font-size: 2rem;
		height: 100%;
	}
	.sides {
		position: fixed;
		width: 100%;
		overflow: hidden;
		height: 100%;
		right: 0;
		bottom: 0;
		text-align: right;
		p {
			position: absolute;
			right: 0;
			bottom: 0;
		}
		p>img {
			width: 30%;
		}
	}
	.logo {
		position: relative;
		top: 2rem;
		left: 2rem;
		img {
			width: 30%;
		}
	}
	.menu {
		position: relative;
		top: 5rem;
		left: 5rem;
	}
}
}
}
/*
@keyframes bg-color {
  0% { background-color: #e74c3c; }
  20% { background-color: #f1c40f; }
  40% { background-color: #1abc9c; }
  60% { background-color: #3498db; }
  80% { background-color: #9b59b6; }
  100% { background-color: #e74c3c; }
}*/

/* MENU */

.c-header {
	align-items: center;
	background-color: var(--usupink);
	/* カスタマイズしてください */
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	padding: 1rem 2rem;
	/* カスタマイズしてください */
	width: 100%;
}
.c-header__logo {
	color: #000;
	/* カスタマイズしてください */
	min-width: 80px;
	/* カスタマイズしてください */
	text-decoration: none;
}
.c-header__list {
	box-sizing: border-box;
	display: flex;
	margin: 0;
	padding: 0;
	display: none;
}
.c-header__list-item {
	list-style: none;
	text-decoration: none;
	margin: 0 auto;
	padding: 0.5rem 0;
}
.c-header__list-link {
	color: #000;
	/* カスタマイズしてください */
	display: block;
	margin-right: 20px;
	/* カスタマイズしてください */
	text-decoration: none;
	padding: 10px 0px;
	/* カスタマイズしてください */
}
.c-header__list-link:hover {
	filter: opacity(0.6);
	/* カスタマイズしてください */
}
.c-hamburger-menu {
	position: relative;
	padding-bottom: 2rem;
}
@media screen and (max-width: 750px) {
	.c-hamburger-menu__list {
		background-color: rgba(245, 235, 239, 0.9);
		/* カスタマイズしてください */
		align-items: flex-start;
		display: flex;
		flex-direction: column;
		left: 0;
		padding: 2rem;
		/* カスタマイズしてください */
		position: absolute;
		transform: translateX(-100%);
		transition: 0.3s;
		/* カスタマイズしてください */
		top: 100%;
		width: 100%;
		z-index: 1;
	}
	#hamburger:checked~.c-hamburger-menu__list {
		transform: translateX(0%);
		transition: 0.3s;
	}
}
.c-hamburger-menu__input {
	display: none;
}
.c-hamburger-menu__bg {
	background-color: #000;
	/* カスタマイズしてください */
	cursor: pointer;
	display: none;
	height: 100vh;
	left: 0;
	opacity: 0.4;
	/* カスタマイズしてください */
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1;
}
#hamburger:checked~.c-hamburger-menu__bg {
	display: block;
}
.c-hamburger-menu__button {
	display: none;
}
@media screen and (max-width: 750px) {
	.c-hamburger-menu__button {
		align-items: center;
		appearance: none;
		background-color: transparent;
		border: none;
		cursor: pointer;
		display: flex;
		flex-direction: column;
		gap: 5px;
		/* カスタマイズしてください */
		height: 32px;
		/* カスタマイズしてください */
		justify-content: center;
		width: 32px;
		/* カスタマイズしてください */
		margin: 1rem 0 0 1rem;
	}
}
.c-hamburger-menu__button-mark {
	background-color: #000;
	/* カスタマイズしてください */
	display: block;
	height: 1px;
	/* カスタマイズしてください */
	transition: 0.3s;
	/* カスタマイズしてください */
	width: 20px;
	/* カスタマイズしてください */
}
@media screen and (max-width: 750px) {
	#hamburger:checked~.c-hamburger-menu__button .c-hamburger-menu__button-mark:nth-of-type(1) {
		transform: translate(2px, 1px) rotate(45deg);
		/* カスタマイズしてください */
		transform-origin: 0%;
		/* カスタマイズしてください */
	}
	#hamburger:checked~.c-hamburger-menu__button .c-hamburger-menu__button-mark:nth-of-type(2) {
		opacity: 0;
	}
	#hamburger:checked~.c-hamburger-menu__button .c-hamburger-menu__button-mark:nth-of-type(3) {
		transform: translate(2px, 3px) rotate(-45deg);
		/* カスタマイズしてください */
		transform-origin: 0%;
		/* カスタマイズしてください */
	}
}
/* qa */

.accordion {
	margin-top: 3rem;
	.content {
		line-height: 1.5rem;
	}
}
.toggle {
	display: none;
}
.Label {
	/*タイトル*/
	padding: 1em;
	display: block;
	background: #fff;
}
.Label::before {
	/*タイトル横の矢印*/
	content: "";
	width: 6px;
	height: 6px;
	border-top: 2px solid var(--font);
	border-right: 2px solid var(--font);
	-webkit-transform: rotate(45deg);
	position: absolute;
	top: calc( 50% - 3px);
	right: 20px;
	transform: rotate(135deg);
}
.Label, .content {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform: translateZ(0);
	transition: all 0.3s;
}
.content {
	/*本文*/
	height: 0;
	margin-bottom: 10px;
	padding: 0 20px;
	overflow: hidden;
}
.toggle:checked+.Label+.content {
	/*開閉時*/
	height: auto;
	padding: 20px;
	transition: all .3s;
}
.toggle:checked+.Label::before {
	transform: rotate(-45deg) !important;
}
/*qa end */

.top {
	display: flex;
	flex-direction: row;
	justify-content: center;
	width: 100%;
	.div {
		background-color: var(--usupink);
		overflow: hidden;
		width: 430px;
		height: 10380px;
		position: relative;
		box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35);
	}
	.header {
		position: absolute;
		width: 27px;
		height: 35px;
		top: 15px;
		left: 380px;
		background-color: transparent;
	}
	.menu {
		width: 29px;
		height: 35px;
	}
	.overlap-group {
		position: relative;
		width: 27px;
		height: 35px;
	}
	.img {
		position: absolute;
		width: 26px;
		height: 26px;
		top: 0;
		left: 1px;
	}
	.text-wrapper {
		position: absolute;
		top: 23px;
		left: 0;
		font-family: "Futura PT-Demi", Helvetica;
		font-weight: 400;
		color: #000000;
		font-size: 9.5px;
		letter-spacing: 0;
		line-height: normal;
	}
	.kv {
		position: relative;
		width: 380px;
		height: auto;
		margin: 0 auto;
		padding-top: 0;
	}
	.overlap {
		position: relative;
		height: 514px;
	}
	.bg {
		position: absolute;
		width: 385px;
		height: 385px;
		top: 0;
		left: 0;
		border-radius: 14px;
		background: linear-gradient(180deg, rgb(254, 177, 201) 0%, rgb(255, 171.06, 197.23) 100%);
		opacity: 0.9;
		background-color: var(--logo-pink);
	}
	.pic-kv {
		position: absolute;
		width: 385px;
		height: 495px;
		top: 0;
		left: 0;
	}
	.main-text {
		position: absolute;
		width: 193px;
		height: 179px;
		top: 335px;
		left: 90px;
		background-image: url(../img/logo-chubby-indiba-2-1.png);
		background-size: cover;
		background-position: 50% 50%;
	}
	.sub-text {
		position: absolute;
		width: 289px;
		height: 91px;
		top: 19px;
		left: 53px;
	}
	.overlap-group-2 {
		position: relative;
		width: 285px;
		height: 93px;
		top: -2px;
		left: -2px;
	}
	.image {
		width: 249px;
		height: 28px;
		top: 33px;
		left: 8px;
		position: absolute;
		object-fit: cover;
	}
	.text-wrapper-2 {
		position: absolute;
        top: 15px;
        left: -39px;
        transform: rotate(-6.12deg);
        font-weight: 400;
        color: #ffffff;
        font-size: 23px;
        text-align: center;
        letter-spacing: 0;
        line-height: normal;
        white-space: nowrap;
        font-family: "Nico Moji";
	}
	.image-2 {
		width: 254px;
		height: 31px;
		top: 62px;
		left: 12px;
		position: absolute;
		object-fit: cover;
	}
	.text-wrapper-3 {
		position: absolute;
        top: 56px;
        left: 0;
        transform: rotate(-6.12deg);
        font-weight: 400;
        color: #ffffff;
        font-size: 25px;
        text-align: center;
        letter-spacing: 0;
        line-height: normal;
        white-space: nowrap;
        font-family: "Nico Moji";
	}
	.contents {
		position: absolute;
		width: 452px;
		height: auto;
		top: 606px;
		left: -12px;
	}
	.cate-pr {
		position: absolute;
		width: 330px;
		height: 760px;
		top: 0;
		left: 55px;
	}
	.overlap-2 {
		position: relative;
		width: 332px;
		height: 760px;
	}
	.p {
		position: absolute;
		width: 332px;
		height: 576px;
		top: 184px;
		left: 0;
	}
	.text-wrapper-4 {
		position: absolute;
		width: 330px;
		top: 0;
		left: 0;
		font-family: "Noto Serif", Helvetica;
		font-weight: 300;
		color: var(--font);
		font-size: 16px;
		letter-spacing: 0;
		line-height: 36px;
	}
	.h {
		position: absolute;
		width: 237px;
		height: 193px;
		top: 0;
		left: 37px;
	}
	.text-wrapper-5 {
		top: 109px;
		left: 53px;
		font-weight: 100;
		font-size: 20px;
		letter-spacing: 6px;
		position: absolute;
		font-family: "Noto Serif", Helvetica;
		color: var(--font);
		line-height: normal;
	}
	.overlap-group-3 {
		position: absolute;
		width: 128px;
		height: 106px;
		top: 0;
		left: 64px;
	}
	.about-me {
		position: absolute;
		width: 128px;
		height: 93px;
		top: 13px;
		left: 0;
		object-fit: cover;
	}
	.fukidashi {
		position: absolute;
		width: 32px;
		height: 35px;
		top: 0;
		left: 11px;
	}
	.overlap-3 {
		position: absolute;
		width: 430px;
		height: auto;
		top: 700PX;
		left: 12px;
	}
	.cate-onayami {
		position: absolute;
		width: 430px;
		height: 1339px;
		top: 0;
		left: 0;
		background-color: #ffffff;
	}
	.h-2 {
		position: absolute;
		width: max-content;
		height: 97px;
		top: 50px;
		left: 108px;
	}
	.text-wrapper-6 {
		width: 290px;
		top: 48px;
		left: 0;
		font-size: 20px;
		letter-spacing: 4px;
		position: absolute;
		font-family: "Noto Serif", Helvetica;
		font-weight: 300;
		color: var(--font);
		line-height: normal;
	}
	.text-wrapper-7 {
		position: absolute;
		width: 53px;
		top: 76px;
		left: 79px;
		font-family: "Moon Dance", Helvetica;
		font-weight: 400;
		color: var(--font);
		font-size: 16px;
		text-align: center;
		letter-spacing: 3.2px;
		line-height: normal;
	}
	.nayami {
		position: absolute;
		width: 18px;
		height: 34px;
		top: 0;
		left: 97px;
	}
	.inbox {
		position: absolute;
		width: 352px;
		height: 286px;
		top: 248px;
		left: 43px;
	}
	.nayami-2 {
		height: 128px;
		top: 0;
		position: absolute;
		width: 154px;
		left: 0;
	}
	.text-wrapper-8 {
		position: absolute;
		width: 150px;
		top: 78px;
		left: 0;
		font-family: "Noto Serif", Helvetica;
		font-weight: 300;
		color: var(--font);
		font-size: 14px;
		letter-spacing: 0;
		line-height: 25px;
	}
	.div-wrapper {
		position: absolute;
		width: 68px;
		height: 69px;
		top: 0;
		left: 41px;
		background-image: url(../img/frame-4.svg);
		background-size: 100% 100%;
	}
	.text-wrapper-9 {
		position: absolute;
		width: 36px;
		top: 16px;
		left: 16px;
		font-family: "Noto Serif", Helvetica;
		font-weight: 300;
		color: var(--font);
		font-size: 18px;
		text-align: center;
		letter-spacing: 0;
		line-height: normal;
		display: flex;
font-size: 120%;
align-items: center;
justify-content: center;
line-height: 1;
color: #000000;
text-shadow: 3px 3px 0px rgba(255, 255, 255, 1), -1px -1px 6px rgba(255, 255, 255, 1);
font-weight: bold;
	}
	.nayami-3 {
		height: 120px;
		top: 166px;
		position: absolute;
		width: 154px;
		left: 0;
	}
	.text-wrapper-10 {
		width: 150px;
		top: 70px;
		left: 0;
		line-height: 25px;
		position: absolute;
		font-family: "Noto Serif", Helvetica;
		font-weight: 300;
		color: var(--font);
		font-size: 14px;
		letter-spacing: 0;
	}
	.overlap-4 {
		position: absolute;
		width: 72px;
		height: 77px;
		top: -7px;
		left: 39px;
		background-image: url(../img/frame-2.svg);
		background-size: 100% 100%;
	}
	.text-wrapper-11 {
		position: absolute;
		width: 36px;
		top: 11px;
		left: 18px;
		font-family: "Noto Serif", Helvetica;
		font-weight: 300;
		color: var(--font);
		font-size: 18px;
		text-align: center;
		letter-spacing: 0;
		line-height: 20px;
		display: flex;
font-size: 120%;
align-items: center;
justify-content: center;
line-height: 1;
color: #000000;
text-shadow: 3px 3px 0px rgba(255, 255, 255, 1), -1px -1px 6px rgba(255, 255, 255, 1);
font-weight: bold;
	}
	.overlap-wrapper {
		height: 121px;
		top: 7px;
		position: absolute;
		width: 154px;
		left: 202px;
	}
	.overlap-5 {
		position: relative;
		width: 150px;
		height: 121px;
	}
	.text-wrapper-12 {
		position: absolute;
		width: 150px;
		top: 71px;
		left: 0;
		font-family: "Noto Serif", Helvetica;
		font-weight: 300;
		color: var(--font);
		font-size: 14px;
		letter-spacing: 0;
		line-height: 25px;
	}
	.frame {
		position: absolute;
		width: 64px;
		height: 71px;
		top: 0;
		left: 43px;
	}
	.text-wrapper-13 {
		position: absolute;
		width: 36px;
		top: 9px;
		left: 57px;
		font-family: "Noto Serif", Helvetica;
		font-weight: 300;
		color: var(--font);
		font-size: 18px;
		text-align: center;
		letter-spacing: 0;
		line-height: normal;
display: flex;
font-size: 120%;
align-items: center;
justify-content: center;
line-height: 1;
color: #000000;
text-shadow: 3px 3px 0px rgba(255, 255, 255, 1), -1px -1px 6px rgba(255, 255, 255, 1);
font-weight: bold;
	}
	.nayami-4 {
		height: 119px;
		top: 167px;
		position: absolute;
		width: 154px;
		left: 202px;
	}
	.text-wrapper-14 {
		position: absolute;
		width: 150px;
		top: 69px;
		left: 0;
		font-family: "Noto Serif", Helvetica;
		font-weight: 300;
		color: var(--font);
		font-size: 14px;
		letter-spacing: 0;
		line-height: 25px;
	}
	.overlap-6 {
		position: absolute;
		width: 92px;
		height: 74px;
		top: -7px;
		left: 30px;
		background-image: url(../img/frame-3.svg);
		background-size: 100% 100%;
	}
	.text-wrapper-15 {
		position: absolute;
		width: 54px;
		top: 14px;
		left: 18px;
		font-family: "Noto Serif", Helvetica;
		font-weight: 300;
		color: var(--font);
		font-size: 18px;
		text-align: center;
		letter-spacing: 0;
		line-height: normal;
		display: flex;
font-size: 120%;
align-items: center;
justify-content: center;
line-height: 1;
color: #000000;
text-shadow: 3px 3px 0px rgba(255, 255, 255, 1), -1px -1px 6px rgba(255, 255, 255, 1);
font-weight: bold;
	}
	.cate-unser {
		position: absolute;
		width: 342px;
		height: 735px;
		top: 554px;
		left: 52px;
	}
	.frame-2 {
		position: absolute;
		width: 26px;
		height: 57px;
		top: 0;
		left: 150px;
	}
	.h-3 {
		position: absolute;
		width: 311px;
		height: 161px;
		top: 87px;
		left: 9px;
	}
	.text-wrapper-16 {
		position: relative;
		top: 53px;
		left: 0;
		font-family: "Noto Serif", Helvetica;
		font-weight: 300;
		color: var(--font);
		font-size: 20px;
		text-align: center;
		letter-spacing: 0;
		line-height: normal;
		width: max-content;
	}
	.text-wrapper-17 {
		position: absolute;
		top: 140px;
		left: 92px;
		font-family: "Moon Dance", Helvetica;
		font-weight: 400;
		color: var(--font);
		font-size: 16px;
		text-align: center;
		letter-spacing: 3.2px;
		line-height: normal;
	}
	.solving {
		position: absolute;
		width: 59px;
		height: 44px;
		top: 0;
		left: 123px;
	}
	.text-wrapper-18 {
		position: absolute;
		top: 263px;
		left: 66px;
		font-family: "Noto Serif", Helvetica;
		font-weight: 300;
		color: var(--font);
		font-size: 16px;
		letter-spacing: 0;
		line-height: 25px;
		

	}
	.icon-hospital {
		position: absolute;
		width: 50px;
		height: 50px;
		top: 300px;
		left: 0;
		object-fit: cover;
	}
	.element {
		position: absolute;
		top: 380px;
		left: 66px;
		font-family: "Noto Serif", Helvetica;
		font-weight: 300;
		color: var(--font);
		font-size: 16px;
		letter-spacing: 0;
		line-height: 25px;
	}
	.text-wrapper-19 {
		position: absolute;
		top: 475px;
		left: 66px;
		font-family: "Noto Serif", Helvetica;
		font-weight: 300;
		color: var(--font);
		font-size: 16px;
		letter-spacing: 0;
		line-height: 25px;
		white-space: nowrap;
	}
	.text-wrapper-20 {
		position: absolute;
		width: 334px;
		top: 555px;
		left: 0;
		font-family: "Noto Serif", Helvetica;
		font-weight: 300;
		color: var(--font);
		font-size: 14px;
		letter-spacing: 0;
		line-height: 36px;
	}
	.icon-nurse {
		position: absolute;
		width: 46px;
		height: 46px;
		top: 382px;
		left: 2px;
		object-fit: cover;
	}
	.icon-girl {
		position: absolute;
		width: 46px;
		height: 46px;
		top: 464px;
		left: 2px;
		object-fit: cover;
	}
	.cv {
		top: 2038px;
		position: relative;
		width: auto;
		height: 260px;
		left: 0;
		background: linear-gradient(180deg, rgb(183.85, 255, 93.29) 0%, rgb(200.07, 145.14, 255) 100%);
	}
	.overlap-7 {
		position: absolute;
		width: 336px;
		height: 107px;
		top: 25px;
		left: 48px;
	}
	.text-wrapper-21 {
		position: absolute;
		top: 3px;
		left: 127px;
		transform: rotate(-5.14deg);
		font-family: "Mrs Saint Delafield", Helvetica;
		font-weight: 400;
		color: #ffffff;
		font-size: 40px;
		text-align: center;
		letter-spacing: 0;
		line-height: normal;
	}
	.group {
		position: absolute;
		width: 336px;
		height: 56px;
		top: 51px;
		left: 0;
	}
	.text-wrapper-22 {
		position: absolute;
		width: 334px;
		top: 0;
		left: 0;
		font-family: "Noto Serif", Helvetica;
		font-weight: 300;
		color: var(--font);
		font-size: 14px;
		text-align: center;
		letter-spacing: 0;
		line-height: 28px;
	}
	.button {
		all: unset;
		box-sizing: border-box;
		top: 170px;
		left: 54px;
		position: absolute;
		width: 330px;
		height: 55px;
		background-color: var(--white);
		border-radius: 30px;
		box-shadow: 0px 0px 20px #0000001a;
		& a {
			color: var(--logo-pink);
		}
		&:hover {
			background-color: var(--usupink);
			box-shadow: 0px 0px 1px #0000001a;
		}
	}
	.text-wrapper-23 {
		position: absolute;
		top: 14px;
		left: 101px;
		font-family: "Noto Serif", Helvetica;
		font-weight: 700;
		color: var(--logo-pink);
		font-size: 16px;
		text-align: center;
		letter-spacing: 0;
		line-height: 25px;
		white-space: nowrap;
	}
	.cate-indiva {
		position: relative;
		width: auto;
		height: auto;
		top: 2469px;
		left: -13px;
	}
	.pic {
		position: absolute;
		width: 421px;
		height: 257px;
		top:452px;
		left: 12px;
	}
	.p-2 {
		position: absolute;
		width: 336px;
		height: 252px;
		top: 93px;
		left: 73px;
	}
	.text-wrapper-24 {
		position: absolute;
		width: 334px;
		top: 0;
		left: 0;
		font-family: "Noto Serif", Helvetica;
		font-weight: 300;
		color: var(--font);
		font-size: 14px;
		letter-spacing: 0;
		line-height: 36px;
	}
	.overlap-group-wrapper {
		position: absolute;
		width: 231px;
		height: 49px;
		top: 0;
		left: 122px;
	}
	.overlap-group-4 {
		position: relative;
		width: 227px;
		height: 49px;
	}
	.image-3 {
		width: 227px;
		height: 48px;
		top: 1px;
		left: 0;
		position: absolute;
		object-fit: cover;
	}
	.text-wrapper-25 {
		position: absolute;
		width: 212px;
		top: 0;
		left: 7px;
		font-family: "Noto Serif", Helvetica;
		font-weight: 300;
		color: var(--font);
		font-size: 20px;
		text-align: center;
		letter-spacing: 4px;
		line-height: normal;
		width: max-content;
	}
	.text-wrapper-26 {
		position: absolute;
		top: 28px;
		left: 51px;
		font-family: "Moon Dance", Helvetica;
		font-weight: 400;
		color: var(--font);
		font-size: 16px;
		text-align: center;
		letter-spacing: 3.2px;
		line-height: normal;
	}
	.cate-indiba-inbox {
		position: absolute;
		width: 336px;
		height: 635px;
		top: 749px;
		left: 73px;
	}
	.text-wrapper-27 {
		position: absolute;
		width: 334px;
		top: 69px;
		left: 0;
		font-family: "Noto Serif", Helvetica;
		font-weight: 300;
		color: var(--font);
		font-size: 14px;
		letter-spacing: 0;
		line-height: 36px;
	}
	.h-4 {
		position: absolute;
		width: 142px;
		height: 49px;
		top: 0;
		left: 0;
	}
	.overlap-group-5 {
		position: relative;
		width: 140px;
		height: 49px;
	}
	.image-4 {
		width: 49px;
		height: 49px;
		top: 0;
		left: 45px;
		position: absolute;
		object-fit: cover;
	}
	.text-wrapper-28 {
		position: absolute;
		top: 10px;
		left: 0;
		font-family: "Noto Serif", Helvetica;
		font-weight: 300;
		color: var(--font);
		font-size: 20px;
		text-align: center;
		letter-spacing: 1px;
		line-height: normal;
		width: max-content;
	}
	.p-3 {
		position: absolute;
		width: 323px;
		height: 72px;
		top: 623px;
		left: 0;
	}
	.text-wrapper-29 {
		position: absolute;
		width: 321px;
		top: 0;
		left: 0;
		font-family: "Noto Serif", Helvetica;
		font-weight: 600;
		color: var(--font);
		font-size: 14px;
		letter-spacing: 0;
		line-height: 36px;
	}
	.overlap-8 {
		position: absolute;
		width: 430px;
		height: 554px;
		top: 1625px;
		left: 22px;
	}
	.cate-indiba-inbox-2 {
		position: absolute;
		width: 430px;
		height: 554px;
		top: 0;
		left: 0;
	}
	.overlap-9 {
		position: absolute;
		width: 420px;
		height: 374px;
		top: 0;
		left: 0;
	}
	.mask-group {
		position: relative;
		width: auto;
		height: 251px;
		top: 116px;
		left: 15px;
		right: 0;
	}
	.h-5 {
		position: absolute;
		width: 263px;
		height: 87px;
		top: 287px;
		left: 74px;
	}
	.overlap-group-6 {
		position: relative;
		width: 261px;
		height: 87px;
	}
	.image-5 {
		width: 234px;
		height: 87px;
		top: 0;
		left: 14px;
		position: absolute;
		object-fit: cover;
	}
	.text-wrapper-30 {
		position: relative;
		top: 25px;
		left: 0;
		transform: rotate(-4.48deg);
		font-family: "Noto Serif", Helvetica;
		font-weight: 300;
		color: var(--font);
		font-size: 20px;
		letter-spacing: 0;
		line-height: normal;
		width:  auto;;
	}
	.pic-indiba {
		position: absolute;
		width: 351px;
		height: 136px;
		top: 0;
		left: 29px;
		object-fit: cover;
	}
	.ol {
		top: 384px;
        left: 0;
        position: relative;
	}
	.overlap-10 {
		position: relative;
		height: 180px;
	}
	.group-2 {
		position: relative;
        width: auto;
        display: grid;
        align-items: start;
        justify-items: stretch;
        align-content: space-between;
        line-height: 2rem;
	}
	.li {
		width: auto;
        position: relative;
        height: auto;
        display: ruby;
	}
	.text-wrapper-31 {
		position: relative;
		height: 34px;
		top: 0;
		left: 42px;
		font-family: "Noto Serif", Helvetica;
		font-weight: 300;
		color: var(--font);
		font-size: 14px;
		letter-spacing: 1.4px;
		line-height: 34px;
		white-space: nowrap;
	}
	.check-circle {
		position: absolute;
		width: 36px;
		height: 36px;
		top: 0;
		left: 0;
	}
	.li-2 {
		width: auto;
        position: relative;
        height: auto;
        display: ruby;
	}
	.li-3 {
		width: auto;
        position: relative;
        height: auto;
        display: ruby;
	}
	.li-4 {
		width: auto;
        position: relative;
        height: auto;
        display: ruby;
	}
	.li-5 {
		width: auto;
        position: relative;
        height: auto;
        display: ruby;
	}
	.group-3 {
        position: absolute;
        width: 133px;
        height: 180px;
        top: 180px;
        left: 0px;
	}
	.li-6 {
		width: auto;
        position: relative;
        height: auto;
        display: ruby;
	}
	.li-7 {
		width: auto;
        position: relative;
        height: auto;
        display: ruby;
	}
	.cate-indiba-inbox-3 {
		position: absolute;
		width: 341px;
		height: 267px;
		top: 287px;
		left: 21px;
	}
	.h-6 {
		position: absolute;
		width: 263px;
		height: 87px;
		top: 0;
		left: 53px;
	}
	.ol-2 {
		top: 87px;
		left: 0;
		position: absolute;
		width: 341px;
		height: 180px;
	}
	.overlap-11 {
		position: relative;
		width: auto;
		height: auto;
		top: 1789px;
		left: 53px;
	}
	.cate-ndiva-in {
		position: relative;
		width: 362px;
		height: 477px;
		top: 0;
		left: 0;
	}
	.overlap-12 {
		position: relative;
        width: auto;
        height: 860px;
        background-color: #ffffff;
        border-radius: 10px;
        top: 40rem;
        left: -12px;
	}
	.text-wrapper-32 {
		position: absolute;
        width: 297px;
        top: 77px;
        left: 31px;
        opacity: 0.8;
        font-family: "Noto Serif", Helvetica;
        font-weight: 300;
        color: var(--font);
        font-size: 16px;
        letter-spacing: 0;
        line-height: 29px;
	}
	.h-7 {
		position: absolute;
		width: 191px;
		height: 22px;
		top: 30px;
		left: 85px;
	}
	.text-wrapper-33 {
        font-weight: 300;
        font-size: 16px;
        text-align: center;
        letter-spacing: normal;
        position: relative;
        font-family: "Noto Serif", Helvetica;
        color: var(--font);
        line-height: normal;
        width: auto;
	}
	.cv-2 {
		top: 5017px;
		position: relative;
		width: 450px;
		height: 260px;
		left: 10px;
		background: linear-gradient(180deg, rgb(183.85, 255, 93.29) 0%, rgb(200.07, 145.14, 255) 100%);
	}
	.cate-menu {
		position: relative;
		width: auto;
		height: 572px;
		top: 5016px;
		left: 10px;
		background-color: #d98baa;
	}
	.h-8 {
		position: absolute;
		width: 216px;
		height: 78px;
		top: 50px;
		left: 108px;
	}
	.text-wrapper-34 {
		position: absolute;
		width: 212px;
		top: 29px;
		left: 0;
		font-family: "Noto Serif", Helvetica;
		font-weight: 300;
		color: #ffffff;
		font-size: 20px;
		text-align: center;
		letter-spacing: 0;
		line-height: normal;
	}
	.text-wrapper-35 {
		position: absolute;
		width: auto;
		top: 57px;
		font-family: "Moon Dance", Helvetica;
		font-weight: 400;
		color: #ffffff;
		font-size: 16px;
		text-align: center;
		letter-spacing: 3.2px;
		line-height: normal;
		
		span {
			display: block;
		}
	}
	.icon {
		width: 46px;
		height: 19px;
		left: 83px;
		position: absolute;
		top: 0;
	}
	.overlap-13 {
		position: absolute;
		width: 380px;
		height: 380px;
		top: 163px;
		left: 25px;
		background-color: #ffffff;
		border-radius: 14px;
	}
	.element-2 {
		position: absolute;
		width: 133px;
		height: 59px;
		top: 38px;
		left: 124px;
	}
	.text-wrapper-36 {
		width: max-content;
		position: absolute;
		top: 0;
		left: 0;
		font-family: "Noto Serif", Helvetica;
		font-weight: 300;
		color: var(--font);
		font-size: 16px;
		text-align: center;
		letter-spacing: 0;
		line-height: normal;
	}
	.group-4 {
		position: absolute;
		width: 137px;
		height: 27px;
		top: 32px;
		left: 0;
	}
	.text-wrapper-37 {
		top: 0;
		left: 19px;
		font-size: 20px;
		text-align: center;
		letter-spacing: 0;
		position: absolute;
		font-family: "Noto Serif", Helvetica;
		font-weight: 300;
		color: var(--font);
		line-height: normal;
	}
	.text-wrapper-38 {
		position: absolute;
		top: 8px;
		left: 0;
		font-family: "Noto Serif", Helvetica;
		font-weight: 300;
		color: var(--font);
		font-size: 12px;
		text-align: center;
		letter-spacing: 0;
		line-height: normal;
	}
	.text-wrapper-39 {
		width: max-content;
		top: 8px;
		left: 71px;
		font-size: 12px;
		letter-spacing: 0;
		position: absolute;
		font-family: "Noto Serif", Helvetica;
		font-weight: 300;
		color: var(--font);
		line-height: normal;
	}
	.vector {
		top: 126px;
		position: absolute;
		width: 293px;
		height: 1px;
		left: 43px;
	}
	.element-3 {
		position: absolute;
		width: 133px;
		height: 59px;
		top: 157px;
		left: 124px;
	}
	.vector-2 {
		top: 246px;
		position: absolute;
		width: 293px;
		height: 1px;
		left: 43px;
	}
	.view {
		position: absolute;
		width: 131px;
		height: 59px;
		top: 276px;
		left: 125px;
	}
	.text-wrapper-40 {
		position: absolute;
		top: 0;
		left: 16px;
		font-family: "Noto Serif", Helvetica;
		font-weight: 300;
		color: var(--font);
		font-size: 16px;
		text-align: center;
		letter-spacing: 0;
		line-height: normal;
	}
	.group-5 {
		position: absolute;
		width: 135px;
		height: 27px;
		top: 32px;
		left: 0;
	}
	.text-wrapper-41 {
		position: absolute;
		top: 0;
		left: 17px;
		font-family: "Noto Serif", Helvetica;
		font-weight: 300;
		color: var(--font);
		font-size: 20px;
		text-align: center;
		letter-spacing: 0;
		line-height: normal;
	}
	.text-wrapper-42 {
		width: max-content;
		position: absolute;
		top: 8px;
		left: 69px;
		font-family: "Noto Serif", Helvetica;
		font-weight: 300;
		color: var(--font);
		font-size: 12px;
		letter-spacing: 0;
		line-height: normal;
	}
	.cate-faq {
		position: relative;
		width: 380px;
		height: 417px;
		top: 5070px;
		left: 37px;
	}
	.h-9 {
		height: 3rem;
		position: relative;
        width: max-content;
        margin: 0 auto;
	}
	.text-wrapper-43 {
		position: absolute;
		top: 48px;
		left: 0;
		font-family: "Noto Serif", Helvetica;
		font-weight: 300;
		color: var(--font);
		font-size: 20px;
		letter-spacing: 4px;
		line-height: normal;
	}
	.text-wrapper-44 {
		position: absolute;
		top: 76px;
		left: 52px;
		font-family: "Moon Dance", Helvetica;
		font-weight: 400;
		color: var(--font);
		font-size: 16px;
		text-align: center;
		letter-spacing: 3.2px;
		line-height: normal;
	}
	.QA {
		position: absolute;
		width: 57px;
		height: 41px;
		top: 0;
		left: -30px;
	}
	.QA-accordion {
		display: inline-flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 10px;
		position: absolute;
		top: 147px;
		left: 0;
	}
	.frame-wrapper {
		display: flex;
		flex-direction: column;
		width: 380px;
		height: 60px;
		align-items: flex-start;
		gap: 36px;
		padding: 19px 20px 20px;
		position: relative;
		background-color: #ffffff;
	}
	.frame-3 {
		display: flex;
		width: 340px;
		height: 21px;
		align-items: flex-start;
		justify-content: space-between;
		position: relative;
	}
	.text-wrapper-45 {
		position: relative;
		width: fit-content;
		margin-top: -1px;
		font-family: "Noto Serif", Helvetica;
		font-weight: 200;
		color: var(--font);
		font-size: 14px;
		letter-spacing: 0;
		line-height: normal;
	}
	.text-wrapper-46 {
		position: relative;
		width: 12px;
		height: 25px;
		margin-top: -1px;
		margin-bottom: -3px;
		font-family: "Noto Serif", Helvetica;
		font-weight: 200;
		color: var(--font);
		font-size: 20px;
		letter-spacing: 0;
		line-height: normal;
	}
	.cate-flow {
		position: absolute;
		width: 450px;
		height: 1229px;
		top: 7200px;
		left: 5px;
		background-color: #ffffff;
	}
	.text-wrapper-47 {
		position: absolute;
		width: 212px;
		top: 29px;
		left: 0;
		font-family: "Noto Serif", Helvetica;
		font-weight: 300;
		color: var(--font);
		font-size: 20px;
		text-align: center;
		letter-spacing: 4px;
		line-height: normal;
	}
	.text-wrapper-48 {
		position: absolute;
		width: 53px;
		top: 57px;
		left: 79px;
		font-family: "Moon Dance", Helvetica;
		font-weight: 400;
		color: var(--font);
		font-size: 16px;
		text-align: center;
		letter-spacing: 3.2px;
		line-height: normal;
	}
	.icon-2 {
		width: 37px;
		height: 22px;
		left: 88px;
		position: absolute;
		top: 0;
	}
	.inbox-2 {
		position: relative;
		width: 87%;
		height: 941px;
		background-color: #f4f3ff;
		margin: 0 auto;
		top: 10rem;
		border-radius: 1rem;
	}
	.step {
        position: relative;
        height: 163px;
        top: 30px;
        width: 323px;
        margin: 0 auto;
	}
	.h-10 {
        position: relative;
        width: max-content;
        height: auto;
        margin: 0 auto;
	}
	.text-wrapper-49 {
		position: relative;

		font-family: "Noto Serif", Helvetica;
		font-weight: 300;
		color: var(--logo-pink);
		font-size: 14px;
		text-align: center;
		letter-spacing: 0;
		line-height: normal;
	}
	.text-wrapper-50 {
		position: relative;

		font-family: "Noto Serif", Helvetica;
		font-weight: 300;
		color: var(--font);
		font-size: 16px;
		text-align: center;
		letter-spacing: 0;
		line-height: normal;

	}
	.inbox-white {
		width: 325px;
        height: auto;
        position: relative;
		left: 0;
	}
	.overlap-group-7 {
		position: relative;
		width: 323px;
		height: 120px;
		background-color: #ffffff;
		border-radius: 10px;
	}
	.text-wrapper-51 {
		
		position: absolute;
		width: 242px;
		top: 20px;
		left: 40px;
		font-family: "Noto Serif", Helvetica;
		font-weight: 300;
		color: var(--font);
		font-size: 14px;
		text-align: center;
		letter-spacing: 0;
		line-height: normal;
	}
	.step-2 {
		position: relative;
        height: 194px;
        width: 323px;
        margin: 0 auto;
		top:54px;
	}
	.h-11 {
		position: relative;
		width: auto;
		height: 49px;
		margin: 0 auto;
		text-align: center;
	}
	.text-wrapper-52 {
		position: relative;
		font-family: "Noto Serif", Helvetica;
		font-weight: 300;
		color: var(--logo-pink);
		font-size: 14px;
		text-align: center;
		letter-spacing: 0;
		line-height: normal;
	}
	.inbox-white-2 {
		position: relative;
		width: 325px;
		height: 126px;
	}
	.overlap-group-8 {
		position: relative;
		width: 323px;
		height: 116px;
		background-color: #ffffff;
		border-radius: 10px;
	}
	.step-3 {
		position: relative;
        height: 194px;
        width: 323px;
        text-align: center;
        margin: 0 auto;
        top: 53px;
	}
	.h-12 {
        position: relative;
        width: 116px;
        height: 49px;
        margin: 0 auto;
	}
	.text-wrapper-53 {
		position: relative;

		font-family: "Noto Serif", Helvetica;
		font-weight: 300;
		color: var(--logo-pink);
		font-size: 14px;
		text-align: center;
		letter-spacing: 0;
		line-height: normal;
	}
	.step-4 {
        position: relative;
        height: 169px;
        width: 323px;
        top: 50px;
		margin: 0 auto;
	}
	.text-wrapper-54 {
		position: relative;
        font-family: "Noto Serif", Helvetica;
        font-weight: 300;
        color: var(--font);
        font-size: 16px;
        text-align: center;
        letter-spacing: 0;
        line-height: normal;
	}
	.inbox-white-3 {
        width: 325px;
        height: 101px;
        position: relative;
        left: 0;
	}
	.overlap-group-9 {
		position: relative;
		width: 323px;
		height: 101px;
		background-color: #ffffff;
		border-radius: 10px;
	}
	.step-5 {
		position: relative;
        height: 138px;
        top: 60px;
        width: 323px;
        MARGIN: 0 AUTO;
	}
	.inbox-white-4 {
        width: 325px;
        height: 70px;
        position: relative;
	}
	.overlap-group-10 {
		position: relative;
		width: 323px;
		height: 70px;
		background-color: #ffffff;
		border-radius: 10px;
	}
	.cv-3 {
        top: 6362px;
        position: relative;
		width: auto;
		height: 260px;
		background: linear-gradient(180deg, rgb(183.85, 255, 93.29) 0%, rgb(200.07, 145.14, 255) 100%);
	}
	.cate-flow-2 {
		position: relative;
		width: 430px;
		height: 726px;
		top: 6360px;
		left: 12px;
		background-color: #ffffff;
	}
	.h-13 {
		position: absolute;
		width: 216px;
		height: 79px;
		top: 49px;
		left: 108px;
	}
	.text-wrapper-55 {
		position: absolute;
		width: 212px;
		top: 30px;
		left: 0;
		font-family: "Noto Serif", Helvetica;
		font-weight: 300;
		color: var(--font);
		font-size: 20px;
		text-align: center;
		letter-spacing: 4px;
		line-height: normal;
	}
	.text-wrapper-56 {
		position: absolute;
		width: 53px;
		top: 58px;
		left: 79px;
		font-family: "Moon Dance", Helvetica;
		font-weight: 400;
		color: var(--font);
		font-size: 16px;
		text-align: center;
		letter-spacing: 3.2px;
		line-height: normal;
	}
	.icon-flag {
		width: 22px;
		height: 19px;
		left: 104px;
		position: absolute;
		top: 0;
	}
	.step-wrapper {
		position: absolute;
		width: 400px;
		height: auto;
		top: 163px;
		left: 16px;
	}
	.step-6 {
		position: relative;
		height: 368px;
		top: 31px;
		width: 323px;
		left: 28px;
	}
	.h-14 {
		position: absolute;
		width: 66px;
		height: 22px;
		top: 0;
		left: 126px;
	}
	.text-wrapper-57 {
		position: absolute;
		top: 0;
		left: 0;
		font-family: "Noto Serif", Helvetica;
		font-weight: 300;
		color: var(--font);
		font-size: 16px;
		text-align: center;
		letter-spacing: 0;
		line-height: normal;
	}
	.inbox-white-5 {
		width: 329px;
		height: 160px;
		top: 41px;
		position: absolute;
		left: 0;
	}
	.overlap-group-11 {
		position: relative;
		width: 100%;
		height: auto;
		background-color: #ffffff;
		border-radius: 10px;
	}
	.text-wrapper-58 {
		top: 20px;
		left: 27px;
		line-height: 28px;
		white-space: nowrap;
		position: absolute;
		font-family: "Noto Serif", Helvetica;
		font-weight: 300;
		color: var(--font);
		font-size: 14px;
		letter-spacing: 0;
	}
	.text-wrapper-59 {
		position: absolute;
		width: 205px;
		top: 20px;
		left: 85px;
		font-family: "Noto Serif", Helvetica;
		font-weight: 300;
		color: var(--font);
		font-size: 14px;
		letter-spacing: 0;
		line-height: 28px;
	}
	.text-wrapper-60 {
		position: absolute;
		width: 263px;
		top: 96px;
		left: 27px;
		font-family: "Noto Serif", Helvetica;
		font-weight: 300;
		color: #666666;
		font-size: 12px;
		letter-spacing: 0;
		line-height: 20px;
	}
	.inbox-white-6 {
		width: 329px;
		height: auto;
		top: 270px;
		position: absolute;
		left: 0;
	}
	.overlap-14 {
		position: relative;
		width: 100%;
		height: 148px;
		background-color: #ffffff;
		border-radius: 10px;
	}
	.text-wrapper-61 {
		position: absolute;
		top: 20px;
		left: 85px;
		font-family: "Noto Serif", Helvetica;
		font-weight: 300;
		color: var(--font);
		font-size: 20px;
		letter-spacing: 0;
		line-height: 28px;
		text-decoration: underline;
		white-space: nowrap;
	}
	.text-wrapper-62 {
		position: absolute;
		width: 263px;
		top: 65px;
		left: 27px;
		font-family: "Noto Serif", Helvetica;
		font-weight: 300;
		color: #666666;
		font-size: 12px;
		letter-spacing: 0;
		line-height: 20px;
	}
	.footer {
		position: relative;
		width: 330px;
		height: 354px;
		top: 6490px;
		left: 70px;
		background-color: transparent;
	}
	.logo-chubby-indiba {
		position: absolute;
		width: 193px;
		height: 179px;
		top: 0;
		left: 62px;
		object-fit: cover;
	}
	.button-2 {
		all: unset;
		box-sizing: border-box;
		top: 229px;
		left: 0;
		position: absolute;
		width: 330px;
		height: 55px;
		background-color: var(--white);
		border-radius: 30px;
		box-shadow: 0px 0px 20px #0000001a;
		& a {
			color: var(--logo-pink);
		}
		&:hover {
			background-color: var(--usupink);
			box-shadow: 0px 0px 1px #0000001a;
		}
	}
	.address {
		position: absolute;
		width: 202px;
		height: 20px;
		top: 334px;
		left: 61px;
	}
	.text-wrapper-63 {
		position: absolute;
		top: 0;
		left: 0;
		font-family: "Noto Serif", Helvetica;
		font-weight: 300;
		color: var(--font);
		font-size: 12px;
		text-align: center;
		letter-spacing: 0;
		line-height: 20px;
		white-space: nowrap;
	}
}
@media screen and (min-width: 1080px) {
	.side {
        z-index: 1;
    }
}
.cate-Indiba {
	position: relative;
    top: 2160px;
}

@-webkit-keyframes bounce-top{0%{-webkit-transform:translateY(-45px);transform:translateY(-45px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:1}24%{opacity:1}40%{-webkit-transform:translateY(-24px);transform:translateY(-24px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}65%{-webkit-transform:translateY(-12px);transform:translateY(-12px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}82%{-webkit-transform:translateY(-6px);transform:translateY(-6px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}93%{-webkit-transform:translateY(-4px);transform:translateY(-4px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}25%,55%,75%,87%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}100%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;opacity:1}}@keyframes bounce-top{0%{-webkit-transform:translateY(-45px);transform:translateY(-45px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:1}24%{opacity:1}40%{-webkit-transform:translateY(-24px);transform:translateY(-24px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}65%{-webkit-transform:translateY(-12px);transform:translateY(-12px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}82%{-webkit-transform:translateY(-6px);transform:translateY(-6px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}93%{-webkit-transform:translateY(-4px);transform:translateY(-4px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}25%,55%,75%,87%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}100%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;opacity:1}}
.bounce-top{-webkit-animation:bounce-top .9s both;animation:bounce-top .9s both}