:root {
	/* color */
	--white: #fff;
	--pink: #e5577a;
	--green: #009C02;
	--color-font: #333;
	--color-main: #d05164;
	--color-sub: #7588bb;
	--color_cta: var(--pink);
	--color_cta_emphasis: var(--green);
	/* カラー */
	--color_font: #3d3128;
	--color_yellow: #ffe190;
	--color_light-pink: #fff0f0;
	--color_milk-pink: #f6becd;
	--color_pink: #e5577a;
	--color_dark-pink: #d94c6e;
}
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
html,
body {
	font-family: kozuka-gothic-pr6n, sans-serif;
	font-weight: 400;
	color: var(--color-font);
}
main {
	overflow-x: hidden;
}
p {
	margin: 0px;
	padding: 0px;
}
a:hover,
a:focus,
a:active {
	outline: none;
	text-decoration: none;
}
input {
	transition: all 0.3s linear;
}
textarea:hover,
textarea:focus,
textarea:active,
input:hover,
input:focus,
input:active {
	outline: none;
}
input::placeholder {
	color: #bdc1cc;
}
textarea::placeholder {
	color: #bdc1cc;
}
ul {
	margin: 0px;
	padding: 0px;
}
ul li {
	list-style-type: none;
}
img {
	border: 0px;
	max-width: 100%;
	height: auto;
}

/* 部分スタイル */
.under-line__yellow {
	background: linear-gradient(transparent 60%, var(--color_yellow) 60%);
}
.ladies-btn,
.faq__more-view-button {
	display: inline-block;
	padding: 10px 30px;
	color: var(--white);
	transition: 0.3s;
}
.ladies-btn:hover,
.faq__more-view-button:hover {
	filter: brightness(1.1);
}

/* -------------------------------------------------------------------------

 section

------------------------------------------------------------------------- */
.section {
	padding-block: var(--space_lg);
	padding-inline: var(--space_sm);
}
.section__inner {
	margin-inline: auto;
	max-width: 960px;
}
.section__title {
	margin-bottom: var(--space_sm);
	font-size: min(6.5vw, 1.75em);
	font-weight: bold;
	line-height: 1.3;
}
.section__title-text--small {
	font-size: 0.66em;
}
/* タイトル下説明等 */
.section__overview {
	margin-bottom: var(--space_sm);
}
.section__overview--center {
	margin-bottom: var(--space_sm);
	text-align: center;
}
.section__overview-unit + .section__overview-unit {
	margin-top: 1em;
}
@media screen and (min-width: 768px) {
	.section {
		padding-block: var(--space_3xl);
		padding-inline: var(--space_sm);
	}
	.section__overview {
		margin-bottom: var(--space_md);
	}
	.section__overview--center {
		margin-bottom: var(--space_md);
	}
}
@media screen and (min-width: 992px) {
	.section__title {
		font-size: 2em;
	}
}

/* -------------------------------------------------------------------------

タイトル

------------------------------------------------------------------------- */
.category__title {
	position: relative;
	background: var(--pink);
	font-family: 'Arial Narrow', Arial, sans-serif;
}
.category__title-left,
.category__title-right {
	position: absolute;
	top: 0;
	height: 100%;
	object-fit: cover;
	z-index: 1;
}
.category__title-left {
	width: 100px;
	object-position: right;
	left: 0;
}
.category__title-right {
	width: 180px;
	object-position: left;
	right: 0;
}
.category__title-text {
	padding: var(--space_sm) var(--space_xs);
	position: relative;
	z-index: 2;
	text-align: center;
	font-size: var(--font-size_4md);
	font-weight: bold;
	color: var(--white);
}
@media screen and (min-width: 768px) {
	.category__title-left {
		width: 25%;
	}
	.category__title-right {
		width: fit-content;
	}
	.category__title-text {
		padding: var(--space_md) var(--space_xs);
		font-size: var(--font-size_xl);
	}
}

/* -------------------------------------------------------------------------

 global-navigation / hamburger-button

------------------------------------------------------------------------- */
.hamburger-button {
	--hamburger-button_size: max-content;
	--hamburger-button_padding: var(--space_2xs);
	--hamburger-button_color: #333;
	--hamburger-button_background: var(--color_base)
}
.global-navigation {
	--global-navigation_gap: var(--space_md);
	--global-navigation_border-color: var(--color-sub);
	--global-navigation_background: #f1f3f8;
	--global-navigation_icon-color: var(--white);
	--global-navigation_icon-background: #fb8092;
	--global-navigation_hamburger-button_border: 1px solid #333;
	--global-navigation_modal_color: inherit
}

/* -------------------------------------------------------------------------

お問い合わせ

------------------------------------------------------------------------- */
.contact-section {
	background-color: #fff;
	padding: var(--space_xl) var(--space_xs);
}
@media screen and (min-width: 768px) {
	.contact-section {
		padding: var(--space_4xl) var(--space_xs) var(--space_xl);
	}
}
.contact-section__inner {
	display: grid;
	gap: var(--space_xl);
	max-width: 1000px;
	margin: auto;
}
.contact__main {
	background: var(--white);
	border: 7px solid #d3c19d;
	border-radius: 20px;
	box-sizing: border-box;
	margin: auto;
	max-width: 1000px;
	padding-top: var(--space_md);
	padding-bottom: 30px;
	position: relative;
	width: 100%;
	box-shadow: 0 0 7px 0 #fff9ee;
}
.contact__title {
	font-weight: bold;
	color: #b19a6d;
	font-size: min(5.4vw, 1.75em);
	font-family: 'Arial Narrow', Arial, sans-serif;;
}
.simple-flow {
	display: none;
}
.cta-unit {
	display: grid;
	gap: var(--space_xs);
}
.cta-unit .cta-notes {
	justify-self: center;
	width: 90%;
}
.cta-unit__information {
	font-size: var(--font-size_range-small);
	text-align: center;
}
.contact__cta-area {
	display: grid;
	gap: var(--space_sm);
}
.cta-button {
	--cta-button_background: var(--color_cta);
	--cta-button_background_emphasis: var(--color_cta_emphasis);
	--cta-button_color: var(--white);
	background: var(--cta-button_background);
	border-radius: 100vh;
	box-shadow: 1px 5px 5px 0px #ababab;
	color: var(--cta-button_color);
	font-size: min(4.4vw, 1.3em);
	display: grid;
	align-items: center;
	margin-left: auto;
	margin-right: auto;
	min-height: 3.5em;
	min-width: min(100%, 20em);
	padding: 1em;
}
.contact .cta-button {
	min-width: min(100%, 20em);
	font-size: min(4.2vw, 1.3em);
}
.cta-button:hover {
	filter: brightness(1.1);
	box-shadow: 0px 2px 5px 0px #000000;
}
.cta-button--emphasis {
	background: var(--cta-button_background_emphasis);
}
.cta-button__arrow {
	grid-area: 1/-1;
	margin-right: 0;
	margin-left: auto;
	width: 0.8em;
	aspect-ratio: 1;
}
.cta-button__icon {
	width: 1.5em;
	aspect-ratio: 1;
}
.cta-button__inner {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.2em;
}
.cta-button__text {
	padding-top: 0.15em;
	font-weight: bold;
}
.cta-button--arrow .cta-button__text {
	grid-area: 1/-1;
	padding-right: 1.5em;
	padding-left: 1.5em;
}
.cta-button__text {
	color: var(--white);
	font-weight: bold;
	font-size: min(3.8vw, 1.3em);;
	text-align: center;
	line-height: 1.3;
}
.cta-number {
	color: #28a370;
	font-size: min(6vw, 4em);
	font-weight: bold;
	font-family: 'Noto Serif JP', serif;
	line-height: 1;
	letter-spacing: -0.02em;
	transition: all 0.3s linear;
}
.cta-number--freedial {
	--freedial_color: #000;
}

.cta-number__inner {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.2em;
}
:where(.cta-number--freedial) .cta-number__icon {
	height: 0.7em;
	aspect-ratio: 70/40;
}
.cta-notes {
	color: revert;
	font-size: var(--font-size_range-small);
	line-height: 1.3;
	text-align: center;
	text-decoration: underline;
}
.cta-unit .cta-notes {
	justify-self: center;
	width: 90%;
}

/* 問合せ 小 */
.inner-contact {
	margin-top: var(--space_sm);
	padding: var(--space_sm) 10px;
	background: #f5f7fa;
}
.inner-contact__title {
	font-weight: bold;
	font-size: min(5.4vw, 1.75em);
	line-height: 1.3;
	text-align: center;
}
.inner-contact__cta-area {
	display: grid;
	gap: var(--space_sm);
}
.global-navigation--fixed .global-navigation-main__item-inner {
	color: var(--white);
}

@media not screen and (min-width: 450px) {
	.cta-notes__anchor-br {
		display: none;
	}
}
@media not screen and (max-width: 768px) {
	.inner-contact {
		margin-top: var(--space_md);
		padding: var(--space_lg);
	}
}

/*MV直下お問い合わせ*/
.contact-top {
	padding: var(--space_sm) var(--space_sm) var(--space_md);
}
.contact-top .contact-section__inner {
	padding-inline: unset;
	gap: 16px;
}
.contact-top__title {
	color: var(--color-main);
	font-family: 'Arial Narrow', Arial, sans-serif;;
}
.contact-top .cta-button__text {
	padding-top: unset;
}
@media screen and (min-width:768px) {
	.contact-top {
		padding: var(--space_2xl) var(--space_sm) var(--space_3xl);
	}
}

/* -------------------------------------------------------------------------

MV

------------------------------------------------------------------------- */
.main-visual__text img {
	width: 100%;
	height: auto;
}

/* -------------------------------------------------------------------------

目次

------------------------------------------------------------------------- */
.toc {
	padding-bottom: 0;
}
@media screen and (min-width:768px) {
	.toc {
		padding-bottom: var(--space_sm);
	}
}

/* -------------------------------------------------------------------------

 買取実例のご紹介

------------------------------------------------------------------------- */
.result {
	margin-top: var(--space_sm);
}
.result__title {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: var(--space_2xs);
	margin-bottom: var(--space_md);
	font-size: var(--font-size_lg);
	font-weight: bold;
	line-height: 1;
	text-align: center;
}
.result__title::before,
.result__title::after {
	content: '';
	background-color: var(--color_pink);
	flex: 1;
	height: 3px;
	border-radius: var(--border-radius_circle);
}
/* スクロール部分 */
.result__list {
	display: grid;
	grid-template-columns: repeat(var(--_item-length), max-content);
	gap: var(--space_2xs);
}
.result__item {
	max-width: 300px;
	padding: 0 6px 0 3px;
	display: flex;
	flex-direction: column;
}
.result__item-wrapper {
	overflow: hidden;
	border-radius: var(--border-radius_s);
	box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.10);
}
.result__item-head {
	min-height: 1em;
	display: flex;
	padding: var(--space_2xs) var(--space_xs);
	justify-content: center;
	align-items: center;
	background: var(--color_yellow);
	font-size: var(--font-size_md);
	font-weight: bold;
}
.result__item-title {
	text-align: center;
	line-height: 1.4;
}
.result__item-body {
	min-height: 8em;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	align-items: center;
	padding: var(--space_xs);
}
.result__item-image {
	padding-right: calc(var(--space_2xs) * 1.5);
}
.result__item-image img {
	aspect-ratio: 135 / 90;
	object-fit: cover;
	width: 100%;
	border-radius: var(--border-radius_xs);
}
.result__item-info {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: calc(var(--space_2xs) * 0.5);
}
.result__item-description {
	overflow-wrap: anywhere;
	text-align: left;
	min-height: 100%;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	font-size: var(--font-size_sm);
	line-height: 1.3;
}
.result__item-price {
	display: flex;
	justify-content: center;
	gap: var(--space_2xs);
	align-items: flex-end;
	font-size: var(--font-size_range-small);
	font-weight: bold;
	line-height: 1;
}
.result__item-price br {
	display: none;
}
.result__item-price b {
	display: block;
	color: #d9335c;
	font-size: calc(var(--font-size_md) * 1.25);
	text-align: right;
}
.result__bottom {
	margin-top: calc(var(--space_xs) * 1.25);
}
.result__annotation {
	font-size: var(--font-size_range-small);
	line-height: 1.7;
	position: relative;
	display: flex;
}
.result__annotation::before {
	content: '※';
	margin-right: .2em;
}
.result__annotation-box {
	border-radius: var(--border-radius_s);
	background: #f9f9f9;
	padding: var(--space_xs);
}
.result__annotation-box .annotation {
	margin-top: 0;
	font-size: var(--font-size_range-small);
}
/* バーデザイン */
.simplebar-track {
	background: #c6c6c6;
}
.simplebar-scrollbar.simplebar-visible::before {
	background: var(--color_base);
}
@media screen and (max-width:372px) {
	.result__item-description {
		font-size: 13px;
	}
}

@media not screen and (min-width: 992px) {
	.result__item-price br {
		display: block;
	}
}

@media screen and (min-width:768px) {
	.result .category__inner {
		padding: var(--space_md) 0 0;
	}
	.result__title {
		font-size: var(--font-size_xl);
		margin-bottom: var(--space_lg);
	}
	.result .scroll-inner--horizontal {
		padding-bottom: var(--space_lg);
	}
	.result__item {
		max-width: 250px;
	}
	.result__item-body {
		grid-template: "image""info";
		gap: var(--space_2xs);
	}
	.result__item-image {
		display: flex;
		justify-content: center;
		padding-right: unset;
	}
	.result__item-image img {
		width: 180px;
	}
	.result__item-description {
		min-height: 6em;
		justify-content: center;
		text-align: center;
	}
}

/* -------------------------------------------------------------------------

買取アイテム

------------------------------------------------------------------------- */
.all-categories-photo {
	max-width: 1000px;
	margin: 0 auto;
}

/* モーダル */
.categories-modal {
	/* モーダル内faqでのメインカラー */
	--categories-modal_main-color: var(--color_pink);
	/* モーダル内faqでのサブカラー */
	--categories-modal_sub-color: var(--color_light-pink);
}

/* -------------------------------------------------------------------------

福ちゃんが選ばれる３つの理由

------------------------------------------------------------------------- */
.appraiser__heading {
	background-color: var(--color_yellow);
	text-align: center;
	padding: var(--space_sm);
}
.appraiser__subtitle {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	font-weight: bold;
}
.appraiser__subtitle::before,
.appraiser__subtitle::after {
	content: '';
	background-color: var(--color_font);
	height: 1.25rem;
	width: 1px;
}
.appraiser__subtitle::before {
	transform: rotate(-25deg);
}
.appraiser__subtitle::after {
	transform: rotate(25deg);
}
.appraiser__title {
	font-size: var(--font-size_lg);
	font-weight: bold;
	line-height: 1.2;
	margin-top: 0.3rem;
}
.appraiser__inner {
	padding: var(--space_sm) var(--space_sm) 0;
}
.appraiser__list {
	display: grid;
	gap: var(--space_md);
}
.appraiser__image {
	width: 100%;
}
.appraiser__image img {
	border-radius: var(--border-radius_s);
}
.appraiser__text-box {
	margin-top: var(--space_xs);
}
.appraiser__item-title {
	font-size: 1.25rem;
	font-weight: bold;
	text-align: center;
}
.appraiser__text {
	margin-top: var(--space_xs);
}
.notes--block {
	margin-top: 0.125rem;
}
.appraiser__notes {
	font-size: 0.75rem;
}
@media screen and (min-width: 360px) {
	.appraiser__title br {
		display: none;
	}
}
@media screen and (max-width: 767px) {
	.appraiser {
		padding: unset;
	}
}
@media screen and (min-width: 768px) {
	.appraiser {
		margin-top: var(--space_xl);
	}
	.appraiser__heading {
		padding: calc(var(--space_base) * 3.5);
		border-radius: var(--border-radius_xl) var(--border-radius_xl) 0 0;
	}
	.appraiser__subtitle {
		font-size: 22px;
	}
	.appraiser__title {
		font-size: 2rem;
	}
	.appraiser__inner {
		padding: var(--space_lg) var(--space_md);
		border: 2px solid var(--color_yellow);
		border-top: none;
		border-radius: 0 0 var(--border-radius_xl) var(--border-radius_xl);
	}
	.appraiser__list {
		grid-template-columns: repeat(3, 1fr);
	}
	.appraiser__item-title {
		letter-spacing: 1px;
	}
}

/* -------------------------------------------------------------------------

レディースプラン

------------------------------------------------------------------------- */
.ladies {
	background: #fcf6f8;
}
.ladies .category__title {
	margin-top: var(--space_3xl);
	background: var(--pink);
}
.ladies-section__inner {
	background: #fcf6f8;
}
.ladies__container {
	display: grid;
	gap: var(--space_xs);
	padding: var(--space_md) var(--space_sm) var(--space_5xl);
}
.ladies__heading-wrapper {
	background-color: #fb8092;
	padding: var(--space_sm) var(--space_xs);
	text-align: center;
}
.ladies__heading {
	color: var(--white);
	font-size: var(--font-size_4md);
	font-weight: bold;
}
.ladies__logo {
	display: flex;
	justify-content: center;
}
.ladies__logo img {
	width: 80%;
}
.ladies__text-box {
	text-align: center;
}
.ladies__overview {
	font-size: min(4.8vw, 20px);
	font-weight: bold;
	color: var(--color-main);
}
.ladies__text {
	margin-top: var(--space_2xs);
}
.ladies__image {
	width: 100%;
	height: auto;
	aspect-ratio: 131 / 45;
	object-fit: cover;
	border-radius: var(--border-radius_s);
}
.ladies__button--area button {
	display: flex;
	align-items: center;
	gap: 4px;
	margin-inline: auto;
	border-radius: var(--border-radius_circle);
	box-shadow: 1px 5px 5px 0px #ababab;
	color: var(--white);
	background: #fb8092;
	font-size: min(3.5vw, 16px);
	font-weight: bold;
	padding: var(--space_xs) var(--space_sm);
}
@media screen and (max-width: 767px) {
	.ladies {
		margin-top: var(--space_4xl);
		padding: unset;
	}
}
@media screen and (min-width: 768px) {
	.ladies-section__inner {
		border-radius: var(--border-radius_xl);
		overflow: hidden;
	}
	.ladies__heading {
		font-size: var(--font-size_xl);
	}
	.ladies__container {
		margin-top: var(--space_xl);
		padding: 0 var(--space_md) var(--space_6xl);
	}
	.ladies__overview {
		font-size: var(--font-size_lg);
	}
	.ladies__text {
		font-size: var(--font-size_md);
	}
	.ladies__logo img {
		width: 80%;
	}
}
@media screen and (min-width: 1024px) {
	.ladies__logo img {
		width: 56%;
	}
}

/* レディースプラン問い合わせ */
.ladies-cta {
	margin-top: var(--space_md);
}
.ladies-cta__container {
	display: grid;
	gap: var(--space_xs);
	padding: var(--space_md) var(--space_sm);
	box-shadow: 0 0 7px 0 var(--color_milk-pink);
	background-color: #fffdfe;
	border-radius: var(--border-radius_m);
}
.ladies-cta__title {
	width: fit-content;
	margin-inline: auto;
	padding-bottom: 4px;
	border-bottom: solid 2px var(--color_milk-pink);
	text-align: center;
	font-weight: bold;
	font-size: min(5vw, 1.75em);
	color: var(--color_pink);
}
.ladies-cta__title .cta-unit__information-text {
	font-size: var(--font-size_range-small);
	text-align: center;
}
.ladies-cta__overview {
	text-align: center;
}
.ladies-cta-button {
	display: block;
	line-height: 1.4;
	font-size: 1.1em;
	text-align: center;
}
.ladies-cta__overview {
	font-size: var(--font-size_md);
}
.ladies-cta__container {
	display: grid;
	gap: var(--space_xs);
	padding: var(--space_lg) var(--space_sm);
}
.ladies-cta__cta-unit .cta-unit__information-text {
	text-align: center;
	font-size: var(--font-size_xs);
	margin-top: var(--space_2xs);
}
.ladies-cta .cta-number__icon {
	width: 1em;
	height: auto;
	aspect-ratio: 1 / 1;
	color: #000;
}
.ladies-cta-button {
	background: var(--cta-button_background_emphasis);
	width: fit-content;
	margin-inline: auto;
}
.ladies-cta-button .cta-button__inner {
	gap: 0.5em;
}
.ladies-cta-button .cta-button__icon {
	width: 2em;
}
.ladies-cta-button .cta-button__text {
	text-align: start;
	font-size: min(4vw, 1.2em);
}
.ladies__annotation {
	padding: var(--space_xs);
	border-radius: var(--border-radius_s);
	background: var(--white);
	font-size: var(--font-size_xs);
	background: #fff2f3;
}
@media screen and (min-width: 768px) {
	.ladies-cta__container {
		padding-block: var(--space_xl);
	}
	.ladies-cta__number {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: var(--space_2xs);
		color: var(--color-main);
		font-size: min(7.5vw, 3.6em);
		font-weight: bold;
		line-height: 1.3;
		text-align: center;
	}
	.ladies-cta-button {
		display: none;
	}

}

/* レディースプランモーダル */
.ladies-modal__title {
	text-align: center;
	font-size: var(--font-size_lg);
	font-weight: 500;
	color: var(--color-main);
}
.ladies-modal__overview {
	margin-top: var(--space_sm);
	font-size: var(--font-size_range-small);
}
.ladies-modal__content {
	margin-top: var(--space_md);
}
.ladies-modal__item {
	display: flex;
	align-items: center;
	border-bottom: solid 1px var(--color-main);
}
.ladies-modal__content .ladies-modal__item:first-of-type {
	border-top: solid 1px var(--color-main);
}
.ladies-modal__content .ladies-modal__item dt,
.ladies-modal__content .ladies-modal__item dd {
	padding: 20px 0;
}
.ladies-modal__content .ladies-modal__item dt {
	flex: 1 0 0;
	margin-right: 20px;
	text-align: center;
	color: var(--color-main);
}
.ladies-modal__content .ladies-modal__item dd {
	flex: 4 1 0;
	display: flex;
	flex-wrap: wrap;
	text-align: left;
}
.ladies-modal__content .ladies-modal__item dd span {
	margin-right: 1em;
}
.ladies-modal__annotation {
	font-size: var(--font-size_range-small);
	margin-top: var(--space_sm);
}

/* -------------------------------------------------------------------------

こんな方におすすめ

------------------------------------------------------------------------- */
.recommend {
	background-color: #fbdcdc;
}
.recommend .category__title {
	background-color: #f28e49;
}
.recommend__title {
	padding-bottom: var(--space_sm);
	background-color: var(--color_base);
}
.recommend__wrapper {
	clip-path: polygon(100% 0, 100% 90%, 50% 100%, 0 90%, 0 0);
	background-color: #f5f4f2;
}
.recommend__body {
	display: grid;
	grid-template-columns : repeat(2, 1fr) ;
	grid-template-rows : repeat(2, 1fr) ;
	place-items: center;
	max-width: 1000px;
	margin-inline: auto;
	overflow: hidden;
	text-align: center;
	position: relative;
	padding: var(--space_md) var(--space_xs) clamp(3.125rem, 1.367rem + 7.81vw, 6.25rem);
}
.recommend__background {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	background: no-repeat center / contain;
	font-weight: bold;
	font-size: clamp(0.75rem, 0.363rem + 1.59vw, 1.125rem);
	line-height: 1.3;
}
.recommend__center {
	position: absolute;
	bottom: clamp(3.125rem, 1.367rem + 7.81vw, 6.25rem);
	z-index: 2;
	width: clamp(8.125rem, 3.906rem + 18.75vw, 15.625rem);
}
.recommend__top-left {
	background-image: url('../images/recommend/recommend-green_bk.webp');
	width: clamp(11rem, 6.465rem + 20.16vw, 19.063rem);
	height: clamp(6rem, 3.539rem + 10.94vw, 10.375rem);
	padding-bottom: 5px;
	transform: translate(0, -13px) rotate(-10deg);
}
.recommend__top-right {
	background-image: url('../images/recommend/recommend-yellow_bk.webp');
	width: clamp(9.375rem, 5.402rem + 17.66vw, 16.438rem);
	height: clamp(6.75rem, 3.938rem + 12.5vw, 11.75rem);
	padding-bottom: 5px;
	transform: translate(5px, -3px) rotate(10deg);
}
.recommend__bottom-left {
	background-image: url('../images/recommend/recommend-purple_bk.webp');
	width: clamp(10.188rem, 5.371rem + 21.41vw, 18.75rem);
	height: clamp(8.75rem, 4.531rem + 18.75vw, 16.25rem);
	transform: translate(-19px, -31px) rotate(-8deg);
}
.recommend__bottom-left-wrapper {
	display: flex;
	flex-direction: column;
}
.recommend__bottom-left_dod {
	line-height: 0.5;
}
.recommend__bottom-right {
	background-image: url('../images/recommend/recommend-blue_bk.webp');
	width: clamp(8.313rem, 4.902rem + 15.16vw, 14.375rem);
	height: clamp(7.125rem, 3.996rem + 13.91vw, 12.688rem);
	transform: translate(22px, -10px) rotate(10deg);
}
.recommend__text {
	padding-block: var(--space_sm) var(--space_lg);
	text-align: center;
	font-size: var(--font-size_4md);
	font-weight: bold;
	font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
	color: #e6587b;
	text-shadow:2px 2px 0 var(--color_base),-2px -2px 0 var(--color_base),-2px 2px 0 var(--color_base),2px -2px 0 var(--color_base),2px 0 0 var(--color_base),-2px 0 0 var(--color_base),0 2px 0 var(--color_base),0 -2px 0 var(--color_base);
}
.recommend__text span {
	background: linear-gradient(transparent 50%, #f9f558 60%);
}
.recommend-bold {
	font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
	font-size: clamp(1rem, 0.484rem + 2.12vw, 1.5rem);
}

@media screen and (min-width: 768px) {
	.recommend__background {
		line-height: 1.6;
	}
	.recommend__text {
		padding-block: var(--space_lg) var(--space_2xl);
		font-size: var(--font-size_xl);
	}
}

/* -------------------------------------------------------------------------

ちょっとお待ちください

------------------------------------------------------------------------- */
.stop {
	padding: var(--space_2xl) var(--space_sm) var(--space_5xl);
}
.stop__wrapper {
	max-width: 1000px;
	margin-inline: auto;
}
.stop__title {
	text-align: center;
	font-size: var(--font-size_4md);
	font-weight: bold;
}
.stop__overview {
	margin-top: var(--space_xs);
	padding-inline: var(--space_xs);
	font-size: var(--font-size_sm);
}
.stop__body {
	display: flex;
	align-items: stretch;
	justify-content: center;
	margin: var(--space_sm) 0 0 -8px;
	font-weight: bold;
	font-size: 14px;
}
.stop-contents {
	display: flex;
	flex-direction: column;
	width: 39%;
}
.stop-contents__head {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: var(--space_2xs);
	border-radius: 4px;
	text-align: center;
	color: var(--color_base);
}
.stop__left-heading {
	background-color: #6cb8b6;
}
.stop__right-heading {
	background-color: #e6587b;
}
.stop-contents__box {
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-top: 4px;
	background-color: #e6e6e6;
	border-radius: 4px;
	overflow: hidden;
	color: #666;
}
.stop__dotted {
	position: relative;
	width: 50px;
	border-bottom: 1px dashed #000;;
}
.stop__dotted::after {
	content: '';
	display: block;
	width: 110px;
	border-bottom: 1px dashed #000;
	position: absolute;
	bottom: 148px;
	left: -30px;
	transform: rotate(64deg);
}
.stop__right-body{
	position: relative;
	overflow: visible;
}
/* 擬似要素'削減’ */
.stop__right-body::after{
	content: '削減';
	position: absolute;
	right: -14px;
	top: 45%;
	padding: var(--space_xs) 2px 0;
	transform: translateY(-50%);
	background: #f8931f;
	color: var(--color_base);
	font-size: var(--font-size_md);
	writing-mode: vertical-rl;
	text-orientation: upright;
	z-index: 2;
}
/* 擬似要素'▼' */
.stop__right-body::before{
	content: '';
	position: absolute;
	top: 50%;
	right: -12px;
	transform: rotate(-90deg);
	border-top: 25px solid transparent;
	border-bottom: 25px solid transparent;
	border-right: 25px solid #f8931f;
	z-index: 2;
}
.stop__left img {
	width: 55px;
}
.stop__right img {
	width: 45px;
	margin-inline: auto;
}
.stop__right-top {
	width: 100%;
	background-color: #fef1f1;
	text-align: center;
	color: #e6587b;
}
.stop__right-top,
.stop__right-bottom {
	padding-block: var(--space_xs);
}

@media screen and (min-width: 768px) {
	.stop {
		padding: var(--space_3xl) var(--space_sm) var(--space_6xl);
	}
	.stop__title {
		font-size: var(--font-size_xl);
	}
	.stop__body {
		margin-top: var(--space_lg);
		font-size: 20px;
	}
	.stop-contents {
		width: 25%;
	}
	.stop-contents__head {
		padding-block: var(--space_xs);
	}
	.stop__right-top,
	.stop__right-bottom {
		padding-block: var(--space_md);
	}
	.stop__dotted {
		width: 80px;
	}
	.stop__dotted::after {
		width: 160px;
		bottom: 210px;
		left: -40px;
		transform: rotate(61deg);
	}
	/* 擬似要素'削減’ */
	.stop__right-body::after{
		right: -21px;
		font-size: var(--font-size_lg);
		letter-spacing: 0.2em;
	}
	/* 擬似要素'▼' */
	.stop__right-body::before{
		right: -14px;
		border-top: 30px solid transparent;
		border-bottom: 30px solid transparent;
		border-right: 30px solid #f8931f;
	}
}

/* -------------------------------------------------------------------------

出張機買取の流れ

------------------------------------------------------------------------- */
.flow .category__title {
	background: var(--color-sub);
	padding-block: 1vh;
}
.flow__wrapper {
	background: #f1f3f8;
	padding: var(--space_sm) var(--space_xs) var(--space_3xl);
}
.flow__sub-title {
	text-align: center;
	font-family: 'Noto Serif JP', serif;
	color: var(--color-sub);
	margin-bottom: var(--space_xs);
	font-size: var(--font-size_3md);
	font-weight: bold;
	line-height: 40px;
}
.flow__sub-title span {
	font-size: var(--font-size_xl);
	font-style: italic;
}
.flow__panel-wrapper {
	display: flex;
	flex-direction: column;
	gap: var(--space_xl);
}
.flow__panel {
	background: var(--white);
	padding: var(--space_sm);
	position: relative;
}
.flow__panel::before {
	content: '';
	position: absolute;
	width: 50px;
	height: 30px;
	background: var(--white);
	clip-path: polygon(50% 100%, 0 0, 100% 0);
	left: 50%;
	bottom: -28px;
	transform: translateX(-50%);
}
.flow__panel:last-of-type {
	margin-bottom: 0;
}
.flow__panel:nth-of-type(3)::before {
	content: unset;
}
.flow__panel-image {
	flex: 0 0 30%;
	font-size: 0;
	line-height: 0;
}
.flow__panel-image img {
	width: 100%;
	height: 250px;
	object-fit: cover;
}
.flow__panel-text {
	flex: 1;
	padding-left: 30px;
}
.flow__panel-text p:nth-of-type(1) {
	font-size: 24px;
	color: var(--color-sub);
	font-weight: 500;
}
.flow__panel-text p:nth-of-type(2) {
	margin-top: 20px;
}
.flow__panel-text p:nth-of-type(2) span {
	font-size: 12px;
}
.flow__quality {
	background: #e4e7ef;
	padding: 50px;
}

@media (max-width: 767px) {
	.flow__panel-text,
	.flow__panel-image {
		flex: 0 0 100%;
	}
	.flow__panel-text {
		padding: 0;
		margin-top: 20px;
	}
	.flow__panel-text p:nth-of-type(1) {
		font-size: 20px;
	}
	.flow__quality {
		padding: 30px 15px;
	}
}

@media screen and (min-width: 768px) {
	.flow__wrapper {
		padding-block: var(--space_lg) var(--space_4xl);
	}
	.flow__sub-title {
		margin-bottom: var(--space_md);
		font-size: var(--font-size_lg);
	}
	.flow__sub-title span {
		font-size: 40px;
	}
	.flow__panel {
		padding: var(--space_lg);
	}
	.flow__panel-wrapper {
		gap: var(--space_3xl);
	}
	.flow__panel-contents {
		display: flex;
	}
}

/* -------------------------------------------------------------------------

法人のお客様〜

------------------------------------------------------------------------- */
.houjin__wrapper {
	padding-inline: unset;
}
.houjin__contents {
	display: grid;
	gap: var(--space_xs);
	background: var(--white);
	padding: 20px var(--space_xs) var(--space_xs);
}
.houjin__heading {
	text-align: center;
	font-weight: bold;
	font-size: var(--font-size_4md);
}
.houjin__heading::after {
	content: '';
	display: block;
	margin-inline: auto;
	width: 1em;
	height: 0.5em;
	background-color: #fdccd3;
	clip-path: polygon(0 0, 100% 0, 50% 100%);
	-webkit-transform: translateY(-2px);
	transform: translateY(-2px);
}
.houjin__heading-title {
	background: #fdccd3;
	padding: var(--space_sm) var(--space_xs);
}
.houjin__heading-title--strong {
	background: #ffe190;
	padding: var(--space_2xs);
	margin-right: 4px;
}
.houjin__image-box {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: var(--space_2xs);
}
.houjin__type-list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: var(--space_2xs);
}
.houjin__type-item {
	width: 100%;
	border-radius: var(--border-radius_xs);
	background: #d7dff8;
	padding: var(--space_2xs) var(--space_xs);
	text-align: center;
	font-size: var(--font-size_md);
	font-weight: bold;
}
.houjin__text {
	text-align: center;
	font-size: calc(var(--font-size_md) * 1.125);
	font-weight: bold;
}
.houjin__text--strong {
	text-decoration: underline;
	text-underline-offset: 16.5%;
}
.houjin__case-wrapper {
	border-radius: var(--border-radius_s);
	background: #FFF;
	box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
	padding: var(--space_xs) var(--space_sm);
}
.houjin__case-title {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: var(--space_2xs);
	text-align: center;
	font-size: var(--font-size_3md);
	font-weight: bold;
}
.houjin__case-title::before,
.houjin__case-title::after {
	content: '';
	width: 24px;
	height: 2px;
	background-color: #333;
}
.houjin__case-list {
	display: grid;
	gap: var(--space_2xs);
	margin-top: var(--space_2xs);
}
.houjin__case-job {
	display: flex;
	align-items: center;
	gap: 12px;
	color: #7588bb;
	font-size: var(--font-size_2md);
	font-weight: bold;
}
.houjin__case-job::before {
	content: '';
	width: 2px;
	height: 1.1em;
	background-color: #7588bb;
}
.houjin__case-text {
	font-size: var(--font-size_md);
}
@media screen and (min-width: 768px) {
	.houjin__wrapper {
		padding: var(--space_md) var(--space_sm) 0;
	}
	.houjin__heading {
		width: fit-content;
		margin-inline: auto;
	}
	.houjin__heading-title {
		border-radius: var(--border-radius_m);
		padding: var(--space_sm) 80px;
	}
	.houjin__heading::after {
		width: 1.5em;
		height: 0.75em;
	}
	.houjin__contents {
		gap: var(--space_sm);
		padding: var(--space_sm) 0 0;
	}
	.houjin__image-box {
		width: 70%;
		margin-inline: auto;
		gap: var(--space_md);
	}
	.houjin__type-list {
		grid-template-columns: repeat(4, 1fr);
	}
	.houjin__text {
		font-size: var(--font-size_lg);
	}
	.houjin__case-wrapper {
		padding: var(--space_sm) var(--space_md);
	}
	.houjin__case-title {
		font-size: var(--font-size_3lg);
	}
	.houjin__case-list {
		gap: var(--space_xs);
	}
	.houjin__case-item {
		display: flex;
		gap: var(--space_sm);
		align-items: center;
	}
}
@media screen and (min-width: 1024px) {
	.houjin__heading {
		font-size: var(--font-size_xl);
	}
}

/* -------------------------------------------------------------------------

お客様の声

------------------------------------------------------------------------- */
.rates {
	margin-top: var(--space_xs);
}
.rates .section {
	padding: 0 var(--space_sm) var(--space_5xl);
}
.rates__heading {
	text-align: center;
}
.rates .category__title {
	padding-block: 1vh;
}
.rates__heading-sub-title {
	margin-top: var(--space_md);
	font-size: var(--font-size_lg);
	font-weight: bold;
}
.rates__list {
	display: grid;
	gap: var(--space_sm);
	margin-top: var(--space_sm);
}
.rates__item {
	display: grid;
	align-items: center;
	gap: var(--space_xs);
	grid-template-columns: auto auto;
}
.rates__image-unit {
	width: 72px;
	aspect-ratio: 1 / 1;
}
.rates__text-unit {
	background: var(--color_light-pink);
	border-radius: var(--border-radius_m);
	padding: var(--space_xs);
}
.rates__stars {
	margin-top: var(--space_2xs);
}
.rates__stars--color {
	color: var(--color_pink);
}
.rates__stars--unset {
	color: var(--color_light-gray);
}
@media screen and (min-width: 768px) {
	.rates {
		margin-top: var(--space_lg);
	}
	.rates .section {
		padding-bottom: var(--space_6xl);
	}
	.rates__heading-title {
		font-size: var(--font-size_xl);
	}
	.rates__heading-sub-title {
		margin-top: var(--space_lg);
		font-size: var(--font-size_2lg);
	}
	.rates__list {
		gap: var(--space_md);
		margin-top: var(--space_md);
	}
	.rates__item {
		gap: var(--space_md);
	}
	.rates__image-unit {
		width: 100px;
	}
}
@media screen and (min-width: 1024px) {
	.rates__image-unit {
		width: 140px;
	}
}

/* -------------------------------------------------------------------------

よくあるご質問

------------------------------------------------------------------------- */
.faq {
	--faq_color: var(--color_milk-pink);
	--faq_color_light: #fff;
	background-color: #fdf8f0;
	padding-inline: unset;
}
.faq__inner {
	padding: 0 var(--space_xs) var(--space_xl);
	max-width: 1032px;
	width: 100%;
	margin-inline: auto;
}
.faq__title-decoration,
.faq__title-wrapper:before,
.faq__title-wrapper:after {
	display: none;
}
.faq__title-wrapper {
	justify-content: start;
}
.faq__title-text {
	display: flex;
	gap: var(--space_xs);
	align-items: center;
	color: #d9335c;
	font-size: var(--font-size_lg);
	font-weight: bold;
	font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}
.faq__title-text:before {
	content: '';
	display: block;
	background: url(../images/icon-faq.svg) center center / 72px 72px no-repeat;
	width: 72px;
	height: auto;
	aspect-ratio: 1 / 1;
	flex-shrink: 0;
	border-radius: var(--border-radius_circle);
}
.faq__list {
	margin-top: var(--space_sm);
}
.faq__body,
.faq__icon {
	padding: unset;
}
.faq__unit {
	gap: var(--space_xs);
	border-radius: var(--border-radius_circle);
}
.faq__item .js-accordion {
	--_space: var(--space_xs);
	--_space_block: var(--_space);
	--_space_inline: var(--_space_block);
	pointer-events: unset;
	background-color: var(--color_base);
	border: 2px solid var(--color_milk-pink);
	border-radius: var(--border-radius_s);
}
/*Q*/
.faq__unit--question {
	padding: var(--space_xs);
}
:where(.faq__unit--question) .faq__icon {
	background-color: #fff;
	color: var(--color_pink);
	border-radius: var(--border-radius_s);
	font-weight: bold;
}
/*A*/
.faq__unit--answer {
	background-color: #fffbea;
	border-radius: var(--border-radius_s);
	margin: 0 var(--space_xs) var(--space_xs);
	padding: var(--space_2xs) var(--space_xs);
}
.faq__accordion-icon {
	--icon-color: #fff;
	background-color: var(--color_pink);
	width: 24px;
	height: 24px;
}
.faq__more-view-buttons {
	justify-content: center;
}
.faq__more-view-button {
	background: var(--color_pink);
	color: #fff;
	border-radius: var(--border-radius_circle);
	padding: var(--space_xs) var(--space_sm);
	font-size: var(--font-size_md);
	font-weight: bold;
	margin-top: var(--space_md);
}
@media screen and (min-width: 768px) {
	.faq__inner {
		padding: 0 var(--space_xs) var(--space_2xl);
	}
	.faq__title-wrapper {
		justify-content: center;
	}
	.faq__title-text:before {
		background-size: 96px 96px;
		width: 96px;
	}
	.faq__title-text {
		font-size: var(--font-size_xl);
		gap: var(--space_sm);
	}
	.faq__list {
		margin-top: var(--space_md);
	}
}

/* -------------------------------------------------------------------------

footer

------------------------------------------------------------------------- */
.footer {
	--footer_background: var(--pink);
	--footer_inner_background: var(--pink);
}
.footer__inner {
	color: var(--white);
	padding-bottom: 0;
}