@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_white: #fff;
	--color_navy: #144d65;
	--color_light-blue: #e7f1f7;
	--color_light-blue2:#b7d1e2;
	--color_pink: #da4068;
	--color_green: #449a41;
	--color_cta: var(--color_green);
	--color_cta_emphasis: var(--color_pink);
	/*買取方法の色 ※web予約などもすべて変更されます。買取方法コンテンツのみはhow-to-purchaseクラスで変更してください*/
	--color_how-to-purchase: var(--color_navy);
	/*買取方法内のボタンなど押せるところの矢印色*/
	--color_how-to-purchase_arrow: var(--color_how-to-purchase);
	/*sectionごとの余白*/
	--space_layout_large: var(--space_xs);
	--space_layout_small: var(--space_default);
}
@media screen and (min-width: 768px) { /*PCの時*/
	:root {
		--space_layout_large: var(--space_2xl);
		--space_layout_small: var(--space_default);
	}
}


body {
	background-color: #e7f1f7;
	color: #222;
	font: 1em/1.6 "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo,　Verdana, sans-serif;
	word-wrap: break-word;
	overflow-wrap: break-word;
	-webkit-font-smoothing: auto;
}

@media screen and (min-width: 1001px) { /*PCの時*/
	body {
		font-size: 1.125em;
	}
}
.serif {
	font-family: 'Noto Serif JP', serif;
	font-weight: bold;
}

.sans-serif {
	font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo,　Verdana, sans-serif;
}

body * {
	box-sizing: border-box;
}

#wrap {
	background-color: var(--color_light-blue);
}

.fuchiue {
	position: absolute;
	left: 0px;
	-webkit-text-stroke: 0;
	width: 100%;
}

/* ----- base width */
/*スマホ・タブレットの時*/
#siteHeader, .in, #siteFooter {
	padding-inline: 16px;
	margin-inline: auto;
}
@media screen and (min-width: 768px) {
	#siteHeader, .in, .inPC, #siteFooter {
		max-width: 1200px;
		width: 100%;
		padding-inline: 24px;
		margin-inline: auto;
	}
}

h1,h2,h3,h4,h5,h6 {
	/*line-height: 1.2;*/
	word-break: break-word !important;
}
h1 {
	font-size: 1.5em;
	font-weight: bold;
}
h2 {
	font-size: 1.3em;
	font-weight: bold;
}
h3 {
	font-size: 1.1em;
	font-weight: bold;
}
h4 {font-size: 1.0em;}
h5 {font-size: 1.0em;}
h6 {font-size: 1.0em;}


/* link */
a:hover img {
	-moz-opacity:0.8;
	opacity:0.8;
}


@media screen and (max-width: 768px) { /*スマホ・タブレットの時*/
	.ifpc {display: none;}
}
@media screen and (min-width: 769px) { /*PCの時*/
	.ifsp {display: none;}
}
/* --------------
modules css
-------------- */
/* ---------- font weight */
.thin {	font-weight: 100 !important;}
.demilight {	font-weight: 300 !important;}
.normal {	font-weight: 400 !important;}
.medium {	font-weight: 500 !important;}
.bold {	font-weight: 700 !important;}
.black {	font-weight: 900 !important;}

/* ---------- align */
.alc { text-align: center !important;}
.alr { text-align: right !important;}
.all { text-align: left !important;}

.alt { vertical-align: top !important;}
.alb { vertical-align: bottom !important;}
.alm { vertical-align: middle !important;}

@media screen and (max-width: 767px) { /*スマホの時*/
	.alcSP {text-align: center !important;}
}
@media screen and (min-width: 768px) { /*PC・タブレットの時*/
	.alcPC {text-align: center !important;}
}
/* ---------- float */
.noFloat { float: none !important;}
.flc {
	margin-left: auto;
	margin-right: auto;
}

/* ---------- Cancele */
.both { clear: both;}

.aNone {
	pointer-events: none;
}
/* ---------- block */
.inlineB {
	display: inline-block;
}
/* ---------- margin,padding */
.mb0 {	margin-bottom: 0px !important;}
.mb3 {	margin-bottom: 3px !important;}
.mb5 {	margin-bottom: 5px !important;}
.mb10 {	margin-bottom: 10px !important;}
.mb15 {	margin-bottom: 15px !important;}
.mb20 {	margin-bottom: 20px !important;}
.mb25 {	margin-bottom: 25px !important;}
.mb30 {	margin-bottom: 30px !important;}
.mb35 {	margin-bottom: 35px !important;}
.mb40 {	margin-bottom: 40px !important;}
.mb45 {	margin-bottom: 45px !important;}
.mb50 {	margin-bottom: 50px !important;}
.mb55 {	margin-bottom: 55px !important;}
.mb60 {	margin-bottom: 60px !important;}
.mb70 {	margin-bottom: 70px !important;}
.mb80 {	margin-bottom: 80px !important;}
.mb90 {	margin-bottom: 90px !important;}
.mb100 {margin-bottom: 100px !important;}

.ml0 {	margin-left: 0px !important;}
.ml5 {	margin-left: 5px !important;}
.ml10 {	margin-left: 10px !important;}
.ml20 {	margin-left: 20px !important;}
.ml30 {	margin-left: 30px !important;}

.mr0 {	margin-right: 0px !important;}
.mr5 {	margin-right: 5px !important;}
.mr10 {	margin-right: 10px !important;}
.mr20 {	margin-right: 20px !important;}
.mr30 {	margin-right: 30px !important;}

.mt0 {	margin-top: 0px !important;}
.mt3 {	margin-top: 3px !important;}
.mt5 {	margin-top: 5px !important;}
.mt10 {	margin-top: 10px !important;}
.mt15 {	margin-top: 15px !important;}
.mt20 {	margin-top: 20px !important;}
.mt30 {	margin-top: 30px !important;}
.mt50 {	margin-top: 50px !important;}

.pb0 {	padding-bottom: 0px !important;}
.pb3 {	padding-bottom: 3px !important;}
.pb5 {	padding-bottom: 5px !important;}
.pb10 {	padding-bottom: 10px !important;}
.pb20 {	padding-bottom: 20px !important;}
.pb30 {	padding-bottom: 30px !important;}

.pt0 {	padding-top: 0px !important;}
.pt3 {	padding-top: 3px !important;}
.pt5 {	padding-top: 5px !important;}
.pt10 {	padding-top: 10px !important;}
.pt15 {	padding-top: 15px !important;}
.pt20 {	padding-top: 20px !important;}
.pt30 {	padding-top: 30px !important;}

.pl0 {	padding-left: 0px !important;}
.pl3 {	padding-left: 3px !important;}
.pl5 {	padding-left: 5px !important;}
.pl10 {	padding-left: 10px !important;}
.pl20 {	padding-left: 20px !important;}

.pr0 {	padding-right: 0px !important;}
.pr3 {	padding-right: 3px !important;}
.pr5 {	padding-right: 5px !important;}
.pr10 {	padding-right: 10px !important;}
.pr20 {	padding-right: 20px !important;}

/* ----- background */
.bgBlue { background: #e7f1f7;}
.bgWhite { background: #fff;}
.bgElegant { background: url("../img/bg_elegant.webp") #e7f1f7;}
.bgLace { background: url("../img/bg_lace.webp") repeat-y center center;}
.bgGradaGray1 {
	background : linear-gradient(160deg, rgba(255, 255, 255, 1) 0%, rgba(251, 251, 251, 1) 24.25%, rgba(238, 238, 238, 1) 49.35%, rgba(238, 238, 238, 1) 50%, rgba(238, 238, 238, 1) 50.65%, rgba(251, 251, 251, 1) 75.75%, rgba(255, 255, 255, 1) 100%);
}
.bgGradaGray2 {
	background : linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(238, 238, 238, 1) 100%);
}
.bgGradaWhite {
	background : linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
}
.bgGradaWhite2 {
	background : linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.5) 100%);
}


/* ----- text */
.clPink { color: #e04f6e;}
.clBlue { color: #144d65;}
.clGray { color: #cbcbcb;}

h2 {
	font-family: 'Noto Serif JP', serif;
	font-weight: bold;
}
.ttlH2 {
	font-size: 2.33em;
	color: #144d65;
	text-align: center;
}
@media screen and (max-width: 768px) { /*スマホ・タブレットの時*/
	.ttlH2 {
		font-size: 6.5vw;
		margin-bottom: 1.5em;
	}
}
@media screen and (min-width: 769px) { /*PCの時*/
	.ttlH2 {
		font-size: 2.33em;
		margin-bottom: 2em;
	}
}
.txtS {
	color: #666;
	font-size: 85%;
}

.kome10 {
	text-indent: -1em;
	padding-left: 1em;
}
.kome12 {
	text-indent: -1.2em;
	padding-left: 1.2em;
}
.kome15 {
	text-indent: -1.5em;
	padding-left: 1.5em;
}
.kome20 {
	text-indent: -2em;
	padding-left: 2em;
}
/* ----- list */
.ulDisc {
	margin-left: 22px;
	line-height: 1.4;
	list-style: outside disc;
}

.olDecimal {
	margin-left: 22px;
	list-style: outside decimal;
}

.ulDisc li, .olDecimal li {
	margin-bottom: 10px;
}

/* ----- img */
.ofi, .ofi_top, .ofi_bottom {
	height: 100%;
	width: 100%;
}
.ofi_top {
	object-fit: cover;
	object-position: 50% 0;
	font-family: 'object-fit: cover; object-position: 50% 0;'
}
.ofi_bottom {
	object-fit: cover;
	object-position: 50% 100%;
	font-family: 'object-fit: cover; object-position: 50% 100%;'
}
/* --------------
common
-------------- */
/* =container
-------------------------------------------------------------- **/
.contents p {
	margin-bottom: 1em;
}
.contents p:last-child {
	margin-bottom: 0;
}
.common-area-web-reservation {
	border: 1px solid #fff;
}
.common-banner-content-wrap {
	margin-top: 1rem;
	padding-inline: 0;
}
@media screen and (max-width: 768px) { /*スマホ・タブレットの時*/
	.contents {
		padding: 3rem 0;
	}
}
@media screen and (min-width: 769px) {
	.contents {
		padding: 100px 0;
	}
}


/* --------------
 home contents
-------------- */
/* =visual
---------------------------------------------------- */
#visual {
	position: relative;
}
.visualInner {
	position: absolute;
}
.mvAchievement {
	text-align: center;
	text-shadow: 3px 3px 2px #fff, -3px 3px 2px #fff, 3px -3px 2px #fff, -3px -3px 2px #fff, 3px 0px 2px #fff, 0px 3px 2px #fff, -3px 0px 2px #fff, 0px -3px 2px #fff;
}
.mvAchievement span {
	font-size: 42px;
	color: #745d0e;
}
.mvAchievement span small {
	font-size: 1.2vw;
}
.mvTxt span {
	background: rgba(255,255,255,.75);
	color: #144d65;
	padding: 10px;
}
.notesItem::before {
	content: '※';
}
.mvAnnotationBox {/* 米印の注釈 */
	font-size: 1rem;
	padding:0.4rem 1rem;
	text-align: right;
}
.mvAnnotationBoxSp {
	display: none;
}
.mvAnnotation {
	text-shadow: 1px 1px 0px #fff, -1px 1px 0px #fff, 1px -1px 0px #fff, -1px -1px 0px #fff, 1px 0px 0px #fff, 0px 1px 0px #fff, -1px 0px 0px #fff, 0px -1px 0px #fff, 2px 2px 2px #fff, -2px 2px 2px #fff, 2px -2px 2px #fff, -2px -2px 2px #fff, 2px 0px 2px #fff, 0px 2px 2px #fff, -2px 0px 2px #fff, 0px -2px 2px #fff;
	font-size: 12px;
}
@media screen and (max-width: 767px) { /*スマホの時*/
	#visual {
		background: url(../img/mv_sp.webp) no-repeat center center / cover;
		padding-top: 100.7%;
		position: relative;
	}
	#visual::before {
		content: "";
		display: inline-block;
		background: url(../img/mv_human.webp) no-repeat center top/ cover;
		position: absolute;
		width: 90%;
		height: 74%;
		bottom: 19%;
		left: 51%;
		transform: translateX(-50%);
		z-index: 0;
	}
	.visualInner {
		left: 0;
		bottom: 0;
		display: flex;
		flex-wrap: wrap;
	}
	.mvAchievement{
		width: 100%;
		background : linear-gradient(120deg, rgba(192, 171, 125, 1) 0%, rgba(197, 175, 128, 1) 9.58%, rgba(210, 188, 138, 1) 20.16%, rgba(232, 209, 154, 1) 31.17%, rgba(255, 231, 171, 1) 40%, rgba(254, 230, 170, 1) 40.51%, rgba(227, 204, 150, 1) 54.97%, rgba(207, 186, 136, 1) 69.64%, rgba(196, 175, 128, 1) 84.54%, rgba(192, 171, 125, 1) 100%);
		padding: 1rem 0 0.5em 0;
		order: 3;
	}
	.mvAchievement p:not(.mvAnnotation) {
		font-size: 4.5vw;
		line-height: 1.2;
	}
	.mvAchievement span {
		font-size: 7vw;
	}
	.mvAchievement span small {
		font-size: 12px;
	}
	.mvCatch {
		order: 2;
		margin: 0 auto 1em;
	}
	.mvCatch img {
		width: 80vw;
	}
	.notesItem::before {
		content: '※';
	}
	.mvAnnotationBoxPc {
		display: none;
	}
	.mvAnnotationBoxSp {
		display: block;
	}
	.mvAnnotationBox {
		width: 100%;
		text-align: center;
		font-weight: normal;
	}
	.mvAnnotation {
		font-size: 12px;
	}
	.mvAnnotation.notesItem br {
		display: none;
	}
}
@media screen and (min-width: 768px) and (max-width: 1400px) {
	#visual {
		background: url(../img/mv_tab.webp) no-repeat center center / cover;
		padding-top: 50%;
		position: relative;
	}
	#visual::before {
		content: "";
		display: inline-block;
		background: url(../img/mv_human.webp) no-repeat left bottom/ contain;
		position: absolute;
		width: 52%;
		height: 95%;
		right: 0;
		bottom: 0;
		z-index: 0;
	}
	.visualInner {
		margin: 2vw 4vw;
		top: 0;
		left: 0;
	}
	.mvAchievement{
		width: 35.15vw;
		height: 16.86vw;
		background: url("../img/mv_achieve_bg.webp") no-repeat center center / cover;
		font-size: 28px;
		display: flex;
		justify-content: center;
		align-items: center;
		line-height: normal;
	}
	.mvAchievement p {
		font-size: 2vw;
	}
	.mvAchievement span {
		font-size: 3vw;
	}
	.mvCatch {
		margin: 3vw 0;
		text-align: center;
		display: block;
	}
	.mvCatch img {
		width: 51.43vw;
	}
	.mvTxt {
		text-align: center;
	}
	.mvTxt span {
		font-size: 1.83vw;
		display: inline-block;
	}
	.notesItem::before {
		content: '※';
	}
	.mvAnnotationBox {/* 米印の注釈 */
		font-size: 1.3vw;
		padding:0.4rem 1rem;
		text-align: right;
		text-shadow: #fff 1px 1px;
		z-index: 1;
		position: relative;
	}
}
@media screen and (min-width: 1401px) {
	#visual {
		background: url(../img/mv_pc.webp) no-repeat center center / cover;
		height: 700px;
		position: relative;
	}
	#visual::before {
		content: "";
		display: inline-block;
		background: url(../img/mv_human.webp) no-repeat center top/ contain;
		position: absolute;
		width: 52%;
		height: 98%;
		right: 0;
		bottom: 0;
		z-index: 0;
	}
	.visualInner {
		width: 1400px;
		height: 700px;
		margin: auto;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		padding: 0 4% 4%;
		left: 0;
		right: 0;
	}
	.mvAchievement{
		width: 35.15vw;
		height: 16.86vw;
		background: url("../img/mv_achieve_bg.webp") no-repeat center center / cover;
		font-size: 28px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		line-height:normal;
	}
	.mvAchievement,
	.mvCatch,
	.mvTxt {
		width: 100%;
	}
	.mvTxt span {
		display: inline-block;
		font-size: 26px;
	}
	.mvAchievement {
		width: 492px;
		height: 236px;
	}
	.notesItem::before {
		content: '※';
	}
	.mvAnnotationBox {/* 米印の注釈 */
		font-size: 1rem;
		padding:0.4rem 1rem;
		text-align: right;
		position: absolute;
		right: 0;
		bottom: 0;
		text-shadow: #fff 1px 1px;
	}
}
/*新レスポンシブ*/
@media screen and (min-width: 768px) {
.mvAnnotation br {
	display: none;
}
}
/* =pageContact
---------------------------------------------------- */
/* 問合せ 通常 */
.contact-area-wrapper {
	background: var(--color_light-blue);
	padding-block: 3rem;
}
.contact-area {
	background: #fff;
	border: 2px solid #b7d1e2;
	outline : 2px solid #b7d1e2;
}
.contact-title {
	color: #144d65;
	text-align: center;
	margin-bottom: 1em;
	-webkit-font-smoothing: auto;
}
.contact-section__banner-area {
	margin-top: 1rem;
}
/* 問合せ ページ一番上 */
#pageContactTop .contact-area-wrapper {
	padding-block: 1.5rem;
}
@media screen and (max-width: 767px) {
	.contact-area {
		padding: 2rem 1.5rem;
		outline-offset: -0.6em;
	}
	.contact-title {
		font-size: 5vw;
	}
}
@media screen and (min-width: 768px) {
	/* 問合せ ページ一番上 */
	#pageContactTop .contact-area-wrapper {
		padding-block: 3rem;
	}
	.contact-area {
		padding: 2.6rem 2.6rem 3rem;
		outline-offset: -0.8em;
	}
	.contact-title {
		font-size: 1.77em;
	}
}


/* =pageTrouble
---------------------------------------------------- */
#pageTrouble {
	background-color: #fafafa;
}
.troubleList {
	display: grid;
	gap: 1rem;
}
.troubleItem {
	display: flex;
	align-items: center;
	gap: 8px;
}
.troubleItemReverse {
	flex-direction: row-reverse;
}
.troubleItemImage {
	width: 30%;
}
.troubleItemBox {
	display: flex;
	align-items: center;
	position: relative;
	filter: drop-shadow(1px 2px 2px rgba(0, 0, 0, 0.1));
	background: url("../img/trouble_image_bubble.webp") no-repeat center center / contain;
	aspect-ratio: 123 / 44;
	padding: 2.2em 2.2em 2em 2.5em;
}
.troubleItemReverse .troubleItemBox {
	filter: drop-shadow(1px -2px 2px rgba(0, 0, 0, 0.1));
	padding: 2em 3em 2.5em 2em;
}
.troubleItemReverse .troubleItemBox,
.troubleItemReverse .troubleItemText {
	transform: scale(-1, -1);
}
.troubleItemText {
	color: #3f3f3f;
	font-size: 0.95em;
	font-weight: bold;
	line-height: 1.4;
}
.troubleItemText b {
	background: linear-gradient(transparent 60%, rgb(242 39 64 / 0.3) 50%);
}
@media screen and (max-width: 375px) {
	.troubleItemText {
		font-size: 14px;
	}
}
@media screen and (max-width: 768px) {
	#pageTrouble .in {
	width: 100%;
	}
}
@media screen and (min-width:768px) {
	.troubleList {
		grid-template-columns: 1fr 1fr;
	}
	.troubleItemReverse .troubleItemBox {
		padding-right: 3.5em;
	}
	.troubleItemReverse .troubleItemBox,
	.troubleItemReverse .troubleItemText {
		transform: scale(-1, -1);
	}
}
@media screen and (min-width:1024px) {
	.troubleItemText {
		font-size: 1.1em;
	}
}
/* =pageSatisfaction
---------------------------------------------------- */
#pageSatisfaction {
	background-color: #e7f1f7;
	line-height: 1.2;
}
#pageSatisfaction p {
	-webkit-text-stroke:8px #fff;
	position: relative;
	margin-bottom: 0;
}
#pageSatisfaction p span.clPink {
	font-size: 1.66em;
}
#pageSatisfaction .in {
	text-align: center;
}
.satisfactionIcon {
	display: flex;
	justify-content: center;
	flex-direction: column;
	margin: 1.5em;
}
.satisfactionIcon::after {
	display: none;
}
.satisfactionIcon .box {
	display: flex;
	align-items: center;
	padding: 16px;
	gap: 16px;
	font-size: 27px;
	color: #fff;
	background: #c94c6a;
}
.satisfactionIcon .number {
	font-style: italic;
}
.satisfactionIcon .text {
	text-align: left;
}
.satisfactionIcon .box:nth-child(2) {
	background: #5b984b;
}
.satisfactionIcon .box:nth-child(3) {
	background: #c59028;
}
@media screen and (max-width: 768px) { /*スマホの時*/
	#pageSatisfaction {
		background: url(../img/lace-w.svg) no-repeat left -40vw top -40vw /100vw, url(../img/lace-w.svg) no-repeat right -40vw bottom -40vw /100vw #e7f1f7;
	}
	#pageSatisfaction p {
		font-size: 6.2vw;
		line-height: 1;
		text-align: center;
		-webkit-text-stroke: 6px #fff;
	}
	#pageSatisfaction p span.satisTtlbottom {
		line-height: 2;
	}
	.satisfactionIcon {
		margin-top: 1em;
		gap: .5em;
	}
	.satisfactionIcon p {
		width: 28%;
	}
}
@media screen and (min-width: 769px) { /*PC・タブレットの時*/
	#pageSatisfaction {
		background: url("../img/lace-w.svg") no-repeat left -80px top -160px, url("../img/lace-w.svg") no-repeat right -80px bottom -160px #e7f1f7;
	}
	#pageSatisfaction p {
		font-size: 2.33em;
	}
	.satisfactionIcon {
		flex-direction: row;
		gap: 20px;
	}
}
/* =pageCase
---------------------------------------------------- */
.caseBox {
	font-weight: bold;
}
.caseBox::after {
	display: none;
}
.caseBox .imgBox {
	margin-bottom: 0;
}
.caseBoxL,
.caseBoxR {
	position: relative;
}
.caseBoxL .txtBox {
	background: rgba(0,0,0,.6);
	color: #fff;
	padding: 5px;
	position: absolute;
	bottom: 0;
}
.caseBoxL .txtBox p {
	border: 1px solid #fff;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
}
.caseBoxL .txtBox p span {
	display: inline-block;
}
.caseBoxR .imgBox {
	box-shadow: 10px 10px #b7d1e2;
}
.caseBoxR .txtBox {
	background: url("../img/bg_circle.svg") no-repeat center center / contain;
	position: absolute;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
}
.caseBoxR .txtBox span.wd100 {
	width: 100%;
	text-align: center;
	display: block;
}
.caseBoxR::after {
	content: "";
	background: url("../img/arrow.svg") no-repeat center center / contain;
	height: 26px;
	position: absolute;
	margin: auto;
}
@media screen and (max-width: 767px) { /*スマホの時*/
	#pageCase.contents {
		padding-bottom: 3.5em;
	}
	#pageCase .ttlH2 {
		margin-bottom: 1em;
	}
	.caseBox {
		margin-bottom: 1em;
	}
	.caseBoxL {
		width: 100%;
		background: url("../img/bg_tri_sp.svg") no-repeat left bottom / contain;
	}
	.caseBoxL .imgBox {
		width: 65%;
		margin-left: 10%;
	}
	.caseBoxL .txtBox {
		width: 50%;
		font-size: 4vw;
		left: 40%;
	}
	.caseBoxL .txtBox p {
		width: 99%;
		height: 99%;
		padding: 1em;
		left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	}
	.caseBoxR {
		width: 80%;
		max-width: 340px;
		margin: 1.5em auto 0;
	}
	.caseBoxR::after {
		width: 50px;
		top: -1.5em;
		left: 0;
		right: 0;
		transform: rotate(90deg);
	}
	.caseBoxR .txtBox {
		width: 70%;
		font-size: 4.2vw;
		line-height: 1.2;
		padding: 1.2em;
		left: -10%;
		bottom: -12%;
	}
	.caseBoxR .txtBox .priceTxt {
		font-size: 7vw;
	}
	.caseBoxR .txtBox span:last-child {
	margin-top: 2.8vw;
	}
}
@media screen and (min-width: 466px) {
	.caseBoxR .txtBox {
		font-size: 1.2em;
	}
	.caseBoxR .txtBox span.priceTxt {
		font-size: 2em;
	}
}
@media screen and (min-width: 768px) { /*PCの時*/
	.caseBox {
		display: flex;
		align-items: end;
	}
	.caseBoxL {
		width: 66%;
		background: url("../img/bg_tri.svg") no-repeat left bottom / contain;
	}
	.caseBoxL .txtBox {
		width: 290px;
		height: 170px;
		font-size: 1.33em;
		left: 30%;
	}
	.caseBoxL .txtBox p {
		width: 280px;
		height: 160px;
		padding: 1em;
	}
	.caseBoxR {
		width: 34%;
	}
	.caseBoxR .txtBox {
		right: -50px;
		bottom: -40px;
	}
	.caseBoxR::after {
		width: 64px;
		top: 0;
		left: -120px;
		bottom: 0;
	}
	.caseBoxR .txtBox {
		width: 276px;
		height: 156px;
		font-size: 1.1em;
		right: -20px;
		bottom: -40px;
	}
	.caseBoxR .txtBox span.priceTxt {
		font-size: 1.6em;
		line-height: 1.2;
	}
	.caseBoxR .txtBox span:last-child {
		margin-top: 0.4em;
	}
}
@media screen and (min-width: 768px) and (max-width: 1060px) { /*PCの時*/
	.caseBoxR {
		margin-right: 1em;
	}
	.caseBoxR .txtBox {
		height: auto;
		padding: 1em 0;
		left: -50%;
		bottom: -40px;
	}
	.caseBoxR::after {
	left: -25%;
		bottom: 35%;
	}
}
/* =pageAchievement
---------------------------------------------------- */
#pageAchievement .achieveTtlCont h2 {
	margin-bottom: 1.5rem;
}
#pageAchievement .achieveTtlCont p {
	text-align: center;
}
.achievementCont {
	--_item-gap: 12px;
	display: flex;
	gap: var(--_item-gap);
}
.achievementCont::after {
	display: none;
}
.achievementCont .achievementBox {
	--column: 1.6;
	width: calc((100% - var(--_item-gap) * (var(--column) - 1)) / var(--column));
	flex-shrink: 0;
	text-align: center;
	border: 1px solid #b7d1e2;
	position: relative;
}
.achievementCont .achievementBox::before {
	content: "";
	width: 100%;
	height: 100%;
	border: 1px solid #b7d1e2;
	display: block;
	position: absolute;
	top: 5px;
	left: 5px;
}
.achieveBoxIn {
	height: 100%;
	background: #f1ece3;
	position: relative;
	z-index: 1;
}
.achievementCont .achievementBox h3 {
	line-height: 1;
	font-size: 1.3em;
	font-weight: bold;
}
.achieveBoxIn .txtBox {
	display: grid;
	gap: 10px;
	padding: 0 0.5em 16px 0.5em;
}
.achievementCont .achievementBox .txtBox p {
	font-weight: bold;
	margin-bottom: 0;
}
.achievementCont .achievementBox .txtBox .dtlTxt {
	font-weight: normal;
	font-size: 0.95em;
}
.achievementCont .achievementBox .imgBox {
	height: 0;
	padding-top: 59.57%;
	position: relative;
	overflow: hidden;
}
.achievementCont .achievementBox .imgBox img {
	position: absolute;
	top: 0;
	left: 0;
}
#pageAchievement .in .kome10 {
	margin-bottom: 1.5em;
}
#pageAchievement .in .kome10 p {
	font-size: 0.83em;
	margin-bottom: 0;
	text-align: center;
}
@media screen and (max-width: 767px) { /*スマホの時*/
	#pageAchievement {
		padding-bottom: 1rem;
	}
	#pageAchievement .in .kome10 {
		text-align: left;
	}
	#pageAchievement .in .kome10 p {
		text-align: left;
	}
	.achievementCont .achievementBox::before {
		top: 3px;
		left: 3px;
	}
	.achievementCont .achievementBox .txtBox p {
		font-size: 0.8em;
		line-height: 1.2;
	}
	.achievementCont .achievementBox p span {
		font-size: 2.5em;
	}
	/*買取価格*/
	.achievementCont .achievementBox p:last-child{
		line-height: 1.4;
		padding-top: 8px;
	}
}
@media screen and (min-width: 567px) {
	.achievementCont .achievementBox {
		--column: 2.5;
		width: calc((100% - var(--_item-gap) * (var(--column) - 1)) / var(--column));
	}
}
@media screen and (min-width: 768px) and (max-width: 1024px) { /*タブレットの時*/
	#pageAchievement {
		padding-bottom: 1px;
	}
	.achievementCont .achievementBox:nth-child(4n) {
		margin-right: 0;
	}
	.achievementCont .achievementBox::before {
		top: 3px;
		left: 3px;
	}
	.achievementCont .achievementBox {
		--column: 3.1;
		width: calc((100% - var(--_item-gap) * (var(--column) - 1)) / var(--column));
	}
	.achievementCont .achievementBox .txtBox .dtlTxt {
		font-size: 0.85em;
		line-height: 1.3;
	}
	.achievementCont .achievementBox p span {
		font-size: 1.6rem;
	}
	.achievementCont .achievementBox p br {
		display: block;
	}
}
@media screen and (min-width: 1024px) { /*PCの時*/
	#pageAchievement {
		padding-bottom: 1px;
	}
	.achievementCont {
		overflow: hidden;
		flex-wrap: wrap;
		justify-content: center;
		gap: var(--_item-gap);
	}
	.achievementCont .achievementBox {
		--column: 4;
		width: calc((100% - var(--_item-gap) * (var(--column) - 1)) / var(--column));
	}
	.achievementCont .achievementBox:nth-child(4n) {
		margin-right: 0;
	}
	.achievementCont .achievementBox h3 {
		font-size: 1.3em;
	}
	.achievementCont .achievementBox .txtBox .dtlTxt {
		font-size: 1em;
		line-height: 1.3;
	}
	.achievementCont .achievementBox p span {
		font-size: 2em;
	}
	#pageAchievement .in .scroll-inner--horizontal {
		padding-bottom: var(--space_md);
		margin-bottom: 0;
	}
}
/* =pageCategory
---------------------------------------------------- */
#pageCategory {
	position: relative;
}
#pageCategory::before,
#pageCategory::after {
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	text-align: center;
}
@media screen and (max-width: 767px) { /*スマホの時*/
	#pageCategory::before {
		content: "";
		width: 100%;
		background: url(../img/frame_top.svg) no-repeat center center / contain;
		top: 2em;
		padding-top: 9.69%;
	}
	#pageCategory::after {
		content: "";
		width: 100%;
		background: url("../img/frame_bottom.svg") no-repeat center center / contain;
		bottom: 2.5em;
		padding-top: 9.69%;
	}
}
@media screen and (min-width: 768px) { /*PC・タブレットの時*/
	#pageCategory::before {
		content: url("../img/frame_top.svg");
		top: 2.5em;
	}
	#pageCategory::after {
		content: url("../img/frame_bottom.svg");
		bottom: 2.5em;
	}
}
#pageCategory .in {
	padding-block: 2em;
}
.categoryCont {
	display: flex;
	flex-wrap: wrap;
	gap: 1.3rem 0.5rem;
}
.categoryCont::after {
	display: none;
}
#pageCategory .categoryTtlCont h2 {
	margin-bottom: 1.5rem;
}
.categoryCont .categoryBox {
	display: grid;
	place-items: center;
	font-size: 0.88em;
	text-align: center;
}
.categoryCont .categoryBox .imgBox {
	border: 2px solid #fff;
	border-radius: 50%;
	overflow: hidden;
}
@media screen and (max-width: 767px) { /*スマホの時*/
	#pageCategory .categoryTtlCont p {
		margin-bottom: 1.5em;
	}
	.categoryCont {
		justify-content: space-between;
		margin-bottom: 2rem;
	}
	.categoryCont .categoryBox h3 {
		font-size: 3.2vw;
	}
	.categoryCont .categoryBox .imgBox {
		width: 28vw;
		height: 28vw;
		margin-bottom: .5em;
	}
}
@media screen and (min-width: 768px) and (max-width: 1000px) { /*タブレットの時*/
	#pageCategory .categoryTtlCont p {
		margin-bottom: 3em;
	}
	.categoryCont {
		justify-content: space-around;
		margin-bottom: 2rem;
	}
	.categoryCont .categoryBox .imgBox {
		width: 192px;
		height: 192px;
	}
}
@media screen and (min-width: 1001px) { /*PCの時*/
	#pageCategory .in {
		padding-inline: unset;
	}
	#pageCategory .categoryTtlCont p {
		margin-bottom: 3em;
	}
	.categoryCont {
		width: 1000px;
		justify-content: center;
		margin-inline: auto;
	}
	.categoryCont .categoryBox:nth-child(5),
	.categoryCont .categoryBox:last-child {
		margin-right: 0;
	}
	.categoryCont .categoryBox .imgBox {
		width: 192px;
		height: 192px;
	}
}
/* =pageBrand
---------------------------------------------------- */
#pageBrand {
	padding-bottom: 1rem;
}
#pageBrand .in {
	max-width: 1200px;
}
#pageBrand .brandTtlCont p {
	margin-bottom: 1.5em;
	text-align: center;
}
.brandCont {
	display: flex;
	flex-wrap: wrap;
}
.brandCont::after {
	display: none;
}
.brandTtlCont h2 {
	margin-bottom: 1.5rem;
}
.brandCont {
	display: grid;
	grid-template-columns: repeat(14, 1fr);
	gap: 8px;
}
.brandCont .brandBox {
	display: grid;
	justify-content: center;
	font-size: 3vw;
	margin-bottom: unset;
	gap: 8px;
}
.brandTtlJP {
	font-size: clamp(0.85rem, 3vw, 1.1rem);
	font-weight: bold;
	line-height: 1.1;
}
.brandCont .brandBox {
	background: #f1ece3;
	padding: 16px;
}
.brandCont .brandBox p {
	color: #745d0e;
	margin-bottom: 0;
	line-height: 1.2;
	font-size: min(3vw, 0.7rem);
}
.brandDtlBox {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: center;
	gap: 8px;
}
.brandBox .imgBox img {
	aspect-ratio: 100 / 67;
	width: 100%;
	height: auto;
	object-fit: contain;
}
.brandCont .brandBox:nth-child(3n) {
	margin-right: 0;
}
.brandCont .brandBox .imgBox {
	width: 6.25rem;
	margin-inline: auto;
}
.brandCont .brandBox .brandDtlBox {
	justify-content: flex-start;
	text-align: center;
}
@media screen and (min-width: 567px) {
	#pageBrand .brandTtlCont p {
		margin-bottom: 3em;
	}
	.brandCont {
		grid-template-columns: repeat(14, 180px);
	}
}
@media screen and (min-width: 1200px) {
	.brandCont {
		grid-template-columns: repeat(4, 1fr);
	}
	.brandCont .brandBox {
		display: flex;
		align-items: center;
		justify-content: flex-start;
	}
	.brandCont .brandBox .imgBox {
		width: 85px;
		margin-right: 1.5em;
		margin-left: 0;
	}
	.brandCont .brandBox .brandDtlBox {
		text-align: left;
	}
}
/* =pageConsultation
---------------------------------------------------- */
#pageConsultation {
	background: #fff url("../img/line.svg") no-repeat center top 40px / 90%;
}
#pageConsultation .consultationTtlCont h2 {
	margin-bottom: 1.5rem;
}
#pageConsultation .consultationTtlCont p {
	margin-bottom: 1.5rem;
}
.consultationBox {
	position: relative;
}
.consultationBox h3 {
	background : linear-gradient(90deg, rgba(183, 209, 226, 0) 0%, rgba(183, 209, 226, 0.3) 5%, rgba(183, 209, 226, 1) 100%);
	color: #333;
	font-weight: 900;
	line-height: 1;
	text-shadow: 2px 2px 3px #fff;
	position: absolute;
	right: 0;
}
@media screen and (max-width: 767px) { /*スマホの時*/
	#pageConsultation {
		padding-top: 2rem;
		background-position: center top 0.5em;
	}
	#pageConsultation .in {
		width: 94%;
	}
	.consultationTtlCont {
		width: 98%;
		margin: auto;
	}
	.consultationBox {
		text-align: center;
		margin-bottom: 20px;
	}
	.consultationBox:last-child {
		margin-bottom: 0;
	}
	.consultationBox h3 {
		width: 90%;
		background : linear-gradient(90deg, rgba(183, 209, 226, 0) 0%, rgba(183, 209, 226, 1) 20%, rgba(183, 209, 226, 1) 100%);
		font-size: 5.5vw;
		text-align: right;
		padding: .5em .5em .5em 10%;
		bottom: .5em;
	}
}
@media screen and (min-width: 768px) { /*PCの時*/
	#pageConsultation .consultationTtlCont p {
		text-align: center;
	}
	.consultationBox h3 {
		width: 65%;
		background : linear-gradient(90deg, rgba(183, 209, 226, 0) 0%, rgba(183, 209, 226, 0.3) 5%, rgba(183, 209, 226, 1) 100%);
		font-size: 1.77em;
		text-align: center;
		padding: 1em 1em 1em 12%;
		bottom: 0;
	}
}


/* =pageSelected
---------------------------------------------------- */
.selectedCont {
	--_gap: 24px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: var(--_gap);
}
.selectedBox {
	--_column: 1;
	width: calc((100% - var(--_gap) * (var(--_column) - 1)) / var(--_column));
	background-color: #f1ece3;
	border: 1px solid #b7d1e2;
}
.selectedBoxTxt {
	padding: var(--space_xs);
	position: relative;
}
.selectedBoxTtl {
	display: flex;
	align-items: center;
	gap: var(--space_xs);
}
.selectedBoxTtl .imgBox {
	width: 10%;
}
.selectedBox h3 {
	color: #5b984b;
	font-size: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: .5em;
}
@media screen and (min-width: 768px) { /*tabの時*/
	.selectedBox {
		--_column: 2;
	}
}
@media screen and (min-width: 1024px) { /*PCの時*/
	.selectedBox {
		--_column: 3;
	}
}
/* テンプレ用CSS
---------------------------------------------------- */
/* =============================================
 section
============================================= */
.section {
	padding-block: 3rem;
}
.section__inner {
	max-width: 1000px;
	margin-inline: auto;
}
.section__title {
	margin-bottom: 24px;
	font-size: min(6.5vw, 1.5em);
	font-weight: bold;
	line-height: 1.3;
}
.section__title-text--small {
	font-size: 0.66em;
}
.section__overview,
.section__overview--center {
	margin-bottom: 24px;
}
.section__overview--center {
	text-align: center;
}
.section__overview-unit + .section__overview-unit {
	margin-top: 1em;
}
@media screen and (min-width: 1024px) {
	.section__title {
		font-size: 2em;
	}
}

/* =============================================
 グローバルナビゲーション
============================================= */
.global-navigation {
	/*背景色*/
	--global-navigation_background: var(--color_light-blue2);
	/*アイコンの色*/
	--global-navigation_icon-color: var(--color_navy);
	/*ハンバーガーボタン 枠*/
	--global-navigation_hamburger-button_border: 1px solid var(--color_light-blue2);
	/*ハンバーガーメニュー時のテキストカラー*/
	--global-navigation_modal_color: #222;
}

/* =============================================
 お問い合わせ
============================================= */
.contact-area .cta-button {
	width: max-content;
	margin-inline: auto;
	min-width: min(100%, 20em);
	font-size: min(4.8vw, 1.3em);
}
.contact-area .cta-button__text {
	display: flex;
	align-items: center;
	gap: 0.5em;
	-webkit-font-smoothing: auto;
}
.contact-area .cta-button__text::after {
	content: '';
	display: block;
	width: 0.6em;
	height: auto;
	aspect-ratio: 2 / 3;
	background-image: url('../img/arrow_wh.svg');
}
.cta-unit__information-text {
	margin-bottom: 1.6rem;
}
/*キラキラふわふわ実装*/
.cta-modal .cta-unit--tel .cta-button--emphasis,
.contact-area .cta-unit--tel .cta-button--emphasis {
	overflow: hidden;
	position: relative;
	animation: fuwafuwa 3s ease-in-out infinite;
}
@keyframes fuwafuwa {
	0% {
		transform:translateY(0)
	}
	50% {
		transform:translateY(-10px)
	}
	100% {
		transform:translateY(0)
	}
}
.cta-modal .cta-unit--tel .cta-button--emphasis::after,
.contact-area .cta-unit--tel .cta-button--emphasis::after{
	animation: 3.5s 0s shine linear infinite;
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.4) 100%);
	content: '';
	height: 100%;
	left: -100%;
	position: absolute;
	top: 0;
	transform: skewX(-25deg);
	width: 50%;
}
@keyframes shine {
	20% {
		left: 160%;
	}
	100% {
		left: 160%;
	}
}
@media screen and (min-width: 768px) {
	.cta-number {
		font-size: min(7.5vw, 4rem);
	}
	.contact-area .cta-button {
		font-size: 1.75em;
		padding-block: unset;
	}
}

/* =============================================
 買取方法
============================================= */
.how-to-purchase {
	--how-to-purchase_type_arrow: var(--how-to-purchase_color_main);
	background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.5) 100%);
}
.how-to-purchase__title-text--sub {
	font-family: 'Noto Serif JP', serif;
}
/*買取方法・店舗*/
.store-modal {
	--store-modal_color_main: var(--color_navy);
}
/*買取方法内・お問合せ*/
.inner-contact__cta-area .cta-unit__information-text {
	margin-bottom: unset;
}

/* =============================================
 買取対応エリア
============================================= */
.service-area {
	/* 背景色 */
	--service-area_background: unset;
	/* メインカラー */
	--service_color_main: var(--color_navy);
	/* 一覧部分の背景色 */
	--service-area_wrapper_background: var(--color_base);
}
.service-area__title {
	color: var(--color_navy);
}

/* =============================================
 よくあるご質問
============================================= */
.faq {
	/* faqでのメインカラー */
	--faq_color: var(--color_navy);
	/* faqでのメインカラー（色が薄いほう） */
	--faq_color_light: var(--color_light-blue);
	background-color: #fff;
}
.faq__title {
	color: var(--color_navy);
}
.faq__title-text {
	font-size: inherit;
}
.faq__icon {
	/* bodyのフォントファミリーに英字フォントの設定を足す場合は削除 */
	font-family: "Helvetica Neue", Arial, sans-serif;
}

/* =============================================
 お客様の声
============================================= */
.reviews {
	/*背景色*/
	background: url(../img/bg_lace.webp) repeat-y left center / 104% #f7f2ef;
	/*メインカラー*/
	--reviews_color_main: var(--color_navy);
	/*アイコンの背景色*/
	--reviews_icon_background: var(--color_light-blue);
	/*★の色*/
	--rating_active: #e04f6e;
}
.reviews__unit-comment {
	font-feature-settings: 'palt' on;
}

/* =============================================
 買取アイテム一覧
============================================= */
.all-categories {
	/*コンテンツ全体の背景*/
	--all-categories__background: #fff;
	/*各アイテムの塗り背景*/
	--all-categories__item-background: var(--color_light-blue);
	/*アイコンの色*/
	--all-categories__item-icon: var(--color_navy);
}
.all-categories .section__title {
	color: var(--color_navy);
	font-size: min(6.5vw, 1.2em);
}


/* =============================================
 フッター
============================================= */
.footer {
	/*footerの背景（コピーライト部分）*/
	--footer_background: var(--color_navy);
}


/* =============================================
 スクロールバー
============================================= */
.simplebar-scrollbar {
/*スクロールバーの本体色*/
	--scroll__background: var(--color_navy);
}

/* =============================================
 MV下のお問い合わせ
============================================= */
.contact-top {
	--contact-top_background: #f7f2ef;
}
.contact-top__title {
	font-family: 'Noto Serif JP', serif;
	color: #144d65;
}

/* =============================================
 買取アイテムモーダル
============================================= */
.categories-modal {
	--categories-modal_main-color: var(--color_light-blue2);
	--categories-modal_sub-color: #f7f2ef;
}
.categories-modal__faq-content {
	border: 1px solid var(--color_light-blue2);
}