/*===========================================================================*/
/*  mv  */
/*===========================================================================*/
.p-top-mv {
	position: relative;
	overflow: hidden;
	padding-top: clamp(37.8px, 13.4323873122px + 2.7045075125vw, 54px);
	padding-bottom: clamp(25.2px, 8.9549248748px + 1.8030050083vw, 36px);
}

.p-top-mv::before {
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(36, 173, 224, 0.3);
	z-index: 1;
	pointer-events: none;
}

@media (max-width: 900px) {
	.p-top-mv {
		padding-top: 60px;
		padding-bottom: 54px;
	}
}

.p-top-mv__video {
	position: absolute;
	inset: 0;
	z-index: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	pointer-events: none;
}

.p-top-mv__inner {
	padding-left: clamp(28px, 9.9499165275px + 2.0033388982vw, 40px);
	padding-right: clamp(28px, 9.9499165275px + 2.0033388982vw, 40px);
	position: relative;
	z-index: 2;
}

@media (max-width: 900px) {
	.p-top-mv__inner {
		padding-left: 20px;
		padding-right: 20px;
	}
}

.p-top-mv__bg {
	position: absolute;
	top: clamp(-88.2px, -31.3422370618px + -6.3105175292vw, -126px);
	left: 50%;
	transform: translateX(-50%);
	width: clamp(630.7px, 224.121869783px + 45.1252086811vw, 901px);
	height: clamp(660.1px, 234.5692821369px + 47.2287145242vw, 943px);
	z-index: 2;
	background: url(../img/top/mv_title_bg.svg) no-repeat center center/contain;
}

@media (max-width: 900px) {
	.p-top-mv__bg {
		top: -30px;
		width: 425px;
		height: 446px;
	}
}

.p-top-mv__content {
	position: relative;
	z-index: 3;
}

.p-top-mv__area {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	gap: clamp(4.2px, 1.4924874791px + 0.3005008347vw, 6px);
}

@media (max-width: 900px) {
	.p-top-mv__area {
		gap: 4px;
	}
}

.p-top-mv__area__title {
	color: #fff;
	font-size: clamp(21px, 7.4624373957px + 1.5025041736vw, 30px);
	font-weight: 700;
	line-height: 1;
	background: url(../img/top/mv_text_bg.svg) no-repeat center center/cover;
	padding-top: clamp(7px, 2.4874791319px + 0.5008347245vw, 10px);
	padding-left: clamp(9.1px, 3.2337228715px + 0.6510851419vw, 13px);
	padding-right: clamp(9.1px, 3.2337228715px + 0.6510851419vw, 13px);
	padding-bottom: clamp(9.1px, 3.2337228715px + 0.6510851419vw, 13px);
}

.p-top-mv__area__title span {
	color: #ffff37;
	font-size: clamp(30.8px, 10.9449081803px + 2.203672788vw, 44px);
	font-weight: 700;
	line-height: 1;
}

@media (max-width: 900px) {
	.p-top-mv__area__title {
		font-size: 15px;
		padding: 6px 7px 8px;
		background: url(../img/top/mv_text_bg_sp.svg) no-repeat center center/cover;
	}

	.p-top-mv__area__title span {
		font-size: 22px;
	}
}

.p-top-mv__area__text {
	width: clamp(23.1px, 8.2086811352px + 1.652754591vw, 33px);
	height: clamp(25.2px, 8.9549248748px + 1.8030050083vw, 36px);
	margin-bottom: clamp(7.7px, 2.7362270451px + 0.550918197vw, 11px);
}

@media (max-width: 900px) {
	.p-top-mv__area__text {
		width: 21px;
		height: 23px;
		margin-bottom: 6px;
	}
}

.p-top-mv__title {
	width: clamp(462px, 164.1736227045px + 33.0550918197vw, 660px);
	margin: 0 auto;
	margin-top: clamp(7.7px, 2.7362270451px + 0.550918197vw, 11px);
	position: relative;
}

@media (max-width: 900px) {
	.p-top-mv__title {
		width: 100%;
		max-width: 334px;
		margin-top: 7px;
	}
}

.p-top-mv__title::before {
	content: "";
	position: absolute;
	bottom: clamp(55.3px, 19.6510851419px + 3.9565943239vw, 79px);
	left: clamp(-70px, -24.8747913189px + -5.0083472454vw, -100px);
	width: clamp(52.5px, 18.6560934891px + 3.7562604341vw, 75px);
	height: clamp(98px, 34.8247078464px + 7.0116861436vw, 140px);
	background: url(../img/top/mv_twincle_l.svg) no-repeat center center/contain;
}

@media (max-width: 900px) {
	.p-top-mv__title::before {
		bottom: -20px;
		left: -18px;
		width: 43px;
		height: 166px;
		background: url(../img/top/mv_twincle_l_sp.svg) no-repeat center center/contain;
	}
}

.p-top-mv__title::after {
	content: "";
	position: absolute;
	bottom: clamp(70.7px, 25.1235392321px + 5.0584307179vw, 101px);
	right: clamp(-102.9px, -36.5659432387px + -7.3622704508vw, -147px);
	width: clamp(72.8px, 25.8697829716px + 5.2086811352vw, 104px);
	height: clamp(58.1px, 20.6460767947px + 4.1569282137vw, 83px);
	background: url(../img/top/mv_twincle_r.svg) no-repeat center center/contain;
}

@media (max-width: 900px) {
	.p-top-mv__title::after {
		bottom: 35px;
		right: -20px;
		width: 40px;
		height: 120px;
		background: url(../img/top/mv_twincle_r_sp.svg) no-repeat center center/contain;
	}
}

.p-top-mv__title__img {
	width: 100%;
	height: auto;
}

.p-top-mv__title .p-top-mv__grugru {
	position: absolute;
	top: clamp(95.9px, 34.0784641068px + 6.8614357262vw, 137px);
	right: clamp(-23.8px, -8.4574290484px + -1.7028380634vw, -34px);
	width: clamp(42.7px, 15.1736227045px + 3.0550918197vw, 61px);
	height: clamp(46.2px, 16.4173622705px + 3.305509182vw, 66px);
}

@media (max-width: 900px) {
	.p-top-mv__title .p-top-mv__grugru {
		top: 70px;
		right: -18px;
		width: 31px;
		height: 34px;
	}
}

.p-top-mv__check {
	width: clamp(520.8px, 185.0684474124px + 37.2621035058vw, 744px);
	height: clamp(36.4px, 12.9348914858px + 2.6043405676vw, 52px);
	margin: 0 auto;
}

@media (max-width: 900px) {
	.p-top-mv__check {
		width: 300px;
		height: 52px;
		margin-top: 0px;
	}
}

.p-top-mv__award {
	width: clamp(427px, 151.7362270451px + 30.550918197vw, 610px);
	height: clamp(119.7px, 42.5358931553px + 8.5642737896vw, 171px);
	margin: 0 auto;
	margin-top: clamp(9.8px, 3.4824707846px + 0.7011686144vw, 14px);
}

@media (max-width: 900px) {
	.p-top-mv__award {
		width: 100%;
		max-width: 336px;
		height: auto;
		margin-top: 9px;
	}
}

/*===========================================================================*/
/*  loved wall  */
/*===========================================================================*/
.p-top-loved {
	position: relative;
	overflow-x: clip;
	overflow-y: visible;
	background: #fff;
	padding-top: clamp(44px, 15.5242062706px + 3.1609195402vw, 66px);
	padding-bottom: clamp(34px, 12.0100430416px + 2.4383926994vw, 51px);
}

.p-top-loved__inner {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	gap: clamp(16px, 5.6470588235px + 1.1494252874vw, 24px);
}

.p-top-loved__head {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
	text-align: center;
}

.p-top-loved__title {
	margin: 0;
	color: #17499d;
	font-size: clamp(25px, 8.8235294118px + 1.7964071856vw, 37.5px);
	font-weight: 700;
	line-height: 1.35;
}

.p-top-loved__count {
	margin: 0;
	color: #4f6480;
	font-size: clamp(14px, 4.9411764706px + 1.0057471264vw, 21px);
	font-weight: 500;
	line-height: 1.4;
}

.p-top-loved__count span {
	color: #ff7b39;
	font-family: Montserrat, sans-serif;
	font-size: clamp(23px, 8.1176470588px + 1.652892562vw, 34.5px);
	font-weight: 700;
	line-height: 1;
	padding-left: 4px;
	padding-right: 4px;
}

.p-top-loved__rows {
	display: grid;
	gap: clamp(14px, 6px + 0.9vw, 24px);
	width: 100vw;
	max-width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
}

.p-top-loved__marquee {
	position: relative;
	overflow-x: clip;
	overflow-y: visible;
	padding-top: 18px;
	padding-bottom: 26px;
}

.p-top-loved__track {
	display: flex;
	width: max-content;
	will-change: transform;
	animation: loved-wall-left var(--loved-duration, 36s) linear infinite;
}

.p-top-loved__marquee--reverse .p-top-loved__track {
	animation-name: loved-wall-right;
	animation-duration: var(--loved-duration-reverse, 42s);
}

.p-top-loved__group {
	display: flex;
	gap: clamp(12px, 6px + 0.6vw, 18px);
	padding-right: clamp(12px, 6px + 0.6vw, 18px);
}

.p-top-loved__item {
	position: relative;
	display: block;
	flex: 0 0 auto;
	width: clamp(180px, 150px + 3vw, 224px);
	aspect-ratio: 4 / 5;
	overflow: hidden;
	border-radius: 16px;
	box-shadow: 0 10px 24px rgba(20, 40, 70, 0.2);
	transform: translateZ(0);
	transition: transform 0.35s ease, opacity 0.35s ease, filter 0.35s ease, box-shadow 0.35s ease;
}

.p-top-loved__item:focus-visible {
	outline: 2px solid #24ade0;
	outline-offset: 3px;
}

.p-top-loved__item-image {
	position: absolute;
	inset: 0;
}

.p-top-loved__item-image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.p-top-loved__item-overlay {
	position: absolute;
	inset: 0;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	gap: 7px;
	padding: 12px 12px 11px;
	color: #fff;
	background: linear-gradient(180deg, rgba(10, 18, 30, 0) 16%, rgba(8, 14, 24, 0.9) 100%);
	opacity: 0;
	transform: translateY(8px);
	transition: opacity 0.35s ease, transform 0.35s ease;
}

.p-top-loved__item-heart {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 30px;
	height: 30px;
	display: grid;
	place-items: center;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.96);
	color: #ff587f;
	box-shadow: 0 8px 14px rgba(0, 0, 0, 0.18);
	opacity: 0;
	transform: scale(0.74);
	transition: opacity 0.28s ease, transform 0.28s ease;
}

.p-top-loved__item-heart svg {
	width: 16px;
	height: 16px;
}

.p-top-loved__item-copy {
	margin: 0;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.5;
}

.p-top-loved__item-meta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
}

.p-top-loved__item-link {
	font-size: 11px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.04em;
}

.p-top-loved__marquee:hover .p-top-loved__track {
	animation-play-state: paused;
}

.p-top-loved__marquee:hover .p-top-loved__item {
	opacity: 0.44;
	filter: saturate(0.84);
}

.p-top-loved__marquee:hover .p-top-loved__item:hover,
.p-top-loved__marquee:hover .p-top-loved__item:focus-visible {
	opacity: 1;
	filter: none;
}

.p-top-loved__item:hover,
.p-top-loved__item:focus-visible {
	transform: translateY(-6px) scale(1.08);
	z-index: 3;
	box-shadow: 0 24px 34px rgba(11, 24, 44, 0.32);
}

.p-top-loved__item:hover .p-top-loved__item-overlay,
.p-top-loved__item:focus-visible .p-top-loved__item-overlay {
	opacity: 1;
	transform: translateY(0);
}

.p-top-loved__item:hover .p-top-loved__item-heart,
.p-top-loved__item:focus-visible .p-top-loved__item-heart {
	opacity: 1;
	transform: scale(1);
}

@keyframes loved-wall-left {
	from {
		transform: translateX(0);
	}

	to {
		transform: translateX(-50%);
	}
}

@keyframes loved-wall-right {
	from {
		transform: translateX(-50%);
	}

	to {
		transform: translateX(0);
	}
}

@media (max-width: 900px) {
	.p-top-loved {
		padding-top: 40px;
		padding-bottom: 34px;
	}

	.p-top-loved__head {
		gap: 8px;
	}

	.p-top-loved__title {
		font-size: 25px;
		line-height: 1.45;
	}

	.p-top-loved__count {
		font-size: 14px;
	}

	.p-top-loved__count span {
		font-size: 24px;
	}

	.p-top-loved__rows {
		gap: 0;
	}

	.p-top-loved__marquee--reverse {
		display: none;
	}

	.p-top-loved__marquee {
		padding-top: 10px;
		padding-bottom: 14px;
	}

	.p-top-loved__item {
		width: 150px;
		border-radius: 14px;
	}

	.p-top-loved__item-overlay {
		padding: 9px 9px 8px;
	}

	.p-top-loved__item-heart {
		top: 8px;
		left: 8px;
		width: 26px;
		height: 26px;
	}

	.p-top-loved__item-heart svg {
		width: 14px;
		height: 14px;
	}

	.p-top-loved__item-copy {
		font-size: 11px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.p-top-loved__marquee {
		overflow: visible;
	}

	.p-top-loved__track {
		animation: none !important;
		display: block;
		width: 100%;
	}

	.p-top-loved__group {
		display: grid;
		grid-template-columns: repeat(5, minmax(0, 1fr));
		gap: clamp(12px, 6px + 0.6vw, 18px);
		padding-left: clamp(21px, 7.46px + 1.5vw, 30px);
		padding-right: clamp(21px, 7.46px + 1.5vw, 30px);
	}

	.p-top-loved__group[aria-hidden="true"] {
		display: none;
	}

	.p-top-loved__item {
		width: 100%;
	}
}

@media (prefers-reduced-motion: reduce) and (max-width: 900px) {
	.p-top-loved__group {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

/*===========================================================================*/
/*  area  */
/*===========================================================================*/
.p-top-area {
	position: relative;
	z-index: 2;
	overflow-x: clip;
	overflow-y: visible;
}

.p-top-area__bg {
	position: absolute;
	inset: 0;
	z-index: 0;
	background: #eef5f8;
}

.p-top-area__bg-photo {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: clamp(378px, 134.3238731219px + 27.0450751252vw, 540px);
}

.p-top-area__bg-photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@media (max-width: 900px) {
	.p-top-area__bg-photo {
		height: 220px;
	}
}

.p-top-area__bg-ellipse {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 130%;
	min-width: 1948px;
	height: clamp(301px, 106.9616026711px + 21.5358931553vw, 430px);
	pointer-events: none;
}

@media (max-width: 900px) {
	.p-top-area__bg-ellipse {
		top: 198px;
		min-width: unset;
		height: 205px;
	}
}

.p-top-area__content {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	max-width: clamp(840px, 298.4974958264px + 60.1001669449vw, 1200px);
	margin: 0 auto;
	padding-top: clamp(74.2px, 26.367278798px + 5.3088480801vw, 106px);
	padding-bottom: clamp(56px, 19.8998330551px + 4.0066777963vw, 80px);
}

@media (max-width: 900px) {
	.p-top-area__content {
		max-width: 500px;
		padding-top: 50px;
		padding-bottom: 30px;
		padding-left: 0;
		padding-right: 0;
	}
}

.p-top-area__head {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: clamp(12.6px, 4.4774624374px + 0.9015025042vw, 18px);
}

@media (max-width: 900px) {
	.p-top-area__head {
		gap: 5px;
	}
}

.p-top-area__badge {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.p-top-area__badge-text {
	display: inline-block;
	background: #17499d;
	color: #ffff37;
	font-weight: 700;
	font-size: clamp(16.8px, 5.9699499165px + 1.2020033389vw, 24px);
	line-height: 1;
	padding-top: clamp(6.3px, 2.2387312187px + 0.4507512521vw, 9px);
	padding-bottom: clamp(6.3px, 2.2387312187px + 0.4507512521vw, 9px);
	padding-left: clamp(16.1px, 5.7212020033px + 1.1519198664vw, 23px);
	padding-right: clamp(16.1px, 5.7212020033px + 1.1519198664vw, 23px);
	border-radius: 999px;
	font-feature-settings: "palt", "pwid";
}

@media (max-width: 900px) {
	.p-top-area__badge-text {
		font-size: 20px;
		padding: 7px 20px;
	}
}

.p-top-area__badge-arrow {
	width: clamp(16.1px, 5.7212020033px + 1.1519198664vw, 23px);
	height: clamp(9.8px, 3.4824707846px + 0.7011686144vw, 14px);
	transform: rotate(180deg);
	margin-top: -5px;
}

@media (max-width: 900px) {
	.p-top-area__badge-arrow {
		width: 19px;
		height: 11px;
	}
}

.p-top-area__heading {
	font-weight: 700;
	font-size: clamp(40.6px, 14.4273789649px + 2.9048414023vw, 58px);
	color: #323232;
	text-align: center;
	line-height: 1;
	letter-spacing: 0.02em;
	font-feature-settings: "palt", "pwid";
}

@media (max-width: 900px) {
	.p-top-area__heading {
		font-size: 34px;
		line-height: 1.3;
	}
}

.p-top-area__heading-accent {
	color: #24ade0;
}

.p-top-area__card {
	display: flex;
	flex-direction: column;
	align-items: center;
	background: #fff;
	border-radius: clamp(12.6px, 4.4774624374px + 0.9015025042vw, 18px);
	box-shadow: 15px 15px 20px 0 rgba(30, 62, 96, 0.1);
	padding-top: clamp(35px, 12.4373956594px + 2.5041736227vw, 50px);
	padding-bottom: clamp(35px, 12.4373956594px + 2.5041736227vw, 50px);
	padding-left: clamp(36.4px, 12.9348914858px + 2.6043405676vw, 52px);
	padding-right: clamp(35.7px, 12.6861435726px + 2.5542570952vw, 51px);
	margin-top: clamp(29.4px, 10.4474123539px + 2.1035058431vw, 42px);
	width: 100%;
	gap: clamp(21px, 7.4624373957px + 1.5025041736vw, 30px);
}

@media (max-width: 900px) {
	.p-top-area__card {
		border-radius: 15px;
		box-shadow: 8px 8px 20px 0 rgba(0, 0, 0, 0.1);
		padding: 30px 14px 22px;
		margin-top: 8px;
		gap: 0;
	}
}

.p-top-area__card-title {
	font-weight: 700;
	font-size: clamp(19.6px, 6.9649415693px + 1.4023372287vw, 28px);
	color: #323232;
	text-align: center;
	line-height: 1;
	font-feature-settings: "palt", "pwid";
}

@media (max-width: 900px) {
	.p-top-area__card-title {
		font-size: 20px;
	}
}

.p-top-area__tabs {
	--top-area-dropdown-gap: clamp(8.4px, 2.9849749583px + 0.6010016694vw, 12px);
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: var(--top-area-dropdown-gap);
	width: 100%;
}

.p-top-area__dropdowns .p-top-area__dropdown-content {
	position: absolute;
	left: 0;
	right: auto;
	top: 100%;
	z-index: 5;
	width: calc(300% + (var(--top-area-dropdown-gap) * 2));
	max-height: min(60vh, 520px);
	margin-top: 4px;
	overflow-y: auto;
	overscroll-behavior: contain;
	-webkit-overflow-scrolling: touch;
}

.p-top-area__dropdowns .p-top-area__dropdown:nth-child(3n + 2) .p-top-area__dropdown-content {
	left: calc(-100% - var(--top-area-dropdown-gap));
}

.p-top-area__dropdowns .p-top-area__dropdown:nth-child(3n) .p-top-area__dropdown-content {
	left: calc(-200% - (var(--top-area-dropdown-gap) * 2));
}

@media (max-width: 900px) {
	.p-top-area__tabs {
		--top-area-dropdown-gap: 8px;
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: var(--top-area-dropdown-gap);
		margin-top: 20px;
	}

	.p-top-area__dropdowns .p-top-area__dropdown-content {
		width: calc(200% + var(--top-area-dropdown-gap));
		max-height: min(65vh, 480px);
	}

	.p-top-area__dropdowns .p-top-area__dropdown:nth-child(n) .p-top-area__dropdown-content {
		left: 0;
	}

	.p-top-area__dropdowns .p-top-area__dropdown:nth-child(even) .p-top-area__dropdown-content {
		left: calc(-100% - var(--top-area-dropdown-gap));
	}
}

.p-top-area__dropdown {
	position: relative;
	border: 2px solid #e9edf3;
	border-radius: clamp(5.6px, 1.9899833055px + 0.4006677796vw, 8px);
	background: #fff;
}

.p-top-area__dropdown.is-open {
	z-index: 6;
}

.p-top-area__dropdown-head {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	height: clamp(40.6px, 14.4273789649px + 2.9048414023vw, 58px);
	padding: 0 clamp(14px, 4.9749582638px + 1.0016694491vw, 20px);
	background: #EEF5F8;
	font-weight: 700;
	font-size: clamp(14px, 4.9749582638px + 1.0016694491vw, 20px);
	color: #323232;
	border: 0;
	cursor: pointer;
	text-align: left;
	transition: background-color 0.3s, color 0.3s;
}

.p-top-area__dropdown-head:hover {
	background: #DEEDF4;
	color: #24ade0;
}

.p-top-area__dropdown-title {
	display: inline-block;
}

.p-top-area__dropdown-num {
	margin-left: auto;
	font-size: clamp(11px, 4px + 0.7vw, 14px);
	font-weight: 700;
	line-height: 1.4;
	color: #fff;
}

.p-top-area__dropdown-num span {
	display: inline-block;
	padding: 1px 8px 2px;
	border-radius: 6px;
	background: #24ADE0;
	white-space: nowrap;
}

.p-top-area__dropdown-icon {
	position: relative;
	width: 14px;
	height: 14px;
	flex: 0 0 14px;
}

.p-top-area__dropdown-icon::before,
.p-top-area__dropdown-icon::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: 14px;
	height: 2px;
	background: #24ade0;
	border-radius: 999px;
	transform: translate(-50%, -50%);
	transition: transform 0.3s;
}

.p-top-area__dropdown-icon::after {
	transform: translate(-50%, -50%) rotate(90deg);
}

.p-top-area__dropdown.is-open .p-top-area__dropdown-icon::after {
	transform: translate(-50%, -50%) rotate(0deg);
}

.p-top-area__dropdown-content {
	padding: 12px clamp(10px, 3.5567612688px + 0.7152347307vw, 14px) clamp(14px, 4.9749582638px + 1.0016694491vw, 20px);
	background: #fff;
	border: 2px solid #e9edf3;
	border-radius: clamp(5.6px, 1.9899833055px + 0.4006677796vw, 8px);
	box-shadow: 0 8px 20px rgba(23, 73, 157, 0.12);
}

.p-top-area__dropdown-links {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.p-top-area__dropdown-link {
	display: inline-flex;
	align-items: center;
	padding: 7px 12px;
	border-radius: 7px;
	border: 1px solid #e9edf3;
	background: #fff;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.5;
	color: #323232;
	transition: border-color 0.3s, color 0.3s, background-color 0.3s;
}

.p-top-area__dropdown-link:hover {
	border-color: #24ade0;
	background: #eef5f8;
	color: #24ade0;
}

@media (max-width: 900px) {
	.p-top-area__dropdown {
		border-radius: 8px;
	}

	.p-top-area__dropdown-head {
		height: 46px;
		padding: 0 14px;
		font-size: 16px;
	}

	.p-top-area__dropdown-content {
		padding: 10px 10px 12px;
	}

	.p-top-area__dropdown-links {
		gap: 7px;
	}

	.p-top-area__dropdown-link {
		padding: 6px 10px;
		font-size: 13px;
		border-radius: 6px;
	}
}

.p-top-area__tab {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	height: clamp(40.6px, 14.4273789649px + 2.9048414023vw, 58px);
	border-radius: clamp(5.6px, 1.9899833055px + 0.4006677796vw, 8px);
	background: #f1f1f1;
	font-weight: 500;
	font-size: clamp(14px, 4.9749582638px + 1.0016694491vw, 20px);
	color: #323232;
	text-align: center;
	cursor: pointer;
	transition: all 0.3s;
	border: 2px solid transparent;
}

.p-top-area__tab:hover {
	background: #eef5f8;
	border: 2px solid #24ade0;
	color: #24ade0;
	font-weight: 700;
	box-sizing: border-box;
}

@media (max-width: 900px) {
	.p-top-area__tab {
		flex: unset;
		height: 46px;
		border-radius: 8px;
		font-size: 16px;
	}

	.p-top-area__tab:first-child {
		background: #eef5f8;
		border-color: #24ade0;
		color: #24ade0;
		font-weight: 700;
	}
}

.p-top-area__more {
	display: flex;
	align-items: center;
	gap: clamp(10.5px, 3.7312186978px + 0.7512520868vw, 15px);
	background: #17499d;
	color: #fff;
	border-radius: clamp(5.6px, 1.9899833055px + 0.4006677796vw, 8px);
	padding-top: clamp(11.2px, 3.979966611px + 0.8013355593vw, 16px);
	padding-bottom: clamp(11.2px, 3.979966611px + 0.8013355593vw, 16px);
	padding-left: clamp(24.5px, 8.7061769616px + 1.7529215359vw, 35px);
	padding-right: clamp(12.6px, 4.4774624374px + 0.9015025042vw, 18px);
	transition: opacity 0.3s;
}

.p-top-area__more:hover {
	opacity: 1;
}

@media (max-width: 900px) {
	.p-top-area__more {
		width: 100%;
		border-radius: 5px;
		padding: 14px 18px 14px 34px;
		margin-top: 15px;
		gap: 15px;
	}
}

.p-top-area__more-text {
	font-weight: 700;
	font-size: clamp(14px, 4.9749582638px + 1.0016694491vw, 20px);
	width: clamp(200.9px, 71.3906510851px + 14.3739565943vw, 287px);
	text-align: center;
}

@media (max-width: 900px) {
	.p-top-area__more-text {
		font-size: 16px;
		width: auto;
		flex: 1;
	}
}

.p-top-area__more-arrow {
	width: clamp(10.5px, 3.7312186978px + 0.7512520868vw, 15px);
	height: clamp(11.9px, 4.2287145242px + 0.8514190317vw, 17px);
}

@media (max-width: 900px) {
	.p-top-area__more-arrow {
		width: 15px;
		height: 17px;
	}
}

/*===========================================================================*/
/*  media  */
/*===========================================================================*/
.p-top-media {
	background: #fff;
	padding-top: clamp(91px, 32.3372287145px + 6.510851419vw, 130px);
	padding-bottom: clamp(70px, 24.8747913189px + 5.0083472454vw, 100px);
}

@media (max-width: 900px) {
	.p-top-media {
		padding-top: 50px;
		padding-bottom: 50px;
	}
}

.p-top-media__inner {
	max-width: clamp(840px, 298.4974958264px + 60.1001669449vw, 1200px);
	margin: 0 auto;
}

.p-top-media__slider {
	position: relative;
	margin-top: clamp(28px, 9.9499165275px + 2.0033388982vw, 40px);
}

@media (max-width: 900px) {
	.p-top-media__slider {
		margin-top: 24px;
	}
}

.p-top-media__swiper {
	overflow: hidden;
	padding-bottom: 1px;
}

.p-top-media__card {
	display: flex;
	flex-direction: column;
	gap: clamp(8.4px, 2.9849749583px + 0.6010016694vw, 12px);
}

@media (max-width: 900px) {
	.p-top-media__card {
		gap: 5px;
	}
}

.p-top-media__card-thumb {
	border-radius: clamp(4.2px, 1.4924874791px + 0.3005008347vw, 6px);
	overflow: hidden;
	aspect-ratio: 380/252;
}

.p-top-media__card-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.4s;
}

@media (max-width: 900px) {
	.p-top-media__card-thumb {
		border-radius: 6px;
		aspect-ratio: 280/186;
	}
}

.p-top-media__card:hover .p-top-media__card-thumb img {
	transform: scale(1.05);
}

.p-top-media__card-title {
	font-weight: 700;
	font-size: clamp(12.6px, 4.4774624374px + 0.9015025042vw, 18px);
	color: #323232;
	line-height: 1.6;
	letter-spacing: 0.02em;
	font-feature-settings: "palt", "pwid";
}

@media (max-width: 900px) {
	.p-top-media__card-title {
		font-size: 15px;
		letter-spacing: 0.02em;
	}
}

.p-top-media__nav-prev,
.p-top-media__nav-next {
	position: absolute;
	top: 0;
	height: clamp(176.4px, 62.6844741235px + 12.6210350584vw, 252px);
	display: flex;
	align-items: center;
	z-index: 10;
	cursor: pointer;
	transition: opacity 0.3s;
}

.p-top-media__nav-prev:hover,
.p-top-media__nav-next:hover {
	opacity: 0.7;
}

.p-top-media__nav-prev img,
.p-top-media__nav-next img {
	width: clamp(33.6px, 11.9398998331px + 2.4040066778vw, 48px);
	height: clamp(33.6px, 11.9398998331px + 2.4040066778vw, 48px);
}

@media (max-width: 900px) {

	.p-top-media__nav-prev,
	.p-top-media__nav-next {
		height: calc(100% - 90px);
	}

	.p-top-media__nav-prev img,
	.p-top-media__nav-next img {
		width: 36px;
		height: 36px;
	}
}

.p-top-media__nav-prev {
	left: clamp(-16.8px, -5.9699499165px + -1.2020033389vw, -24px);
}

.p-top-media__nav-prev img {
	transform: rotate(180deg);
}

@media (max-width: 900px) {
	.p-top-media__nav-prev {
		left: 8px;
	}
}

.p-top-media__nav-next {
	right: clamp(-16.8px, -5.9699499165px + -1.2020033389vw, -24px);
}

@media (max-width: 900px) {
	.p-top-media__nav-next {
		right: 8px;
	}
}

.p-top-media__pagination {
	position: static !important;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: clamp(8.4px, 2.9849749583px + 0.6010016694vw, 12px);
	margin-top: clamp(42px, 14.9248747913px + 3.0050083472vw, 60px);
	width: 100% !important;
}

.p-top-media__pagination .swiper-pagination-bullet {
	width: clamp(28px, 9.9499165275px + 2.0033388982vw, 40px);
	height: clamp(4.2px, 1.4924874791px + 0.3005008347vw, 6px);
	border-radius: 999px;
	background: #ccdbe1;
	opacity: 1;
	transition: all 0.3s;
}

.p-top-media__pagination .swiper-pagination-bullet-active {
	width: clamp(56px, 19.8998330551px + 4.0066777963vw, 80px);
	background: #24ade0;
}

@media (max-width: 900px) {
	.p-top-media__pagination {
		gap: 6px;
		margin-top: 35px;
	}

	.p-top-media__pagination .swiper-pagination-bullet {
		width: 30px;
		height: 6px;
	}

	.p-top-media__pagination .swiper-pagination-bullet-active {
		width: 60px;
	}
}

/*===========================================================================*/
/*  service  */
/*===========================================================================*/
.p-top-service {
	background: #eef5f8;
	padding-top: clamp(91px, 32.3372287145px + 6.510851419vw, 130px);
	padding-bottom: clamp(91px, 32.3372287145px + 6.510851419vw, 130px);
}

@media (max-width: 900px) {
	.p-top-service {
		padding-top: 50px;
		padding-bottom: 50px;
		padding-left: 20px;
		padding-right: 20px;
		overflow: hidden;
	}
}

@media (max-width: 900px) {
	.p-top-service__inner {
		max-width: 500px;
		margin: 0 auto;
	}
}

.p-top-service__list {
	margin-top: clamp(42px, 14.9248747913px + 3.0050083472vw, 60px);
	display: flex;
	flex-direction: column;
	gap: clamp(28px, 9.9499165275px + 2.0033388982vw, 40px);
}

@media (max-width: 900px) {
	.p-top-service__list {
		margin-top: 24px;
		gap: 25px;
	}
}

.p-top-service__item {
	display: flex;
	align-items: stretch;
	justify-content: center;
}

@media (max-width: 900px) {
	.p-top-service__item {
		flex-direction: column;
		align-items: center;
	}
}

.p-top-service__item:nth-child(odd) .p-top-service__img {
	margin-left: clamp(-66.5px, -23.6310517529px + -4.7579298831vw, -95px);
	margin-left: -95px;
}

@media (max-width: 900px) {
	.p-top-service__item:nth-child(odd) .p-top-service__img {
		margin-left: 0;
	}
}

.p-top-service__item:nth-child(even) {
	flex-direction: row-reverse;
}

@media (max-width: 900px) {
	.p-top-service__item:nth-child(even) {
		flex-direction: column;
	}
}

.p-top-service__item:nth-child(even) .p-top-service__img {
	margin-right: clamp(-66.5px, -23.6310517529px + -4.7579298831vw, -95px);
	margin-right: -95px;
}

@media (max-width: 900px) {
	.p-top-service__item:nth-child(even) .p-top-service__img {
		margin-right: 0;
	}
}

.p-top-service__card {
	flex-shrink: 0;
	width: clamp(351.4px, 124.8714524207px + 25.141903172vw, 502px);
	height: clamp(350px, 124.3739565943px + 25.041736227vw, 500px);
	background: #fff;
	border-radius: clamp(21px, 7.4624373957px + 1.5025041736vw, 30px);
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: clamp(14px, 4.9749582638px + 1.0016694491vw, 20px);
	padding-top: clamp(43.4px, 15.4223706177px + 3.1051752922vw, 62px);
	padding-left: clamp(33.6px, 11.9398998331px + 2.4040066778vw, 48px);
	padding-right: clamp(35.7px, 12.6861435726px + 2.5542570952vw, 51px);
	padding-bottom: clamp(44.1px, 15.6711185309px + 3.1552587646vw, 63px);
	box-sizing: border-box;
}

@media (max-width: 900px) {
	.p-top-service__card {
		order: 2;
		width: 100%;
		height: auto;
		border-radius: 10px;
		padding: 25px 20px 20px;
		gap: 18px;
		margin-top: -57px;
	}
}

.p-top-service__img {
	flex-shrink: 0;
	width: clamp(555.1px, 197.2570951586px + 39.7161936561vw, 793px);
	height: clamp(350px, 124.3739565943px + 25.041736227vw, 500px);
	border-radius: clamp(21px, 7.4624373957px + 1.5025041736vw, 30px);
	overflow: hidden;
}

.p-top-service__img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@media (max-width: 900px) {
	.p-top-service__img {
		order: 1;
		width: 100%;
		height: 280px;
		border-radius: 10px;
		position: relative;
		z-index: 1;
	}
}

.p-top-service__body {
	display: flex;
	flex-direction: column;
	gap: clamp(10.5px, 3.7312186978px + 0.7512520868vw, 15px);
}

@media (max-width: 900px) {
	.p-top-service__body {
		gap: 12px;
	}
}

.p-top-service__head {
	display: flex;
	flex-direction: column;
	gap: clamp(10.5px, 3.7312186978px + 0.7512520868vw, 15px);
}

@media (max-width: 900px) {
	.p-top-service__head {
		gap: 12px;
	}
}

.p-top-service__num {
	font-family: "Montserrat", sans-serif;
	font-weight: 600;
	font-size: clamp(12.6px, 4.4774624374px + 0.9015025042vw, 18px);
	color: #24ade0;
	line-height: 1.2;
	font-feature-settings: "palt", "pwid";
	text-align: center;
}

@media (max-width: 900px) {
	.p-top-service__num {
		font-size: 14px;
		text-align: center;
	}
}

.p-top-service__name {
	font-weight: 700;
	font-size: clamp(24.5px, 8.7061769616px + 1.7529215359vw, 35px);
	color: #323232;
	line-height: 1.4;
	letter-spacing: 0.02em;
	font-feature-settings: "palt", "pwid";
	text-align: center;
}

@media (max-width: 900px) {
	.p-top-service__name {
		font-size: 25px;
		text-align: center;
	}
}

.p-top-service__desc {
	font-weight: 500;
	font-size: clamp(11.2px, 3.979966611px + 0.8013355593vw, 16px);
	color: #323232;
	line-height: 1.8;
	letter-spacing: 0.02em;
	text-align: justify;
	font-feature-settings: "palt", "pwid";
}

@media (max-width: 900px) {
	.p-top-service__desc {
		font-size: 14px;
	}
}

.p-top-service__btn {
	display: flex;
	align-items: center;
	gap: clamp(10.5px, 3.7312186978px + 0.7512520868vw, 15px);
	background: #17499d;
	border-radius: clamp(5.6px, 1.9899833055px + 0.4006677796vw, 8px);
	padding-top: clamp(11.2px, 3.979966611px + 0.8013355593vw, 16px);
	padding-bottom: clamp(12.6px, 4.4774624374px + 0.9015025042vw, 18px);
	padding-left: clamp(24.5px, 8.7061769616px + 1.7529215359vw, 35px);
	padding-right: clamp(12.6px, 4.4774624374px + 0.9015025042vw, 18px);
	transition: opacity 0.3s;
}

.p-top-service__btn:hover {
	opacity: 0.85;
}

@media (max-width: 900px) {
	.p-top-service__btn {
		border-radius: 5px;
		padding: 14px 18px 14px 35px;
		gap: 15px;
		margin-top: 0;
		width: 100%;
	}
}

.p-top-service__btn-text {
	font-weight: 700;
	font-size: clamp(12.6px, 4.4774624374px + 0.9015025042vw, 18px);
	color: #fff;
	text-align: center;
	flex: 1;
}

@media (max-width: 900px) {
	.p-top-service__btn-text {
		font-size: 16px;
	}
}

.p-top-service__btn-arrow {
	width: clamp(10.5px, 3.7312186978px + 0.7512520868vw, 15px);
	height: clamp(11.9px, 4.2287145242px + 0.8514190317vw, 17px);
	flex-shrink: 0;
}

@media (max-width: 900px) {
	.p-top-service__btn-arrow {
		width: 15px;
		height: 17px;
	}
}

/*===========================================================================*/
/*  movie  */
/*===========================================================================*/
.p-top-movie {
	background: #fff;
	padding-top: clamp(21px, 7.4624373957px + 1.5025041736vw, 30px);
	padding-bottom: clamp(23.1px, 8.2086811352px + 1.652754591vw, 33px);
	padding-left: clamp(21px, 7.4624373957px + 1.5025041736vw, 30px);
	padding-right: clamp(21px, 7.4624373957px + 1.5025041736vw, 30px);
}

@media (max-width: 900px) {
	.p-top-movie {
		padding-top: 36px;
		padding-bottom: 36px;
		padding-left: 20px;
		padding-right: 20px;
	}
}

.p-top-movie__container {
	background: #3b4a62;
	border-radius: clamp(21px, 7.4624373957px + 1.5025041736vw, 30px);
	position: relative;
	overflow: hidden;
	padding-top: clamp(70px, 24.8747913189px + 5.0083472454vw, 100px);
	padding-bottom: clamp(70px, 24.8747913189px + 5.0083472454vw, 100px);
}

@media (max-width: 900px) {
	.p-top-movie__container {
		border-radius: 10px;
		padding-top: 28px;
		padding-bottom: 28px;
		overflow: visible;
	}
}

.p-top-movie__wave {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: clamp(258.3px, 91.7879799666px + 18.4808013356vw, 369px);
	pointer-events: none;
}

@media (max-width: 900px) {
	.p-top-movie__wave {
		height: 78px;
	}
}

.p-top-movie__heading {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: clamp(8.4px, 2.9849749583px + 0.6010016694vw, 12px);
	position: relative;
	z-index: 1;
}

@media (max-width: 900px) {
	.p-top-movie__heading {
		flex-direction: column;
		gap: 8px;
	}
}

.p-top-movie__play-icon {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: clamp(33.6px, 11.9398998331px + 2.4040066778vw, 48px);
	height: clamp(33.6px, 11.9398998331px + 2.4040066778vw, 48px);
	flex-shrink: 0;
}

@media (max-width: 900px) {
	.p-top-movie__play-icon {
		width: 28px;
		height: 28px;
	}
}

.p-top-movie__play-circle {
	width: 100%;
	height: 100%;
}

.p-top-movie__play-triangle {
	position: absolute;
	top: 50%;
	left: 53%;
	transform: translate(-50%, -50%) rotate(90deg);
	width: clamp(13.3px, 4.7262103506px + 0.9515859766vw, 19px);
	height: clamp(13.3px, 4.7262103506px + 0.9515859766vw, 19px);
}

@media (max-width: 900px) {
	.p-top-movie__play-triangle {
		width: 11px;
		height: 11px;
	}
}

.p-top-movie__title {
	font-weight: 700;
	font-size: clamp(29.4px, 10.4474123539px + 2.1035058431vw, 42px);
	color: #fff;
	line-height: 1.25;
	letter-spacing: 0.02em;
	font-feature-settings: "palt", "pwid";
	white-space: nowrap;
}

@media (max-width: 900px) {
	.p-top-movie__title {
		font-size: 26px;
		white-space: normal;
		text-align: center;
	}
}

.p-top-movie__slider {
	position: relative;
	max-width: clamp(840px, 298.4974958264px + 60.1001669449vw, 1200px);
	margin: 0 auto;
	margin-top: clamp(40.6px, 14.4273789649px + 2.9048414023vw, 58px);
}

@media (max-width: 900px) {
	.p-top-movie__slider {
		max-width: 100%;
		margin-top: 16px;
	}
}

.p-top-movie__swiper {
	overflow: hidden;
}

.p-top-movie__swiper .swiper-slide {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.p-top-movie__slide {
	position: relative;
	border-radius: clamp(7px, 2.4874791319px + 0.5008347245vw, 10px);
	overflow: hidden;
	aspect-ratio: 271/484;
}

.p-top-movie__slide .p-top-movie__iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

@media (max-width: 900px) {
	.p-top-movie__slide {
		border-radius: 6px;
		aspect-ratio: 3 / 4;
	}
}

.p-top-movie__poster {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	cursor: pointer;
	background: #1a1a1a;
	border-radius: inherit;
	appearance: none;
}

.p-top-movie__thumb {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
}

.p-top-movie__poster-play {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	align-items: center;
	justify-content: center;
	width: clamp(44.8px, 15.9198664441px + 3.2053422371vw, 64px);
	height: clamp(44.8px, 15.9198664441px + 3.2053422371vw, 64px);
	pointer-events: none;
}

@media (max-width: 900px) {
	.p-top-movie__poster-play {
		width: 44px;
		height: 44px;
	}
}

.p-top-movie__poster-play__circle {
	position: absolute;
	width: 100%;
	height: 100%;
}

.p-top-movie__poster-play__tri {
	position: relative;
	width: clamp(17.5px, 6.2186978297px + 1.2520868114vw, 25px);
	height: clamp(17.5px, 6.2186978297px + 1.2520868114vw, 25px);
	transform: translate(2px, 0) rotate(90deg);
}

@media (max-width: 900px) {
	.p-top-movie__poster-play__tri {
		width: 16px;
		height: 16px;
	}
}

.p-top-movie__nav-prev,
.p-top-movie__nav-next {
	position: absolute;
	top: 0;
	height: clamp(338.8px, 120.3939899833px + 24.2404006678vw, 484px);
	display: flex;
	align-items: center;
	z-index: 10;
	cursor: pointer;
	transition: opacity 0.3s;
}

.p-top-movie__nav-prev:hover,
.p-top-movie__nav-next:hover {
	opacity: 0.7;
}

.p-top-movie__nav-prev img,
.p-top-movie__nav-next img {
	width: clamp(33.6px, 11.9398998331px + 2.4040066778vw, 48px);
	height: clamp(33.6px, 11.9398998331px + 2.4040066778vw, 48px);
}

@media (max-width: 900px) {

	.p-top-movie__nav-prev,
	.p-top-movie__nav-next {
		height: 100%;
	}

	.p-top-movie__nav-prev img,
	.p-top-movie__nav-next img {
		width: 36px;
		height: 36px;
	}
}

.p-top-movie__nav-prev {
	left: clamp(-16.8px, -5.9699499165px + -1.2020033389vw, -24px);
}

.p-top-movie__nav-prev img {
	transform: rotate(180deg);
}

@media (max-width: 900px) {
	.p-top-movie__nav-prev {
		left: -18px;
	}
}

.p-top-movie__nav-next {
	right: clamp(-16.8px, -5.9699499165px + -1.2020033389vw, -24px);
}

@media (max-width: 900px) {
	.p-top-movie__nav-next {
		right: -18px;
	}
}

.p-top-movie__pagination {
	position: static !important;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: clamp(8.4px, 2.9849749583px + 0.6010016694vw, 12px);
	margin-top: clamp(35px, 12.4373956594px + 2.5041736227vw, 50px);
	width: 100% !important;
}

.p-top-movie__pagination .swiper-pagination-bullet {
	width: clamp(28px, 9.9499165275px + 2.0033388982vw, 40px);
	height: clamp(4.2px, 1.4924874791px + 0.3005008347vw, 6px);
	border-radius: 999px;
	background: #ccdbe1;
	opacity: 1;
	transition: all 0.3s;
}

.p-top-movie__pagination .swiper-pagination-bullet-active {
	width: clamp(56px, 19.8998330551px + 4.0066777963vw, 80px);
	background: #24ade0;
}

@media (max-width: 900px) {
	.p-top-movie__pagination {
		gap: 6px;
		margin-top: 16px;
	}

	.p-top-movie__pagination .swiper-pagination-bullet {
		width: 30px;
		height: 6px;
	}

	.p-top-movie__pagination .swiper-pagination-bullet-active {
		width: 60px;
	}
}

/*===========================================================================*/
/*  price  */
/*===========================================================================*/
.p-top-price {
	background: #eef5f8;
	overflow: hidden;
	padding-top: clamp(91px, 32.3372287145px + 6.510851419vw, 130px);
	padding-bottom: clamp(70px, 24.8747913189px + 5.0083472454vw, 100px);
}

@media (max-width: 900px) {
	.p-top-price {
		padding-top: 50px;
		padding-bottom: 50px;
	}
}

.p-top-price__inner {
	max-width: clamp(840px, 298.4974958264px + 60.1001669449vw, 1200px);
	margin: 0 auto;
}

.p-top-price__slider {
	position: relative;
	margin-top: clamp(35px, 12.4373956594px + 2.5041736227vw, 50px);
}

@media (max-width: 900px) {
	.p-top-price__slider {
		margin-top: 30px;
	}
}

.p-top-price__swiper {
	overflow: visible !important;
}

.p-top-price__swiper .swiper-slide {
	width: clamp(410.2px, 145.7662771285px + 29.3489148581vw, 586px);
	opacity: 0.5;
	transition: opacity 0.3s;
}

@media (max-width: 900px) {
	.p-top-price__swiper .swiper-slide {
		width: 340px;
	}
}

.p-top-price__swiper .swiper-slide-active {
	opacity: 1;
}

.p-top-price__card {
	background: #fff;
	border-radius: clamp(12.6px, 4.4774624374px + 0.9015025042vw, 18px);
	box-shadow: 15px 15px 20px 0 rgba(30, 62, 96, 0.1);
	overflow: hidden;
}

@media (max-width: 900px) {
	.p-top-price__card {
		border-radius: 10px;
	}
}

.p-top-price__card-header {
	background: #24ade0;
	height: clamp(88.2px, 31.3422370618px + 6.3105175292vw, 126px);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: clamp(8.4px, 2.9849749583px + 0.6010016694vw, 12px);
}

@media (max-width: 900px) {
	.p-top-price__card-header {
		height: 95px;
		gap: 6px;
	}
}

.p-top-price__card-title {
	font-weight: 700;
	font-size: clamp(22.4px, 7.959933222px + 1.6026711185vw, 32px);
	color: #fff;
	text-align: center;
	line-height: 1.4;
	letter-spacing: 0.02em;
	font-feature-settings: "palt", "pwid";
}

@media (max-width: 900px) {
	.p-top-price__card-title {
		font-size: 22px;
	}
}

.p-top-price__card-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: rgba(255, 255, 255, 0.3);
	border-radius: 999px;
	padding-left: clamp(14px, 4.9749582638px + 1.0016694491vw, 20px);
	padding-right: clamp(14px, 4.9749582638px + 1.0016694491vw, 20px);
	padding-top: clamp(2.8px, 0.9949916528px + 0.2003338898vw, 4px);
	padding-bottom: clamp(3.5px, 1.2437395659px + 0.2504173623vw, 5px);
	font-weight: 500;
	font-size: clamp(10.5px, 3.7312186978px + 0.7512520868vw, 15px);
	color: #fff;
	line-height: 1.4;
	letter-spacing: 0.02em;
	font-feature-settings: "palt", "pwid";
	white-space: nowrap;
}

@media (max-width: 900px) {
	.p-top-price__card-badge {
		font-size: 12px;
	}
}

.p-top-price__card-body {
	padding-top: clamp(14px, 4.9749582638px + 1.0016694491vw, 20px);
	padding-left: clamp(21px, 7.4624373957px + 1.5025041736vw, 30px);
	padding-right: clamp(21px, 7.4624373957px + 1.5025041736vw, 30px);
	padding-bottom: clamp(21px, 7.4624373957px + 1.5025041736vw, 30px);
}

@media (max-width: 900px) {
	.p-top-price__card-body {
		padding: 17px 17px 28px;
	}
}

.p-top-price__card-images {
	display: flex;
	gap: clamp(12.6px, 4.4774624374px + 0.9015025042vw, 18px);
}

@media (max-width: 900px) {
	.p-top-price__card-images {
		gap: 10px;
	}
}

.p-top-price__card-img {
	position: relative;
	flex: 1;
	border-radius: clamp(7px, 2.4874791319px + 0.5008347245vw, 10px);
	overflow: hidden;
	aspect-ratio: 254/336;
}

.p-top-price__card-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@media (max-width: 900px) {
	.p-top-price__card-img {
		border-radius: 5px;
		aspect-ratio: 148/196;
	}
}

.p-top-price__card-label {
	position: absolute;
	bottom: 0;
	left: 0;
	width: clamp(64.4px, 22.8848080134px + 4.6076794658vw, 92px);
	height: clamp(23.1px, 8.2086811352px + 1.652754591vw, 33px);
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: "Montserrat", sans-serif;
	font-weight: 600;
	font-size: clamp(11.2px, 3.979966611px + 0.8013355593vw, 16px);
	color: #fff;
	line-height: 1.2;
}

.p-top-price__card-label--before {
	background: url(../img/top/price-before-badge.svg) no-repeat center/contain;
}

.p-top-price__card-label--after {
	background: url(../img/top/price-after-badge.svg) no-repeat center/contain;
}

@media (max-width: 900px) {
	.p-top-price__card-label {
		width: 86px;
		height: 24px;
		font-size: 14px;
	}
}

.p-top-price__card-details {
	margin-top: clamp(11.2px, 3.979966611px + 0.8013355593vw, 16px);
	padding-left: clamp(7px, 2.4874791319px + 0.5008347245vw, 10px);
	padding-right: clamp(7px, 2.4874791319px + 0.5008347245vw, 10px);
}

@media (max-width: 900px) {
	.p-top-price__card-details {
		margin-top: 13px;
		padding-left: 10px;
		padding-right: 10px;
	}
}

.p-top-price__card-row {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	padding-top: clamp(7px, 2.4874791319px + 0.5008347245vw, 10px);
	padding-bottom: clamp(7px, 2.4874791319px + 0.5008347245vw, 10px);
	border-bottom: 1px dashed #ccc;
}

@media (max-width: 900px) {
	.p-top-price__card-row {
		padding-top: 8px;
		padding-bottom: 8px;
	}
}

.p-top-price__card-row-label {
	font-weight: 700;
	font-size: clamp(14px, 4.9749582638px + 1.0016694491vw, 20px);
	color: #323232;
	line-height: 1.4;
	letter-spacing: 0.02em;
	font-feature-settings: "palt", "pwid";
}

@media (max-width: 900px) {
	.p-top-price__card-row-label {
		font-size: 16px;
	}
}

.p-top-price__card-row-sub {
	font-weight: 700;
	font-size: clamp(12.6px, 4.4774624374px + 0.9015025042vw, 18px);
}

@media (max-width: 900px) {
	.p-top-price__card-row-sub {
		font-size: 11px;
	}
}

.p-top-price__card-row-value {
	font-weight: 700;
	font-size: clamp(19.6px, 6.9649415693px + 1.4023372287vw, 28px);
	color: #323232;
	line-height: 1.4;
	font-feature-settings: "palt", "pwid";
	white-space: nowrap;
}

@media (max-width: 900px) {
	.p-top-price__card-row-value {
		font-size: 16px;
	}
}

.p-top-price__card-row-num {
	font-family: "Montserrat", sans-serif;
	font-weight: 500;
	font-size: clamp(26.6px, 9.4524207012px + 1.9031719533vw, 38px);
}

@media (max-width: 900px) {
	.p-top-price__card-row-num {
		font-size: 28px;
	}
}

.p-top-price__card-result {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	background: #fff1e9;
	border-radius: clamp(3.5px, 1.2437395659px + 0.2504173623vw, 5px);
	padding-top: clamp(12.6px, 4.4774624374px + 0.9015025042vw, 18px);
	padding-bottom: clamp(12.6px, 4.4774624374px + 0.9015025042vw, 18px);
	padding-left: clamp(15.4px, 5.4724540902px + 1.101836394vw, 22px);
	padding-right: clamp(15.4px, 5.4724540902px + 1.101836394vw, 22px);
	margin-top: clamp(7px, 2.4874791319px + 0.5008347245vw, 10px);
}

@media (max-width: 900px) {
	.p-top-price__card-result {
		border-radius: 5px;
		padding: 10px 15px;
		margin-top: 10px;
	}
}

.p-top-price__card-result-label {
	font-weight: 700;
	font-size: clamp(14px, 4.9749582638px + 1.0016694491vw, 20px);
	color: #ec4e2b;
	line-height: 1.4;
	letter-spacing: 0.02em;
	font-feature-settings: "palt", "pwid";
	white-space: nowrap;
}

@media (max-width: 900px) {
	.p-top-price__card-result-label {
		font-size: 13px;
	}
}

.p-top-price__card-result-value {
	font-weight: 700;
	font-size: clamp(18.2px, 6.4674457429px + 1.3021702838vw, 26px);
	color: #ec4e2b;
	line-height: 1.4;
	font-feature-settings: "palt", "pwid";
	white-space: nowrap;
}

@media (max-width: 900px) {
	.p-top-price__card-result-value {
		font-size: 16px;
	}
}

.p-top-price__card-result-num {
	font-family: "Montserrat", sans-serif;
	font-weight: 500;
	font-size: clamp(35px, 12.4373956594px + 2.5041736227vw, 50px);
}

@media (max-width: 900px) {
	.p-top-price__card-result-num {
		font-size: 28px;
	}
}

.p-top-price__card-result:last-child .p-top-price__card-result-num {
	font-size: clamp(28px, 9.9499165275px + 2.0033388982vw, 40px);
}

@media (max-width: 900px) {
	.p-top-price__card-result:last-child .p-top-price__card-result-num {
		font-size: 28px;
	}
}

.p-top-price__card-result:not(:last-child) .p-top-price__card-result-label,
.p-top-price__card-result:not(:last-child) .p-top-price__card-result-value {
	color: #027fc6;
}

.p-top-price__nav-prev,
.p-top-price__nav-next {
	position: absolute;
	top: clamp(274.4px, 97.5091819699px + 19.632721202vw, 392px);
	transform: translateY(-50%);
	z-index: 10;
	cursor: pointer;
	transition: opacity 0.3s;
}

.p-top-price__nav-prev:hover,
.p-top-price__nav-next:hover {
	opacity: 0.7;
}

.p-top-price__nav-prev img,
.p-top-price__nav-next img {
	width: clamp(58.8px, 20.8948247078px + 4.2070116861vw, 84px);
	height: clamp(58.8px, 20.8948247078px + 4.2070116861vw, 84px);
}

@media (max-width: 900px) {

	.p-top-price__nav-prev,
	.p-top-price__nav-next {
		display: none;
	}
}

.p-top-price__nav-prev {
	left: 0;
}

.p-top-price__nav-prev img {
	transform: rotate(180deg);
}

.p-top-price__nav-next {
	right: 0;
}

.p-top-price__pagination {
	position: static !important;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: clamp(8.4px, 2.9849749583px + 0.6010016694vw, 12px);
	margin-top: clamp(42px, 14.9248747913px + 3.0050083472vw, 60px);
	width: 100% !important;
}

.p-top-price__pagination .swiper-pagination-bullet {
	width: clamp(28px, 9.9499165275px + 2.0033388982vw, 40px);
	height: clamp(4.2px, 1.4924874791px + 0.3005008347vw, 6px);
	border-radius: 999px;
	background: #ccdbe1;
	opacity: 1;
	transition: all 0.3s;
}

.p-top-price__pagination .swiper-pagination-bullet-active {
	width: clamp(56px, 19.8998330551px + 4.0066777963vw, 80px);
	background: #24ade0;
}

@media (max-width: 900px) {
	.p-top-price__pagination {
		gap: 6px;
		margin-top: 30px;
	}

	.p-top-price__pagination .swiper-pagination-bullet {
		width: 30px;
		height: 6px;
	}

	.p-top-price__pagination .swiper-pagination-bullet-active {
		width: 60px;
	}
}

.p-top-plan {
	background: #fff;
	padding-top: clamp(91px, 32.3372287145px + 6.510851419vw, 130px);
	padding-bottom: clamp(91px, 32.3372287145px + 6.510851419vw, 130px);
}

@media (max-width: 900px) {
	.p-top-plan {
		padding-top: 50px;
		padding-bottom: 0;
	}
}

.p-top-plan__inner {
	max-width: clamp(840px, 298.4974958264px + 60.1001669449vw, 1200px);
	margin: 0 auto;
}

@media (max-width: 900px) {
	.p-top-plan__inner {
		max-width: none;
	}
}

.p-top-plan__notice {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: clamp(4.2px, 1.4924874791px + 0.3005008347vw, 6px);
	background: #fff1e9;
	border-radius: clamp(6.3px, 2.2387312187px + 0.4507512521vw, 9px);
	padding-top: clamp(7px, 2.4874791319px + 0.5008347245vw, 10px);
	padding-bottom: clamp(8.4px, 2.9849749583px + 0.6010016694vw, 12px);
	padding-left: clamp(12.6px, 4.4774624374px + 0.9015025042vw, 18px);
	padding-right: clamp(12.6px, 4.4774624374px + 0.9015025042vw, 18px);
	margin-top: clamp(24.5px, 8.7061769616px + 1.7529215359vw, 35px);
	width: fit-content;
	margin-left: auto;
	margin-right: auto;
}

@media (max-width: 900px) {
	.p-top-plan__notice {
		padding: 7px 14px 9px;
		margin-top: 20px;
		gap: 6px;
		width: auto;
	}
}

.p-top-plan__notice-icon {
	width: clamp(15.4px, 5.4724540902px + 1.101836394vw, 22px);
	height: clamp(15.4px, 5.4724540902px + 1.101836394vw, 22px);
	flex-shrink: 0;
}

@media (max-width: 900px) {
	.p-top-plan__notice-icon {
		width: 16px;
		height: 16px;
	}
}

.p-top-plan__notice-text {
	color: #ec4e2b;
	font-size: clamp(14px, 4.9749582638px + 1.0016694491vw, 20px);
	font-weight: 500;
	letter-spacing: 0.02em;
	line-height: 1.4;
	font-feature-settings: "palt", "pwid";
	white-space: nowrap;
}

@media (max-width: 900px) {
	.p-top-plan__notice-text {
		font-size: 13px;
		white-space: normal;
	}
}

.p-top-plan__block {
	position: relative;
	margin-top: clamp(42px, 14.9248747913px + 3.0050083472vw, 60px);
}

@media (max-width: 900px) {
	.p-top-plan__block {
		margin-top: 28px;
	}
}

.p-top-plan__block--truck .p-top-plan__banner {
	background: #24ade0;
	height: clamp(225.4px, 80.0968280467px + 16.1268781302vw, 322px);
}

@media (max-width: 900px) {
	.p-top-plan__block--truck .p-top-plan__banner {
		height: 202px;
	}
}

.p-top-plan__block--room {
	margin-top: clamp(49px, 17.4123539232px + 3.5058430718vw, 70px);
}

.p-top-plan__block--room .p-top-plan__banner {
	background-color: #17499d;
	height: clamp(274.4px, 97.5091819699px + 19.632721202vw, 392px);
}

@media (max-width: 900px) {
	.p-top-plan__block--room .p-top-plan__banner {
		height: 222px;
	}

	.p-top-plan__block--room {
		margin-top: 0;
	}
}

.p-top-plan__banner {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	border-radius: clamp(21px, 7.4624373957px + 1.5025041736vw, 30px);
	overflow: hidden;
}

@media (max-width: 900px) {
	.p-top-plan__banner {
		left: -20px;
		width: calc(100% + 40px);
		border-radius: 0;
		transform: none;
	}
}

.p-top-plan__banner-bg {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	pointer-events: none;
	background: url(../img/top/plan-bg-blue.png) no-repeat center center/cover;
}

.p-top-plan__banner-bg.p-top-plan__banner-bg-navy {
	background: url(../img/top/plan-bg-navy.png) no-repeat center center/cover;
	background-color: #17499d;
}

.p-top-plan__block-body {
	position: relative;
	z-index: 1;
	max-width: clamp(840px, 298.4974958264px + 60.1001669449vw, 1200px);
	margin: 0 auto;
}

.p-top-plan__block-heading {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: clamp(9.1px, 3.2337228715px + 0.6510851419vw, 13px);
	padding-top: clamp(59.5px, 21.143572621px + 4.2570951586vw, 85px);
}

@media (max-width: 900px) {
	.p-top-plan__block-heading {
		padding-top: 30px;
		gap: 8px;
	}
}

.p-top-plan__block-icon {
	width: clamp(39.2px, 13.9298831386px + 2.8046744574vw, 56px);
	height: clamp(23.1px, 8.2086811352px + 1.652754591vw, 33px);
}

@media (max-width: 900px) {
	.p-top-plan__block-icon {
		width: 35px;
		height: 21px;
	}
}

.p-top-plan__block-title {
	color: #fff;
	font-size: clamp(33.6px, 11.9398998331px + 2.4040066778vw, 48px);
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: 0.02em;
	font-feature-settings: "palt", "pwid";
	text-align: center;
}

@media (max-width: 900px) {
	.p-top-plan__block-title {
		font-size: 26px;
	}
}

.p-top-plan__block-desc {
	color: #fff;
	font-size: clamp(12.6px, 4.4774624374px + 0.9015025042vw, 18px);
	font-weight: 500;
	line-height: 1.8;
	letter-spacing: 0.02em;
	font-feature-settings: "palt", "pwid";
	text-align: center;
	margin-top: clamp(8.4px, 2.9849749583px + 0.6010016694vw, 12px);
}

@media (max-width: 900px) {
	.p-top-plan__block-desc {
		font-size: 12px;
		margin-top: 12px;
	}
}

.p-top-plan__cards {
	display: flex;
	justify-content: center;
	gap: clamp(21px, 7.4624373957px + 1.5025041736vw, 30px);
	margin-top: clamp(28.7px, 10.1986644407px + 2.0534223706vw, 41px);
}

@media (max-width: 900px) {
	.p-top-plan__cards {
		justify-content: flex-start;
		gap: 10px;
		margin-top: 20px;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
		-ms-overflow-style: none;
		margin-left: -20px;
		margin-right: -20px;
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 50px;
	}

	.p-top-plan__cards::-webkit-scrollbar {
		display: none;
	}
}

.p-top-plan__card {
	width: clamp(266px, 94.5242070117px + 19.0317195326vw, 380px);
	background: #fff;
	border: 1px solid #c3c3c3;
	border-radius: clamp(21px, 7.4624373957px + 1.5025041736vw, 30px);
	box-shadow: 12px 12px 40px 0 rgba(0, 0, 0, 0.1);
	box-sizing: border-box;
}

@media (max-width: 900px) {
	.p-top-plan__card {
		width: 262px;
		flex-shrink: 0;
		border-radius: 10px;
	}
}

.p-top-plan__card-header {
	background: #24ade0;
	height: clamp(49px, 17.4123539232px + 3.5058430718vw, 70px);
	margin-top: clamp(9.1px, 3.2337228715px + 0.6510851419vw, 13px);
	margin-left: clamp(9.1px, 3.2337228715px + 0.6510851419vw, 13px);
	margin-right: clamp(9.1px, 3.2337228715px + 0.6510851419vw, 13px);
	border-top-left-radius: clamp(14px, 4.9749582638px + 1.0016694491vw, 20px);
	border-top-right-radius: clamp(14px, 4.9749582638px + 1.0016694491vw, 20px);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-weight: 700;
	font-feature-settings: "palt", "pwid";
	letter-spacing: 0.02em;
}

.p-top-plan__block--truck .p-top-plan__card--s .p-top-plan__card-header {
	background: #24ade0;
}

.p-top-plan__block--truck .p-top-plan__card--m .p-top-plan__card-header {
	background: #2558d0;
}

.p-top-plan__block--truck .p-top-plan__card--l .p-top-plan__card-header {
	background: #17499d;
}

@media (max-width: 900px) {
	.p-top-plan__card-header {
		height: auto;
		min-height: 41px;
		padding-top: 6px;
		padding-bottom: 6px;
		margin-top: 10px;
		margin-left: 10px;
		margin-right: 10px;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
	}
}

.p-top-plan__card-name {
	font-size: clamp(19.6px, 6.9649415693px + 1.4023372287vw, 28px);
	line-height: 1.4;
}

@media (max-width: 900px) {
	.p-top-plan__card-name {
		font-size: 18px;
	}
}

.p-top-plan__card-sub {
	font-size: 12px;
	line-height: 1.4;
}

@media (max-width: 900px) {
	.p-top-plan__card-sub {
		font-size: 12px;
	}
}

.p-top-plan__card-price {
	display: flex;
	align-items: baseline;
	justify-content: center;
	margin-top: clamp(14.7px, 5.223706177px + 1.0517529215vw, 21px);
}

@media (max-width: 900px) {
	.p-top-plan__card-price {
		margin-top: 10px;
	}
}

.p-top-plan__card-num {
	font-family: "Montserrat", sans-serif;
	font-weight: 600;
	font-size: clamp(44.8px, 15.9198664441px + 3.2053422371vw, 64px);
	line-height: 1.2;
	background: linear-gradient(to right, #2ab7eb, #007dc5);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	font-feature-settings: "palt", "pwid";
}

@media (max-width: 900px) {
	.p-top-plan__card-num {
		font-size: 44px;
	}
}

.p-top-plan__card-yen {
	color: #027fc6;
	font-size: clamp(26.6px, 9.4524207012px + 1.9031719533vw, 38px);
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: 0.02em;
	font-feature-settings: "palt", "pwid";
}

@media (max-width: 900px) {
	.p-top-plan__card-yen {
		font-size: 25px;
	}
}

.p-top-plan__card-list {
	padding-left: clamp(21px, 7.4624373957px + 1.5025041736vw, 30px);
	padding-right: clamp(21px, 7.4624373957px + 1.5025041736vw, 30px);
	padding-bottom: clamp(21px, 7.4624373957px + 1.5025041736vw, 30px);
	margin-top: clamp(16.8px, 5.9699499165px + 1.2020033389vw, 24px);
}

@media (max-width: 900px) {
	.p-top-plan__card-list {
		padding: 0 20px 20px;
		margin-top: 12px;
	}
}

.p-top-plan__card-row {
	display: flex;
	align-items: flex-start;
	padding-bottom: clamp(10.5px, 3.7312186978px + 0.7512520868vw, 15px);
	margin-bottom: clamp(10.5px, 3.7312186978px + 0.7512520868vw, 15px);
	border-bottom: 1px dashed #c3c3c3;
}

.p-top-plan__card-row--last {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}

@media (max-width: 900px) {
	.p-top-plan__card-row {
		padding-bottom: 12px;
		margin-bottom: 12px;
	}
}

.p-top-plan__card-dt {
	display: flex;
	align-items: center;
	gap: clamp(7px, 2.4874791319px + 0.5008347245vw, 10px);
	width: clamp(107.1px, 38.0584307179px + 7.6627712855vw, 153px);
	flex-shrink: 0;
	color: #323232;
	font-size: clamp(12.6px, 4.4774624374px + 0.9015025042vw, 18px);
	font-weight: 700;
	line-height: 1.6;
	letter-spacing: 0.02em;
	font-feature-settings: "palt", "pwid";
}

@media (max-width: 900px) {
	.p-top-plan__card-dt {
		font-size: 14px;
		width: 107px;
		gap: 10px;
	}
}

.p-top-plan__card-icon {
	width: clamp(11.9px, 4.2287145242px + 0.8514190317vw, 17px);
	height: clamp(13.3px, 4.7262103506px + 0.9515859766vw, 19px);
	flex-shrink: 0;
}

@media (max-width: 900px) {
	.p-top-plan__card-icon {
		width: 17px;
		height: 19px;
	}
}

.p-top-plan__card-dd {
	color: #323232;
	font-size: clamp(12.6px, 4.4774624374px + 0.9015025042vw, 18px);
	font-weight: 500;
	line-height: 1.6;
	letter-spacing: 0.02em;
	font-feature-settings: "palt", "pwid";
}

@media (max-width: 900px) {
	.p-top-plan__card-dd {
		font-size: 14px;
	}
}

.p-top-plan__table-card {
	background: #fff;
	border: 1px solid #c3c3c3;
	border-radius: clamp(21px, 7.4624373957px + 1.5025041736vw, 30px);
	box-shadow: 12px 12px 40px 0 rgba(0, 0, 0, 0.1);
	margin-top: clamp(28px, 9.9499165275px + 2.0033388982vw, 40px);
	padding: clamp(14px, 4.9749582638px + 1.0016694491vw, 20px);
	overflow: hidden;
}

.p-top-plan__table-card .p-price__table-wrap {
	margin: 0;
}

.p-top-plan__table-card .p-price__table {
	border-radius: clamp(10px, 3.5567896494px + 0.6688963211vw, 14px);
	overflow: hidden;
}

@media (max-width: 900px) {
	.p-top-plan__table-card {
		border-radius: 10px;
		margin-top: 20px;
		padding: 12px;
	}
}

.p-top-plan__cta {
	max-width: clamp(840px, 298.4974958264px + 60.1001669449vw, 1200px);
	margin: 0 auto;
	margin-top: clamp(28px, 9.9499165275px + 2.0033388982vw, 40px);
	text-align: center;
}

@media (max-width: 900px) {
	.p-top-plan__cta {
		margin-top: 30px;
	}
}

.p-top-plan__cta-text {
	color: #323232;
	font-size: clamp(14px, 4.9749582638px + 1.0016694491vw, 20px);
	font-weight: 700;
	line-height: 1.8;
	letter-spacing: 0.02em;
	font-feature-settings: "palt", "pwid";
}

@media (max-width: 900px) {
	.p-top-plan__cta-text {
		font-size: 15px;
	}
}

.p-top-plan__cta-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: clamp(10.5px, 3.7312186978px + 0.7512520868vw, 15px);
	width: clamp(385.7px, 137.0601001669px + 27.5959933222vw, 551px);
	height: clamp(60.2px, 21.3923205342px + 4.3071786311vw, 86px);
	background: #0cc755;
	border-radius: clamp(5.6px, 1.9899833055px + 0.4006677796vw, 8px);
	margin-top: clamp(21px, 7.4624373957px + 1.5025041736vw, 30px);
	text-decoration: none;
	color: #fff;
	font-size: clamp(19.6px, 6.9649415693px + 1.4023372287vw, 28px);
	font-weight: 700;
	transition: opacity 0.3s;
}

@media (max-width: 900px) {
	.p-top-plan__cta-btn {
		box-shadow: 0 4px 0 0 #009c3d;
	}
}

.p-top-plan__cta-btn:hover {
	opacity: 0.8;
}

@media (max-width: 900px) {
	.p-top-plan__cta-btn {
		width: 310px;
		height: 60px;
		border-radius: 8px;
		margin-top: 20px;
		font-size: 22px;
		gap: 10px;
	}
}

.p-top-plan__cta-icon {
	width: clamp(34.3px, 12.1886477462px + 2.4540901503vw, 49px);
	height: clamp(32.9px, 11.6911519199px + 2.3539232053vw, 47px);
}

@media (max-width: 900px) {
	.p-top-plan__cta-icon {
		width: 29px;
		height: 28px;
	}
}

.p-top-list {
	position: relative;
	background: #eef5f8;
	padding-top: clamp(91px, 32.3372287145px + 6.510851419vw, 130px);
	padding-bottom: clamp(91px, 32.3372287145px + 6.510851419vw, 130px);
	overflow: hidden;
}

@media (max-width: 900px) {
	.p-top-list {
		padding-top: 50px;
		padding-bottom: 50px;
	}
}

.p-top-list__deco {
	position: absolute;
	pointer-events: none;
}

.p-top-list__deco--left {
	width: clamp(688.8px, 244.7679465776px + 49.2821368948vw, 984px);
	height: clamp(305.9px, 108.7028380634px + 21.8864774624vw, 437px);
	left: clamp(-42px, -14.9248747913px + -3.0050083472vw, -60px);
	top: clamp(106.4px, 37.8096828047px + 7.612687813vw, 152px);
	transform: rotate(180deg);
}

@media (max-width: 900px) {
	.p-top-list__deco--left {
		width: 425px;
		height: 246px;
		left: -133px;
		top: 349px;
	}
}

.p-top-list__deco--right {
	width: clamp(688.8px, 244.7679465776px + 49.2821368948vw, 984px);
	height: clamp(305.9px, 108.7028380634px + 21.8864774624vw, 437px);
	right: clamp(-42px, -14.9248747913px + -3.0050083472vw, -60px);
	top: 0;
}

@media (max-width: 900px) {
	.p-top-list__deco--right {
		width: 425px;
		height: 246px;
		right: auto;
		left: 105px;
		top: 0;
	}
}

.p-top-list__inner {
	position: relative;
	z-index: 1;
	max-width: clamp(840px, 298.4974958264px + 60.1001669449vw, 1200px);
	margin: 0 auto;
}

@media (max-width: 900px) {
	.p-top-list__inner {
		max-width: 500px;
	}
}

.p-top-list__items {
	display: flex;
	justify-content: space-between;
	margin-top: clamp(42px, 14.9248747913px + 3.0050083472vw, 60px);
}

@media (max-width: 900px) {
	.p-top-list__items {
		display: grid;
		grid-template-columns: repeat(2, 170px);
		column-gap: 10px;
		row-gap: 35px;
		justify-content: center;
		margin-top: 48px;
	}
}

.p-top-list__item {
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
}

@media (max-width: 900px) {
	.p-top-list__item:last-child {
		grid-column: 1/-1;
		justify-self: center;
	}
}

.p-top-list__icon {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width: clamp(78.4px, 27.8597662771px + 5.6093489149vw, 112px);
	height: clamp(78.4px, 27.8597662771px + 5.6093489149vw, 112px);
	top: clamp(-21px, -7.4624373957px + -1.5025041736vw, -30px);
	z-index: 1;
}

@media (max-width: 900px) {
	.p-top-list__icon {
		width: 72px;
		height: 72px;
		top: -26px;
	}
}

.p-top-list__icon-circle {
	width: 100%;
	height: 100%;
}

.p-top-list__icon-img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: clamp(33.6px, 11.9398998331px + 2.4040066778vw, 48px);
	height: clamp(33.6px, 11.9398998331px + 2.4040066778vw, 48px);
}

@media (max-width: 900px) {
	.p-top-list__icon-img {
		width: 30px;
		height: 30px;
	}
}

.p-top-list__icon-img--detail {
	width: clamp(11.2px, 3.979966611px + 0.8013355593vw, 16px);
	height: clamp(11.2px, 3.979966611px + 0.8013355593vw, 16px);
	top: 35%;
	left: 65%;
}

@media (max-width: 900px) {
	.p-top-list__icon-img--detail {
		width: 10px;
		height: 10px;
	}
}

.p-top-list__card {
	width: clamp(152.6px, 54.2270450751px + 10.918196995vw, 218px);
	height: clamp(121.1px, 43.0333889816px + 8.6644407346vw, 173px);
	background: #fff;
	border-radius: clamp(12.6px, 4.4774624374px + 0.9015025042vw, 18px);
	box-shadow: 12px 12px 40px 0 rgba(0, 0, 0, 0.1);
	display: flex;
	align-items: flex-end;
	justify-content: center;
	padding-bottom: clamp(21px, 7.4624373957px + 1.5025041736vw, 30px);
	box-sizing: border-box;
}

@media (max-width: 900px) {
	.p-top-list__card {
		width: 170px;
		height: 107px;
		border-radius: 18px;
		padding-bottom: 18px;
	}
}

.p-top-list__name {
	color: #323232;
	font-size: clamp(19.6px, 6.9649415693px + 1.4023372287vw, 28px);
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: 0.02em;
	font-feature-settings: "palt", "pwid";
	text-align: center;
}

@media (max-width: 900px) {
	.p-top-list__name {
		font-size: 22px;
	}
}

.p-top-info {
	background: #fff;
	padding-top: clamp(91px, 32.3372287145px + 6.510851419vw, 130px);
	padding-bottom: clamp(70px, 24.8747913189px + 5.0083472454vw, 100px);
}

@media (max-width: 900px) {
	.p-top-info {
		padding-top: 50px;
		padding-bottom: 50px;
	}
}

.p-top-info__inner {
	max-width: clamp(840px, 298.4974958264px + 60.1001669449vw, 1200px);
	margin: 0 auto;
}

.p-top-info__slider {
	position: relative;
	margin-top: clamp(28px, 9.9499165275px + 2.0033388982vw, 40px);
}

@media (max-width: 900px) {
	.p-top-info__slider {
		margin-top: 24px;
	}
}

.p-top-info__swiper {
	overflow: hidden;
	padding-bottom: 1px;
}

.p-top-info__card {
	display: flex;
	flex-direction: column;
	gap: clamp(8.4px, 2.9849749583px + 0.6010016694vw, 12px);
}

@media (max-width: 900px) {
	.p-top-info__card {
		gap: 5px;
	}
}

.p-top-info__card-thumb {
	border-radius: clamp(4.2px, 1.4924874791px + 0.3005008347vw, 6px);
	overflow: hidden;
	aspect-ratio: 380/252;
}

.p-top-info__card-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.4s;
}

@media (max-width: 900px) {
	.p-top-info__card-thumb {
		border-radius: 6px;
		aspect-ratio: 280/186;
	}
}

.p-top-info__card:hover .p-top-info__card-thumb img {
	transform: scale(1.05);
}

.p-top-info__card-title {
	font-weight: 700;
	font-size: clamp(12.6px, 4.4774624374px + 0.9015025042vw, 18px);
	color: #323232;
	line-height: 1.6;
	letter-spacing: 0.02em;
	font-feature-settings: "palt", "pwid";
}

@media (max-width: 900px) {
	.p-top-info__card-title {
		font-size: 15px;
		letter-spacing: 0.02em;
	}
}

.p-top-info__nav-prev,
.p-top-info__nav-next {
	position: absolute;
	top: 0;
	height: clamp(176.4px, 62.6844741235px + 12.6210350584vw, 252px);
	display: flex;
	align-items: center;
	z-index: 10;
	cursor: pointer;
	transition: opacity 0.3s;
}

.p-top-info__nav-prev:hover,
.p-top-info__nav-next:hover {
	opacity: 0.7;
}

.p-top-info__nav-prev img,
.p-top-info__nav-next img {
	width: clamp(33.6px, 11.9398998331px + 2.4040066778vw, 48px);
	height: clamp(33.6px, 11.9398998331px + 2.4040066778vw, 48px);
}

@media (max-width: 900px) {

	.p-top-info__nav-prev,
	.p-top-info__nav-next {
		height: calc(100% - 90px);
	}

	.p-top-info__nav-prev img,
	.p-top-info__nav-next img {
		width: 36px;
		height: 36px;
	}
}

.p-top-info__nav-prev {
	left: clamp(-16.8px, -5.9699499165px + -1.2020033389vw, -24px);
}

.p-top-info__nav-prev img {
	transform: rotate(180deg);
}

@media (max-width: 900px) {
	.p-top-info__nav-prev {
		left: 8px;
	}
}

.p-top-info__nav-next {
	right: clamp(-16.8px, -5.9699499165px + -1.2020033389vw, -24px);
}

@media (max-width: 900px) {
	.p-top-info__nav-next {
		right: 8px;
	}
}

.p-top-info__pagination {
	position: static !important;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: clamp(8.4px, 2.9849749583px + 0.6010016694vw, 12px);
	margin-top: clamp(42px, 14.9248747913px + 3.0050083472vw, 60px);
	width: 100% !important;
}

.p-top-info__pagination .swiper-pagination-bullet {
	width: clamp(28px, 9.9499165275px + 2.0033388982vw, 40px);
	height: clamp(4.2px, 1.4924874791px + 0.3005008347vw, 6px);
	border-radius: 999px;
	background: #ccdbe1;
	opacity: 1;
	transition: all 0.3s;
}

.p-top-info__pagination .swiper-pagination-bullet-active {
	width: clamp(56px, 19.8998330551px + 4.0066777963vw, 80px);
	background: #24ade0;
}

@media (max-width: 900px) {
	.p-top-info__pagination {
		gap: 6px;
		margin-top: 35px;
	}

	.p-top-info__pagination .swiper-pagination-bullet {
		width: 30px;
		height: 6px;
	}

	.p-top-info__pagination .swiper-pagination-bullet-active {
		width: 60px;
	}
}

.p-top-about {
	background: #fff;
	padding-top: clamp(91px, 32.3372287145px + 6.510851419vw, 130px);
	padding-bottom: clamp(91px, 32.3372287145px + 6.510851419vw, 130px);
	position: relative;
	background-color: #eef5f8;
	overflow: hidden;
}

@media (max-width: 900px) {
	.p-top-about {
		padding-top: 154px;
		padding-bottom: 50px;
		background-color: #eef5f8;
	}

	.p-top-about::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 231px;
		background: url(../img/top/about-img_sp.png) no-repeat center center/contain;
		z-index: 3;
	}
}

.p-top-about__inner {
	position: relative;
	z-index: 3;
	max-width: clamp(814.1px, 289.2938230384px + 58.2470784641vw, 1163px);
}

@media (max-width: 900px) {
	.p-top-about__inner {
		max-width: 500px;
		width: 100%;
		padding: 0 20px;
	}
}

.p-top-about__images>* {
	position: absolute;
	z-index: 1;
}

@media (max-width: 900px) {
	.p-top-about__images>* {
		display: none;
	}
}

.p-top-about__image01 {
	width: clamp(539px, 191.5358931553px + 38.5642737896vw, 770px);
	height: clamp(508.2px, 180.590984975px + 36.3606010017vw, 726px);
	right: calc(50% + 135px);
	top: -111px;
}

.p-top-about__image02 {
	width: clamp(560.7px, 199.2470784641px + 40.1168614357vw, 801px);
	height: clamp(510.3px, 181.3372287145px + 36.510851419vw, 729px);
	left: calc(50% + 87px);
	top: -109px;
}

.p-top-about__bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 743px;
	background: linear-gradient(180deg, #c2eafb 0%, rgba(197, 227, 240, 0) 100%);
}

@media (max-width: 900px) {
	.p-top-about__bg {
		height: 231px;
	}
}

.p-top-about__title {
	width: clamp(513.1px, 182.3322203673px + 36.7111853088vw, 733px);
	height: clamp(115.5px, 41.0434056761px + 8.2637729549vw, 165px);
}

@media (max-width: 900px) {
	.p-top-about__title {
		width: 280px;
		height: auto;
		margin: 0 auto;
	}
}

.p-top-about__items {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: clamp(14px, 4.9749582638px + 1.0016694491vw, 20px);
	margin-top: clamp(21px, 7.4624373957px + 1.5025041736vw, 30px);
	margin-bottom: clamp(42px, 14.9248747913px + 3.0050083472vw, 60px);
}

@media (max-width: 900px) {
	.p-top-about__items {
		gap: 9px;
		margin-top: 20px;
		margin-bottom: 24px;
	}
}

.p-top-about__item {
	width: clamp(144.9px, 51.4908180301px + 10.367278798vw, 207px);
	height: clamp(144.9px, 51.4908180301px + 10.367278798vw, 207px);
}

@media (max-width: 900px) {
	.p-top-about__item {
		width: 110px;
		height: 110px;
	}
}

.p-top-about__item img {
	border-radius: 206.758px;
	box-shadow: 15px 15px 20px 0 rgba(30, 62, 96, 0.1);
}

@media (max-width: 900px) {
	.p-top-about__item img {
		border-radius: 92px;
		box-shadow: none;
	}
}

.p-top-about__content {
	width: 100%;
	margin-top: clamp(42px, 14.9248747913px + 3.0050083472vw, 60px);
}

@media (max-width: 900px) {
	.p-top-about__content {
		margin-top: 0;
		margin-bottom: 0;
	}
}

.p-top-about__content-item {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: clamp(42px, 14.9248747913px + 3.0050083472vw, 60px);
	position: relative;
	padding: 10px;
	background-color: #fff;
	border-radius: 30px;
	box-shadow: 15px 15px 20px 0 rgba(30, 62, 96, 0.1);
}

.p-top-about__content-item.p-top-about__content-item-reverse {
	flex-direction: row-reverse;
	justify-content: space-between;
}

.p-top-about__content-item.p-top-about__content-item-reverse .p-top-about__content__body {
	padding-right: 0;
	padding-left: 60px;
}

.p-top-about__content-item.p-top-about__content-item-reverse .p-top-about__content__circle {
	transform: translateX(-65%);
	left: 50%;
	right: auto;
}

@media (max-width: 900px) {
	.p-top-about__content-item.p-top-about__content-item-reverse .p-top-about__content__circle {
		display: none;
	}
}

.p-top-about__content-item .p-top-about__content-item- .p-top-about__content__body {
	padding-right: clamp(28px, 9.9499165275px + 2.0033388982vw, 40px);
}

.p-top-about__content-item+.p-top-about__content-item {
	margin-top: clamp(31.5px, 11.1936560935px + 2.2537562604vw, 45px);
}

@media (max-width: 900px) {
	.p-top-about__content-item {
		flex-direction: column;
		justify-content: flex-start;
		gap: 0;
		border-radius: 10px;
		padding: 10px;
	}

	.p-top-about__content-item.p-top-about__content-item-reverse {
		flex-direction: column;
	}

	.p-top-about__content-item.p-top-about__content-item-reverse .p-top-about__content__body {
		padding-left: 9px;
		padding-right: 9px;
	}

	.p-top-about__content-item.p-top-about__content-item-reverse .p-top-about__content__circle {
		display: none;
	}

	.p-top-about__content-item+.p-top-about__content-item {
		margin-top: 18px;
	}
}

.p-top-about__content__main {
	width: clamp(402.5px, 143.0300500835px + 28.7979966611vw, 575px);
	overflow: hidden;
	border-radius: 18px;
}

.p-top-about__content__main img {
	display: block;
	width: 100%;
	height: auto;
}

@media (max-width: 900px) {
	.p-top-about__content__main {
		width: 100%;
	}
}

@media (max-width: 900px) {
	.p-top-about__content__main img {
		border-radius: 10px;
		object-fit: cover;
		aspect-ratio: 575/376;
	}
}

.p-top-about__content__body {
	width: clamp(320.6px, 113.9265442404px + 22.938230384vw, 458px);
	padding-right: clamp(42px, 14.9248747913px + 3.0050083472vw, 60px);
}

@media (max-width: 900px) {
	.p-top-about__content__body {
		width: 100%;
		padding-right: 9px;
		padding-left: 9px;
		padding-bottom: 14px;
		margin-top: 0;
		position: relative;
	}
}

.p-top-about__content__circle {
	position: absolute;
	top: -20px;
	right: -20px;
	width: clamp(109.2px, 38.8046744574px + 7.8130217028vw, 156px);
	height: clamp(109.2px, 38.8046744574px + 7.8130217028vw, 156px);
	background: #d9d9d9;
	border-radius: 159.584px;
	box-shadow: 11.578px 11.578px 15.437px 0 rgba(30, 62, 96, 0.1);
}

@media (max-width: 900px) {
	.p-top-about__content__circle {
		display: none;
	}
}

.p-top-about__content__title {
	font-weight: 700;
	font-size: clamp(30.1px, 10.6961602671px + 2.1535893155vw, 43px);
	line-height: 1.9;
	letter-spacing: 0.086em;
	background: linear-gradient(to right, #2ab7eb, #007dc5);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}

@media (max-width: 900px) {
	.p-top-about__content__title {
		font-size: 26px;
		line-height: 1.6;
		letter-spacing: 0.04em;
		padding-top: 10px;
	}
}

.p-top-about__content__sub {
	font-weight: 700;
	font-size: clamp(14.7px, 5.223706177px + 1.0517529215vw, 21px);
	line-height: 1.9;
	letter-spacing: 0.42px;
	background: linear-gradient(to right, #2ab7eb, #007dc5);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	margin-top: -10px;
	padding-bottom: 20px;
	border-bottom: 1px dashed #c3c3c3;
}

@media (max-width: 900px) {
	.p-top-about__content__sub {
		font-size: 18px;
		line-height: 1.6;
		letter-spacing: 0.02em;
		margin-top: 2px;
		padding-bottom: 15px;
		border-bottom: none;
		position: relative;
	}

	.p-top-about__content__sub::after {
		content: "";
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 6px;
		background: url(../img/top/about_border.svg) no-repeat center center/cover;
	}
}

.p-top-about__content__text {
	font-size: clamp(14px, 4.9749582638px + 1.0016694491vw, 20px);
	line-height: 1.8;
	font-weight: 500;
	margin-top: 20px;
}

@media (max-width: 900px) {
	.p-top-about__content__text {
		font-size: 14px;
		margin-top: 15px;
	}
}

.p-top-various {
	position: relative;
	background: #eef5f8;
	overflow: hidden;
}

.p-top-various::before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 130vw;
	height: clamp(302.4px, 107.4590984975px + 21.6360601002vw, 432px);
	border-radius: 50%;
	background: #dae5f3;
}

.p-top-various::after {
	content: "";
	position: absolute;
	top: clamp(156.1px, 55.4707846411px + 11.1686143573vw, 223px);
	left: 0;
	right: 0;
	bottom: 0;
	background: #dae5f3;
}

.p-top-various__inner {
	position: relative;
	z-index: 1;
	max-width: 1200px;
	margin: 0 auto;
	padding-top: clamp(68.6px, 24.3772954925px + 4.9081803005vw, 98px);
	padding-bottom: clamp(91px, 32.3372287145px + 6.510851419vw, 130px);
}

@media (max-width: 900px) {
	.p-top-various__inner {
		padding-top: 45px;
		padding-bottom: 50px;
		max-width: 100%;
	}
}

.p-top-various__label {
	text-align: center;
	margin-bottom: clamp(11.2px, 3.979966611px + 0.8013355593vw, 16px);
}

@media (max-width: 900px) {
	.p-top-various__label {
		margin-bottom: 11px;
	}
}

.p-top-various__label-badge {
	display: inline-block;
	background: linear-gradient(to right, #2ab7eb, #007dc5);
	padding-top: clamp(5.6px, 1.9899833055px + 0.4006677796vw, 8px);
	padding-bottom: clamp(5.6px, 1.9899833055px + 0.4006677796vw, 8px);
	padding-left: clamp(9.8px, 3.4824707846px + 0.7011686144vw, 14px);
	padding-right: clamp(9.8px, 3.4824707846px + 0.7011686144vw, 14px);
	border-radius: 0 3px 3px 3px;
	clip-path: polygon(3.2% 0, 100% 0, 100% 100%, 0 100%, 0 22%);
	font-weight: 700;
	font-size: clamp(25.2px, 8.9549248748px + 1.8030050083vw, 36px);
	line-height: 1;
	font-feature-settings: "palt", "pwid";
}

@media (max-width: 900px) {
	.p-top-various__label-badge {
		font-size: 26px;
	}
}

.p-top-various__label-yellow {
	color: #ffff37;
}

.p-top-various__label-white {
	color: #fff;
}

.p-top-various__title {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: clamp(8.4px, 2.9849749583px + 0.6010016694vw, 12px);
	margin-bottom: clamp(18.2px, 6.4674457429px + 1.3021702838vw, 26px);
}

@media (max-width: 900px) {
	.p-top-various__title {
		gap: 0;
		margin-bottom: 11px;
	}
}

.p-top-various__title-text {
	font-weight: 700;
	font-size: clamp(36.4px, 12.9348914858px + 2.6043405676vw, 52px);
	letter-spacing: 1.04px;
	line-height: 1.4;
	color: #323232;
	white-space: nowrap;
}

@media (max-width: 900px) {
	.p-top-various__title-text {
		text-align: center;
		font-size: 28px;
		font-weight: 700;
		letter-spacing: 0.56px;
	}
}

.p-top-various__title-accent {
	color: #17499d;
}

.p-top-various__bracket {
	width: clamp(24.5px, 8.7061769616px + 1.7529215359vw, 35px);
	height: clamp(54.6px, 19.4023372287px + 3.9065108514vw, 78px);
}

.p-top-various__bracket--left {
	transform: scaleX(-1);
}

.p-top-various__cards {
	display: flex;
	gap: clamp(21px, 7.4624373957px + 1.5025041736vw, 30px);
	justify-content: center;
}

@media (max-width: 900px) {
	.p-top-various__cards {
		flex-direction: column;
		gap: 10px;
		max-width: 500px;
		margin: 0 auto;
	}
}

.p-top-various__card {
	background: #fff;
	border-radius: 10px;
	padding: clamp(7px, 2.4874791319px + 0.5008347245vw, 10px);
	padding-bottom: clamp(17.5px, 6.2186978297px + 1.2520868114vw, 25px);
	width: clamp(409.5px, 145.5175292154px + 29.2988313856vw, 585px);
	flex-shrink: 0;
}

@media (max-width: 900px) {
	.p-top-various__card {
		width: 100%;
	}
}

.p-top-various__card-visual {
	position: relative;
	border-radius: 5px;
	overflow: hidden;
}

.p-top-various__card-photo {
	display: block;
	height: auto;
	aspect-ratio: 565/319;
	object-fit: cover;
}

.p-top-various__card-tab {
	position: absolute;
	bottom: -2px;
	left: -2px;
	display: flex;
	align-items: center;
	padding-left: clamp(14px, 4.9749582638px + 1.0016694491vw, 20px);
	padding-right: clamp(23.8px, 8.4574290484px + 1.7028380634vw, 34px);
	gap: clamp(10.5px, 3.7312186978px + 0.7512520868vw, 15px);
	background: #fff;
	clip-path: polygon(0 0, 93.5% 0, 100% 100%, 0 100%);
}

.p-top-various__card-icon {
	width: clamp(18.2px, 6.4674457429px + 1.3021702838vw, 26px);
	height: clamp(21px, 7.4624373957px + 1.5025041736vw, 30px);
	flex-shrink: 0;
}

.p-top-various__card-icon--truck {
	width: clamp(27.3px, 9.7011686144px + 1.9532554257vw, 39px);
}

.p-top-various__card-icon--tourist,
.p-top-various__card-icon--house {
	width: clamp(21px, 7.4624373957px + 1.5025041736vw, 30px);
	height: clamp(21px, 7.4624373957px + 1.5025041736vw, 30px);
}

.p-top-various__card-name {
	font-weight: 700;
	font-size: clamp(21px, 7.4624373957px + 1.5025041736vw, 30px);
	color: #17499d;
	line-height: 1.6;
	white-space: nowrap;
}

.p-top-various__card-sub {
	font-weight: 700;
	font-size: clamp(14px, 4.9749582638px + 1.0016694491vw, 20px);
	color: #17499d;
	line-height: 1.6;
	white-space: nowrap;
}

.p-top-various__card-desc {
	font-size: clamp(11.2px, 3.979966611px + 0.8013355593vw, 16px);
	font-weight: 500;
	color: #323232;
	line-height: 1.8;
	text-align: justify;
	padding-top: clamp(14px, 4.9749582638px + 1.0016694491vw, 20px);
	padding-left: clamp(14px, 4.9749582638px + 1.0016694491vw, 20px);
	padding-right: clamp(14px, 4.9749582638px + 1.0016694491vw, 20px);
	font-feature-settings: "palt", "pwid";
}

@media (max-width: 900px) {
	.p-top-various__card-desc {
		font-size: 14px;
		padding-top: 8px;
	}
}

.p-top-voice {
	background: #fff;
	padding-top: clamp(91px, 32.3372287145px + 6.510851419vw, 130px);
	padding-bottom: clamp(91px, 32.3372287145px + 6.510851419vw, 130px);
}

@media (max-width: 900px) {
	.p-top-voice {
		background: #fff;
		padding-top: 50px;
		padding-bottom: 50px;
	}
}

.p-top-voice__inner {
	max-width: 1200px;
	margin: 0 auto;
}

@media (max-width: 900px) {
	.p-top-voice__inner {
		max-width: 500px;
		width: 100%;
	}
}

.p-top-voice__heading {
	text-align: center;
	margin-bottom: clamp(14px, 4.9749582638px + 1.0016694491vw, 20px);
}

@media (max-width: 900px) {
	.p-top-voice__heading {
		margin-bottom: 14px;
	}
}

.p-top-voice__heading-badge {
	display: inline-block;
	background: linear-gradient(to right, #2ab7eb, #007dc5);
	padding-top: clamp(5.6px, 1.9899833055px + 0.4006677796vw, 8px);
	padding-bottom: clamp(5.6px, 1.9899833055px + 0.4006677796vw, 8px);
	padding-left: clamp(9.8px, 3.4824707846px + 0.7011686144vw, 14px);
	padding-right: clamp(9.8px, 3.4824707846px + 0.7011686144vw, 14px);
	border-radius: 0 3px 3px 3px;
	clip-path: polygon(3.2% 0, 100% 0, 100% 100%, 0 100%, 0 22%);
	font-weight: 700;
	font-size: clamp(25.2px, 8.9549248748px + 1.8030050083vw, 36px);
	line-height: 1;
	font-feature-settings: "palt", "pwid";
}

@media (max-width: 900px) {
	.p-top-voice__heading-badge {
		font-size: 26px;
		padding-top: 8px;
		padding-bottom: 8px;
		padding-left: 12px;
		padding-right: 12px;
	}
}

.p-top-voice__heading-yellow {
	color: #ffff37;
}

.p-top-voice__heading-white {
	color: #fff;
}

.p-top-voice__title {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: clamp(14.7px, 5.223706177px + 1.0517529215vw, 21px);
}

@media (max-width: 900px) {
	.p-top-voice__title {
		gap: 12px;
	}
}

.p-top-voice__title-text {
	font-weight: 700;
	font-size: clamp(32.2px, 11.4424040067px + 2.3038397329vw, 46px);
	color: #323232;
	letter-spacing: 0.92px;
	line-height: 1;
	font-feature-settings: "palt", "pwid";
	white-space: nowrap;
}

@media (max-width: 900px) {
	.p-top-voice__title-text {
		font-size: 28px;
		letter-spacing: 0.56px;
		line-height: 1.2;
		white-space: normal;
	}
}

.p-top-voice__bracket {
	width: clamp(19.6px, 6.9649415693px + 1.4023372287vw, 28px);
	height: clamp(43.4px, 15.4223706177px + 3.1051752922vw, 62px);
}

@media (max-width: 900px) {
	.p-top-voice__bracket {
		width: 20px;
		height: 44px;
	}
}

.p-top-voice__bracket--left {
	transform: scaleX(-1);
}

.p-top-voice__en {
	text-align: center;
	font-family: "Montserrat", sans-serif;
	font-weight: 600;
	font-size: clamp(12.6px, 4.4774624374px + 0.9015025042vw, 18px);
	letter-spacing: 1.8px;
	line-height: 1.2;
	text-transform: uppercase;
	background: linear-gradient(to right, #2ab7eb, #007dc5);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	font-feature-settings: "palt", "pwid";
	margin-top: clamp(8.4px, 2.9849749583px + 0.6010016694vw, 12px);
}

@media (max-width: 900px) {
	.p-top-voice__en {
		font-size: 12px;
		margin-top: 6px;
		letter-spacing: 1.2px;
	}
}

.p-top-voice__cards {
	margin-top: clamp(28px, 9.9499165275px + 2.0033388982vw, 40px);
}

@media (max-width: 900px) {
	.p-top-voice__cards {
		margin-top: 18px;
	}

	.p-top-voice__cards .swiper-pagination {
		position: static !important;
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 6px;
		margin-top: 18px;
		width: 100% !important;
	}

	.p-top-voice__cards .swiper-pagination-bullet {
		width: 30px;
		height: 6px;
		border-radius: 999px;
		background: #ccdbe1;
		opacity: 1;
		transition: all 0.3s;
	}

	.p-top-voice__cards .swiper-pagination-bullet-active {
		width: 60px;
		background: #24ade0;
	}
}

.p-google-reviews {
	width: 100%;
}

.p-google-reviews__summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	margin-bottom: 18px;
	padding: 0 4px;
}

.p-google-reviews__store {
	font-weight: 800;
	font-size: 20px;
	color: #323232;
	line-height: 1.4;
}

.p-google-reviews__rating {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 7px;
	margin-top: 3px;
	font-size: 13px;
	color: #666;
}

.p-google-reviews__rating strong {
	font-family: "Montserrat", sans-serif;
	font-size: 17px;
	color: #323232;
}

.p-google-reviews__stars {
	display: inline-flex;
	gap: 1px;
}

.p-google-reviews__star {
	color: #d9d9d9;
	line-height: 1;
}

.p-google-reviews__star.is-filled {
	color: #f6b500;
}

.p-google-reviews__map-link {
	flex-shrink: 0;
	border: 1px solid #24ade0;
	border-radius: 999px;
	padding: 8px 17px;
	font-weight: 700;
	font-size: 13px;
	color: #168dbb;
	line-height: 1.4;
	text-decoration: none;
	transition: color 0.2s, background-color 0.2s;
}

.p-google-reviews__map-link:hover {
	background: #24ade0;
	color: #fff;
}

.p-google-reviews__list {
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: calc((100% - 72px) / 4);
	gap: 24px;
	overflow-x: auto;
	padding: 4px 4px 14px;
	scroll-snap-type: x mandatory;
	scrollbar-color: #b7dbe9 transparent;
	scrollbar-width: thin;
}

.p-google-reviews__card {
	display: flex;
	flex-direction: column;
	min-width: 0;
	min-height: 240px;
	border: 1px solid #e7edf0;
	border-radius: 10px;
	background: #fff;
	box-shadow: 0 4px 14px rgba(30, 62, 96, 0.08);
	padding: 20px;
	scroll-snap-align: start;
}

.p-google-reviews__author {
	display: flex;
	align-items: center;
	gap: 11px;
}

.p-google-reviews__avatar {
	flex: 0 0 42px;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	object-fit: cover;
}

.p-google-reviews__avatar--empty {
	display: grid;
	place-items: center;
	background: #e8f5fa;
	font-weight: 800;
	color: #168dbb;
}

.p-google-reviews__author-name {
	display: block;
	font-weight: 700;
	font-size: 14px;
	color: #323232;
	line-height: 1.4;
	text-decoration: none;
}

.p-google-reviews__date {
	margin-top: 2px;
	font-size: 11px;
	color: #888;
	line-height: 1.4;
}

.p-google-reviews__card-rating {
	margin-top: 13px;
	font-size: 17px;
}

.p-google-reviews__text {
	display: -webkit-box;
	overflow: hidden;
	margin-top: 12px;
	font-size: 13px;
	color: #4c4c4c;
	line-height: 1.75;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
}

.p-google-reviews__review-link {
	align-self: flex-start;
	margin-top: auto;
	padding-top: 12px;
	font-size: 11px;
	color: #168dbb;
	line-height: 1.4;
	text-decoration: underline;
	text-underline-offset: 2px;
}

.p-google-reviews__empty {
	border: 1px solid #d8eaf2;
	border-radius: 10px;
	background: #f7fcfe;
	padding: 38px 20px;
	text-align: center;
	font-weight: 600;
	font-size: 14px;
	color: #666;
	line-height: 1.7;
}

.p-google-reviews__attribution {
	margin-top: 8px;
	padding-right: 4px;
	text-align: right;
	font-weight: 600;
	font-size: 11px;
	color: #777;
}

@media (max-width: 900px) {
	.p-google-reviews__summary {
		align-items: flex-start;
		margin-bottom: 13px;
		padding: 0;
	}

	.p-google-reviews__store {
		font-size: 17px;
	}

	.p-google-reviews__map-link {
		padding: 7px 11px;
		font-size: 11px;
	}

	.p-google-reviews__list {
		grid-auto-columns: min(85%, 300px);
		gap: 14px;
		margin-right: -20px;
		padding-right: 20px;
		padding-left: 0;
	}

	.p-google-reviews__card {
		min-height: 230px;
		padding: 17px;
	}
}

.p-top-voice__area-box {
	margin-top: clamp(35px, 12.4373956594px + 2.5041736227vw, 50px);
	border: 5px solid #d8eaf2;
	border-radius: clamp(21px, 7.4624373957px + 1.5025041736vw, 30px);
	padding-top: clamp(35px, 12.4373956594px + 2.5041736227vw, 50px);
	padding-bottom: clamp(35px, 12.4373956594px + 2.5041736227vw, 50px);
	padding-left: clamp(28px, 9.9499165275px + 2.0033388982vw, 40px);
	padding-right: clamp(28px, 9.9499165275px + 2.0033388982vw, 40px);
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: clamp(21px, 7.4624373957px + 1.5025041736vw, 30px);
}

.p-top-voice__area-box--cards {
	align-items: stretch;
}

.p-top-voice__area-box--cards .p-voice__list {
	width: 100%;
	margin-top: 0;
}

.p-top-voice__area-box--cards .p-voice__list li {
	list-style: none;
}

.p-top-voice__area-box--cards .p-top-voice__area-cta {
	width: 100%;
}

.p-top-voice__area-box--cards .p-top-voice__area-btn {
	display: inline-flex;
	width: auto;
	min-width: 320px;
	position: relative;
	justify-content: center;
	padding-left: clamp(14px, 4.9749582638px + 1.0016694491vw, 20px);
	padding-right: clamp(14px, 4.9749582638px + 1.0016694491vw, 20px);
}

.p-top-voice__area-box--cards .p-top-voice__area-btn-text {
	width: auto;
}

.p-top-voice__area-box--cards .p-top-voice__area-btn-arrow {
	position: absolute;
	right: clamp(12.6px, 4.4774624374px + 0.9015025042vw, 18px);
}

@media (max-width: 900px) {
	.p-top-voice__area-box--cards .p-top-voice__area-btn {
		display: flex;
		width: 100%;
		min-width: 0;
	}
}

@media (max-width: 900px) {
	.p-top-voice__area-box {
		margin-top: 35px;
		border-radius: 10px;
		padding-top: 30px;
		padding-bottom: 26px;
		padding-left: 18px;
		padding-right: 18px;
		gap: 18px;
	}

	.p-top-voice__area-box--cards .p-voice__list {
		margin-top: 0;
	}
}

.p-top-voice__area-title {
	font-weight: 700;
	font-size: clamp(21px, 7.4624373957px + 1.5025041736vw, 30px);
	color: #323232;
	letter-spacing: 0.6px;
	line-height: 1.6;
	text-align: center;
	font-feature-settings: "palt", "pwid";
}

@media (max-width: 900px) {
	.p-top-voice__area-title {
		font-size: 20px;
		line-height: 1.4;
	}
}

.p-top-voice__area-title-accent {
	color: #24ade0;
}

.p-top-voice__area-tags {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: clamp(8.4px, 2.9849749583px + 0.6010016694vw, 12px);
}

@media (max-width: 900px) {
	.p-top-voice__area-tags {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 10px;
		width: 100%;
	}
}

.p-top-voice__area-tag {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: #f1f1f1;
	border-radius: clamp(7px, 2.4874791319px + 0.5008347245vw, 10px);
	padding-top: clamp(7px, 2.4874791319px + 0.5008347245vw, 10px);
	padding-bottom: clamp(7px, 2.4874791319px + 0.5008347245vw, 10px);
	padding-left: clamp(17.5px, 6.2186978297px + 1.2520868114vw, 25px);
	padding-right: clamp(17.5px, 6.2186978297px + 1.2520868114vw, 25px);
	font-weight: 700;
	font-size: clamp(12.6px, 4.4774624374px + 0.9015025042vw, 18px);
	color: #323232;
	letter-spacing: 0.36px;
	line-height: 1.6;
	text-decoration: none;
	font-feature-settings: "palt", "pwid";
	cursor: pointer;
	border: 2px solid transparent;
	transition: all 0.3s;
}

@media (max-width: 900px) {
	.p-top-voice__area-tag {
		width: 100%;
		border-radius: 8px;
		padding-top: 14px;
		padding-bottom: 15px;
		padding-left: 0;
		padding-right: 0;
		font-size: 16px;
	}

	.garbage .p-top-voice__area-cards {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 14px;
	}

	.garbage .p-top-voice__area-card-meta {
		font-size: 12px;
	}
}

.p-top-voice__area-tag:hover {
	background: #eef5f8;
	border: 2px solid #24ade0;
	color: #24ade0;
	font-weight: 700;
	box-sizing: border-box;
}

.garbage .p-top-voice__area-cards {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: clamp(16px, 3.3333333333px + 1.4035087719vw, 30px);
	width: 100%;
}

.garbage .p-top-voice__area-card {
	display: flex;
	flex-direction: column;
	gap: clamp(8.4px, 2.9849749583px + 0.6010016694vw, 12px);
	text-decoration: none;
}

.garbage .p-top-voice__area-card .p-top-media__card-title {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.garbage .p-top-voice__area-card-meta {
	font-weight: 500;
	font-size: clamp(11px, 6.4081803005px + 0.510851419vw, 14px);
	line-height: 1.4;
	color: #6a7a91;
}

.p-top-voice__area-tag--hidden {
	display: none;
}

/*---------------------------------------------------------------------------*/
/* CARE POLICY（遺品整理で大切にしていること）                                   */
/*---------------------------------------------------------------------------*/
.p-care-policy__lead {
	margin-top: clamp(24px, 12.4373956594px + 2.5041736227vw, 38px);
	font-weight: 700;
	font-size: clamp(21px, 7.4624373957px + 1.5025041736vw, 30px);
	color: #323232;
	letter-spacing: 0.6px;
	line-height: 1.6;
	text-align: center;
	font-feature-settings: "palt", "pwid";
}

.p-care-policy__lead-accent {
	color: #24ade0;
}

.p-care-policy__list {
	margin-top: clamp(28px, 12.4373956594px + 2.5041736227vw, 44px);
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: clamp(14px, 4.9749582638px + 1.0016694491vw, 24px);
	list-style: none;
	padding: 0;
}

.p-care-policy__item {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 12px;
	background: #fff;
	border: 2px solid #d8eaf2;
	border-radius: clamp(14px, 7.4624373957px + 1.5025041736vw, 20px);
	padding: clamp(22px, 9.9499165275px + 2.0033388982vw, 32px) clamp(20px, 9.9499165275px + 2.0033388982vw, 28px);
	box-shadow: 0 10px 24px rgba(36, 173, 224, 0.06);
	transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.p-care-policy__item:hover {
	transform: translateY(-4px);
	border-color: #24ade0;
	box-shadow: 0 16px 32px rgba(36, 173, 224, 0.14);
}

.p-care-policy__num {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: clamp(44px, 24px + 2vw, 56px);
	height: clamp(44px, 24px + 2vw, 56px);
	border-radius: 50%;
	background: linear-gradient(135deg, #24ade0, #5fc8ee);
	color: #fff;
	font-family: "Roboto", sans-serif;
	font-weight: 700;
	font-size: clamp(18px, 12px + 0.6vw, 22px);
	letter-spacing: 0.04em;
	box-shadow: 0 6px 14px rgba(36, 173, 224, 0.28);
}

.p-care-policy__body {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.p-care-policy__item-title {
	font-weight: 700;
	font-size: clamp(16px, 11px + 0.5vw, 19px);
	line-height: 1.5;
	color: #323232;
	font-feature-settings: "palt", "pwid";
}

.p-care-policy__item-text {
	font-weight: 500;
	font-size: clamp(13px, 10px + 0.3vw, 15px);
	line-height: 1.8;
	color: #6b7785;
	font-feature-settings: "palt", "pwid";
}

@media (max-width: 900px) {
	.p-care-policy__list {
		grid-template-columns: 1fr;
		gap: 12px;
	}

	.p-care-policy__item {
		flex-direction: row;
		align-items: flex-start;
		gap: 14px;
		border-radius: 12px;
		padding: 18px 16px;
	}

	.p-care-policy__num {
		flex-shrink: 0;
	}
}

/*---------------------------------------------------------------------------*/
/* 高価買取のポイント（PURCHASE POINTS）                                        */
/*---------------------------------------------------------------------------*/
.p-purchase-points {
	margin-top: clamp(35px, 12.4373956594px + 2.5041736227vw, 50px);
}

.p-purchase-points__lead {
	text-align: center;
	font-weight: 700;
	font-size: clamp(21px, 7.4624373957px + 1.5025041736vw, 30px);
	color: #323232;
	letter-spacing: 0.6px;
	line-height: 1.6;
	margin-bottom: clamp(24px, 8.5px + 1.7vw, 36px);
	font-feature-settings: "palt", "pwid";
}

.p-purchase-points__lead-accent {
	color: #24ade0;
}

.p-purchase-points__list {
	--ppp-gap: clamp(16px, 3.3333333333px + 1.4035087719vw, 24px);
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: var(--ppp-gap);
	list-style: none;
	padding: 0;
	margin: 0;
}

.p-purchase-points__item {
	position: relative;
	flex: 0 0 calc((100% - var(--ppp-gap) * 2) / 3);
	display: flex;
	align-items: center;
	gap: clamp(14px, 5px + 1vw, 20px);
	background: #fff;
	border: 2px solid #d8eaf2;
	border-radius: 14px;
	padding: clamp(20px, 8px + 1.3vw, 28px) clamp(18px, 7px + 1.2vw, 26px);
	box-shadow: 0 8px 24px rgba(0, 125, 197, 0.06);
	transition: all 0.3s;
}

.p-purchase-points__item:hover {
	border-color: #24ade0;
	box-shadow: 0 12px 28px rgba(0, 125, 197, 0.14);
	transform: translateY(-4px);
}

.p-purchase-points__num {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: clamp(44px, 18px + 2.8vw, 56px);
	height: clamp(44px, 18px + 2.8vw, 56px);
	border-radius: 50%;
	background: linear-gradient(135deg, #2ab7eb, #007dc5);
	color: #fff;
	font-family: "Montserrat", sans-serif;
	font-weight: 700;
	font-size: clamp(18px, 9px + 1vw, 24px);
	line-height: 1;
	box-shadow: 0 6px 14px rgba(0, 125, 197, 0.25);
}

.p-purchase-points__text {
	font-weight: 700;
	font-size: clamp(14px, 9px + 0.55vw, 17px);
	color: #323232;
	line-height: 1.5;
	letter-spacing: 0.3px;
	font-feature-settings: "palt", "pwid";
}

@media (max-width: 900px) {
	.p-purchase-points__list {
		--ppp-gap: 12px;
		gap: 12px;
	}

	.p-purchase-points__item {
		flex: 0 0 100%;
		border-radius: 10px;
		padding: 16px;
		gap: 14px;
	}

	.p-purchase-points__item:hover {
		transform: none;
	}

	.p-purchase-points__num {
		width: 42px;
		height: 42px;
		font-size: 18px;
	}

	.p-purchase-points__text {
		font-size: 15px;
	}
}

/*---------------------------------------------------------------------------*/
/* お悩み訴求（REQUEST SCENES）                                                */
/*---------------------------------------------------------------------------*/
.p-concerns {
	width: 100%;
	margin-top: clamp(35px, 12.4373956594px + 2.5041736227vw, 50px);
}

.p-concerns__lead {
	text-align: center;
	font-weight: 700;
	font-size: clamp(22px, 8.0px + 2.0vw, 34px);
	color: #323232;
	line-height: 1.5;
	letter-spacing: 0.04em;
	font-feature-settings: "palt";
}

.p-concerns__lead-accent {
	position: relative;
	color: #17499d;
	padding: 0 0.1em;
	background: linear-gradient(transparent 62%, #ffe680 62%);
}

.p-concerns__list {
	list-style: none;
	margin: clamp(28px, 12px + 1.8vw, 44px) auto 0;
	padding: 0;
	max-width: 920px;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: clamp(12px, 6px + 0.7vw, 18px);
}

.p-concerns__item {
	display: flex;
	align-items: center;
	gap: clamp(12px, 6px + 0.7vw, 16px);
	background: #fff;
	border: 1px solid #e1edf4;
	border-radius: clamp(10px, 5px + 0.6vw, 14px);
	padding: clamp(16px, 9px + 0.9vw, 22px) clamp(18px, 9px + 1.1vw, 26px);
	box-shadow: 0 6px 18px rgba(23, 73, 157, .06);
	transition: transform .3s cubic-bezier(.22, .61, .36, 1),
	            box-shadow .3s cubic-bezier(.22, .61, .36, 1);
}

.p-concerns__item:hover {
	transform: translateY(-4px);
	box-shadow: 0 14px 28px rgba(23, 73, 157, .14);
}

.p-concerns__item:last-child:nth-child(odd) {
	grid-column: 1 / -1;
	justify-content: center;
}

.p-concerns__check {
	flex-shrink: 0;
	position: relative;
	width: clamp(28px, 18px + 1.2vw, 36px);
	height: clamp(28px, 18px + 1.2vw, 36px);
	border-radius: 50%;
	background: linear-gradient(135deg, #2ab7eb 0%, #17499d 100%);
	box-shadow: 0 2px 6px rgba(23, 73, 157, .25);
}

.p-concerns__check::after {
	content: "";
	position: absolute;
	top: 46%;
	left: 50%;
	width: 26%;
	height: 52%;
	border-right: 3px solid #fff;
	border-bottom: 3px solid #fff;
	transform: translate(-50%, -58%) rotate(45deg);
}

.p-concerns__text {
	font-weight: 700;
	font-size: clamp(15px, 10px + 0.6vw, 19px);
	color: #323232;
	line-height: 1.5;
	letter-spacing: 0.02em;
}

.p-concerns__bridge {
	margin: clamp(28px, 12px + 1.8vw, 44px) auto 0;
	max-width: 820px;
	text-align: center;
	font-size: clamp(14px, 10px + 0.5vw, 17px);
	line-height: 1.9;
	color: #555;
}

.p-concerns__bridge-strong {
	display: block;
	margin-bottom: 0.4em;
	font-weight: 700;
	font-size: clamp(19px, 11px + 1.0vw, 27px);
	color: #17499d;
	line-height: 1.5;
}

@media (max-width: 900px) {
	.p-concerns__list {
		grid-template-columns: 1fr;
	}

	.p-concerns__item:last-child:nth-child(odd) {
		justify-content: flex-start;
	}
}

.p-top-voice__area-cta {
	text-align: center;
}

@media (max-width: 900px) {
	.p-top-voice__area-cta {
		width: 100%;
	}
}

.p-top-voice__area-btn {
	display: flex;
	align-items: center;
	gap: clamp(10.5px, 3.7312186978px + 0.7512520868vw, 15px);
	background: #17499d;
	color: #fff;
	border-radius: clamp(5.6px, 1.9899833055px + 0.4006677796vw, 8px);
	padding-top: clamp(11.2px, 3.979966611px + 0.8013355593vw, 16px);
	padding-bottom: clamp(11.2px, 3.979966611px + 0.8013355593vw, 16px);
	padding-left: clamp(24.5px, 8.7061769616px + 1.7529215359vw, 35px);
	padding-right: clamp(12.6px, 4.4774624374px + 0.9015025042vw, 18px);
	text-decoration: none;
	transition: opacity 0.3s;
}

@media (max-width: 900px) {
	.p-top-voice__area-btn {
		width: 100%;
		max-width: 100%;
		border-radius: 5px;
		padding-top: 14px;
		padding-bottom: 14px;
		padding-left: 18px;
		padding-right: 14px;
		justify-content: center;
		gap: 10px;
	}
}

.p-top-voice__area-btn:hover {
	opacity: 1;
}

.p-top-voice__area-btn-text {
	font-weight: 700;
	font-size: clamp(14px, 4.9749582638px + 1.0016694491vw, 20px);
	width: clamp(200.9px, 71.3906510851px + 14.3739565943vw, 287px);
	text-align: center;
}

@media (max-width: 900px) {
	.p-top-voice__area-btn-text {
		width: auto;
		font-size: 16px;
		flex: 1;
	}
}

.p-top-voice__area-btn-arrow {
	width: clamp(10.5px, 3.7312186978px + 0.7512520868vw, 15px);
	height: clamp(11.9px, 4.2287145242px + 0.8514190317vw, 17px);
}

@media (max-width: 900px) {
	.p-top-voice__area-btn-arrow {
		width: 14px;
		height: 16px;
	}
}

.p-top-faq {
	background: #eef5f8;
	padding-top: clamp(91px, 32.3372287145px + 6.510851419vw, 130px);
	padding-bottom: clamp(91px, 32.3372287145px + 6.510851419vw, 130px);
}

.p-top-faq__inner {
	max-width: 1200px;
	margin: 0 auto;
}

@media (max-width: 900px) {
	.p-top-faq {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.p-top-faq__inner {
		max-width: 500px;
		width: 100%;
	}
}

.p-top-faq__heading {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	margin-bottom: clamp(17.5px, 6.2186978297px + 1.2520868114vw, 25px);
}

@media (max-width: 900px) {
	.p-top-faq__heading {
		flex-direction: column;
		align-items: center;
		margin-bottom: 15px;
		gap: 6px;
	}
}

.p-top-faq__heading-badge {
	display: inline-block;
	background: linear-gradient(to right, #2ab7eb, #007dc5);
	padding-top: clamp(5.6px, 1.9899833055px + 0.4006677796vw, 8px);
	padding-bottom: clamp(5.6px, 1.9899833055px + 0.4006677796vw, 8px);
	padding-left: clamp(9.8px, 3.4824707846px + 0.7011686144vw, 14px);
	padding-right: clamp(9.8px, 3.4824707846px + 0.7011686144vw, 14px);
	margin-right: clamp(7.7px, 2.7362270451px + 0.550918197vw, 11px);
	border-radius: 0 3px 3px 3px;
	clip-path: polygon(3.2% 0, 100% 0, 100% 100%, 0 100%, 0 22%);
	font-weight: 700;
	font-size: clamp(25.2px, 8.9549248748px + 1.8030050083vw, 36px);
	line-height: 1;
	font-feature-settings: "palt", "pwid";
}

@media (max-width: 900px) {
	.p-top-faq__heading-badge {
		margin-right: 0;
		padding-top: 6px;
		padding-bottom: 6px;
		padding-left: 12px;
		padding-right: 12px;
		font-size: 20px;
	}
}

.p-top-faq__heading-yellow {
	color: #ffff37;
}

.p-top-faq__heading-white {
	color: #fff;
}

.p-top-faq__heading-text {
	font-weight: 700;
	font-size: clamp(21px, 7.4624373957px + 1.5025041736vw, 30px);
	color: #323232;
	line-height: 1.6;
	letter-spacing: 0.6px;
	font-feature-settings: "palt", "pwid";
}

@media (max-width: 900px) {
	.p-top-faq__heading-text {
		font-size: 20px;
		line-height: 1.4;
		letter-spacing: 0.4px;
		text-align: center;
		white-space: normal;
	}
}

.p-top-faq__list {
	max-width: 850px;
	margin: 0 auto;
	margin-top: clamp(28px, 9.9499165275px + 2.0033388982vw, 40px);
	display: flex;
	flex-direction: column;
	gap: clamp(10.5px, 3.7312186978px + 0.7512520868vw, 15px);
}

@media (max-width: 900px) {
	.p-top-faq__list {
		max-width: none;
		margin-top: 18px;
		gap: 12px;
	}
}

.p-top-faq__item {
	background: #fff;
	border-radius: clamp(10.5px, 3.7312186978px + 0.7512520868vw, 15px);
	overflow: hidden;
}

.p-top-faq__question {
	display: flex;
	align-items: flex-start;
	width: 100%;
	padding-top: clamp(14px, 4.9749582638px + 1.0016694491vw, 20px);
	padding-bottom: clamp(14px, 4.9749582638px + 1.0016694491vw, 20px);
	padding-left: clamp(21px, 7.4624373957px + 1.5025041736vw, 30px);
	padding-right: clamp(21px, 7.4624373957px + 1.5025041736vw, 30px);
	border: none;
	background: none;
	cursor: pointer;
	text-align: left;
	gap: clamp(8.4px, 2.9849749583px + 0.6010016694vw, 12px);
}

@media (max-width: 900px) {
	.p-top-faq__question {
		padding-top: 12px;
		padding-bottom: 12px;
		padding-left: 15px;
		padding-right: 15px;
		gap: 10px;
	}
}

.p-top-faq__q {
	font-family: "Montserrat", sans-serif;
	font-weight: 600;
	font-size: clamp(16.8px, 5.9699499165px + 1.2020033389vw, 24px);
	color: #24ade0;
	line-height: 1.2;
	flex-shrink: 0;
	margin-top: 2px;
	transform: translateY(0.06em);
}

@media (max-width: 900px) {
	.p-top-faq__q {
		font-size: 20px;
		margin-top: 1px;
	}
}

.p-top-faq__q-text {
	font-weight: 700;
	font-size: clamp(14px, 4.9749582638px + 1.0016694491vw, 20px);
	color: #323232;
	line-height: 1.6;
	letter-spacing: 0.4px;
	font-feature-settings: "palt", "pwid";
	flex: 1;
}

@media (max-width: 900px) {
	.p-top-faq__q-text {
		font-size: 16px;
		letter-spacing: 0.32px;
	}
}

.p-top-faq__icon {
	width: clamp(9.8px, 3.4824707846px + 0.7011686144vw, 14px);
	height: clamp(9.8px, 3.4824707846px + 0.7011686144vw, 14px);
	position: relative;
	flex-shrink: 0;
	align-self: center;
	transform: translateY(-0.5px);
}

.p-top-faq__icon::before,
.p-top-faq__icon::after {
	content: "";
	position: absolute;
	background: #24ade0;
	transition: transform 0.3s ease;
}

.p-top-faq__icon::before {
	width: 100%;
	height: 2px;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}

.p-top-faq__icon::after {
	width: 2px;
	height: 100%;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
}

.p-top-faq__item.is-open .p-top-faq__icon::after {
	transform: translateX(-50%) scaleY(0);
}

.p-top-faq__answer {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.4s ease;
}

.p-top-faq__answer-inner {
	display: flex;
	padding-left: clamp(21px, 7.4624373957px + 1.5025041736vw, 30px);
	padding-right: clamp(21px, 7.4624373957px + 1.5025041736vw, 30px);
	padding-bottom: clamp(14px, 4.9749582638px + 1.0016694491vw, 20px);
	gap: clamp(8.4px, 2.9849749583px + 0.6010016694vw, 12px);
	border-top: 1px dashed #c3c3c3;
	padding-top: clamp(14px, 4.9749582638px + 1.0016694491vw, 20px);
	margin-left: clamp(21px, 7.4624373957px + 1.5025041736vw, 30px);
	margin-right: clamp(21px, 7.4624373957px + 1.5025041736vw, 30px);
	padding-left: 0;
	padding-right: 0;
}

@media (max-width: 900px) {
	.p-top-faq__answer-inner {
		margin-left: 0;
		margin-right: 0;
		padding-left: 15px;
		padding-right: 15px;
		padding-top: 12px;
		padding-bottom: 12px;
		gap: 10px;
	}
}

.p-top-faq__a {
	font-family: "Montserrat", sans-serif;
	font-weight: 600;
	font-size: clamp(16.8px, 5.9699499165px + 1.2020033389vw, 24px);
	color: #17499d;
	line-height: 1.2;
	flex-shrink: 0;
}

@media (max-width: 900px) {
	.p-top-faq__a {
		font-size: 20px;
	}
}

.p-top-faq__a-text {
	font-size: clamp(11.2px, 3.979966611px + 0.8013355593vw, 16px);
	font-weight: 500;
	color: #323232;
	line-height: 1.8;
	font-feature-settings: "palt", "pwid";
	flex: 1;
}

.p-top-faq__cta {
	text-align: center;
	margin-top: clamp(28px, 9.9499165275px + 2.0033388982vw, 40px);
}

@media (max-width: 900px) {
	.p-top-faq__cta {
		margin-top: 25px;
	}
}

.p-top-faq__btn {
	display: flex;
	align-items: center;
	margin: 0 auto;
	gap: clamp(10.5px, 3.7312186978px + 0.7512520868vw, 15px);
	width: clamp(259px, 92.0367278798px + 18.530884808vw, 370px);
	background: #17499d;
	color: #fff;
	border-radius: clamp(5.6px, 1.9899833055px + 0.4006677796vw, 8px);
	padding-top: clamp(11.2px, 3.979966611px + 0.8013355593vw, 16px);
	padding-bottom: clamp(11.2px, 3.979966611px + 0.8013355593vw, 16px);
	padding-left: clamp(24.5px, 8.7061769616px + 1.7529215359vw, 35px);
	padding-right: clamp(12.6px, 4.4774624374px + 0.9015025042vw, 18px);
	text-decoration: none;
	transition: opacity 0.3s;
}

@media (max-width: 900px) {
	.p-top-faq__btn {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 10px;
		width: 100%;
		max-width: 310px;
		border-radius: 5px;
		padding-top: 14px;
		padding-bottom: 14px;
		padding-left: 18px;
		padding-right: 14px;
	}
}

.p-top-faq__btn:hover {
	opacity: 1;
}

.p-top-faq__btn-text {
	font-weight: 700;
	font-size: clamp(14px, 4.9749582638px + 1.0016694491vw, 20px);
	width: clamp(200.9px, 71.3906510851px + 14.3739565943vw, 287px);
	text-align: center;
}

@media (max-width: 900px) {
	.p-top-faq__btn-text {
		font-size: 16px;
		width: auto;
		flex: 1;
	}
}

.p-top-faq__btn-arrow {
	width: clamp(10.5px, 3.7312186978px + 0.7512520868vw, 15px);
	height: clamp(11.9px, 4.2287145242px + 0.8514190317vw, 17px);
}

@media (max-width: 900px) {
	.p-top-faq__btn-arrow {
		width: 14px;
		height: 16px;
	}
}

/*===========================================================================*/
/* service  */
/*===========================================================================*/
.p-service {
    padding-top: 10.317vw;
    padding-bottom: 10.317vw;
}

.p-service__inner {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.p-service__txts {
    width: 41.25%;
}

.p-service__subHead {
    font-size: 1.825vw;
    font-weight: 700;
    line-height: 1.55;
}

.p-service__subHead span {
    position: relative;
    padding-bottom: 1.428vw;
}

.p-service__subHead span::before {
    background: url('../img/disused/disused-deco.webp') no-repeat center center/contain;
    content: '';
    height: 1.031vw;
    left: 0;
    position: absolute;
    bottom: 0;
    width: 33.412vw;
}

.p-service__head {
    margin-top: 0.793vw;
    font-size: 3.809vw;
    font-weight: 700;
    line-height: 1.55;
}

.p-service__txt {
    margin-top: 1.587vw;
    font-size: 1.349vw;
    font-weight: 500;
    line-height: 1.8;
    letter-spacing: .02em;
}

.p-service__btn {
    max-width: 23.730vw;
    margin-top: 2.777vw;
}

.p-service__imgs {
    width: 53.75%;
    display: flex;
    gap: 0.952vw;
}

.p-service__img {
    position: relative;
    border-radius: 0.793vw;
    overflow: hidden;
    width: calc(50% - 0.476vw);
}

.p-service__img::before {
    background: url('../img/disused/bbg.webp') no-repeat center center/contain;
    content: '';
    height: 3.650vw;
    left: 0;
    position: absolute;
    bottom: 0;
    width: 13.571vw;
}

.p-service__img:nth-of-type(2):before {
    background: url('../img/disused/abg.webp') no-repeat center center/contain;
    width: 12.936vw;
}

.p-service__img figure {
    aspect-ratio: 316/419;
}

.p-service__img figure img {
    height: 100%;
    object-fit: cover;
}

.p-service__img .u-en {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    padding: 0 2.380vw 0.793vw;
    color: #FFF;
    font-size: 1.746vw;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: .05em;
    z-index: 2;
}

@media screen and (min-width: 1260px) {
    .p-service {
        padding-top: 130px;
        padding-bottom: 100px;
    }
    .p-service__subHead {
        font-size: 23px;
    }
    .p-service__subHead span {
        padding-bottom: 18px;
    }
    .p-service__subHead span::before {
        height: 13px;
        width: 421px;
    }
    .p-service__head {
        margin-top: 10px;
        font-size: 48px;
    }
    .p-service__txt {
        margin-top: 20px;
        font-size: 17px;
    }
    .p-service__btn {
        max-width: 299px;
        margin-top: 35px;
    }
    .p-service__imgs {
        gap: 12px;
    }
    .p-service__img {
        border-radius: 10px;
        width: calc(50% - 6px);
    }
    .p-service__img::before {
        height: 46px;
        width: 171px;
    }
    .p-service__img:nth-of-type(2):before {
        width: 163px;
    }
    .p-service__img .u-en {
        padding: 0 30px 10px;
        font-size: 22px;
    }
}

@media screen and (max-width: 900px) {
    .p-service {
        padding-top: 84px;
        padding-bottom: 60px;
    }

    .p-service__inner {
        display: block;
    }

    .p-service__txts {
        width: 100%;
    }

    .p-service__subHead {
        font-size: 16px;
        text-align: center;
    }

    .p-service__subHead span {
        padding-bottom: 17px;
    }
    .p-service__subHead span::before {
        background: url('../img/disused/disused-deco-sp.webp') no-repeat center center/contain;
        height: 13px;
        left: 50%;
        width: 292px;
        transform: translate(-50%, 0);
    }

    .p-service__head {
        margin-top: 5px;
        font-size: 32px;
        text-align: center;
    }

    .p-service__txt {
        margin-top: 15px;
        font-size: 15px;
    }

    .p-service__btn {
        margin: 25px auto 0;
        max-width: 299px;
    }

    .p-service__imgs {
        margin-top: 19px;
        width: 100%;
        gap: 6px;
    }

    .p-service__img {
        border-radius: 6px;
        width: calc(50% - 3px);
    }
    .p-service__img::before {
        background: url('../img/disused/bbg-sp.webp') no-repeat center center/contain;
        height: 21px;
        width: 78px;
    }
    .p-service__img:nth-of-type(2):before {
        background: url('../img/disused/abg-sp.webp') no-repeat center center/contain;
        width: 78px;
    }

    .p-service__img .u-en {
        padding: 0 10px 3px;
        font-size: 12px;
    }
}

/*===========================================================================*/
/* problem  */
/*===========================================================================*/
.p-problem {
    position: relative;
    padding-top: 7.143vw;
    padding-bottom: 3.571vw;
}

.p-problem::before {
    background: url('../img/disused/problem-bg.webp') no-repeat center center/cover;
    content: '';
    height: 100%;
    left: 50%;
    position: absolute;
    top: 0;
    width: calc(100% - 4.762vw);
    transform: translate(-50%, 0);
    z-index: -1;
    border-radius: 3.175vw;
    max-width: 1440px;
}

.p-problem .c-section-title__text,
.p-problem .c-section-title__en {
    color: #fff;
}

.p-problem__img {
    max-width: 66.349vw;
    margin: 1.587vw auto 0;
}

@media screen and (min-width: 1260px) {
    .p-problem {
        padding-top: 90px;
        padding-bottom: 45px;
    }
    .p-problem::before {
        width: calc(100% - 60px);
        border-radius: 40px;
    }
    .p-problem__img {
        max-width: 836px;
        margin: 20px auto 0;
    }
}

@media screen and (max-width: 900px) {
    .p-problem {
        padding-top: 40px;
        padding-bottom: 33px;
    }
    .p-problem::before {
        background: url('../img/disused/problem-bg-sp.webp') no-repeat center center/cover;
        width: calc(100% - 40px);
        max-width: 540px;
        border-radius: 10px;
    }

    .p-problem .c-section-title__text {
        line-height: 1.2;
    }

    .p-problem .c-section-title__bracket {
        width: 26px;
        height: 53px;
    }

    .p-problem__img {
        max-width: 326px;
        margin: 15px auto 0;
    }
}

/*===========================================================================*/
/* reason  */
/*===========================================================================*/
.p-reason {
    padding-top: 9.524vw;
}

.p-reason__inner {
    margin-bottom: 80px;
}

.p-reason__list {
    margin-top: 3.175vw;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 2.381vw;
}

.p-reason__list li {
    width: calc(50% - 1.19vw);
    border-radius: 1.429vw;
    background: #EEF5F8;
    padding: 0.794vw 1.984vw 0.794vw 0.794vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.p-reason__list li::before {
    background: url('../img/disused/reason-num01.webp') no-repeat center center/contain;
    content: '';
    height: 4.603vw;
    left: -0.794vw;
    position: absolute;
    top: -0.794vw;
    width: 4.603vw;
}

.p-reason__list li:nth-of-type(2):before {
    background: url('../img/disused/reason-num02.webp') no-repeat center center/contain;
}

.p-reason__list li:nth-of-type(3):before {
    background: url('../img/disused/reason-num03.webp') no-repeat center center/contain;
}

.p-reason__list li:nth-of-type(4):before {
    background: url('../img/disused/reason-num04.webp') no-repeat center center/contain;
}

.p-reason__list--img {
    width: 37.2%;
    border-radius: 0.794vw;
    overflow: hidden;
}

.p-reason__list--img img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
}

.p-reason__list--txts {
    width: 58.2%;
}

.p-reason__list--head {
    font-size: 1.905vw;
    font-weight: 700;
    line-height: 1.55;
    letter-spacing: .05em;
    position: relative;
    padding-bottom: 1.27vw;
    margin-bottom: 1.19vw;
}

.p-reason__list--head::before {
    background-color: #24ADE0;
    content: '';
    height: 0.159vw;
    left: 0;
    position: absolute;
    bottom: 0;
    width: 6.349vw;
    border-radius: 100vh;
}

.p-reason__list--head::after {
    background-color: #17499D;
    content: '';
    height: 0.159vw;
    left: 3.175vw;
    position: absolute;
    bottom: 0;
    width: 3.175vw;
    border-radius: 100vh;
}

.p-reason__list--txt {
    font-size: 1.111vw;
    font-weight: 500;
    line-height: 1.8;
    letter-spacing: .02em;
}

@media screen and (min-width: 1260px) {
    .p-reason {
        padding-top: 120px;
    }
    .p-reason__list {
        margin-top: 40px;
        gap: 30px;
    }
    .p-reason__list li {
        width: calc(50% - 15px);
        border-radius: 18px;
        padding: 10px 25px 10px 10px;
    }
    .p-reason__list li::before {
        height: 58px;
        left: -10px;
        top: -10px;
        width: 58px;
    }
    .p-reason__list--img {
        border-radius: 10px;
    }
    .p-reason__list--head {
        font-size: 24px;
        padding-bottom: 16px;
        margin-bottom: 15px;
    }
    .p-reason__list--head::before {
        height: 2px;
        width: 80px;
    }
    .p-reason__list--head::after {
        height: 2px;
        left: 40px;
        width: 40px;
    }
    .p-reason__list--txt {
        font-size: 14px;
    }
}

@media screen and (max-width: 900px) {
    .p-reason {
        padding-top: 50px;
    }
    .p-reason__list {
        margin-top: 20px;
    }
    .p-reason__list li {
        width: 100%;
        border-radius: 10px;
        padding: 10px 10px 20px;
        display: block;
    }
    .p-reason__list li::before {
        height: 52px;
        width: 52px;
    }
    .p-reason__list li:nth-of-type(2):before {
        background: url('../img/disused/reason-num02.webp') no-repeat center center/contain;
    }
    .p-reason__list li:nth-of-type(3):before {
        background: url('../img/disused/reason-num03.webp') no-repeat center center/contain;
    }
    .p-reason__list li:nth-of-type(4):before {
        background: url('../img/disused/reason-num04.webp') no-repeat center center/contain;
    }
    .p-reason__list--img {
        width: 100%;
        border-radius: 10px;
    }
    .p-reason__list--txts {
        width: 100%;
        padding: 0 10px;
        margin-top: 18px;
    }
    .p-reason__list--head {
        font-size: 22px;
        text-align: center;
        padding-bottom: 16px;
        margin-bottom: 15px;
    }
    .p-reason__list--head::before {
        height: 2px;
        left: 50%;
        width: 50px;
        transform: translate(-50%, 0);
    }
    .p-reason__list--head::after {
        height: 2px;
        left: 50%;
        width: 25px;
        transform: translate(0, 0);
    }
    .p-reason__list--txt {
        font-size: 14px;
    }
}

/*===========================================================================*/
/* price  */
/*===========================================================================*/
.p-price {
    padding-top: 10.317vw;
}

.p-price__btns {
    margin-top: 2.381vw;
    display: flex;
    gap: 1.190vw;
    justify-content: center;
}

.p-price__btn {
    width: 13.095vw;
    height: 4.683vw;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.746vw;
    font-weight: 500;
    line-height: 1.55;
    letter-spacing: .05em;
    border-radius: 0.794vw;
    border: 1px solid #24ADE0;
    color: #24ADE0;
    transition: color .4s 0s cubic-bezier(.44,.14,.09,1.02), background-color .4s 0s cubic-bezier(.44,.14,.09,1.02);
    cursor: pointer;
}

.p-price__btn.js-active {
    background-color: #24ADE0;
    color: #fff;
}

.p-price__contents {
    margin-top: 2.381vw;
}

.p-price__more-link {
    margin-top: 2.381vw;
    display: flex;
    justify-content: center;
}

.p-price__more-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.794vw;
    min-width: 23.81vw;
    padding: 1.111vw 2.778vw;
    background-color: #17499D;
    border: 1px solid #17499D;
    border-radius: 0.794vw;
    color: #fff;
    font-size: 1.508vw;
    font-weight: 700;
    line-height: 1.55;
    letter-spacing: .05em;
    text-decoration: none;
    transition: background-color .4s cubic-bezier(.44,.14,.09,1.02), color .4s cubic-bezier(.44,.14,.09,1.02);
}

.p-price__more-btn-arrow {
    width: 1.111vw;
    height: 1.111vw;
    border-top: 2px solid currentColor;
    border-right: 2px solid currentColor;
    transform: rotate(45deg);
    transition: transform .4s cubic-bezier(.44,.14,.09,1.02);
}

.p-price__content {
    border-radius: 1.429vw;
    overflow: hidden;
    display: none;
}

.p-price__content.js-active {
    display: block;
}

.p-price__content--head {
    color: #fff;
    text-align: center;
    font-size: 1.984vw;
    font-weight: 700;
    line-height: 1.55;
    letter-spacing: .02em;
    padding: 1.032vw 1.190vw 1.111vw;
    background-color: #24ade0;
}

.p-price__content--list {
    padding: 1.587vw;
    background-color: #EEF5F8;
}

.p-price__content--list ul {
    display: flex;
    flex-wrap: wrap;
    gap: 1.587vw;
}

.p-price__content--list ul li {
    width: calc(50% - 0.794vw);
    position: relative;
    background-color: #fff;
    border-radius: 0.397vw;
    padding: 1.349vw 1.984vw 1.349vw 3.968vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.p-price__content--list ul li::before {
    background-color: #24ade0;
    content: '';
    height: 0.794vw;
    left: 1.984vw;
    position: absolute;
    top: 50%;
    width: 0.794vw;
    transform: translate(0, -50%);
    border-radius: 100vh;
}

.p-price__content--list .--head {
    font-size: 1.905vw;
    font-weight: 700;
    line-height: 1.55;
    letter-spacing: .05em;
}

.p-price__content--list .--price {
    display: flex;
    align-items: center;
    gap: 0.238vw;
}

.p-price__content--list .--price .u-en {
    font-size: 3.016vw;
    font-weight: 500;
    line-height: 1.2;
}

.p-price__content--list .--price .--ja {
    font-size: 2.222vw;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: .02em;
}

@media screen and (min-width: 1260px) {
    .p-price {
        padding-top: 130px;
    }

    .p-price__btns {
        margin-top: 30px;
        gap: 15px;
    }

    .p-price__btn {
        width: 165px;
        height: 59px;
        font-size: 22px;
        border-radius: 10px;
    }

    .p-price__contents {
        margin-top: 30px;
    }

    .p-price__more-link {
        margin-top: 30px;
    }

    .p-price__more-btn {
        gap: 10px;
        min-width: 300px;
        padding: 14px 35px;
        border-radius: 10px;
        font-size: 19px;
    }

    .p-price__more-btn-arrow {
        width: 14px;
        height: 14px;
    }

    .p-price__more-btn:hover .p-price__more-btn-arrow {
        transform: translateX(5px) rotate(45deg);
    }

    .p-price__content {
        border-radius: 18px;
    }

    .p-price__content--head {
        font-size: 25px;
        padding: 13px 15px 14px;
    }

    .p-price__content--list {
        padding: 20px;
    }

    .p-price__content--list ul {
        gap: 20px;
    }

    .p-price__content--list ul li {
        width: calc(50% - 10px);
        border-radius: 5px;
        padding: 17px 25px 17px 50px;
    }

    .p-price__content--list ul li::before {
        height: 10px;
        left: 25px;
        width: 10px;
    }

    .p-price__content--list .--head {
        font-size: 24px;
    }

    .p-price__content--list .--price {
        gap: 3px;
    }

    .p-price__content--list .--price .u-en {
        font-size: 38px;
    }

    .p-price__content--list .--price .--ja {
        font-size: 28px;
    }
}

@media screen and (min-width: 901px) {
    .p-price__btn:hover {
        background-color: #24ADE0;
        color: #fff;
    }
}

@media screen and (max-width: 900px) {
    .p-price {
        padding-top: 50px;
    }

    .p-price .c-section-title__main {
        align-items: flex-end;
    }

    .p-price__btns {
        margin-top: 25px;
        gap: 12px;
        flex-wrap: wrap;
    }

    .p-price__btn {
        width: calc(50% - 6px);
        height: 42px;
        font-size: 16px;
        border-radius: 8px;
    }

    .p-price__contents {
        margin-top: 20px;
    }

    .p-price__more-link {
        margin-top: 20px;
    }

    .p-price__more-btn {
        gap: 8px;
        min-width: 0;
        width: 100%;
        max-width: 320px;
        padding: 14px 20px;
        border-radius: 8px;
        font-size: 15px;
    }

    .p-price__more-btn-arrow {
        width: 10px;
        height: 10px;
    }


    .p-price__content {
        border-radius: 10px;
    }

    .p-price__content--head {
        font-size: 18px;
        padding: 8px 10px;
    }

    .p-price__content--list {
        padding: 10px;
        background-color: #EEF5F8;
    }

    .p-price__content--list ul {
        gap: 5px;
    }

    .p-price__content--list ul li {
        width: 100%;
        padding: 8px 15px 8px 35px;
    }

    .p-price__content--list ul li::before {
        height: 8px;
        left: 15px;
        width: 8px;
    }

    .p-price__content--list .--head {
        font-size: 18px;
    }

    .p-price__content--list .--price {
        gap: 1px;
    }

    .p-price__content--list .--price .u-en {
        font-size: 30px;
    }

    .p-price__content--list .--price .--ja {
        font-size: 20px;
    }
}

.garbage .p-price__block {
    margin-top: 30px;
    background: #fff;
    border-radius: 18px;
    padding: 50px 56px;
    box-shadow: 7px 7px 25px 0 rgba(0, 39, 105, 0.05);
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.garbage .p-price__block-head {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.garbage .p-price__block-title {
    font-size: 24px;
    font-weight: 800;
    color: #17499D;
    letter-spacing: .04em;
    line-height: 1.4;
    padding-left: 18px;
    border-left: 4px solid #24ADE0;
}

.garbage .p-price__block-text {
    font-size: 15px;
    font-weight: 500;
    line-height: 1.8;
    color: #465265;
    padding-left: 22px;
}

.garbage .p-price__table-wrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.garbage .p-price__table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid #D8E4EF;
}

.garbage .p-price__table thead th {
    background: linear-gradient(135deg, #17499D 0%, #002769 100%);
    color: #fff;
    padding: 16px 18px;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: .04em;
    text-align: center;
    border-right: 1px solid rgba(255, 255, 255, .15);
}

.garbage .p-price__table thead th:last-child {
    border-right: none;
}

.garbage .p-price__table tbody tr:nth-child(even) {
    background: #F6FAFD;
}

.garbage .p-price__table tbody td {
    padding: 16px 18px;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.5;
    text-align: center;
    border-top: 1px solid #E9EDF3;
    border-right: 1px solid #E9EDF3;
    color: #2D3748;
}

.garbage .p-price__table tbody td:last-child {
    border-right: none;
}

.garbage .p-price__table tbody td.--price {
    color: #17499D;
    font-size: 17px;
    font-weight: 800;
    letter-spacing: .02em;
}

.garbage .p-price__note,
.memento .p-price__note {
    margin-top: 18px;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.8;
    color: #465265;
}

@media screen and (max-width: 900px) {
    .garbage .p-price__block {
        margin-top: 24px;
        padding: 28px 20px;
        gap: 20px;
    }

    .garbage .p-price__block-title {
        font-size: 18px;
        padding-left: 12px;
        border-left-width: 3px;
    }

    .garbage .p-price__block-text {
        font-size: 13px;
        line-height: 1.7;
        padding-left: 0;
    }

    .garbage .p-price__table {
        display: block;
        border: none;
        border-radius: 0;
        overflow: visible;
    }

    .garbage .p-price__table thead {
        display: none;
    }

    .garbage .p-price__table tbody,
    .garbage .p-price__table tr {
        display: block;
    }

    .garbage .p-price__table tbody tr {
        background: #F6FAFD !important;
        border: 1px solid #D8E4EF;
        border-radius: 10px;
        padding: 8px 14px;
        margin-bottom: 12px;
    }

    .garbage .p-price__table tbody td {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 12px;
        padding: 10px 0;
        text-align: left;
        font-size: 14px;
        border: none;
        border-bottom: 1px dashed #E9EDF3;
    }

    .garbage .p-price__table tbody td:last-child {
        border-bottom: none;
    }

    .garbage .p-price__table tbody td::before {
        content: attr(data-label);
        font-size: 12px;
        font-weight: 700;
        color: #17499D;
        letter-spacing: .04em;
    }

    .garbage .p-price__table tbody td.--price {
        font-size: 16px;
    }

    .garbage .p-price__note,
    .memento .p-price__note {
        margin-top: 12px;
        font-size: 13px;
        line-height: 1.7;
    }
}

main.disused .p-top-plan__block {
    margin-top: 0;
}

/*===========================================================================*/
/* purchase  */
/*===========================================================================*/
.p-purchase {
    padding-top: 6.349vw;
    padding-bottom: 3.175vw;
}

.p-purchase__head {
    text-align: center;
    font-size: 4.286vw;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: .02em;
}

.p-purchase__head .--wrapper {
    position: relative;
    padding: 0 8.016vw;
}

.p-purchase__head .--wrapper::before {
    background: url('../img/disused/purchase-txt-left.webp') no-repeat center center/contain;
    content: '';
    height: 11.905vw;
    left: 0;
    position: absolute;
    bottom: 0;
    width: 5.556vw;
}

.p-purchase__head .--wrapper::after {
    background: url('../img/disused/purchase-txt-right.webp') no-repeat center center/contain;
    content: '';
    height: 11.905vw;
    right: 0;
    position: absolute;
    bottom: 0;
    width: 5.556vw;
}

.p-purchase__txt {
    margin-top: 2.222vw;
    text-align: center;
    font-size: 2.063vw;
    font-weight: 500;
    line-height: 1.55;
    letter-spacing: .02em;
}

.p-purchase__slids {
    overflow: hidden;
    display: flex;
    gap: 0.397vw;
}

.p-purchase__slids--inner {
    display: flex;
    gap: 0.397vw;
    animation: img-scroll 56s linear infinite;
}

.p-purchase__slids--inner figure {
    width: 37.302vw;
    min-width: 37.302vw;
}

@keyframes img-scroll {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(calc(-100% - 0.397vw));
    }
}

@media screen and (min-width: 1260px) {
    .p-purchase {
        padding-top: 80px;
        padding-bottom: 40px;
    }

    .p-purchase__head {
        font-size: 54px;
    }

    .p-purchase__head .--wrapper {
        padding: 0 101px;
    }

    .p-purchase__head .--wrapper::before {
        height: 150px;
        width: 70px;
    }

    .p-purchase__head .--wrapper::after {
        height: 150px;
        width: 70px;
    }

    .p-purchase__txt {
        margin-top: 28px;
        font-size: 26px;
    }

    .p-purchase__slids {
        gap: 5px;
    }

    .p-purchase__slids--inner {
        gap: 5px;
    }

    .p-purchase__slids--inner figure {
        width: 470px;
        min-width: 470px;
    }

    @keyframes img-scroll {
        from {
            transform: translateX(0);
        }
        to {
            transform: translateX(calc(-100% - 5px));
        }
    }
}

@media screen and (max-width: 900px) {
    .p-purchase {
        padding-top: 54px;
        padding-bottom: 20px;
    }

    .p-purchase__head {
        font-size: 22px;
    }

    .p-purchase__head .--wrapper {
        padding: 0 34px;
    }

    .p-purchase__head .--wrapper::before {
        background: url('../img/disused/purchase-txt-left-sp.webp') no-repeat center center/contain;
        height: 60px;
        bottom: 0;
        width: 29px;
    }

    .p-purchase__head .--wrapper::after {
        background: url('../img/disused/purchase-txt-right-sp.webp') no-repeat center center/contain;
        height: 60px;
        bottom: 0;
        width: 29px;
    }

    .p-purchase__txt {
        margin-top: 12px;
        font-size: 14px;
    }

    .p-purchase__slids--inner {
        display: flex;
        gap: 5px;
        animation: img-scroll 40s linear infinite;
    }

    .p-purchase__slids--inner figure {
        width: 240px;
        min-width: 240px;
    }

    @keyframes img-scroll {
        from {
            transform: translateX(0);
        }
        to {
            transform: translateX(calc(-100% - 5px));
        }
    }
}

/*===========================================================================*/
/* list  */
/*===========================================================================*/
main.disused .p-top-list,
main.area-top .p-top-list {
    background-color: #fff;
}

.p-list__btn {
    max-width: 29.365vw;
    margin: 3.968vw auto 0;
}

@media screen and (min-width: 1260px) {
    .p-list__btn {
        max-width: 370px;
        margin: 50px auto 0;
    }
}

@media screen and (max-width: 900px) {
    .p-list__btn {
        max-width: 295px;
        margin: 30px auto 0;
    }
}

/*===========================================================================*/
/* comparison  */
/*===========================================================================*/
.p-comparison {
    background-color: #EEF5F8;
    padding-bottom: 10.317vw;
}
main.area-top .p-comparison {
	padding-top: 10.317vw;
}

.p-comparison__table--wrapper {
    max-width: 78.889vw;
    margin: 3.175vw auto 0;
}

.p-comparison__table {
    position: relative;
    z-index: 2;
}

.p-comparison__table::before {
    content: '';
    height: calc(100% + 0.794vw);
    left: 20.8%;
    position: absolute;
    top: 0;
    width: 32.8%;
    border-radius: 0.635vw;
    border: #24ade0 solid 0.238vw;
    z-index: 2;
}

.p-comparison__table::after {
    content: '';
    height: calc(100% - 5.714vw);
    left: 0;
    position: absolute;
    top: 5.714vw;
    width: 100%;
    border-radius: 0 0 1.429vw 1.429vw;
    z-index: -1;
    box-shadow: 0.952vw 0.952vw 3.175vw 0 rgba(33, 45, 54, 0.10);
}

.p-comparison__table .p-comparison__thead,
.p-comparison__table dl {
    display: flex;
}

.p-comparison__table .p-comparison__thead,
.p-comparison__table dl.--01 {
    justify-content: right;
}

.p-comparison__table dl>.--01 {
    width: 20.8%;
}

.p-comparison__table .p-comparison__thead>.--02,
.p-comparison__table dl>.--02 {
    width: 32.8%;
}

.p-comparison__table .p-comparison__thead>.--03,
.p-comparison__table .p-comparison__thead>.--04,
.p-comparison__table dl>.--03,
.p-comparison__table dl>.--04 {
    width: 23.2%;
}

.p-comparison__table .p-comparison__thead .p-comparison__th,
.p-comparison__table dl.--01 dt {
    height: 5.714vw;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: relative;
    color: #fff;
    font-size: 2.063vw;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: .02em;
    z-index: 2;
}

.p-comparison__table .p-comparison__thead .p-comparison__th.--03,
.p-comparison__table .p-comparison__thead .p-comparison__th.--04,
.p-comparison__table dl.--01 dt.--03,
.p-comparison__table dl.--01 dt.--04 {
    font-size: 1.587vw;
}

.p-comparison__table .p-comparison__thead .p-comparison__th::before,
.p-comparison__table dl.--01 dt::before {
    background-color: #24ade0;
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    border-radius: 0.635vw 0.635vw 0 0;
    z-index: -1;
}

.p-comparison__table .p-comparison__thead .p-comparison__th.--03::before,
.p-comparison__table dl.--01 dt.--03::before {
    width: calc(100% - 0.238vw);
    left: 0.159vw;
    background-color: #7B8392;
}

.p-comparison__table .p-comparison__thead .p-comparison__th.--04::before,
.p-comparison__table dl.--01 dt.--04::before {
    width: calc(100% - 0.079vw);
    left: unset;
    right: 0;
    background-color: #7B8392;
}

.p-comparison__table dl.--02 dt,
.p-comparison__table dl.--03 dt,
.p-comparison__table dl.--last dt,
.p-comparison__table dl.--02 dd,
.p-comparison__table dl.--03 dd,
.p-comparison__table dl.--last dd {
    height: 11.667vw;
}

.p-comparison__table dl.--02 dt,
.p-comparison__table dl.--03 dt,
.p-comparison__table dl.--last dt {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    font-size: 1.587vw;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: .02em;
    background-color: #fff;
}

.p-comparison__table dl.--02 dd,
.p-comparison__table dl.--03 dd,
.p-comparison__table dl.--last dd {
    display: flex;
    align-items: center;
    flex-direction: column;
    text-align: center;
    padding-top: 1.587vw;
}

.p-comparison__table dl dd.--03 {
    background-color: #EFF2F3;
}

.p-comparison__table dl dd.--04 {
    background-color: #fff;
}

.p-comparison__table dl.--02 dt,
.p-comparison__table dl.--03 dt,
.p-comparison__table dl dd.--03,
.p-comparison__table dl dd.--04 {
    border-bottom: #c3c3c3 solid 0.079vw;
}

.p-comparison__table dl.--last dd.--03,
.p-comparison__table dl.--last dd.--04 {
    border-bottom: none;
}

.p-comparison__table dl.--last dd.--04 {
    border-radius: 0 0 1.429vw 0;
}

.p-comparison__table dl.--02 dt {
    border-radius: 1.429vw 0 0 0;
}

.p-comparison__table dl.--last dt {
    border-radius: 0 0 0 1.429vw;
}

.p-comparison__table dl dd.--02 {
    background-color: #fff;
    position: relative;
}

.p-comparison__table dl dd.--02::before {
    background-color: #c3c3c3;
    content: '';
    height: 0.079vw;
    left: 50%;
    position: absolute;
    bottom: 0;
    width: calc(100% - 3.651vw);
    transform: translate(-50%, 0);
}

.p-comparison__table dl.--last dd.--02::before {
    background-color: #fff;
    height: 0.794vw;
    bottom: -0.794vw;
    width: 100%;
    border-radius: 0 0 0.635vw 0.635vw;
}

.p-comparison__table--img {
    width: 4.603vw;
}

.p-comparison__table--head {
    font-size: 1.587vw;
    font-weight: 700;
    line-height: 1.36;
    letter-spacing: .02em;
}

.p-comparison__table--head.--02 {
    margin-top: 0.794vw;
}

.p-comparison__table--small {
    margin-top: 0.317vw;
    font-feature-settings: 'pwid' on, 'palt' on;
    font-size: 0.952vw;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: .02em;
}

.p-comparison__txt {
    margin-top: 2.778vw;
    text-align: center;
    font-size: 1.746vw;
    font-weight: 700;
    line-height: 1.55;
    letter-spacing: .02em;
}

@media screen and (min-width: 1260px) {
    .p-comparison {
        padding-bottom: 130px;
    }
	main.area-top .p-comparison {
        padding-top: 130px;
    }
    .p-comparison__table--wrapper {
        max-width: 994px;
        margin-top: 40px;
    }
    .p-comparison__table::before {
        height: calc(100% + 10px);
        border-radius: 8px;
        border-width: 3px;
    }
    .p-comparison__table::after {
        height: calc(100% - 72px);
        top: 72px;
        border-radius: 0 0 18px 18px;
        box-shadow: 12px 12px 40px 0 rgba(33, 45, 54, 0.10);
    }
    .p-comparison__table .p-comparison__thead .p-comparison__th,
    .p-comparison__table dl.--01 dt {
        height: 72px;
        font-size: 26px;
    }
    .p-comparison__table .p-comparison__thead .p-comparison__th.--03,
    .p-comparison__table .p-comparison__thead .p-comparison__th.--04,
    .p-comparison__table dl.--01 dt.--03,
    .p-comparison__table dl.--01 dt.--04 {
        font-size: 20px;
    }
    .p-comparison__table .p-comparison__thead .p-comparison__th::before,
    .p-comparison__table dl.--01 dt::before {
        border-radius: 8px 8px 0 0;
    }
    .p-comparison__table .p-comparison__thead .p-comparison__th.--03::before,
    .p-comparison__table dl.--01 dt.--03::before {
        width: calc(100% - 3px);
        left: 2px;
    }
    .p-comparison__table .p-comparison__thead .p-comparison__th.--04::before,
    .p-comparison__table dl.--01 dt.--04::before {
        width: calc(100% - 1px);
    }
    .p-comparison__table dl.--02 dt,
    .p-comparison__table dl.--03 dt,
    .p-comparison__table dl.--last dt,
    .p-comparison__table dl.--02 dd,
    .p-comparison__table dl.--03 dd,
    .p-comparison__table dl.--last dd {
        height: 147px;
    }
    .p-comparison__table dl.--02 dt,
    .p-comparison__table dl.--03 dt,
    .p-comparison__table dl.--last dt {
        font-size: 20px;
    }
    .p-comparison__table dl.--02 dd,
    .p-comparison__table dl.--03 dd,
    .p-comparison__table dl.--last dd {
        padding-top: 20px;
    }
    .p-comparison__table dl.--02 dt,
    .p-comparison__table dl.--03 dt,
    .p-comparison__table dl dd.--03,
    .p-comparison__table dl dd.--04 {
        border-bottom-width: 1px;
    }
    .p-comparison__table dl.--last dd.--04 {
        border-radius: 0 0 18px 0;
    }
    .p-comparison__table dl.--02 dt {
        border-radius: 18px 0 0 0;
    }
    .p-comparison__table dl.--last dt {
        border-radius: 0 0 0 18px;
    }
    .p-comparison__table dl dd.--02::before {
        height: 1px;
        width: calc(100% - 46px);
    }
    .p-comparison__table dl.--last dd.--02::before {
        height: 10px;
        bottom: -10px;
        border-radius: 0 0 8px 8px;
    }
    .p-comparison__table--img {
        width: 58px;
    }
    .p-comparison__table--head {
        font-size: 20px;
    }
    .p-comparison__table--head.--02 {
        margin-top: 10px;
    }
    .p-comparison__table--small {
        margin-top: 4px;
        font-size: 12px;
    }
    .p-comparison__txt {
        margin-top: 35px;
        font-size: 22px;
    }
}

@media screen and (max-width: 900px) {
    .p-comparison {
        padding-bottom: 50px;
    }
	main.area-top .p-comparison {
        padding-top: 50px;
    }

    .p-comparison .c-section-title__main {
        align-items: flex-end;
    }

    .p-comparison__table--wrapper {
        width: calc(100% + 40px);
		max-width: unset;
        position: relative;
        left: -20px;
        margin: 25px 0 0;
        padding-bottom: 159px;
        overflow-x: scroll;
        overflow-y: visible;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    .p-comparison__table--wrapper::-webkit-scrollbar{
        display: none;
    }

    .p-comparison__table--inner {
        width: 629px;
        padding: 0 20px;
    }

    .p-comparison__table {
        position: relative;
        z-index: 2;
    }
    .p-comparison__table::before {
        height: calc(100% + 9px);
        left: 19.8%;
        width: 28.6%;
    }
    .p-comparison__table::after {
        height: calc(100% - 50px);
        top: 50px;
    }

    .p-comparison__table dl>.--01 {
        width: 19.8%;
    }

    .p-comparison__table .p-comparison__thead>.--02,
    .p-comparison__table dl>.--02 {
        width: 28.6%;
    }

    .p-comparison__table .p-comparison__thead>.--03,
    .p-comparison__table .p-comparison__thead>.--04,
    .p-comparison__table dl>.--03,
    .p-comparison__table dl>.--04 {
        width: 25.8%;
    }

    .p-comparison__table .p-comparison__thead .p-comparison__th,
    .p-comparison__table dl.--01 dt {
        height: 50px;
        font-size: 18px;
    }
    .p-comparison__table .p-comparison__thead .p-comparison__th.--03,
    .p-comparison__table .p-comparison__thead .p-comparison__th.--04,
    .p-comparison__table dl.--01 dt.--03,
    .p-comparison__table dl.--01 dt.--04 {
        font-size: 14px;
    }

    .p-comparison__table dl.--02 dt,
    .p-comparison__table dl.--03 dt,
    .p-comparison__table dl.--last dt,
    .p-comparison__table dl.--02 dd,
    .p-comparison__table dl.--03 dd,
    .p-comparison__table dl.--last dd {
        height: 126px;
    }

    .p-comparison__table dl.--02 dd,
    .p-comparison__table dl.--03 dd,
    .p-comparison__table dl.--last dd {
        padding-top: 18px;
    }

    .p-comparison__table dl.--02 dt,
    .p-comparison__table dl.--03 dt,
    .p-comparison__table dl.--last dt {
        font-size: 15px;
    }

    .p-comparison__table dl.--last dd.--04 {
        border-radius: 0 0 18px 0;
    }

    .p-comparison__table dl dd.--02::before {
        width: calc(100% - 22px);
    }
    .p-comparison__table dl.--last dd.--02::before {
        height: 9px;
        bottom: -9px;
    }

    .p-comparison__table--img {
        width: 50px;
    }

    .p-comparison__table--head {
        font-size: 15px;
    }
    .p-comparison__table--head.--02 {
        margin-top: 10px;
    }

    .p-comparison__table--small {
        margin-top: 2px;
        font-size: 11px;
    }

    .p-comparison__txt {
        margin-top: -125px;
        font-size: 16px;
    }
}

/*===========================================================================*/
/* flow  */
/*===========================================================================*/
.p-flow {
    padding-top: 10.317vw;
    padding-bottom: 10.317vw;
}

.p-flow__list {
    margin-top: 3.175vw;
    display: flex;
    justify-content: space-between;
    gap: 3.810vw;
}

.p-flow__list li {
    width: calc(100%/4 - 11.429vw/4);
    position: relative;
    padding: 13.095vw 2.381vw 2.778vw;
    background-color: #EEF5F8;
    border-radius: 1.587vw;
}

.p-flow__list li::before {
    background: url('../img/disused/flow-arrow.webp') no-repeat center center/contain;
    content: '';
    height: 2.460vw;
    left: calc(100% + 0.714vw);
    position: absolute;
    top: 50%;
    width: 2.460vw;
    transform: translate(0, -50%);
}

.p-flow__list li:last-of-type:before {
    display: none;
}

.p-flow__list--img {
    position: absolute;
    width: 8.730vw;
    left: 50%;
    top: 2.381vw;
    transform: translate(-50%, 0);
}

.p-flow__list--head {
    text-align: center;
    font-size: 2.063vw;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: .02em;
}

.p-flow__list--txt {
    margin-top: 0.952vw;
    font-size: 1.190vw;
    font-weight: 500;
    line-height: 1.6;
}

@media screen and (min-width: 1260px) {
    .p-flow {
        padding-top: 130px;
        padding-bottom: 130px;
    }
    .p-flow__list {
        margin-top: 40px;
        gap: 48px;
    }
    .p-flow__list li {
        width: calc(100%/4 - 144px/4);
        padding: 165px 30px 35px;
        border-radius: 20px;
    }
    .p-flow__list li::before {
        height: 31px;
        left: calc(100% + 9px);
        width: 31px;
    }
    .p-flow__list--img {
        width: 110px;
        top: 30px;
    }
    .p-flow__list--head {
        font-size: 26px;
    }
    .p-flow__list--txt {
        margin-top: 12px;
        font-size: 15px;
    }
}

@media screen and (max-width: 900px) {
    .p-flow {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .p-flow .c-section-title__main {
        align-items: flex-end;
    }

    .p-flow__list {
        margin-top: 25px;
        flex-direction: column;
        gap: 50px;
    }

    .p-flow__list li {
        width: 100%;
        position: relative;
        padding: 25px 20px 25px 120px;
        border-radius: 10px;
    }

    .p-flow__list li::before {
        background: url('../img/disused/flow-arrow-sp.webp') no-repeat center center/contain;
        left: 50%;
        top: calc(100% + 9px);
        transform: translate(-50%, 0);
		width: 31px;
		height: 31px;
    }

    .p-flow__list--img {
        width: 74px;
        left: 25px;
        top: 50%;
        transform: translate(0, -50%);
    }

    .p-flow__list--head {
        text-align: left;
        font-size: 22px;
    }

    .p-flow__list--txt {
        margin-top: 5px;
        font-size: 14px;
    }
}

main.disused .p-top-voice {
    padding-bottom: 7.937vw;
}

@media screen and (min-width: 1260px) {
    main.disused .p-top-voice {
        padding-bottom: 100px;
    }
}

@media screen and (max-width: 900px) {
    main.disused .p-top-voice {
        padding-bottom: 0;
    }
}

/*===========================================================================*/
/* media  */
/*===========================================================================*/
.p-media {
    padding-top: 7.937vw;
    padding-bottom: 10.317vw;
}

.p-media__list {
    margin-top: 3.175vw;
    display: flex;
    justify-content: center;
    gap: clamp(14px, 4.9749582638px + 1.0016694491vw, 20px);
}

.p-media__list li {
    width: auto;
}

.p-media__list-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: clamp(42px, 14.9248747913px + 3.0050083472vw, 60px);
    height: clamp(42px, 14.9248747913px + 3.0050083472vw, 60px);
    border-radius: 50%;
    background: linear-gradient(135deg, #2ab7eb, #007dc5);
    color: #fff;
    text-decoration: none;
    transition: opacity 0.3s;
}

.p-media__list-link[aria-label="LINE"] {
    background: #06c755;
}

.p-media__list-link[aria-label="X"] {
    background: #000;
}

.p-media__list-link[aria-label="YouTube"] {
    background: #ff0000;
}

.p-media__list-link[aria-label="TikTok"] {
    background: #010101;
}

.p-media__list-link[aria-label="Instagram"] {
    background: radial-gradient(circle at 30% 110%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%);
}

.p-media__list-link svg {
    width: clamp(19.6px, 6.9649415693px + 1.4023372287vw, 28px);
    height: clamp(19.6px, 6.9649415693px + 1.4023372287vw, 28px);
}

.p-media__list-link:hover {
    opacity: 0.8;
}

@media screen and (min-width: 1260px) {
    .p-media {
        padding-top: 100px;
        padding-bottom: 130px;
    }
    .p-media__list {
        margin-top: 40px;
        gap: 20px;
    }
}

@media screen and (max-width: 900px) {
    .p-media {
        padding-top: 0;
        padding-bottom: 50px;
    }

    .p-media__list {
        margin: 20px auto 0;
        flex-wrap: wrap;
        gap: 10px;
    }

    .p-media__list-link {
        width: 55px;
        height: 55px;
    }

    .p-media__list-link svg {
        width: 25px;
        height: 25px;
    }
}

/*===========================================================================*/
/* problem02  */
/*===========================================================================*/
.p-problem02 {
    padding-top: 10.317vw;
}

.p-problem02__list {
    margin-top: 3.175vw;
    display: flex;
    justify-content: space-between;
}

.p-problem02__list li {
    width: 32.5%;
    padding: 1.587vw 0.794vw;
    background-color: #EEF5F8;
    border-radius: 1.587vw;
}

.p-problem02__list--head {
    color: #002769;
    text-align: center;
    font-size: 2.222vw;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: .02em;
}

.p-problem02__list--imgs {
    margin-top: 1.587vw;
    position: relative;
    overflow: hidden;
    border-radius: 1.032vw;
}

.p-problem02__list--tags {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    padding: 0 0.794vw 0.794vw;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 0.397vw;
}

.p-problem02__list--tags span {
    color: #24ADE0;
    font-size: 0.952vw;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: .02em;
    padding: 0.317vw 0.794vw 0.397vw;
    background-color: #EEF5F8;
    border-radius: 0.476vw;
}

.p-problem02__list--txts {
    margin: 1.190vw 0.794vw 0;
    background-color: #fff;
    border-radius: 0.794vw;
    padding: 1.984vw 1.587vw 2.381vw;
}

.p-problem02__list--subHead {
    text-align: center;
    color: #24ADE0;
    font-size: 1.587vw;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: .02em;
}

.p-problem02__list--subHead span {
    position: relative;
    padding: 0 1.825vw;
}

.p-problem02__list--subHead span::before {
    background: url('../img/area-top/problem02-txt-left.webp') no-repeat center center/contain;
    content: '';
    height: 2.460vw;
    left: 0;
    position: absolute;
    bottom: -0.317vw;
    width: 1.270vw;
}

.p-problem02__list--subHead span::after {
    background: url('../img/area-top/problem02-txt-right.webp') no-repeat center center/contain;
    content: '';
    height: 2.460vw;
    right: 0;
    position: absolute;
    bottom: -0.317vw;
    width: 1.270vw;
}

.p-problem02__list--txt {
    margin-top: 1.190vw;
    text-align: center;
    font-size: 1.905vw;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: .02em;
}

.p-problem02__list--btn {
    margin-top: 1.190vw;
    padding: 0 0.794vw;
}

main.area-top .p-top-movie {
    padding-top: 10.317vw;
}

@media screen and (min-width: 1260px) {
    .p-problem02 {
        padding-top: 130px;
    }
    .p-problem02__list {
        margin-top: 40px;
    }
    .p-problem02__list li {
        padding: 20px 10px;
        border-radius: 20px;
    }
    .p-problem02__list--head {
        font-size: 28px;
    }
    .p-problem02__list--imgs {
        margin-top: 20px;
        border-radius: 13px;
    }
    .p-problem02__list--tags {
        padding: 0 10px 10px;
        gap: 5px;
    }
    .p-problem02__list--tags span {
        font-size: 12px;
        padding: 4px 10px 5px;
        border-radius: 6px;
    }
    .p-problem02__list--txts {
        margin: 15px 10px 0;
        border-radius: 10px;
        padding: 25px 20px 30px;
    }
    .p-problem02__list--subHead {
        font-size: 20px;
    }
    .p-problem02__list--subHead span {
        padding: 0 23px;
    }
    .p-problem02__list--subHead span::before {
        height: 31px;
        bottom: -4px;
        width: 16px;
    }
    .p-problem02__list--subHead span::after {
        height: 31px;
        bottom: -4px;
        width: 16px;
    }
    .p-problem02__list--txt {
        margin-top: 15px;
        font-size: 24px;
    }
    .p-problem02__list--btn {
        margin-top: 15px;
        padding: 0 10px;
    }
    main.area-top .p-top-movie {
        padding-top: 130px;
    }
}

@media screen and (max-width: 900px) {
    .p-problem02 {
        padding-top: 50px;
    }

    .p-problem02 .c-section-title__main {
        align-items: flex-end;
    }

    .p-problem02__list {
        margin-top: 25px;
        flex-direction: column;
        gap: 15px;
    }

    .p-problem02__list li {
        width: 100%;
        padding: 20px 10px 15px;
        border-radius: 10px;
    }

    .p-problem02__list--head {
        font-size: 23px;
    }

    .p-problem02__list--imgs {
        margin-top: 20px;
        border-radius: 8px;
    }

    .p-problem02__list--tags {
        padding: 0 5px 5px;
		gap: 5px;
    }

	.p-problem02__list--tags span {
		font-size: 12px;
		padding: 4px 10px 5px;
		border-radius: 6px;
	}

    .p-problem02__list--txts {
        margin: 10px 5px 0;
        border-radius: 10px;
        padding: 20px 10px 23px;
    }

    .p-problem02__list--subHead {
        text-align: center;
        color: #24ADE0;
        font-size: 20px;
        font-weight: 700;
        line-height: 1.4;
        letter-spacing: .02em;
    }

    .p-problem02__list--subHead span {
        position: relative;
        padding: 0 23px;
    }

    .p-problem02__list--subHead span::before {
        background: url('../img/area-top/problem02-txt-left.webp') no-repeat center center/contain;
        content: '';
        height: 31px;
        left: 0;
        position: absolute;
        bottom: -4px;
        width: 16px;
    }

    .p-problem02__list--subHead span::after {
        background: url('../img/area-top/problem02-txt-right.webp') no-repeat center center/contain;
        content: '';
        height: 31px;
        right: 0;
        position: absolute;
        bottom: -4px;
        width: 16px;
    }

    .p-problem02__list--txt {
        margin-top: 8px;
        font-size: 22px;
    }

    .p-problem02__list--btn {
        margin-top: 10px;
        padding: 0 5px;
    }

    main.area-top .p-top-about {
        margin-top: 50px;
    }

    main.area-top .p-top-movie {
        padding-top: 50px;
    }
}

/* ============================================================
 * 買取ページ：サービス紹介画像（単一・スクエア）
 * ============================================================ */
.purchase .p-service__txts {
    width: 52%;
}

.purchase .p-service__imgs--single {
    display: block;
    width: 42%;
    flex-shrink: 0;
}

.purchase .p-service__imgs--single .p-service__img {
    width: 100%;
    border-radius: 0.793vw;
    overflow: hidden;
    aspect-ratio: 1 / 1;
}

.purchase .p-service__imgs--single .p-service__img::before {
    display: none;
}

.purchase .p-service__imgs--single .p-service__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 30%;
    display: block;
}

@media screen and (min-width: 1260px) {
    .purchase .p-service__imgs--single .p-service__img {
        border-radius: 10px;
    }
}

@media screen and (max-width: 900px) {
    .purchase .p-service__txts {
        width: 100%;
    }

    .purchase .p-service__imgs--single {
        width: 100%;
        max-width: 420px;
        margin-left: auto;
        margin-right: auto;
    }

    .purchase .p-service__imgs--single .p-service__img {
        border-radius: 6px;
    }
}

/* ============================================================
 * 買取ページ：安心へのこだわり（p-trust）
 * ============================================================ */
.purchase .p-trust {
    padding: 80px 0;
}

.purchase .p-price {
    padding-top: 0;
}

.purchase .p-trust__list {
    margin-top: 48px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.purchase .p-trust__item {
    position: relative;
    background: #fff;
    border: 1px solid #e3eef5;
    border-radius: 12px;
    padding: 40px 22px 28px;
    box-shadow: 0 8px 24px rgba(42, 183, 235, 0.08);
}

.purchase .p-trust__num {
    position: absolute;
    top: -18px;
    left: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #2ab7eb;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.02em;
}

.purchase .p-trust__head {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
    color: #0f2f44;
}

.purchase .p-trust__txt {
    margin-top: 14px;
    font-size: 14px;
    line-height: 1.8;
    color: #4a5a64;
}

@media (max-width: 900px) {
    .purchase .p-trust {
        padding: 56px 0;
    }

    .purchase .p-trust__list {
        grid-template-columns: repeat(2, 1fr);
        gap: 32px 18px;
    }
}

@media (max-width: 500px) {
    .purchase .p-trust__list {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .purchase .p-trust__head {
        font-size: 18px;
    }
}

/* ============================================================
 * 特殊清掃：使用機材紹介
 * ============================================================ */
.p-equipment {
    padding: 80px 0;
}

.p-equipment__lead {
    max-width: 760px;
    margin: 36px auto 0;
    font-size: 16px;
    line-height: 1.9;
    color: #4a5a64;
    text-align: center;
}

.p-equipment__list {
    margin-top: 48px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}

.p-equipment__item {
    background: #fff;
    border: 1px solid #e3eef5;
    border-radius: 12px;
    padding: 28px 22px;
    box-shadow: 0 8px 24px rgba(42, 183, 235, 0.08);
}

.p-equipment__name {
    position: relative;
    padding-bottom: 14px;
    margin-bottom: 14px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.4;
    color: #0f2f44;
}

.p-equipment__name::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 40px;
    height: 3px;
    border-radius: 2px;
    background: #2ab7eb;
}

.p-equipment__txt {
    font-size: 14px;
    line-height: 1.8;
    color: #4a5a64;
}

@media (max-width: 900px) {
    .p-equipment {
        padding: 56px 0;
    }

    .p-equipment__list {
        grid-template-columns: repeat(2, 1fr);
        gap: 18px;
    }
}

@media (max-width: 500px) {
    .p-equipment__lead {
        font-size: 14px;
        text-align: left;
    }

    .p-equipment__list {
        grid-template-columns: 1fr;
        gap: 16px;
    }
}

/*===========================================================================*/
/* CTA ボタン 共通ホバーアニメーション（トンマナ統一）                         */
/*===========================================================================*/
.p-top-area__more,
.p-top-voice__area-btn,
.p-top-faq__btn,
.p-price__more-btn {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    transition: transform .4s cubic-bezier(.22, .61, .36, 1),
                box-shadow .4s cubic-bezier(.22, .61, .36, 1),
                background-color .4s cubic-bezier(.22, .61, .36, 1),
                border-color .4s cubic-bezier(.22, .61, .36, 1);
}

.p-top-area__more > *,
.p-top-voice__area-btn > *,
.p-top-faq__btn > *,
.p-price__more-btn > * {
    position: relative;
    z-index: 1;
}

.p-top-area__more::after,
.p-top-voice__area-btn::after,
.p-top-faq__btn::after,
.p-price__more-btn::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(115deg,
                transparent 0%,
                rgba(255, 255, 255, 0) 38%,
                rgba(255, 255, 255, .45) 50%,
                rgba(255, 255, 255, 0) 62%,
                transparent 100%);
    transform: translateX(-130%);
    transition: transform .7s cubic-bezier(.22, .61, .36, 1);
    pointer-events: none;
    z-index: 0;
}

.p-top-area__more:hover,
.p-top-voice__area-btn:hover,
.p-top-faq__btn:hover,
.p-price__more-btn:hover {
    background-color: #1f5cc4;
    border-color: #1f5cc4;
    color: #fff;
    transform: translateY(-3px);
    box-shadow: 0 12px 24px rgba(23, 73, 157, .3);
    opacity: 1;
}

.p-top-area__more:hover::after,
.p-top-voice__area-btn:hover::after,
.p-top-faq__btn:hover::after,
.p-price__more-btn:hover::after {
    transform: translateX(130%);
}

.p-top-area__more-arrow,
.p-top-voice__area-btn-arrow,
.p-top-faq__btn-arrow {
    transition: transform .4s cubic-bezier(.22, .61, .36, 1);
}

.p-top-area__more:hover .p-top-area__more-arrow,
.p-top-voice__area-btn:hover .p-top-voice__area-btn-arrow,
.p-top-faq__btn:hover .p-top-faq__btn-arrow {
    transform: translateX(5px);
}

.p-price__more-btn:hover .p-price__more-btn-arrow {
    transform: translateX(4px) rotate(45deg);
}

@media (prefers-reduced-motion: reduce) {

    .p-top-area__more,
    .p-top-voice__area-btn,
    .p-top-faq__btn,
    .p-price__more-btn {
        transition: background-color .3s ease, border-color .3s ease;
    }

    .p-top-area__more:hover,
    .p-top-voice__area-btn:hover,
    .p-top-faq__btn:hover,
    .p-price__more-btn:hover {
        transform: none;
        box-shadow: none;
    }

    .p-top-area__more::after,
    .p-top-voice__area-btn::after,
    .p-top-faq__btn::after,
    .p-price__more-btn::after {
        display: none;
    }
}

/*===========================================================================*/
/*  payment  */
/*===========================================================================*/
.p-payment {
	background: #fff;
	padding-top: clamp(44px, 24.8747913189px + 2.5vw, 64px);
	padding-bottom: clamp(44px, 24.8747913189px + 2.5vw, 64px);
}

@media (max-width: 900px) {
	.p-payment {
		padding-top: 40px;
		padding-bottom: 40px;
	}
}

.p-payment__inner {
	max-width: clamp(760px, 298.4974958264px + 50vw, 960px);
	margin: 0 auto;
}

.p-payment__lead {
	margin-top: clamp(14px, 10.9916527546px + 0.5vw, 18px);
	text-align: center;
	font-size: clamp(13px, 12.4974958264px + 0.1669449082vw, 14px);
	line-height: 1.7;
	color: #555;
}

.p-payment__groups {
	margin-top: clamp(20px, 13.9799666110px + 0.8vw, 28px);
	display: flex;
	flex-direction: column;
	gap: clamp(16px, 11.9799666110px + 0.6vw, 22px);
}

.p-payment__group-title {
	position: relative;
	padding-left: 12px;
	margin-bottom: clamp(8px, 6.4966611019px + 0.25vw, 10px);
	font-size: clamp(14px, 12.9958263773px + 0.15vw, 15px);
	font-weight: 700;
	color: #2b2b2b;
}

.p-payment__group-title::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 4px;
	height: 1.05em;
	border-radius: 3px;
	background: #24ade0;
}

.p-payment__list {
	list-style: none;
	display: grid;
	grid-template-columns: repeat(9, 1fr);
	gap: clamp(6px, 3.9916527546px + 0.28vw, 9px);
	padding: 0;
}

@media (max-width: 900px) {
	.p-payment__list {
		grid-template-columns: repeat(6, 1fr);
	}
}

@media (max-width: 560px) {
	.p-payment__list {
		grid-template-columns: repeat(4, 1fr);
	}
}

.p-payment__item {
	margin: 0;
}

.p-payment__tile {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	aspect-ratio: 8 / 5;
	padding: clamp(5px, 3.9916527546px + 0.15vw, 7px);
	background: #fff;
	border: 1px solid #e6ebf1;
	border-radius: 8px;
	box-shadow: 0 2px 6px rgba(36, 173, 224, 0.06);
}

.p-payment__logo {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.p-payment__note {
	margin-top: clamp(16px, 11.9799666110px + 0.6vw, 22px);
	font-size: clamp(11px, 10.7487479132px + 0.0834724541vw, 12px);
	line-height: 1.7;
	color: #999;
}