@charset "utf-8";
/**
/* 見出し CSS
----------------------------------------------- */
.guide-ttl h2{
	font-size: 1.5625rem;
	font-weight: 700;
	line-height: 1.47;
	letter-spacing: 0.1em;
	margin-bottom: 0.3125rem;
}
.guide-ttl .roma{
	font-family: "Montserrat", sans-serif;
	color: #82A0AD;
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: 0.1em;
}
.block_btn{
	text-align: center;
}
.block_btn li{
	display: inline-block;
	width: 100%;
	max-width: 380px;
}
.block_btn li .btn{
	background: #100168;
	display: block;
	color: #FFFFFF;
	font-size: 1rem;
	font-weight: 700;
	line-height: 3.65;
	text-align: center;
	border-radius: 0.625rem;
	box-shadow: 0.1875rem 0.1875rem 0.25rem rgba(0, 0, 0, 0.25);
}
/**
/* MV CSS
----------------------------------------------- */
.mv-contents{
	position: relative;
}
.mv-contents .mv-ttl{
	position: absolute;
	top: 0;
	text-align: center;
	padding: 1.75rem;
}
.mv-contents .caption{
	color: #100168;
	font-size: 1.25rem;
	font-weight: 500;
	line-height: 1.45;
}
.mv-contents h1{
	color: #100168;
	font-size: 4.75rem;
	font-weight: 700;
	line-height: 1.05;
	font-feature-settings: "palt";
}
.mv-contents h1 span{
	display: block;
	font-size: 2.625rem;
}
.mv-contents h3{
	color: #100168;
	font-size: 1.375rem;
	font-weight: 700;
	line-height: 1.475;
	border-top: 0.125rem solid #100168;
	border-bottom: 0.125rem solid #100168;
	padding: 0.625rem;
	margin-bottom: 0.875rem;
}
.mv-contents h3 span{
	color: #64B118;
}
.mv-contents .icon{
	position: absolute;
	right: 0.875rem;
	top: 17.5rem;
}
.mv-contents .icon img{
	width: 8.125rem;
	filter: drop-shadow(0.1875rem 0.1875rem 0.625rem rgba(0, 0, 0, 0.66));
}
.mv-contents .mv-bottom{
	background: #64B118;
	padding: 0.3125rem;
}
.mv-contents .mv-bottom p{
	color: #FFFFFF;
	font-size: 1.25rem;
	font-weight: 500;
	line-height: 1.9;
	text-align: center;
	text-shadow: 0px 3px 10px rgba(255, 255, 255, 0.16);
}
/**
/* バナー CSS
----------------------------------------------- */
.bnr-contents{
	padding: 1.5rem 0.875rem 1.75rem 0.875rem;
}
.bnr-contents .bnr-slider{
	margin-top: 1rem;
}
/**
/* WEB限定キャンペーン CSS
----------------------------------------------- */
.campaign-contents{
	background: url(../img/campaign_bg.png) no-repeat center;
	background-size: cover;
	padding: 2.25rem 0;
}
.campaign-contents .note-box{
	background: #FFFFFF;
	padding: 0.875rem;
	margin: 0 0.875rem;
}
.campaign-contents .note-box p{
	color: #555555;
	font-size: 0.875rem;
	font-weight: 400;
	line-height: 1.475;
}
.campaign-contents .tel-block{
	padding: 0 1.75rem;
}
/**
/* 豊富な品目 CSS
----------------------------------------------- */
.purchased-items-contents{
	padding: 2.25rem 0 2.8125rem 0;
}
.purchased-items-contents .guide-ttl{
	margin-bottom: 1.75rem;
}
.purchased-items-contents .items-slider{
	margin-left: 1.6875rem;
}
.items-slider .items{
	background: #FFFFFF;
	border-radius: 0.3125rem;
	margin-right: 0.875rem;
	box-shadow: 0.3125rem 0.3125rem 0.625rem rgb(0, 0, 0, 0.06);
}
.items-slider .items .contentArea{
	padding: 0.875rem;
}
.items-slider .items .ttl{
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 1.35;
	text-align: center;
}
/**
/* お客様からのお声 CSS
----------------------------------------------- */
.voice-contents .guide-ttl{
	margin-bottom: 1.125rem;
}
.voice-contents .guide-ttl .caption{
	font-size: 1.0625rem;
	font-weight: 500;
	line-height: 1.45;
	margin-bottom: 0.3125rem;
}
.voice-contents .contentArea{
	padding: 2.5rem 0;
}
.voice-slider .slick-slide{
	margin: 0 0.4375rem;
}
.voice-slider .slick-slide > div:not(:last-child) .voice-items{
	margin-bottom: 0.625rem;
}
.voice-slider .voice-items{
	background: #FFFFFF;
	min-height: 10.9375rem;
	border-radius: 0.625rem;
	padding: 1.6875rem 1.4375rem;
}
.voice-slider .voice-items .voice-data{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin-bottom: 0.625rem;
}
.voice-slider .voice-items .name{
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.35;
}
.voice-slider .voice-items .star{
	width: 7.375rem;
}
.voice-slider .voice-items .voice-comment p{
	color: #555555;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.35;
}
.voice-slider .slide-arrow {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 2rem;
	margin: auto;
	cursor: pointer;
	z-index: 2;
}
.voice-slider .prev-arrow {
	left: 1rem;
}
.voice-slider .next-arrow {
	right: 1rem;
}
/**
/* 出張買取 CSS
----------------------------------------------- */
.guarantee-contents{
	background: #FCFCFC;
	padding: 2.25rem 0.875rem;
}
.guarantee-contents .caption{
	align-items: center;
	display: flex;
	justify-content: center;
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 1.25;
	margin-bottom: 0.625rem;
}
.guarantee-contents .caption::before,
.guarantee-contents .caption::after {
	background-color: #82A0AC;
	border-radius: 0.3125rem;
	content: "";
	height: 0.1875rem;
	width: 1.25rem;
}
.guarantee-contents .caption::before {
	margin-right: 0.875rem;
	transform: rotate(60deg);
}
.guarantee-contents .caption::after {
	margin-left: 0.875rem;
	transform: rotate(-60deg);
}
.guarantee-contents h2{
	font-size: 1.625rem;
	font-weight: 700;
	line-height: 1.35;
	text-align: center;
	margin-bottom: 1.125rem;
}
.guarantee-contents h2 strong{
	display: block;
	color: #DE771F;
	font-size: 2rem;
}
.guarantee-contents h3{
	color: #100168;
	font-size: 1.375rem;
	font-weight: 500;
	line-height: 1.475;
	text-align: center;
	border-top: 0.125rem solid #100168;
	border-bottom: 0.125rem solid #100168;
	padding: 0.625rem;
	margin: 0 0.875rem 2.25rem 0.875rem;
}
.guarantee-contents .guarantee-list{
	column-gap: 0.875rem;
	row-gap: 1.6875rem;
}
.guarantee-list .guarantee-items{
	width: calc(50% - 0.4375rem);
	text-align: center;
}
.guarantee-list .guarantee-items .imageArea{
	margin-bottom: 0.875rem;
}
.guarantee-list .guarantee-items .ttl{
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 1.475;
}
.guarantee-list .guarantee-items .roma{
	font-family: "Montserrat", sans-serif;
	color: #82A0AD;
	font-size: 0.9375rem;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: 0.1em;
}
/**
/* 出張買取 CSS
----------------------------------------------- */
.check-contents{
	background: #F5F1E4;
	padding: 2rem 1.75rem;
}
.check-contents .caption{
	position: relative;
	color: #6E8DA3;
	font-size: 1.4375rem;
	font-weight: 700;
	line-height: 1.475;
	text-align: center;
	margin-bottom: 1.4375rem;
}
.check-contents .caption::after{
	content: "";
	position: absolute;
	background: url(../img/arrow_b.png) no-repeat center;
	background-size: contain;
	width: 16.375rem;
	height: 0.75rem;
	bottom: -1.125rem;
	left: 50%;
	transform: translateX(-50%);
}
.check-contents .ttl{
	text-align: center;
	margin-bottom: 0.625rem;
}
.check-contents .ttl span{
	position: relative;
	font-size: 1.75rem;
	font-weight: 700;
	line-height: 1.475;
}
.check-contents .ttl span::before,
.check-contents .ttl span::after{
	content: "";
	position: absolute;
	background: url(../img/square_b.png) no-repeat center;
	background-size: cover;
	width: 1rem;
	height: 0.25rem;
	top: 50%;
	transform: translateY(-50%);
}
.check-contents .ttl span::before{
	left: -1.75rem;
}
.check-contents .ttl span::after{
	right: -1.75rem;
}
.check-contents h2{
	text-align: center;
	margin-bottom: 0.625rem;
}
.check-contents h2 span{
	display: inline-block;
	background: #DE771F;
	color: #FFFFFF;
	font-size: 3.875rem;
	font-weight: 900;
	line-height: 1;
	padding: 0.125rem 0.625rem 0.625rem 0.625rem;
	margin: 0 0.125rem;
}
.check-contents .text{
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 1.475;
	text-align: center;
	margin-bottom: 1.4375rem;
}
.check-contents .check-list{
	margin: 0 0.625rem;
}
.check-contents .check-list li{
	position: relative;
	background: #FFFFFF;
	font-size: 1.1875rem;
	font-weight: 700;
	line-height: 1.45;
	border: 2px solid #EAE3CF;
	border-radius: 0.3125rem;
	padding: 0.625rem 0.625rem 0.625rem 3.375rem;
}
.check-contents .check-list li span{
	color: #DE771F;
}
.check-contents .check-list li + li{
	margin-top: 0.625rem;
}
.check-contents .check-list li::before{
	content: "";
	position: absolute;
	background: url(../img/check.png) no-repeat center;
	background-size: cover;
	width: 2.25rem;
	height: 2.25rem;
	left: 0.625rem;
	top: 50%;
	transform: translateY(-50%);
}
/**
/* キャンペーン実施店舗 CSS
----------------------------------------------- */
.location-contents{
	background: #F8F8F8;
	padding: 3.125rem 1.75rem 3.375rem 1.75rem;
}
.location-contents .guide-ttl{
	margin-bottom: 1.6875rem;
}
.location-list .location-items:not(:last-child){
	margin-bottom: 2.5rem;
}
.location-list .location-items h3{
	position: relative;
	font-size: 1.3125rem;
	font-weight: 700;
	line-height: 1.45;
	padding-bottom: 0.875rem;
	margin-bottom: 1.6875rem;
	border-bottom: 0.125rem solid #B8C7CE;
}
.location-list .location-items h3::after{
	content: "";
	position: absolute;
	background: #100168;
	width: 9rem;
	height: 0.25rem;
	bottom: -0.1875rem;
	left: 0;
}
.location-list .location-items .shop-tbl{
	margin-top: 1.6875rem;
	border-top: 0.09375rem solid #CECECE;
}
.location-list .location-items .shop-tbl th,
.location-list .location-items .shop-tbl td{
	font-weight: 500;
	line-height: 1.45;
	border-bottom: 0.09375rem solid #CECECE;
	padding: 0.875rem 1.125rem;
}
.location-list .location-items .shop-tbl th{
	background: #EFF0F2;
	width: 7.875rem;
	font-size: 1.125rem;
}
.location-list .location-items .shop-tbl td{
	font-size: 1rem;
	vertical-align: middle;
}
.location-list .location-items .shop-tbl td iframe{
	height: 9.625rem;
}
.location-contents .tel-block{
	margin-top: 2.25rem;
}
/**
/* よくある質問 CSS
----------------------------------------------- */
.faq-contents{
	padding: 2.8125rem 0.875rem 3.375rem 0.875rem;
}
.faq-contents .guide-ttl{
	margin-bottom: 1.4375rem;
}
.faq-list .faq-items{
	background: #FFFFFF;
	border-radius: 0.3125rem;
	padding: 1.125rem 0.875rem;
}
.faq-list .faq-items:not(:last-child){
	margin-bottom: 0.625rem;
}
.faq-list .faq-items .dl_table{
	width: 100%;
	display: table;
}
.faq-list .faq-items .dl_table dt,
.faq-list .faq-items .dl_table dd{
	display: table-cell;
	vertical-align: top;
}
.faq-list .faq-items .question{
	padding-bottom: 0.625rem;
}
.faq-list .faq-items .question dt,
.faq-list .faq-items .answer dt{
	width: 2.25rem;
}
.faq-list .faq-items .question dt{
	vertical-align: middle;
}
.faq-list .faq-items .question dt span,
.faq-list .faq-items .answer dt span{
	display: block;
	font-family: "Montserrat", sans-serif;
	width: 2.25rem;
	color: #FFFFFF;
	font-size: 1.25rem;
	font-weight: 600;
	line-height: 2.25rem;
	text-align: center;
	border-radius: 100%;
}
.faq-list .faq-items .question dt span{
	background: #5599CB;
}
.faq-list .faq-items .answer dt span{
	background: #100168;
}
.faq-list .faq-items .question dd,
.faq-list .faq-items .answer dd{
	width: calc(100% - 2.25rem);
	padding-left: 0.625rem;
}
.faq-list .faq-items .question dd{
	font-size: 1.0625rem;
	font-weight: 500;
	line-height: 1.45;
	vertical-align: middle;
}
.faq-list .faq-items .answer dd{
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.46;
}
/**
/* お問い合わせフォーム CSS
----------------------------------------------- */
.form-contents .guide-ttl{
	background: #FFFFFF;
	padding: 3.125rem 1.75rem 1rem 1.75rem;
}
.form-contents .form-grid{
	background: #FFFFFF;
	padding: 1rem 1.75rem 2.8125rem 1.75rem;
	margin-bottom: 0.875rem;
}
.form-grid dl:not(:last-child){
	margin-bottom: 1.75rem;
}
.form-grid dl dt{
	font-size: 1.125rem;
	font-weight: 500;
	line-height: 1.35;
	margin-bottom: 0.625rem;
}
.form-grid dl dt span{
	color: #DE771F;
	font-size: 0.9375rem;
	margin-left: 0.75rem;
}
.form-grid dl dd ul li{
	display: flex;
	align-items: center;
}
.form-grid dl dd ul li span.text{
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.35;
	margin-right: 1.125rem;
}
.form-grid dl dd ul li + li{
	margin-top: 0.625rem;
}
.form-grid dl dd .note{
	font-size: 0.9375rem;
	font-weight: 400;
	line-height: 1.35;
	margin-top: 0.375rem;
}
input[type="date"],
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="url"],
textarea,
select{
	width: 100%;
	background: #FFFFFF;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.25;
	border-radius: 0.25rem;
	border: 0.09375rem solid #CECECE;
	padding: 0.875rem;
}
input[type="date"]::placeholder,
input[type="text"]::placeholder,
input[type="tel"]::placeholder,
input[type="email"]::placeholder,
input[type="url"]::placeholder,
textarea::placeholder{
	color: #8E8E8E;
}
input[type="date"]:-ms-input-placeholder,
input[type="text"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
input[type="url"]:-ms-input-placeholder,
textarea:-ms-input-placeholder{
	color: #8E8E8E;
}
input[type="date"]::-ms-input-placeholder,
input[type="text"]::-ms-input-placeholder,
input[type="tel"]::-ms-input-placeholder,
input[type="email"]::-ms-input-placeholder,
input[type="url"]::-ms-input-placeholder,
textarea::-ms-input-placeholder{
	color: #8E8E8E;
}
.acceptance-check{
	color: #051338;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.45;
	text-align: center;
	margin-top: 1.4375rem;
}
.acceptance-check label{
	display: flex;
	align-items: center;
}
.acceptance-check .acceptance{
	transform: scale(1.5);
	border: 1px solid #051338;
}
.acceptance-check .wpcf7-list-item{
	margin: 0;
}
.acceptance-check .wpcf7-list-item-label{
	margin-left: 1rem;
}
.submit_btn{
	text-align: center;
	margin-top: 1.4375rem;
}
.submit_btn li{
	width: 100%;
}
input[type="submit"] {
	font-family: "Noto Serif JP", serif;
	width: 100%;
	background: #100168;
	border: none;
	color: #FFFFFF;
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 3.65;
	text-align: center;
	cursor: pointer;
	border-radius: 0.625rem;
	box-shadow: 0.1875rem 0.1875rem 0.25rem rgba(0, 0, 0, 0.25);
}
.form-contents .privacy-grid{
	background: #FFFFFF;
	padding: 2.25rem 1.75rem 2.75rem 1.75rem;
}
.form-contents .privacy-grid .p-text{
	font-size: 0.9375rem;
	font-weight: 400;
	line-height: 1.35;
	letter-spacing: 0.02em;
	margin-bottom: 1.4375rem;
}
.form-contents .privacy-box{
	height: 15rem;
	border: 0.09375rem solid #D6D6D6;
	padding: 0.875rem 0.875rem 1.125rem 0.875rem;
	overflow-y: scroll;
}
.privacy-box h3{
	font-size: 0.9375rem;
	font-weight: 700;
	line-height: 1.35;
	border-bottom: 0.09375rem solid #D6D6D6;
	padding-bottom: 0.625rem;
	margin-bottom: 0.625rem;
}
.privacy-box p{
	font-size: 0.9375rem;
	font-weight: 400;
	line-height: 1.35;
	letter-spacing: 0.06em;
	margin-bottom: 0.875rem;
}
.privacy-box dl:not(:last-child){
	margin-bottom: 0.875rem;
}
.privacy-box dl dt{
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.35;
	letter-spacing: 0.06em;
	margin-bottom: 0.1875rem;
}
.privacy-box dl dd{
	font-size: 0.9375rem;
	font-weight: 400;
	line-height: 1.35;
	letter-spacing: 0.06em;
}
.wpcf7 form .wpcf7-response-output{
	font-size: 0.9375rem;
}
.wpcf7-not-valid-tip {
	font-size: 0.875rem;
}
/**
/* お問い合わせはこちら CSS
----------------------------------------------- */
.tel-block{
	margin-top: 1.125rem;
}
.tel-block h3{
	color: #100168;
	font-size: 1.1875rem;
	font-weight: 500;
	line-height: 1.12;
	text-align: center;
	margin-bottom: 0.625rem;
}
.tel-btn{
	text-align: center;
}
.tel-btn li{
	display: inline-block;
	width: 100%;
	max-width: 380px;
}
.tel-btn li img{
	filter: drop-shadow(0.1875rem 0.1875rem 0.25rem rgba(0, 0, 0, 0.25));
}
.appraisal-contents h3{
	background: #100168;
	color: #FFFFFF;
	font-size: 1.4375rem;
	font-weight: 700;
	line-height: 1.12;
	text-align: center;
	padding: 0.625rem;
}
.appraisal-contents .contentArea{
	background: url(../img/appraisal_bg.jpg) no-repeat center;
	background-size: cover;
	text-align: center;
	padding: 1.6875rem 1.6875rem 2.25rem 1.6875rem;
}
.appraisal-contents .caption{
	font-size: 1.1875rem;
	font-weight: 500;
	line-height: 1.38;
	margin-bottom: 1.4375rem;
}
.appraisal-contents .caption::before,
.appraisal-contents .caption::after {
	content: "";
	background-color: #82A0AC;
	height: 0.125rem;
	width: 40px;
}
.appraisal-contents .caption::before {
	margin-right: 5px;
	transform: rotate(60deg); 
}
.appraisal-contents .caption::after {
	margin-left: 5px;
	transform: rotate(-60deg); 
}
.appraisal-contents .ttl{
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 1.12;
}
.appraisal-contents .ttl::before,
.appraisal-contents .ttl::after {
	background-color: #82A0AC;
	border-radius: 0.3125rem;
	content: "";
	height: 0.1875rem;
	width: 1.25rem;
}
.appraisal-contents .ttl::before {
	margin-right: 0.875rem;
	transform: rotate(60deg);
}
.appraisal-contents .ttl::after {
	margin-left: 0.875rem;
	transform: rotate(-60deg);
}
.appraisal-contents .hours{
	font-size: 0.9375rem;
	font-weight: 400;
	line-height: 1.45;
	margin-top: 1.4375rem;
}
.appraisal-contents .tel-btn li img{
	filter: drop-shadow(0.1875rem 0.1875rem 0.625rem rgba(43, 77, 90, 0.3));
}
.slick-dotted.slick-slider{
	margin-bottom: 2.125rem!important;
}
.slick-dots li{
	width: auto!important;
	height: auto!important;
	margin: 0 0.5rem!important;
}
.slick-dots li button{
	width: auto!important;
	height: auto!important;
	padding: 0!important;
}
.slick-dots li button:before{
	width: auto!important;
	height: auto!important;
	color: #CFD8DD!important;
	padding: 0!important;
	opacity: 1!important;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before,
.slick-dots li.slick-active button:before{
	color: #100168!important;
}
/**
/* エラー・共通 CSS
----------------------------------------------- */
.common-contents{
	background: #FFFFFF;
	padding: 3.125rem 1.75rem;
}
.common-contents .guide-ttl{
	margin-bottom: 2rem;
}
.common-contents .entry h3{
	font-size: 1.0625rem;
	font-weight: 500;
	line-height: 1.45;
}
.common-contents .entry p{
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.85;
}
.common-contents .entry .error_url{
	margin: 1rem 0;
}
.common-contents .entry .block_btn{
	margin-top: 2rem;
}