@charset "UTF-8";

/* =====================================
宅配買取- /takuhai
======================================= */

:root {
	--color_category_delivery_dark: #996e55;
	--color_caution-main: #e5577a;
	--color_delivery-bg: #f0e7da;
	--color_delivery-sub2: #eadfc3;
	--color_delivery-sub3: #947d41;
	--_notice-color: #db0339;

	/* ボタンカラー */
	/* tel */
	--_color_delivery_tel-button: var(--color_category_pink3);
	--_color_delivery_tel-button--gradation: linear-gradient(0deg, rgba(217, 51, 92, 0.85) 50%, rgba(255, 154, 179, 0.85) 100%);
	--_color_delivery_tel-button--shadow: 0px 4px 0px 0px #b42121, 0px 6px 6px 0px rgba(34, 34, 34, 0.25);
	/* mail */
	--_color_delivery_mail-button: var(--color_category_orange);
	--_color_delivery_mail-button--shadow: 0px 4px 0px 0px #d47b00, 0px 6px 6px 0px rgba(34, 34, 34, 0.25);
	/* マイページ */
	--_color_delivery_mypage-button: var(--color_delivery-contact-mypage);
	/* 集荷 */
	--_color_delivery_pickup-button: #6B9E44;
}

body {
	color: var(--color_category_font_brown);
}

a {
	text-decoration: none;
}

.delivery-layout__inner {
	padding-left: 1rem;
	padding-right: 1rem;
}
@media screen and (max-width: 365px) {
	.delivery-layout__inner {
		padding-left: 0.625rem;
		padding-right: 0.625rem;
	}
}
@media screen and (min-width: 768px) {
	.delivery-layout__inner {
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}
}



/* =====================================
共通　アコーディオン用toggleボタン
======================================= */
.ac-toggle-area {
	position: relative;
}
.ac-toggle {
	border-radius: 100vh;
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	width: 1.875rem;
	height: 1.875rem;
}
.ac-toggle--delivery-flow,
.ac-toggle--delivery-faq {
	background-color: var(--color_category_delivery);
	margin: auto 1rem auto 0;
}
.ac-toggle--delivery-target-ok {
	background-color: var(--color_base);
	border: 1px solid var(--color_delivery-sub3);
	margin: auto 1.25rem auto 0;
}
.ac-toggle--delivery-cardboard {
	background-color: var(--color_base);
	margin: auto var(--space_xs) auto 0;
	width: 1.25rem;
	height: 1.25rem;
}
.ac-toggle span {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transition: 0.3s transform;
	background-color: var(--color_base);
	border-radius: 100vh;
	width: 1rem;
	height: 3px;
}
.ac-toggle--delivery-cardboard span {
	background-color: var(--color_category_delivery);
	width: 0.8rem;
}
.ac-toggle span:nth-child(1) {
	transform: translate(-50%, -50%) rotate(90deg);
}
.ac-toggle span:nth-child(2){
	transform: translate(-50%, -50%);
}
.ac-toggle-area.open .ac-toggle span:nth-child(1) {
	transform: translate(-50%, -50%) rotate(0deg);
}
.ac-toggle--delivery-target-ok span {
	background-color: var(--color_delivery-sub3);
}
@media screen and (min-width: 768px) {
	.ac-toggle--delivery-faq {
		margin: auto 1.875rem auto 0;
	}
	.ac-toggle {
		width: 2.25rem;
		height: 2.25rem;
	}
	.ac-toggle span {
		width: 1.25rem;
	}
}
@media screen and (min-width: 1025px) {
	.ac-toggle--delivery-faq {
		margin: auto 1.875rem auto 0;
	}
}



/* =====================================
宅配内共通　ボタンデザイン
======================================= */
.delivery-area-button {
	background-color: var(--color_category_delivery);
	border-radius: 100vh;
	box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.25);
	box-sizing: border-box;
	color: var(--color_base);
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.125rem;
	font-weight: bold;
	line-height: 1.3;
	margin-inline: auto;
	min-height: 4rem;
	padding: 0.625rem 1.25rem;
	text-decoration: none;
	transition: opacity 0.2s ease-in;
	width: 100%;
}
.delivery-area-button:hover {
	color: var(--color_base);
	opacity: 0.75;
}
.button-arrow {
	position: relative;
}
.button-arrow::after {
	content: '';
	display: block;
	width: 1.2rem;
	height: 1.2rem;
	background: url(../takuhai/image/icon_arrow.svg) center / contain no-repeat;
	position: absolute;
	top: 50%;
	right: 1rem;
	transform: translateY(-50%);
}
@media screen and (min-width: 577px) {
	.delivery-area-button {
		max-width: 380px;
	}
}
@media screen and (min-width: 768px) {
	.delivery-area-button {
		max-width: 500px;
	}
}


/* primary
--------------------------*/
.delivery-primary {
	margin:0 auto;
	padding: 2.5rem 1rem 0;
	box-sizing: border-box;
	background-color: var(--color_delivery-bg);
}
.delivery-primary__inner {
	display: grid;
	gap: 1.25rem;
}
.delivery-primary__title {
	color: var(--color_category_delivery);
	font-size: clamp(1.45rem, 1.205rem + 1.06vw, 2rem);
	font-weight: bold;
	line-height: 1.5;
	text-align: center;
	overflow: unset;
	height: unset;
	padding: 0;
	white-space: unset;
}
.delivery-primary__title span{
	display: block;
	font-size: 1.15rem;
}
.delivery-primary__text {
	line-height: 1.6;
	font-size: clamp(0.75rem, 0.659rem + 0.45vw, 1rem);
}
.delivery-primary__note-area {
	margin-top: 1.25rem;
	padding: 0 1.25rem;
}
.delivery-primary__note {
	display: block;
	color: var(--color_sub);
	font-size: 0.75rem;
	line-height: 1.5;
	padding-left: 1em;
	text-indent: -1em;
}
@media screen and (min-width: 768px) {
	.delivery-primary {
		margin-top: 2.5rem;
	}
	.delivery-primary__title span{
		font-size: 1.5rem;
	}
	.delivery-primary__title b{
		font-size: 1.2em;
	}
	.delivery-primary__text {
		text-align: center;
	}
	.delivery-primary__note-area {
		margin-top: 1rem;
	}
	.delivery-primary__note {
		line-height: 1.4;
	}
}
@media screen and (min-width: 820px) {
	.delivery-primary .delivery-layout__inner {
		padding-left: 0;
		padding-right: 0;
	}
}
@media screen and (min-width: 1025px) {
	.delivery-primary {
		padding: 2.5rem 1.5rem 0;
	}
	.delivery-primary__title {
		text-align: left;
	}
	.delivery-primary__text {
		text-align: left;
	}
}
@media screen and (max-width: 576px) {
	.delivery-primary__title b {
		display: block;
	}
}


/*宅配 nav
--------------------------*/
.delivery-nav {
	background-color: var(--color_delivery-bg);
	padding: 1.875rem 0 2.5rem;
}
.delivery-nav__list {
	display: grid;
	gap: 0.75rem;
	padding: 0 1rem;
}
.delivery-nav__link {
	background-color: var(--color_base);
	border: 1px solid var(--color_category_delivery);
	border-radius: 0.875rem;
	box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.25);
	color: var(--color_category_delivery);
	padding: 1rem;
}
.delivery-nav__arrow {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.delivery-nav__arrow::after {
	content: '';
	display: block;
	background: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" fill="none"><path d="M0.000426853 9C0.00042693 10.78 0.528267 12.5201 1.5172 14.0001C2.50613 15.4802 3.91174 16.6337 5.55628 17.3149C7.20081 17.9961 9.01041 18.1743 10.7562 17.8271C12.5021 17.4798 14.1057 16.6226 15.3644 15.364C16.6231 14.1053 17.4802 12.5016 17.8275 10.7558C18.1748 9.00998 17.9965 7.20038 17.3153 5.55584C16.6342 3.91131 15.4806 2.5057 14.0006 1.51677C12.5205 0.527837 10.7805 -4.28591e-06 9.00043 -4.2081e-06C6.61348 -4.10376e-06 4.32429 0.948208 2.63646 2.63604C0.948637 4.32386 0.000426748 6.61305 0.000426853 9ZM3.99103 7.85907C3.98543 7.65578 4.04321 7.45579 4.15638 7.28682C4.26955 7.11786 4.43249 6.98829 4.6226 6.91609C4.81271 6.84389 5.02058 6.83263 5.21738 6.88387C5.41418 6.93511 5.59016 7.04631 5.72091 7.20207L8.75392 10.7158L12.1246 7.34679C12.3084 7.16299 12.5577 7.05974 12.8176 7.05974C13.0775 7.05974 13.3268 7.16299 13.5106 7.34679C13.6944 7.53058 13.7976 7.77986 13.7976 8.03979C13.7976 8.29971 13.6944 8.54899 13.5106 8.73279L9.39507 12.8465C9.29987 12.9416 9.18609 13.0161 9.06083 13.0653C8.93557 13.1145 8.80153 13.1374 8.66704 13.1325C8.53255 13.1276 8.40051 13.0951 8.27915 13.0369C8.15779 12.9788 8.04971 12.8962 7.96164 12.7945L4.23808 8.48412C4.08465 8.31145 3.99716 8.08996 3.99103 7.85907Z" fill="%23AA7B61"/></svg>') center center / contain no-repeat;
	height: 1.125rem;
	width: 1.125rem;
}
.delivery-nav__text {
	font-size: 1rem;
	font-weight: bold;
	line-height: 1;
}
@media screen and (min-width: 768px) {
	.delivery-nav__list {
		display: flex;
		gap: 0.875rem;
		padding: 0;
	}
	.delivery-nav__item:first-of-type,
	.delivery-nav__item:last-of-type {
		width: 30%;
	}
	.delivery-nav__item:nth-of-type(2) {
		width: 40%;
	}
	.delivery-nav__link {
		border-width: 2px;
		padding-left: 0.875rem;
		padding-right: 0.875rem;
	}
}
@media screen and (min-width: 820px) {
	.delivery-primary {
		border-radius: 0.875rem 0.875rem 0 0;
	}
	.delivery-nav {
		border-radius: 0 0 0.875rem 0.875rem;
	}
}


/* 買取の流れ
--------------------------*/
.flow-toc__list {
	padding-bottom: 2rem;
	gap: 3rem;
}
.flow-toc__item:where(:not(:first-child))::before {
	left: -0.8rem;
}
.flow-step__contact-title {
	--color_category_flow-step-contact-title-bg: var(--color_category_delivery);
	--color_category_flow-step-contact-title-font: var(--color_base);
}
.flow-step__step-text--delivery {
	margin-top: 0.5em !important;
}
.flow-step__step-text--delivery:first-child {
	margin-top: 0;
}
.flow-step__step-text--emphasis {
	color: #db0339;
}
.flow-step__step-text--link {
	text-decoration: underline;
}
.flow-step__step-note-wrapper {
	margin-top: 1rem;
	padding-left: 1em;
	font-size: 0.8em;
	font-weight: normal;
	line-height: 1.6;
}
.flow-step__step-note-item {
	margin-top: 0.5em;
	list-style: disc;
}
/* step1 申込みボタン */
.flow-step__contact .cta-tel-area__tel-reception {
	font-weight: normal;
}
/* step3 集荷電話ボタン */
.flow-step__contact-inner--delivery-pickup {
	flex-direction: column;
}
.flow-step__tel-reception--delivery-pickup {
	margin-top: var(--space_2xs);
	font-size: var(--font-size_xs);
	font-weight: normal;
}
.flow-step__note--delivery-pickup {
	margin-top: var(--space_xs);
	padding-left: 1em;
	line-height: 1.5;
}
.flow-step__note-item--delivery-pickup {
	margin-top: var(--space_2xs);
	list-style: disc;
	font-size: var(--font-size_xs);
}
.flow-step__note-item--delivery-pickup:first-child {
	margin-top: 0;
}
.delivery-area-button__unit--pc {
	display: none;
}
@media screen and (min-width: 768px) {
	.flow-toc__list {
		padding-bottom: 0;
		gap: 2.5rem;
	}
	.flow-toc__item:where(:not(:first-child))::before {
		left: -0.625rem;
	}
	.flow-step__contact-title--delivery-pickup,
	.flow-step__contact-title--delivery {
		border-radius: var(--border-radius_s) var(--border-radius_s) 0 0;
	}
	.flow-step__contact-inner--delivery-pickup,
	.flow-step__contact-inner--delivery {
		margin-top: 0;
		margin-bottom: var(--space_xs);
		padding: 1rem;
		border: solid 2px var(--color_category_delivery);
		border-top: 0px;
		border-radius: 0 0 var(--border-radius_s) var(--border-radius_s);
		background-color: #fff;
	}
	.delivery-area-button__unit--sp {
		display: none;
	}
	.delivery-area-button__unit--pc {
		display: block;
	}
	.flow-step__tel-reception--delivery-pickup {
		margin-top: 0;
		font-size: var(--font-size_md);
	}
}

/* 買取対象のお品物
--------------------------*/
.target-item {
	padding: 1.75rem 0;
}
.target-item__inner {
	padding-inline: var(--space_sm);
}
.target-item__title {
	display: flex;
	align-items: center;
	font-size: var(--font-size_lg);
}
.target-item__title:before,
.target-item__title:after {
	content: "";
	height: 3px;
	flex-grow: 1;
	background-color: #9a6e55;
}
.target-item__title:before {
	margin-right: var(--space_xs);
}
.target-item__title:after {
	margin-left: var(--space_xs);
}
.target-item__contents {
	margin-top: var(--space_md);
	display: flex;
	flex-direction: column;
	gap: var(--space_sm);
}
.target-item__image {
	background-color: var(--color_delivery-bg);
	border-radius: var(--border-radius_s);
	grid-area: target-item-image;
	height: 230px;
	width: 100%;
	position: relative;
}
.target-item__image img {
	margin: 0 auto;
	width: auto;
	height: 100%;
}
.target-item__image-text {
	font-size: 1.25rem;
	font-weight: bold;
	text-align: center;
	position: absolute;
	top: 35px;
	right: 0;
	left: 0;
	margin: 0 auto;
}
.target-item__image-text .marker {
	background: linear-gradient(transparent 80%, var(--color_category_yellow3) 60%);
}
.target-item__text {
	grid-area: target-item-text;
	font-size: var(--font-size_md);
	line-height: 1.6;
	text-align: center;
	order: 1;
}
.target-item__button {
	grid-area: target-item-button;
	align-self: start;
	width: 100%;
	order: 2;
}
@media screen and (min-width: 768px) {
	.target-item__title {
		font-size: var(--font-size_xl);
	}
	.target-item__contents {
		display: grid;
		grid-template-columns: 1.1fr 1fr;
		grid-template-areas: 'target-item-image target-item-text' 'target-item-image target-item-button';
		gap: var(--space_xs);
		margin-top: var(--space_lg);
	}
	.target-item__text {
		align-self: end;
		text-align: left;
	}
}


/* 宅配キット
--------------------------*/
.delivery-kit {
	background-color: var(--color_delivery-bg);
	margin-top: 2.5rem;
	padding: 2.5rem 0;
}
.delivery-kit__box {
	background-color: var(--color_base);
	border: 2px solid var(--color_category_delivery);
	border-radius: 0.875rem;
	padding: 1.875rem 1rem;
}
.delivery-kit__title {
	color: var(--color_category_delivery);
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 1.3;
	text-align: center;
}
.delivery-kit__contents {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 1.875rem;
	margin-top: 1.875rem;
}
.delivery-kit__lead {
	grid-area: delivery-kit-text;
	font-size: 1rem;
	line-height: 1.5;
}
.delivery-kit__image {
	grid-area: delivery-kit-image;
	height: 10rem;
	width: 100%;
}
.delivery-kit__image img {
	border-radius: 0.625rem;
	object-fit: cover;
	height: 100%;
	width: 100%;
}
.delivery-kit__button {
	grid-area: delivery-kit-button;
}
@media screen and (min-width: 768px) {
	.delivery-kit__box {
		padding-left: 1.25rem;
		padding-right: 1.25rem;
	}
	.delivery-kit__contents {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-template-areas: 'delivery-kit-image delivery-kit-text' 'delivery-kit-image delivery-kit-button';
		gap: 1rem 1.875rem;
	}
	.delivery-kit__title {
		font-size: 1.75rem;
	}
	.delivery-kit__image {
		height: 12.5rem;
	}
}
@media screen and (min-width: 820px) {
	.delivery-kit {
		border-radius: 0.875rem;
	}
}


/* よくあるご質問
--------------------------*/
.faq {
	background: url(../takuhai/image/qa_back.webp) top right -1.25rem / contain var(--color_delivery-bg) no-repeat;
	margin-bottom: 2.5rem;
	padding: 2.5rem 0;
}

.faq__title {
	background: url(../takuhai/image/qa_title_icon.webp) top center / auto 2.4rem no-repeat;
	color: var(--color_category_delivery_dark);
	font-size: 1.7rem;
	font-weight: bold;
	line-height: 1.4;
	text-align: center;
	letter-spacing: 0.1em;
	margin: 0 24% 20px 0;
	padding-top: 2.4rem;
	text-shadow: 1px 1px 0 var(--color_delivery-bg),
			-1px 1px 0 var(--color_delivery-bg),
			1px -1px 0 var(--color_delivery-bg),
			-1px -1px 0 var(--color_delivery-bg);
}
.faq__title span{
	border-bottom: solid 4px var(--color_category_delivery_dark);
}
.faq__list {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	margin-bottom: 1rem;
}
.faq__question-content,
.faq__answer-content {
	background-color: var(--color_base);
	border-radius: 0.625rem;
	display: flex;
	align-items: center;
	gap: 0.625rem;
}
.faq__question-content {
	box-sizing: border-box;
	font-size: 1rem;
	line-height: 1.5;
	padding: 1rem 3.25rem 1rem 1rem;
	width: 100%;
}
.faq__answer-content {
	font-size: 0.875rem;
	line-height: 1.6;
	margin-top: 0.625rem;
	padding: 1rem 1.25rem;
}
.faq__question-content::before,
.faq__answer-content::before {
	display: block;
	color: var(--color_category_delivery);
	font-size: 1.875rem;
	font-weight: bold;
	line-height: 1;
}
.faq__question-content::before {
	content: 'Q';
}
.faq__answer-content::before {
	content: 'A';
}
.faq__more-button,
.faq__close-button {
	background-color: var(--color_category_delivery);
	border: none;
	border-radius: 100vh;
	box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.25);
	box-sizing: border-box;
	color: var(--color_base);
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.125rem;
	font-weight: bold;
	line-height: 1;
	margin: 0 auto;
	min-height: 4rem;
	padding: 0.625rem 2.875rem;
	text-decoration: none;
	transition: opacity 0.2s ease-in;
}
.faq__more-button:hover,
.faq__close-button:hover {
	background-color: var(--color_base);
	color: var(--color_category_delivery);
	border: 1px solid var(--color_category_delivery);
}
/* 新faq用css */
.faq__contents-unit {
	background-color: #fff;
	border-radius: 0.625rem;
	align-items: center;
}
.faq__contents-unit--question,
.faq__contents-unit--answer {
	display: flex;
	gap: 0.625rem;
}
.faq__contents-unit--question {
	box-sizing: border-box;
	font-size: 1rem;
	line-height: 1.5;
	padding: 1rem;
	width: 100%;
}
.faq__contents-unit--answer {
	font-size: 0.875rem;
	line-height: 1.6;
	margin-top: 0.625rem;
	padding: 1rem 1.25rem;
}
.faq__contents-unit--question::before,
.faq__contents-unit--answer::before {
	display: block;
	color: var(--color_category_delivery);
	font-size: 1.875rem;
	font-weight: bold;
	line-height: 1;
}
.faq__contents-unit--question::before {
	content: 'Q';
}
.faq__contents-unit--answer::before {
	content: 'A';
}
.faq__contents-question-text {
	width: 100%;
}
.faq__contents-unit .icon-plus--round {
	width: 30px;
	height: 30px;
	background-color: var(--color_category_delivery);
}
.faq__answer-image-wrapper {
	display: grid;
	padding: 1rem;
	padding-top: 0;
	grid-template-columns: repeat(2, 1fr);
	gap: var(--space_xs);
}
@media screen and (max-width: 350px) {
	.faq__answer-image-wrapper {
		grid-template-columns: 1fr;
	}
}
@media screen and (min-width: 768px) {
	.faq {
		background-size: 74% auto;
		margin-bottom: 2.5rem;
		padding: 1.875rem 0;
	}
	.faq__list {
		gap: 1.25rem;
		margin-bottom: 1.25rem;
	}
	.faq__question-content,
	.faq__answer-content {
		gap: 1.25rem;
	}
	.faq__question-content {
		font-size: 1.125rem;
		padding-left: 1.875rem;
		padding-right: 4.5rem;
	}
	.faq__answer-content {
		font-size: 1rem;
		margin-top: 0.75rem;
		padding: 1.25rem 1.875rem;
	}
	.faq__question-content::before,
	.faq__answer-content::before {
		font-size: 2rem;
	}
	/* 新faq用css */
	.faq__answer-image-wrapper {
	grid-template-columns: repeat(3, 1fr);
	gap: var(--space_sm);
}
}
@media screen and (min-width: 820px) {
	.faq {
		border-radius: 0.875rem;
	}
}
@media screen and (min-width: 1025px) {
	.faq {
		margin-bottom: 3.75rem;
		padding: 1.875rem 0;
	}
	.faq__title {
		background-size: auto auto;
		font-size: 42px;
		margin-bottom: 1.875rem;
		padding-top: 68px;
		text-shadow: 2px 2px 2px #fcf6f8;
	}
}


/* お客様の声
--------------------------*/
.customer-voice {
	--color_customer-voice_heading-bg: var(--color_category_delivery);
	--color_customer-voice_heading-circles: #f0e6db;
	--color_customer-voice_contents-bg: var(--color_delivery-bg);
	--color_customer-voice_title-border: var(--color_category_delivery);
	--color_customer-voice_foot-bg: #debba7;
	--color_customer-voice_foot-text: var(--color_category_font_brown);
}
.customer-voice__note {
	text-align: right;
}



/* MVキャッチにシャドウ
--------------------------*/
.main-visual__catch {
	text-shadow: 1px 1px 1px var(--color_base);
}

/* MV下茶色帯非表示
--------------------------*/
.main-visual {
	padding-bottom: 0;
}
.main-visual::after {
	display: none;
}
@media screen and (max-width: 576px) {
	.main-visual {
		padding-bottom: 20px;
	}
	.main-visual::after {
		display: none;
	}
}

/* お知らせ
--------------------------*/
.delivery-notice {
	max-width: 640px;
	margin: var(--space_sm);
	border: 1px solid var(--_notice-color);
	border-radius: var(--border-radius_s);
	overflow: hidden;
	background-color: var(--white);
}
.delivery-notice__title {
	padding: calc(var(--space_2xs) * 0.5) var(--space_2xs);
	background-color: var(--_notice-color);
	color: #fff;
	text-align: center;
}
.delivery-notice__text-wrapper {
	padding: var(--space_xs);
}
.delivery-notice__text {
	margin-top: var(--space_2xs);
}
.delivery-notice__text:first-child{
	margin-top: 0;
}
@media screen and (min-width: 768px) {
	.delivery-notice {
			margin: var(--space_md) auto;
	}
}
@media screen and (min-width: 1025px) {
	.delivery-notice {
			margin: var(--space_md) auto;
	}
}

/* CVエリア　お知らせ欄と全ページ共通CVエリア出す場合 */
.contact-area--wrapper {
	margin-top: var(--space_lg);
}


/* =====================================
下層ページ（ダンボールサイズ・梱包のコツ）
======================================= */
/*------ダンボールサイズ------------*/
.cardboard-select__inner {
	padding: 0 var(--space_md) var(--space_lg);
	background-color: var(--color_delivery-bg);
}
.cardboard-select__title {
	padding: 0.875rem;
	text-align: center;
	font-size: var(--font-size_lg);
	color: var(--color_base);
	background-color: var(--color_category_delivery);
}
.cardboard-select__small-title {
	padding: 1.75rem 0;
	font-size: 1.25rem;
	text-align: center;
}
.cardboard-select__list {
	display: grid;
	gap: var(--space_sm);
}
.cardboard-select__list-box {
	padding: var(--space_sm);
	background-color: var(--color_base);
	border-radius: 15px;
}
.cardboard-select__detail {
	display: flex;
	gap: var(--space_xs);
	justify-content: space-between;
}
.cardboard-select__size {
	padding-bottom: var(--space_2xs);
	font-size: 1.25rem;
}
.cardboard-select__size-text-box {
	display: flex;
	flex-flow: column;
	font-size: clamp(0.875rem, 0.746rem + 0.53vw, var(--font-size_md));
	font-weight: bold;
	line-height: 1.6;
}
.cardboard-select__size-image-box {
	display: grid;
	place-items: center;
	width: 35%;
	aspect-ratio: 1 / 1;
	background-color: #f3f3f3;
	border-radius: var(--border-radius_s);
}
.cardboard-select__accordion {
	margin-top: var(--space_sm);
	border-radius: 8px;
	overflow: hidden;
}
.cardboard-select__accordion-section {
	position: relative;
	padding: 0.75rem var(--space_xs);
	background-color: var(--color_category_delivery);
}
.cardboard-select__accordion-content {
	padding: 0.75rem;
	font-size: var(--font-size_md);
	background-color: var(--color_delivery-bg);
}
.cardboard-select__list-box:first-of-type .cardboard-select__accordion-content {
	display: block;
}
.cardboard-select__accordion-title {
	font-size: var(--font-size_md);
	font-weight: bold;
	color: var(--color_base);
	padding-right: var(--space_lg);
}
.cardboard-select__accordion-text {
	text-indent: -0.5em;
	margin-left: 0.5em;
}
.cardboard-select__accordion-text::before {
	content: '・';
}
.cardboard-select__cutoff-time {
	margin-top: var(--space_lg);
	background-color: var(--color_category_delivery);
	border-radius: var(--border-radius_s);
	border: solid 2px var(--color_category_delivery);
	overflow: hidden;
}
.cardboard-select__cutoff-time-title {
	padding: var(--space_2xs);
	color: #fff;
	font-weight: bold;
	text-align: center;
}
.cardboard-select__cutoff-time-text {
	background-color: #fff;
	padding: var(--space_xs);
}
.cardboard-select__note-list {
	margin-top: var(--space_xs);
	padding-left: 1em;
	font-size: var(--font-size_xs);
	line-height: 1.5;
}
.cardboard-select__note-item {
	list-style: disc;
	margin-top: var(--space_2xs);
}
.cardboard-select__note-item:first-child {
	margin-top: 0;
}
@media screen and (max-width: 350px) {
	.cardboard-select__inner {
		padding-inline: var(--space_2xs);
	}
}
@media screen and (min-width: 576px) {
	.cardboard-select__size-image-box {
		aspect-ratio: 2 / 1;
	}
}
@media screen and (min-width: 576px) {
	@media not screen and (min-width: 768px) {
		.cardboard-select__size-image-box {
			width: 60%;
		}
		.cardboard-select__size-image-box img {
			width: 50%;
		}
		.cardboard-select__list-box:last-of-type .cardboard-select__size-image-box img {
			width: 70%;
		}
	}
}
@media screen and (min-width: 768px) {
	.cardboard-select {
		margin: 0 var(--space_2xs);
	}
	.cardboard-select__inner {
		padding: 0 var(--space_xs) var(--space_md);
		border-radius: 0 0 15px 15px;
	}
	.cardboard-select__title {
		font-size: 1.75rem;
		padding: var(--space_sm);
		border-radius: 15px 15px 0 0;
	}
	.cardboard-select__small-title {
		font-size: var(--font-size_lg);
		padding: var(--space_md) 0;
	}
	.cardboard-select__list {
		display: grid;
		gap: var(--space_xs);
		grid-template-columns: repeat(3, 1fr);
	}
	.cardboard-select__list-box {
		pointer-events: none;
		padding: var(--space_sm) var(--space_xs);
	}
	.cardboard-select__detail {
		flex-flow: column;
		padding-bottom:1.25rem;
	}
	.cardboard-select__size-box {
		order: 1;
	}
	.cardboard-select__size-image-box {
		width: 100%;
	}
	.cardboard-select__size-image-box img {
		width: auto;
		height: 132px;
	}
	.cardboard-select__size-text-box {
		flex-direction: row;
		gap: var(--space_2xs);
		font-size: var(--font-size_xs);
	}
	.cardboard-select__accordion-section,
	.cardboard-select__accordion-content {
		padding: unset;
		background-color: unset;
	}
	.cardboard-select__accordion-title {
		font-size: var(--font-size_base);
		color: var(--color_category_font_brown);
		padding: 0 0 0.5rem;
	}
}
@media screen and (min-width: 1025px) {
	.cardboard-select {
		margin: var(--space_lg) 0 0;
	}
}

/*梱包のコツ*/
.packing-good {
	background-color: var(--color_delivery-bg);
	padding-bottom: 1rem;
	margin: 1rem 0 2rem;
}
.packing-good__title {
	color:var(--color_base);
	background-color: var(--color_category_delivery);
	display: flex;
	justify-content: center;
	align-items: center;
	height: 4rem;
	font-size: 1.6rem;
	margin-bottom: 1rem;
}
.packing-good__list-wrapper {
	display: flex;
	flex-direction: column;
	row-gap: var(--space_sm);;
	padding-inline: var(--space_xs);
}
.packing-good__list {
	background-color: var(--color_base);
	border-radius: 30px;
	padding: 1rem 0.625rem;
}

.packing-good__subtitle {
	color:var(--color_category_delivery);
	border-bottom: 2px solid var(--color_category_delivery);
	font-size: 1rem;
	margin-bottom: 0.5rem;
	padding: 0 0.4rem;
}
.packing-detail {
	display: flex;
	flex-direction: column;
}
.packing-detail__item {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0.5rem;
}
.packing-detail__text {
	line-height: 1.6;
}
.packing-detail__notice {
	background-color: var(--_notice-color);
	border-radius: calc(var(--border-radius_xs) * 1.5);
	border: solid 2px var(--_notice-color);
	overflow: hidden;
}
.packing-detail__notice-title {
	padding: var(--space_2xs);
	color: #fff;
	font-weight: bold;
	text-align: center;
}
.packing-detail__notice-text {
	background-color: #fff;
	padding: var(--space_xs);
}
.packing-detail__notice-text--emphasis {
	color: var(--_notice-color);
	font-weight: bold;
}
@media screen and (min-width: 768px) {
	.packing-good {
		margin: 1rem 0.5rem 2rem;
		border-radius: 15px;
		padding-bottom: 2rem;
	}
	.packing-good__title {
		height: 4.4rem;
		font-size: 2rem;
		margin-bottom: 1rem;
		border-radius: 15px 15px 0 0;
	}
	.packing-good__list {
		padding: 1rem;
	}
	.packing-good__subtitle {
		margin-bottom: 0.85rem;
		padding: 1rem 0.4rem 0.4rem;
		font-size: 1.5rem;
	}
	.packing-detail {
		justify-content: center;
		flex-direction: row;
		align-items: flex-start;
	}
	.packing-detail__item {
		flex-direction: column;
		margin: 0 1.875rem;
		width: 50%;
	}
	.packing-detail__image {
		max-width: 280px;
		width: 100%;
		height: auto;
		display: block;
		margin: auto;
	}
	.packing-detail__text {
		max-width: 260px;
		margin: auto;
		font-size: 1rem;
		padding: 0.2rem;
		display: block;
	}
}
@media screen and (min-width: 1025px) {
	.packing-good {
		padding-bottom: 30px;
		margin: 30px 0 60px;
	}
	.packing-good__title {
		font-size: 32px;
		height: 60px;
		margin-bottom: 20px;
	}
	.packing-good__list-wrapper {
		padding-inline: var(--space_lg);
	}

	.packing-good__subtitle {
		font-size: 1.25rem;
		margin-bottom: 15px;
		padding: 0 10px;
	}
	.packing-detail__item {
		width: 240px;
		margin: 0 0.625rem;
	}
	.packing-detail__text {
		font-size: 14px;
		padding: 2px 5px 0px;
	}
}
@media screen and (max-width: 767px) {
	.packing-detail {
		gap: 0.5rem;
	}
	.packing-detail__item {
		width: 98%;
		padding-left: 0.5rem;
	}
	.packing-detail__image {
		width: 50%;
		height: 40%;
	}
	.packing-detail__text {
		width: 50%;
		font-size: 0.8rem;
	}
}
@media screen and (max-width: 340px) {
	#packing-good .packing-ok-list ul li p{
		font-size: 0.7rem;
	}
}


/* =====================================
下層ページ（買取対象商品一覧）
======================================= */
.delivery-target {
	background-color: var(--color_delivery-bg);
	color: var(--color_category_font_brown);
	margin-top: 2rem;
	margin-bottom: 40px;
	padding: 2.5rem 0.625rem;
}
.delivery-target__tab-list {
	cursor: pointer;
	display: flex;
	align-items: end;
	gap: 0 4px;
	transition: transform .3s ease-out;
}
.delivery-target__tab {
	background-color: #dedede;
	border-radius: 0.5rem 0.5rem 0 0;
	cursor: pointer;
	display: flex;
	justify-content: center;
	flex:1;
	padding: 1.25rem 0.625rem;
	text-align: center;
	width: 100%;
}
.delivery-target__tab.active {
	background-color: var(--color_category_delivery);
	color: var(--color_base);
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
	position: relative;
}
.delivery-target__title {
	font-size: 1.125rem;
	font-weight: bold;
	line-height: 1;
}
.delivery-target__title-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.3rem;
}
.delivery-target__title-icon::before {
	content: '';
	display: block;
	background: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"><path d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23Z" stroke="%23545142" stroke-width="2"/></svg>') center center/contain no-repeat;
	width: 0.95em;
	height: 0.95em;
}
.delivery-target__tab--ok.active .delivery-target__title-icon::before {
	background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"><path d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23Z" stroke="white" stroke-width="2"/></svg>');
}
.delivery-target__tab--ng .delivery-target__title::before {
	background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 21 21" fill="none" ><path d="M21 2.15492L18.8453 0.000244141L10.5001 8.34528L2.15488 0.000244141L0 2.15492L8.34545 10.5004L0 18.8454L2.15467 21.0001L10.5001 12.6546L18.8453 21.0001L21 18.8458L12.6548 10.5004L21 2.15492Z" fill="%23545142"/></svg>');
}
.delivery-target__tab--ng.active .delivery-target__title-icon::before {
	background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 21 21" fill="none" ><path d="M21 2.15492L18.8453 0.000244141L10.5001 8.34528L2.15488 0.000244141L0 2.15492L8.34545 10.5004L0 18.8454L2.15467 21.0001L10.5001 12.6546L18.8453 21.0001L21 18.8458L12.6548 10.5004L21 2.15492Z" fill="white"/></svg>');
}
.delivery-target .tabCon .inner {
	display: none;
}
.delivery-target .tabCon .current {
	display: block;
}
.delivery-target__body-inner {
	background-color: var(--color_base);
	padding: 2rem 1rem;
}
.delivery-target__subtitle {
	font-size: 1.125rem;
	font-weight: bold;
	line-height: 1;
	text-align: center;
}
.delivery-target__description {
	font-size: 0.875rem;
	line-height: 1.6;
	padding-top: 0.625rem;
	text-align: center;
}
@media screen and (min-width: 577px) {
	.delivery-target__contents .contact-area__box--human::before {
		width: 40%;
	}
}


.delivery-target .contact-area__wrapper {
	margin: 0;
}


/* 対象のお品物 */
.target-ok__list {
	display: flex;
	flex-direction: column;
	gap: 0.625rem;
	margin-top: 1.875rem;
}
.target-ok__item {
	background-color: var(--color_delivery-sub2);
	border-radius: 0.875rem;
}
.target-ok__head {
	padding: 0.625rem;
}
.target-ok__head-inner {
	display: flex;
	align-items: center;
	gap: 0.625rem;
}
.target-ok__foot {
	border: 3px solid var(--color_delivery-sub2);
	border-radius: 0px 0px 0.875rem 0.875rem;
	background-color: var(--color_base);
	padding: var(--space_sm) var(--space_xs);
}
.target-ok__icon {
	background-color: var(--color_base);
	border-radius: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 2.5rem;
	width: 2.5rem;
}
.target-ok__icon img {
	box-sizing: border-box;
	padding: 0.625rem 0.325rem;
}

.target-ok__name {
	font-size: clamp(1rem, 5vw, 1.27rem);
	font-weight: bold;
	line-height: 1;
}
.target-ok__alert {
	color: var(--color_category_red);
	font-size: 0.875rem;
	font-weight: bold;
	margin-bottom: 1rem;
}
.target-ok__foot-contents {
	margin-top: var(--space_sm);
}
.target-ok__foot-contents:first-child {
	margin-top: 0;
}
.target-ok__item-title {
	padding-bottom: calc(var(--space_2xs) * 1.25);
	font-size: 1rem;
	font-weight: bold;
	line-height: 1.25;
}
.target-ok__item-detail {
	font-size: 0.875rem;
	line-height: 1.6;
	padding-top: var(--space_2xs);
}
.target-ok__item-detail li {
	list-style: disc;
	margin-left: 1rem;
}
.target-ok__item-detail-title {
	font-size: var(--font-size_xs);
	font-weight: bold;
	line-height: 1.25;
}
.target-ok__item-detail--note {
	margin-top: calc(var(--space_xs) * 1.25);
	padding-top: var(--space_2xs);
	background-image : linear-gradient(to right, var(--color_category_font_brown), var(--color_category_font_brown) 2px, transparent 1px, transparent 5px);
	background-size: 5px 1px;
	background-position: left top;
	background-repeat: repeat-x;
	font-size: var(--font-size_xs);
}
.target-ok__item-detail--note li {
	text-indent: -1rem;
	padding-left: 1rem;
}
.target-ok__item-detail--note li::before {
	content: "※";
	margin-right: 0.5em;
}
.target-ok__emphasis-note {
	font-size: 0.9375rem;
	font-weight: bold;
}
.target-ok__emphasis-note .marker {
	background: linear-gradient(transparent 60%, #fff29f 60%);
}
.target-ok__note-list {
	background: linear-gradient(to right, var(--color_category_font_brown) 6px, transparent 6px) left top / 12px 1px repeat-x;
	margin-top: 1.25rem;
}
.target-ok__note {
	font-size: 0.75rem;
	line-height: 1.4;
	text-indent: -1em;
	padding-left: 1em;
}
.target-ok__note::before {
	content: '※';
}
.target-ok__note:first-of-type {
	padding-top: 1rem;
}
.target-ok__note + .target-ok__note {
	padding-top: 0.25rem;
}
.target-ok__link-list {
	margin-top: 0.625rem;
}
.target-ok__link {
	font-size: var(--font-size_xs);
	margin-top: 1.25rem;
	padding-left: 1em;
}
.target-ok__link a {
	color: #0c50e4;
	text-decoration: underline;
}
.target-ok__link a:hover {
	text-decoration: none;
}
.target-ok__link:first-of-type {
	margin-top: unset;
}
.target-brand {
	margin-top: 1.25rem;
}
.target-ok__item-box +.target-brand {
	margin-top: 0.625rem;
}
.target-brand + .target-brand {
	margin-top: 1.25rem;
}
.target-brand__name {
	font-size: 0.875rem;
	font-weight: bold;
	line-height: 1;
	padding-bottom: 0.3rem;
}
.target-brand__list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 0.1em 1em;
	padding-left: 1em;
}
.target-brand__item {
	font-feature-settings: "palt" 1;
	font-size: clamp(0.725rem, 0.582rem + 0.61vw, 0.875rem);
	letter-spacing: -0.04em;
	line-height: 1.5;
	list-style: circle;
}



/* 対象外のお品物 */
.target-ng__list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 1.25rem 0.625rem;
	margin-top: 40px;
}
.target-ng__item {
	background-color: #f5f5f5;
	border-radius: 0.875rem;
	box-sizing: border-box;
	padding: 1rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
}
.target-ng__image {
	aspect-ratio: 1 / 1;
}
.target-ng__image--voucher {
	padding: 0;
}
.target-ng__image img {
	object-fit: cover;
	width: 100%;
}
.target-ng__name {
	font-size: 1em;
	font-weight: bold;
	padding-top: 0.625rem;
	text-align: center;
}
@media screen and (max-width: 576px) {
	.delivery-target__tab {
		padding-left: 0.5rem;
		padding-right: 0.5rem;
		gap: 3.6px;
	}
	.delivery-target__title,
	.delivery-target__subtitle {
		font-size: clamp(1rem, 0.111rem + 4.44vw, 1.125rem);
	}
}
@media screen and (min-width: 768px) {
	.delivery-target {
		margin-top: 2.5rem;
		margin-bottom: 3.75rem;
		padding: 2.5rem 1.875rem 1rem;
	}
	.delivery-target__tab {
		padding: 1.25rem 1.25rem;
	}
	.delivery-target__tab.active.delivery-target__tab::after {
		bottom: -1.2rem;
		width: 1.25rem;
		height: 1.25rem;
	}
	.delivery-target__body-inner {
		padding: 3rem 1.875rem;
	}
	.delivery-target__title {
		font-size: 1.25em;
	}
	.delivery-target__title-icon {
		gap: 0.625rem;
	}
	.delivery-target__title-icon::before {
		width: 1.25rem;
		height: 1.25rem;
	}
	.delivery-target__subtitle {
		font-size: 1.5em;
	}
	.delivery-target__description {
		font-size: 1em;
	}
	.target-ok__list {
		gap: 1.25rem;
		margin-top: 2.5rem;
	}
	.target-ok__head {
		padding: 0.625rem 1.25rem;
	}
	.target-ok__foot {
		padding: 1.25rem;
	}
	.target-ok__icon {
		width: 50px;
		height: 50px;
	}
	.target-ok__item-detail {
		font-size: 1rem;
	}
	.target-ok__emphasis-note {
		font-size: 1rem;
	}
	.target-ok__note,
	.target-ok__link {
		font-size: 0.875rem;
	}
	.target-ok__note + .target-ok__note {
		padding-top: 0.5rem;
	}
	.target-brand__list {
		grid-template-columns: repeat(3, 1fr);
	}
	.target-brand__item {
		letter-spacing: 0;
	}
	.target-ng__list {
		grid-template-columns: repeat(3, 1fr);
		column-gap: 1.25rem;
	}
}
@media screen and (min-width: 1025px) {
	.delivery-target{
		margin-top: 3.75rem;
		padding: 3.75rem 1.875rem 1rem;
	}
	.delivery-target__tab {
		padding: 1.75rem;
	}
	.delivery-target__tab.active {
		padding-top: 2.25rem;
		padding-bottom: 2.25rem;
	}
	.delivery-target__tab.active.delivery-target__tab::after {
		width: 1.5rem;
		height: 1.5rem;
		bottom: -1.4rem;
	}
	.delivery-target__title {
		font-size: 1.5em;
	}
	.delivery-target__subtitle {
		font-size: 1.5em;
	}
	.delivery-target__description {
		padding-top: 1.25rem;
		text-align: center;
	}
	.target-brand {
		margin-top: 1.25rem;
	}
	.target-brand__title {
		font-size: 1rem;
	}
}

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

/* 宅配切り替えに伴うcss整理中 */

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


/* =====================================
共通　お問い合わせ
======================================= */
/* 色を宅配カラーへ上書き */
.contact-box {
	--color_contact-main: #954b24;
	--color_contact-sub: #dca183;
	--color_contact-bg: #fff8f2;
	--color_cta-mail-shadow: rgba(154, 79, 44, 0.60);
	--color_cta-mail: #c27855;
	--color_cta_number: #c27855;
}
.cta-mail-button--apply::before {
	background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 29 25" fill="none"><path d="M0.791853 2.5H28.2081C28.6495 2.5 29 2.84221 29 3.27313V7.24018L15.7851 14.0209C14.9803 14.4392 14.0067 14.4392 13.2019 14.0209L0 7.24018V3.27313C0 2.84221 0.350492 2.5 0.791853 2.5Z" fill="%23c27855"/><path d="M28.2211 22.5H0.791853C0.350492 22.5 0 22.1578 0 21.7269V8.98926L12.4749 15.4024C13.111 15.732 13.812 15.8967 14.5 15.8967C15.188 15.8967 15.889 15.732 16.5251 15.4024L29 8.98926V21.7269C29 22.1578 28.6495 22.5 28.2081 22.5H28.2211Z" fill="%23c27855"/></svg>');
}
.cta-mail-button--consult::before {
	background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35 26" fill="none"><path d="M23.8875 0C19.489 0 15.705 2.04867 13.9984 4.99179C19.5377 6.03162 23.9006 10.0009 23.9006 15.1091C23.8999 15.7416 23.8303 16.3722 23.6932 16.9903C23.7585 16.9912 23.8219 16.9977 23.8873 16.9977C25.725 17.006 27.5434 16.632 29.222 15.9003L34.9998 19.3898L31.9301 14.2081C32.7908 13.51 33.4877 12.6387 33.9735 11.6536C34.4593 10.6685 34.7226 9.59251 34.7455 8.49893C34.7454 3.80506 29.8844 0 23.8875 0ZM11.1125 6.61018C5.11473 6.61018 0.25445 10.4152 0.25445 15.1091C0.277257 16.2026 0.540416 17.2785 1.02604 18.2636C1.51166 19.2488 2.20837 20.1201 3.0688 20.8183L0 26L5.77675 22.5105C7.4557 23.2423 9.27452 23.6163 11.1125 23.6079C17.109 23.6079 21.9705 19.8028 21.9705 15.1091C21.9705 10.4154 17.1096 6.61018 11.1125 6.61018Z" fill="%23c27855"/></svg>');
}
.cta-number__heading::before {
	background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 37" fill="none"><path d="M29.9624 31.393C29.8261 30.6897 29.4367 30.1036 28.8527 29.6934L22.8368 25.5907C21.9802 25.0046 20.8316 25.0437 20.0139 25.6884L17.444 27.7006C17.2104 27.8765 16.9183 27.8765 16.7042 27.7006C16.49 27.5248 16.3148 27.3685 16.1201 27.1927C15.5361 26.6847 14.9325 26.0986 14.3095 25.4344C13.7839 24.8874 13.2193 24.2622 12.6157 23.5198C12.0317 22.8361 11.4866 22.1132 11.0193 21.5076L10.6494 20.9606C10.299 20.4526 9.94853 19.9056 9.59809 19.339C9.16978 18.6748 8.76093 17.9519 8.33262 17.1509C7.90431 16.3499 7.5344 15.6076 7.2229 14.8652L7.14503 14.6698C7.08662 14.5135 7.00875 14.3377 6.93087 14.1619C6.83353 13.9274 6.93087 13.6344 7.14503 13.4976L9.94853 11.5635C10.8052 10.997 11.1945 9.88337 10.9025 8.88701L8.79987 1.87342C8.58572 1.20918 8.13793 0.64262 7.51494 0.3105C6.89194 -0.00208363 6.17159 -0.099766 5.50965 0.115135L2.64775 0.97474C1.79112 1.22871 1.14866 1.85388 0.856625 2.67441C0.642469 3.28004 0.46725 3.94428 0.3115 4.66713C0.0973437 5.70257 0 6.79661 0 7.89065C0 9.88337 0.272562 11.9347 0.856625 14.1228C1.38228 16.0374 2.10262 17.9519 3.03712 19.8274C3.87428 21.5466 4.92559 23.2659 6.17159 24.9655C7.43706 26.7238 8.722 28.2477 10.0848 29.5761C11.545 31.0218 13.1414 32.3308 14.8352 33.4639C16.6847 34.6752 18.5732 35.5934 20.4811 36.2185C21.5324 36.5507 22.6032 36.7851 23.6935 36.9219C23.7519 36.9219 23.7908 36.9219 23.8492 36.9219C24.5306 36.9805 25.1341 37 25.6987 37C26.5748 36.9805 27.3731 36.5311 27.8792 35.7887L29.6898 33.0927L29.8066 32.8778C30.0013 32.4089 30.0403 31.8814 29.9624 31.393Z" fill="%23c27855"/></svg>');
}

/* =====================================
コンタクトエリア - マイページ&申込みver (~7/31まで)
======================================= */
.contact-area__title {
	margin-bottom: 0 !important;
}
.contact-area__cta-area {
	display: flex;
	gap: 1.25rem;
}
.contact-area__button {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
}
.contact-area__button-title {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.625rem;
	font-size: 0.875rem;
	font-weight: bold;
	line-height: 1;
	padding-bottom: 0.625rem;
	text-align: center;
}
.contact-area__button--delivery .contact-area__button-title {
	color: var(--color_delivery-button);
}
.contact-area__button--mypage .contact-area__button-title {
	color: var(--color_delivery-contact-mypage);
}
.contact-area__button-title::before,
.contact-area__button-title::after {
	content: '';
	display: block;
	height: 1rem;
	width: 2px;
}
.contact-area__button-title::before {
	transform: rotate(-30deg);
}
.contact-area__button-title::after {
	transform: rotate(30deg);
}
.contact-area__button--delivery .contact-area__button-title::before,
.contact-area__button--delivery .contact-area__button-title::after {
	background-color: var(--color_delivery-button);
}
.contact-area__button--mypage .contact-area__button-title::before,
.contact-area__button--mypage .contact-area__button-title::after {
	background-color: var(--color_delivery-contact-mypage);
}
.contact-area__button-inner {
	font-size: 1.2rem;
	line-height: 1;
	min-height: 4rem;
	padding: 0.625rem 2.5rem;
	width: 100%;
}
.contact-area__button--delivery .contact-area__button-inner {
	background-color: var(--color_delivery-button);
}
.contact-area__button--mypage .contact-area__button-inner {
	background-color: var(--color_delivery-contact-mypage);
}
.contact-note__text {
	padding-left: 0.75rem;
	position: relative;
	font-size: 0.8em;
	line-height: 1.6;
}
.contact-note__text::before {
	content: "※";
	position: absolute;
	top: 0;
	left: 0;
}
@media screen and (min-width: 768px) {
	.contact-area__button {
		width: 50%;
	}
}
@media screen and (max-width: 767px) {
	.contact-area__cta-area {
		flex-direction: column;
		align-items: center;
	}
}

/* =====================================
コンタクトエリア - 宅配TOP MV下
======================================= */
.contact-area-section {
	padding: 1rem 2rem;
}
.contact-area-section__text {
	font-size: clamp(1.125rem, 0.989rem + 0.68vw, 1.5rem);
	box-shadow: 0px 4px 0px 0px #c32d4a, 0px 6px 6px 0px rgba(34, 34, 34, 0.25);
}
@media screen and (min-width: 768px) {
	.contact-area-section {
		display: none;
	}
}

/* =====================================
コンタクトエリア - 買取の流れ(simple)
======================================= */
.contact-area-simple {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 1rem 0.5rem;
	padding: 1.6rem 2rem 0;
}
.contact-area-simple__button-title {
	display: block;
	position: relative;
	top: 0.825rem;
	font-size: 0.75rem;
	padding: 0.2rem 0;
	margin: 0 0.5rem;
	text-align: center;
	line-height: 1.4;
	background-color: var(--color_base);
	border: 2px solid currentColor;
	border-radius: var(--border-radius_circle);
	color: var(--color_delivery-button);
	z-index: 1;
}
.contact-area__button-title--text {
	font-size: clamp(0.875rem, 0.815rem + 0.25vw, 1rem);
}
.contact-area-simple__button-mypage {
	color: var(--color_delivery-contact-mypage);
}
.contact-area-simple__button {
	display: flex;
	align-items: center;
	justify-content: center;
	transition: opacity 0.2s ease-in;
	width: 100%;
	box-sizing: border-box;
	margin: 0 auto;
	padding: 1.2rem 1rem 0.8rem;
	min-height: 5rem;
	font-size: clamp(0.95rem, 0.776rem + 0.87vw, 1.2rem);
	font-weight: bold;
	line-height: 1.3;
	border-radius: 13px;
	box-shadow: 0px 4px 0px #c32d4a, 0px 6px 6px rgba(34, 34, 34, 0.25);
	color: var(--color_base);
	background-color: var(--color_delivery-button);
	text-align: center;
	text-decoration: none;
}
.contact-area-simple__button-title:hover {
	color: var(--color_delivery-button);
}
.contact-area-simple__button-mypage:hover {
	color: var(--color_delivery-contact-mypage);
}
.contact-area-simple__button-title:active,
.contact-area-simple__button-mypage:active {
	opacity: unset;
}
.contact-area-simple__button:hover {
	color: var(--color_base);
	opacity: 0.75;
}
.contact-area-simple__button-color {
	background-color: var(--color_delivery-contact-mypage);
	box-shadow: 0px 4px 0px #548a2b, 0px 6px 6px rgba(34, 34, 34, 0.25);
}
@media screen and (max-width: 365px) {
	.contact-area-simple {
		padding: 2rem 0.625rem 0;
	}
}
@media screen and (min-width: 768px) {
	.contact-area-simple {
		padding: 1rem 3.45rem 0;
	}
	.contact-area-simple__button-title {
		display: grid;
		align-items: center;
		top: 1.5rem;
		margin: 0 3rem;
		min-height: 2.8em;
	}
	.contact-area-simple__button {
		padding: 1.4rem 1rem 0.6rem;
	}
}

/* =====================================
コンタクトエリア - 電話・メール受付ver (8/1〜) *宅配切り替え後に再度整理する
======================================= */
.contact-area__button--delivery-pickup .delivery-area-button{
	background-color: var(--_color_delivery_pickup-button);
}
.contact-area__button--delivery-pickup .contact-area-section__text {
	box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.25);
}
.contact-area__button-wrapper {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
}
.contact-area__button--delivery .contact-area__button-title.change--tel {
	color: var(--_color_delivery_tel-button);
}
.contact-area__button--delivery .contact-area__button-title.change--tel::before,
.contact-area__button--delivery .contact-area__button-title.change--tel::after,
.contact-area__button--delivery .contact-area__button-inner.change--tel {
	background-color: var(--_color_delivery_tel-button);
}
.contact-area__button--delivery .contact-area__button-inner.change--tel{
	box-shadow: var(--_color_delivery_tel-button--shadow);
}
.contact-area__button--delivery .contact-area__button-title.change--mail {
	color: var(--_color_delivery_mail-button);
}
.contact-area__button--delivery .contact-area__button-title.change--mail::before,
.contact-area__button--delivery .contact-area__button-title.change--mail::after,
.contact-area__button--delivery .contact-area__button-inner.change--mail {
	background-color: var(--_color_delivery_mail-button);
}
.contact-area__button--delivery .contact-area__button-inner.change--mail {
	box-shadow: var(--_color_delivery_mail-button--shadow);
}
.contact-area-section__text.change--tel,
.contact-area-section__text.change--mail {
	display: flex;
	flex-direction: row;
	column-gap: var(--space_xs);
	font-size: clamp(20px, 2vw, var(--font-size_lg));
}
.contact-area-section__text.change--tel svg {
	width: 24px;
	height: 30px;
}
.contact-area-section__text.change--mail svg {
	width: 29px;
	height: 25px;
}
.flow-step__contact-button.is-change::after {
	display: none;
}
/* 共通CVエリアの色変え */
.cta-tel-area__heading {
	color: var(--_color_delivery_tel-button);
}
.cta-tel-area__heading::before,
.cta-tel-area__heading::after {
	background-color: var(--_color_delivery_tel-button);
}
.cta-tel-button {
	background: var(--_color_delivery_tel-button--gradation);
	box-shadow: var(--_color_delivery_tel-button--shadow);
}
.cta-tel-area__tel-reception br {
		display: none;
}
/* メールフォームを繋がない場合、相談フォーム（form3）のみ横長にして表示 */
.cta-mail-button--consult-only {
	flex-direction: row;
	width: 100%;
	gap: 1rem;
}

/* =====================================
コンタクトエリア - マイページ&申込み グレーアウトver (~7/31まで)
バックアップで残してます 宅配切り替え後いらなかったら削除
======================================= */
.contact-area-section__not-link {
	opacity: 0.5;
}
.contact-area-simple__not-link {
	opacity: 0.5;
}
.contact-area-simple__not-link:hover {
	opacity: 0.5;
}