@charset "UTF-8";
@import url("reset.css");
@import url("base.css");
/* button */
.kitty_n_g-n__button {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
	padding: 16px;
	width: 310px;
	max-width: 100%;
	background-color: var(--red);
	border-radius: 5px;
	font-size: 16px;
	font-weight: 700;
	text-align: center;
	line-height: 1.5;
	text-decoration: none;
	color: var(--white);
}
.kitty_n_g-n__button::after {
	position: absolute;
	right: 16px;
	top: 50%;
	width: 12px;
	height: 12px;
	border: 2px solid;
	border-color: var(--white) var(--white) transparent transparent;
	transform: rotate(45deg) translateY(-50%);
	content: "";
}
.kitty_n_g-n__button--gold {
	background-color: var(--pink);
}
.kitty_n_g-n__button--outline {
	background-color: var(--white);
	border: 1px solid var(--black);
	color: var(--black);
}
.kitty_n_g-n__button--outline::after {
	border-color: var(--black) var(--black) transparent transparent;
}
.kitty_n_g-n__button--window::after {
	width: 18px;
	height: 18px;
	border: 0;
	background-image: url(../images/icon_window.svg);
	background-size: 100% auto;
	background-repeat: no-repeat;
	transform: rotate(0) translateY(-50%);
}
.kitty_n_g-n__button br {
	display: none;
}
@media (max-width: 767px) {
	.kitty_n_g-n__button {
		width: 280px;
	}
	.kitty_n_g-n__button br {
		display: block;
	}
}
/* headline */
.kitty_n_g-n__headline2 {
	display: flex;
	flex-direction: column;
	align-items: center;
	font-family: "M PLUS Rounded 1c";
	font-size: 32px;
	font-weight: 700;
	text-align: center;
	line-height: 1.4;
	color: var(--white);
}
.kitty_n_g-n__headline2_icon {
	display: flex;
	justify-content: center;
	align-items: flex-end;
	padding-bottom: 16px;
	width: 100px;
	height: 120px;
}
.kitty_n_g-n__headline3 {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.5;
	color: var(--black0);
	text-align: center;
	padding-bottom: 16px;
}
.kitty_n_g-n__headline3::after {
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	width: 84px;
	height: 2px;
	background-color: var(--red);
	content: "";
}
.kitty_n_g-n__headline4 {
	display: flex;
	flex-direction: column;
	gap: 8px;
	font-weight: 700;
	font-size: 20px;
	line-height: 1.3;
}
.kitty_n_g-n__headline4 .large {
	font-size: 32px;
}
.kitty_n_g-n__headline4 .red {
	color: var(--red);
}
.kitty_n_g-n__headline4 .larger {
	font-size: 64px;
}
.kitty_n_g-n__headline4 .larger sub {
	margin-left: -.3em;
}
.kitty_n_g-n__headline4 br {
	display: none;
}
.kitty_n_g-n__headline4 .center {
	text-align: center;
}
.kitty_n_g-n__headline4 .line1 {
	line-height: 1;
}
.kitty_n_g-n__headline4 .largeCp {
	font-size: 32px;
}
.kitty_n_g-n__headline5 {
	font-size: 20px;
	font-weight: 700;
}
.kitty_n_g-n__headline6 {
	display: flex;
	flex-direction: column;
	gap: 8px;
	font-weight: 700;
	font-size: 20px;
	line-height: 1.3;
	text-align: center;
}
.kitty_n_g-n__headline6 .large {
	font-size: 32px;
}
.kitty_n_g-n__title-wrapper {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 40px;
}
.kitty_n_g-n__title-wrapper p {
	font-size: 20px;
	font-weight: 700;
	color: var(--white);
}
@media (max-width: 767px) {
	.kitty_n_g-n__headline2 {
		gap: 10px;
		font-size: 28px;
		line-height: 1;
	}
	.kitty_n_g-n__headline2 * {
		line-height: 1;
	}
	.kitty_n_g-n__headline2 span {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 8px;
	}
	.kitty_n_g-n__headline2 img {
		width: 72px;
	}
	.kitty_n_g-n__headline3 {
		font-size: 20px;
	}
	.kitty_n_g-n__headline3 span {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.kitty_n_g-n__headline4 {
		font-size: 14px;
	}
	.kitty_n_g-n__headline4 .large {
		font-size: 24px;
	}
	.kitty_n_g-n__headline4 span {
		align-items: center;
		text-align: center;
	}
	.kitty_n_g-n__headline5 {
		font-size: 16px;
	}
	.kitty_n_g-n__headline4 br {
		display: block;
	}
	.kitty_n_g-n__title-wrapper p {
		font-size: 16px;
	}
	.kitty_n_g-n__headline4 .largeCp {
		font-size: 14px;
	}
	.kitty_n_g-n__headline6 {
		font-size: 14px;
	}
	.kitty_n_g-n__headline6 .large {
		font-size: 24px;
	}
}
/* text */
.kitty_n_g-n__no {
	font-family: "M PLUS Rounded 1c";
}
.kitty_n_g-n__base-text {
	line-height: 1.3;
}
.kitty_n_g-n__base-text sup {
	font-size: .8em;
}
.kitty_n_g-n__small-text {
	font-size: 12px;
	line-height: 1.5;
}
.kitty_n_g-n__fz24 {
	font-size: 24px !important;
}
@media (max-width: 767px) {
	.kitty_n_g-n__fz24 {
		font-size: 20px !important;
	}
	.sp-fz14{
		font-size: 14px !important;
	}
	.sp-fz11{
		font-size: 11px !important;
	}
}
.kitty_n_g-n__fz12 {
	font-size: 12px !important;
}
.color_black {
	color: var(--black);
}
/* 注釈 */
.kitty_n_g-n__note {
	display: flex;
	flex-direction: column;
	gap: 2px;
	color: var(--gray);
}
.kitty_n_g-n__note li {
	font-size: 12px;
	font-weight: 500;
	line-height: 1.5;
	text-indent: -1.2rem;
	padding-left: 1.2rem;
}
@media (max-width: 767px) {
	.kitty_n_g-n__note li {
		font-size: 11px;
	}
}
.kitty_n_g-n__note a {
	text-decoration: underline;
}
.kitty_n_g-n__note li::before {
	margin-right: .2rem;
	content: "※";
}
.kitty_n_g-n__note--list {
	counter-reset: note-counter;
}
.kitty_n_g-n__note--list li {
	text-indent: -1.4rem;
	padding-left: 1.4rem;
	counter-increment: note-counter;
}
.kitty_n_g-n__note--list li::before {
	content: "※"counter(note-counter);
}
.kitty_n_g-n__note--dot li::before {
	content: "・";
}
.kitty_n_g-n__note--dot li.asterisk::before {
	content: "※";
}
.kitty_n_g-n__note--dot li {
	text-indent: -1rem;
	padding-left: 1rem;
}
.kitty_n_g-n__note--list0 {
	counter-reset: note-counter -1;
}
.kitty_n_g-n__note--list0 li {
	text-indent: -1.4rem;
	padding-left: 1.4rem;
	counter-increment: note-counter;
}
.kitty_n_g-n__note--list0 li::before {
	content: "※"counter(note-counter);
	padding-right: 4px;
}
.kitty_n_g-n__note--list0 li:first-child::before {
	content: "※ ";
}
.kitty_n_g-n__note--list a {
	text-decoration: underline;
}
.kitty_n_g-n__note .red {
	color: var(--red);
}
.asterisk1,
.asterisk2 {
	text-indent: -1.4rem;
	padding-left: 1.4rem;
	color: var(--gray);
}
.asterisk1::before {
	content: "※1";
}
.asterisk2::before {
	content: "※2";
}
/* link */
.kitty_n_g-n__link {
	text-decoration: underline;
	color: var(--gray);
}
.kitty_n_g-n__link--window::after {
	display: inline-block;
	width: 10px;
	height: 10px;
	background-image: url("../images/icon_window2.svg");
	background-size: contain;
	background-repeat: no-repeat;
	content: "";
	margin-left: 4px;
}
.kitty_n_g-n__blackLink {
	text-decoration: underline;
	color: var(--black);
}
/* 全体レイアウト */
.kitty_n_g-n__section {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 72px 16px 96px 16px;
}
.kitty_n_g-n__container {
	display: flex;
	justify-content: center;
	max-width: 100%;
}
.kitty_n_g-n__container--large {
	width: 960px;
}
.kitty_n_g-n__container--midium {
	width: 880px;
}
.kitty_n_g-n__container--small {
	width: 688px;
}
@media (max-width: 767px) {
	.kitty_n_g-n__section {
		padding: 72px 16px;
	}
}
/* box */
.kitty_n_g-n__box {
	background-color: var(--white);
	border-radius: 12px;
}
.kitty_n_g-n__box .kitty_n_g-n__container--midium {
	flex-direction: column;
	align-items: center;
	gap: 40px;
	padding: 48px 0;
}
.kitty_n_g-n__box p {
	text-align: left;
	font-weight: 700;
	line-height: 1.3;
}
.kitty_n_g-n__kumo-box {
	position: relative;
	background-color: #fff;
}
@media (max-width: 767px) {
	.kitty_n_g-n__box {
		border-radius: 8px;
	}
	.kitty_n_g-n__box .kitty_n_g-n__container--midium {
		gap: 32px;
		padding: 40px 16px;
	}
	.kitty_n_g-n__box p {
		font-size: 16px;
	}
}
/* header */
.kitty_n_g-n__header {
	display: flex;
	align-items: center;
	padding-left: 48px;
	height: 66px;
}
.kitty_n_g-n__header img {
	width: 266px;
}
@media (max-width: 767px) {
	.kitty_n_g-n__header {
		padding-left: 16px;
		height: 45px;
	}
	.kitty_n_g-n__header img {
		width: 167px;
	}
}
/* hero */
.kitty_n_g-n__kv {
	position: relative;
	display: flex;
	justify-content: center;
	padding-right: 16px;
	padding-left: 16px;
	width: 100%;
	height: 468px;
	background-image: url(../images/kv_bg.svg);
	background-position: bottom left;
	background-repeat: no-repeat;
	background-size: 100% auto;
}
.kitty_n_g-n__kv::after {
	z-index: -1;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 70px;
	background-color: var(--red);
	content: "";
}
.kitty_n_g-n__kv div {
	position: relative;
	height: 100%;
}
.kitty_n_g-n__kv span {
	position: absolute;
	max-width: 100%;
}
.kitty_n_g-n__kv_debut {
	right: 0;
    top: 44px;
	width: 133px;
}
.kitty_n_g-n__kv_kitty {
	left: 0;
	bottom: 20px;
	width: 376px;
}
.kitty_n_g-n__kv_h1 {
	left: 50%;
	bottom: 100px;
	width: 360px;
}
.kitty_n_g-n__hero_cp {
	display: flex;
	justify-content: center;
	padding: 40px 16px 64px 16px;
	width: 100%;
	background-color: var(--red);
}
.kitty_n_g-n__hero_cp .kitty_n_g-n__container {
	display: flex;
	flex-direction: column;
	gap: 32px;
}
.kitty_n_g-n__hero_cp_item {
	display: flex;
	flex-direction: row !important;
	width: 100%;
	gap: 32px;
}
.kitty_n_g-n__hero_cp_item li {
	flex: 1;
	position: relative;
	display: flex;
	align-items: center;
	padding: 16px;
	width: 100%;
}
.kitty_n_g-n__hero_cp_item li::after {
	z-index: 1;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-image: url(../images/hero_cp_bg.png);
	background-size: 100% 100%;
	content: "";
}
.kitty_n_g-n__hero_cp_item_innter {
	z-index: 2;
	position: relative;
	flex: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 8px;
	width: 100%;
	background-color: var(--white);
}
.kitty_n_g-n__hero_cp_label {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 4px;
	width: 116px;
	height: 54px;
	background-color: var(--yellow);
	border-radius: 50px;
	font-size: 20px;
	font-weight: 700;
}
.kitty_n_g-n__hero_cp_label span {
	font-size: 12px;
}
.kitty_n_g-n__hero_cp li p {
	flex: 1;
}
.kitty_n_g-n__hero_cp_text1 {
	font-size: 42px;
	font-weight: 900;
}
.kitty_n_g-n__hero_cp_text2 {
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.kitty_n_g-n__hero_cp_text2_price {
	display: flex;
	align-items: center;
}
.kitty_n_g-n__hero_cp_text3 {
	font-size: 18px;
	font-weight: 600;
}
.kitty_n_g-n__hero_cp_text4 {
	width: 1em;
	font-size: 19px;
	font-weight: 900;
}
.kitty_n_g-n__hero_cp_text5 {
	font-size: 16px;
	white-space: nowrap;
	font-weight: 900;
}
.kitty_n_g-n__hero_cp_no {
	font-size: 48px;
	font-weight: 700;
	letter-spacing: -.1rem;
}
.kitty_n_g-n__hero_cp .kitty_n_g-n__note {
	color: var(--white);
}
@media (max-width: 767px) {
	.kitty_n_g-n__kv {
		padding: 24px 0;
		height: auto;
		background-image: none;
	}
	.kitty_n_g-n__kv::after {
		height: 80px;
	}
	.kitty_n_g-n__kv span {
		position: static;
	}
	.kitty_n_g-n__kv_inner {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 56px;
	}
	.kitty_n_g-n__kv_h1 {
		width: 275px;
	}
	.kitty_n_g-n__kv_kitty {
		position: relative !important;
		left: -6%;
		bottom: 0;
		width: 260px;
	}
	.kitty_n_g-n__kv_debut {
		position: absolute !important;
		right: -48px;
		top: -48px;
		width: 94px;
		max-width: 32% !important;
	}
	.kitty_n_g-n__hero_cp .kitty_n_g-n__container {
		gap: 32px;
		align-items: center;
	}
	.kitty_n_g-n__hero_cp_item {
		flex-direction: column !important;
		gap: 16px;
		max-width: 320px;
	}
	.kitty_n_g-n__hero_cp_item li {
		gap: 4px;
		padding: 16px 8px;
	}
	.kitty_n_g-n__hero_cp_item li:first-child::after {
		background-image: url(../images/hero_cp_bg_sp1.png);
	}
	.kitty_n_g-n__hero_cp_item li:last-child::after {
		background-image: url(../images/hero_cp_bg_sp2.png);
	}
	.kitty_n_g-n__hero_cp_label {
		gap: 4px;
		width: 96px;
		height: 34px;
		font-size: 14px;
	}
	.kitty_n_g-n__hero_cp_label span {
		font-size: 10px;
	}
	.kitty_n_g-n__hero_cp_text1 {
		font-size: 29px;
	}
	.kitty_n_g-n__hero_cp_text2 {
		gap: 8px;
	}
	.kitty_n_g-n__hero_cp_text2_price {
		display: flex;
		align-items: center;
	}
	.kitty_n_g-n__hero_cp_text3 {
		font-size: 14px;
	}
	.kitty_n_g-n__hero_cp_text4 {
		font-size: 14px;
	}
	.kitty_n_g-n__hero_cp_text5 {
		font-size: 13px;
	}
	.kitty_n_g-n__hero_cp_no {
		font-size: 38px;
	}
}
/* cards */
.kitty_n_g-n__cards {
	overflow: hidden;
	width: 100%;
	background-color: var(--red);
	display: flex;
	gap: 16px;
}
.kitty_n_g-n__cards ul {
	display: flex;
	gap: 16px;
	-webkit-animation: scroll-x 20s linear infinite;
	animation: scroll-x 20s linear infinite;
}
.kitty_n_g-n__cards li {
	flex: 0 0 auto;
}
.kitty_n_g-n__cards img {
	width: 112px;
}
@keyframes scroll-x {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(-100%);
	}
}
@media (max-width: 767px) {
	.kitty_n_g-n__cards {
		padding: 0;
	}
	.kitty_n_g-n__cards img {
		width: 96px;
	}
}
/* concept */
.kitty_n_g-n__concept {
	background-color: var(--red);
}
.kitty_n_g-n__concept .kitty_n_g-n__container {
	flex-direction: column;
	align-items: center;
	gap: 16px;
	padding: 40px 0;
	background-image: url(../images/concept_bg.png);
	background-size: 100% 100%;
}
.kitty_n_g-n__concept_label {
	padding: 4px 20px;
	background-color: var(--yellow);
	border-radius: 30px;
	font-size: 20px;
	font-weight: 700;
}
.kitty_n_g-n__concept_title,
.kitty_n_g-n__concept_text {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 4px;
	line-height: 1.3;
}
.kitty_n_g-n__concept_title {
	font-size: 32px;
	font-weight: 900;
}
.kitty_n_g-n__concept_text {
	font-size: 20px;
	font-weight: 700;
}
@media (max-width: 767px) {
	.kitty_n_g-n__concept .kitty_n_g-n__container {
		padding: 24px 0;
		width: 100%;
		max-width: 400px;
		background-image: url(../images/concept_bg_sp.png);
	}
	.kitty_n_g-n__concept_label {
		padding: 4px 20px;
		font-size: 18px;
	}
	.kitty_n_g-n__concept_title {
		font-size: 25px;
	}
	.kitty_n_g-n__concept_text {
		font-size: 16px;
	}
	.kitty_n_g-n__concept_title span,
	.kitty_n_g-n__concept_text span {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 4px;
		line-height: 1.3;
	}
}
/* bg-wrappe */
.kitty_n_g-n__bg-wrapper {
	display: flex;
	flex-direction: column;
	gap: 40px;
	background-image: url(../images/bg.png);
	background-size: cover;
	background-color: var(--red);
	background-size: 100% auto;
}
@media (max-width: 767px) {
	.kitty_n_g-n__bg-wrapper {
		background-size: 300% auto;
	}
	.kitty_n_g-n__bg-wrapper section {
		width: 100%;
	}
}
/* design */
.kitty_n_g-n__design {
	display: flex;
	justify-content: center;
	width: 100%;
}
.kitty_n_g-n__design_item_title {
	display: flex;
	flex-direction: column;
	align-items: center;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.3;
}
.kitty_n_g-n__design_item_titlePc {
	display: flex;
	flex-direction: row;
	align-items: center;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.3;
}
.kitty_n_g-n__design_item {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 16px;
	width: 100%;
	padding-bottom: 16px;
}
.kitty_n_g-n__design_item:last-child {
	padding-top: 32px;
	border-top: 1px solid var(--gray-bg);
}
.kitty_n_g-n__design_item > .kitty_n_g-n__design_item > ul {
	display: flex;
	gap: 24px;
}
.kitty_n_g-n__design_item > .kitty_n_g-n__design_item > ul > li {
	display: flex;
	flex-direction: column;
	gap: 16px;
	font-size: 12px;
}
.kitty_n_g-n__design_item > .kitty_n_g-n__design_item > ul img {
	width: 326px;
	max-width: 100%;
}
@media (max-width: 767px) {
	.kitty_n_g-n__design_item > .kitty_n_g-n__design_item {
		width: calc(100% + 32px);
		margin: 0 -16px;
		padding: 0 0 16px 16px;
	}
	.kitty_n_g-n__design_item > .kitty_n_g-n__design_item > ul {
		display: flex;
		gap: 16px;
		overflow-x: auto;
		overflow-y: hidden;
		scroll-snap-type: x mandatory;
		-webkit-overflow-scrolling: touch;
		padding-bottom: 8px;
		padding-right: 32px;
	}
	.kitty_n_g-n__design_item > .kitty_n_g-n__design_item > ul > li {
		flex-shrink: 0;
		scroll-snap-align: start;
		display: flex;
		flex-direction: column;
		align-items: center;
		font-size: 12px;
		gap: 8px;
	}
	.kitty_n_g-n__design_item > .kitty_n_g-n__design_item > ul img {
		width: 280px;
		height: auto;
	}
	.kitty_n_g-n__design_item_titlePc {
		flex-direction: column;
	}
}
/* benefits */
.kitty_n_g-n__benefits {
	display: flex;
	justify-content: center;
	width: 100%;
}
.kitty_n_g-n__benefits .kitty_n_g-n__box {
  position: relative;
  overflow: hidden;
	padding-bottom: 100px;
}
.kitty_n_g-n__benefits_item {
	display: flex;
	justify-content: center;
	gap: 24px;
	width: 100%;
}
.kitty_n_g-n__benefits_item > li {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 16px;
	width: 100%;
	max-width: 326px;
	font-weight: 600;
}
.kitty_n_g-n__benefits_label {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 84px;
	height: 30px;
	background-color: var(--red);
	border-radius: 30px;
	color: var(--white);
	font-weight: 600;
}
.kitty_n_g-n__benefits_text {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 4px;
	height: 40px;
}
.kitty_n_g-n__benefits_text span {
	font-size: 20px;
	color: var(--red);
}
.kitty_n_g-n__benefits_text span span {
	font-size: 26px;
}
.kitty_n_g-n__benefits_text span span span {
	font-size: 16px;
}
.kitty_n_g-n__benefits_img {
	position: relative;
	width: 326px;
	max-width: 100%;
}
.kitty_n_g-n__benefits_img::before {
	position: absolute;
	top: -16px;
	width: 48px;
	height: 38px;
	background-size: 100% auto;
	background-repeat: no-repeat;
	content: "";
}
.kitty_n_g-n__benefits_item li:first-child .kitty_n_g-n__benefits_img::before {
	left: -16px;
	background-image: url(../images/icon_ribon_left.svg);
}
.kitty_n_g-n__benefits_item li:last-child .kitty_n_g-n__benefits_img::before {
	right: -16px;
	background-image: url(../images/icon_ribon_right.svg);
}
.kitty_n_g-n__benefits_button-wrapper {
	display: flex;
	flex-direction: column;
	gap: 16px;
	width: 100%;
	z-index: 3;
}
.kitty_n_g-n__benefits_icon {
  position: absolute;
}
.kitty_n_g-n__benefits_kitty {
  z-index: 1;
  right: 19.8%;
  bottom: -15px;
  width: 12.5%;
}
.kitty_n_g-n__benefits_kuma {
  z-index: 1;
  left: 21.35%;
  width: 4.168%;
  bottom: 2vw;
}
@media (min-width:1280px) {
	.kitty_n_g-n__benefits_kuma {
		bottom: 25px;
	}
	.kitty_n_g-n__benefits_kitty {
		bottom: 8px;
	}
}
.kitty_n_g-n__benefits_bg {
  z-index: 2;
  bottom: 0;
  width: 100%;
}
@media (max-width: 767px) {
	.kitty_n_g-n__benefits .kitty_n_g-n__box {
		padding-bottom: 18%;
	}
	.kitty_n_g-n__benefits_item {
		flex-direction: column;
		align-items: center;
	}
	.kitty_n_g-n__benefits_button-wrapper {
		gap: 8px;
	}
}
@media (max-width: 991px) {
	.kitty_n_g-n__benefits_kitty {
		bottom: 7px;
	}
	.kitty_n_g-n__benefits_kuma {
		bottom: 3vw;
	}
}
/* use */
.kitty_n_g-n__use {
	display: flex;
    justify-content: center;
    width: 100%;
}
.kitty_n_g-n__use .kitty_n_g-n__headline3 {
	color: var(--white);
}
.kitty_n_g-n__use .kitty_n_g-n__headline3::after {
	background-color: var(--white);
}
.kitty_n_g-n__use .kitty_n_g-n__container--large {
	display: flex;
	flex-direction: column;
	gap: 24px;
}
.kitty_n_g-n__use_item {
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.kitty_n_g-n__use_item li {
	background-color: var(--white);
	border-radius: 8px;
}
.kitty_n_g-n__use_item details {
	border-radius: 8px;
	background-color: var(--white);
}
.kitty_n_g-n__use_item_q {
	position: relative;
	padding: 24px 16px;
	font-size: 20px;
	font-weight: 700;
	list-style: none;
	cursor: pointer;
}
.kitty_n_g-n__use_item_q::after {
	position: absolute;
	right: 16px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 32px;
	font-weight: 700;
	content: "+";
}
.kitty_n_g-n__use_item_q .red {
	color: var(--red);
}
.kitty_n_g-n__use_item details[open] .kitty_n_g-n__use_item_q::after {
	content: "−";
	color: var(--red);
}
.kitty_n_g-n__use_item_a {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 24px;
	padding: 40px 16px;
}
.kitty_n_g-n__use_item_a::after {
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	width: calc(100% - 32px);
	height: 2px;
	background-color: var(--gray-bg);
	content: "";
}
.kitty_n_g-n__use_item_a .kitty_n_g-n__base-text {
	font-weight: 700;
}
.kitty_n_g-n__use_detail {
	display: flex;
	justify-content: center;
	align-items: center;
}
.kitty_n_g-n__use_detail p {
	display: flex;
	flex-direction: column;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.3;
}
.kitty_n_g-n__use_detail .kitty_g-n__use_detail1 {
	display: contents;
}
.kitty_n_g-n__use_detail .kitty_g-n__use_detail1 img {
	max-width: 60%;
}
@media (max-width: 767px){
	.kitty_n_g-n__use_detail .kitty_g-n__use_detail1 img {
		max-width: 100%;
	}
}
.kitty_n_g-n__use_item--free .kitty_n_g-n__use_detail li {
	flex: 1;
}
.kitty_n_g-n__use_item--now .kitty_n_g-n__use_detail {
	gap: 48px;
}
.kitty_n_g-n__use_item--now .kitty_n_g-n__use_detail img {
	width: 280px;
	max-width: 100%;
}
.kitty_n_g-n__use_prepare {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 24px;
	padding: 24px;
	border: 1px solid #E5E5E5;
	gap: 24px;
	border-radius: 8px;
}
.kitty_n_g-n__use_prepare .kitty_n_g-n__use_prepare_item {
	display: flex;
	gap: 16px;
	width: 100%;
	align-items: flex-start;
}
.kitty_n_g-n__use_prepare .kitty_n_g-n__use_prepare_item li {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 16px;
	padding: 16px;
}
.kitty_n_g-n__use_prepare .kitty_n_g-n__use_prepare_item li p {
	text-align: center;
	line-height: 1.3;
}
@media (min-width: 768px) {
	.kitty_n_g-n__use_prepare .kitty_n_g-n__use_prepare_item li:not(:last-child) {
		border-right: 1px solid var(--gray-bg);
	}
}
.kitty_n_g-n__use_prepare img {
	width: 100px;
}
.kitty_n_g-n__use_item--convenience .kitty_n_g-n__headline4 br {
	display: none;
}
.kitty_n_g-n__use_item--convenience .kitty_n_g-n__use_detail {
	gap: 32px;
}
.kitty_n_g-n__use_item--convenience .kitty_n_g-n__use_detail img {
	width: 152px;
}
.kitty_n_g-n__use_item--convenience_item {
	display: flex;
	flex-direction: column;
	gap: 32px;
}
.kitty_n_g-n__use_item--convenience_item li {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 16px;
	border: 1px solid var(--gray-bg);
	padding: 24px 16px;
	border-radius: 8px;
}
.kitty_n_g-n__use_item--convenience_item li img {
	max-width: 100%;
}
.kitty_n_g-n__use_item--convenience_item_1 {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
}
.kitty_n_g-n__use_item--convenience_item_1>div {
	display: flex;
	align-items: center;
	gap: 2px;
	font-weight: 700;
}
.kitty_n_g-n__use_item--convenience_item_1 .label {
	padding: 5px 12px;
	background-color: var(--red);
	border-radius: 30px;
	color: var(--white);
}
.kitty_n_g-n__use_item--convenience_item_1 .small-middle {
	font-size: 20px;
}
.kitty_n_g-n__use_item--convenience_item_1 .middle {
	font-size: 32px;
}
.kitty_n_g-n__use_item--convenience_item_1 .large {
	padding-right: .1em;
	font-size: 52px;
	font-weight: 800;
	letter-spacing: -.1rem;
}
.kitty_n_g-n__use_item--convenience_item_1 .larger {
	font-size: 64px;
	font-weight: 800;
}
.kitty_n_g-n__use_item--convenience_item_1 .red {
	color: var(--red);
}
.kitty_n_g-n__use_item--convenience_item_1 .labelText{
	display: ruby;
	text-align: center;
}
.kitty_n_g-n__use_item--convenience_item_2 {
	display: flex;
	justify-content: center;
	padding: 8px 0;
	width: 594px;
	max-width: 100%;
	background-color: var(--gray-light);
	border-radius: 2.5px;
}
.kitty_n_g-n__use_item--security .kitty_n_g-n__use_item_a:not(:first-child)::after {
	display: none;
}
.kitty_n_g-n__use_item--security .kitty_n_g-n__use_detail {
	gap: 16px;
}
.kitty_n_g-n__use_item--security .kitty_n_g-n__use_detail img {
	width: 240px;
	max-width: 100%;
}
.kitty_n_g-n__use_item--security .kitty_n_g-n__use_detail .kitty_n_g-n__use_text {
	width: 320px;
	max-width: 100%;
}
.kitty_n_g-n__use_item--security .kitty_n_g-n__use_detail .kitty_n_g-n__small-text {
	width: 380px;
	max-width: 100%;
	font-size: 12px;
	font-weight: 700;
}
.kitty_n_g-n__use_item--convenience_item_1_price {
	font-size: 20px !important;
}
.kitty_n_g-n__use_item--convenience_item_1_price img {
	width: 64px !important;
}
@media (max-width: 767px) {
	.kitty_n_g-n__use_item_a {
		gap: 16px;
		margin-right: auto;
		margin-left: auto;
		padding: 24px 16px 40px 16px;
		max-width: 400px;
	}
	.kitty_n_g-n__use_item_q {
		display: flex;
		flex-wrap: wrap;
		gap: 4px;
		padding: 24px 56px 24px 16px;
		font-size: 16px;
		align-items: baseline;
	}
	.kitty_n_g-n__use_item_q::after {
		font-size: 24px;
	}
	.kitty_n_g-n__use_detail p {
		font-size: 16px;
	}
	.kitty_n_g-n__use_prepare {
		padding: 24px 16px;
	}
	.kitty_n_g-n__use_prepare .kitty_n_g-n__use_prepare_item {
		flex-direction: column;
		gap: 24px;
	}
	.kitty_n_g-n__use_prepare .kitty_n_g-n__use_prepare_item li {
		flex-direction: row;
		justify-content: center;
		padding: 0;
	}
	.kitty_n_g-n__use_prepare img {
		width: 72px;
	}
	.kitty_n_g-n__use_prepare .kitty_n_g-n__use_prepare_item li p {
		text-align: left;
		font-size: 12px;
	}
	.kitty_n_g-n__use_item--now .kitty_n_g-n__use_detail {
		gap: 16px;
		flex-direction: column;
	}
	.kitty_n_g-n__use_item--convenience .kitty_n_g-n__headline4 {
		gap: 0;
	}
	.kitty_n_g-n__use_item--convenience .kitty_n_g-n__headline4 br {
		display: block;
	}
	.kitty_n_g-n__use_item--convenience .kitty_n_g-n__use_detail img {
		width: 218px;
		max-width: 100%;
	}
	.kitty_n_g-n__use_item--convenience_item_1 {
		font-size: 14px;
	}
	.kitty_n_g-n__use_item--convenience_item_1>div {
		flex-direction: column;
		gap: 8px;
	}
	.kitty_n_g-n__use_item--convenience .kitty_n_g-n__use_detail {
		flex-direction: column;
		gap: 0;
	}
	.kitty_n_g-n__use_item--convenience_item_1_price {
		flex-direction: row !important;
		gap: 0 !important;
	}
	.kitty_n_g-n__use_item--convenience_item_1_price img {
		width: 54px !important;
	}
	.kitty_n_g-n__use_item--convenience_item_1 .label {
		margin-right: .1rem;
	}
	.kitty_n_g-n__use_item_a .kitty_n_g-n__base-text {
		font-size: 12px;
	}
	.kitty_n_g-n__use_item--convenience_item_1 .middle {
		font-size: 24px;
	}
	.kitty_n_g-n__use_item--convenience_item_1 .larger {
		font-size: 52px;
	}
	.kitty_n_g-n__use_item--security .kitty_n_g-n__use_detail {
		flex-direction: column;
	}
	.kitty_n_g-n__use_item--convenience_item_1 .small-middle {
		font-size: 16px;
	}
	.kitty_n_g-n__use_item--security .kitty_n_g-n__use_detail .kitty_n_g-n__small-text {
		font-size: 16px;
	}
}
.w69P {
	max-width: 69% !important;
}
/* campaign */
.kitty_n_g-n__campaign {
	gap: 24px;
	background-color: var(--red);
}
.kitty_n_g-n__campaign_title-wrappe p {
	font-size: 24px;
	font-weight: 700;
	color: var(--white);
}
.kitty_n_g-n__campaign_price {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 8px;
	width: 652px;
	max-width: 100%;
	min-height: 90px;
	background-image: url(../images/campaign_bg.png);
	background-size: 100% 100%;
}
.kitty_n_g-n__campaign_price_inner {
	display: flex;
	align-items: baseline;
}
.kitty_n_g-n__campaign_price_label {
	width: 112px;
}
.kitty_n_g-n__campaign_price_no {
	color: var(--red);
	font-size: 64px;
	font-weight: 700;
	letter-spacing: -.1rem;
}
.kitty_n_g-n__campaign_price_text1 {
	font-size: 42px;
	font-weight: 700;
}
.kitty_n_g-n__campaign_price_text2 {
	font-size: 29px;
	font-weight: 700;
}
.kitty_n_g-n__campaign_price_en-wrapper {
	display: flex;
	align-items: baseline;
}
.kitty_n_g-n__campaign .kitty_n_g-n__container {
	flex-direction: column;
	gap: 24px;
}
.kitty_n_g-n__campaign_item {
	display: flex;
	flex-direction: column;
	gap: 48px;
	width: 100%;
}
.kitty_n_g-n__campaign_item li a {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 16px;
	padding: 20px 16px 40px 16px;
	width: 100%;
}
.kitty_n_g-n__campaign_item li a::before {
	position: absolute;
	top: 50%;
	right: 32px;
	width: 10px;
	height: 10px;
	border: 2px solid;
	border-color: var(--gray) var(--gray) transparent transparent;
	transform: rotate(45deg) translateY(-50%);
	content: "";
}
.kitty_n_g-n__campaign_item li:not(:last-child)::after {
	position: absolute;
	padding-top: 10px;
	left: 50%;
	transform: translateX(-50%);
	font-size: 24px;
	color: var(--white);
	content: "+";
}
.kitty_n_g-n__box_label-wrapper {
	display: flex;
	gap: 4px;
}
.kitty_n_g-n__campaign_item_label {
	display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
    height: 28px;
    padding: 0 16px;
    background-color: var(--red);
    border-radius: 4px;
    color: var(--white);
    font-weight: 700;
    white-space: nowrap;
    max-width: fit-content;
}
.kitty_n_g-n__campaign_item_label img {
	width: 14px;
}
.kitty_n_g-n__campaign_item_label span {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 20px;
	height: 20px;
	border-radius: 100%;
	background-color: var(--white);
	color: var(--red);
}
.kitty_n_g-n__campaign_item_label--entry {
	font-size: 14px;
	height: 28px;
	background-color: var(--yellow);
	color: var(--black);
}
.kitty_n_g-n__campaign_item_text {
	font-size: 20px;
	font-weight: 700;
	line-height: 1.3;
	text-align: left !important;
}
.kitty_n_g-n__campaign_item_text span {
	color: var(--red);
}
.kitty_n_g-n__campaign_item_priod {
	font-size: 14px !important;
	font-weight: 500 !important;
}
.kitty_n_g-n__campaign .kitty_n_g-n__note li {
	color: var(--white);
}
@media (max-width: 767px) {
	.kitty_n_g-n__campaign {
		gap: 16px;
	}
	.kitty_n_g-n__campaign_price {
		gap: 0;
		width: 290px;
		background-image: url(../images/campaign_bg_sp.png);
	}
	.kitty_n_g-n__campaign_price_label {
		width: 32px;
	}
	.kitty_n_g-n__campaign_price_no {
		font-size: 60px;
	}
	.kitty_n_g-n__campaign_price_text1 {
		font-size: 30px;
	}
	.kitty_n_g-n__campaign_price_text2 {
		font-size: 18px;
		white-space: nowrap;
	}
	.kitty_n_g-n__campaign_price_en-wrapper {
		flex-direction: column;
		align-items: center;
	}
	.kitty_n_g-n__campaign_price_inner {
		align-items: flex-end;
	}
	.kitty_n_g-n__campaign_item {
		gap: 32px;
	}
	.kitty_n_g-n__campaign_item li a {
		gap: 8px;
		padding: 12px 16px;
	}
	.kitty_n_g-n__campaign_item li a::before {
		right: 20px;
		width: 8px;
		height: 8px;
	}
	.kitty_n_g-n__campaign_item li:not(:last-child)::after {
		padding-top: 6px;
		font-size: 16px;
		font-weight: 900;
	}
	.kitty_n_g-n__campaign_item_label {
		gap: 4px;
		height: 26px;
		font-size: 14px;
	}
	.kitty_n_g-n__campaign_item_label span {
		width: 14px;
		height: 14px;
		font-size: 10px;
	}
	.kitty_n_g-n__campaign_item_label--entry {
		font-size: 14px;
	}
	.kitty_n_g-n__campaign .kitty_n_g-n__container {
		gap: 8px;
	}
	.kitty_n_g-n__campaign_item_priod {
		font-size: 11px !important;
	}
}
/* cosmetics */
.kitty_n_g-n__cosmetics .kitty_n_g-n__container {
	flex-direction: column;
	align-items: center;
	gap: 24px;
}
.kitty_n_g-n__cosmetics_title {
	font-size: 24px;
	font-weight:600;
}
.kitty_n_g-n__cosmetics_text {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap:8px;
}
.kitty_n_g-n__cosmetics_text p {
	text-align: center;
	line-height: 1.3;
}
@media (max-width: 767px) {
	.kitty_n_g-n__cosmetics_title {
		font-size: 20px;
	}
	.kitty_n_g-n__cosmetics_text p {
		font-size: 14px;
	}
}
/* step */
.kitty_n_g-n__step {
	position: relative;
	gap: 24px;
	background-color: #FDFBFB;
}
.kitty_n_g-n__step::after {
	z-index: 1;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-image: url(../images/step_bg.jpg);
	background-size: 50% auto;
	background-repeat: repeat;
	opacity: .16;
	content: "";
}
.kitty_n_g-n__step .kitty_n_g-n__headline2 {
	color: var(--black0);
}
.kitty_n_g-n__step .kitty_n_g-n__title-wrapper p {
	color: var(--black);
}
.kitty_n_g-n__step_title_wrapper {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 16px;
}
.kitty_n_g-n__step_title {
	font-size: 24px;
	font-weight: 700;
}
.kitty_n_g-n__step_title .kitty_n_g-n__no {
	font-size: 40px;
	color: var(--red);
	letter-spacing: -.1rem;
}
.kitty_n_g-n__step_title .kitty_n_g-n__text {
	font-size: 32px;
	color: var(--red);
}
.kitty_n_g-n__step_text {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 4px;
	font-weight: 700;
	line-height: 1.3;
	text-align: center;
}
.kitty_n_g-n__step_text .red {
	color: var(--red);
}
.kitty_n_g-n__step_text br {
	display: none;
}
.kitty_n_g-n__step_item {
	display: flex;
	flex-direction: column;
	gap: 12px;
	width: 100%;
}
.kitty_n_g-n__step_item li {
	display: flex;
	justify-content: center;
	background-color: #FEF5F5;
}
.kitty_n_g-n__step_item li span {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 45px;
	height: 100%;
	background-color: #FA415A;
	font-weight: 800;
	color: var(--white);
}
.kitty_n_g-n__step_item li p {
	flex: 1;
	display: flex;
	align-items: center;
	padding: 8px 10px;
	min-height: 38px;
	font-weight: 700;
	line-height: 1.3;
}
.kitty_n_g-n__step .kitty_n_g-n__note {
	width: 100%;
}
@media (max-width: 767px) {
	.kitty_n_g-n__step {
		padding-right: 16px;
		padding-left: 16px;
	}
	.kitty_n_g-n__step::after {
		background-size: 200% auto;
	}
	.kitty_n_g-n__step_title {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: baseline;
		gap: 4px;
		font-size: 20px;
	}
	.kitty_n_g-n__step_title .kitty_n_g-n__no {
		font-size: 36px;
	}
	.kitty_n_g-n__step_title .kitty_n_g-n__text {
		font-size: 24px;
	}
	.kitty_n_g-n__step_text {
		font-size: 14px;
	}
	.kitty_n_g-n__step_text br {
		display: block;
	}
	.kitty_n_g-n__step_text span {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.kitty_n_g-n__step_item li p {
		font-size: 14px;
	}
}
/* message */
.kitty_n_g-n__message {
	padding-bottom: 220px;
	background-color: var(--red);
	background-image: url(../images/message_bg.svg);
	background-position: bottom left;
	background-size: 100% auto;
	background-repeat: no-repeat;
	position: relative;
}
.kitty_n_g-n__message * {
	color: var(--white);
}
.kitty_n_g-n__message .kitty_n_g-n__container {
	flex-direction: column;
	gap: 40px;
	;
}
.kitty_n_g-n__message_title {
	font-size: 40px;
	font-weight: 900;
}
.kitty_n_g-n__message_text {
	display: flex;
	flex-direction: column;
	gap: 4px;
	font-size: 21px;
	font-weight: 700;
	line-height: 1.5;
}
.kitty_n_g-n__message_text br {
	display: none;
}
.kitty_n_g-n__message__icon {
	z-index: 2;
	position: absolute;
	right: 0;
	top: -80px;
	width: 140px;
	max-width: 30%;
}
.kitty_n_g-n__faq_icon {
	width: 24px;
}
@media (max-width: 767px) {
	.kitty_n_g-n__message {
		padding-right: 16px;
		padding-left: 16px;
		padding-bottom: 30%;
		background-image: url(../images/message_bg_sp.svg);
	}
	.kitty_n_g-n__message_title {
		display: flex;
		flex-direction: column;
		gap: 16px;
		font-size: 26px;
	}
	.kitty_n_g-n__message_text {
		font-size: 14px;
	}
	.kitty_n_g-n__message_text br {
		display: block;
	}
	.kitty_n_g-n__message__icon {
		top: -60px;
	}
}
/* scroll */
.kitty_n_g-n__scroll {
	padding: 40px 0;
	overflow: hidden;
	width: 100%;
	background-color: var(--gray-light);
}
.kitty_n_g-n__scroll_inner {
	display: flex;
}
.kitty_n_g-n__scroll_inner img {
	flex: 0 0 auto;
	width: 640px;
	-webkit-animation: scroll-loop 20s linear infinite;
	animation: scroll-loop 20s linear infinite;
}
@keyframes scroll-loop {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(-100%);
	}
}
@media (max-width: 767px) {
	.kitty_n_g-n__scroll {
		padding: 32px 0;
	}
	.kitty_n_g-n__scroll_inner img {
		width: 460px;
	}
}
/* more */
/* application */
/* information */
/* faq */
.kitty_n_g-n__more,
.kitty_n_g-n__application,
.kitty_n_g-n__info,
.kitty_n_g-n__faq {
	padding-right: 16px;
	padding-left: 16px;
	background-color: var(--gray-light);
	gap: 40px;
	overflow: hidden;
}
.kitty_n_g-n__more .kitty_n_g-n__headline2,
.kitty_n_g-n__application .kitty_n_g-n__headline2,
.kitty_n_g-n__info .kitty_n_g-n__headline2,
.kitty_n_g-n__faq .kitty_n_g-n__headline2 {
	color: var(--bla);
}
/* more */
.kitty_n_g-n__more {
	overflow: hidden;
}
/* application */
.kitty_n_g-n__application .kitty_n_g-n__headline2 img {
	width: 64px;
}
.kitty_n_g-n__application_item {
	width: 100%;
	display: flex;
	justify-content: center;
}
.kitty_n_g-n__application_item ul {
	display: flex;
	justify-content: flex-start;
	gap: 16px;
	overflow-x: auto;
	overflow-y: hidden;
	max-width: 880px;
}
.kitty_n_g-n__application_item ul li {
	padding-bottom: 16px;
}
.kitty_n_g-n__application_item ul li img {
	width: 280px;
}
/* info */
.kitty_n_g-n__info .kitty_n_g-n__headline3 {
	flex-direction: row;
	padding-bottom: 0;
}
.kitty_n_g-n__info .kitty_n_g-n__headline3::after {
	display: none;
}
.kitty_n_g-n__info_card {
	width: 283px;
	max-width: 100%;
}
.kitty_n_g-n__info .kitty_n_g-n__container--midium {
	flex-direction: column;
	gap: 24px;
}
.kitty_n_g-n__info dl {
	display: flex;
	flex-wrap: wrap;
	border-top: 1px solid #b1b1b1;
	border-right: 1px solid #b1b1b1;
	border-left: 1px solid #b1b1b1;
}
.kitty_n_g-n__info dt,
.kitty_n_g-n__info dd {
	padding: 16px;
	border-bottom: 1px solid #b1b1b1;
	font-size: 12px;
	line-height: 1.4;
}
.kitty_n_g-n__info dt {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 4px;
	width: 16%;
	background-color: var(--gray-light);
	white-space: nowrap;
}
.kitty_n_g-n__info dd {
	width: 84%;
}
.kitty_n_g-n__info .kitty_n_g-n__note {
	width: 100%;
}
@media (max-width: 767px) {
	.kitty_n_g-n__application .kitty_n_g-n__headline2 img {
		width: 48px;
	}
	.kitty_n_g-n__info .kitty_n_g-n__headline3 {
		flex-direction: column;
	}
	.kitty_n_g-n__info .kitty_n_g-n__container--midium {
		gap: 16px;
	}
	.kitty_n_g-n__application_item ul {
		justify-content: flex-start;
	}
	.kitty_n_g-n__info dt,
	.kitty_n_g-n__info dd {
		padding: 12px;
	}
	.kitty_n_g-n__info dt {
		width: 30%;
	}
	.kitty_n_g-n__info dd {
		width: 70%;
	}
}
/* faq */
.kitty_n_g-n__faq .kitty_n_g-n__container--large {
	display: flex;
	flex-direction: column;
	gap: 24px;
}
.kitty_n_g-n__faq_item {
	display: flex;
	flex-direction: column;
	gap: 16px;
	padding: 24px 16px;
}
.kitty_n_g-n__faq_item li {
	background-color: var(--white);
	border-radius: 8px;
}
.kitty_n_g-n__faq_item details {
	border-radius: 8px;
	background-color: var(--white);
}
.kitty_n_g-n__faq_item_q,
.kitty_n_g-n__faq_item_a {
	position: relative;
	padding: 24px;
	display: flex;
	align-items: center;
	gap: 16px;
	font-size: 16px;
	line-height: 1.3;
	font-weight: 700;
	cursor: pointer;
}
.kitty_n_g-n__faq_item_a::after {
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	width: calc(100% - 32px);
	height: 2px;
	background-color: var(--gray-bg);
	content: "";
}
.kitty_n_g-n__faq_item_q {
	padding-right: 140px;
}
.kitty_n_g-n__faq_item_q::after {
	position: absolute;
	right: 56px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 32px;
	font-weight: 400;
	content: "+";
}
.kitty_n_g-n__faq_item_a a {
	margin-top: 1em;
	font-size: 12px;
	color: #6b6b6b;
	font-weight: 500;
}
.kitty_n_g-n__faq_item details[open] .kitty_n_g-n__faq_item_q::after {
	content: "−";
	color: var(--red);
}
.itty_n_g-n__faq_icon {
	width: 32px;
}
.kitty_n_g-n__faq_text {
	flex: 1;
}
@media (max-width: 767px) {
	.kitty_n_g-n__faq_item_q,
	.kitty_n_g-n__faq_item_a {
		padding: 24px 40px 24px 8px;
		font-size: 14px;
	}
	.kitty_n_g-n__faq_item_q::after {
		right: 8px;
		font-size: 24px;
	}
}
/* スライダー */
.slider-wrapper {
	width: 100%;
	display: flex;
	justify-content: center;
}
.otherCampaign,
.application {
	position: relative;
}
.otherCampaignSlider,
.applicationSlider {
	width: 880px;
}
.otherCampaignSlider-pagination {
	margin-top: 15px;
}
@media (min-width: 768px) {
	.slider-wrapper {
		padding: 0 50px;
	}
	.otherCampaign {
		max-width: 880px;
		width: 100%;
	}
	.otherCampaignSlider,
	.applicationSlider {
		max-width: 880px;
		width: 100%;
	}
}
@media (max-width: 767px) {
	.otherCampaignSlider,
	.applicationSlider {
		width: 278px;
	}
}
.swiper-container {
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
	float: left;
}
.swiper-container-vertical>.swiper-wrapper {
	-ms-flex-direction: column;
	flex-direction: column;
}
.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: flex;
	transition-property: transform;
	box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
	transform: translate3d(0, 0, 0);
}
.swiper-container-multirow>.swiper-wrapper {
	flex-wrap: wrap;
}
.swiper-container-free-mode>.swiper-wrapper {
	transition-timing-function: ease-out;
	margin: 0 auto;
}
.swiper-slide img {
	vertical-align: bottom;
	max-width: 100%;
	border-radius: 12px;
	box-shadow: 0px 4px 4px 0px #00000040;
}
.kitty_n_g-n__application .swiper-slide img {
	border-radius: 0;
	box-shadow: none;
}
.swiper-slide {
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
	transition-property: transform;
	padding-bottom: 16px;
}
.swiper-slide-invisible-blank {
	visibility: hidden;
}
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
	height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
	align-items: flex-start;
	transition-property: transform, height;
}
.swiper-button-prev,
.swiper-button-next {
	position: absolute;
	top: 50%;
	width: 48px;
	height: 48px;
	margin-top: -22px;
	z-index: 10;
	cursor: pointer;
	background-size: 100% auto;
	background-position: center;
	background-repeat: no-repeat;
}
.swiper-button-prev {
	left: -52px;
	background-image: url(../images/swiper-button-prev.svg);
}
.swiper-button-next {
	right: -52px;
	background-image: url(../images/swiper-button-next.svg);
}
@media (max-width: 469px) {
	.swiper-button-prev,
	.swiper-button-next {
		top: 110%;
	}
	.swiper-button-prev {
		left: 80px;
	}
	.swiper-button-next {
		right: 80px;
	}
}
/*tab*/
input[name="kitty_n_g-n__step_input"],
input[name="kitty_n_g-n__info_input"] {
	display: none;
}
.kitty_n_g-n__tabs {
	z-index: 2;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	background-color: var(--white);
}
.kitty_n_g-n__tab_item {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 50%;
	height: 60px;
	border-bottom: 2px solid #d9d9d9;
	line-height: 50px;
	font-size: 20px;
	font-weight: 700;
	color: #818181;
	transition: all 0.2s ease;
	cursor: pointer;
}
.kitty_n_g-n__tab_item:hover {
	opacity: 0.75;
}
.kitty_n_g-n__tabs input:checked+.kitty_n_g-n__tab_item {
	border-bottom: 2px solid var(--red);
	color: var(--black);
}
.kitty_n_g-n__tab_content {
	display: flex;
	justify-content: center;
	padding: 40px 0;
	overflow: hidden;
	width: 100%;
}
#regular:checked~#immediate_content,
#immediate:checked~#regular_content,
#nl-info:checked~#nlg-info_content,
#nlg-info:checked~#nl-info_content {
	display: none;
}
.kitty_n_g-n__tab_content .kitty_n_g-n__container {
	flex-direction: column;
	align-items: center;
	gap: 24px;
}
@media (max-width: 767px) {
	.kitty_n_g-n__tabs {
		padding-right: 16px;
		padding-left: 16px;
	}
	.kitty_n_g-n__tab_item {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		padding: 8px 0;
		font-size: 16px;
	}
	.kitty_n_g-n__tab_item span {
		line-height: 1;
	}
	.kitty_n_g-n__tab_content {
		padding: 32px 0;
	}
	.kitty_n_g-n__tab_content .kitty_n_g-n__container {
		gap: 16px;
	}
}
/* footer */
.kitty_n_g-n__footer {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-top: 40px;
	background-color: var(--gray-light);
	background-image: url(../images/footer_bg.svg);
	background-position: left top -30px;
	background-size: 100% auto;
	background-repeat: no-repeat;
}
.kitty_n_g-n__footer_content {
	position: relative;
	display: flex;
	justify-content: center;
	padding: 40px 0;
	width: 100%;
	background-color: var(--white);
}
.kitty_n_g-n__footer_kitty {
	position: absolute;
	right: 10%;
	top: -72px;
	width: 108px;
}
.kitty_n_g-n__footer_content .kitty_n_g-n__container {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 90px;
}
.kitty_n_g-n__copy {
	font-weight: 700;
	color: #6B6B6B;
	text-align: center;
}
.kitty_n_g-n__footer_trademark {
	padding: 64px 10%;
	background-color: #E8E8E8;
}
.kitty_n_g-n__footer_trademark dl {
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.kitty_n_g-n__footer_trademark dt {
	font-weight: 700;
}
.kitty_n_g-n__footer_trademark dd {
	font-size: 12px;
	font-weight: 500;
	line-height: 1.5;
}
.kitty_n_g-n__footer_copyright {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 24px;
	padding: 64px 0px 150px 0px;
	width: 100%;
	background-color: #242527;
	color: var(--white);
	font-size: 12px;
	font-weight: 400;
}
.kitty_n_g-n__footer_copyright * {
	color: var(--white);
}
.kitty_n_g-n__footer_copyright ul {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 24px;
}
.kitty_n_g-n__footer_copyright a {
	text-decoration: underline;
}
@media (max-width: 767px) {
	.kitty_n_g-n__footer_kitty {
		right: 3%;
		top: -56px;
		width: 72px;
	}
	.kitty_n_g-n__footer {
		background-position: left top 0;
		background-size: 300% auto;
	}
	.kitty_n_g-n__footer_content .kitty_n_g-n__container {
		gap: 40px;
	}
	.kitty_n_g-n__copy {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 4px;
		font-size: 14px;
	}
	.kitty_n_g-n__footer_content .kitty_n_g-n__note {
		padding-right: 16px;
		padding-left: 16px;
	}
	.kitty_n_g-n__footer_trademark {
		padding: 24px 16px;
	}
	.kitty_n_g-n__footer_trademark dt {
		font-size: 14px;
	}
	.kitty_n_g-n__footer_trademark dd {
		font-size: 11px;
	}
	.kitty_n_g-n__footer_copyright {
		gap: 16px;
		padding: 24px 0px 100px 0px;
		font-size: 10px;
	}
}
/* modal */
.p-modal__cardoverlay {
	z-index: 30;
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	opacity: 0;
	transition: opacity 0.3s ease;
	pointer-events: none;
}
.p-modal__cardcloseBtn {
	display: flex;
	z-index: 233;
	position: absolute;
	right: 10px;
	top: 8px;
	cursor: pointer;
	width: 40px;
}
.p-modal__cardbody,
.p-modal__cardbody02,
.p-modal__cardbody03,
.p-modal__cardbody04,
.p-modal__cardbody05,
.p-modal__cardbody06,
.p-modal__cardbodyNG,
.p-modal__cardbodyNG02,
.p-modal__cardbodyNG03,
.p-modal__cardbodyNG04,
.p-modal__cardbodyNG05 {
	display: none;
	opacity: 0;
	z-index: 111;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 40px 24px;
	width: 50%;
	max-height: calc(100vh - 120px);
	transition: opacity 0.3s ease, transform 0.3s ease;
	pointer-events: none;
	overflow-y: auto !important;
	background-color: var(--white);
	border-radius: 5px;
}
.p-modal__cardbodyNG04,
.p-modal__cardbodyNG05 {
	height: calc(100vh - 120px);
}
.kitty_n_g-n__modal {
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 24px;
	width: 100%;
}
.kitty_n_g-n__modal.rewards {
	align-items: start;
	height: 100%;
    justify-content: flex-start;
	font-size: 12px;
}
.kitty_n_g-n__modal.rewards .kitty_n_g-n__concept_label {
	font-size: 12px;
}
.p-modal__cardbody__title-wrapper {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
}
.kitty_n_g-n__title {
	font-size: 24px;
	font-weight: 700;
}
.kitty_n_g-n__titleSub {
	font-size: 16px;
	font-weight: 700;
	text-align: center;
	line-height: 1.3;
}
.kitty_n_g-n__title-header {
	font-size: 24px;
	font-weight: 700;
	width: 100%;
	text-align: center;
}
.kitty_n_g-n__modal_item {
	display: flex;
	gap: 24px;
}
.kitty_n_g-n__modal_item>li {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 24px;
	width: 240px;
}
.kitty_n_g-n__modal_item>li a {
	width: 100%;
}
.kitty_n_g-n__modal_item p {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	font-size: 12px;
	font-weight: 500;
	line-height: 1;
}
.p-modal__application,
.p-modal__application02,
.p-modal__application03,
.p-modal__application04,
.p-modal__application05,
.p-modal__application06,
.p-modal__cardbodyNG,
.p-modal__cardbodyNG02,
.p-modal__cardbodyNG03,
.p-modal__cardbodyNG04,
.p-modal__cardbodyNG05 {
	display: none;
	justify-content: center;
	align-items: center;
	gap: 8px;
	bottom: 0;
	margin-top: 16px;
	margin-bottom: 16px;
	font-size: 14px;
}
.p-modal__cardbodyNG03 {
	margin-top: 30px;
	margin-bottom: 30px;
}
.p-modal__cardWrap {
	z-index: 222;
	position: fixed;
	bottom: 0;
	left: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 16px;
	width: 100%;
	padding: 16px;
	background-color: var(--gray-bg);
}
.p-modal__cardbody,
.p-modal__cardbody04 {
	flex-direction: column;
	gap: 32px;
	padding-bottom: 160px;
	width: 70%;
	max-width: 960px;
}
.p-modal__content {
	width: 100%;
	display: flex;
    flex-direction: column;
    gap: 12px;
}
.-modal__cardbody__title-wrapper {
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.kitty_n_g-n__modal_headline2 {
	text-align: center;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.3;
}
.kitty_n_g-n__modal_headline3 {
	font-size: 18px;
	font-weight: 700;
}
.kitty_n_g-n__modal_topText {
	text-align: center;
	font-size: 14px;
	line-height: 1.3;
}
.p-modal__cardbody__list-wrapper {
	display: flex;
	flex-direction: column;
	gap: 24px;
}
.p-modal__cardbody dl,
.p-modal__cardbody04 dl {
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.p-modal__cardbody dt,
.p-modal__cardbody04 dt {
	font-weight: 700;
}
.p-modal__cardbody dd,
.p-modal__cardbody04 dd {
	display: flex;
	flex-direction: column;
	gap: 8px;
	line-height: 1.5;
}
.p-modal__cardbody dd .kitty_n_g-n__note,
.p-modal__cardbody04 dd .kitty_n_g-n__note {
	font-size: 16px;
}
.p-modal__cardbodyNG03 .kitty_n_g-n__button {
	font-weight: 800;
}
.p-modal__cardbodyNG03 .kitty_n_g-n__button img {
	position: absolute;
	left: 16px;
	top: 50%;
	transform: translateY(-50%);
	width: 20px;
}
@media (max-width: 1100px) {
	.p-modal__cardbodyNG,
	.p-modal__cardbodyNG02 {
		width: 70%;
	}
}
@media (max-width: 767px) {
	.p-modal__cardbody,
	.p-modal__cardbody02,
	.p-modal__cardbody03,
	.p-modal__cardbody04,
	.p-modal__cardbody05,
	.p-modal__cardbody06,
	.p-modal__cardbodyNG,
	.p-modal__cardbodyNG02,
	.p-modal__cardbodyNG03,
	.p-modal__cardbodyNG04,
	.p-modal__cardbodyNG05 {
		padding: 40px 16px;
		width: 90%;
		max-height: 90vh;
	}
	.p-modal__cardbodyNG,
	.p-modal__cardbodyNG02 {
		height: 60vh;
		min-height: 494px;
	}
	.p-modal__cardbody,
	.p-modal__cardbody04 {
		padding-bottom: 35vh;
	}
	.kitty_n_g-n__modal_item {
		flex-direction: column;
		gap: 24px;
	}
	.kitty_n_g-n__title-header {
		font-size: 20px;
	}
	.p-modal__cardcloseBtn {
		position: absolute;
		right: 10px;
		top: 8px;
	}
}
/* 追従ボタン */
.p-cardBtnWrap {
	z-index: 30;
	display: none;
	position: fixed;
	bottom: 0;
	width: 100%;
	background-color: var(--white);
}
.kitty_n_g-n__follow-button {
	display: none;
}
.kitty_n_g-n__follow-button>li {
	flex: 1;
}
.kitty_n_g-n__follow-button>li a {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 16px;
	height: 80px;
	padding: 0 4px;
	cursor: pointer;
}
.kitty_n_g-n__follow-button>li:last-child {
	background-color: #FFE733;
}
.kitty_n_g-n__follow-button img {
	width: 80px;
}
.kitty_n_g-n__follow-button p {
	font-size: 16px;
	font-weight: 700;
	line-height: 1.2;
}
@media (max-width: 767px) {
	.kitty_n_g-n__follow-button>li a {
		gap: 8px;
		height: 58px;
	}
	.kitty_n_g-n__follow-button img {
		width: 56px;
		max-width: 28%;
	}
	.kitty_n_g-n__follow-button p {
		display: flex;
		flex-direction: column;
		font-size: 12px;
		align-items: center;
	}
}
@keyframes rotate-character {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}
	50% {
		-webkit-transform: rotate(-8deg);
		transform: rotate(-16deg);
	}
	66% {
		-webkit-transform: rotate(4deg);
		transform: rotate(8deg)
	}
	82% {
		-webkit-transform: rotate(-2deg);
		transform: rotate(-4deg)
	}
	100% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
}
.rotate_content {
	-webkit-animation: rotate-character 2s ease-in-out both;
	animation: rotate-character 2s ease-in-out both
}
@keyframes riseUpCharacters {
  0% {
    transform: translateY(300px);
  }
    100% {
    transform: translateY(0px);
  }
}
.riseUp.run {
  animation: riseUpCharacters .5s cubic-bezier(0.3,0.2,0.2,1.4) both;
}
@keyframes zoomIn {
    0% {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }
    50% {
        opacity: 1
    }
}
.zoomIn.run {
	animation-name: zoomIn;
	animation-duration: 1s;
	animation-timing-function: ease-in-out;
	animation-fill-mode: both;
}
@keyframes headShake {
	0% {
	  transform: translateX(0);
	}
	6.5% {
	  transform: translateX(-6px) rotateY(-9deg);
	}
	18.5% {
	  transform: translateX(5px) rotateY(7deg);
	}
	31.5% {
	  transform: translateX(-3px) rotateY(-5deg);
	}
	43.5% {
	  transform: translateX(2px) rotateY(3deg);
	}
	50% {
	  transform: translateX(0);
	}
}
.headShake.run {
	animation-name: headShake;
	animation-duration: 1s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: 1;
	animation-fill-mode: both;
}
.kitty_n_g-n__accordion {
	color: #6B6B6B;
    border: 1px solid #6B6B6B;
    border-radius: 8px
}
.kitty_n_g-n__accordion li {
	background-color: var(--white);
	border-radius: 8px;
}
.kitty_n_g-n__accordion details {
	border-radius: 8px;
	background-color: var(--white);
}
.kitty_n_g-n__accordion_q {
	position: relative;
	padding: 16px;
	font-size: 12px;
	font-weight: 700;
	list-style: none;
	cursor: pointer;
}
.kitty_n_g-n__accordion_q::after {
	position: absolute;
	right: 16px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 18px;
	font-weight: 700;
	content: "+";
}
.kitty_n_g-n__accordion details[open] .kitty_n_g-n__accordion_q::after {
	content: "−";
}
.kitty_n_g-n__accordion_a {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 24px;
	padding: 16px 10px;
}
.kitty_n_g-n__accordion_a::after {
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	width: calc(100% - 32px);
	height: 2px;
	background-color: var(--gray-bg);
	content: "";
}
.kitty_n_g-n__accordion_a .kitty_n_g-n__base-text {
	font-weight: 700;
}
.kitty_n_g-n__use_detail {
	display: flex;
	justify-content: center;
	align-items: center;
}
.kitty_n_g-n__accordion--free .kitty_n_g-n__use_detail li {
	flex: 1;
}
.kitty_n_g-n__accordion--now .kitty_n_g-n__use_detail {
	gap: 48px;
}
.kitty_n_g-n__accordion--now .kitty_n_g-n__use_detail img {
	width: 280px;
	max-width: 100%;
}
.card-content {
	display: flex;
	gap: 16px;
	font-weight: bold;
	align-items: center;
}
.card-content img {
	width: 54px;
}

.note_detail{
	gap: 10px;
    display: grid;
	color: white;
}
.note_detail_img{
	width: 37px;
    vertical-align: middle;
    position: relative;
    top: -0.1em;
    margin-right: 10px;
}
.note_detail_text{
	font-size: 16px;
}
.note_detail_text-2{
	font-size: 12px;
    line-height: 1.5;
}
@media (max-width: 767px) {
	.note_detail_img{
		width: 30px;
	}
	.note_detail_text{
		font-size: 14px;
		text-indent: -2.4rem;
		padding-left: 2.4rem;
	}
}
.note_detail_fw{
	font-weight: 800;
}
.text-center {
    text-align: center;
}
.col-red {
	color: var(--red);
}
.kitty_n_g-n__subtitle{
	font-size: 19px;
}
.kitty_n_g-n__note .txt{
    font-weight: 700;
    color: var(--black);
    padding-top: 9px;
    font-size: 14px;
}
@media (max-width: 767px) {
	.kitty_n_g-n__note .txt{
		font-size: 13px;
	}
}