.kv-section {
}

.kv-company-name-wrapper,
.kv-bg-pearls {
	position: absolute;
}

.kv-company-name-wrapper {
	left: 50%;
	bottom: 0;
	color: white;
	transform: translateX(-50%);
	z-index: 1;
}

.kv-company-name {
	letter-spacing: .1em;
}

.kv-bg-pearls {
	z-index: 2;
}

.kv-side-image {
	object-fit: cover;
}

@media (min-width: 1401px) {
	.kv-section {
		height: calc(100vw * 450 / 1400);
	}

	.kv-container {
		padding-top: calc(100vw * 64 / 1400);
		width: 600px;
	}

	.kv-logo-image {
		width: 104px;
	}

	.kv-title-wrapper {
	}

	.kv-title {
		font-size: 58px;
	}

	.kv-title-text {
		white-space: nowrap;
	}

	.kv-title-sub {
		font-size: 28px;
		margin-top: 8px;
	}

	.kv-items {
		gap: 17px;
		margin-top: 30px;
	}

	.kv-item {
		height: 148px;
		padding-top: 10px;
		width: 150px;
	}

	.kv-item-tick {
		font-size: 29px;
	}

	.kv-item:not(.__item3) .kv-item-title-wrapper {
		margin-top: 5px;
	}

	.kv-item-title-sub {
		font-size: 18px;
	}

	.kv-item-title {
		font-size: 21px;
	}

	.kv-item.__item3 .kv-item-title {
		transform: translateY(-5px);
	}

	.kv-item-title-price {
		font-size: 62px;
	}
}

@media (max-width: 1400px) and (min-width: 641px) {
	.kv-section {
		height: calc(100vw * 450 / 1400);
	}

	.kv-container {
		padding-top: calc(100vw * 64 / 1400);
		width: calc(100vw * 600 / 1400);
	}

	.kv-logo-image {
		width: calc(100vw * 104 / 1400);
	}

	.kv-title-wrapper {
	}

	.kv-title {
		font-size: calc(100vw * 58 / 1400);
	}

	.kv-title-sub {
		font-size: calc(100vw * 28 / 1400);
		margin-top: calc(100vw * 8 / 1400);
	}

	.kv-items {
		gap: calc(100vw * 17 / 1400);
		margin-top: calc(100vw * 30 / 1400);
	}

	.kv-item {
		height: calc(100vw * 148 / 1400);
		padding-top: calc(100vw * 10 / 1400);
		width: calc(100vw * 150 / 1400);
	}

	.kv-item-tick {
		font-size: calc(100vw * 29 / 1400);
	}

	.kv-item:not(.__item3) .kv-item-title-wrapper {
		margin-top: calc(100vw * 5 / 1400);
	}

	.kv-item-title-sub {
		font-size: calc(100vw * 18 / 1400);
	}

	.kv-item-title {
		font-size: calc(100vw * 21 / 1400);
	}

	.kv-item.__item3 .kv-item-title {
		transform: translateY(calc(100vw * -5 / 1400));
	}

	.kv-item-title-price {
		font-size: calc(100vw * 62 / 1400);
	}
}

@media (min-width: 641px) {
}

@media (max-width: 640px) {
	.kv-section {
		height: calc(100vw * 510 / 640);
	}

	.kv-side-images-wrapper {
		grid-template-columns: 1fr 1fr;
	}

	.kv-container {
		height: calc(100vw * 561 / 640);
		padding-top: calc(100vw * 47 / 640);
	}

	.kv-title-wrapper {
		margin-top: calc(100vw * 54 / 640);
	}

	.kv-title {
		font-size: calc(100vw * 70 / 640);
	}

	.kv-title-sub {
		font-size: calc(100vw * 36 / 640);
		margin-top: calc(100vw * 14 / 640);
	}

	.kv-items {
		gap: calc(100vw * 10 / 640);
		margin-top: calc(100vw * 34 / 640);
	}

	.kv-item {
		height: calc(100vw * 173 / 640);
		padding-top: calc(100vw * 15 / 640);
		width: calc(100vw * 175 / 640);
	}

	.kv-item-tick {
		font-size: calc(100vw * 31 / 640);
	}

	.kv-item-title-wrapper {
		gap: calc(100vw * 9 / 640);
		margin-top: calc(100vw * 6 / 640);
	}

	.kv-item.__item3 .kv-item-title-wrapper {
		transform: translateY(calc(100vw * -5 / 640));
	}

	.kv-item-title-sub {
		font-size: calc(100vw * 19 / 640);
	}

	.kv-item-title {
		font-size: calc(100vw * 24 / 640);
	}

	.kv-item.__item3 .kv-item-title {
		transform: translateY(calc(100vw * -16 / 640));
	}

	.kv-item-title-price {
		font-size: calc(100vw * 68 / 640);
	}
}






.new-purchase-result-scales,
.new-purchase-result-scales-image {
	position: absolute;
}

.new-purchase-result-scales {
	right: 0;
	z-index: 0;
}

.new-purchase-result-scales-image {
	top: 0;
	left: 0;
	max-width: none;
}

.new-purchase-result-title {
	color: #67533F;
	line-height: calc(54 / 32);
}

.new-purchase-result-swiper-wrapper {
	transition-timing-function : linear !important;
}

.new-purchase-result-swiper-slide {
	height: auto !important;
}

.new-purchase-result-item-title {
	line-height: calc(22 / 18);
}

.new-purchase-result-item-price {
	color: #D8624C;
	align-self: flex-end;
}

@media (min-width: 1401px) {
	.new-purchase-result-title {
		font-size: 32px;
		padding-top: 28px;
		padding-bottom: 12px;
	}

	.new-purchase-result-item-image {
		border-radius: 10px;
		height: 180px;
	}

	.new-purchase-result-item-title {
		font-size: 18px;
		margin-top: 15px;
	}

	.new-purchase-result-item-price {
		font-size: 14px;
		margin-top: 4px;
	}

	.new-purchase-result-item-price .number {
		font-size: 22px;
		margin-left: 10px;
	}

	.new-purchase-result-item-price .unit {
		font-size: 18px;
	}
}

@media (max-width: 1400px) and (min-width: 641px) {
	.new-purchase-result-title {
		font-size: calc(100vw * 32 / 1400);
		padding-top: calc(100vw * 28 / 1400);
		padding-bottom: calc(100vw * 12 / 1400);
	}

	.new-purchase-result-item-image {
		border-radius: calc(100vw * 10 / 1400);
		height: calc(100vw * 180 / 1400);
	}

	.new-purchase-result-item-title {
		font-size: calc(100vw * 18 / 1400);
		margin-top: calc(100vw * 15 / 1400);
	}

	.new-purchase-result-item-price {
		font-size: calc(100vw * 14 / 1400);
		margin-top: calc(100vw * 4 / 1400);
	}

	.new-purchase-result-item-price .number {
		font-size: calc(100vw * 22 / 1400);
		margin-left: calc(100vw * 10 / 1400);
	}

	.new-purchase-result-item-price .unit {
		font-size: calc(100vw * 18 / 1400);
	}

	.new-purchase-result-scales {
		top: calc(100vw * 12 / 1400);
		height: calc(100vw * 269 / 1400);
		width: calc(100vw * 260 / 1400);
	}

	.new-purchase-result-scales-image {
		width: calc(100vw * 359 / 1400);
	}
}

@media (min-width: 641px) {
}

@media (max-width: 640px) {
	.new-purchase-result-wrapper {
		padding-bottom: calc(100vw * 100 / 640);
	}

	.new-purchase-result-title {
		font-size: calc(100vw * 44 / 640);
		padding-top: calc(100vw * 22 / 640);
		padding-bottom: calc(100vw * 18 / 640);
	}

	.new-purchase-result-item-image {
		border-radius: calc(100vw * 10 / 640);
		height: calc(100vw * 216 / 640);
	}

	.new-purchase-result-item-title {
		font-size: calc(100vw * 24 / 640);
		margin-top: calc(100vw * 18 / 640);
	}

	.new-purchase-result-item-price {
		font-size: calc(100vw * 18 / 640);
		margin-top: calc(100vw * 18 / 640);
	}

	.new-purchase-result-item-price .number {
		font-size: calc(100vw * 30 / 640);
		margin-left: calc(100vw * 10 / 640);
	}

	.new-purchase-result-item-price .unit {
		font-size: calc(100vw * 22 / 640);
	}

	.new-purchase-result-scales,
	.new-purchase-result-scales-image {
		display: none;
	}

	.new-purchase-result-swiper-pagination {
		bottom: calc(100vw * 35 / 640) !important;
	}

	.new-purchase-result-swiper-pagination .swiper-pagination-bullet {
		background-color: #EBE2D8;
		height: calc(100vw * 25 / 640);
		margin-left: calc(100vw * 10 / 640);
		margin-right: calc(100vw * 10 / 640);
		width: calc(100vw * 25 / 640);
	}

	.new-purchase-result-swiper-pagination .swiper-pagination-bullet {
		background-color: #D8624C;
	}
}




.quick-wrapper {
	background-position: bottom center;
	background-repeat: repeat-x;
}

.quick-wrapper:before {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: url(/wp-content/themes/ginza-re-pearl/assets/img/top/bg_waves_yellow_seamless.svg);
	background-position: bottom center;
	background-repeat: repeat-x;
	content: "";
	opacity: .33;
	z-index: -1;
}

.quick-bg,
.quick-bg-staff {
	position: absolute;
}

.quick-bg {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	object-fit: cover;
	object-position: center;
	z-index: -1;
}

.quick-bg-staff {
	bottom: 0;
	z-index: 10;
}

.quick-section-title-hint {
	background-color: var(--color-red);
	color: white;
}

@media (min-width: 1401px) {
	.quick-section {
		padding-top: 79px;
	}

	.quick-wrapper {
		padding-bottom: 38px;
	}

	.quick-wrapper:before {
		height: 75px;
	}

	.quick-bg-staff {
		left: 82px;
		width: 241px;
	}

	.quick-section-title-big {
		font-size: 32px;
		gap: 20px;
	}

	.quick-section-title {
		margin-top: 10px;
	}

	.quick-section-title-hint {
		border-radius: 6px;
		font-size: 26px;
		height: 52px;
		margin-top: 20px;
		width: 937px;
	}

	.quick-cta-container {
		margin-top: 34px;
	}
}

@media (max-width: 1400px) and (min-width: 641px) {
	.quick-section {
		padding-top: calc(100vw * 79 / 1400);
	}

	.quick-wrapper {
		padding-bottom: calc(100vw * 38 / 1400);
	}

	.quick-wrapper:before {
		height: calc(100vw * 75 / 1400);
	}

	.quick-bg-staff {
		left: calc(100vw * 82 / 1400);
		width: calc(100vw * 241 / 1400);
	}

	.quick-section-title-big {
		font-size: calc(100vw * 32 / 1400);
		gap: calc(100vw * 20 / 1400);
	}

	.quick-section-title {
		margin-top: calc(100vw * 10 / 1400);
	}

	.quick-section-title-hint {
		border-radius: calc(100vw * 6 / 1400);
		font-size: calc(100vw * 26 / 1400);
		height: calc(100vw * 52 / 1400);
		margin-top: calc(100vw * 20 / 1400);
		width: calc(100vw * 937 / 1400);
	}

	.quick-cta-container {
		margin-top: calc(100vw * 34 / 1400);
	}
}

@media (min-width: 641px) {
	.quick-cta-container {
		background-color: transparent;
		box-shadow: none;
	}
}

@media (max-width: 640px) {
	.quick-section {
		padding-top: calc(100vw * 69 / 640);
	}

	.quick-wrapper {
		padding-left: calc(100vw * 30 / 640);
		padding-right: calc(100vw * 30 / 640);
		padding-bottom: calc(100vw * 74 / 640);
	}

	.quick-wrapper:before {
		height: calc(100vw * 85 / 640);
	}

	.quick-bg-staff {
		left: calc(100vw * 55 / 640);
		bottom: calc(100vw * 312 / 640);
		width: calc(100vw * 180 / 640);
	}

	.quick-section-title-big {
		font-size: calc(100vw * 40 / 640);
	}

	.quick-section-title-big .bubble-chain.__left {
		transform: translate(calc(100vw * -13 / 640), calc(100vw * 45 / 640));
	}

	.quick-section-title-big .bubble-chain.__right {
		transform: translate(calc(100vw * 13 / 640), calc(100vw * 45 / 640));
	}

	.quick-section-title {
		margin-top: calc(100vw * 24 / 640);
	}

	.quick-section-title-sub {
		margin-top: calc(100vw * 11 / 640);
	}

	.quick-section-title-hint {
		border-radius: calc(100vw * 6 / 640);
		font-size: calc(100vw * 28 / 640);
		height: calc(100vw * 100 / 640);
		line-height: calc(38 / 28);
		margin-top: calc(100vw * 20 / 640);
		width: 100%;
	}
}






.price-scales,
.price-scales-image {
	position: absolute;
	max-width: none;
}

.price-scales {
	z-index: -1;
}

.price-scales.__left {
	left: 0;
}

.price-scales.__right {
	right: 0;
}

.price-block {
	--body-height: 0;
}

.price-block-header {
	background-color: #67533F;
	background-position: bottom center;
	background-repeat: repeat-x;
	background-size: 100% 100%;
	color: white;
}

.price-block:not(.__expanded) .price-block-header {
	transition: border-radius 0s .5s;
}

.price-block-header-title {
	line-height: calc(56 / 26);
}

.price-block-header-arrow {
	transition: transform .5s;
}

.price-block-header-arrow:before {
	font-family: "Font Awesome 6 Pro";
}

.price-block.__expanded .price-block-header-arrow {
	transform: rotateX(180deg);
}

.price-block-body {
	border: 1px solid #B5A381;
	border-top: none;
}

.price-block.__expanded .price-block-body {
	transition: border-color 0s, margin-bottom .5s;
}

.price-block:not(.__expanded) .price-block-body {
	border-color: transparent;
	display: none;
	transition: border-color 0s .5s, margin-bottom .5s;
}

.price-table-row td {
	border-bottom: 2px solid #E0D5C0;
}

.price-table-title {
	line-height: calc(34 / 20);
}

.price-table-price .details {
	line-height: calc(22 / 16);
}

@media (min-width: 1401px) {
	.price-wrapper {
		padding-top: 50px;
		padding-bottom: 95px;
	}

	.price-scales.__left {
		bottom: 20px;
		height: 375px;
		width: 303px;
	}

	.price-scales.__left .price-scales-image {
		left: -200px;
		height: 375px;
		width: 499px;
	}

	.price-scales.__right {
		top: 52px;
		height: 269px;
		width: 335px;
	}

	.price-scales.__right .price-scales-image {
		right: -13px;
		height: 269px;
		width: 359px;
	}

	.price-section-title-sub {
		margin-top: 5px;
	}

	.price-blocks {
		gap: 20px;
		margin-top: 34px;
		width: 1000px;
	}

	.price-block-header {
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
		padding: 3px 27px 3px 19px;
	}

	.price-block:not(.__expanded) .price-block-header {
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
	}

	.price-block-header-main {
		gap: 11px;
	}

	.price-block-header-title {
		font-size: 26px;
	}

	.price-block-header-icon {
		width: 45px;
	}

	.price-block-header-arrow {
		font-size: 27px;
	}

	.price-block-body {
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
	}

	.price-block.__expanded .price-block-body {
		margin-bottom: 30px;
	}

	.price-block-body-wrapper {
		padding: 19px 60px 35px;
	}

	.price-table-title {
		font-size: 22px;
	}

	.price-table-title {
		height: 61px;
	}

	.price-table-price {
		padding-right: 126px;
	}

	.price-table-price .details {
		font-size: 16px;
	}

	.price-table-price .details .number {
		font-size: 24px;
		margin-left: 35px;
		width: 95px;
	}

	.price-table-price .details .unit {
		font-size: 18px;
		margin-left: 5px;
	}
}

@media (max-width: 1400px) and (min-width: 641px) {
	.price-wrapper {
		padding-top: calc(100vw * 50 / 1400);
		padding-bottom: calc(100vw * 95 / 1400);
	}

	.price-scales.__left {
		bottom: calc(100vw * 120 / 1400);
		height: calc(100vw * 375 / 1400);
		width: calc(100vw * 303 / 1400);
	}

	.price-scales.__left .price-scales-image {
		left: calc(100vw * -200 / 1400);
		height: calc(100vw * 375 / 1400);
		width: calc(100vw * 499 / 1400);
	}

	.price-scales.__right {
		top: calc(100vw * 52 / 1400);
		height: calc(100vw * 269 / 1400);
		width: calc(100vw * 335 / 1400);
	}

	.price-scales.__right .price-scales-image {
		right: calc(100vw * -13 / 1400);
		height: calc(100vw * 269 / 1400);
		width: calc(100vw * 359 / 1400);
	}

	.price-section-title-sub {
		margin-top: calc(100vw * 5 / 1400);
	}

	.price-blocks {
		gap: calc(100vw * 20 / 1400);
		margin-top: calc(100vw * 34 / 1400);
		width: calc(100vw * 1000 / 1400);
	}

	.price-block-header {
		border-top-left-radius: calc(100vw * 10 / 1400);
		border-top-right-radius: calc(100vw * 10 / 1400);
		padding: calc(100vw * 3 / 1400) calc(100vw * 27 / 1400) calc(100vw * 3 / 1400) calc(100vw * 19 / 1400);
	}

	.price-block:not(.__expanded) .price-block-header {
		border-bottom-left-radius: calc(100vw * 10 / 1400);
		border-bottom-right-radius: calc(100vw * 10 / 1400);
	}

	.price-block-header-main {
		gap: calc(100vw * 11 / 1400);
	}

	.price-block-header-title {
		font-size: calc(100vw * 26 / 1400);
	}

	.price-block-header-icon {
		width: calc(100vw * 45 / 1400);
	}

	.price-block-header-arrow {
		font-size: calc(100vw * 27 / 1400);
	}

	.price-block-body {
		border-bottom-left-radius: calc(100vw * 10 / 1400);
		border-bottom-right-radius: calc(100vw * 10 / 1400);
	}

	.price-block.__expanded .price-block-body {
		margin-bottom: calc(100vw * 30 / 1400);
	}

	.price-block-body-wrapper {
		padding: calc(100vw * 19 / 1400) calc(100vw * 60 / 1400) calc(100vw * 35 / 1400);
	}

	.price-table-title {
		font-size: calc(100vw * 22 / 1400);
	}

	.price-table-title {
		height: calc(100vw * 61 / 1400);
	}

	.price-table-price {
		padding-right: calc(100vw * 126 / 1400);
	}

	.price-table-price .details {
		font-size: calc(100vw * 16 / 1400);
	}

	.price-table-price .details .number {
		font-size: calc(100vw * 24 / 1400);
		margin-left: calc(100vw * 35 / 1400);
		width: calc(100vw * 95 / 1400);
	}

	.price-table-price .details .unit {
		font-size: calc(100vw * 18 / 1400);
		margin-left: calc(100vw * 5 / 1400);
	}
}

@media (min-width: 641px) {
}

@media (max-width: 640px) {
	.price-wrapper {
		padding-top: calc(100vw * 70 / 640);
		padding-left: calc(100vw * 30 / 640);
		padding-right: calc(100vw * 30 / 640);
		padding-bottom: calc(100vw * 73 / 640);
	}

	.price-scales.__left {
		bottom: calc(100vw * -50 / 640);
		height: calc(100vw * 271 / 640);
		width: calc(100vw * 281 / 640);
	}

	.price-scales.__left .price-scales-image {
		left: calc(100vw * -190 / 640);
		height: calc(100vw * 256 / 640);
		width: calc(100vw * 342 / 640);
	}

	.price-scales.__right {
		top: calc(100vw * 33 / 640);
		height: calc(100vw * 269 / 640);
		width: calc(100vw * 335 / 640);
	}

	.price-scales.__right .price-scales-image {
		right: calc(100vw * -105 / 640);
		height: calc(100vw * 269 / 640);
		width: calc(100vw * 359 / 640);
	}

	.price-section-title-sub {
		margin-top: calc(100vw * 15 / 640);
	}

	.price-blocks {
		gap: calc(100vw * 20 / 640);
		margin-top: calc(100vw * 23 / 640);
		width: 100%;
	}

	.price-block {
		--body-height: calc(100vw * 371 / 640);
	}

	.price-block-header {
		border-top-left-radius: calc(100vw * 10 / 640);
		border-top-right-radius: calc(100vw * 10 / 640);
		padding: calc(100vw * 5 / 640) calc(100vw * 19 / 640) calc(100vw * 5 / 640) calc(100vw * 16 / 640);
	}

	.price-block:not(.__expanded) .price-block-header {
		border-bottom-left-radius: calc(100vw * 10 / 640);
		border-bottom-right-radius: calc(100vw * 10 / 640);
	}

	.price-block-header-main {
		gap: calc(100vw * 11 / 640);
	}

	.price-block-header-title {
		font-size: calc(100vw * 28 / 640);
	}

	.price-block-header-icon {
		width: calc(100vw * 45 / 640);
	}

	.price-block-header-arrow {
		font-size: calc(100vw * 27 / 640);
	}

	.price-block-body {
		border-bottom-left-radius: calc(100vw * 10 / 640);
		border-bottom-right-radius: calc(100vw * 10 / 640);
	}

	.price-block.__expanded .price-block-body {
		margin-bottom: calc(100vw * 23 / 640);
	}

	.price-table-row:last-child td {
		border-bottom: none;
	}

	.price-table-title {
		font-size: calc(100vw * 22 / 640);
	}

	.price-table-title {
		line-height: calc(32 / 24);
		padding-top: calc(100vw * 22 / 640);
		padding-left: calc(100vw * 22 / 640);
		padding-right: calc(100vw * 95 / 640);
		padding-bottom: calc(100vw * 19 / 640);
	}

	.price-table-price {
		padding-right: calc(100vw * 29 / 640);
	}

	.price-table-price .details {
		font-size: calc(100vw * 18 / 640);
		transform: translateY(calc(100vw * 16 / 640));
	}

	.price-table-price .details .number {
		font-size: calc(100vw * 30 / 640);
		margin-left: calc(100vw * 9 / 640);
		width: calc(100vw * 115 / 640);
	}

	.price-table-price .details .unit {
		font-size: calc(100vw * 22 / 640);
		margin-left: calc(100vw * 5 / 640);
	}
}









.types-section {
	background-color: #F8F4EE;
}

.types-section-title-wrapper,
.types-container,
.types-cta-container {
	position: relative;
	z-index: 1;
}

.types-scales,
.types-scales-image,
.types-bg-staff {
	position: absolute;
}

.types-scales,
.types-scales-image {
	z-index: 0;
}

.types-scales.__left,
.types-scales.__right .types-scales-image {
	left: 0;
}

.types-scales.__right,
.types-scales.__left .types-scales-image {
	right: 0;
}

.types-scales.__right_lower {
	top: initial !important;
}

.types-bg-staff {
	bottom: 0;
	z-index: 10;
}

.types-wrapper {
	background-position: bottom center;
	background-repeat: repeat-x;
}

.types-container {
	font-family: var(--font-yu-gothic);
}

.types-price-title {
	line-height: calc(26 / 22);
}

.types-price-table {
	border: 1px solid #E0D5C0;
	border-collapse: collapse;
}

.types-price-table td {
	line-height: calc(24 / 20);
}

.types-price-table tr:not(:last-child) td {
	border-bottom: 1px solid #E0D5C0;
}

.types-price-table td:nth-child(odd) {
	background-color: #F2F2F2;
}

.types-price-item-title {
	line-height: calc(22 / 18);
}

/* top.cssの.types-wrapper:beforeを無効化 */
.types-wrapper:before {
	display: none !important;
}

@media (min-width: 1401px) {
	.types-wrapper {
		padding-top: 55px;
		padding-bottom: 92px;
	}

	.types-container {
		margin-top: 23px;
		width: 1000px;
	}

	.types-price-wrapper {
		border-radius: 30px;
		padding: 26px 35px 44px;
	}

	.types-price-image {
		height: 224px;
		width: 224px;
	}

	.types-price-main {
		gap: 15px;
		margin-left: 30px;
	}

	.types-price-title {
		font-size: 24px;
	}

	.types-price-table tr {
		display: grid;
		grid-template-columns: 161px auto;
	}

	.types-price-table td {
		font-size: 20px;
		height: 43px;
	}

	.types-price-items {
		column-gap: 20px;
		row-gap: 36px;
		margin-top: 35px;
	}

	.types-price-item-title {
		font-size: 18px;
		margin-top: 9px;
	}

	.types-cta-container {
		margin-top: 89px;
	}

	.types-scales.__left {
		bottom: 539px;
		height: 374px;
		width: 303px;
	}

	.types-scales.__left .types-scales-image {
		height: 374px;
		width: 499px;
	}

	.types-scales.__right {
		top: -80px;
		height: 269px;
		width: 346px;
	}

	.types-scales.__right .types-scales-image {
		height: 269px;
		width: 359px;
	}

	.types-scales.__right_lower {
		bottom: -133px;
		height: 374px;
		width: 381px;
	}

	.types-scales.__right_lower .types-scales-image {
		height: 374px;
		width: 499px;
	}

	.types-bg-staff {
		right: 78px;
		width: 250px;
	}
}

@media (max-width: 1400px) and (min-width: 641px) {
	.types-wrapper {
		padding-top: calc(100vw * 55 / 1400);
		padding-bottom: calc(100vw * 92 / 1400);
	}

	.types-container {
		margin-top: calc(100vw * 23 / 1400);
		width: calc(100vw * 1000 / 1400);
	}

	.types-price-wrapper {
		border-radius: calc(100vw * 30 / 1400);
		padding: calc(100vw * 26 / 1400) calc(100vw * 35 / 1400) calc(100vw * 44 / 1400);
	}

	.types-price-image {
		height: calc(100vw * 224 / 1400);
		width: calc(100vw * 224 / 1400);
	}

	.types-price-main {
		gap: calc(100vw * 15 / 1400);
		margin-left: calc(100vw * 30 / 1400);
	}

	.types-price-title {
		font-size: calc(100vw * 24 / 1400);
	}

	.types-price-table tr {
		display: grid;
		grid-template-columns: calc(100vw * 161 / 1400) auto;
	}

	.types-price-table td {
		font-size: calc(100vw * 20 / 1400);
		height: calc(100vw * 43 / 1400);
	}

	.types-price-items {
		column-gap: calc(100vw * 20 / 1400);
		row-gap: calc(100vw * 36 / 1400);
		margin-top: calc(100vw * 35 / 1400);
	}

	.types-price-item-title {
		font-size: calc(100vw * 18 / 1400);
		margin-top: calc(100vw * 9 / 1400);
	}

	.types-cta-container {
		margin-top: calc(100vw * 89 / 1400);
	}

	.types-scales.__left {
		bottom: calc(100vw * 539 / 1400);
		height: calc(100vw * 374 / 1400);
		width: calc(100vw * 303 / 1400);
	}

	.types-scales.__left .types-scales-image {
		height: calc(100vw * 374 / 1400);
		width: calc(100vw * 499 / 1400);
	}

	.types-scales.__right {
		top: calc(100vw * -80 / 1400);
		height: calc(100vw * 269 / 1400);
		width: calc(100vw * 346 / 1400);
	}

	.types-scales.__right .types-scales-image {
		height: calc(100vw * 269 / 1400);
		width: calc(100vw * 359 / 1400);
	}

	.types-scales.__right_lower {
		bottom: calc(100vw * -133 / 1400);
		height: calc(100vw * 374 / 1400);
		width: calc(100vw * 381 / 1400);
	}

	.types-scales.__right_lower .types-scales-image {
		height: calc(100vw * 374 / 1400);
		width: calc(100vw * 499 / 1400);
	}

	.types-bg-staff {
		right: calc(100vw * 78 / 1400);
		width: calc(100vw * 250 / 1400);
	}
}

@media (min-width: 641px) {
	.types-price-items {
		grid-template-columns: repeat(5, 1fr);
	}
}

@media (max-width: 640px) {
	.types-wrapper {
		padding-top: calc(100vw * 51 / 640);
		padding-left: calc(100vw * 30 / 640);
		padding-right: calc(100vw * 30 / 640);
		padding-bottom: calc(100vw * 55 / 640);
	}

	.types-section-title-sub {
		margin-top: calc(100vw * 17 / 640);
	}

	.types-section.__later .types-section-title-sub {
		margin-top: calc(100vw * 12 / 640);
	}

	.types-container {
		margin-top: calc(100vw * 43 / 640);
		width: 100%;
	}

	.types-section.__later .types-container {
		margin-top: calc(100vw * -16 / 640);
	}

	.types-price-wrapper {
		border-radius: calc(100vw * 30 / 640);
		padding: calc(100vw * 68 / 640) calc(100vw * 35 / 640) calc(100vw * 34 / 640);
	}

	.types-price-image {
		position: absolute;
		top: 0;
		left: 50%;
		height: calc(100vw * 105 / 640);
		transform: translate(-50%, -50%);
		width: calc(100vw * 105 / 640);
	}

	.types-price-main {
		gap: calc(100vw * 15 / 640);
	}

	.types-price-title {
		font-size: calc(100vw * 32 / 640);
	}

	.types-price-table tr {
		display: grid;
		grid-template-columns: calc(100vw * 161 / 640) auto;
	}

	.types-price-table td {
		align-content: center;
		font-size: calc(100vw * 24 / 640);
		height: calc(100vw * 55 / 640);
	}

	.types-price-table tr:last-child td:nth-child(1),
	.types-price-table tr:last-child td:nth-child(2) {
		border-bottom: 1px solid #E0D5C0;
	}

	.types-price-items {
		column-gap: calc(100vw * 45 / 640);
		grid-template-columns: repeat(3, 1fr);
		row-gap: calc(100vw * 26 / 640);
		margin-top: calc(100vw * 35 / 640);
	}

	.types-price-item:last-child {
		grid-column: 2;
	}

	.types-price-item-title {
		font-size: calc(100vw * 20 / 640);
		margin-top: calc(100vw * 9 / 640);
	}

	.types-cta-container {
		margin-top: calc(100vw * 60 / 640);
		padding-top: calc(100vw * 36 / 640);
	}

	.types-cta-buttons {
		margin-top: calc(100vw * 26 / 640);
	}

	.types-scales.__left {
		bottom: calc(100vw * 539 / 640);
		height: calc(100vw * 374 / 640);
		width: calc(100vw * 303 / 640);
	}

	.types-scales.__left .types-scales-image {
		height: calc(100vw * 374 / 640);
		width: calc(100vw * 499 / 640);
	}

	.types-scales.__right {
		top: calc(100vw * -80 / 640);
		height: calc(100vw * 269 / 640);
		width: calc(100vw * 346 / 640);
	}

	.types-scales.__right .types-scales-image {
		height: calc(100vw * 269 / 640);
		width: calc(100vw * 359 / 640);
	}

	.types-scales.__right_lower {
		bottom: calc(100vw * -133 / 640);
		height: calc(100vw * 374 / 640);
		width: calc(100vw * 381 / 640);
	}

	.types-scales.__right_lower .types-scales-image {
		height: calc(100vw * 374 / 640);
		width: calc(100vw * 499 / 640);
	}

	.types-bg-staff {
		left: calc(100vw * 56 / 640);
		bottom: calc(100vw * 293 / 640);
		width: calc(100vw * 180 / 640);
	}
}









.types-available {
}

.types-available-title {
	color: #67533F;
}

.types-available-container {
	position: relative;
	z-index: 10;
}

.types-available-item {
	background-color: white;
}

.types-available-item-image {
	aspect-ratio: 1;
	border-radius: 100%;
}

.types-available-item-name {
	color: #67533F;
}

@media (min-width: 1401px) {
	.types-available-wrapper {
		width: 1000px;
	}

	.types-available {
		margin-top: 54px;
	}

	.types-available-title {
		font-size: 29px;
		padding-bottom: 17px;
	}

	.types-available-container {
		grid-template-columns: 232px auto;
	}

	.types-available-items {
		gap: 15px;
		margin-left: 15px;
	}

	.types-available-item {
		border-radius: 10px;
		gap: 10px;
		padding: 8px;
	}

	.types-available-item.__first {
		padding: 18px;
	}

	.types-available-item-image {
		width: 105px;
	}

	.types-available-item.__first .types-available-item-image {
		width: 189px;
	}

	.types-available-item-name {
		font-size: 17px;
	}
}

@media (max-width: 1400px) and (min-width: 641px) {
	.types-available-wrapper {
		width: calc(100vw * 1000 / 1400);
	}

	.types-available {
		margin-top: calc(100vw * 54 / 1400);
	}

	.types-available-title {
		font-size: calc(100vw * 29 / 1400);
		padding-bottom: calc(100vw * 17 / 1400);
	}

	.types-available-container {
		grid-template-columns: calc(100vw * 232 / 1400) auto;
	}

	.types-available-items {
		gap: calc(100vw * 15 / 1400);
		margin-left: calc(100vw * 15 / 1400);
	}

	.types-available-item {
		border-radius: calc(100vw * 10 / 1400);
		gap: calc(100vw * 10 / 1400);
		padding: calc(100vw * 8 / 1400);
	}

	.types-available-item.__first {
		padding: calc(100vw * 18 / 1400);
	}

	.types-available-item-image {
		width: calc(100vw * 105 / 1400);
	}

	.types-available-item.__first .types-available-item-image {
		width: calc(100vw * 189 / 1400);
	}

	.types-available-item-name {
		font-size: calc(100vw * 17 / 1400);
	}
}

@media (min-width: 641px) {
	.types-available-items {
		grid-template-columns: repeat(3, 1fr);
		grid-template-rows: repeat(2, 1fr);
	}
}

@media (max-width: 640px) {
	.types-available-wrapper {
		width: 100%;
	}

	.types-available {
		border-radius: calc(100vw * 30 / 640);
		margin-top: calc(100vw * 61 / 640);
		padding: calc(100vw * 29 / 640) calc(100vw * 30 / 640) calc(100vw * 35 / 640);
	}

	.types-section.__later .types-available {
		margin-top: calc(100vw * 15 / 640);
	}

	.types-available-title {
		font-size: calc(100vw * 32 / 640);
		padding-bottom: calc(100vw * 20 / 640);
	}

	.types-available-items {
		gap: calc(100vw * 5 / 640);
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: repeat(3, 1fr);
		margin-top: calc(100vw * 15 / 640);
	}

	.types-available-item {
		border-radius: calc(100vw * 10 / 640);
		gap: calc(100vw * 10 / 640);
		padding: calc(100vw * 8 / 640);
	}

	.types-available-item.__first {
		flex-direction: row;
	}

	.types-available-item-image {
		width: calc(100vw * 105 / 640);
	}

	.types-available-item.__first .types-available-item-image {
		width: calc(100vw * 140 / 640);
	}

	.types-available-item-name {
		font-size: calc(100vw * 22 / 640);
	}

	.types-available-item.__first .types-available-item-name {
		text-align: left;
	}

	.types-section.__later .cta-container {
		margin-top: calc(100vw * 40 / 640);
	}

	.types-section.__later .cta-staff {
		left: calc(100vw * 30 / 640);
		bottom: calc(100vw * 238 / 640);
		width: calc(100vw * 180 / 640);
	}
}







.price-tables-section {
	background-color: white;
}

.price-tables-wrapper {
	border: 1px solid #E8E1D6;
	margin-left: auto;
	margin-right: auto;
	padding-top: 0;
	z-index: 1;
}

.price-tables-title-wrapper {
	background-color: #E8E1D6;
	width: 100%;
}

.price-tables-note {
	background-color: #D8624C;
	border-radius: 5px;
	color: white;
	line-height: calc(28 / 18);
}

.price-tables-introduction,
.price-tables-container {
	margin-top: 0;
}

.price-tables-introduction p {
	line-height: calc(36 / 20);
}

.price-tables-block.__block0 .price-tables-block-title,
.price-tables-block.__block1 .price-tables-block-title,
.price-tables-block.__block2 .price-tables-block-title {
	color: var(--color-red);
}

.price-tables-block.__block3 .price-tables-block-title,
.price-tables-block.__block4 .price-tables-block-title {
	color: #67533F;
}

.price-tables-block-table {
	border: 1px solid #E8E1D6;
	border-collapse: collapse;
	table-layout: fixed;
}

.price-tables-block-table-tr:not(:last-child) {
	border-bottom: 1px solid #E8E1D6;
}

.price-tables-block-table-th.__size,
.price-tables-block-table-td.__size {
	background-color: #F2F2F2;
	border-right: 1px solid #E8E1D6;
}

.price-tables-rank {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	z-index: 1;
}

.price-tables-rank-title {
	color: #67533F;
	line-height: calc(56 / 36);
}

.price-tables-rank-table {
	background-color: white;
	border: 1px solid #E0D5C0;
	border-collapse: collapse;
	table-layout: fixed;
}

.price-tables-rank-table tr:not(:last-child) {
	border-bottom: 1px solid #E0D5C0;
}

.price-tables-rank-table th:not(:first-child),
.price-tables-rank-table td {
	border-left: 1px solid #E0D5C0;
}

.price-tables-rank-table th {
	background-color: #EFE8DC;
}

@media (min-width: 1401px) {
	.price-tables-scales-right-image {
		bottom: -248px;
		height: 374px;
		width: 414px;
	}

	.price-tables-wrapper,
	.price-tables-rank {
		border-radius: 20px;
		width: 1200px;
	}

	.price-tables-wrapper {
		padding-bottom: 36px;
	}

	.price-tables-note {
		font-size: 18px;
		padding-top: 14px;
		padding-bottom: 14px;
		width: 800px;
	}

	.price-tables-title-wrapper {
		border-radius: 20px 20px 0 0;
		padding-top: 19px;
		padding-bottom: 18px;
	}

	.price-tables-introduction {
		font-size: 20px;
		padding-top: 37px;
		padding-bottom: 34px;
	}

	.price-tables-blocks {
		column-gap: 30px;
		row-gap: 55px;
		padding-left: 100px;
		padding-right: 100px;
	}

	.price-tables-block-title {
		font-size: 24px;
		margin-bottom: 18px;
	}

	.price-tables-block-table-th,
	.price-tables-block-table-td {
		font-size: 18px;
	}

	.price-tables-block-table-th.__size,
	.price-tables-block-table-td.__size {
		padding-top: 11px;
		padding-bottom: 11px;
	}

	.price-tables-block {
		width: calc((100% - 60px) / 3);
	}

	.price-tables-note {
		margin-top: 42px;
	}

	.price-tables-rank {
		margin-top: 48px;
		padding-top: 24px;
		padding-left: 77px;
		padding-right: 77px;
		padding-bottom: 50px;
	}

	.price-tables-rank-title {
		font-size: 36px;
		margin-bottom: 30px;
	}

	.price-tables-rank-table {
		font-size: 20px;
	}

	.price-tables-rank-table tr:first-child {
		height: 50px;
	}

	.price-tables-rank-table tr:not(:first-child) {
		height: 60px;
	}
}

@media (max-width: 1400px) and (min-width: 641px) {
	.price-tables-scales-right-image {
		bottom: calc(100vw * -248 / 1400);
		height: calc(100vw * 374 / 1400);
		width: calc(100vw * 414 / 1400);
	}

	.price-tables-wrapper,
	.price-tables-rank {
		border-radius: calc(100vw * 20 / 1400);
		width: calc(100vw * 1200 / 1400);
	}

	.price-tables-wrapper {
		padding-bottom: calc(100vw * 36 / 1400);
	}

	.price-tables-note {
		font-size: calc(100vw * 18 / 1400);
		padding-top: calc(100vw * 14 / 1400);
		padding-bottom: calc(100vw * 14 / 1400);
		width: calc(100vw * 800 / 1400);
	}

	.price-tables-title-wrapper {
		border-radius: calc(100vw * 20 / 1400) calc(100vw * 20 / 1400) 0 0;
		padding-top: calc(100vw * 19 / 1400);
		padding-bottom: calc(100vw * 18 / 1400);
	}

	.price-tables-introduction {
		font-size: calc(100vw * 20 / 1400);
		padding-top: calc(100vw * 37 / 1400);
		padding-bottom: calc(100vw * 34 / 1400);
	}

	.price-tables-blocks {
		column-gap: calc(100vw * 30 / 1400);
		row-gap: calc(100vw * 55 / 1400);
		padding-left: calc(100vw * 100 / 1400);
		padding-right: calc(100vw * 100 / 1400);
	}

	.price-tables-block-title {
		font-size: calc(100vw * 24 / 1400);
		margin-bottom: calc(100vw * 18 / 1400);
	}

	.price-tables-block-table-th,
	.price-tables-block-table-td {
		font-size: calc(100vw * 18 / 1400);
	}

	.price-tables-block-table-th.__size,
	.price-tables-block-table-td.__size {
		padding-top: calc(100vw * 11 / 1400);
		padding-bottom: calc(100vw * 11 / 1400);
	}

	.price-tables-block {
		width: calc((100% - 100vw * 60 / 1400) / 3);
	}

	.price-tables-note {
		margin-top: calc(100vw * 42 / 1400);
	}

	.price-tables-rank {
		margin-top: calc(100vw * 48 / 1400);
		padding-top: calc(100vw * 24 / 1400);
		padding-left: calc(100vw * 77 / 1400);
		padding-right: calc(100vw * 77 / 1400);
		padding-bottom: calc(100vw * 50 / 1400);
	}

	.price-tables-rank-title {
		font-size: calc(100vw * 36 / 1400);
		margin-bottom: calc(100vw * 30 / 1400);
	}

	.price-tables-rank-table {
		font-size: calc(100vw * 20 / 1400);
	}

	.price-tables-rank-table tr:first-child {
		height: calc(100vw * 50 / 1400);
	}

	.price-tables-rank-table tr:not(:first-child) {
		height: calc(100vw * 60 / 1400);
	}
}

@media (min-width: 641px) {
	.price-tables-rank {
		background-color: #F8F4EE;
	}
}

@media (max-width: 640px) {
	.price-tables-section {
		padding-left: calc(100vw * 30 / 640);
		padding-right: calc(100vw * 30 / 640);
		padding-bottom: calc(100vw * 84 / 640);
	}

	.price-tables-scales-right-image {
		display: none;
	}

	.price-tables-wrapper,
	.price-tables-rank {
		border-radius: calc(100vw * 20 / 640);
		padding-left: 0;
		padding-right: 0;
		width: 100%;
	}

	.price-tables-wrapper {
		padding-bottom: calc(100vw * 36 / 640);
	}

	.price-tables-title-wrapper {
		border-radius: calc(100vw * 20 / 640) calc(100vw * 20 / 640) 0 0;
		padding-top: calc(100vw * 29 / 640);
		padding-bottom: calc(100vw * 16 / 640);
	}

	.price-tables-title {
		font-size: calc(100vw * 36 / 640);
		line-height: calc(46 / 36);
	}

	.price-tables-introduction {
		font-size: calc(100vw * 24 / 640);
		line-height: calc(46 / 24);
		padding-top: calc(100vw * 40 / 640);
		padding-bottom: calc(100vw * 40 / 640);
		width: calc(100vw * 500 / 640);
	}

	.price-tables-container {
		align-items: center;
	}

	.price-tables-blocks {
		flex-direction: column;
		flex-wrap: nowrap;
		gap: calc(100vw * 50 / 640);
		margin-top: calc(100vw * 20 / 640);
		width: calc(100vw * 508 / 640);
	}

	.price-tables-block {
		width: 100%;
	}

	.price-tables-block-title {
		font-size: calc(100vw * 32 / 640);
		margin-bottom: calc(100vw * 19 / 640);
	}

	.price-tables-block-table-th,
	.price-tables-block-table-td {
		font-size: calc(100vw * 24 / 640);
	}

	.price-tables-block-table-th.__size,
	.price-tables-block-table-td.__size {
		padding-top: calc(100vw * 17 / 640);
		padding-bottom: calc(100vw * 17 / 640);
	}

	.price-tables-note {
		border-radius: calc(100vw * 5 / 640);
		font-size: calc(100vw * 24 / 640);
		line-height: calc(36 / 24);
		margin-top: calc(100vw * 67 / 640);
		padding: calc(100vw * 34 / 640);
		width: calc(100vw * 508 / 640);
	}

	.price-tables-rank {
		margin-top: calc(100vw * 51 / 640);
	}

	.price-tables-rank-title {
		background-color: #F8F4EE;
		border-radius: calc(100vw * 20 / 640);
		font-size: calc(100vw * 32 / 640);
		margin-bottom: calc(100vw * 23 / 640);
		padding-top: calc(100vw * 9 / 640);
		padding-bottom: calc(100vw * 17 / 640);
	}

	.price-tables-rank-table-wrapper {
		border: 1px solid #E0D5C0;
	}

	.price-tables-rank-table {
		border: none;
		font-size: calc(100vw * 22 / 640);
		width: 100%;
	}

	.price-tables-rank-table tr:first-child {
		height: calc(100vw * 50 / 640);
	}

	.price-tables-rank-table tr:not(:first-child) {
		height: calc(100vw * 60 / 640);
	}

	.price-tables-rank-table tr:first-child th:first-child {
		width: calc(100vw * 107 / 640);
	}
}





.active-brands-item-cover-name {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	background-color: #67533F74;
	font-family: "Times New Roman";
	transform: translateY(-50%);
	z-index: 1;
}

.active-brand-item-title {
	line-height: calc(44 / 26);
}

.active-brand-item-text {
	line-height: calc(32 / 18);
}

@media (min-width: 1401px) {
	.active-brands-wrapper {
		padding-top: 82px;
		padding-bottom: 60px;
	}

	.active-brands-scales.__left {
		top: 170px;
		height: 319px;
		width: 384px;
	}

	.active-brands-scales.__left .active-brands-scales-image {
		left: -34px;
		height: 319px;
		width: 181px;
	}

	.active-brands-scales.__left .active-brands-scales-image.__scale {
		top: 50px;
		left: -8px;
		height: 269px;
		width: 359px;
	}

	.active-brands-scales.__right {
		bottom: 50px;
		height: 295px;
		width: 184px;
	}

	.active-brands-scales.__right .active-brands-scales-image {
		height: 295px;
		width: 219px;
	}

	.active-brands-section-title-chain-border {
		margin-top: 10px;
	}

	.active-brands-items {
		gap: 40px;
		margin-top: 42px;
		width: 1000px;
	}

	.active-brands-item-cover {
		border-radius: 20px;
	}

	.active-brands-item-cover-name {
		font-size: 36px;
		height: 44px;
	}

	.active-brand-item-content {
		gap: 12px;
		margin-top: 24px;
	}

	.active-brand-item-title {
		font-size: 26px;
	}

	.active-brand-item-text {
		font-size: 18px;
	}
}

@media (max-width: 1400px) and (min-width: 641px) {
	.active-brands-wrapper {
		padding-top: calc(100vw * 82 / 1400);
		padding-bottom: calc(100vw * 60 / 1400);
	}

	.active-brands-scales.__left {
		top: calc(100vw * 170 / 1400);
		height: calc(100vw * 319 / 1400);
		width: calc(100vw * 384 / 1400);
	}

	.active-brands-scales.__left .active-brands-scales-image {
		left: calc(100vw * -34 / 1400);
		height: calc(100vw * 319 / 1400);
		width: calc(100vw * 181 / 1400);
	}

	.active-brands-scales.__left .active-brands-scales-image.__scale {
		top: calc(100vw * 50 / 1400);
		left: calc(100vw * -8 / 1400);
		height: calc(100vw * 269 / 1400);
		width: calc(100vw * 359 / 1400);
	}

	.active-brands-scales.__right {
		bottom: calc(100vw * 50 / 1400);
		height: calc(100vw * 295 / 1400);
		width: calc(100vw * 184 / 1400);
	}

	.active-brands-scales.__right .active-brands-scales-image {
		height: calc(100vw * 295 / 1400);
		width: calc(100vw * 219 / 1400);
	}

	.active-brands-section-title-chain-border {
		margin-top: calc(100vw * 10 / 1400);
	}

	.active-brands-items {
		gap: calc(100vw * 40 / 1400);
		margin-top: calc(100vw * 42 / 1400);
		width: calc(100vw * 1000 / 1400);
	}

	.active-brands-item-cover {
		border-radius: calc(100vw * 20 / 1400);
	}

	.active-brands-item-cover-name {
		font-size: calc(100vw * 36 / 1400);
		height: calc(100vw * 44 / 1400);
	}

	.active-brand-item-content {
		gap: calc(100vw * 12 / 1400);
		margin-top: calc(100vw * 24 / 1400);
	}

	.active-brand-item-title {
		font-size: calc(100vw * 26 / 1400);
	}

	.active-brand-item-text {
		font-size: calc(100vw * 18 / 1400);
	}
}

@media (min-width: 641px) {
}

@media (max-width: 640px) {
	.active-brands-wrapper {
		padding-top: calc(100vw * 82 / 640);
		padding-left: calc(100vw * 30 / 640);
		padding-right: calc(100vw * 30 / 640);
		padding-bottom: calc(100vw * 60 / 640);
	}

	.active-brands-scales.__left {
		top: calc(100vw * 60 / 640);
		height: calc(100vw * 241 / 640);
		width: calc(100vw * 263 / 640);
	}

	.active-brands-scales.__left .active-brands-scales-image {
		left: calc(100vw * -49 / 640);
		height: calc(100vw * 235 / 640);
		width: calc(100vw * 134 / 640);
	}

	.active-brands-scales.__left .active-brands-scales-image.__scale {
		top: calc(100vw * 35 / 640);
		left: calc(100vw * -32 / 640);
		height: calc(100vw * 198 / 640);
		width: calc(100vw * 265 / 640);
	}

	.active-brands-scales.__right {
		bottom: calc(100vw * -175 / 640);
		height: calc(100vw * 436 / 640);
		width: calc(100vw * 320 / 640);
	}

	.active-brands-scales.__right .active-brands-scales-image {
		left: calc(100vw * 187 / 640);
		height: calc(100vw * 270 / 640);
		width: calc(100vw * 200 / 640);
	}

	.active-brands-section-title-chain-border {
		margin-top: calc(100vw * 17 / 640);
		width: calc(100vw * 537 / 640);
	}

	.active-brands-items {
		flex-direction: column;
		gap: calc(100vw * 92 / 640);
		margin-top: calc(100vw * 42 / 640);
		width: 100%;
	}

	.active-brands-item-cover {
		border-radius: calc(100vw * 20 / 640);
	}

	.active-brands-item-cover-name {
		font-size: calc(100vw * 36 / 640);
		height: calc(100vw * 44 / 640);
	}

	.active-brand-item-content {
		gap: calc(100vw * 12 / 640);
		margin-top: calc(100vw * 13 / 640);
	}

	.active-brand-item-title {
		font-size: calc(100vw * 32 / 640);
	}

	.active-brand-item-text {
		font-size: calc(100vw * 24 / 640);
	}
}







.appraisal-wrapper {
	background-position: bottom center;
	background-repeat: repeat-x;
}

.appraisal-wrapper:before {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: url(/wp-content/themes/ginza-re-pearl/assets/img/top/bg_waves_yellow_seamless.svg);
	background-position: bottom center;
	background-repeat: repeat-x;
	content: "";
	opacity: .33;
	z-index: 0;
}

.appraisal-swiper-wrapper {
	transition-timing-function : linear !important;
}

.appraisal-item {
	aspect-ratio: 1 / 1;
	border-radius: 100%;
	box-shadow: 0 3px 6px rgba(0,0,0,.16);
}

.appraisal-item.__grey {
	background-color: #F5F5F4;
}

.appraisal-item:not(.__grey) {
	background-color: white;
}

.appraisal-item-title {
	color: #67533F;
	line-height: calc(56 / 28);
}

.appraisal-item-text {
	line-height: calc(30 / 16);
}

@media (min-width: 1401px) {
	.appraisal-wrapper {
		background-size: 91px;
		padding-top: 74px;
		padding-bottom: 0;
	}

	.appraisal-wrapper:before {
		height: 75px;
	}

	.appraisal-scales {
		top: -120px;
		height: 374px;
		width: 413px;
	}

	.appraisal-scales-image {
		height: 374px;
		width: 499px;
	}

	.appraisal-section-title-chain-border {
		margin-top: 14px;
	}

	.appraisal-swiper-wrapper {
		gap: 18px;
	}

	.appraisal-items {
		margin-top: 46px;
		padding-bottom: 6px;
	}

	.appraisal-item {
		height: 330px;
		padding-top: 32px;
		width: 330px;
	}

	.appraisal-item-icon {
		height: 45px;
		width: 45px;
	}

	.appraisal-item-title {
		font-size: 28px;
		margin-top: 3px;
	}

	.appraisal-item-text {
		font-size: 16px;
		margin-top: 7px;
		width: 220px;
	}
}

@media (max-width: 1400px) and (min-width: 641px) {
	.appraisal-wrapper {
		background-size: calc(100vw * 91 / 1400);
		padding-top: calc(100vw * 74 / 1400);
		padding-bottom: 0;
	}

	.appraisal-wrapper:before {
		height: calc(100vw * 75 / 1400);
	}

	.appraisal-scales {
		top: calc(100vw * -120 / 1400);
		height: calc(100vw * 374 / 1400);
		width: calc(100vw * 413 / 1400);
	}

	.appraisal-scales-image {
		height: calc(100vw * 374 / 1400);
		width: calc(100vw * 499 / 1400);
	}

	.appraisal-section-title-chain-border {
		margin-top: calc(100vw * 14 / 1400);
	}

	.appraisal-swiper-wrapper {
		gap: calc(100vw * 18 / 1400);
	}

	.appraisal-items {
		margin-top: calc(100vw * 46 / 1400);
		padding-bottom: calc(100vw * 6 / 1400);
	}

	.appraisal-item {
		height: calc(100vw * 330 / 1400);
		padding-top: calc(100vw * 32 / 1400);
		width: calc(100vw * 330 / 1400);
	}

	.appraisal-item-icon {
		height: calc(100vw * 45 / 1400);
		width: calc(100vw * 45 / 1400);
	}

	.appraisal-item-title {
		font-size: calc(100vw * 28 / 1400);
		margin-top: calc(100vw * 3 / 1400);
	}

	.appraisal-item-text {
		font-size: calc(100vw * 16 / 1400);
		margin-top: calc(100vw * 7 / 1400);
		width: calc(100vw * 220 / 1400);
	}
}

@media (min-width: 641px) {
}

@media (max-width: 640px) {
	.appraisal-wrapper {
		background-size: calc(100vw * 91 / 640);
		padding-top: calc(100vw * 6 / 640);
		padding-bottom: calc(100vw * 24 / 640);
	}

	.appraisal-wrapper:before {
		height: calc(100vw * 75 / 640);
	}

	.appraisal-scales {
		top: calc(100vw * -374 / 640);
		height: calc(100vw * 374 / 640);
		width: calc(100vw * 413 / 640);
	}

	.appraisal-scales-image {
		left: calc(100vw * 92 / 640);
		height: calc(100vw * 374 / 640);
		width: calc(100vw * 499 / 640);
	}

	.appraisal-section-title-chain-border {
		margin-top: calc(100vw * 25 / 640);
	}

	.appraisal-items {
		height: calc(100vw * 440 / 640);
		margin-top: calc(100vw * 55 / 640);
		padding-bottom: calc(100vw * 6 / 640);
	}

	.appraisal-item {
		padding-top: calc(100vw * 42 / 640);
	}

	.appraisal-item-icon {
		height: calc(100vw * 60 / 640);
		width: calc(100vw * 60 / 640);
	}

	.appraisal-item-title {
		font-size: calc(100vw * 37 / 640);
		margin-top: calc(100vw * 8 / 640);
	}

	.appraisal-item-text {
		font-size: calc(100vw * 22 / 640);
		margin-top: calc(100vw * 10 / 640);
		width: calc(100vw * 291 / 640);
	}

	.appraisal-nav-bar {
		margin-top: calc(100vw * 4 / 640);
		overflow-x: auto;
		padding-left: calc(100vw * 23 / 640);
		padding-right: calc(100vw * 23 / 640);
	}

	.appraisal-nav-bar-items {
		gap: calc(100vw * 13 / 640);
		height: calc(100vw * 108 / 640);
		width: calc(100vw * 197 / 640 * 5 + 100vw * 13 / 640 * 4);
	}

	.appraisal-nav-bar-item {
		border: 1px solid #B9B2B2;
		border-radius: calc(100vw * 10 / 640);
		color: #67533F;
		font-size: calc(100vw * 24 / 640);
		height: calc(100vw * 58 / 640);
		transition: background-color .2s;
		width: calc(100vw * 197 / 640);
	}

	.appraisal-nav-bar-item:before {
		position: absolute;
		left: 50%;
		bottom: calc(100% + 100vw * 8 / 640);
		border-color: transparent transparent #D3B15D transparent;
		border-style: solid;
		border-width: 0 calc(100vw * 12 / 640) calc(100vw * 18 / 640) calc(100vw * 12 / 640);
		content: "";
		height: 0;
		transform: translateX(-50%);
		transition: opacity .2s;
		width: 0;
		z-index: 1;
	}

	.appraisal-nav-bar-item.__active {
		background-color: #F5F5F4;
	}

	.appraisal-nav-bar-item:not(.__active) {
		background-color: white;
	}

	.appraisal-nav-bar-item:not(.__active):before {
		opacity: 0;
	}
}











@media (min-width: 1401px) {
}

@media (max-width: 1400px) and (min-width: 641px) {
}

@media (min-width: 641px) {
}

@media (max-width: 640px) {
}









.order-history-swiper-wrapper {
	transition-timing-function : linear !important;
}

.order-history-swiper-nav {
	background-color: #67533F;
	border-radius: 100%;
}

.order-history-swiper-nav:after {
	color: white;
}

.order-history-item {
	position: relative;
	background-color: white;
	box-shadow: 0 3px 6px rgba(0,0,0,.16);
}

.order-history-item:before {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	content: "";
	pointer-events: none;
	transition: background-color .2s;
	z-index: 1;
}

.order-history-item.__grey:before {
	background-color: rgba(103,83,63,.36);
}

.order-history-item-title {
	line-height: calc(26 / 22);
}

.order-history-item-spec-separator {
	border: none;
	border-top: 2px dotted #B5A381;
	margin-top: 0;
	margin-bottom: 0;
	width: 100%;
}

.order-history-item-spec-name {
	background-color: #F4EDE6;
	color: #937F6B;
	border-radius: 3px;
	clip-path: polygon(92% 0, 100% 50%, 92% 100%, 0 99%, 0 0);
}

.order-history-item-spec-value {
	color: #67533F;
}

.order-history-action {
	border: 2px solid #67533F;
	border-radius: 9999px;
	transition: background-color .2s, color .2s;
}

.order-history-action:hover {
	background-color: #67533F;
	color: #F8F3E9;
}

.order-history-action:not(:hover) {
	background-color: #F8F3E9;
	color: #67533F;
}

@media (min-width: 1401px) {
	.order-history-wrapper {
		padding-top: 60px;
		padding-bottom: 50px;
	}

	.order-history-swiper-nav {
		height: 50px !important;
		width: 50px !important;
	}

	.order-history-swiper-nav.__prev {
		transform: translateX(150px);
	}

	.order-history-swiper-nav.__next {
		transform: translateX(-160px);
	}

	.order-history-swiper-nav:after {
		font-size: 20px !important;
	}

	.order-history-swiper-slide {
		padding-bottom: 5px;
	}

	.order-history-section-title-chain-border {
		margin-top: 12px;
	}

	.order-history-items {
		margin-top: 42px;
	}

	.order-history-item,
	.order-history-item:before {
		border-radius: 20px;
	}

	.order-history-item {
		padding: 15px;
	}

	.order-history-item-image {
		border-radius: 10px;
		height: 180px;
	}

	.order-history-item-title {
		font-size: 22px;
		margin-top: 9px;
	}

	.order-history-item-specs,
	.order-history-item-spec {
		gap: 6px;
	}

	.order-history-item-specs {
		margin-top: 11px;
	}

	.order-history-item-spec-name {
		font-size: 14px;
		height: 22px;
		padding-left: 9px;
		width: 80px;
	}

	.order-history-item-price {
		font-size: 14px;
		margin-top: 16px;
	}

	.order-history-item-price .number {
		font-size: 28px;
		margin-left: 10px;
	}

	.order-history-item-price .unit {
		font-size: 18px;
	}

	.order-history-action {
		font-size: 24px;
		gap: 40px;
		height: 80px;
		margin-top: 38px;
		width: 457px;
	}

	.order-history-action-text,
	.order-history-action-arrow {
		transform: translateX(20px);
	}
}

@media (max-width: 1400px) and (min-width: 641px) {
	.order-history-wrapper {
		padding-top: calc(100vw * 67 / 1400);
		padding-bottom: calc(100vw * 50 / 1400);
	}

	.order-history-swiper-nav {
		height: calc(100vw * 50 / 1400) !important;
		width: calc(100vw * 50 / 1400) !important;
	}

	.order-history-swiper-nav.__prev {
		transform: translateX(calc(100vw * 160 / 1400));
	}

	.order-history-swiper-nav.__next {
		transform: translateX(calc(100vw * -160 / 1400));
	}

	.order-history-swiper-nav:after {
		font-size: calc(100vw * 20 / 1400) !important;
	}

	.order-history-swiper-slide {
		padding-bottom: calc(100vw * 5 / 1400);
	}

	.order-history-section-title-chain-border {
		margin-top: calc(100vw * 12 / 1400);
	}

	.order-history-items {
		margin-top: calc(100vw * 42 / 1400);
	}

	.order-history-item,
	.order-history-item:before {
		border-radius: calc(100vw * 20 / 1400);
	}

	.order-history-item {
		padding: calc(100vw * 15 / 1400);
	}

	.order-history-item-image {
		border-radius: calc(100vw * 10 / 1400);
		height: calc(100vw * 180 / 1400);
	}

	.order-history-item-title {
		font-size: calc(100vw * 22 / 1400);
		margin-top: calc(100vw * 9 / 1400);
	}

	.order-history-item-specs,
	.order-history-item-spec {
		gap: calc(100vw * 6 / 1400);
	}

	.order-history-item-specs {
		margin-top: calc(100vw * 11 / 1400);
	}

	.order-history-item-spec-name {
		font-size: calc(100vw * 14 / 1400);
		height: calc(100vw * 22 / 1400);
		padding-left: calc(100vw * 9 / 1400);
		width: calc(100vw * 80 / 1400);
	}

	.order-history-item-price {
		font-size: calc(100vw * 14 / 1400);
		margin-top: calc(100vw * 16 / 1400);
	}

	.order-history-item-price .number {
		font-size: calc(100vw * 28 / 1400);
		margin-left: calc(100vw * 10 / 1400);
	}

	.order-history-item-price .unit {
		font-size: calc(100vw * 18 / 1400);
	}

	.order-history-action {
		font-size: calc(100vw * 24 / 1400);
		gap: calc(100vw * 40 / 1400);
		height: calc(100vw * 80 / 1400);
		margin-top: calc(100vw * 38 / 1400);
		width: calc(100vw * 457 / 1400);
	}

	.order-history-action-text,
	.order-history-action-arrow {
		transform: translateX(calc(100vw * 20 / 1400));
	}
}

@media (min-width: 641px) {
}

@media (max-width: 640px) {
	.order-history-section {
		position: relative;
		z-index: 1;
	}

	.order-history-wrapper {
		padding-top: calc(100vw * 16 / 640);
		padding-left: calc(100vw * 35 / 640);
		padding-right: calc(100vw * 35 / 640);
		padding-bottom: calc(100vw * 50 / 640);
	}

	.order-history-section-title-chain-border {
		margin-top: calc(100vw * 25 / 640);
	}

	.order-history-items {
		/*gap: calc(100vw * 27 / 640);*/
		max-height: 0;
		margin-top: calc(100vw * 37 / 640);
		/*padding-top: calc(100vw * 10 / 640);*/
		/*padding-bottom: calc(100vw * 10 / 640);*/
		transition: max-height 1s;
	}

	.order-history-item,
	.order-history-item:before {
		border-radius: calc(100vw * 20 / 640);
	}

	.order-history-item {
		align-items: flex-start;
		flex-direction: row;
		gap: calc(100vw * 21 / 640);
		margin-bottom: calc(100vw * 27 / 640);
		padding: calc(100vw * 19 / 640) calc(100vw * 15 / 640);
	}

	.order-history-item-cover {
		height: calc(100vw * 241 / 640);
		width: calc(100vw * 250 / 640);
	}

	.order-history-item-image {
		border-radius: calc(100vw * 10 / 640);
		height: calc(100vw * 188 / 640);
	}

	.order-history-item-title {
		font-size: calc(100vw * 28 / 640);
		line-height: calc(38 / 28);
	}

	.order-history-item-specs,
	.order-history-item-spec {
		gap: calc(100vw * 10 / 640);
	}

	.order-history-item-specs {
		margin-top: calc(100vw * 11 / 640);
	}

	.order-history-item-spec-name {
		font-size: calc(100vw * 18 / 640);
		height: calc(100vw * 30 / 640);
		padding-left: calc(100vw * 9 / 640);
		width: calc(100vw * 100 / 640);
	}

	.order-history-item-price {
		font-size: calc(100vw * 18 / 640);
		margin-top: calc(100vw * 16 / 640);
	}

	.order-history-item-spec-value {
		font-size: calc(100vw * 20 / 640);
	}

	.order-history-item-price .number {
		font-size: calc(100vw * 34 / 640);
		margin-left: calc(100vw * 5 / 640);
	}

	.order-history-item-price .unit {
		font-size: calc(100vw * 20 / 640);
	}

	.order-history-action {
		font-size: calc(100vw * 28 / 640);
		gap: calc(100vw * 17 / 640);
		height: calc(100vw * 100 / 640);
		margin-top: calc(100vw * 64 / 640);
		width: calc(100vw * 500 / 640);
	}

	.order-history-action-text,
	.order-history-action-arrow {
		transform: translateX(calc(100vw * 20 / 640));
	}
}









.about-section {
	position: relative;
	z-index: 1;
}

.about-wrapper:after,
.about-wrapper:before {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	content: "";
	pointer-events: none;
}

.about-wrapper:after {
	top: 0;
	background-image: linear-gradient(41deg, #F8F4EE 0%, white 100%);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
	z-index: -1;
}

.about-wrapper:before {
	background-image: url(/wp-content/themes/ginza-re-pearl/assets/img/top/bg_waves_yellow_seamless.svg);
	background-position: bottom center;
	background-repeat: repeat-x;
	opacity: .33;
	z-index: 0;
}

.about-items {
	position: static;
	z-index: 1;
}

.about-item-title {
	color: #67533F;
	line-height: calc(56 / 23);
}

.about-item-text {
	line-height: calc(30 / 16);
}

.problem-item {
	background-color: #F8F4EE;
}

.problem-item:after {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border: 1px solid #E0D5C0;
	content: "";
	pointer-events: none;
	z-index: 1;
}

.about-cta-container {
	background-color: transparent;
	box-shadow: none;
}

@media (min-width: 1401px) {
	.about-wrapper {
		padding-top: 42px;
		padding-bottom: 81px;
	}

	.about-wrapper:before {
		height: 75px;
	}

	.about-section-title {
		font-size: 40px;
		margin-top: 21px;
	}

	.about-section-title-extra {
		font-size: 30px;
		margin-top: 49px;
	}

	.about-section-title-sub {
		font-size: 20px;
		margin-top: 23px;
		width: 703px;
	}

	.about-items {
		gap: 44px 50px;
		margin-top: 49px;
		width: 940px;
	}

	.about-item-title {
		font-size: 23px;
		margin-top: 10px;
	}

	.about-item-text {
		font-size: 16px;
	}

	.problem-section {
		display: flex;
		flex-direction: column;
		align-items: center;
		padding-bottom: 80px;
	}

	.problem,
	.problem-item,
	.problem-item:after {
		border-radius: 20px;
	}

	.problem {
		margin-top: 49px;
		padding: 48px 102px 58px;
		width: 1200px;
	}

	.problem-title {
		font-size: 36px;
	}

	.problem-title-chain-border {
		margin-top: 22px;
		width: 538px;
	}

	.problem-items {
		gap:  33px 39px;
		margin-top: 45px;
		width: 937px;
	}

	.problem-item {
		font-size: 24px;
		gap: 10px;
		height: 108px;
	}

	.problem-item:after {
		transform: translate(-9px, -6px);
	}

	.problem-item-number,
	.problem-item-title {
		transform: translateY(-6px);
	}

	.about-cta-container {
		margin-top: 55px;
	}

	.about-bg-staff {
		right: 71px;
		width: 343px;
	}

	.about-bg-pearls.__left1 {
		top: 123px;
		height: 319px;
		width: 350px;
	}

	.about-bg-pearls.__left1 .about-bg-pearls-image.__pearls {
		right: 203px;
		height: 319px;
		width: 181px;
	}

	.about-bg-pearls.__left1 .about-bg-pearls-image.__scale {
		top: 50px;
		height: 269px;
		width: 359px;
	}

	.about-bg-pearls.__left2 {
		top: 704px;
		left: 46px;
		height: 176px;
		width: 131px;
	}

	.about-bg-pearls.__right1 {
		top: 258px;
		height: 295px;
		width: 219px;
	}

	.about-bg-pearls.__right1 .about-bg-pearls-image {
		left: 35px;
		height: 295px;
		width: 219px;
	}

	.about-bg-pearls.__right2 {
		top: 852px;
		height: 400px;
		width: 315px;
	}

	.about-bg-pearls.__right2 .about-bg-pearls-image.__pearls {
		left: 135px;
		height: 260px;
		width: 160px;
	}

	.about-bg-pearls.__right2 .about-bg-pearls-image.__scale {
		top: 130px;
		height: 269px;
		width: 359px;
	}
}

@media (max-width: 1400px) and (min-width: 641px) {
	.about-wrapper {
		padding-top: calc(100vw * 42 / 1400);
		padding-bottom: calc(100vw * 81 / 1400);
	}

	.about-wrapper:before {
		height: calc(100vw * 75 / 1400);
	}

	.about-section-title {
		font-size: calc(100vw * 40 / 1400);
		margin-top: calc(100vw * 21 / 1400);
	}

	.about-section-title-extra {
		font-size: calc(100vw * 30 / 1400);
		margin-top: calc(100vw * 49 / 1400);
	}

	.about-section-title-sub {
		font-size: calc(100vw * 20 / 1400);
		margin-top: calc(100vw * 23 / 1400);
		width: calc(100vw * 703 / 1400);
	}

	.about-items {
		gap: calc(100vw * 44 / 1400) calc(100vw * 50 / 1400);
		margin-top: calc(100vw * 49 / 1400);
		width: calc(100vw * 940 / 1400);
	}

	.about-item-title {
		font-size: calc(100vw * 23 / 1400);
		margin-top: calc(100vw * 10 / 1400);
	}

	.about-item-text {
		font-size: calc(100vw * 16 / 1400);
	}

	.problem-section {
		display: flex;
		flex-direction: column;
		align-items: center;
		padding-bottom: calc(100vw * 80 / 1400);
	}

	.problem,
	.problem-item,
	.problem-item:after {
		border-radius: calc(100vw * 20 / 1400);
	}

	.problem {
		margin-top: calc(100vw * 49 / 1400);
		padding: calc(100vw * 48 / 1400) calc(100vw * 102 / 1400) calc(100vw * 58 / 1400);
		width: calc(100vw * 1200 / 1400);
	}

	.problem-title {
		font-size: calc(100vw * 36 / 1400);
	}

	.problem-title-chain-border {
		margin-top: calc(100vw * 22 / 1400);
		width: calc(100vw * 538 / 1400);
	}

	.problem-items {
		gap:  calc(100vw * 33 / 1400) calc(100vw * 39 / 1400);
		margin-top: calc(100vw * 45 / 1400);
		width: calc(100vw * 937 / 1400);
	}

	.problem-item {
		font-size: calc(100vw * 24 / 1400);
		gap: calc(100vw * 10 / 1400);
		height: calc(100vw * 108 / 1400);
	}

	.problem-item:after {
		transform: translate(calc(100vw * -9 / 1400), calc(100vw * -6 / 1400));
	}

	.problem-item-number,
	.problem-item-title {
		transform: translateY(calc(100vw * -6 / 1400));
	}

	.about-cta-container {
		margin-top: calc(100vw * 55 / 1400);
	}

	.about-bg-staff {
		right: calc(100vw * 71 / 1400);
		width: calc(100vw * 343 / 1400);
	}

	.about-bg-pearls.__left1 {
		top: calc(100vw * 123 / 1400);
		height: calc(100vw * 319 / 1400);
		width: calc(100vw * 350 / 1400);
	}

	.about-bg-pearls.__left1 .about-bg-pearls-image.__pearls {
		right: calc(100vw * 203 / 1400);
		height: calc(100vw * 319 / 1400);
		width: calc(100vw * 181 / 1400);
	}

	.about-bg-pearls.__left1 .about-bg-pearls-image.__scale {
		top: calc(100vw * 50 / 1400);
		height: calc(100vw * 269 / 1400);
		width: calc(100vw * 359 / 1400);
	}

	.about-bg-pearls.__left2 {
		top: calc(100vw * 704 / 1400);
		left: calc(100vw * 46 / 1400);
		height: calc(100vw * 176 / 1400);
		width: calc(100vw * 131 / 1400);
	}

	.about-bg-pearls.__right1 {
		top: calc(100vw * 258 / 1400);
		height: calc(100vw * 295 / 1400);
		width: calc(100vw * 219 / 1400);
	}

	.about-bg-pearls.__right1 .about-bg-pearls-image {
		left: calc(100vw * 35 / 1400);
		height: calc(100vw * 295 / 1400);
		width: calc(100vw * 219 / 1400);
	}

	.about-bg-pearls.__right2 {
		top: calc(100vw * 852 / 1400);
		height: calc(100vw * 400 / 1400);
		width: calc(100vw * 315 / 1400);
	}

	.about-bg-pearls.__right2 .about-bg-pearls-image.__pearls {
		left: calc(100vw * 135 / 1400);
		height: calc(100vw * 260 / 1400);
		width: calc(100vw * 160 / 1400);
	}

	.about-bg-pearls.__right2 .about-bg-pearls-image.__scale {
		top: calc(100vw * 130 / 1400);
		height: calc(100vw * 269 / 1400);
		width: calc(100vw * 359 / 1400);
	}
}

@media (min-width: 641px) {
	.about-items {
		grid-template-columns: repeat(3, 1fr);
	}

	.problem-items {
		grid-template-columns: 1fr 1fr;
	}
}

@media (max-width: 640px) {
	.about-wrapper {
		padding-top: calc(100vw * 32 / 640);
		padding-left: calc(100vw * 30 / 640);
		padding-right: calc(100vw * 30 / 640);
		padding-bottom: calc(100vw * 213 / 640);
	}

	.about-wrapper:before {
		height: calc(100vw * 75 / 640);
	}

	.about-section-title-logo {
		width: calc(100vw * 180 / 640);
	}

	.about-section-title {
		font-size: calc(100vw * 50 / 640);
		margin-top: calc(100vw * 21 / 640);
	}

	.about-section-title-extra {
		font-size: calc(100vw * 36 / 640);
		line-height: 1.25;
		margin-top: calc(100vw * 27 / 640);
		text-align: center;
	}

	.about-section-title-sub {
		font-size: calc(100vw * 24 / 640);
		margin-top: calc(100vw * 30 / 640);
	}

	.about-items {
		gap: calc(100vw * 44 / 640) calc(100vw * 50 / 640);
		margin-top: calc(100vw * 49 / 640);
		width: 100%;
	}

	.about-item {
		gap: calc(100vw * 27 / 640);
	}

	.about-item:nth-child(odd) {
		flex-direction: row;
	}

	.about-item:nth-child(even) {
		flex-direction: row-reverse;
	}

	.about-item-image {
		height: calc(100vw * 159 / 640);
		object-fit: cover;
		width: calc(100vw * 212 / 640);
	}

	.about-item-content {
		gap: calc(100vw * 13 / 640);
	}

	.about-item-title {
		font-size: calc(100vw * 30 / 640);
		line-height: calc(56 / 30);
		text-align: left;
	}

	.about-item-text {
		font-size: calc(100vw * 20 / 640);
		line-height: calc(36 / 20);
	}

	.problem-section {
		display: flex;
		flex-direction: column;
		align-items: center;
		padding-bottom: calc(100vw * 70 / 640);
	}

	.problem,
	.problem-item,
	.problem-item:after {
		border-radius: calc(100vw * 20 / 640);
	}

	.problem {
		margin-top: calc(100vw * 49 / 640);
		padding-top: calc(100vw * 52 / 640);
		padding-left: calc(100vw * 25 / 640);
		padding-right: calc(100vw * 25 / 640);
		padding-bottom: calc(100vw * 58 / 640);
		width: 100%;
	}

	.problem-title {
		font-size: calc(100vw * 44 / 640);
		line-height: calc(62 / 44);
	}

	.problem-title-chain-border {
		margin-top: calc(100vw * 7 / 640);
		width: calc(100vw * 538 / 640);
	}

	.problem-items {
		flex-direction: column;
		gap:  calc(100vw * 32 / 640);
		margin-top: calc(100vw * 39 / 640);
		width: calc(100vw * 514 / 640);
	}

	.problem-item {
		font-size: calc(100vw * 28 / 640);
		gap: calc(100vw * 10 / 640);
		height: calc(100vw * 124 / 640);
	}

	.problem-item:after {
		transform: translate(calc(100vw * -9 / 640), calc(100vw * -6 / 640));
	}

	.problem-item-number,
	.problem-item-title {
		transform: translateY(calc(100vw * -6 / 640));
	}

	.about-cta-container-title {
		align-self: center;
	}

	.about-bg-staff {
		right: calc(100vw * 238 / 640);
		width: calc(100vw * 385 / 640);
	}

	.about-bg-pearls.__left1 {
		top: calc(100vw * -63 / 640);
		height: calc(100vw * 266 / 640);
		width: calc(100vw * 339 / 640);
	}

	.about-bg-pearls.__left1 .about-bg-pearls-image.__pearls {
		right: calc(100vw * 203 / 640);
		height: calc(100vw * 264 / 640);
		width: calc(100vw * 170 / 640);
	}

	.about-bg-pearls.__left1 .about-bg-pearls-image.__scale {
		top: calc(100vw * -190 / 640);
		right: calc(100vw * 156 / 640);
		height: calc(100vw * 452 / 640);
		width: calc(100vw * 439 / 640);
	}

	.about-bg-scale.__left2 {
		bottom: calc(100vw * 1687 / 640);
		left: 0;
		height: calc(100vw * 473 / 640);
		width: calc(100vw * 537 / 640);
	}

	.about-bg-scale.__left2 .about-bg-scale-image {
		height: calc(100vw * 473 / 640);
		width: calc(100vw * 630 / 640);
	}

	.about-bg-pearls.__right1 {
		top: calc(100vw * -12 / 640);
		height: calc(100vw * 480 / 640);
		width: calc(100vw * 147 / 640);
	}

	.about-bg-pearls.__right1 .about-bg-pearls-image {
		left: calc(100vw * -10 / 640);
		height: calc(100vw * 480 / 640);
		width: calc(100vw * 192 / 640);
	}

	.about-bg-pearls.__right2 {
		top: calc(100vw * 852 / 640);
		height: calc(100vw * 400 / 640);
		width: calc(100vw * 315 / 640);
	}

	.about-bg-pearls.__right2 .about-bg-pearls-image.__pearls {
		left: calc(100vw * 725 / 640);
		height: calc(100vw * 473 / 640);
		width: calc(100vw * 370 / 640);
	}

	.about-bg-pearls.__right2 .about-bg-pearls-image.__scale {
		left: calc(100vw * -58 / 640);
		height: calc(100vw * 473 / 640);
		width: calc(100vw * 630 / 640);
	}

	.about-cta-container {
		margin-top: calc(100vw * 11 / 640);
	}
}









.voice-title-wrapper:before {
	position: absolute;
	left: 0;
	color: #F4EFE6;
	content: attr(data-bg-text);
	font-weight: bold;
	line-height: 1;
	pointer-events: none;
}

.voice-title {
	z-index: 1;
}

.voice-item {
	box-shadow: 0 3px 6px rgba(0,0,0,.16);
}

.voice-item:nth-child(odd) {
	background-color: #FCF9F4;
}

.voice-item:nth-child(even) {
	background-color: #FDFCFA;
}

.voice-item-title {
	color: #67533F;
	line-height: calc(34 / 24);
}

.voice-item-text {
	line-height: calc(30 / 16);
}

@media (min-width: 1401px) {
	.voice-wrapper {
		padding-bottom: 80px;
	}

	.voice-title-wrapper {
		height: 157px;
		padding-left: 99px;
	}

	.voice-title-wrapper:before {
		top: -39px;
		font-size: 210px;
	}

	.voice-title {
		font-size: 36px;
		transform: translateY(27px);
	}

	.voice-title small {
		font-size: 20px;
	}

	.voice-items {
		gap: 27px;
		margin-top: 40px;
		width: 998px;
	}

	.voice-item {
		border-radius: 20px;
		gap: 16px;
		padding-top: 33px;
		padding-left: 46px;
		padding-right: 80px;
		padding-bottom: 35px;
	}

	.voice-item-info,
	.voice-item-info-part {
		gap: 17px;
	}

	.voice-item-icon {
		font-size: 43px;
	}

	.voice-item-name,
	.voice-item-date {
		font-size: 16px;
	}

	.voice-item-rating {
		font-size: 20px;
	}

	.voice-item-title {
		font-size: 24px;
		margin-top: 13px;
	}

	.voice-item-text {
		font-size: 16px;
		margin-top: 10px;
	}
}

@media (max-width: 1400px) and (min-width: 641px) {
	.voice-wrapper {
		padding-bottom: calc(100vw * 80 / 1400);
	}

	.voice-title-wrapper {
		height: calc(100vw * 157 / 1400);
		padding-left: calc(100vw * 99 / 1400);
	}

	.voice-title-wrapper:before {
		top: calc(100vw * -8 / 1400);
		font-size: calc(100vw * 210 / 1400);
	}

	.voice-title {
		font-size: calc(100vw * 36 / 1400);
		transform: translateY(calc(100vw * 51 / 1400));
	}

	.voice-title small {
		font-size: calc(100vw * 20 / 1400);
	}

	.voice-items {
		gap: calc(100vw * 27 / 1400);
		margin-top: calc(100vw * 65 / 1400);
		width: calc(100vw * 998 / 1400);
	}

	.voice-item {
		border-radius: calc(100vw * 20 / 1400);
		gap: calc(100vw * 16 / 1400);
		padding-top: calc(100vw * 33 / 1400);
		padding-left: calc(100vw * 36 / 1400);
		padding-right: calc(100vw * 80 / 1400);
		padding-bottom: calc(100vw * 35 / 1400);
	}

	.voice-item-info,
	.voice-item-info-part {
		gap: calc(100vw * 17 / 1400);
	}

	.voice-item-icon {
		font-size: calc(100vw * 43 / 1400);
	}

	.voice-item-name,
	.voice-item-date {
		font-size: calc(100vw * 16 / 1400);
	}

	.voice-item-rating {
		font-size: calc(100vw * 20 / 1400);
	}

	.voice-item-title {
		font-size: calc(100vw * 24 / 1400);
		margin-top: calc(100vw * 13 / 1400);
	}

	.voice-item-text {
		font-size: calc(100vw * 16 / 1400);
		margin-top: calc(100vw * 10 / 1400);
	}
}

@media (min-width: 641px) {
}

@media (max-width: 640px) {
	.voice-wrapper {
		padding-top: calc(100vw * 64 / 640);
		padding-left: calc(100vw * 30 / 640);
		padding-right: calc(100vw * 30 / 640);
		padding-bottom: calc(100vw * 20 / 640);
	}

	.voice-title-wrapper {
		height: calc(100vw * 157 / 640);
	}

	.voice-title-wrapper:before {
		top: calc(100vw * 22 / 640);
		left: calc(100vw * -39 / 640);
		font-size: calc(100vw * 210 / 640);
	}

	.voice-title {
		align-items: center;
		flex-direction: column;
		font-size: calc(100vw * 44 / 640);
		justify-content: center;
		text-align: center;
	}

	.voice-title small {
		font-size: calc(100vw * 24 / 640);
		line-height: calc(46 / 24);
		margin-top: calc(100vw * 27 / 640);
		text-align: left;
	}

	.voice-items {
		gap: calc(100vw * 27 / 640);
		margin-top: calc(100vw * 24 / 640);
		width: 100%;
	}

	.voice-item {
		border-radius: calc(100vw * 20 / 640);
		gap: calc(100vw * 16 / 640);
		padding-top: calc(100vw * 41 / 640);
		padding-left: calc(100vw * 27 / 640);
		padding-right: calc(100vw * 20 / 640);
		padding-bottom: calc(100vw * 26 / 640);
	}

	.voice-item-info,
	.voice-item-info-part {
		align-items: flex-start;
		flex-direction: column;
		gap: calc(100vw * 17 / 640);
	}

	.voice-item-info-part {
		flex-direction: row;
	}

	.voice-item-icon {
		font-size: calc(100vw * 43 / 640);
	}

	.voice-item-name,
	.voice-item-date {
		font-size: calc(100vw * 20 / 640);
		transform: translateY(calc(100vw * -10 / 640));
	}

	.voice-item-name {
		margin-left: calc(100vw * 20 / 640);
	}

	.voice-item-rating {
		font-size: calc(100vw * 18 / 640);
		margin-top: calc(100vw * -12 / 640);
		padding-left: calc(100vw * 60 / 640);
		transform: translateY(calc(100vw * -15 / 640));
	}

	.voice-item-date {
		margin-left: calc(100vw * 28 / 640);
	}

	.voice-item-title {
		font-size: calc(100vw * 28 / 640);
		margin-top: calc(100vw * 13 / 640);
	}

	.voice-item-text {
		font-size: calc(100vw * 22 / 640);
		line-height: calc(42 / 22);
		margin-top: calc(100vw * 10 / 640);
	}
}










.flow-section-title-wrapper,
.flow-main {
	position: relative;
	z-index: 1;
}

.flow-tab {
	background-color: #E0D5C0;
	width: calc(100% / 3);
}

.flow-main[data-active="1"] .flow-tab.__tab1,
.flow-main[data-active="2"] .flow-tab.__tab2,
.flow-main[data-active="3"] .flow-tab.__tab3 {
	background-color: #D8624C;
}

.flow-panels {
	background-color: white;
	box-shadow: 0 3px 6px rgba(0,0,0,.16);
}

.flow-panel {
	display: none;
	overflow: hidden;
}

.flow-main[data-active="1"] .flow-panel.__panel1,
.flow-main[data-active="2"] .flow-panel.__panel2,
.flow-main[data-active="3"] .flow-panel.__panel3 {
	display: block;
}

.flow-panel-item {
	width: calc(100% / 4);
}

.flow-panel-item:before {
	position: absolute;
	color: var(--color-red);
	content: attr(data-step);
	text-decoration: underline;
}

.flow-panel-item-title {
	color: #67533F;
}

.flow-panel-item-text {
	line-height: calc(30 / 16);
}

@media (min-width: 1401px) {
	.flow-wrapper {
		padding-top: 50px;
		padding-bottom: 60px;
	}

	.flow-bg-pearls.__left1 {
		top: 102px;
		height: 319px;
		width: 350px;
	}

	.flow-bg-pearls.__left1 .flow-bg-pearls-image.__pearls {
		right: 203px;
		height: 319px;
		width: 181px;
	}

	.flow-bg-pearls.__left1 .flow-bg-pearls-image.__scale {
		top: 50px;
		height: 269px;
		width: 359px;
	}

	.flow-bg-pearls.__right1 {
		top: 239px;
		height: 295px;
		width: 219px;
	}

	.flow-bg-pearls.__right1 .flow-bg-pearls-image {
		left: 35px;
		height: 295px;
		width: 219px;
	}

	.flow-section-title-chain-border {
		margin-top: 12px;
		width: 538px;
	}

	.flow-main {
		margin-top: 21px;
		width: 1000px;
	}

	.flow-tab {
		border-top-left-radius: 20px;
		border-top-right-radius: 20px;
		font-size: 28px;
		height: 60px;
	}

	.flow-panels {
		border-bottom-left-radius: 20px;
		border-bottom-right-radius: 20px;
		padding-bottom: 45px;
	}

	.flow-panel {
		padding-top: 43px;
		padding-left: 69px;
		padding-right: 69px;
	}

	.flow-panel-title {
		font-size: 28px;
	}

	.flow-panel-items {
		margin-top: 37px;
	}

	.flow-panel-item:before {
		top: 17px;
		font-size: 20px;
		text-underline-offset: 7px;
	}

	.flow-panel-item-separator {
		font-size: 24px;
		transform: translateY(73px);
	}

	.flow-panel-item-cover {
		padding: 5px;
	}

	.flow-panel-item-title {
		font-size: 22px;
		margin-top: 11px;
	}

	.flow-panel-item-text {
		font-size: 16px;
		margin-top: 11px;
	}
}

@media (max-width: 1400px) and (min-width: 641px) {
	.flow-wrapper {
		padding-top: calc(100vw * 50 / 1400);
		padding-bottom: calc(100vw * 60 / 1400);
	}

	.flow-bg-pearls.__left1 {
		top: calc(100vw * 102 / 1400);
		height: calc(100vw * 319 / 1400);
		width: calc(100vw * 350 / 1400);
	}

	.flow-bg-pearls.__left1 .flow-bg-pearls-image.__pearls {
		right: calc(100vw * 203 / 1400);
		height: calc(100vw * 319 / 1400);
		width: calc(100vw * 181 / 1400);
	}

	.flow-bg-pearls.__left1 .flow-bg-pearls-image.__scale {
		top: calc(100vw * 50 / 1400);
		height: calc(100vw * 269 / 1400);
		width: calc(100vw * 359 / 1400);
	}

	.flow-bg-pearls.__right1 {
		top: calc(100vw * 239 / 1400);
		height: calc(100vw * 295 / 1400);
		width: calc(100vw * 219 / 1400);
	}

	.flow-bg-pearls.__right1 .flow-bg-pearls-image {
		left: calc(100vw * 35 / 1400);
		height: calc(100vw * 295 / 1400);
		width: calc(100vw * 219 / 1400);
	}

	.flow-section-title-chain-border {
		margin-top: calc(100vw * 12 / 1400);
		width: calc(100vw * 538 / 1400);
	}

	.flow-main {
		margin-top: calc(100vw * 21 / 1400);
		width: calc(100vw * 1000 / 1400);
	}

	.flow-tab {
		border-top-left-radius: calc(100vw * 20 / 1400);
		border-top-right-radius: calc(100vw * 20 / 1400);
		font-size: calc(100vw * 28 / 1400);
		height: calc(100vw * 60 / 1400);
	}

	.flow-panels {
		border-bottom-left-radius: calc(100vw * 20 / 1400);
		border-bottom-right-radius: calc(100vw * 20 / 1400);
		padding-bottom: calc(100vw * 45 / 1400);
	}

	.flow-panel {
		padding-top: calc(100vw * 43 / 1400);
		padding-left: calc(100vw * 69 / 1400);
		padding-right: calc(100vw * 69 / 1400);
	}

	.flow-panel-title {
		font-size: calc(100vw * 28 / 1400);
	}

	.flow-panel-items {
		margin-top: calc(100vw * 37 / 1400);
	}

	.flow-panel-item:before {
		top: calc(100vw * 17 / 1400);
		font-size: calc(100vw * 20 / 1400);
		text-underline-offset: calc(100vw * 7 / 1400);
	}

	.flow-panel-item-separator {
		font-size: calc(100vw * 24 / 1400);
		transform: translateY(calc(100vw * 73 / 1400));
	}

	.flow-panel-item-cover {
		padding: calc(100vw * 5 / 1400);
	}

	.flow-panel-item-title {
		font-size: calc(100vw * 22 / 1400);
		margin-top: calc(100vw * 11 / 1400);
	}

	.flow-panel-item-text {
		font-size: calc(100vw * 16 / 1400);
		margin-top: calc(100vw * 11 / 1400);
	}
}

@media (min-width: 641px) {
}

@media (max-width: 640px) {
	.flow-wrapper {
		padding-top: calc(100vw * 98 / 640);
		padding-left: calc(100vw * 25 / 640);
		padding-right: calc(100vw * 25 / 640);
		padding-bottom: calc(100vw * 60 / 640);
	}

	.flow-bg-pearls.__left1 {
		top: calc(100vw * -28 / 640);
		height: calc(100vw * 258 / 640);
		width: calc(100vw * 296 / 640);
	}

	.flow-bg-pearls.__left1 .flow-bg-pearls-image.__pearls {
		right: calc(100vw * 203 / 640);
		height: calc(100vw * 258 / 640);
		width: calc(100vw * 147 / 640);
	}

	.flow-bg-pearls.__left1 .flow-bg-pearls-image.__scale {
		top: calc(100vw * 50 / 640);
		height: calc(100vw * 218 / 640);
		width: calc(100vw * 290 / 640);
	}

	.flow-bg-pearls.__right1 {
		top: calc(100vw * 239 / 640);
		height: calc(100vw * 295 / 640);
		width: calc(100vw * 219 / 640);
	}

	.flow-bg-pearls.__right1 .flow-bg-pearls-image {
		left: calc(100vw * 35 / 640);
		height: calc(100vw * 295 / 640);
		width: calc(100vw * 219 / 640);
	}

	.flow-section-title-chain-border {
		margin-top: calc(100vw * 24 / 640);
		width: calc(100vw * 538 / 640);
	}

	.flow-section-title-sub {
		font-weight: normal;
		margin-top: calc(100vw * 27 / 640);
		width: calc(100vw * 520 / 640);
	}

	.flow-main {
		margin-top: calc(100vw * 26 / 640);
		width: 100%;
	}

	.flow-tab {
		border-top-left-radius: calc(100vw * 20 / 640);
		border-top-right-radius: calc(100vw * 20 / 640);
		font-size: calc(100vw * 28 / 640);
		height: calc(100vw * 69 / 640);
	}

	.flow-panels {
		border-bottom-left-radius: calc(100vw * 20 / 640);
		border-bottom-right-radius: calc(100vw * 20 / 640);
		padding-bottom: calc(100vw * 45 / 640);
	}

	.flow-panel {
		padding-top: calc(100vw * 28 / 640);
	}

	.flow-panel-title {
		font-size: calc(100vw * 36 / 640);
		line-height: calc(50 / 36);
	}

	.flow-panel-items-wrapper {
		margin-top: calc(100vw * 45 / 640);
		overflow-x: auto;
		overflow-y: hidden;
		padding-left: calc(100vw * 25 / 640);
		padding-right: calc(100vw * 25 / 640);
	}

	.flow-panel-items-wrapper::-webkit-scrollbar {
		height: calc(100vw * 18 / 640);
	}

	.flow-panel-items-wrapper::-webkit-scrollbar-thumb {
		background-color: var(--color-red);
		border-radius: 9999px;
	}

	.flow-panel-items {
		width: calc(100vw * 233 / 640 * 4);
	}

	.flow-panel-item:before {
		top: calc(100vw * 12 / 640);
		font-size: calc(100vw * 22 / 640);
		text-underline-offset: calc(100vw * 11 / 640);
	}

	.flow-panel-item-separator {
		font-size: calc(100vw * 24 / 640);
		transform: translateY(calc(100vw * 83 / 640));
	}

	.flow-panel-item-cover {
		padding: calc(100vw * 5 / 640);
	}

	.flow-panel-item-title {
		font-size: calc(100vw * 26 / 640);
		margin-top: calc(100vw * 27 / 640);
	}

	.flow-panel-item-text {
		font-size: calc(100vw * 20 / 640);
		line-height: calc(30 / 20);
		margin-top: calc(100vw * 13 / 640);
	}
}









.region-section {
	position: relative;
	background-image: linear-gradient(41deg, #F8F4EE 0%, white 100%);
	z-index: 1;
}

.region-title-line {
	border-color: #707070;
	margin: 0;
}

.region-block {
	background-color: white;
}

.region-block[data-region="北海道エリア"] .region-block-title-icon {
	color: #EB6DA5;
}

.region-block[data-region="東北エリア"] .region-block-title-icon {
	color: #36BEEF;
}

.region-block[data-region="関東エリア"] .region-block-title-icon {
	color: #8DC43C;
}

.region-block[data-region="中部エリア"] .region-block-title-icon {
	color: #F29B76;
}

.region-block[data-region="近畿エリア"] .region-block-title-icon {
	color: #05ACA9;
}

.region-block[data-region="中国エリア"] .region-block-title-icon {
	color: #F39800;
}

.region-block[data-region="四国エリア"] .region-block-title-icon {
	color: #8F82BC;
}

.region-block[data-region="九州エリア"] .region-block-title-icon {
	color: #05ACA9;
}

.region-block[data-region="北海道エリア"] .region-names {
	margin-top: 0;
}

@media (min-width: 1401px) {
	.region-wrapper {
		padding-top: 107px;
		padding-bottom: 83px;
	}

	.region-title-wrapper,
	.region-main {
		width: 1000px;
	}

	.region-title-wrapper {
		margin-top: 116px;
	}

	.region-title-top {
		gap: 31px;
	}

	.region-title {
		font-size: 36px;
	}

	.region-title-sub {
		font-size: 20px;
		margin-top: 30px;
	}

	.region-main {
		margin-top: 30px;
	}

	.region-map-image {
		top: 20px;
		width: 440px;
	}

	.region-columns {
		gap: 11px;
		width: 651px;
	}

	.region-column {
		gap: 27px;
	}

	.region-block {
		border-radius: 30px;
		padding-top: 5px;
		padding-left: 13px;
		padding-right: 26px;
		padding-bottom: 22px;
	}

	.region-block-title {
		gap: 8 px;
	}

	.region-block-title-icon {
		font-size: 20 px;
	}

	.region-block-title-text {
		font-size: 18 px;
	}

	.region-block[data-region="北海道エリア"] .region-names {
		margin-left: 6px;
	}

	.region-names {
		row-gap: 11px;
		margin-top: 14px;
	}

	.region-name {
		font-size: 16 px;
	}
}

@media (max-width: 1400px) and (min-width: 641px) {
	.region-wrapper {
		padding-top: calc(100vw * 107 / 1400);
		padding-bottom: calc(100vw * 83 / 1400);
	}

	.region-title-wrapper,
	.region-main {
		width: calc(100vw * 1000 / 1400);
	}

	.region-title-wrapper {
		margin-top: calc(100vw * 116 / 1400);
	}

	.region-title-top {
		gap: calc(100vw * 31 / 1400);
	}

	.region-title {
		font-size: calc(100vw * 36 / 1400);
	}

	.region-title-sub {
		font-size: calc(100vw * 20 / 1400);
		margin-top: calc(100vw * 30 / 1400);
	}

	.region-main {
		margin-top: calc(100vw * 30 / 1400);
	}

	.region-map-image {
		top: calc(100vw * 20 / 1400);
		width: calc(100vw * 440 / 1400);
	}

	.region-columns {
		gap: calc(100vw * 11 / 1400);
		width: calc(100vw * 651 / 1400);
	}

	.region-column {
		gap: calc(100vw * 27 / 1400);
	}

	.region-block {
		border-radius: calc(100vw * 30 / 1400);
		padding-top: calc(100vw * 5 / 1400);
		padding-left: calc(100vw * 14 / 1400);
		padding-right: calc(100vw * 26 / 1400);
		padding-bottom: calc(100vw * 22 / 1400);
	}

	.region-block-title {
		gap: calc(100vw * 8 / 1400);
	}

	.region-block-title-icon {
		font-size: calc(100vw * 20 / 1400);
	}

	.region-block-title-text {
		font-size: calc(100vw * 18 / 1400);
	}

	.region-block[data-region="北海道エリア"] .region-names {
		margin-left: calc(100vw * 6 / 1400);
	}

	.region-names {
		row-gap: calc(100vw * 11 / 1400);
		margin-top: calc(100vw * 14 / 1400);
	}

	.region-name {
		font-size: calc(100vw * 16 / 1400);
	}
}

@media (min-width: 641px) {
	.region-column {
		width: 50%;
	}
}

@media (max-width: 640px) {
	.region-wrapper {
		padding-top: calc(100vw * 107 / 640);
		padding-left: calc(100vw * 30 / 640);
		padding-right: calc(100vw * 30 / 640);
		padding-bottom: calc(100vw * 83 / 640);
	}

	.region-title-wrapper,
	.region-main {
		width: 100%;
	}

	.region-title-wrapper {
		margin-top: calc(100vw * 86 / 640);
		padding-left: calc(100vw * 15 / 640);
	}

	.region-title-top {
		gap: calc(100vw * 31 / 640);
	}

	.region-title {
		font-size: calc(100vw * 44 / 640);
	}

	.region-title-sub {
		font-size: calc(100vw * 24 / 640);
		line-height: calc(46 / 24);
		margin-top: calc(100vw * 25 / 640);
	}

	.region-main {
		align-items: stretch;
		flex-direction: column;
		margin-top: calc(100vw * -140 / 640);
	}

	.region-map {
		height: calc(100vw * 423 / 640);
	}

	.region-map-image {
		top: calc(100vw * -43 / 640);
		right: calc(100vw * 25 / 640);
		width: calc(100vw * 397 / 640);
	}

	.region-columns {
		flex-direction: column;
		gap: calc(100vw * 24 / 640);
		width: 100%;
	}

	.region-column {
		gap: calc(100vw * 22 / 640);
	}

	.region-block {
		align-items: center;
		border-radius: calc(100vw * 20 / 640);
		flex-direction: row;
		padding-top: calc(100vw * 16 / 640);
		padding-left: calc(100vw * 30 / 640);
		padding-right: calc(100vw * 20 / 640);
		padding-bottom: calc(100vw * 16 / 640);
	}

	.region-block-title {
		flex-shrink: 0;
		gap: calc(100vw * 8 / 640);
		width: calc(100vw * 170 / 640);
	}

	.region-block-title-icon {
		font-size: calc(100vw * 20 / 640);
	}

	.region-block-title-text {
		font-size: calc(100vw * 22 / 640);
	}

	.region-block[data-region="北海道エリア"] .region-names {
		margin-left: calc(100vw * 6 / 640);
	}

	.region-names {
		row-gap: calc(100vw * 11 / 640);
	}

	.region-name {
		font-size: calc(100vw * 20 / 640);
	}
}









.faq-title-wrapper:before {
	position: absolute;
	left: 0;
	color: #F4EFE6;
	content: attr(data-bg-text);
	font-weight: bold;
	line-height: 1;
	pointer-events: none;
}

.faq-title {
	z-index: 1;
}

.faq-items {
	position: relative;
	z-index: 1;
}

.faq-item {
	--body-height: 0;
}

.faq-item-header {
	background-color: #67533F;
	transition: border-radius .5s;
}

.faq-item-header-arrow {
	transition: transform .5s;
}

.faq-item-header-arrow:before {
	font-family: "Font Awesome 6 Pro";
}

.faq-item.__expanded .faq-item-header-arrow {
	transform: rotateX(180deg);
}

.faq-item:not(.__expanded) .faq-item-body {
	display: none;
}

.faq-item-body-wrapper:before {
	position: absolute;
	color: #B5A381;
	content: "A";
	font-weight: bold;
}

.faq-item-body-wrapper {
	border: 1px solid #B5A381;
	line-height: calc(36 / 20);
}

.faq-cta-container {
	background-color: #F8F4EE;
	box-shadow: none;
	width: 100%;
}

.faq-cta-staff {
	z-index: 1;
}

@media (min-width: 1401px) {
	.faq-wrapper {
		padding-bottom: 80px;
	}

	.faq-title-wrapper {
		height: 157px;
		padding-left: 99px;
	}

	.faq-title-wrapper:before {
		top: -7px;
		font-size: 210px;
	}

	.faq-title {
		font-size: 36px;
		transform: translateY(52px);
	}

	.faq-items {
		gap: 24px;
		margin-top: 31px;
		width: 1000px;
	}

	.faq-item-header {
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
		font-size: 23px;
		padding-top: 18px;
		padding-left: 51px;
		padding-right: 30px;
		padding-bottom: 18px;
	}

	.faq-item:not(.__expanded) .faq-item-header {
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
	}

	.faq-item-body,
	.faq-item-body-wrapper {
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
	}

	.faq-item-body-wrapper {
		font-size: 20px;
		padding-top: 30px;
		padding-left: 110px;
		padding-right: 30px;
		padding-bottom: 28px;
	}

	.faq-item-body-wrapper:before {
		top: 16px;
		left: 54px;
		font-size: 37px;
	}

	.faq-cta-container {
		margin-top: 51px;
		padding-top: 44px;
		padding-bottom: 48px;
		width: 1200px;
	}

	.faq-cta-staff {
		height: 281px;
		width: 217px;
	}
}

@media (max-width: 1400px) and (min-width: 641px) {
	.faq-wrapper {
		padding-bottom: calc(100vw * 80 / 1400);
	}

	.faq-title-wrapper {
		height: calc(100vw * 157 / 1400);
		padding-left: calc(100vw * 99 / 1400);
	}

	.faq-title-wrapper:before {
		top: calc(100vw * -7 / 1400);
		font-size: calc(100vw * 210 / 1400);
	}

	.faq-title {
		font-size: calc(100vw * 36 / 1400);
		transform: translateY(calc(100vw * 52 / 1400));
	}

	.faq-items {
		gap: calc(100vw * 24 / 1400);
		margin-top: calc(100vw * 31 / 1400);
		width: calc(100vw * 1000 / 1400);
	}

	.faq-item-header {
		border-top-left-radius: calc(100vw * 10 / 1400);
		border-top-right-radius: calc(100vw * 10 / 1400);
		font-size: calc(100vw * 23 / 1400);
		padding-top: calc(100vw * 18 / 1400);
		padding-left: calc(100vw * 51 / 1400);
		padding-right: calc(100vw * 30 / 1400);
		padding-bottom: calc(100vw * 18 / 1400);
	}

	.faq-item:not(.__expanded) .faq-item-header {
		border-bottom-left-radius: calc(100vw * 10 / 1400);
		border-bottom-right-radius: calc(100vw * 10 / 1400);
	}

	.faq-item-body,
	.faq-item-body-wrapper {
		border-bottom-left-radius: calc(100vw * 10 / 1400);
		border-bottom-right-radius: calc(100vw * 10 / 1400);
	}

	.faq-item-body-wrapper {
		font-size: calc(100vw * 20 / 1400);
		padding-top: calc(100vw * 30 / 1400);
		padding-left: calc(100vw * 110 / 1400);
		padding-right: calc(100vw * 30 / 1400);
		padding-bottom: calc(100vw * 28 / 1400);
	}

	.faq-item-body-wrapper:before {
		top: calc(100vw * 16 / 1400);
		left: calc(100vw * 54 / 1400);
		font-size: calc(100vw * 37 / 1400);
	}

	.faq-cta-container {
		margin-top: calc(100vw * 51 / 1400);
		padding-top: calc(100vw * 44 / 1400);
		padding-bottom: calc(100vw * 48 / 1400);
		width: calc(100vw * 1200 / 1400);
	}

	.faq-cta-staff {
		height: calc(100vw * 281 / 1400);
		width: calc(100vw * 217 / 1400);
	}
}

@media (min-width: 641px) {
	.faq-cta-staff {
		right: 0;
	}
}

@media (max-width: 640px) {
	.faq-wrapper {
		padding-left: calc(100vw * 25 / 640);
		padding-right: calc(100vw * 25 / 640);
		padding-bottom: calc(100vw * 80 / 640);
	}

	.faq-title-wrapper {
		height: calc(100vw * 164 / 640);
		justify-content: center;
		padding-top: calc(100vw * 80 / 640);
	}

	.faq-title-wrapper:before {
		top: calc(100vw * -27 / 640);
		font-size: calc(100vw * 210 / 640);
	}

	.faq-title {
		font-size: calc(100vw * 44 / 640);
		text-align: center;
	}

	.faq-items {
		gap: calc(100vw * 18 / 640);
		margin-top: calc(100vw * 83 / 640);
		width: 100%;
	}

	.faq-item.__expanded {
		/*margin-bottom: calc(100vw * 20 / 640);*/
	}

	.faq-item-header {
		border-top-left-radius: calc(100vw * 10 / 640);
		border-top-right-radius: calc(100vw * 10 / 640);
		font-size: calc(100vw * 23 / 640);
		padding-top: calc(100vw * 21 / 640);
		padding-left: calc(100vw * 29 / 640);
		padding-right: calc(100vw * 23 / 640);
		padding-bottom: calc(100vw * 22 / 640);
	}

	.faq-item-title {
		letter-spacing: .1em;
		line-height: calc(38 / 28);
	}

	.faq-item-header-arrow {
		position: relative;
		top: calc(100vw * 3 / 640);
		font-size: calc(100vw * 32 / 640);
	}

	.faq-item:not(.__expanded) .faq-item-header {
		border-bottom-left-radius: calc(100vw * 10 / 640);
		border-bottom-right-radius: calc(100vw * 10 / 640);
	}

	.faq-item-body,
	.faq-item-body-wrapper {
		border-bottom-left-radius: calc(100vw * 10 / 640);
		border-bottom-right-radius: calc(100vw * 10 / 640);
	}

	.faq-item-body-wrapper {
		font-size: calc(100vw * 24 / 640);
		line-height: calc(46 / 24);
		padding-top: calc(100vw * 20 / 640);
		padding-left: calc(100vw * 83 / 640);
		padding-right: calc(100vw * 30 / 640);
		padding-bottom: calc(100vw * 28 / 640);
	}

	.faq-item-body-wrapper:before {
		top: calc(100vw * 3 / 640);
		left: calc(100vw * 29 / 640);
		content: "A.";
		font-size: calc(100vw * 36 / 640);
	}

	.faq-cta-container,
	.faq-cta-staff {
		display: none;
	}
}








.other-title-wrapper {
	border-bottom: 1px solid var(--color-red);
}

.other-title {
	line-height: calc(48 / 40);
}

.other-title-sub {
	line-height: calc(39 / 25);
}

.other-type {
	background-color: #F8F5F5;
}

.other-middle-text {
	line-height: calc(34 / 18);
}

.other-banner:before {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(4,0,0,.58);
	content: "";
	z-index: 1;
}

.other-banner-content {
	position: relative;
	z-index: 2;
}

.other-banner-text {
	line-height: calc(34 / 20);
}

.other-banner-action {
	border: 2px solid #D8624C;
	border-radius: 9999px;
	transition: background-color .2s, color .2s;
}

.other-banner-action:hover {
	background-color: white;
	color: #D8624C;
}

.other-banner-action:not(:hover) {
	background-color: #D8624C;
	color: white;
}

@media (min-width: 1401px) {
	.other-wrapper {
		padding-top: 81px;
		padding-bottom: 58px;
	}

	.other-bg-pearls.__left1 {
		top: -108px;
		height: 319px;
		width: 350px;
	}

	.other-bg-pearls.__left1 .other-bg-pearls-image.__pearls {
		right: 203px;
		height: 319px;
		width: 181px;
	}

	.other-bg-pearls.__left1 .other-bg-pearls-image.__scale {
		top: 50px;
		height: 269px;
		width: 359px;
	}

	.other-bg-pearls.__right1 {
		top: 27px;
		height: 295px;
		width: 219px;
	}

	.other-bg-pearls.__right1 .other-bg-pearls-image {
		left: 35px;
		height: 295px;
		width: 219px;
	}

	.other-title-wrapper {
		padding-bottom: 27px;
		width: 845px;
	}

	.other-title-staff {
		right: -45px;
		width: 171px;
	}

	.other-title {
		font-size: 40px;
		margin-top: 11px;
	}

	.other-title-sub {
		font-size: 25px;
	}

	.other-title-sub svg {
		transform: translateY(4px);
	}

	.other-types {
		gap: 20px;
		margin-top: 40px;
		width: 1124px;
	}

	.other-type {
		border-radius: 5px;
		gap: 15px;
		padding: 9px;
	}

	.other-type-image {
		height: 52px;
		width: 52px;
	}

	.other-type-title {
		font-size: 20px;
	}

	.other-middle-text {
		font-size: 18px;
		margin-top: 29px;
	}

	.other-banner,
	.other-banner:before,
	.other-banner-image {
		border-radius: 20px;
	}

	.other-banner {
		height: 344px;
		margin-top: 53px;
		width: 1000px;
	}

	.other-banner-title {
		font-size: 48px;
	}

	.other-banner-text {
		font-size: 20px;
		margin-top: 17px;
		width: 703px;
	}

	.other-banner-action {
		font-size: 20px;
		gap: 35px;
		height: 70px;
		margin-top: 25px;
		width: 432px;
	}

	.other-banner-action-text,
	.other-banner-action-arrow {
		transform: translateX(10px);
	}
}

@media (max-width: 1400px) and (min-width: 641px) {
	.other-wrapper {
		padding-top: calc(100vw * 81 / 1400);
		padding-bottom: calc(100vw * 58 / 1400);
	}

	.other-bg-pearls.__left1 {
		top: calc(100vw * -108 / 1400);
		height: calc(100vw * 319 / 1400);
		width: calc(100vw * 350 / 1400);
	}

	.other-bg-pearls.__left1 .other-bg-pearls-image.__pearls {
		right: calc(100vw * 203 / 1400);
		height: calc(100vw * 319 / 1400);
		width: calc(100vw * 181 / 1400);
	}

	.other-bg-pearls.__left1 .other-bg-pearls-image.__scale {
		top: calc(100vw * 50 / 1400);
		height: calc(100vw * 269 / 1400);
		width: calc(100vw * 359 / 1400);
	}

	.other-bg-pearls.__right1 {
		top: calc(100vw * 27 / 1400);
		height: calc(100vw * 295 / 1400);
		width: calc(100vw * 219 / 1400);
	}

	.other-bg-pearls.__right1 .other-bg-pearls-image {
		left: calc(100vw * 35 / 1400);
		height: calc(100vw * 295 / 1400);
		width: calc(100vw * 219 / 1400);
	}

	.other-title-wrapper {
		padding-bottom: calc(100vw * 27 / 1400);
		width: calc(100vw * 845 / 1400);
	}

	.other-title-staff {
		right: calc(100vw * -45 / 1400);
		width: calc(100vw * 171 / 1400);
	}

	.other-title {
		font-size: calc(100vw * 40 / 1400);
		margin-top: calc(100vw * 11 / 1400);
	}

	.other-title-sub {
		font-size: calc(100vw * 25 / 1400);
	}

	.other-title-sub svg {
		transform: translateY(calc(100vw * 4 / 1400));
	}

	.other-types {
		gap: calc(100vw * 20 / 1400);
		margin-top: calc(100vw * 40 / 1400);
		width: calc(100vw * 1124 / 1400);
	}

	.other-type {
		border-radius: calc(100vw * 5 / 1400);
		gap: calc(100vw * 15 / 1400);
		padding: calc(100vw * 9 / 1400);
	}

	.other-type-image {
		height: calc(100vw * 52 / 1400);
		width: calc(100vw * 52 / 1400);
	}

	.other-type-title {
		font-size: calc(100vw * 20 / 1400);
	}

	.other-middle-text {
		font-size: calc(100vw * 18 / 1400);
		margin-top: calc(100vw * 29 / 1400);
	}

	.other-banner,
	.other-banner:before,
	.other-banner-image {
		border-radius: calc(100vw * 20 / 1400);
	}

	.other-banner {
		height: calc(100vw * 344 / 1400);
		margin-top: calc(100vw * 53 / 1400);
		width: calc(100vw * 1000 / 1400);
	}

	.other-banner-title {
		font-size: calc(100vw * 48 / 1400);
	}

	.other-banner-text {
		font-size: calc(100vw * 20 / 1400);
		margin-top: calc(100vw * 17 / 1400);
		width: calc(100vw * 703 / 1400);
	}

	.other-banner-action {
		font-size: calc(100vw * 20 / 1400);
		gap: calc(100vw * 35 / 1400);
		height: calc(100vw * 70 / 1400);
		margin-top: calc(100vw * 25 / 1400);
		width: calc(100vw * 432 / 1400);
	}

	.other-banner-action-text,
	.other-banner-action-arrow {
		transform: translateX(calc(100vw * 10 / 1400));
	}
}

@media (min-width: 641px) {
	.other-types {
		grid-template-columns: repeat(4, 1fr);
	}
}

@media (max-width: 640px) {
	.other-wrapper {
		padding-top: calc(100vw * 77 / 640);
		padding-left: calc(100vw * 25 / 640);
		padding-right: calc(100vw * 25 / 640);
		padding-bottom: calc(100vw * 58 / 640);
	}

	.other-bg-pearls.__left1 {
		top: calc(100vw * -60 / 640);
		height: calc(100vw * 319 / 640);
		width: calc(100vw * 350 / 640);
	}

	.other-bg-pearls.__left1 .other-bg-pearls-image.__pearls {
		right: calc(100vw * 273 / 640);
		height: calc(100vw * 333 / 640);
		width: calc(100vw * 134 / 640);
	}

	.other-bg-pearls.__left1 .other-bg-pearls-image.__scale {
		top: calc(100vw * 50 / 640);
		right: calc(100vw * 77 / 640);
		height: calc(100vw * 269 / 640);
		width: calc(100vw * 359 / 640);
	}

	.other-bg-pearls.__right1 {
		top: calc(100vw * -63 / 640);
		height: calc(100vw * 226 / 640);
		width: calc(100vw * 120 / 640);
	}

	.other-bg-pearls.__right1 .other-bg-pearls-image {
		height: calc(100vw * 226 / 640);
		width: calc(100vw * 168 / 640);
	}

	.other-title-wrapper {
		align-items: flex-start;
		padding-left: calc(100vw * 37 / 640);
		padding-bottom: calc(100vw * 34 / 640);
		width: 100%;
	}

	.other-title-slash {
		position: absolute;
		bottom: calc(100vw * 32 / 640);
		/*height: calc(100vw * 25 / 640);*/
		width: calc(100vw * 26 / 640);
	}

	.other-title-slash.__left {
		left: calc(100vw * -6 / 640);
	}

	.other-title-slash.__right {
		right: calc(100vw * 244 / 640);
	}

	.other-title-staff {
		right: calc(100vw * -13 / 640);
		width: calc(100vw * 254 / 640);
	}

	.other-title {
		font-size: calc(100vw * 40 / 640);
		margin-top: calc(100vw * 20 / 640);
		text-align: left;
	}

	.other-title-sub {
		font-size: calc(100vw * 25 / 640);
		text-align: left;
	}

	.other-title-sub svg {
		transform: translateY(calc(100vw * 4 / 640));
	}

	.other-types {
		gap: calc(100vw * 16 / 640);
		grid-template-columns: 1fr 1fr;
		margin-top: calc(100vw * 30 / 640);
		width: 100%;
	}

	.other-type {
		border-radius: calc(100vw * 5 / 640);
		gap: calc(100vw * 15 / 640);
		padding: calc(100vw * 9 / 640) calc(100vw * 17 / 640);
	}

	.other-type-image {
		height: calc(100vw * 52 / 640);
		width: calc(100vw * 52 / 640);
	}

	.other-type-title {
		font-size: calc(100vw * 22 / 640);
	}

	.other-middle-text {
		font-size: calc(100vw * 24 / 640);
		line-height: calc(46 / 24);
		margin-top: calc(100vw * 42 / 640);
	}

	.other-banner,
	.other-banner:before,
	.other-banner-image {
		border-radius: calc(100vw * 20 / 640);
	}

	.other-banner {
		height: calc(100vw * 480 / 640);
		margin-top: calc(100vw * 40 / 640);
		width: 100%;
	}

	.other-banner-content {
		justify-content: flex-start;
		height: 100%;
		padding-top: calc(100vw * 97 / 640);
	}

	.other-banner-title {
		font-size: calc(100vw * 52 / 640);
	}

	.other-banner-text {
		font-size: calc(100vw * 22 / 640);
		line-height: calc(40 / 22);
		margin-top: calc(100vw * 34 / 640);
		width: calc(100vw * 460 / 640);
	}

	.other-banner-action {
		font-size: calc(100vw * 24 / 640);
		height: calc(100vw * 90 / 640);
		margin-top: calc(100vw * 34 / 640);
		width: calc(100vw * 480 / 640);
	}

	.other-banner-action-text {
		transform: translateX(calc(100vw * 10 / 640));
	}

	.other-banner-action-arrow {
		transform: translateX(calc(100vw * 37 / 640));
	}
}






.experience-wrapper {
	background-color: #F7F0E2;
}

.experience-title-wrapper {
	background-color: #F7F0E2;
	color: #67533F;
}

.experience-item-text {
	line-height: calc(28 / 18);
}

.experience-swiper-wrapper {
	transition-timing-function : linear !important;
}

.experience-item-category {
	background-color: #E0D5C0;
}

.inventory-action:hover {
	border-color: white;
}

@media (min-width: 1401px) {
	.experience-section {
		padding-top: 78px;
	}

	.experience-wrapper {
		padding-top: 9px;
		padding-bottom: 51px;
	}

	.experience-title-wrapper {
		border-radius: 20px;
		gap: 14px;
		height: 130px;
		margin-top: -80px;
		padding-top: 39px;
		width: 1000px;
	}

	.experience-title {
		font-size: 52px;
	}

	.experience-title-sub {
		font-size: 24px;
	}

	.experience-items {
		margin-top: 47px;
	}

	.experience-item-category {
		border-radius: 5px;
		font-size: 14px;
		margin-top: 9px;
		padding: 5px 15px;
	}

	.experience-item-text {
		font-size: 18px;
		margin-top: 15px;
	}

	.experience-date {
		font-size: 14px;
		margin-top: 3px;
	}

	.experience-action {
		font-size: 24px;
		height: 80px;
		margin-top: 46px;
		width: 457px;
	}

	.experience-action .big-action-text {
		transform: translateX(30px);
	}

	.experience-action .big-action-arrow {
		transform: translateX(85px);
	}
}

@media (max-width: 1400px) and (min-width: 641px) {
	.experience-section {
		padding-top: calc(100vw * 78 / 1400);
	}

	.experience-wrapper {
		padding-top: calc(100vw * 9 / 1400);
		padding-bottom: calc(100vw * 51 / 1400);
	}

	.experience-title-wrapper {
		border-radius: calc(100vw * 20 / 1400);
		gap: calc(100vw * 14 / 1400);
		height: calc(100vw * 130 / 1400);
		margin-top: calc(100vw * -80 / 1400);
		padding-top: calc(100vw * 39 / 1400);
		width: calc(100vw * 1000 / 1400);
	}

	.experience-title {
		font-size: calc(100vw * 52 / 1400);
	}

	.experience-title-sub {
		font-size: calc(100vw * 24 / 1400);
	}

	.experience-items {
		margin-top: calc(100vw * 47 / 1400);
	}

	.experience-item-category {
		border-radius: calc(100vw * 5 / 1400);
		font-size: calc(100vw * 14 / 1400);
		margin-top: calc(100vw * 9 / 1400);
		padding: calc(100vw * 5 / 1400) calc(100vw * 15 / 1400);
	}

	.experience-item-text {
		font-size: calc(100vw * 18 / 1400);
		margin-top: calc(100vw * 15 / 1400);
	}

	.experience-date {
		font-size: calc(100vw * 14 / 1400);
		margin-top: calc(100vw * 3 / 1400);
	}

	.experience-action {
		font-size: calc(100vw * 24 / 1400);
		height: calc(100vw * 80 / 1400);
		margin-top: calc(100vw * 46 / 1400);
		width: calc(100vw * 457 / 1400);
	}

	.experience-action .big-action-text {
		transform: translateX(calc(100vw * 30 / 1400));
	}

	.experience-action .big-action-arrow {
		transform: translateX(calc(100vw * 85 / 1400));
	}
}

@media (min-width: 641px) {
}

@media (max-width: 640px) {
	.experience-section {
		padding-top: calc(100vw * 118 / 640);
	}

	.experience-wrapper {
		padding-bottom: calc(100vw * 51 / 640);
	}

	.experience-title-wrapper {
		border-radius: calc(100vw * 20 / 640);
		gap: calc(100vw * 14 / 640);
		height: calc(100vw * 130 / 640);
		margin-top: calc(100vw * -57 / 640);
		padding-top: calc(100vw * 36 / 640);
		width: calc(100vw * 514 / 640);
	}

	.experience-title {
		font-size: calc(100vw * 52 / 640);
	}

	.experience-title-sub {
		font-size: calc(100vw * 28 / 640);
	}

	.experience-items {
		margin-top: calc(100vw * 39 / 640);
	}

	.experience-item-category {
		border-radius: calc(100vw * 5 / 640);
		font-size: calc(100vw * 18 / 640);
		margin-top: calc(100vw * 16 / 640);
		padding: calc(100vw * 5 / 640) calc(100vw * 15 / 640);
	}

	.experience-item-text {
		font-size: calc(100vw * 26 / 640);
		line-height: calc(38 / 26);
		margin-top: calc(100vw * 15 / 640);
	}

	.experience-date {
		font-size: calc(100vw * 18 / 640);
		margin-top: calc(100vw * 5 / 640);
	}

	.experience-action {
		font-size: calc(100vw * 28 / 640);
		height: calc(100vw * 100 / 640);
		margin-top: calc(100vw * 55 / 640);
		width: calc(100vw * 500 / 640);
	}

	.experience-action .big-action-text {
		transform: translateX(calc(100vw * 30 / 640));
	}

	.experience-action .big-action-arrow {
		transform: translateX(calc(100vw * 85 / 640));
	}
}


@media (min-width: 1401px) {
	.footer-header-text {
		gap: 9px;
	}
}

@media (max-width: 1400px) and (min-width: 768px) {
	.footer-header-text {
		gap: calc(100vw * 9 / 1400);
	}
}

/* jewelry-aboutセクション */
@media (min-width: 1401px) {
	.jewelry-about-section .u-wrapper {
		position: relative;
		padding-top: 60px;
		padding-bottom: 80px;
	}

	.jewelry-about-section .u-wrapper:before {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		background-image: url(/wp-content/themes/ginza-re-pearl/assets/img/top/bg_waves_yellow_seamless.svg);
		background-position: bottom center;
		background-repeat: repeat-x;
		content: "";
		opacity: .33;
		z-index: 0;
		height: 75px;
	}

	.jewelry-about-section .section-title-wrapper {
		position: relative;
		z-index: 1;
	}

	.jewelry-about-content {
		position: relative;
		z-index: 1;
		margin-top: 40px;
		max-width: 1000px;
		width: 100%;
	}

	.jewelry-about-content h3 {
		font-size: 28px;
		font-weight: bold;
		margin-bottom: 20px;
		margin-top: 40px;
	}

	.jewelry-about-content h3:first-child {
		margin-top: 0;
	}

	.jewelry-about-content p {
		font-size: 16px;
		line-height: 1.8;
		margin-bottom: 20px;
		clear: both;
	}

	.jewelry-about-content img {
		display: block;
		max-width: 100%;
		height: auto;
		margin: 20px auto;
		clear: both;
	}

	.jewelry-about-content figure {
		display: block;
		margin: 20px 0;
		clear: both;
		text-align: center;
	}

	.jewelry-about-content figure img {
		margin: 0 auto;
	}
}

@media (min-width: 641px) and (max-width: 1400px) {
	.jewelry-about-section .u-wrapper {
		position: relative;
		padding-top: calc(100vw * 60 / 1400);
		padding-bottom: calc(100vw * 80 / 1400);
	}

	.jewelry-about-section .u-wrapper:before {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		background-image: url(/wp-content/themes/ginza-re-pearl/assets/img/top/bg_waves_yellow_seamless.svg);
		background-position: bottom center;
		background-repeat: repeat-x;
		content: "";
		opacity: .33;
		z-index: 0;
		height: calc(100vw * 75 / 1400);
	}

	.jewelry-about-section .section-title-wrapper {
		position: relative;
		z-index: 1;
	}

	.jewelry-about-content {
		position: relative;
		z-index: 1;
		margin-top: calc(100vw * 40 / 1400);
		max-width: calc(100vw * 1000 / 1400);
		width: 100%;
	}

	.jewelry-about-content h3 {
		font-size: calc(100vw * 28 / 1400);
		font-weight: bold;
		margin-bottom: calc(100vw * 20 / 1400);
		margin-top: calc(100vw * 40 / 1400);
	}

	.jewelry-about-content h3:first-child {
		margin-top: 0;
	}

	.jewelry-about-content p {
		font-size: calc(100vw * 16 / 1400);
		line-height: 1.8;
		margin-bottom: calc(100vw * 20 / 1400);
		clear: both;
	}

	.jewelry-about-content img {
		display: block;
		max-width: 100%;
		height: auto;
		margin: calc(100vw * 20 / 1400) auto;
		clear: both;
	}

	.jewelry-about-content figure {
		display: block;
		margin: calc(100vw * 20 / 1400) 0;
		clear: both;
		text-align: center;
	}

	.jewelry-about-content figure img {
		margin: 0 auto;
	}
}

@media (max-width: 640px) {
	.jewelry-about-section .u-wrapper {
		position: relative;
		padding-top: calc(100vw * 50 / 640);
		padding-bottom: calc(100vw * 70 / 640);
	}

	.jewelry-about-section .u-wrapper:before {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		background-image: url(/wp-content/themes/ginza-re-pearl/assets/img/top/bg_waves_yellow_seamless.svg);
		background-position: bottom center;
		background-repeat: repeat-x;
		content: "";
		opacity: .33;
		z-index: 0;
		height: calc(100vw * 75 / 640);
	}

	.jewelry-about-section .section-title-wrapper {
		position: relative;
		z-index: 1;
	}

	.jewelry-about-content {
		position: relative;
		z-index: 1;
		margin-top: calc(100vw * 35 / 640);
		width: 100%;
	}

	.jewelry-about-content h3 {
		font-size: calc(100vw * 32 / 640);
		font-weight: bold;
		margin-bottom: calc(100vw * 20 / 640);
		margin-top: calc(100vw * 40 / 640);
	}

	.jewelry-about-content h3:first-child {
		margin-top: 0;
	}

	.jewelry-about-content p {
		font-size: calc(100vw * 26 / 640);
		line-height: 1.8;
		margin-bottom: calc(100vw * 20 / 640);
		clear: both;
	}

	.jewelry-about-content img {
		display: block;
		max-width: 100%;
		height: auto;
		margin: calc(100vw * 20 / 640) auto;
		clear: both;
	}

	.jewelry-about-content figure {
		display: block;
		margin: calc(100vw * 20 / 640) 0;
		clear: both;
		text-align: center;
	}

	.jewelry-about-content figure img {
		margin: 0 auto;
	}
}