@charset "utf-8";
/* ==================


トップページ


================== */
/*
トップページ
heroセクション
----------------*/
.Sec_Hero {
	background-color: var(--f_main-bright);
	height: 547px;
}

.Hero {
	position: relative;
	padding: 0 var(--f_space_2);
	height: calc(100% - 120px);
	overflow-y: clip;
}

@media screen and (width > 576px) {
	.Hero {
		height: 100%;
		padding: 0 var(--f_space_6);
	}
}

@media screen and (width > 768px) {
	.Hero {
		padding: 0 var(--f_space_6);
	}
}

.Hero_Inner {
	max-width: 1088px;
	margin: 0 auto;
}

.Hero_Txt {
	position: absolute;
	left: auto;
	bottom: 70px;
	z-index: 2;
}

.Hero_Catchphrase {
	font-size: 26px;
	font-weight: 900;
	line-height: 1.4;
	-webkit-text-stroke: 0.4px var(--f_light);
}

.Hero_Catchphrase_Sub {
	font-size: 18px;
	color: var(--f_blue);
	margin-top: 0.8em;
	line-height: 1.4;
	font-weight: 900;
	-webkit-text-stroke: 0.4px var(--f_light);
}

@media screen and (min-width: 576px) {
	.Hero_Catchphrase {
		font-size: 40px;
		/* -webkit-text-stroke: 0; */
		font-weight: 700;
	}

	.Hero_Catchphrase_Sub {
		margin-top: 0.5em;
		font-size: 23px;
		/* -webkit-text-stroke: 0; */
		font-weight: 700;
	}
}
@media screen and (min-width: 768px) {
	.Hero_Catchphrase {
		font-size: 57px;
	}
}

.Hero_Img {
	position: absolute;
	right: 0;
	z-index: 1;
}
/*
.Hero_Img img {
	height: 100%;
	object-fit: contain;
	object-position: 0% 100%;
}

@media screen and (min-width: 768px) {
	.Hero_Img {
		position: absolute;
		right: 0;
		top: 150px;
		max-width: 60%;
		width: 100%;
		height: calc(100% - 60px);
		z-index: 1;
	}
} */

/*
トップページ
お知らせ＆金プラチナ情報セクション
----------------*/
.Sec_TopInfo {
	background-color: var(--f_lightgray);
	padding-bottom: var(--f_space_7);
	position: relative;
	z-index: 2;
}

@media screen and (min-width: 576px) {
	.Sec_TopInfo {
		padding: 40px 0;
	}
}
/* お知らせ リストアイテム */
.News_Item:first-of-type {
	margin-top: 8px;
}

.News_Item > a {
	display: block;
	position: relative;
	padding: 7px 50px 10px 10px;
	border-bottom: solid 1px var(--f_gray);
	transition: 0.4s;
}

.News_Item > a:hover {
	background-color: rgba(0 0 0 / 0.04);
}

.TopNews .News_Item:last-child > a {
	/* 一番最後の要素は無し */
	border-bottom: none;
}

@media screen and (width < 576px) {
	/* 576px未満 */
	.TopNews .News_Item > a {
		/* トップページの上に表示されるおしらせの下線なし */
		border-bottom: none;
	}

	.TopNews .News_Item:not(:first-child) {
		display: none;
	}
}

.News_Item_Data {
	font-weight: 400;
	font-size: 1.6rem;
	font-family: var(--f_family_en);
	margin-right: 1.3rem;
}

.News_Badge_List {
	display: inline-flex;
	flex-wrap: wrap;
}

.News_Badge_List li {
	display: inline-flex;
	margin-bottom: var(--f_space_1);
	margin-right: var(--f_space_1);
}

.News_Item_Ttl {
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.7;
	margin-top: 0.2em;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	/* 2行以上表示しない */
	overflow: hidden;
	text-overflow: ellipsis;
}

.News_Item_Arrow {
	width: 2.1rem;
	height: 2.1rem;
	display: block;
	background-color: var(--f_gray);
	padding: 10px 0;
	border-radius: 0.5em;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	background-size: 50%;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(../img/icon/arrow-short-wh.svg);
}

/* 
トップページ,買取相場情報ページ
 金・プラチナ地金買取価格 
------------------------ */
.MarketPrice_Frame {
	max-width: 1095px;
	background-color: var(--f_light);
	border: solid 2px var(--f_blue);
	margin-top: var(--f_space_3);
	padding: var(--f_space_5) var(--f_space_2) var(--f_space_6) var(--f_space_2);
	border-radius: 40px;
	height: fit-content;
}

@media screen and (width > 992px) {
	.MarketPrice_Frame {
		border-radius: 60px;
		padding: 0 var(--f_space_5) var(--f_space_7) var(--f_space_5);
		margin-top: 40px;
	}
}

/* タイトル囲み */
.MarketPrice_Heading {
	display: flex;
	justify-content: center;
}

@media screen and (width < 768px) {
	.MarketPrice_Heading {
		text-align: left;
		padding-bottom: 0;
	}
}
@media screen and (width > 992px) {
	.MarketPrice_Heading {
		margin-top: -4rem;
	}
}
.MarketPrice_Heading {
	display: flex;
	justify-content: center;
}

@media screen and (width < 768px) {
	.Heading_Dotline.MarketPrice_Heading {
		text-align: left;
		padding-bottom: 0;
	}
}
@media screen and (width > 992px) {
	.Heading_Dotline.MarketPrice_Heading {
		margin-top: -4rem;
	}
}

.MarketPrice_Heading_Inner {
	position: relative;
	background-color: var(--f_blue);
	border-radius: 4.1rem;
	padding: var(--f_space_2) var(--f_space_6) var(--f_space_1) var(--f_space_6);
	text-align: center;
	color: var(--f_light);
	max-width: 89%;
	width: 40.5rem;
}

@media screen and (width > 992px) {
	.MarketPrice_Heading_Inner {
		padding: var(--f_space_3) var(--f_space_6);
	}
}

/* 更新日 */
.MarketPrice_Update {
	font-size: 1.4rem;
	font-weight: 700;
}

/* タイトル */
.MarketPrice_Heading_Name {
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.7;
}

@media screen and (width > 390px) {
	.MarketPrice_Heading_Name {
		font-size: 1.8rem;
	}
}

/* ゴールドアイコン */
.MarketPrice_Heading_Goldbar {
	width: 60px;
	max-width: 6em;
	position: absolute;
	right: -22px;
	top: 55%;
}

/* 手数料無料!! */
.MarketPrice_Free {
	font-size: clamp(1.2rem, 1.4vw, 1.4rem);
	width: 4.8em;
	height: 4.8em;
	max-width: 4.8em;
	max-height: 4.8em;
	min-width: 4.8em;
	min-height: 4.8em;
	color: var(--f_blue);
	border: solid 2px var(--f_blue);
	border-radius: 50%;
	background-color: var(--f_light);
	color: var(--f_blue);
	position: absolute;
	right: -10px;
	top: -17px;
	display: flex;
	justify-content: center;
	align-items: center;
}

@media screen and (width > 1200px) {
	/* ゴールドアイコン */
	.MarketPrice_Heading_Goldbar {
		width: 82px;
		top: auto;
		right: -22px;
		bottom: -4px;
	}

	/* 手数料無料!! */
	.MarketPrice_Free {
		transform: translateY(-50%);
		top: 50%;
		left: calc(100% + 32px);
	}
}

/* 金プラチナページでも使用（手数料無料!!） */
.MarketPrice_Heading > .MarketPrice_Free {
	top: -45px;
}
@media screen and (min-width: 768px) {
	.MarketPrice_Heading > .MarketPrice_Free {
		position: initial;
		transform: initial;
	}
}
/* 金プラチナページでも使用（タイトル名） */
.MarketPrice_Heading .Heading_Dotline_Name {
	display: flex;
	flex-direction: column;
	justify-content: end;
}

/* スタッフコメント囲み */
.Staff_Comment {
	display: flex;
}

.Icon_Staff {
	width: 54.6px;
}

.Staff_Comment_Bubble {
	display: inline-flex;
	align-items: center;
	background-color: var(--f_lightblue);
	padding: 1.3rem 1rem 1.3rem 1.8rem;
	position: relative;
	font-size: 1.4rem;
	border-radius: 7px;
	margin-left: 17px;
	position: relative;
	font-weight: 700;
}

.Staff_Comment_Bubble::before {
	content: "";
	width: 14px;
	height: 40px;
	-webkit-clip-path: polygon(100% 70%, 0% 96%, 100% 95%);
	clip-path: polygon(100% 70%, 0% 96%, 100% 95%);
	background-color: var(--f_lightblue);
	position: absolute;
	left: -14px;
	top: 50%;
	transform: translateY(-76%);
}

/* 金プラチナ相場 */
.TopMarketPrice_Grid {
	/* トップページのレイアウト */
	display: grid;
	grid-template-columns: 0.5fr 0.5fr;
	column-gap: 40px;
}

@media screen and (width< 992px) {
	.SubMarketPrice_Grid {
		/* PCでは幅いっぱいに広がる場合のレイアウト */
		display: grid;
		grid-template-columns: 0.5fr 0.5fr;
		column-gap: 40px;
	}
}

@media screen and (width< 576px) {
	.TopMarketPrice_Grid,
	.SubMarketPrice_Grid {
		column-gap: var(--f_space_2);
	}
}

.SubMarketPrice_List_Grid {
	width: 100%;
}

@media screen and (width > 992px) {
	.SubMarketPrice_List_Grid {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		column-gap: 40px;
		margin-left: var(--f_space_6);
	}
}

.MarketPrice_Heading_Badge {
	max-width: 9.45rem;
	width: 100%;
}

@media screen and (width > 992px) {
	.MarketPrice_Heading_Badge {
		max-width: 19.2rem;
	}
}

.MarketPrice_Item {
	width: 100%;
	align-items: center;
	display: grid;
	padding: var(--f_space_1) 0;
	grid-template-columns: 30% 70%;
	border-bottom: dashed 1px var(--f_gray);
}

.MarketPrice_Item dt {
	font-weight: 800;
	text-align: center;
	font-size: 1.6rem;
	font-family: var(--f_family_en);
}

.MarketPrice_Rate {
	font-weight: 500;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

@media screen and (width > 576px) {
	.MarketPrice_Rate {
		flex-direction: row;
	}
}

.MarketPrice_Rate.Row {
	flex-direction: row;
	gap: var(--f_space_2);
	justify-content: space-around;
}
/* 買取相場アップ */
.Rate_Up {
	position: relative;
	font-size: 1.2rem;
	padding-left: 1.7rem;
	color: var(--f_red);
}

/* 買取相場ダウン */
.Rate_Down {
	position: relative;
	font-size: 1.2rem;
	padding-left: 1.7rem;
	color: var(--f_blue);
}

.Rate_Neutral {
	position: relative;
	font-size: 1.2rem;
	padding-left: 1.7rem;
	color: var(--f_darkgray);
}

@media screen and (width > 576px) {
	.Rate_Up,
	.Rate_Down,
	.Rate_Neutral {
		margin-left: 2.5em;
	}
}

.Rate_Up::before,
.Rate_Down::before,
.Rate_Neutral::before {
	content: "";
	width: 1.4rem;
	height: 1.4rem;
	display: block;
	border-radius: 2px;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	background-size: 100%;
	background-position: center;
	background-repeat: no-repeat;
}

.Rate_Up::before {
	background-image: url(../img/icon/arrow-up-right-square-fill.svg);
}

.Rate_Down::before {
	background-image: url(../img/icon/arrow-down-right-square-fill.svg);
}

.Rate_Neutral::before {
	background-image: url(../img/icon/arrow-right-square-fill.svg);
}
/* 
トップページ
買取相場おすすめ情報
---------------------- */
.Top_Buyback_List {
	margin-bottom: var(--f_space_5);
	width: 100%;
	display: grid;
	/* row-gap: var(--f_space_2); */
}

@media (width > 768px) {
	.Top_Buyback_List {
		grid-template-columns: repeat(3, 1fr);
		column-gap: var(--f_space_5);
		row-gap: var(--f_space_9);
	}
}
@media (width < 768px) {
	.Buyback_Btn.Md_Horizontal {
		flex-direction: row-reverse;
		justify-content: left;
		height: 9.4rem;
	}
	.Buyback_Btn.Md_Horizontal .Buyback_Btn_Icon {
		width: 71px;
		max-height: 100%;
		margin-right: var(--f_space_4);
		margin-top: 0;
	}
}
/* 

トップページ
あなたの「大切」に寄り添います
---------------------- */
.Sec_Intro {
	--intro_vh: 100vh;
	overflow-x: clip;
}
.Intro_Scroll_Bg {
	/* height: 100%; */
	background-color: var(--f_light);
}

/* 枠と画像は固定 */
.Intro_Sticky {
	height: var(--intro_vh);
	position: sticky;
	top: 0;
	z-index: 2;
}
.Intro_Sticky_Inner {
	height: 100%;
	position: relative;
}
@media screen and (min-width: 1376px) {
	.Intro_Sticky_Inner {
		height: 100vh;
	}
}
/* 枠 spではclip-path(clip-maskがiosでは通じない?) */
.Intro_Mask_Frame {
	height: 100%;
	/* clip-path: polygon(0% 0%, 0% 100%, 15px 100%, 15px 110px, calc(100% - 15px) 110px, calc(100% - 15px) calc(100% - 40px), 15px calc(100% - 40px), 15px 100%, 100% 100%, 100% 0%); */
	-webkit-clip-path: polygon(0% 0%, 0% 100%, 15px 100%, 15px 110px, calc(100% - 15px) 110px, calc(100% - 15px) calc(100% - 80px), 15px calc(100% - 80px), 15px 100%, 100% 100%, 100% 0%);
	clip-path: polygon(0% 0%, 0% 100%, 15px 100%, 15px 110px, calc(100% - 15px) 110px, calc(100% - 15px) calc(100% - 80px), 15px calc(100% - 80px), 15px 100%, 100% 100%, 100% 0%);
}
@media screen and (min-width: 768px) {
	.Intro_Mask_Frame {
		-webkit-clip-path: polygon(0% 0%, 0% 100%, 15px 100%, 15px 110px, calc(100% - 15px) 110px, calc(100% - 15px) calc(100% - 80px), 15px calc(100% - 80px), 15px 100%, 100% 100%, 100% 0%);
		clip-path: polygon(0% 0%, 0% 100%, 15px 100%, 15px 110px, calc(100% - 15px) 110px, calc(100% - 15px) calc(100% - 80px), 15px calc(100% - 80px), 15px 100%, 100% 100%, 100% 0%);
	}
}

@media screen and (min-width: 1376px) {
	.Intro_Mask_Frame {
		-webkit-clip-path: none;
		clip-path: none;
		-webkit-mask: url(#Mask);
		mask: url(#Mask);
	}
	/* safariのみ(mask:url()が効かないためclip-path) */
	@supports (background: -webkit-named-image(i)) {
		.Intro_Mask_Frame {
			-webkit-mask: none;
			mask: none;
			-webkit-clip-path: polygon(0% 0%, 0% 100%, calc(((100vw - 1320px) / 2) + var(--f_space_2)) 100%, calc(((100vw - 1320px) / 2) + var(--f_space_2)) calc(((100vh - 70%) / 2) + var(--f_space_2)), calc(100% - ((100vw - 1320px) / 2) - var(--f_space_2)) calc(((100vh - 70%) / 2) + var(--f_space_2)), calc(100% - ((100vw - 1320px) / 2) - var(--f_space_2)) calc(100% - ((100vh - 75%) / 2) - var(--f_space_2)), calc(((100vw - 1320px) / 2) + var(--f_space_2)) calc(100% - ((100vh - 75%) / 2) - var(--f_space_2)), calc(((100vw - 1320px) / 2) + var(--f_space_2)) 100%, 100% 100%, 100% 0%);
			clip-path: polygon(0% 0%, 0% 100%, calc(((100vw - 1320px) / 2) + var(--f_space_2)) 100%, calc(((100vw - 1320px) / 2) + var(--f_space_2)) calc(((100vh - 70%) / 2) + var(--f_space_2)), calc(100% - ((100vw - 1320px) / 2) - var(--f_space_2)) calc(((100vh - 70%) / 2) + var(--f_space_2)), calc(100% - ((100vw - 1320px) / 2) - var(--f_space_2)) calc(100% - ((100vh - 75%) / 2) - var(--f_space_2)), calc(((100vw - 1320px) / 2) + var(--f_space_2)) calc(100% - ((100vh - 75%) / 2) - var(--f_space_2)), calc(((100vw - 1320px) / 2) + var(--f_space_2)) 100%, 100% 100%, 100% 0%);
		}
	}
}

.Intro_Sticky_Inner_Frame_Color {
	background-color: var(--f_lightgray);
	height: 100%;
}

/* 枠 pcのみ */
@media screen and (min-width: 1376px) {
	#Mask .frame {
		y: calc(((100vh - 70vh) / 2) + var(--f_space_2));
		x: calc(((100vw - 1320px) / 2) + var(--f_space_2));
		width: calc(1320px - (var(--f_space_2) * 2));
		height: 70vh;
		height: calc(100vh -30%);
		rx: 60px;
		ry: 60px;
	}
}

/* 飾り */
.Frame_Img {
	z-index: 14;
	position: absolute;
	top: 110px;
	left: var(--f_space_3);
	width: calc(100% - (var(--f_space_3) * 2));
	height: calc(100% - 140px);
}

.Frame_Img_Inner {
	width: 100%;
	height: 100%;
	position: relative;
}

.Frame_Img_Inner > picture {
	position: absolute;
	z-index: 20;
}

.Frame_Img_Inner > picture:nth-of-type(1) {
	top: -10%;
	left: -15%;
	width: 34.96%;
	height: auto;
}

.Frame_Img_Inner > picture:nth-of-type(2) {
	top: -6%;
	right: -4%;
	width: 49.96%;
	height: auto;
}

.Frame_Img_Inner > picture:nth-of-type(3) {
	bottom: -7%;
	left: -8%;
	width: 50.07%;
	height: auto;
}

.Frame_Img_Inner > picture:nth-of-type(4) {
	bottom: -5%;
	right: -4%;
	width: 32.14%;
	height: auto;
}

@media screen and (min-width: 576px) {
	.Frame_Img_Inner > picture:nth-of-type(1) {
		top: -5%;
		left: -5%;
		width: 14.09%;
		height: auto;
	}

	.Frame_Img_Inner > picture:nth-of-type(2) {
		top: 0;
		right: 0;
		width: 30.21%;
		height: auto;
	}

	.Frame_Img_Inner > picture:nth-of-type(3) {
		bottom: -7%;
		left: -2%;
		width: 32.71%;
		height: auto;
	}

	.Frame_Img_Inner > picture:nth-of-type(4) {
		bottom: -5%;
		right: -4%;
		/* width: 32.17%; */
		width: 14.09%;
		height: auto;
	}
}
@media screen and (min-width: 768px) {
	.Frame_Img_Inner > picture:nth-of-type(4) {
		bottom: -5%;
		right: -4%;
		width: 32.17%;
		height: auto;
	}
}
@media screen and (min-width: 1376px) {
	.Frame_Img {
		top: calc(((100vh - 70%) / 2) + var(--f_space_2));
		left: calc(((100vw - 1320px) / 2) + var(--f_space_2));
		width: calc(1320px - (var(--f_space_2) * 2));
		height: calc(100vh - 30%);
	}
}

.Intro_Scroll_Body {
	padding-left: 30px;
	position: relative;
	z-index: 1;
	height: calc((2 * var(--intro_vh)) + var(--intro_vh) * 0.4);
}
@media screen and (min-width: 768px) {
	.Intro_Scroll_Body {
	}
}
@media screen and (min-width: 1376px) {
	.Intro_Scroll_Body {
		padding-left: 50px;
	}
}

.Intro_Sticky_Img {
	height: 260px;
	width: 86%;
	position: absolute;
	right: var(--f_space_2);
	/* top: calc(100vh - 300px); */
	top: calc(100% - 340px);
	z-index: 8;
}
@media (min-width: 768px) {
	.Intro_Sticky_Img {
		height: 494px;
		width: 50%;
		max-width: 750px;
		margin-bottom: 140px;
		top: calc(((100vh - 200px) - 494px) + 120px);
		margin-left: auto;
		right: var(--f_space_2);
	}
}

@media screen and (min-width: 1376px) {
	.Intro_Sticky_Img {
		top: calc((100vh - (((100vh - 70vh) / 2)) - (494px - var(--f_space_2))));
	}
}
@media (min-width: 1350px) {
	.Intro_Sticky_Img {
		right: calc(((100vw - 1320px) / 2) + var(--f_space_2));
	}
}

/* 切り替わる画像 */
.Parapara_Item1,
.Parapara_Item2,
.Parapara_Item3 {
	height: 100%;
	width: 80%;
	position: absolute;
	bottom: 0;
	right: 0;
	opacity: 0;
	transform: scale(0.9);
	transform-origin: center bottom;
	display: flex;
	justify-content: center;
	align-items: end;
}
.Parapara_Item1 .img {
	z-index: 1;
	background-image: url(../../common/img/top_text_img_1.webp);
	background-size: 1200% 100%;
	background-repeat: no-repeat;
	width: 100%;
	height: 0;
	padding-bottom: 72.5%;
	background-position: 0 0;
	animation: top_anm_1 2.5s steps(11) infinite;
}

@keyframes top_anm_1 {
	0% {
		background-position: 0 0;
	}
	70% {
		background-position: 100% 0;
	}
	100% {
		background-position: 100% 0;
	} /* ループするように最初の位置に戻す */
}
.Parapara_Item2 .img {
	z-index: 2;
	background-image: url(../../common/img/top_text_img_2.webp);
	background-size: 1200% 100%;
	background-repeat: no-repeat;
	width: 100%;
	height: 0;
	padding-bottom: 61.8692%;
	background-position: 0 0;
	animation: top_anm_2 2.5s steps(11) infinite;
}

@keyframes top_anm_2 {
	0% {
		background-position: 0 0;
	}
	70% {
		background-position: 100% 0;
	}
	100% {
		background-position: 100% 0;
	} /* ループするように最初の位置に戻す */
}

.Parapara_Item3 .img {
	z-index: 3;
	background-image: url(../../common/img/top_text_img_3.webp);
	background-size: 1200% 100%;
	background-repeat: no-repeat;
	width: 100%;
	height: 0;
	padding-bottom: 82.67745%;
	background-position: 0 0;
	animation: top_anm_3 2.5s steps(11) infinite;
}

@keyframes top_anm_3 {
	0% {
		background-position: 0 0;
	}
	80% {
		background-position: 100% 0;
	}
	100% {
		background-position: 100% 0;
	} /* ループするように最初の位置に戻す */
}

.Intro_Scroll_Item {
	height: var(--intro_vh);
	position: relative;
	z-index: 2;
	padding-inline: var(--f_space_2);
	display: flex;
	align-items: center;
}
@media (min-width: 768px) {
	.Intro_Scroll_Item {
		padding-inline-start: var(--f_space_9);
	}
}
.Intro_Scroll_Item:first-of-type {
	/* padding-top: var(--intro_vh); */
	/* height: 160vh; */
	/* height: 1100px; */
	height: calc(var(--intro_vh) + (var(--intro_vh) * 0.4));
}

.Intro_Scroll_Item:last-of-type {
	/* padding-bottom: 26vh; */
	/* padding-bottom: 26px; */
}
@media (min-width: 768px) {
	.Intro_Scroll_Item:nth-child(2) {
		/* height: calc(100vh - 530px); */
	}
	.Intro_Scroll_Item:last-of-type {
		/* height: calc(100vh - 157px); */
	}
}
@media (min-width: 768px) {
	.Intro_Scroll_Item:first-of-type > .Intro_Scroll_Item_Txt {
		padding-top: 50px;
	}
	.Intro_Scroll_Item_Txt {
		width: 60%;
		padding-left: 4%;
	}

	.Intro_Scroll_Item_Txt p {
		font-size: 2rem;
	}
}

@media (width > 1422px) {
	.Intro_Scroll_Item_Txt {
		width: 50%;
	}
}

.Intro_Sticky_Ttl {
	font-size: 2rem;
	color: var(--f_main-deep);
	margin-bottom: var(--f_space_5);
	line-height: 1.7;
}

@media (min-width: 992px) {
	.Intro_Sticky_Ttl {
		font-size: 2.8rem;
	}
}
@media (min-width: 1200px) {
	.Intro_Sticky_Ttl {
		font-size: 3.2rem;
	}
}
.Intro_Scroll_Item p {
	margin-bottom: 1.5em;
}

/* 上のセクションに戻るボタン */
.Intro_Return_Btn {
	position: fixed;
	left: var(--f_space_4);
	bottom: 90px;
	z-index: 10;
	background-color: var(--f_light);
	border: 2px solid var(--f_blue);
	padding: var(--f_space_1) 3em var(--f_space_1) var(--f_space_2);
	color: var(--f_blue);
	width: 8em;
	text-align: center;
	max-width: 50%;
	border-radius: 44px;
	font-size: 1.5rem;
	font-weight: 700;
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
}

@media (min-width: 768px) {
	.Intro_Return_Btn {
		left: 50%;
		bottom: 20px;
		right: var(--f_space_2);
		transform: translateX(-50%);
	}
}
@media (min-width: 1350px) {
	.Intro_Return_Btn {
		right: calc(((100vw - 1320px) / 2) + var(--f_space_2));
		padding: var(--f_space_2) 3em var(--f_space_2) var(--f_space_2);
		font-size: 2rem;
	}
}
.Intro_Return_Btn.show {
	visibility: visible;
	opacity: 1;
	pointer-events: all;
}
.Intro_Return_Icon {
	position: absolute;
	transform: translateY(-50%);
	right: 1em;
	top: 50%;
	width: 0.7em;
	height: 7em;
	border-radius: 4%;
}
/* 
トップページ
サービス一覧
-------------------------*/
.Top_Service_Frame {
	background-color: var(--f_light);
	padding-inline: var(--f_space_2);
}

.Top_Service_Inside_Heading {
	display: none;
}
@media screen and (width > 992px) {
	.Top_Service_Inside_Heading {
		display: flex;
		justify-content: center;
		flex-direction: column;
		align-items: center;
	}
}
@media screen and (min-width: 992px) {
	.Top_Service_Grid {
		display: grid;
		grid-template-columns: repeat(6, 1fr);
		grid-template-rows: repeat(3, auto);
		grid-column-gap: 0px;
		grid-row-gap: 0px;
		gap: var(--f_space_5);
	}

	.Top_Service_Grid_Item_1 {
		grid-area: 1 / 1 / 2 / 4;
	}
	.Top_Service_Grid_Item_2 {
		grid-area: 1 / 4 / 2 / 7;
	}
	.Top_Service_Grid_Item_3 {
		grid-area: 2 / 1 / 3 / 3;
	}
	.Top_Service_Grid_Item_4 {
		grid-area: 2 / 3 / 3 / 5;
	}
	.Top_Service_Grid_Item_5 {
		grid-area: 2 / 5 / 3 / 7;
	}
	.Top_Service_Grid_Item_6 {
		grid-area: 3 / 1 / 4 / 7;
	}
}

/* 枠 */
.Top_Service_Info_Frame {
	color: var(--f_dark);
	background-color: var(--f_main);
	border-radius: 12px;
	padding: 15px 57px 10px 10px;
	position: relative;
	display: flex;
	flex-direction: column;
	margin-bottom: var(--f_space_4);
	border: solid 2px var(--f_main);
}
.Top_Service_Info_Frame:last-of-type {
	margin-bottom: 0;
}

@media screen and (min-width: 992px) {
	.Top_Service_Info_Frame {
		padding: 150px 24px var(--f_space_7) 24px;
		background-color: var(--f_lightgray);
		border-radius: 44px;
		margin-bottom: 0;
	}
}

/* タイトル */
.Top_Service_Info_Stick_Heading {
	display: contents;
}
@media screen and (min-width: 992px) {
	.Top_Service_Info_Stick_Heading {
		display: block;
		color: var(--f_light);
		background-color: var(--f_main);
		font-weight: 700;
		padding: 20px 24px 20px;
		max-width: 100%;
		width: fit-content;
		min-width: 185px;
		border-top-right-radius: 12px;
		border-bottom-right-radius: 12px;
		position: absolute;
		left: 0;
		top: 40px;
	}
}
.Top_Service_Info_Stick_Heading_Inner {
	display: contents;
}
@media screen and (min-width: 992px) {
	.Top_Service_Info_Stick_Heading_Inner {
		display: flex;
		align-items: center;
	}
}

/* タイトル 日本語 */
.Top_Service_Info_Stick_Heading_Ja {
	font-size: 20px;
	grid-area: 1 / 2 / 1 / 2;
}
@media screen and (min-width: 992px) {
	.Top_Service_Info_Stick_Heading_Ja {
		line-height: 1;
		font-size: 24px;
	}
}
/* アイコン */
.Info_Stick_Heading_Img {
	background-color: var(--f_light);
	border-radius: 18px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: var(--f_space_4);
	grid-area: 1 / 1 / 3 / 2;
	width: 100%;
	height: 60px;
	margin: auto var(--f_space_4) auto 0;
}
@media screen and (min-width: 992px) {
	.Info_Stick_Heading_Img {
		width: 60px;
		height: 60px;
	}
}
.Info_Stick_Heading_Img img {
	object-fit: contain;
	width: 70%;
	height: fit-content !important;
	max-height: 62% !important;
}
/* 少し大きめのテキスト */
.Top_Service_Info_Catch {
	font-size: 1.4rem;
	font-weight: 700;
	margin-bottom: 0.5em;
	grid-area: 2 / 2 / 2 / 2;
}

@media screen and (min-width: 992px) {
	.Top_Service_Info_Catch {
		font-size: 1.8rem;
	}
}
.Top_Service_Grid_Lg_Contents {
	column-gap: 12px;
	row-gap: 3px;
	display: grid;
	grid-template-columns: 60px 1fr;
	grid-template-rows: repeat(2, auto);
}
@media screen and (min-width: 992px) {
	.Top_Service_Grid_Lg_Contents {
		column-gap: 20px;
		display: contents;
	}
}
.Top_Service_Info_Frame p {
	line-height: 1.68;
}

.Top_Service_Info_More {
	position: absolute;
	right: var(--f_space_3);
	top: 50%;
	width: 40px;
	border-radius: 14px;
	height: 40px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	font-weight: 700;
	background-color: var(--f_light);
	transform: translateY(-50%);
}
.Top_Service_Info_More > div {
	position: relative;
}
.Top_Service_Info_More::before {
	content: "";
	width: 100%;
	height: 100%;
	background-image: url(../img/icon/arrow-short-org.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 50%;
	position: absolute;
	left: 0;
	top: 0;
}
@media screen and (min-width: 992px) {
	.Top_Service_Info_More {
		position: relative;
		display: block;
		background-color: transparent;
		padding-inline: 2.2em 0.1em;
		align-self: flex-end;
		top: auto;
		padding-bottom: 0.5em;
		margin-top: auto;
		width: auto;
		height: auto;
		text-indent: inherit;
		white-space: inherit;
		overflow: inherit;
		border-radius: 0%;
		border-bottom: 2px dashed var(--f_main);
		transform: translateY(0);
	}
	.Top_Service_Info_More::before {
		content: "";
		width: 2.4rem;
		height: 2.4rem;
		border-radius: 50%;
		background-image: url(../img/icon/arrow-short-wh.svg);
		background-color: var(--f_main);
	}
}

/* 
トップページ
オンラインショップ,ヤフー
-------------------------*/
@media screen and (width > 768px) {
	.Ec_Card_Grid {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		column-gap: var(--f_space_3);
	}
}
@media screen and (width > 768px) {
	.Yahoo_Card_Grid {
		display: grid;
		grid-template-columns: repeat(5, 1fr);
		column-gap: var(--f_space_2);
	}
}

/* 
トップページ
リクルート＆メディア情報
---------------------------- */
.Square_Btn {
	color: var(--f_light);
	position: relative;
	display: inline-block;
	padding: 9px 57px;
	display: flex;
	align-items: center;
	height: 22.1rem;
}

.Square_Btn:before {
	content: "";
	border-radius: 16px;
	position: absolute;
	left: 9px;
	top: 9px;
	bottom: 0;
	right: 0;
	width: calc(100% - 18px);
	height: calc(100% - 18px);
	border: solid 2px var(--f_light);
	pointer-events: none;
	z-index: 1;
}

.Square_Btn:after {
	content: "";
	border-top-right-radius: 7px;
	border-bottom-right-radius: 7px;
	position: absolute;
	left: 9px;
	top: 50%;
	transform: translateY(-50%);
	width: 17px;
	height: 10.2rem;
	background-color: var(--f_light);
	pointer-events: none;
	z-index: 1;
}

.Square_Btn_Ttl {
	color: var(--f_light);
	font-size: 4rem;
	font-weight: 700;
	line-height: 1.54;
}

.Square_Btn_Arrow {
	position: absolute;
	border-radius: 16px;
	right: 9px;
	bottom: 9px;
	height: 56px;
	width: 56px;
	background-color: var(--f_light);
	padding: 15px;
}

.Recruit_Btn {
	background-color: var(--f_blue);
	color: var(--f_light);
	width: 100%;
}

.Recruit_Btn path {
	fill: var(--f_blue);
	fill-rule: evenodd;
}

.MediaInfo_Btn {
	background-color: var(--f_main-deep);
	color: var(--f_light);
	width: 100%;
}

.MediaInfo_Btn path {
	fill: var(--f_main-deep);
	fill-rule: evenodd;
}

/* ========================


及川質店についてページ


========================  */

/*
サービス
---------------------*/
.About_Service_Sec {
	position: relative;
}
.About_Service_Sec::before {
	content: "";
	height: 120px;
	width: 100%;
	background-color: var(--f_lightgray);
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1;
	-webkit-clip-path: polygon(100% 8%, 0% 100%, 100% 100%);
	clip-path: polygon(100% 8%, 0% 100%, 100% 100%);
}

.About_Service_Img {
	display: block;
	width: 100%;
	position: relative;
	top: -10px;
}

.About_Service_Img::before {
	content: "";
	display: block;
	padding-top: 100%;
}

.About_Service_Img img {
	position: absolute;
	height: 124%;
	width: 106%;
	object-fit: contain;
	top: 0;
	left: 0;
	object-position: right;
}
@media screen and (min-width: 992px) {
	.About_Service_Img img {
		height: 134%;
		width: 111%;
		object-position: center;
	}
}

/* サービス説明ブロック */
.About_Service_Frame {
	position: relative;
	background-color: var(--f_light);
	border-radius: 24px;
	padding: var(--f_space_6) var(--f_space_3) var(--f_space_6) var(--f_space_6);
}
@media screen and (max-width: 768px) {
	.About_Service_Frame {
		padding: var(--f_space_4) var(--f_space_3) var(--f_space_4) var(--f_space_3);
	}
}
/* サービス名 */
.About_Service_Name {
	color: var(--f_blue);
	font-size: 2.4rem;
	font-weight: 700;
	margin-top: var(--f_space_2);
	margin-bottom: var(--f_space_5);
}

.About_Service_Frame_Contents {
	display: flow-root;
	margin-bottom: 30px;
	width: 100%;
}

.About_Service_Frame_Txt {
	display: contents;
	font-weight: 500;
	white-space: pre-line;

	margin-bottom: var(--f_space_4);
}
.About_Service_Frame_Img_1,
.About_Service_Frame_Img_2 {
	float: right;
	height: 206px;
	display: flex;
	align-items: flex-end;
}

.About_Service_Frame_Img_1 {
	height: 17rem;
	width: 33%;
	margin-left: 16px;
	shape-outside: polygon(28% 31%, 100% 31%, 100% 100%, 0 100%);
}
.About_Service_Frame_Img_2 {
	/* height: 22rem; */
	height: 32rem;
	width: 35%;
	shape-outside: polygon(25% 30%, 100% 30%, 100% 100%, 0% 100%, 0% 65%, 25% 65%);
}

.About_Service_Frame_Img_1 > img,
.About_Service_Frame_Img_2 > img {
	object-fit: contain;
	width: 100%;
	height: 80%;
	object-position: bottom;
}
.About_Service_Frame_Img_2 > img {
	height: 58%;
}

.About_Service_Frame_Txt .d-flex {
	margin-top: var(--f_space_2);
}

.About_Service_Frame_Txt .d-flex a {
	width: 100%;
	max-width: 120px;
	border-radius: 24px;
	padding: var(--f_space_2) var(--f_space_3);
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 64px;
}

.About_Service_Frame_Txt .d-flex a img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.About_Service_Frame_Txt .d-flex .rakuten {
	background-color: #bf0000;
}

.About_Service_Frame_Txt .d-flex .yahoo {
	background-color: #ffffff;
	border: solid 1px #e51d37;
}

.About_Service_Frame_Txt .d-flex .online {
	background-color: var(--f_main);
}

@media screen and (max-width: 500px) {
	.About_Service_Frame_Txt .d-flex {
		margin-top: var(--f_space_2);
		flex-wrap: wrap;
	}

	.About_Service_Frame_Txt .d-flex a {
		max-width: 140px;
		display: flex;
		min-width: 100px;
		width: 100%;
	}
}
@media screen and (min-width: 620px) and (max-width: 992px), screen and (min-width: 1200px) {
	/* グリッドリアウトに変更 */
	.About_Service_Frame {
		display: grid;
		grid-template-columns: 6fr 4fr;
		grid-template-rows: auto 1fr;
		grid-column-gap: var(--f_space_3);
		grid-row-gap: 0px;
		align-items: flex-end;
	}

	.About_Service_Frame_Txt {
		grid-area: 1 / 1 / 2 / 2;
	}
	.About_Service_Frame_Txt {
		grid-area: 2 / 1 / 3 / 2;
	}
	.About_Service_Frame_Img_1,
	.About_Service_Frame_Img_2 {
		grid-area: 1 / 2 / 3 / 3;
	}

	.About_Service_Frame_Txt_Inner {
		display: contents;
	}
	.About_Service_Frame_Contents {
		display: contents;
	}
	.About_Service_Frame_Txt {
		display: block;
		align-self: flex-start;
	}
	.About_Service_Frame_Img_1,
	.About_Service_Frame_Img_2 {
		height: 100%;
		align-self: end;
		/* height: ; */
		width: auto;
	}
	.About_Service_Frame_Img_1 > img,
	.About_Service_Frame_Img_2 > img {
		height: 100%;
	}
}
/*
沿革
---------------------*/
.History_Year_Scroll {
	max-height: 45vh;
	overflow-y: scroll;
	overflow-x: clip;
}
.History_Year_Scroll::-webkit-scrollbar {
	width: 6px;
}

/* スクロールバーのトラック（背景） */
.History_Year_Scroll::-webkit-scrollbar-track {
	background: transparent;
	border-radius: 10px;
}

/* スクロールバーのつまみ（ドラッグする部分） */
.History_Year_Scroll::-webkit-scrollbar-thumb {
	background: var(--f_main-deep);
	border-radius: 9999px;
}
.History_Year_Row {
	position: relative;
	padding-bottom: var(--f_space_2);
}
.History_Year_Row::before {
	content: "";
	position: absolute;
	left: 20px;
	top: 5.2rem;
	background-color: var(--f_main-deep);
	width: 2px;
	height: calc(100% - 7rem);
}
.History_Year {
	font-size: 3.2rem;
	font-weight: 500;
	font-family: var(--f_family_en);
	color: var(--f_main-deep);
}
.History_Month_Row {
	padding-left: 62px;
	display: grid;
	grid-template-columns: 8rem 1fr;
	padding-top: var(--f_space_6);
}
@media screen and (max-width: 768px) {
	.History_Month_Row {
		padding-left: 40px;
		grid-template-columns: 6rem 1fr;
	}
}
.History_Month {
	font-size: 2.4rem;
	font-weight: 500;
	font-family: var(--f_family_en);
	line-height: 1;
}
@media screen and (max-width: 768px) {
	.History_Month {
		font-size: 2rem;
	}
}
@media (width > 768px) {
	.History_Day_Row {
		width: 90%;
		display: grid;
		grid-template-columns: 60% 1fr;
		gap: var(--f_space_3);
	}
}
.History_Day_Row figcaption {
	margin-top: var(--f_space_2);
}
.History_Day_Row dt {
	font-weight: 500;
	margin-bottom: var(--f_space_2);
}
.History_Day_Row dd {
	margin-bottom: var(--f_space_5);
}
.History_Day_Row img {
	max-width: 260px;
}

/* アバウトぺージATFセクションの枠 */
.AtfFrame {
	border: 2px solid var(--f_main);
	border-radius: 60px;
	padding: var(--f_space_7) var(--f_space_6);
}
@media screen and (max-width: 768px) {
	.AtfFrame {
		border-radius: 26px;
		padding: var(--f_space_7) var(--f_space_3);
	}
}
.Atf_Img {
	max-width: 246px;
	width: 100%;
	margin-bottom: var(--f_space_5);
}

/* =====================



会社概要ページ



===================== */
.Info_Dl_Ttl {
	font-size: 2.4rem;
	font-weight: 700;
	padding-bottom: var(--f_space_2);
	padding-left: var(--f_space_2);
	border-bottom: 3px solid var(--f_main);
}
@media (width > 768px) {
	.Info_Dl_Ttl {
		padding-left: var(--f_space_4);
		margin-bottom: var(--f_space_2);
	}
}
.Info_Dl_1 .Info_Dl_Ttl {
	color: var(--f_main-deep);
	border-color: var(--f_main);
}
.Info_Dl_2 .Info_Dl_Ttl {
	color: var(--f_blue);
	border-color: var(--f_blue);
}
.Info_Dl_3 .Info_Dl_Ttl {
	color: var(--f_main-deep);
	border-color: var(--f_main-deep);
}
@media (width > 768px) {
	.Info_Dl {
		display: grid;
		grid-template-columns: 20rem 1fr;
		column-gap: var(--f_space_2);
		row-gap: var(--f_space_1);
	}
}
.Info_Dl dt {
	padding: var(--f_space_4) var(--f_space_3) 0 var(--f_space_2);
}
.Info_Dl dd {
	border-bottom: 3px solid;
	padding: var(--f_space_1) var(--f_space_2) var(--f_space_4) var(--f_space_2);
	font-weight: 500;
}
@media (width > 768px) {
	.Info_Dl dt {
		border-bottom: 3px solid;
		padding: var(--f_space_2) var(--f_space_2) var(--f_space_4) var(--f_space_4);
	}
	.Info_Dl dd {
		border-color: var(--f_gray);
		padding: var(--f_space_2) var(--f_space_2) var(--f_space_4) var(--f_space_4);
	}
}

.Info_Dl_1 dt {
	border-color: var(--f_main);
}
@media screen and (max-width: 768px) {
	.Info_Dl_1 dd {
		border-color: var(--f_main);
	}
}
.Info_Dl_2 dt {
	border-color: var(--f_blue);
}
@media screen and (max-width: 768px) {
	.Info_Dl_2 dd {
		border-color: var(--f_blue);
	}
}
.Info_Dl_3 dt {
	border-color: var(--f_main-deep);
}
@media screen and (max-width: 768px) {
	.Info_Dl_3 dd {
		border-color: var(--f_main-deep);
	}
}

/* =====================



買取相場情報ページ



========================= */
.Sec_BuyBack_List {
	background-color: var(--f_main-bright);
	padding: var(--f_space_8) 0;
	position: relative;
}

.Sec_BuyBack_List.After_Bg::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 18px;
	background-color: var(--f_main-bright);
	bottom: -18px;
	left: 0;
	z-index: -1;
}

@media screen and (width > 768px) {
	.Sec_BuyBack_List {
		padding: 140px 0;
	}

	.Sec_BuyBack_List.After_Bg::after {
		height: 70px;
		bottom: -70px;
	}
}

/* ===================


買取りページ


====================== */

/*
 高価買取の理由
------------------ */
.Service_Info_Frame {
	color: var(--f_dark);
	background-color: var(--f_lightgray);
	border-radius: 12px;
	padding: 150px 10px 10px 10px;
	position: relative;
	display: flex;
	flex-direction: column;
	margin-bottom: var(--f_space_4);
}
.Service_Info_Frame:last-of-type {
	margin-bottom: 0;
}

@media screen and (min-width: 992px) {
	.Service_Info_Frame {
		padding: 150px 57px var(--f_space_7) 57px;
		border-radius: 44px;
		margin-bottom: 0;
	}
}

/* タイトル */
.Service_Info_Stick_Heading {
	display: block;
	color: var(--f_light);
	background-color: var(--f_main);
	font-weight: 700;
	padding: 20px 24px 20px 10px;
	max-width: 100%;
	width: 298px;
	min-width: max-content;
	border-top-right-radius: 12px;
	border-bottom-right-radius: 12px;
	position: absolute;
	left: 0;
	top: 40px;
}
@media screen and (min-width: 992px) {
	.Service_Info_Stick_Heading {
		padding: 20px 24px 20px 24px;
		width: 549px;
	}
}
.Service_Info_Stick_Heading_Inner {
	display: flex;
	align-items: center;
}

/* タイトル 日本語 */
.Service_Info_Stick_Heading_Ja {
	font-size: 20px;
}
@media screen and (min-width: 992px) {
	.Service_Info_Stick_Heading_Ja {
		font-size: 24px;
	}
}
/* アイコン */
.Info_Stick_Heading_Num {
	background-color: var(--f_light);
	border-radius: 18px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-right: var(--f_space_4);
	grid-area: 1 / 1 / 3 / 2;
	color: var(--f_blue);
	font-weight: 700;
	width: 60px;
	height: 60px;
	margin: auto var(--f_space_2) auto 0;
	padding-bottom: 6px;
}

.Info_Stick_Heading_Num > .Point {
	font-size: 10px;
}
.Info_Stick_Heading_Num > .Num {
	font-size: 32px;
	line-height: 0.7;
}

/* 少し大きめのテキスト */
.Top_Service_Info_Catch {
	font-size: 1.4rem;
	font-weight: 700;
	margin-bottom: 0.5em;
	grid-area: 2 / 2 / 2 / 2;
}

@media screen and (min-width: 992px) {
	.Top_Service_Info_Catch {
		font-size: 1.8rem;
	}
}

.Top_Service_Info_Frame p {
	line-height: 1.68;
}

.Advice_Card_List {
	width: 500px;
	max-width: 100%;
	margin: 0 auto;
}
@media screen and (min-width: 768px) {
	.Advice_Card_List {
		width: auto;
		display: grid;
		column-gap: 20px;
		grid-template-columns: repeat(3, 1fr);
	}
}
@media screen and (min-width: 992px) {
	.Advice_Card_List {
		column-gap: 33px;
	}
}

.Advice_Card {
	text-align: center;
	border: 2px solid var(--f_blue);
	background-color: var(--f_light);
	border-radius: 24px;
	position: relative;
	padding: 43px var(--f_space_3) var(--f_space_4) var(--f_space_3);
	margin-bottom: var(--f_space_3);
}
.Advice_Card_Num {
	width: 63px;
	height: 60px;
	font-weight: 700;
	font-size: 24px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: var(--f_light);
	background-color: var(--f_blue);
	border-top-left-radius: 24px;
	border-bottom-right-radius: 24px;
	position: absolute;
	left: -1px;
	top: -1px;
}
.Advice_Card_Ttl {
	font-size: 2rem;
	color: var(--f_blue);
	padding: 0 41px;
	margin-bottom: var(--f_space_3);
}
@media screen and (min-width: 992px) {
	.Advice_Card_Ttl {
		font-size: 2.4rem;
	}
}
.Advice_Card_Img {
	background-color: var(--f_lightblue);
	border-radius: 50%;
	width: 132px;
	height: 132px;
	object-position: center;
	object-fit: scale-down;
	margin-bottom: var(--f_space_5);
}

/* ===============

質預り Google広告対策

================*/

.Case_Ex_Wrap {
	border-radius: 4px;
	padding: 20px 12px;
}

.Case_Ex_Wrap > .Title {
	font-size: 20px;
	font-weight: bold;
	padding: 0 4px 4px;
	color: var(--f_main-deep);
	border-bottom: solid 2px var(--f_main-deep);
	width: fit-content;
}

.Case_Ex_Wrap > div {
	margin-top: 12px;
}
.Case_Ex_Wrap h6 {
	background-color: var(--f_darkgray);
	color: var(--f_light);
	font-size: 16px;
	border-radius: 2px;
	padding: 2px 6px;
	width: fit-content;
}
.Case_Ex_Wrap dl {
	padding: 12px;
}
.Case_Ex_Wrap dl dd {
	position: relative;
	padding-left: 24px;
}
.Case_Ex_Wrap dl dd::before {
	content: "";
	background-image: url(../img/icon/arrow-short-org.svg);
	position: absolute;
	top: 6px;
	left: 3px;
	width: 14px;
	height: 12.444px;
	background-position: center;
	background-size: 100% auto;
	background-repeat: no-repeat;
}

/* 買取の流れ一覧 
---------------------*/
/* タブ */
.Buy_Type_Switcher {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	column-gap: var(--f_space_2);
	row-gap: var(--f_space_2);
}
@media screen and (min-width: 992px) {
	.Buy_Type_Switcher {
		column-gap: var(--f_space_5);
		row-gap: var(--f_space_3);
	}
}

.Buy_Type_Item {
	width: calc(50% - (var(--f_space_2) / 2));
}

@media screen and (min-width: 992px) {
	.Buy_Type_Item {
		width: calc(33.33% - ((var(--f_space_5) * 2) / 3));
	}
}
/* 遺品整理・生前整理サービスおすすめ */
.Cleanup_Frame_Wrap {
	padding-bottom: 50px;
}
.Cleanup_Frame {
	border: 6px solid var(--f_main);
	background-color: var(--f_main-bright);
	border-radius: 60px;
	padding: var(--f_space_9) 180px var(--f_space_8) 180px;

	position: relative;
}
@media screen and (max-width: 1200px) {
	.Cleanup_Frame {
		padding: var(--f_space_9) var(--f_space_2) 140px var(--f_space_2);
	}
}
@media screen and (max-width: 768px) {
	.Cleanup_Frame {
		padding: var(--f_space_9) var(--f_space_2) 196px var(--f_space_2);
	}
}
.Cleanup_Frame_Inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
	z-index: 2;
}
.Cleanup_Frame_Ttl {
	display: flex;
	align-items: center;
	font-size: 3.2rem;
	margin-bottom: 1em;
}
@media screen and (max-width: 768px) {
	.Cleanup_Frame_Ttl {
		flex-direction: column;
		font-size: 2.4rem;
	}
}
.Cleanup_Frame_Ttl_Icon {
	width: 1.2em;
	margin-right: 0.5em;
}
@media screen and (max-width: 768px) {
	.Cleanup_Frame_Ttl_Icon {
		width: 1.8em;
		max-width: 38px;
		margin-bottom: var(--f_space_2);
	}
}
.Cleanup_Frame_Img_Wrap {
	position: absolute;
	bottom: -12px;
	left: -2px;
	width: 100%;
	pointer-events: none;
	display: flex;
	justify-content: space-between;
	align-items: baseline;
}
@media screen and (max-width: 768px) {
	.Cleanup_Frame_Img_Wrap {
		left: -12px;
		width: calc(100% + 21px);
	}
}
.Cleanup_Frame_Img_L {
	width: calc((21 * 100vw) / 600 + 205px);
}
.Cleanup_Frame_Img_R {
	width: calc((63 * 100vw) / 976 + 168px);
}
@media screen and (max-width: 768px) {
	/* .Cleanup_Frame_Img_L {
		width: 46%;
	}
	.Cleanup_Frame_Img_R {
		width: 46%;
	} */
}

/* =====================



遺品整理・生前整理ページ



===================== */
/* チェックリスト */
.CheckList_Frame {
	background-color: var(--f_lightblue);
	border-radius: 44px;
	padding: 100px var(--f_space_2) var(--f_space_8) var(--f_space_2);
	position: relative;
}
@media screen and (min-width: 992px) {
	.CheckList_Frame {
		border-radius: 88px;
		padding: 100px var(--f_space_7) var(--f_space_7) var(--f_space_7);
	}
}
.CheckList_Ttl {
	display: inline-flex;
	background-color: var(--f_blue);
	padding: var(--f_space_4) var(--f_space_6) var(--f_space_5);
	border-radius: 100px;
	text-align: center;
	font-size: clamp(20px, 4vw, 40px);
	font-weight: 700;
	color: var(--f_light);
	width: max-content;
	position: absolute;
	top: -38px;
	left: 50%;
	transform: translateX(-50%);
}
/* チェックリスト*/
.CheckList > li {
	position: relative;
	padding-left: 3em;
	font-size: 1.8rem;
	font-weight: 500;
	padding: 0.8em 0 0.8em 2em;
	border-bottom: dashed 2px var(--f_blue);
}
.CheckList > li::before {
	content: "";
	background-image: url(../img/icon/box-check.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	width: 1.4em;
	height: 1.4em;
	position: absolute;
	left: 0;
	top: 0.8em;
}
@media screen and (min-width: 576px) {
	.CheckList > li {
		padding-left: 3em;
	}
	.CheckList > li::before {
		width: 2em;
		height: 2em;
		top: 50%;
		transform: translateY(-50%);
	}
}
.Wide_Down_Arrow {
	width: 189.39px;
	max-width: 50%;
}
.Statement_Box {
	display: inline-flex;
	justify-content: center;
	background-color: var(--f_main-deep);
	padding: 36px 40px 40px 40px;
	position: relative;
	border-radius: 200px;
	text-align: center;
	width: 100%;
}
@media screen and (min-width: 768px) {
	.Statement_Box {
		margin-inline: 34px;
		padding: var(--f_space_2) 120px;
		width: auto;
	}
}
.Statement_Txt {
	font-weight: 700;
	color: var(--f_light);
	font-size: clamp(20px, 4vw, 40px);
	line-height: 1.45;
}
.Statement_Icon {
	position: absolute;
	bottom: -4px;
}
.Statement_Icon.Men {
	width: 60px;
	left: 12px;
}
.Statement_Icon.Women {
	width: 68px;
	right: 12px;
}
@media screen and (min-width: 768px) {
	.Statement_Icon {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
	}
	.Statement_Icon.Men {
		width: 120px;
		left: -34px;
	}
	.Statement_Icon.Women {
		width: 140px;
		right: -34px;
	}
}
.Statement_Txt .Marker_Under {
	font-weight: 700;
	background: linear-gradient(transparent 80%, #fad06c 20%);
}

.MeritList {
	/* display: grid;
	grid-template-columns: repeat(3, 1fr);
	column-gap: var(--f_space_6); */
}
@media screen and (min-width: 768px) {
	.MeritList {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		column-gap: var(--f_space_6);
	}
}
.MeritList_Item {
	border: 2px solid var(--f_dark);
	background-color: var(--f_main-bright);
	border-radius: 40px;
	position: relative;
	padding: 55px var(--f_space_5) var(--f_space_6) var(--f_space_5);
	font-weight: 700;
	text-align: center;
	margin-top: 37px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 57px;
}
@media screen and (min-width: 992px) {
	.MeritList_Item {
		min-height: 234px;
		border-radius: 88px;
	}
}
.MeritList_Num {
	position: absolute;
	display: inline-block;
	background: var(--f_dark);
	color: var(--f_light);
	font-weight: bold;
	border-radius: 26px;
	top: -37px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	transform: translateX(-50%);
	left: 50%;
	width: 75px;
	height: 75px;
	font-size: 32px;
	font-family: var(--f_family_en);
	line-height: 1;
}
.MeritList_Num > span {
	font-size: 12px;
	font-family: var(--f_family_ja);
	margin-bottom: 0.5em;
}

@media screen and (min-width: 768px) {
	.Asking_Bubble_Wrap {
		display: flex;
		justify-content: center;
	}
}

/*
 取り扱い品目
------------------ */
@media (width< 768px) {
	.Buyback_ItemCategory_Grid .Buyback_Item {
		margin-bottom: var(--f_space_3);
	}
	.Buyback_ItemCategory_Grid .Buyback_Btn {
		height: 8rem;
		min-height: fit-content;
	}
}

@media (min-width: 768px) {
	.Buyback_ItemCategory_Grid {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: repeat(4, auto);
		column-gap: var(--f_space_4);
		row-gap: var(--f_space_3);
	}
	.Buyback_ItemCategory_Grid .Buyback_Btn {
		height: 13rem;
	}
}
@media (min-width: 992px) {
	.Buyback_ItemCategory_Grid {
		grid-template-columns: repeat(4, 1fr);
		grid-template-rows: repeat(1, 180px);
	}
}

.Buyback_ItemCategory_Grid .Buyback_Item:nth-child(1) > .Buyback_Btn,
.Buyback_ItemCategory_Grid .Buyback_Item:nth-child(2) > .Buyback_Btn,
.Buyback_ItemCategory_Grid .Buyback_Item:nth-child(3) > .Buyback_Btn,
.Buyback_ItemCategory_Grid .Buyback_Item:nth-child(4) > .Buyback_Btn {
	height: 100%;
}

/* =====================



金・プラチナ地金買取りページ



===================== */
/*
金プラチナページ
チャート枠
 */
@media screen and (min-width: 768px) {
	.Chart_Frame_Md_Grid {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		align-items: stretch;
		column-gap: var(--f_space_4);
	}
}
@media screen and (min-width: 992px) {
	.Chart_Frame_Lg_Grid {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		align-items: stretch;
		column-gap: var(--f_space_4);
	}
}
.Chart_Frame {
	border: 2px solid var(--f_dark);
	border-radius: 15px;
	position: relative;
	padding: var(--f_space_5) var(--f_space_2) var(--f_space_2) var(--f_space_2);
}
@media screen and (min-width: 992px) {
	.Chart_Frame {
		padding: var(--f_space_5);
	}
}
.Chart_Frame_Ttl {
	max-width: 50%;
	width: 192px;
}
.Chart_Frame_Ttl_Position {
	position: absolute;
	top: -1.5rem;
	left: 50%;
	transform: translateX(-50%);
}

/* グラフ切替ボタン */
.Chart_Switch_Btn {
	position: relative;
	border-radius: 4px;
	font-weight: 500;
	transition:
		background-color 0.3s,
		border-color 0.3s,
		color 0.3s;
	background-color: var(--f_light);
	color: var(--f_darkgray);
	border: 1px solid var(--f_darkgray);
	padding: 0.4em 3em 0.4em 1.14em;
}
/* グラフ切替ボタン アイコン */
.Chart_Switch_Btn::after {
	content: "";
	background-image: url("../img/icon/arrow-short-dgr.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 50% 50%;
	border: 1px solid var(--f_darkgray);
	border-radius: 50%;
	padding: 10px;
	width: 1.2rem;
	height: 1.2rem;
	min-width: 1.2rem;
	min-height: 1.2rem;
	max-width: 1.2rem;
	max-height: 1.2rem;
	position: absolute;
	right: var(--f_space_2);
	bottom: 50%;
	transform: translateY(50%) rotate(90deg);
	transition:
		0.4s transform,
		0.4s color,
		0.4s opacity,
		0.4s background-color;
}
/* ボタン ホバー */
.Chart_Switch_Btn:hover,
.Chart_Switch_Btn:active,
.Chart_Switch_Btn:focus-visible {
	background-color: var(--f_light);
	color: var(--f_darkgray);
	outline: 1px solid var(--f_dark);
	outline-offset: 0px;
	opacity: 1;
}

.Chart_Switch_Btn.show::after,
.Chart_Switch_Btn:active::after,
.Chart_Switch_Btn:focus-visible::after {
	transform: translateY(calc(50% + 4px)) rotate(90deg);
}
@media (hover: hover) {
	.Chart_Switch_Btn:hover::after {
		transform: translateY(calc(50% + 4px)) rotate(90deg);
	}
}
/* ドロップダウン */
.Chart_SwitchList_Wrap.dropdown-menu {
	border: 0;
	background-color: var(--f_lightgray);
	padding: var(--f_space_2);
	width: 126px;
	left: auto !important;
	right: -12px !important;
	border-radius: 15px;
}

.Chart_Switch {
	font-size: 1.4rem;
	width: 100%;
	display: block;
	text-align: center;
	color: var(--f_dark);
	background-color: var(--f_light);
	padding: 0.4em 1.14em;
	margin-bottom: var(--f_space_1);
	border-radius: 4px;
}
.Chart_Switch:hover,
.Chart_Switch:active,
.Chart_Switch:focus,
.Chart_Switch:focus-visible {
	outline: 1px solid var(--f_darkgray);
	opacity: 1;
}
/* =====================



買取相場情報



===================== */
.Order_Btn {
	background-color: var(--f_main-deep);
	color: var(--f_light);
	display: flex;
	padding: 4px 12px;
	font-size: 16px;
	font-weight: 700;
	white-space: nowrap;
	align-items: center;
}
.Order_Btn img {
	width: auto;
	height: 18px;
	margin-right: 8px;
}
.Order_Btn:hover {
	background-color: var(--f_main-deep);
	color: var(--f_light);
}
/* =====================



ランキングページ



===================== */

/*
買取相場ランキングカード
メディアクエリは下の方に纏めて記述
------------------*/
.Rate_Rank_Grid {
	column-gap: var(--f_space_4);
	row-gap: var(--f_space_7);
}
.Rate_Rank_Card {
	width: 100%;
	border-radius: 24px;
	position: relative;
	border: 2px solid var(--f_darkgray);
	background-color: var(--f_light);
}

.Rate_Rank_Grid > li:nth-child(1) .Rate_Rank_Card {
	border-color: var(--f_main);
}
.Rate_Rank_Grid > li:nth-child(2) .Rate_Rank_Card {
	border-color: #b4d4d3;
}
.Rate_Rank_Grid > li:nth-child(3) .Rate_Rank_Card {
	border-color: #ff854d;
}
/* ランキング番号 */
.Rate_Rank_Card_Num {
	position: absolute;
	left: 50%;
	top: -30px;
	transform: translateX(-50%);
	width: 55px;
	text-align: center;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-repeat: no-repeat;
	background-size: contain;
	z-index: 3;
	font-size: 28px;
	font-weight: 600;
	font-family: var(--f_family_en);
	color: var(--f_light);
	background-color: var(--f_darkgray);
	border-radius: 50%;
}

/* ランキング番号1位 */
.Rate_Rank_Grid > li:nth-child(1) .Rate_Rank_Card_Num {
	background-color: unset;
	border-radius: 0;
	align-items: end;
	background-image: url(../img/icon/rank-first.svg);
}
/* ランキング番号2位 */
.Rate_Rank_Grid > li:nth-child(2) .Rate_Rank_Card_Num {
	background-color: unset;
	border-radius: 0;
	align-items: end;
	background-image: url(../img/icon/rank-2nd.svg);
}
/* ランキング番号3位 */
.Rate_Rank_Grid > li:nth-child(3) .Rate_Rank_Card_Num {
	background-color: unset;
	border-radius: 0;
	align-items: end;
	background-image: url(../img/icon/rank-3rd.svg);
}

.Rate_Rank_Card_Img {
	border-radius: 12px;
	position: relative;
	z-index: 1;
	border-top-right-radius: 14px;
	border-top-left-radius: 14px;
}
.Rate_Rank_Card_Img img {
	position: absolute;
	height: 100%;
	width: 100%;
	/* object-fit: cover; */
	object-fit: contain;
	top: 0;
	left: 0;
	border-top-right-radius: 24px;
	border-top-left-radius: 24px;
}

.Rate_Rank_Card_Img::before {
	content: "";
	display: block;
	padding-top: 100%;
}

.Rate_Rank_Card_Body {
	width: calc(100% - (var(--f_space_1) * 2));
	z-index: 2;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	/* position: relative; */
	margin-left: auto;
	padding: 26px 10px 26px 10px;
	margin: var(--f_space_1);
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: 0%;
	background-color: var(--f_lightgray);
	border-radius: 24px;
}

.Badge_Update.Rate_Rank_Card_Update {
	margin-bottom: var(--f_space_2);
}

.Rate_Rank_Card_Body_Wrap {
	position: relative;
}

/* 買取率 */
.Rate_Rank_Card_Purchase {
	position: absolute;
	font-size: 1.2rem;
	font-weight: 700;
	color: var(--f_light);
	background-color: var(--f_blue);
	border-radius: 50%;
	right: -4px;
	/* top: -11rem; */
	width: 7.6rem;
	height: 7.6rem;
	min-width: 7.6rem;
	min-height: 7.6rem;
	max-width: 7.6rem;
	max-height: 7.6rem;
	z-index: 3;
	line-height: 1;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding-bottom: 0.3em;
}

.Rate_Rank_Card .Rate_Rank_Card_Purchase {
	top: -3.8rem;
}

/* 買取率 ラベル */
.Rate_Rank_Card_Purchase_Label {
	font-size: 1.2rem;
	display: block;
	margin-bottom: 0.2em;
}

/* 値囲み */
.Rate_Rank_Card_Purchase_Val_Unit {
	display: inline-flex;
	align-items: baseline;
	justify-content: center;
}

/* 修飾語 */
.Rate_Rank_Card_Purchase_Modifier {
	writing-mode: vertical-rl;
	font-size: 1rem;
	margin-right: 0.2em;
}

/* 買取率 値 */
.Rate_Rank_Card_Purchase_Val {
	font-size: 2.4rem;
}

/* 買取率 "修飾子"がつく場合 */
.Rate_Rank_Card_Purchase_Has_Modifier .Rate_Rank_Card_Purchase_Val {
	font-size: 2rem;
}

/* 買取率 単位（%など） */
.Rate_Rank_Card_Purchase_Unit {
	font-size: 1.4rem;
}
/* カードbody */
.Rate_Rank_Card_Body_Wrap {
	width: calc(100% - (var(--f_space_1) * 2));
	margin: var(--f_space_1);
	background-color: var(--f_lightgray);
	padding: var(--f_space_2) var(--f_space_2) 26px var(--f_space_2);
	border-radius: 24px;
}

.Rate_Rank_Grid > li:nth-child(1) .Rate_Rank_Card_Update,
.Rate_Rank_Grid > li:nth-child(2) .Rate_Rank_Card_Update,
.Rate_Rank_Grid > li:nth-child(3) .Rate_Rank_Card_Update,
.Rate_Rank_Grid > li:nth-child(4) .Rate_Rank_Card_Update {
	position: relative;
	top: 0;
	left: 0;
}
.Rate_Rank_Card_Body {
	width: 100%;
	background-color: var(--f_lightgray);
	margin: 0;
	padding: 0;
	border-radius: 14px;
}
.Rate_Rank_Card_Update {
	padding: 7px var(--f_space_4);
}
.Rate_Rank_Card_Price_Wrap {
	border-bottom: 1px dashed var(--f_gray);
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}

@media screen and (width < 576px) {
	.Rate_Rank_Card {
		margin-bottom: var(--f_space_7);
	}

	.Rate_Rank_Card.bottom {
		display: flex;
	}

	.Rate_Rank_Card.bottom .Rate_Rank_Card_Img {
		width: 35%;
		flex-shrink: 0;
	}

	.Rate_Card_Price_Name {
		font-size: 12px !important;
	}

	.Rate_Rank_Card.bottom .Rate_Rank_Card_Num {
		width: 32px;
		height: 32px;
		font-size: 20px;
		left: 10%;
		top: -16px;
	}

	.Rate_Rank_Card.bottom .Rate_Rank_Card_Update {
		padding: 2px 16px;
		margin-bottom: 8px;
	}

	.Rate_Rank_Card_Price_Wrap {
		flex-direction: column;
		align-items: normal;
	}

	.Rate_Rank_Card .Rate_Card_Price.small {
		font-size: 20px;
	}

	.Rate_Rank_Card.bottom .Rate_Card_Price {
		font-size: 18px;
	}

	.Rate_Rank_Card.bottom .Rate_Card_Price > .en {
		font-size: 14px;
	}
}
@media screen and (min-width: 576px) {
	.Rate_Rank_Grid {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		row-gap: var(--f_space_7);
	}
}
@media screen and (min-width: 768px) {
	.Rate_Rank_Card_Num {
		left: var(--f_space_3);
		top: -26px;
		transform: none;
	}
}
@media screen and (min-width: 992px) {
	.Rate_Rank_Grid {
		display: grid;
		grid-template-columns: repeat(6, 1fr);
		grid-template-rows: repeat(4, auto);
		row-gap: var(--f_space_7);
	}

	.Rate_Rank_Grid > li:nth-child(1) {
		grid-area: 1 / 1 / 2 / 4;
	}
	.Rate_Rank_Grid > li:nth-child(2) {
		grid-area: 1 / 4 / 2 / 7;
	}
	.Rate_Rank_Grid > li:nth-child(3) {
		grid-area: 2 / 1 / 3 / 4;
	}
	.Rate_Rank_Grid > li:nth-child(4) {
		grid-area: 2 / 4 / 3 / 7;
	}
	.Rate_Rank_Grid > li:nth-child(5) {
		grid-area: 3 / 1 / 4 / 3;
	}
	.Rate_Rank_Grid > li:nth-child(6) {
		grid-area: 3 / 3 / 4 / 5;
	}
	.Rate_Rank_Grid > li:nth-child(7) {
		grid-area: 3 / 5 / 4 / 7;
	}
	.Rate_Rank_Grid > li:nth-child(8) {
		grid-area: 4 / 1 / 5 / 3;
	}
	.Rate_Rank_Grid > li:nth-child(9) {
		grid-area: 4 / 3 / 5 / 5;
	}
	.Rate_Rank_Grid > li:nth-child(10) {
		grid-area: 4 / 5 / 5 / 7;
	}

	.Rate_Rank_Grid > li:nth-child(1),
	.Rate_Rank_Grid > li:nth-child(3) {
		position: relative;
		top: -60px;
	}
	/* 4位までのカード は２カラム */
	.Rate_Rank_Grid > li:nth-child(1) .Rate_Rank_Card,
	.Rate_Rank_Grid > li:nth-child(2) .Rate_Rank_Card,
	.Rate_Rank_Grid > li:nth-child(3) .Rate_Rank_Card,
	.Rate_Rank_Grid > li:nth-child(4) .Rate_Rank_Card {
		display: flex;
		border-radius: 24px;
		flex-direction: row;
	}

	.Rate_Rank_Grid > li:not(:nth-child(1), :nth-child(2), :nth-child(3), :nth-child(4)) .Rate_Rank_Card_Num {
		left: auto;
		right: 16px;
	}
	/* 4位までのカード 画像 */
	.Rate_Rank_Grid > li:nth-child(1) .Rate_Rank_Card_Img,
	.Rate_Rank_Grid > li:nth-child(2) .Rate_Rank_Card_Img,
	.Rate_Rank_Grid > li:nth-child(3) .Rate_Rank_Card_Img,
	.Rate_Rank_Grid > li:nth-child(4) .Rate_Rank_Card_Img {
		width: 34%;
		min-width: 34%;
		max-width: 34%;
		border-top-right-radius: 0;
		border-top-left-radius: 14px;
		border-bottom-left-radius: 14px;
	}
	/* 4位までのカードbody */
	.Rate_Rank_Grid > li:nth-child(1) .Rate_Rank_Card_Img img,
	.Rate_Rank_Grid > li:nth-child(2) .Rate_Rank_Card_Img img,
	.Rate_Rank_Grid > li:nth-child(3) .Rate_Rank_Card_Img img,
	.Rate_Rank_Grid > li:nth-child(4) .Rate_Rank_Card_Img img {
		border-top-right-radius: 0;
		border-top-left-radius: 24px;
		border-bottom-left-radius: 24px;
	}
	.Rate_Rank_Card_Update {
		/* 更新日バッジ配置 */
		position: absolute;
		top: -1.3em;
		left: 16px;
	}
	/* カードbody */
	.Rate_Rank_Card_Body_Wrap {
		padding: var(--f_space_4) var(--f_space_2) 26px var(--f_space_2);
	}
	/* 4位までのカードbody */
	.Rate_Rank_Grid > li:nth-child(1) .Rate_Rank_Card_Body_Wrap,
	.Rate_Rank_Grid > li:nth-child(2) .Rate_Rank_Card_Body_Wrap,
	.Rate_Rank_Grid > li:nth-child(3) .Rate_Rank_Card_Body_Wrap,
	.Rate_Rank_Grid > li:nth-child(4) .Rate_Rank_Card_Body_Wrap {
		width: 67%;
	}
	/* 4位までのカードの価格 */
	.Rate_Rank_Grid > li:nth-child(1) .Rate_Rank_Card_Price_Wrap,
	.Rate_Rank_Grid > li:nth-child(2) .Rate_Rank_Card_Price_Wrap,
	.Rate_Rank_Grid > li:nth-child(3) .Rate_Rank_Card_Price_Wrap,
	.Rate_Rank_Grid > li:nth-child(4) .Rate_Rank_Card_Price_Wrap {
		margin-top: var(--f_space_5);
	}

	/* 4位までの買取率位置はカードの右上 */
	.Rate_Rank_Grid > li:not(:nth-child(1), :nth-child(2), :nth-child(3), :nth-child(4)) .Rate_Rank_Card_Purchase {
		top: -5rem;
	}
}
@media screen and (width> 1200px) {
	.Rate_Rank_Grid {
		column-gap: var(--f_space_7);
	}
}
/* =====================



店舗ページ



===================== */
/*
店舗の概要
---------------------*/
.Shop_Feature_About_Container {
	max-width: 100%;
	width: calc(100% - ((100% - 1320px) / 2));
	margin-left: 0;
	padding-inline: var(--f_space_2);
}
@media (min-width: 768px) and (max-width: 1176px) {
	.Shop_Feature_About_Container {
		padding-right: var(--f_space_8);
	}
}
/* コンテナ内囲み */
.Shop_Feature_About_Container_Inner {
	max-width: 100%;
	max-width: 1320px;
	display: flex;
	flex-direction: column-reverse;
}
@media (min-width: 992px) {
	.Shop_Feature_About_Container_Inner {
		padding-top: 84px;
		margin-left: auto;
		display: grid;
		grid-template-columns: calc(50% - 80px) 50%;
		column-gap: 62px;
	}
}
/* 画像囲み */
.Shop_Feature_About_Top {
	display: flex;
	justify-content: end;
}
@media (max-width: 992px) {
	.Shop_Feature_About_Top {
		width: 74%;
	}
}
.Shop_Feature_About_Bottom {
	margin-top: 40px;
}
.Shop_Feature_About_Img {
	border-radius: 56px;
	position: relative;
	width: 76%;
}
.Shop_Feature_About_Img > img {
	border-radius: 56px;
	position: relative;
	z-index: 3;
}
@media (max-width: 992px) {
	.Shop_Feature_About_Img {
		border-radius: 32px;
		margin-top: 47px;
		width: 81%;
	}
	.Shop_Feature_About_Img > img {
		border-radius: 32px;
	}
}
.Shop_Feature_About_Img > span {
	content: "";
	display: block;
	padding-top: 69%;
	position: absolute;
	height: calc(100% - 10px);
	width: calc(100% - 10px);
	bottom: 0px;
	border-radius: 67px;
}
.Shop_Feature_About_Img > span:nth-child(2) {
	background-color: var(--f_main);
	left: -24%;
	top: -63px;
	z-index: 2;
	transform: rotate(6deg);
}
.Shop_Feature_About_Img > span:nth-child(3) {
	background-color: var(--f_main-deep);
	left: -60%;
	bottom: 1px;
	z-index: 1;
	transform: rotate(-14deg);
}
@media (max-width: 992px) {
	.Shop_Feature_About_Img > span {
		border-radius: 32px;
	}
	.Shop_Feature_About_Img > span:nth-child(2) {
		left: -13%;
		top: -26px;
	}
	.Shop_Feature_About_Img > span:nth-child(3) {
		left: -29%;
		bottom: 1px;
		transform: rotate(-4deg);
	}
}

/*
店舗の特徴紹介
---------------------*/

@media (max-width: 768px) {
	.js_shop_feature_card {
		padding-right: var(--f_space_2);
	}
}
@media (min-width: 769px) {
	.Shop_Feature_Card {
		width: calc((100% / 3) - 20px);
		max-width: 300px;
	}
}
.Shop_Feature_Card {
	border-radius: 52px;
	border: 2px solid var(--f_main-deep);
	padding: var(--f_space_7) var(--f_space_3) var(--f_space_4);
}
.Shop_Feature_Ttl {
	font-size: 1.8rem;
	font-weight: 700;
	min-height: 2em;
	text-align: center;
}
.Shop_Feature_Card_Img {
	margin-top: var(--f_space_4);
	margin-bottom: var(--f_space_3);
}
.Shop_Feature_Txt {
	font-weight: 500;
}

#Shop_Slider_Wrap {
	position: relative;
}
/*
アクセス情報
---------------------*/
.Shop_Gmap_Wrap {
	position: relative;
	margin-bottom: 32px;
}
@media (max-width: 768px) {
	.Shop_Gmap_Wrap {
		max-width: 420px;
	}
}
.Shop_Gmap_Wrap::before {
	content: "";
	display: block;
	padding-top: 100%;
}
.Shop_Gmap_Wrap::after {
	content: "";
	background-color: var(--f_main);
	position: absolute;
	height: calc(100% - 10px);
	width: calc(100% - 10px);
	right: 0px;
	bottom: 0px;
	border-radius: 67px;
	z-index: -1;
}
.Shop_Gmap {
	border-radius: 67px;
	position: absolute;
	height: calc(100% - 10px);
	width: calc(100% - 10px);
	object-fit: cover;
	top: 0;
	left: 0;
}
.Shop_Gmap_Wrap .Map_Btn {
	top: auto;
	bottom: -30px;
	right: 60px;
}

.Shop_Info_List.Grid {
	display: grid;
	grid-template-columns: 20% calc(80% - var(--f_space_2));
	column-gap: var(--f_space_3);
	row-gap: var(--f_space_3);
	margin-bottom: var(--f_space_5);
}
.Shop_Info_List dt {
	font-weight: 700;
	color: var(--f_main-deep);
	margin-bottom: var(--f_space_1);
}
.Shop_Info_List dt > svg {
	width: 2.6rem;
}
.Shop_Info_List dd {
	font-weight: 500;
}

/* ===================


メディア情報


====================== */
.Media_Card_Grid {
}
@media (width > 576px) {
	.Media_Card_Grid {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: var(--f_space_3);
	}
}
@media (width > 768px) {
	.Media_Card_Grid {
		grid-template-columns: repeat(3, 1fr);
	}
}
.Media_Card {
	margin-bottom: var(--f_space_6);
}

.Media_Card_Img {
	border-radius: 16px;
	display: block;
	width: 100%;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.Media_Card_Img > img,
.Media_Card_Img > video {
	position: absolute;
	height: 100%;
	width: 100%;
	object-fit: cover;
	top: 0;
	left: 0;
	border-radius: 16px;
}

.Media_Card_Img::before {
	content: "";
	display: block;
	padding-top: 56.4999%;
}
.Media_Card_Video {
	width: 100%;
	position: relative;
}
.Media_Card_Video:hover {
	cursor: pointer;
}
.Media_Card_Video::before {
	content: "";
	display: block;
	padding-top: 56.4999%;
}
.Media_Card_Img .Play_Btn {
	display: block;
	width: 70px;
	height: 70px;
	position: relative;
	border-radius: 50%;
	border: 6px solid var(--f_light);
	transition: transform 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.Media_Card_Img .Play_Btn:hover {
	transform: scale(150%);
	cursor: pointer;
}

.Media_Card_Img .Play_Btn::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-clip-path: polygon(0% 0%, 0% 100%, 100% 50%);
	clip-path: polygon(0% 0%, 0% 100%, 100% 50%);
	background-color: var(--f_light);
	width: 48%;
	height: 52%;
	transform: translateY(-50%) translateX(-37%);
}

.Media_Card_Img .Play_Btn.js_playing {
	display: none;
}
.Media_Card_Body {
	padding-top: var(--f_space_1);
}
.Media_Card_Ttl {
	font-weight: 700;
	font-size: 1.8rem;
	margin: var(--f_space_1) 0 var(--f_space_3) 0;
}
.Media_Card_Data * {
	color: var(--f_darkgray);
	font-size: 1.4rem;
	font-weight: 500;
}

.Media_Contact_Frame {
	background-color: var(--f_lightblue);
	border-radius: 28.8px;
	width: 462px;
	max-width: 100%;
	margin: 0 auto;
	padding: var(--f_space_4) var(--f_space_6);

	font-size: 1.6rem;
	font-weight: 500;
}
@media (width > 768px) {
	.Media_Contact_Frame {
		display: flex;
		justify-content: center;
	}
}
.Media_Contact_Frame dt {
	font-weight: 500;
}
.Media_Contact_Frame dt img {
	width: 2rem;
}

/* ===================



採用情報


====================== */
.Reqruit_Info_Frame {
	border: 3px solid var(--f_blue);
	border-radius: 60px;
	padding: var(--f_space_8) var(--f_space_2) 0 var(--f_space_2);
	overflow: hidden;
}
.Reqruit_Info_Frame_Inner {
	max-width: 834px;
	display: grid;
	grid-template-columns: 30% 1fr;
	margin-inline: auto;
	gap: var(--f_space_6);
}
@media screen and (max-width: 768px) {
	.Reqruit_Info_Frame_Inner {
		display: flex;
		flex-direction: column-reverse;
	}
}
.Reqruit_Info_Frame_Img > img {
	max-height: 287px;
	height: 100%;
	object-position: bottom;
}
.Reqruit_Info_Frame_Inner p {
	margin-bottom: 2rem;
}
@media screen and (max-width: 768px) {
	.Reqruit_Info_Frame_Inner p {
		text-align: center;
	}
}
/* 応募フォームへ */
.Reqruit_Contact_Frame {
	border: 3px solid var(--f_main-deep);
	border-radius: 60px;
	padding: var(--f_space_7) var(--f_space_2) var(--f_space_7) var(--f_space_2);
	position: relative;
}
@media screen and (max-width: 768px) {
	.Reqruit_Contact_Frame {
		padding: var(--f_space_7) var(--f_space_2) 100px var(--f_space_2);
	}
}
.Reqruit_Contact_Img_Wrap {
	position: absolute;
	bottom: -52px;
	left: -18px;
	width: calc(100% + 21px);
	pointer-events: none;
	display: flex;
	justify-content: space-between;
	align-items: baseline;
}
@media screen and (max-width: 768px) {
	.Reqruit_Contact_Img_Wrap {
		bottom: -58px;
		left: -14px;
	}
}
.Reqruit_Contact_Img_L {
	width: calc((21 * 100vw) / 244 + 86.44px);
}

.Reqruit_Contact_Img_R {
	width: calc((63 * 100vw) / 976 + 131.82px);
	align-self: center;
}

/* =====================



お知らせ一覧ページ


========================= */
#NewsList_Wrap {
	display: flex;
	width: 100%;
	padding-bottom: var(--f_space_8);
}

/* News_Category */
#News_Category_Wrap {
	width: 100%;
	max-width: 260px;
	flex-shrink: 0;
	border: solid 1px var(--f_blue);
	border-radius: 40px;
	padding: 40px 0;
	margin-right: 40px;
}

#News_Category_Wrap .Category_Group_Wrap h3 {
	display: block;
	color: var(--f_light);
	background-color: var(--f_blue);
	font-weight: 700;
	padding: 20px 24px 20px;
	max-width: 100%;
	width: fit-content;
	min-width: 185px;
	border-top-right-radius: 12px;
	border-bottom-right-radius: 12px;
}

#News_Category_Wrap .Category_Group_Wrap ul {
	padding: 24px 12px;
}

#News_Category_Wrap .Category_Group_Wrap li {
	display: flex;
	align-items: center;
	font-weight: 600;
	margin-bottom: var(--f_space_2);
}

#News_Category_Wrap .Category_Group_Wrap li:last-of-type {
	margin-bottom: 0;
}

#News_Category_Wrap .Category_Group_Wrap li input {
	height: 2rem;
	width: 2rem;
	position: relative;
	margin-right: 10px;
	appearance: none;
	background: #ffffff;
	border: solid 3px var(--f_blue);
	box-shadow: 0 0 0 0 transparent;
	border-radius: 4px;
}

#News_Category_Wrap .Category_Group_Wrap li input::before {
	content: "";
	height: calc(100% - 2px);
	width: calc(100% - 2px);
	background-image: url(../img/icon/check.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 90%;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	position: absolute;
	z-index: 2;
	opacity: 0;
}

#News_Category_Wrap .Category_Group_Wrap li input:checked::before {
	opacity: 1;
}

#NewsList_Wrap > #News_Article_List_Wrap {
	width: 100%;
}

.pagination-container .pagination {
	gap: 4px;
	margin-top: 14px;
	justify-content: center;
}

.pagination-container .pagination .page-item > a {
	display: inline-flex;
	font-size: 1.6rem;
	border-radius: 15px;
	justify-content: center;
	align-items: center;
	background-color: var(--f_light);
	border: 1px solid var(--f_dark);
	color: var(--f_dark);
	font-weight: 700;
	width: 4.1rem;
	height: 4.1rem;
	min-width: 4.1rem;
	min-height: 4.1rem;
	max-width: 4.1rem;
	max-height: 4.1rem;
	transition: 0.4s;
}

.pagination-container .pagination .page-item > a:hover {
	transform: translateY(2px);
}
#News_Article_List_Wrap .pagination-container .pagination .page-item.Active > a,
#Buy_Case_List_Wrap .pagination-container .pagination .page-item.Active > a {
	background-color: var(--f_main) !important;
	border: 1px solid var(--f_main) !important;
	color: var(--f_light) !important;
}

#News_Article_List_Wrap .pagination-container .pagination .page-item.prev a,
#News_Article_List_Wrap .pagination-container .pagination .page-item.next a,
#Buy_Case_List_Wrap .pagination-container .pagination .page-item.prev a,
#Buy_Case_List_Wrap .pagination-container .pagination .page-item.next a {
	background-color: var(--f_main) !important;
	border: 1px solid var(--f_main) !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
}

#News_Article_List_Wrap .pagination-container .pagination .page-item.prev a,
#Buy_Case_List_Wrap .pagination-container .pagination .page-item.prev a {
	transform: rotate(180deg) !important;
}

#News_Article_List_Wrap .pagination-container .pagination .page-item.disabled > a,
#Buy_Case_List_Wrap .pagination-container .pagination .page-item.disabled > a {
	opacity: 0.5;
}

.pagination-container .pagination .page-link > img {
	width: 1.6rem;
}

@media screen and (max-width: 768px) {
	#News_Category_Wrap {
		display: none;
	}
}

/* ========================



プライバシーポリシー


========================  */

.Li_Style_Dot_Blue {
	padding-left: 1.3em;
}
.Li_Style_Dot_Blue li {
	list-style: disc;
}
.Li_Style_Dot_Blue li::marker {
	color: var(--f_blue);
}

/* ===================


404


====================== */
.ErrorPage {
	background-color: var(--f_main-bright);
	padding-top: 120px;
	padding-bottom: 5vw;
	position: relative;
	z-index: 1;
	margin-bottom: -5vw;
}
@media screen and (min-width: 768px) {
	.ErrorPage {
		padding-bottom: 10%;
		margin-bottom: -10%;
	}
}
@media screen and (min-width: 992px) {
	.ErrorPage {
		padding-top: 127px;
	}
}

.ErrorContents {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
}
@media screen and (width< 768px) {
	.ErrorContents {
		padding-bottom: 5vw;
	}
}
.ErrorContainer {
	max-width: 820px;
	width: 100%;
	margin-inline: auto;
	padding-inline: var(--f_space_2);
}
.ErrorBg {
	max-width: 100%;
	position: absolute;
	top: -61px;
	left: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	background-image: url(../img/error-sp.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	z-index: -1;
}
@media screen and (width > 768px) {
	.ErrorBg {
		height: 100%;
		width: 100%;
		top: 0;
		background-image: url(../img/error-pc.png);
		z-index: 1;
	}
}
.ErrorTxt_Wrap {
	position: relative;
	z-index: 2;
}
.Error_Name {
	font-weight: 600;
	font-family: var(--f_family_en);
	color: var(--f_main-deep);
}
.Error_Name:nth-child(1) {
	font-size: 4.7rem;
}
.Error_Name:nth-child(2) {
	font-size: 10rem;
}
@media screen and (width > 768px) {
	.Error_Name:nth-child(2) {
		font-size: 12.6rem;
	}
}
.Error_Message_Ttl {
	font-size: 2rem;
	font-weight: 700;
	margin-bottom: var(--f_space_4);
}
@media screen and (width > 768px) {
	.Error_Message_Ttl {
		font-size: 2.4rem;
	}
}
.Error_Message {
	font-weight: 700;
	margin-bottom: var(--f_space_6);
}
.ErrorPage_Img_Wrap {
	position: relative;
}
@media screen and (width > 768px) {
	.ErrorPage_Img_Wrap {
		display: contents;
	}
}
.ErrorPage_Img {
	width: 387px;
	max-width: 80%;
	position: relative;
	bottom: -12px;
}

@media screen and (width < 768px) {
	.ErrorPage_Img {
		bottom: -8vw;
	}
}
@media screen and (min-width: 768px) {
	.Error_Name {
		font-size: 4rem;
	}
}

/* =====================



ダイヤモンドページ


========================= */

#Diamond_Section_Wrap p > b.Formula,
#Diamond_Section_Wrap p > strong {
	background-color: var(--f_lightgray);
	display: block;
	width: fit-content;
	margin: 16px auto;
	padding: 12px;
	border: solid 1px var(--f_main);
	border-radius: 4px;
}

#Diamond_Section_Wrap a {
	color: var(--f_blue);
	font-weight: 600;
	text-decoration: underline;
}

#Diamond_Table_Wrap {
	border: solid 2px var(--f_main-deep);
	border-radius: 12px;
	overflow: hidden;
	margin: auto;
	width: fit-content;
	margin-top: var(--f_space_5);
}

#Diamond_Section_Wrap table {
	margin-inline: auto;
}

#Diamond_Section_Wrap table th {
	padding: 12px;
	background-color: var(--f_main-deep);
	color: var(--f_light);
	text-align: center;
	border-right: dotted 1px var(--f_light);
}

#Diamond_Section_Wrap table th:last-of-type {
	border-right: none;
}

#Diamond_Section_Wrap table tr:last-of-type {
	border-bottom: none;
}

#Diamond_Section_Wrap table td {
	padding: 12px;
	border-bottom: solid 1px var(--f_gray);
	text-align: center;
	border-right: dotted 1px var(--f_gray);
}

#Diamond_Section_Wrap table tr td:last-of-type {
	border-right: none;
	text-align: end;
}

#Diamond_Section_Wrap table tr:last-of-type td {
	border-bottom: none;
}

@media screen and (max-width: 768px) {
	#Diamond_Table_Wrap {
		border: none;
		border-radius: 0;
		overflow: auto;
	}

	#Diamond_Table_Wrap table,
	#Diamond_Table_Wrap thead,
	#Diamond_Table_Wrap tbody,
	#Diamond_Table_Wrap th,
	#Diamond_Table_Wrap td,
	#Diamond_Table_Wrap tr {
		display: block;
		width: 100%;
	}

	/* ヘッダー非表示 */
	#Diamond_Table_Wrap thead {
		display: none;
	}

	#Diamond_Table_Wrap tbody {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
	}

	/* 各行をカード化 */
	#Diamond_Table_Wrap tbody tr {
		border: solid 1px var(--f_gray);
		border-radius: 12px;
		padding: 12px;
		margin-bottom: 12px;
		background-color: var(--f_light);
		width: 100%;
		min-width: 280px;
		max-width: 400px;
		display: flex;
		flex-wrap: wrap;
		gap: 8px 12px;
	}

	/* 各セルを縦積みに */
	#Diamond_Table_Wrap tbody td {
		display: flex;
		justify-content: start;
		padding: 0;
		border: none;
		text-align: left;
		border-bottom: none;
		width: fit-content;
	}

	/* 最後のセルはボーダー消す */
	#Diamond_Table_Wrap tbody td:last-child {
		border-bottom: none;
	}

	/* ラベル部分 */
	#Diamond_Table_Wrap tbody td::before {
		content: attr(data-label);
		font-weight: bold;
		color: var(--f_light);
		background-color: var(--f_main-deep);
		font-size: 1.4rem;
		border-radius: 4px;
		margin-right: 12px;
		padding: 2px 4px;
		min-width: 80px;
		text-align: center;
	}

	/* 値部分は右寄せ */
	#Diamond_Table_Wrap tbody td span.value {
		margin-left: auto;
		text-align: right;
	}

	#Diamond_Section_Wrap table tr:last-of-type {
		border-bottom: solid 1px var(--f_gray);
	}
}

/* ===============

買取相場一覧

================*/

.Filter_Btn.Border_Blue_Btn.Active {
	background-color: var(--f_blue);
	color: var(--f_light);
}

.Filter_Btn.Border_Blue_Btn.Active::after {
	background-image: none;
}