@charset "utf-8";

/* --------------
reset
-------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}
ol,ul{list-style:none}
caption,th{text-align:left}

img {max-width:100% !important; height:auto;vertical-align: bottom;object-fit: cover;}
iframe {max-width:100% !important; border:0;}

/* --------------
base
-------------- */
:root {
	/* カラー */
	--color_font: #3d3128;
	--color_yellow: #ffe190;
	--color_lite-pink: #fff0f0;
	--color_milk-pink: #f6becd;
	--color_pink: #e5577a;
	--color_dark-pink: #d94c6e;
	/* フォント */
	--font-size_base: 1rem;
	--font-size_xs: calc(var(--font-size_base) * 0.75);  /* 12px */
	--font-size_sm: calc(var(--font-size_base) * 0.875); /* 14px */
	--font-size_md: var(--font-size_base); /* 16px */
	--font-size_lg: calc(var(--font-size_base) * 1.5); /* 24px */
	--font-size_xl: calc(var(--font-size_base) * 2); /* 32px */
	/*角丸*/
	--border-radius_xs: 4px;
	--border-radius_s: 8px;
	--border-radius_m: 16px;
	--border-radius_l: 32px;
	--border-radius_xl: 40px;
	--border-radius_circle: 100vw;
	/*font*/
	--font_gothic: Helvetica,"Hiragino Kaku Gothic ProN",Meiryo,Verdana,YuGothic,"游ゴシック",sans-serif;
	--font_rd-gothic: fot-tsukuardgothic-std, sans-serif;
	--font_mincho: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

/* ブレイクポイント */
@media not screen and (min-width: 372px) {
	.none-xxs {
		display: none !important;
	}
}
@media screen and (min-width: 372px) {
	@media not screen and (min-width: 576px) {
		.none-xs {
			display: none !important;
		}
	}
}
@media screen and (min-width: 576px) {
	@media not screen and (min-width: 768px) {
		.none-sm {
			display: none !important;
		}
	}
}
@media screen and (min-width: 768px) {
	@media not screen and (min-width: 992px) {
		.none-md {
			display: none !important;
		}
	}
}
@media screen and (min-width: 992px) {
	@media not screen and (min-width: 1080px) {
		.none-lg {
			display: none !important;
		}
	}
}
@media screen and (min-width: 1080px) {
	.none-xl {
		display: none !important;
	}
}
@media screen and (max-width: 767px) { .noneSp { display: none !important; } }
@media screen and (min-width: 768px) and (max-width: 1024px) { .noneTab { display: none !important; } }
@media screen and (min-width: 1025px) { .nonePc { display: none !important; } }

/* 共通css */
body {
	background: #d2d7dc;
	color: var(--color_font);
	font-family: Helvetica, "Hiragino Kaku Gothic ProN", Meiryo, Verdana, YuGothic, "游ゴシック", sans-serif;
	word-wrap: break-word;
	overflow-wrap: break-word;
	-webkit-font-smoothing: auto;
	font-feature-settings: 'palt' on;
	letter-spacing: 0.08em;
}
h1,h2,h3,h4,h5,h6 {
	word-break: break-word !important;
}
.section {
	margin-top: var(--space_lg);
	padding: 0 var(--space_sm);
}
.section-full {
	margin-top: var(--space_lg);
}
@media screen and (min-width: 768px) {
	.section {
		margin-top: 60px;
	}
	.section-full {
		margin-top: 60px;
		padding: 0 var(--space_sm);
	}
}
.section__inner {
	margin-inline: auto;
	max-width: 960px;
}
.under-line__yellow {
	background: linear-gradient(transparent 60%, var(--color_yellow) 60%);
}

/* category-heading（カテゴリー上部の帯） */
.category-heading__wrapper {
	padding-top: 50px;
}
.category-heading__wrapper .three-circles {
	display: flex;
	gap: 0.375rem;
}
.category-heading__heading .three-circles span {
	background-color: var(--color_base);
	border-radius: var(--border-radius_circle);
	height: 0.375rem;
	width: 0.375rem;
}
.category-heading__heading {
	--_background_color: var(--color_milk-pink);
	background-color: var(--_background_color);
	color: var(--color_category_font_brown);
	display: flex;
	align-items: center;
	justify-content: center;
	gap: var(--space_xs);
	font-size: calc(var(--font-size_md) * 1.25);
	font-weight: bold;
	letter-spacing: 0.08em;
	line-height: 1.4;
	text-align: center;
	padding: var(--space_lg) var(--space_xs) var(--space_md);
	position: relative;
	z-index: 1;
}
.category-heading__heading::before {
	content: '';
	display: block;
	background: url(../image/customer-voice_heading-image.webp) center bottom 0.625rem / 3.75rem 3.125rem no-repeat, var(--_background_color);
	clip-path: circle(50% at bottom);
	height: 10rem;
	width: 10rem;
	position: absolute;
	top: calc(-10rem - -2rem);
	left: 50%;
	transform: translateX(-50%);
	z-index: -1;
}
@media screen and (min-width: 768px) {
	.category-heading__wrapper .three-circles {
		display: flex;
	}
	.category-heading__heading {
		--_background_color: var(--color_milk-pink);
		font-size: var(--font-size_xl);
		padding-top: 2.5rem;
		border-radius: var(--border-radius_xl) var(--border-radius_xl) 0 0;
	}
	.category-heading__heading::before {
		background-position: center bottom 1.25rem;
		background-size: 4.375rem 3.5rem;
		top: calc(-12.75rem - -3rem);
		height: 12.75rem;
		width: 12.75rem;
	}
}

/* category-button 共通のボタン */
.category-button {
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-inline: auto;
	gap: 0.5em;
	padding: 1em 1.5em;
	border: 1px solid var(--color_pink);
	background-color: var(--color_pink);
	border-radius: 100vh;
	min-width: min(300px, 80%);
	max-width: max-content;
	color: var(--color_base);
	font-weight: bold;
	font-size: 1rem;
}
.category-button:is(:hover, :active) {
	color: var(--color_base);
}
.category-button__text {
	flex: 1;
	text-align: left;
}
.category-button__icon {
	width: 1em;
	height: 1em;
}
.category-button__icon--text {
	width: 1em;
	height: 1em;
	font-size: 1.5em;
	line-height: 1;
	text-align: center;
}

@media not screen and (min-width: 375px) {
	.category-button__text--center {
		text-align: center;
	}
}
@media screen and (min-width: 375px) {
	.category-button__text {
		text-align: center;
	}
}
@media (hover: hover) and (pointer: fine) {
	.category-button:where(.category-button--hover):hover {
		background-color: var(--color_base);
		color: var(--color_pink);
	}
}

/* -----------------------------------------------------
nav
------------------------------------------------------ */
.global-navigation {
	--global-navigation_background: var(--color_milk-pink);
	--global-navigation_icon-color: var(--color_font);
	--global-navigation_icon-color: var(--color_pink);
	--global-navigation_hamburger-button_border: 1px solid var(--color_milk-pink);
	}
.global-navigation--fixed .global-navigation__main-wrapper {
	border: 1px solid var(--color_base);
}

/* -----------------------------------------------------
	MV
------------------------------------------------------ */
.main-visual {
	--color_category: #ada591;
	--main-visual_border_size: 30px;
	--main-visual_border-bottom_size: 20px;
	--main-visual_border_color_bottom: var(--color_category);
	display: flex;
	align-items: stretch;
	padding-top: var(--main-visual_border_size);
	padding-bottom: var(--main-visual_border-bottom_size);
	min-height: 270px;
	background: linear-gradient(0deg, rgba(181,50,70,1) 0%, rgba(251,131,148,1) 100%);
	position: relative;
	overflow: hidden;
	z-index: 1;
}
/* line */
.main-visual::before,
.main-visual::after {
	content: '';
	display: block;
	margin: 0 auto;
	width: 100%;
	position: absolute;
	left: 0;
	right: 0;
}
.main-visual::before {
	height: var(--main-visual_border_size);
	background-color: var(--color_base);
	top: 0;
	z-index: -1;
}
.main-visual::after {
	height: var(--main-visual_border-bottom_size);
	background-color: var(--main-visual_border_color_bottom);
	bottom: 0;
}
.main-visual__inner {
	display: flex;
	flex-direction: column;
	margin: 0 auto;
	width: 100%;
	padding: 20px 10px;
	max-width: 1280px;
	position: relative;
	z-index: 1;
}
/* 人 */
.main-visual__inner::before {
	content: '';
	display: block;
	margin-inline: auto;
	width: 100%;
	height: calc(100% + var(--main-visual_border_size) + var(--main-visual_border-bottom_size));
	max-width: 1080px;
	background: url(../image/main-visual_human.webp) no-repeat top center / auto 108%;
	position: absolute;
	bottom: calc(var(--main-visual_border-bottom_size) * -1);
	left: 0;
	z-index: -1;
	transform: translateX(0);
}
.main-visual__box {
	padding: .8em 1.7em;
	align-self: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin: auto auto 0 auto;
	background-color: rgba(255, 255, 255, 0.5);
	width: 80%;
}
.main-visual__catch {
	margin-top: 5px;
	color: #5a5a5c;
	font-family: var(--font_rd-gothic);
	font-size: 4vw;
	line-height: 1.3;
	letter-spacing: 0.08em;
	order: 1;
}
.main-visual__logo {
	display: flex;
	width: 92%;
	justify-content: center;
}
.main-visual__logo img {
	width: 60%;
}

@media screen and (min-width: 567px) {
	.main-visual__inner::before {
		width: 66%;
		background-size: cover;
		background-position: top 4px right;
		transform: translateX(0);
	}
	.main-visual__box {
		width: 50%;
		margin: auto 0 auto auto;
		background-color: transparent;
	}
	.main-visual__catch {
		color: var(--color_base);
		font-size: 3vw;
		letter-spacing: .15rem;
		text-shadow: -2px 1px rgba(0, 0, 0, 0.5);
		order: 0;
	}
	.main-visual__logo {
		margin-top: 1rem;
		padding: 8px 30px;
		background-color: var(--color_base);
	}
}
@media screen and (min-width: 769px) {
	.main-visual {
		--main-visual_border_size: 50px;
		--main-visual_border-bottom_size: 50px;
		min-height: 480px;
	}
	.main-visual__inner {
		padding: 30px;
	}
}
@media screen and (min-width:1025px) {
	.main-visual {
		min-height: 530px;
	}
	.main-visual__inner::before {
		width: 66%;
		left: 50%;
		transform: translateX(-88%);
		background-size: auto 108%;
		background-position: top 4px right;
	}
	.main-visual__catch {
		font-size: 1.6rem;
		text-shadow: none;
	}
	.main-visual__logo {
		width: 24rem;
	}
}

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

MV下お問い合わせ

------------------------------------------------------------------------- */
/* CV共通 */
.cta-notes {
	font-weight: normal;
}
.contact-top {
	--_contact-sp-top__button: linear-gradient(180deg, #ffd034 0%, #f58203 50%);
	--_contact-sp-top__button-box-shadow: 0px 4px 0px 0px #d16900;
	--_contact-sp-top__button--mail: linear-gradient(180deg, #b8fa92 0%, #41b32a 50%);
	--_contact-sp-top__button--mail-box-shadow: 0px 4px 0px 0px #30972c;
	padding: calc(var(--space_base) * 3.5) var(--space_sm);
	background: var(--color_lite-pink);
	font-family: var(--font_gothic);
	font-weight: bold;
}
.contact-top__title {
	font-size: min(4.5vw, 1.5em);
}
.contact-top .cta-button__text {
	font-size: min(4.25vw, 1.3em);
}
.contact-top .cta-button--center {
	background: var(--_contact-sp-top__button--mail);
	box-shadow: var(--_contact-sp-top__button--mail-box-shadow), 0px 6px 4px 0px rgba(143, 0, 0, 0.25);
}
.contact-top .cta-button--emphasis{
	background: var(--_contact-sp-top__button);
	box-shadow: var(--_contact-sp-top__button-box-shadow), 0px 6px 4px 0px rgba(143, 0, 0, 0.25);
}
@media screen and (min-width: 768px) {
	.contact-top .cta-button__text {
		font-size: min(4vw, 24px);
	}
}

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

プライマリー

------------------------------------------------------------------------- */
.primary {
	padding: var(--space_lg) 0;
}
.primary__inner {
	background-color: var(--color_lite-pink);
}
.primary__wrapper {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
}
.primary__container {
	grid-area: 1 / 1 / 2 / 3;
	margin-top: -50px;
	position: relative;
	overflow: hidden;
	border-radius: 0 var(--border-radius_m) var(--border-radius_m) 0;
}
.primary__image {
	position: absolute;
	inset: 0;
	opacity: 0;
	background: center center / cover;
	animation: slideAnime 12s infinite;
}
.primary__image:nth-of-type(1) {
	background-image: url(../image/primary_image01.webp);
	animation-delay: 0s;
}
.primary__image:nth-of-type(2) {
	background-image: url(../image/primary_image02.webp);
	animation-delay: 4s;
}
.primary__image:nth-of-type(3) {
	background-image: url(../image/primary_image03.webp);
	animation-delay: 8s;
}
@keyframes slideAnime {
	0%, 50%, 100% { opacity: 0;}
	10%, 33% { opacity: 1;}
}
.primary__title-wrapper {
	grid-area: 1 / 3 / 2 / 4;
	margin: 0 auto;
	margin-top: -50px;
	writing-mode: vertical-rl;
	z-index: 1;
}
.primary__title {
	font-size: 1.125rem;
	font-weight: bold;
	letter-spacing: 0.2em;
	display: inline;
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
	background: rgba(255, 255, 255, 65%);
}
.primary__title:nth-child(2) {
	margin-right: var(--space_2xs);
}
.primary__title span {
	font-size: 1.75rem;
}
.primary__accent-color {
	color: #ed4832;
}
.primary__text-area {
	grid-area: 2 / 1 / 3 / 4;
	padding: var(--space_md) var(--space_md) 0;
}
.primary__text + .primary__text {
	margin-top: var(--space_2xs);
}

@media screen and (min-width: 550px) {
	.primary__wrapper {
		margin: 0 auto;
		width: 500px;
	}
	.primary__container {
		border-radius: var(--border-radius_m);
	}
	.primary__title {
		font-size: 1.25rem;
	}
	.primary__title span {
		font-size: 1.875rem;
	}
	.primary__text-area {
		padding-inline: 0;
	}
}
@media not screen and (min-width: 768px) {
	.primary::before {
		content: '';
		display: block;
		background: url(../image/primary_background-image.svg) no-repeat center center /cover;
		width: 100%;
		height: 36px;
	}
	.primary::after {
		content: '';
		display: block;
		background: url(../image/primary_background-image.svg) no-repeat center center /cover;
		width: 100%;
		height: 36px;
		transform: rotate(180deg);
	}
	.primary__title {
		font-feature-settings: normal;
	}
}
@media screen and (min-width: 768px) {
	.primary{
		padding: 0 var(--space_sm);
	}
	.primary__inner {
		border-radius: var(--border-radius_xl);
	}
	.primary__wrapper {
		padding: unset;
		width: 100%;
		border-radius: var(--border-radius_xl);
	}
	.primary__title-wrapper {
		grid-area: 1 / 1 / 2 / 3;
		margin-top: var(--space_2xl);
		writing-mode: horizontal-tb;
	}
	.primary__title:nth-child(2) {
		margin: 0.7rem 0 0 0;
	}
	.primary__text-area {
		grid-area: 2 / 1 / 3 / 3;
		padding: var(--space_xl) var(--space_md) var(--space_2xl);
		font-size: var(--font-size_md);
	}
	.primary__container {
		grid-area: 1 / 3 / 3 / 4;
		margin-top: unset;
		border-radius: 0 var(--border-radius_xl) var(--border-radius_xl) 0;
	}
}

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

買取実例のご紹介

------------------------------------------------------------------------- */
.record {
	font-family: "Hiragino Kaku Gothic ProN",Helvetica,Meiryo,Verdana,YuGothic,"游ゴシック",sans-serif;
}
.record__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;
}
.record__title::before,
.record__title::after {
	content: '';
	background-color: var(--color_pink);
	flex: 1;
	height: 3px;
	border-radius: var(--border-radius_circle);
}
/* スクロール部分 */
.record__list {
	display: grid;
	grid-template-columns: repeat(var(--_item-length), max-content);
	gap: var(--space_2xs);
}
.record__item {
	max-width: 300px;
	padding: 0 6px 0 3px;
	display: flex;
	flex-direction: column;
}
.record__item-wrapper {
	overflow: hidden;
	border-radius: var(--border-radius_s);
	box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.10);
}
.record__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;
}
.record__item-title {
	text-align: center;
	line-height: 1.4;
}
.record__item-body {
	min-height: 160px;
	display: grid;
	grid-template:
	"image   info" auto
	"price   price" auto / 55% 1fr;
	padding: var(--space_xs);
}
.record__item-image {
	padding-right: calc(var(--space_2xs) * 1.5);
}
.record__item-image img {
	grid-area: image;
	aspect-ratio: 135 / 90;
	object-fit: cover;
	width: 100%;
	border-radius: var(--border-radius_xs);
}
.record__item-info {
	grid-area: info;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: calc(var(--space_2xs) * 0.5);
}
.record__item-description {
	overflow-wrap: anywhere;
	text-align: left;
	min-height: 6em;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	font-size: var(--font-size_sm);
	line-height: 1.3;
}
.record__item-price {
	grid-area: 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;
}
.record__item-price br {
	display: none;
}
.record__item-price b {
	display: block;
	color: #d9335c;
	font-size: calc(var(--font-size_md) * 1.25);
	text-align: right;
}
.record__bottom {
	margin-top: calc(var(--space_xs) * 1.25);
}
.record__annotation {
	font-size: var(--font-size_range-small);
	line-height: 1.7;
	position: relative;
	display: flex;
}
.record__annotation::before {
	content: '※';
	margin-right: .2em;
}
.record__annotation-box {
	border-radius: var(--border-radius_s);
	background: #f9f9f9;
	padding: var(--space_xs);
}
.record__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) {
	.record__item-description {
		font-size: 13px;
	}
}
@media screen and (min-width: 768px) {
	@media not screen and (min-width: 992px) {
		.record__item-price br {
			display: block;
		}
	}
}
@media screen and (min-width:768px) {
	.record .category__inner {
		padding: var(--space_md) 0 0;
	}
	.record__title {
		font-size: var(--font-size_xl);
		margin-bottom: var(--space_lg);
	}
	.record .scroll-inner--horizontal {
		padding-bottom: var(--space_lg);
	}
	.record__item {
		max-width: 250px;
	}
	.record__item-body {
		grid-template: "image""info""price";
	}
	.record__item-image {
		display: flex;
		justify-content: center;
		padding-right: unset;
	}
	.record__item-image img {
		width: 180px;
	}
	.record__item-description {
		justify-content: center;
		text-align: center;
	}
}

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

キャンペーンバナー

------------------------------------------------------------------------- */
.contact-section__banner-area {
	padding: 40px 24px 0;
}
.banner-unit {
	max-width: 960px;
}
@media screen and (min-width: 768px) {
	.contact-section__banner-area {
		padding-top: 60px;
	}
}

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

バナー下お問い合わせ

------------------------------------------------------------------------- */
/* 全体の背景色 */
.contact-section {
	--contact-section_background: var(--color_base);
	padding-inline: 1rem;
}
.contact {
	--contact_background: linear-gradient(0deg, var(--color_contact-main) 0%, var(--color_contact-sub) 100%);
}
.contact__main {
	padding: 0;
}
.contact__title {
	padding: 1.125rem clamp(7.5rem, 4.911rem + 12.95vw, 11.125rem) 0.625rem clamp(1.25rem, -0.205rem + 7.27vw, 1.5rem);
	margin-bottom: 0;
	background: linear-gradient(-2deg, var(--color_dark-pink) 0%, #f07693 100%);
	border-radius: 1.5rem 1.5rem 0 0;
	color: var(--color_base);
	text-align: left;
	font-size: clamp(1.125rem, -0.33rem + 7.27vw, 1.375rem);
	letter-spacing: 0.02em;
	line-height: 1.4;
	position: relative;
}
.contact__title::after {
	content: '';
	display: block;
	background: url(../image/contact_human2.webp) top center / cover no-repeat;
	height: clamp(5.75rem, -1.523rem + 36.36vw, 7rem);
	width: clamp(6.875rem, -5.489rem + 61.82vw, 8.75rem);
	position: absolute;
	bottom: 0;
	right: 1.125rem;
}
.contact__title b {
	padding-right: 0.1em;
	font-size: 1.5em;
	line-height: 1;
}
.contact-section .contact__inner {
	padding: 1.25rem clamp(0.625rem, -3.011rem + 18.18vw, 1.25rem) 1.875rem;
	background-color: #fff3f5;
	border: 2px solid var(--color_dark-pink);
	border-top: none;
	border-radius: 0 0 1.5rem 1.5rem;
}
.contact-section .cta-unit__heading {
	/* マイクロコピー */
	display: block;
	/* 電話 マイクロコピー */
	--cta-unit_heading_tel: #f78d0a;
}
.contact-section .cta-unit__heading-text {
	margin-bottom: 0.5rem;
}
.contact-section .cta-button {
	/* 問合せボタン背景 */
	--cta-button_background: var(--color_base);
	/* 問い合わせボタン背景 強調したい方（電話など） */
	--cta-button_background_emphasis: linear-gradient(180deg, #ffd034
	0%, #f78d0a 100%);
	/* 問い合わせボタン テキスト色 */
	--cta-button_color: var(--color_base);
}
.contact-section .cta-button__icon {
	margin-inline: auto;
	width: 1.875rem;
}
.contact-section .cta-unit {
	gap: 0;
}
.contact-section .cta-notes{
	margin-top: 18px;
}
/* 電話 */
.contact-section .cta-unit--tel .cta-button {
	box-shadow: 0px 4px 0px 0px #d16900
	, 0px 6px 6px 0px rgba(34, 34, 34, 0.20);
	text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
}
.contact-section .cta-unit--tel .cta-button__text {
	font-size: 23px;
}
.contact-section .cta-unit__information {
	margin-top: 0.5rem;
	position: relative;
}
.contact-section .cta-unit__information::after {
	content: "";
	position: absolute;
	bottom: -8px;
	left: 0;
	width: 100%;
	height: 1px;
	background-image: repeating-linear-gradient(
		to right,
		var(--color_font) 0px,
		var(--color_font) 6px,
		transparent 6px,
		transparent 12px
	);
}
/* メール */
.cta-unit--mail .cta-unit__heading-text{
	display: none;
}
.cta-unit--mail .cta-button {
	color: var(--color_font);
	border: 2px solid var(--color_dark-pink);
	border-radius: 1rem;
	padding: 0.5em 0.8em 1em;
	font-size: 18px;
	transition: all 0.3s ease;
}
.cta-unit--mail .cta-button:hover {
	background-color: var(--color_dark-pink);
	color: var(--color_base);
	opacity: 1;
}
.cta-unit--mail .cta-button__inner {
	display: block;
}
.cta-unit--mail svg {
	display: block;
	fill: var(--color_dark-pink);
	transition: all 0.3s ease;
}
.cta-button:hover .cta-button__icon svg {
	fill: var(--color_base);
}
.cta-unit--mail .cta-button__text {
	margin-top: 5px;
}
.contact .contact-notes, .contact__main {
	justify-content: left;
	padding-left: 0;
	margin-top: 10px;
}
.contact-section .contact-notes__item.notes__item {
	font-size: 13px;
}

@media screen and (min-width: 576px){
	.contact__title::after {
		background-position: center 10px;
	}
	.contact__cta-area {
		width: 70%;
		margin-inline: auto;
	}
	.contact-section .cta-button {
		width: 100%;
	}
	.contact-section .cta-unit__information{
		font-weight: normal;
		font-size: var(--font-size_range-small);
	}
}
@media screen and (min-width: 768px){
	.contact__inner {
		padding: 1.875rem 2.5rem 2.25rem;
		gap: 1.5rem;
		border: 4px solid var(--color_dark-pink);
		border-top: 0;
	}
	.contact__title {
		font-size: clamp(1.5rem, 0.643rem + 1.79vw, 1.75rem);
		padding: 1.5rem 12rem 1.5rem 2.5rem;
	}
	.contact__title::after {
		height: clamp(7.5rem, 5.786rem + 3.57vw, 8rem);
		width: clamp(10rem, 8.286rem + 3.57vw, 10.5rem);
		right: 2.25rem;
	}
	.contact-section .cta-number.cta-number--freedial.cta-switch {
		border: 4px solid var(--color_dark-pink);
		background-color: var(--color_base);
		border-radius: 1.25rem;
		color: var(--color_font);
		display: flex;
		justify-content: center;
		padding: 70px 1.25rem 1.25rem;
	}
	.contact-section .cta-number__inner {
		position: relative;
		display: inline-block;
		text-align: center;
	}
	/* 電話アイコン */
	.contact-section .cta-number__inner::before {
	content: "";
	position: absolute;
	top: -0.85em;
	left: 12%;
	display: block;
	width: 30px;
	height: 36px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 37'%3E%3Cpath fill='%23d94c6e' d='M29.96 31.39c-.14-.7-.53-1.29-1.11-1.7l-6.01-4.1a1.6 1.6 0 0 0-1.83.1l-2.57 2.01c-.23.18-.53.18-.74 0a17.8 17.8 0 0 1-2.29-2.26 59.9 59.9 0 0 1-3.32-4.67 52.2 52.2 0 0 1-3.37-6.12c-.06-.15-.13-.31-.2-.47-.1-.23-.01-.52.21-.66l2.8-1.93a1.6 1.6 0 0 0 .71-1.75L8.8 1.87A1.6 1.6 0 0 0 7.51.31a1.6 1.6 0 0 0-2 .12L2.65.97A2.9 2.9 0 0 0 .86 2.67a25.6 25.6 0 0 0-.55 5.22c0 1.99.27 4.04.86 6.23a34.3 34.3 0 0 0 3.04 6.94c1.01 1.8 2.06 3.5 3.23 5.02 1.26 1.75 2.54 3.27 3.91 4.56a27.6 27.6 0 0 0 4.75 3.38c1.85 1.2 3.74 2.12 5.68 2.73 1.05.33 2.12.57 3.21.69.06 0 .1 0 .17.01.68.06 1.28.08 1.84.08.88-.02 1.68-.47 2.18-1.21l1.81-2.7.12-.21c.19-.47.23-1 .15-1.49Z'/%3E%3C/svg%3E") no-repeat center / contain;
	}
	/* テキスト */
	.contact-section .cta-number__inner::after {
	letter-spacing: 0.1rem;
	content: "お電話はこちら";
	position: absolute;
	top: -1.5em;
	left: 23%;
	font-size: 2rem;
	white-space: nowrap;
	background: linear-gradient(to right, var(--color_dark-pink) 0%, var(--color_dark-pink) 3.1em, var(--color_font) 3em, var(--color_font)00%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	}
	.cta-unit__information::after {
		display: none;
	}
	.contact-section .cta-number__text {
		display: flex;
		align-items: center;
		gap: 0.625rem;
		font-size: 3rem;
	}
	.contact-section .cta-number__text::before {
		content: '';
		display: block;
		background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 57 32'%3E%3Cpath fill='%2300a23f' d='M49.354 0H0v31.6h49.354V0Z'/%3E%3Cpath fill='%2300a23f' d='M50.828 28.972c0 1.67 1.385 3.028 3.086 3.028s3.086-1.358 3.086-3.028-1.385-3.028-3.086-3.028-3.086 1.358-3.086 3.028Zm.356 0c0-1.47 1.22-2.679 2.73-2.679 1.512 0 2.731 1.196 2.731 2.679s-1.219 2.679-2.73 2.679c-1.511 0-2.73-1.196-2.73-2.679Z'/%3E%3Cpath fill='%2300a23f' d='m55.413 30.928h-.598l-1.194-1.819h-.521v1.819h-.47v-4h1.156c.381 0 .698.087.914.274.229.187.343.437.343.773 0 .249-.076.46-.241.647-.165.187-.393.312-.673.386l1.309 1.919Zm-2.312-2.218h.598c.254 0 .457-.063.61-.2.153-.137.229-.299.229-.499 0-.449-.279-.673-.839-.673h-.61v1.372Z'/%3E%3Cpath fill='%23fff' d='M12.396 24.511c-2.705 0-6.07-2.031-6.07-6.218 0-3.253 3.277-5.845 6.07-7.403 2.781 1.558 6.071 4.15 6.071 7.403 0 4.187-3.366 6.218-6.071 6.218Zm18.594-6.293c0-3.252 3.276-5.844 6.07-7.402 2.782 1.558 6.071 4.15 6.071 7.402 0 4.187-3.353 6.218-6.071 6.218-2.718 0-6.07-2.031-6.07-6.218ZM49.342 4.922c-5.017 0-9.462 1.221-12.472 2.767C33.846 6.144 29.68 4.922 24.664 4.922c-5.017 0-9.183 1.221-12.206 2.766C9.448 6.144 5.017 4.922 0 4.922v2.766c2.959 0 6.553.548 9.386 1.744C6.338 11.44 3.315 14.468 3.315 18.293c0 5.059 4.394 8.923 9.144 8.923 4.75 0 8.942-3.864 8.942-8.923 0-3.825-2.806-6.853-5.854-8.86 2.82-1.209 6.147-1.744 9.119-1.744 2.972 0 6.287.548 9.12 1.744-3.048 2.006-5.855 5.034-5.855 8.86 0 5.059 4.179 8.923 8.942 8.923 4.762 0 9.08-3.864 9.08-8.923 0-3.825-2.946-6.853-5.994-8.86 2.819-1.209 6.426-1.744 9.386-1.744V4.922Z'/%3E%3C/svg%3E") center center / contain no-repeat;
		height: 2rem;
		width: 3.5rem;
	}
	.contact-section .cta-unit--tel .cta-button__text {
		font-size: 28px;
	}
	/* メール */
	.cta-unit--mail .cta-button {
		padding: 0.5em 0.8em;
		font-size: 1.5rem;
		border: 4px solid var(--color_dark-pink);
	}
	.cta-unit--mail .cta-button__inner {
		display: flex;
		flex-direction: row-reverse;
	}
	.cta-unit--mail .cta-button__text {
		margin-top: 0;
	}
	.contact-section .cta-unit__heading {
		display: none;
	}
	.contact-section .cta-button__icon {
		width: 2.25rem;
	}
	.contact-section .cta-number__icon {
		display: none;
	}
}
@media screen and (min-width: 992px){
	.contact-notes.notes.notes--small {
		justify-content: center;
	}
	.contact .cta-button {
		font-size: 1.5em;
	}
}

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

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

------------------------------------------------------------------------- */
.appraiser__heading {
	background-color: var(--color_yellow);
	text-align: center;
	padding: var(--space_xs) 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: 22px;
	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 (min-width: 768px) {
	.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;
	}
}

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

買取アイテム

------------------------------------------------------------------------- */
.all-categories{
	background-color: var(--color_base);
}
/* category-heading追加css */
.all-categories .category-heading__heading,
.all-categories__inner {
	background: var(--color_lite-pink);
}
.all-categories .category-heading__heading::before {
	background: url(../image/all-categories_heading-image.webp) center bottom 1rem / 2.3rem 3rem no-repeat, var(--color_lite-pink);
}
.all-categories .category-heading__heading .three-circles span {
	background-color: var(--color_milk-pink);
}
.all-categories .category-heading__heading .three-circles .three-circles--color {
	background-color: var(--color_pink);
}

@media screen and (min-width: 576px) {
	.all-categories__inner {
		padding: 0 var(--space_xl) var(--space_xl);
	}
}
@media screen and (min-width: 768px) {
	.all-categories__inner {
		border-radius: 0 0 var(--border-radius_xl) var(--border-radius_xl);
	}
}
@media screen and (min-width: 820px) {
	.all-categories .category-heading__heading::before {
		background: url(../image/all-categories_heading-image.webp) center bottom 1.5rem / 2.3rem 3rem no-repeat, var(--color_lite-pink);
	}
}y-heading__heading::before {
	background: url(../image/all-categories_heading-image.webp) center bottom 1rem / 2.3rem 3rem no-repeat, var(--color_lite-pink);
}
/* list部分 */
.all-categories-list {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(80px, 100%), 1fr));
	gap: var(--space_md) 0;
	margin-top: 0;
	padding: 0 var(--space_sm) var(--space_md);
}
:where(.scroll-inner--horizontal) .all-categories-list {
	grid-template-columns: repeat(var(--_item-length), max-content);
}
.all-categories-item {
	display: grid;
	gap: var(--space_2xs);
	justify-items: center;
}
.all-categories-item__image {
	width: 4.5rem;
	height: 4.5rem;
	background: var(--color_base);
	border-radius: 100vh;
	box-shadow: 0px 3px 4px 0px rgb(143 0 0 / 0.1);
}
.all-categories-item__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center bottom;
	border-radius: 100vh;
}
.all-categories-item__name {
	min-height: 2em;
	display: flex;
	align-items: center;
	gap: 0.2em;
}
.all-categories-item__name-text {
	max-width: 4.2rem;
	text-align: center;
	color: #d9335c;
	font-size: 0.875rem;
	font-weight: bold;
	line-height: 1.4;
	letter-spacing: 0;
}

@media screen and (min-width: 768px) {
	.all-categories-list {
		grid-template-columns: repeat(5, max-content);
		justify-content: center;
		padding: var(--space_xs) 0;
		gap: var(--space_lg) var(--space_md);
	}
	.all-categories-item__image {
		width: 5rem;
		height: 5rem;
	}
}
@media screen and (min-width: 820px) {
	.all-categories-list {
		grid-template-columns: repeat(6, max-content);
	}
}

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

選べる3つの買取方法

------------------------------------------------------------------------- */
.buy-method__title-wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: var(--space_2xs);
	margin-bottom: var(--space_sm);
	font-size: min(6.28vw, 1.5em);
	font-weight: bold;
	text-align: center;
	font-family: "Hiragino Kaku Gothic ProN",Helvetica,Meiryo,Verdana,YuGothic,"游ゴシック",sans-serif;
}
.buy-method__title-wrapper::before,
.buy-method__title-wrapper::after {
	content: '';
	background-color: var(--color_pink);
	flex: 1;
	height: 3px;
	border-radius: var(--border-radius_circle);
}
.buy-method__title--emphasis {
	background-color: var(--color_pink);
	border-radius: var(--border-radius_circle);
	padding: calc(var(--space_2xs) * 1.5);
	font-size: var(--font-size_md);
	line-height: 1;
	color: var(--color_base);
}
.buy-method__select {
	--_gap_buy-method-select: var(--space_xs);
	display: flex;
	justify-content: center;
	align-items: flex-start;
	gap: var(--_gap_buy-method-select);
}
.buy-method__select-button {
	width: calc((100% - var(--_gap_buy-method-select) * 2 ) / 3);
	cursor: pointer;
}
@keyframes fadeInAnimation {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
.buy-method__item-wrapper {
	aspect-ratio: 1;
	padding: 0.2em;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border-radius: var(--border-radius_m);
	cursor: pointer;
	background-color: var(--_color_buy-method_main);
	box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.25);
}
.buy-method__item-icon {
	display: flex;
	align-items: center;
	width: 50%;
	height: 50%;
	filter: drop-shadow(0px 4px 3px rgba(0, 0, 0, 0.15));
}
.buy-method__item-title {
	padding-top: calc(var(--space_2xs) * 0.75);
	font-size: var(--font-size_md);
	font-weight: bold;
	color: var(--color_base);
}
.buy-method__text {
	font-weight: bold;
}
.buy-method__text-note {
	padding-top: var(--space_2xs);
	font-size: var(--font-size_range-small);
}
/* spだけ表示 */
.buy-method__select-button,
.buy-method__content {
	--_color_buy-method_main: var(--color_category_trip);
}
.buy-method__select-button--delivery,
.buy-method__content--delivery {
	--_color_buy-method_main: var(--color_category_delivery);
}
.buy-method__select-button--store,
.buy-method__content--store {
	--_color_buy-method_main: var(--color_category_store);
}
.buy-method__content {
	display: none;
	margin: var(--space_xs) var(--space_xs) 0;
	padding: var(--space_xs);
	text-align: center;
	border: 5px solid var(--_color_buy-method_main);
	border-radius: var(--border-radius_s);
}
.buy-method__select-button.is-open::after {
	content: '';
	display: block;
	margin-inline: auto;
	width: 2em;
	height: 1em;
	transform: translateY(-2px);
	clip-path: polygon(0 0, 100% 0, 50% 100%);
	animation: fadeInAnimation 0.5s ease-in forwards;
	background-color: var(--_color_buy-method_main);
}
.buy-method__content.is-open {
	display: block;
}

@media screen and (max-width: 350px) {
	.buy-method__title--emphasis {
		font-size: var(--font-size_xs);
	}
}
@media screen and (min-width: 768px) {
	.buy-method__title {
		font-size: var(--font-size_xl);
	}
	.buy-method__title--emphasis {
		font-size: var(--font-size_lg);
	}
	.buy-method__select {
		--_gap_buy-method-select: var(--space_sm);
	}
	.buy-method__select-button {
		cursor: unset;
		pointer-events: none;
	}
	.buy-method__select-button {
		position: relative;
		display: grid;
		text-align: center;
		padding: var(--space_md) var(--space_xs);
		background-color: var(--_color_buy-method_main);
		border-radius: var(--border-radius_m);
		letter-spacing: 0.08em;
	}
	.buy-method__item-wrapper {
		aspect-ratio: auto;
		gap: var(--space_sm);
		padding: 0;
		box-shadow: none;
	}
	.buy-method__item-title {
		padding-top: 0;
		font-size: calc(var(--font-size_base) * 1.25);
	}
	.buy-method__item-icon {
		order: 1;
		background-color: var(--color_base);
		width: 120px;
		height: 120px;
		border-radius: var(--border-radius_circle);
		justify-content: center;
		filter: none;
	}
	.buy-method__item-icon img {
		width: 75px;
	}
	.buy-method__text-wrapper {
		min-height: 6em;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		margin-top: var(--space_sm);
		text-align: center;
		color: var(--color_base);
	}
	.buy-method__text {
		font-weight: normal;
	}
	.buy-method__text .under-line__yellow {
		display: block;
		background: unset;
		text-decoration: underline var(--color_base);
		font-weight: bold;
	}
	.buy-method__select-button.is-open::after{
		display: none;
	}
}
/* 手数料 */
.commission-method.section-full{
	padding-top: 0;
	margin-top: var(--space_md);
}
.commission-method__message {
	display: flex;
	flex-direction: column;
	gap: var(--space_2xs);
	position: relative;
	margin-top: 0;
	padding: var(--space_xs) var(--space_sm) 0;
	background: top center / 1.25rem auto url(../image/category-pattern-triangle_op20.webp) #fff2cb;
}
.commission-method__text--main {
	text-align: center;
}
.commission-method__message .under-line__yellow {
	font-weight: bold;
}
.commission-method__text--sub {
	display: flex;
	justify-content: center;
	align-items: end;
	gap: var(--space_2xs);
}
.commission-method__text--sub .commission-method__text {
	width: 70%;
	padding-bottom: var(--space_xs);
}
.commission-method__text--sub span {
	color: #d9335c;
	font-weight: bold;
}
.commission-method__image {
	width: 30%;
}
@media not screen and (min-width: 371px) {
	.commission-method__text--sub {
		text-align: unset;
	}
	.commission-method__text--sub .commission-method__text br {
		display: none;
	}
}
@media screen and (min-width: 390px) and (max-width: 576px) {
	.commission-method__message {
		gap: calc(var(--space_2xs) * 0.5);
	}
	.commission-method__text--sub .commission-method__text {
		width: 77%;
	}
	.commission-method__image {
		width: 23%;
	}
}
@media not screen and (min-width: 451px) {
	.commission-method__text--sub {
		text-align: right;
	}
}
@media screen and (min-width: 451px) {
	.commission-method__text--sub .commission-method__text br {
		display: none;
	}
}
@media screen and (min-width:576px) {
	.commission-method__message {
		gap: 0;
		padding: var(--space_xs) var(--space_md);
	}
	.commission-method__text--main {
		width: 80%;
		text-align: left;
	}
	.commission-method__text--sub {
		width: 80%;
		justify-content: left;
	}
	.commission-method__text--sub .commission-method__text {
		width: auto;
	}
	.commission-method__text--sub .commission-method__text {
		padding-bottom: 0;
	}
	.commission-method__image {
		width: 20%;
		position: absolute;
		right: 2%;
		bottom: 0;
	}
}
@media screen and (min-width:768px) {
	.commission-method.section-full{
		padding-top: calc(var(--space_base) * 6.25);
	}
	.commission-method__message {
		border-radius: var(--border-radius_m);
	}
}

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

ご利用されたお客様の声

------------------------------------------------------------------------- */
.user-voice.section-full {
	padding: var(--space_lg) 0 0;
	margin: 0;
}
.user-voice__inner {
	padding: var(--space_sm) var(--space_sm) 0;
}
.user-voice__item {
	border-radius: var(--border-radius_s);
	box-shadow: 0px 3px 4px 0px rgb(143 0 0 / 0.1);
	background: var(--color_base);
}
.user-voice__item + .user-voice__item {
	margin-top: var(--space_md);
}
.user-voice__item-inner {
	border-radius: var(--border-radius_s) var(--border-radius_s) 0 0;
	border: 2px solid var(--color_milk-pink);
	padding: var(--space_xs);
}
.user-voice__head {
	padding: 0 0 calc(var(--space_base) * .875) calc(var(--space_base) * 13.75);
	position: relative;
	border-bottom: 2px solid var(--color_milk-pink);
}
.user-voice__avatar {
	width: 5.625rem;
	height: 5.625rem;
	position: absolute;
	left: 2%;
	bottom: 0;
	z-index: 100;
}
.user-voice__tag {
	padding: 3px var(--space_base);
	font-size: var(--font-size_sm);
	color: var(--color_base);
	background: #75c453;
	border-radius: var(--border-radius_xs);
}
.user-voice__item-title {
	font-size: var(--font-size_base);
	font-weight: bold;
}
.user-voice__item-body {
	margin-top: calc(var(--space_base) * 2.25);
}
.user-voice__body-text {
	line-height: 1.6;
}
.user-voice__item-foot {
	text-align: right;
	padding: var(--space_base) var(--space_xs);
	background: var(--color_milk-pink);
	border-radius: 0 0 var(--border-radius_s) var(--border-radius_s);
}
.user-voice__user-info {
	font-size: var(--font-size_xs);
}
.user-voice__more-view {
	margin-top: var(--space_md);
}
.user-voice__annotation {
	display: block;
	margin-top: var(--space_xs);
	text-align: center;
	font-size: var(--font-size_xs);
}
.user-voice__annotation::before {
	content: '※';
	margin-right: 0.2em;
}
@media screen and (min-width:576px) {
	.user-voice__inner {
		padding: var(--space_xl) var(--space_xl) 0;
	}
	.user-voice__item-inner {
		padding: var(--space_xs) var(--space_sm);
	}
}
@media not screen and (min-width: 768px) {
	#user-voice .category-heading__heading {
		padding-bottom: var(--space_xs);
	}
}
@media screen and (min-width: 768px) {
	.user-voice.section-full {
		background-color: inherit;
		margin: 60px var(--space_sm) 0;
		padding: 0;
	}
	.user-voice__inner {
		padding: var(--space_xl);
		background: var(--color_lite-pink) url(../image/category-pattern-triangle_op20.webp) top center / 1.25rem auto;
		border-radius: 0 0 var(--border-radius_xl) var(--border-radius_xl);
	}
	.user-voice__item + .user-voice__item {
		margin-top: var(--space_xl);
	}
	.user-voice__head {
		display: flex;
		align-items: center;
	}
	.user-voice__tag {
		width: 6.2rem;
		margin-right: var(--space_xs);
		text-align: center;
		border-radius: var(--border-radius_s);
	}
	.user-voice__item-title {
		font-size: calc(var(--font-size_base) * 1.25);
	}
	.user-voice__annotation {
		text-align: right;
		margin-top: var(--space_md);
	}
}

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

よくあるご質問

------------------------------------------------------------------------- */
.guide-common-design {
	background-color: #fdf8f0;
}
.guide-common-design__inner-wrapper {
	display: grid;
	max-width: 600px;
	margin-inline: auto;
	row-gap: var(--space_sm);
}
.guide-common-design__head {
	padding: var(--space_sm) var(--space_sm) 0;
}
.guide-common-design__title {
	display: flex;
	column-gap: var(--space_xs);
	align-items: center;
}
.guide-common-design__title-icon {
	width: 100px;
	height: 100px;
	flex-shrink: 0;
	border-radius: var(--border-radius_circle);
	background: center / 70px 70px no-repeat var(--color_milk-pink);
	background-image: url(../image/icon-faq.svg);
}
.guide-common-design__title-text {
	color: #d9335c;
	font-size: var(--font-size_lg);
	font-weight: bold;
}
.guide-common-design__body {
	padding: 0 var(--space_sm) var(--space_lg);
}
.category-question__list {
	display: block;
	margin-bottom: var(--space_md);
}
.category-question__item {
	--_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);
}
.category-question__item-wrapper + .category-question__item-wrapper {
	margin-top: var(--space_xs);
}
.category-question__head {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: var(--space_xs);
	padding: var(--_space_block) var(--_space_inline) var(--_space);
	font-size: var(--font-size_md);
}
.category-question__head::before,
.category-question__foot-inner::before {
	display: block;
	font-size: 1.75rem;
	font-weight: bold;
	line-height: 1.4;
}
.category-question__head::before {
	content: 'Q';
	color: var(--color_pink);
}
.category-question__foot-inner::before {
	content: 'A';
	color: var(--color_milk-pink);
}
.category-question__head-text {
	padding-right: 0;
	flex: 1;
	font-size: var(--font-size_md);
	font-weight: bold;
	letter-spacing: 0.01em;
	line-height: 1.6;
}
.category-question__foot {
	pointer-events: auto;
	padding-right: var(--_space_inline);
	padding-bottom: var(--_space_block);
	padding-left: var(--_space_inline);
}
.category-question__foot-inner {
	display: flex;
	align-items: flex-start;
	gap: var(--space_xs);
	padding: var(--space_2xs) var(--space_xs);
	background-color: #fffbea;
	border-radius: var(--border-radius_s);
}
.category-question__foot-text-box {
	min-height: 40px;
	display: grid;
	align-items: center;
}
.category-question__foot-text {
	font-size: var(--font-size_md);
	letter-spacing: 0.02em;
}
.category-question__foot-notes {
	font-size: var(--font-size_xs);
	line-height: 1.5em;
}
.category-question__foot-text + .category-question__foot-text {
	margin-top: 0.75rem;
}

@media screen and (min-width: 768px) {
	#question {
		padding-bottom: 60px;
	}
	.guide-common-design {
		padding: var(--space_md);
		border-radius: var(--border-radius_xl);
	}
	.guide-common-design__inner-wrapper {
		max-width: unset;
		row-gap: var(--space_md);
	}
	.guide-common-design__head {
		padding: unset;
	}
	.guide-common-design__title {
		column-gap: var(--space_md);
	}
	.guide-common-design__title-text {
		font-size: calc(var(--font-size_md) * 1.75);
	}
	.guide-common-design__body {
		padding: unset;
		padding: 0 var(--space_sm) var(--space_sm);
	}
	.category-question__item {
		--_space_block: 24px;
		--_space_inline: 32px;
	}
	.category-question__foot-inner {
		padding: 1rem;
	}
	.category-question__head::before,
	.category-question__foot-inner::before {
		font-size: 2rem;
	}
	.category-question__head-text {
		font-size: 1.25rem;
	}
}
/* 開閉用アイコン+ */
.icon-plus--round {
	--_size: 1.5em;
	flex-shrink: 0;
	background-color: var(--color_pink);
	border-radius: 50%;
	width: var(--_size);
	height: var(--_size);
	position: relative;
}
.icon-plus__line {
	background-color: var(--color_base);
	transition: rotate 0.3s ease-in;
	width: 50%;
}

@media screen and (min-width: 576px) {
	.icon-plus,
	.icon-plus--round {
		--_size: 1.75em;
	}
}
@media screen and (min-width: 768px) {
	.icon-plus--round {
		display: none;
	}
}

/* -----------------------------------------------------
footer
------------------------------------------------------ */
.footer {
	--footer_background: var(--color_pink);
	--footer_inner_background: var(--color_lite-pink);
	--footer_copyright_color: var(--color_base);
}