@charset "utf-8";
/* CSS Document */

/*共有*/
.pc{display:block;}
.sp{display:none;}
.page_wrap{overflow: hidden;}
.ank{position:relative;top:-100px;}


body{}
h2,h3,h4,p{font-feature-settings: "palt";}


/*基本*/
.gmap {
height: 0;
overflow: hidden;
padding-bottom: 46.25%;
position: relative;
}
.gmap iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}

/*マージン*/
.mg3vw{margin:3vw auto;}

/*ヘッダー*/
header{
	background:#FFF;
	background-size:cover;
	height:100px;
	position:fixed;
	z-index:900;
	width:100%;
	}

header img{display:block;}
header h1{max-width:310px;width:35%;float:left;margin:15px 0 0 15px;}
header p{display:none;}

header a.header_tel{width:42%;max-width:400px;display:block;float:right;margin-right:120px;}
.slider_wrap{height:48.5vw;margin-top:7vw;}
.slider_wrap img{display:block;}


/*お電話ください*/
.tellme_wrap{
	background:#fff url(../img/main_btm_bg.webp) center top no-repeat;
	background-size:contain;
	padding:10vw 0;
	}

.btn_tel{display:block;max-width:980px;}


/*ライン*/
.line_wrap{background:#39b14a;padding:10vw 0;}
.line_wrap h3{text-align:center;font-size:3.5vw;line-height:1.2em;color:#FFF;padding:20px 0;}
.line_wrap .line_inner_wrap{background:#FFF;border-radius: 20px;padding:30px;display:flex;}
.line_wrap .line_inner_wrap .left{max-width:264px;width:30%;margin-right:4%;}
.line_wrap .line_inner_wrap .right{
	width:70%;
	max-width:673px;
	background:#FFF url(../img/line_bg.webp) right bottom no-repeat;
	background-size:50%;
	padding-bottom:30px;
	}
.line_wrap .line_inner_wrap .right h4{margin-bottom:10px;padding-bottom:3px;border-bottom:2px #333 solid;}

.line_wrap .line_inner_wrap .right .btn_line{display:none;}


/*mailform_wrap*/
.mailform_wrap{text-align:center;margin-top:3em;}
.mailform_wrap .mail_title{font-size:52px;color:#a72126;line-height:1.2em;font-weight:bold;}
.mailform_wrap h4{font-size:40px;color:#333;padding:1em 0;}

/*買取品目*/
.list_wrap{padding:10vw 0;}
.list_wrap h2{max-width:900px;margin:0 auto 1.5em;width:90%;}
.list_wrap h3.title_hinmoku{
	border:1px #666 solid;
	color:#666;
	padding:0.5em;
	line-height:1;
	font-size:24px;
	font-weight:bold;
	text-align:center;
	}

.list_wrap .accordion-content p{
	font-size:0.7em;
	line-height:1.6em;
	display:block;
	text-align:justify;
	margin-bottom:1em;
	}

/*アコーディオン*/
.wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  width: 100%;
  margin:20px auto;
}

.accordion-item {
  border: 1px solid #ccc;
  margin-bottom: 10px;
  overflow: hidden;
}

.accordion-header {
  background: #a72126;
  color:#FFF;
  padding: 10px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.accordion-content {
  max-height: 0;
  overflow: hidden;
  padding: 0 10px;
  background: #fff;
  transition: max-height 0.3s ease, padding 0.3s ease;
}

.accordion-item.active .accordion-content {
  padding: 1em;
}

.icon {
  font-weight: bold;
  font-size: 24px;
  width:24px;
  text-align:center;
}

/*片付け*/
.katazuke_wrap{
	background:url(../img/katazuke_bg.webp) repeat;
	padding:15vw 0 10vw;
	}

.katazuke_wrap .p_wrap{
	background:#4d44b7;
	padding:5vw 0;
	border-radius: 20px;
	}

.katazuke_wrap .p_wrap .katazuke_title{
	position:relative;
	}
.katazuke_wrap .p_wrap .katazuke_title img{display:block;}

.katazuke_wrap .p_wrap .katazuke_title .neko_illust{
	position:absolute;
	bottom:0;
	left:-4vw;
	width:46%;
	max-width:511px;
}

.katazuke_wrap .p_wrap .katazuke_list{
	display:block;
	max-width:800px;
	width:75%;
	margin:5vw auto 2vw;
	}


/*mailform_wrap*/
.katazuke_wrap .p_wrap .mailform_wrap{margin-top:0;}
.katazuke_wrap .mailform_wrap .mail_title{color:#FF0;}
.katazuke_wrap .mailform_wrap h4{font-size:40px;color:#fff;padding:0.5em 0;}


/*インスタグラム*/
.instagram_wrap{
	background:#a72126 url(../img/instagram_bg.webp) right top no-repeat;
	background-size:50%;
	color:#FFF;
	}
.instagram_wrap .inner{padding:8vw 0;}
.instagram_wrap h2{color:#FF0;text-align:center;line-height:1.2em;font-size:6.5vw;padding-bottom:0.3em;}
.instagram_wrap h3{text-align:center;color:#fff;line-height:1.4em;font-size:5vw;}
.instagram_wrap p{text-align:center;}

.instagram_wrap ul{margin:5vw 0;}
.instagram_wrap li{
	float: left;
	width: 30%;
	list-style: none;
	overflow: hidden;
	height: 27vw;
	margin: 1%;
	max-width: 330px;
	max-height: 330px;
	position:relative;
	}
.instagram_wrap li a{display: block;}
.instagram_wrap li a img{
	object-fit: cover;
	position: absolute;
	min-height:100%;
	min-width:100%;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	}


/*流れ*/
.flow_wrap{
	padding:8vw 0;
	background-image:url(../img/flow_bg_up.webp),
					 url(../img/flow_bg_bottom.webp);
	background-repeat:no-repeat,
					  no-repeat;
	background-position:center top,
						left bottom;
	background-size:100%,
					100%;	
		}
.flow_wrap h2{font-size:4vw;font-weight:bold;line-height:1.2em;text-align:center;margin-bottom:5vw;}
.flow_wrap h3{font-size:4vw;font-weight:bold;color:#900;padding:0.2em 0;text-align:center;padding-left:1.2vw;}

.flow_wrap .step_list ul{display:flex;}
.flow_wrap .step_list li{width:30%;display:flex;}
.flow_wrap .step_list li.arrow{
	background:url(../img/flow_arrow_right.webp) center no-repeat;
	background-size:32px;
	width:5%;
	}
	
.flow_wrap .step_list .step_wrap p{padding-left:1.2vw;text-align:justify;}

.flow_wrap .license_wrap{
	margin:3em 0;
	padding:3em 3.5em 2em;
	background-color:#fff;
	border:5px #900 solid;

	}
.flow_wrap .license_wrap h2{color:#a72126;margin-bottom:0.5em;}
.flow_wrap .license_wrap p{font-size:1.4em;text-align:center;display:block;margin-bottom:1em;}
.flow_wrap .license_wrap li{
	width:48%;
	margin:0 4% 2% 0;
	float:left;
	text-align:center;
	background:#a72126;
	color:#FFF;
	padding:0.5em 0;
	font-size:1.6em;
	border-radius:0.5em;
	}
.flow_wrap .license_wrap li:nth-child(even){margin:0 0 2% 0;}



/*FAQ*/
.faq_wrap{
	background:#f5f3f2;
	}
.faq_cover{
	background-size: contain;
	padding:10vw 0 5vw;
	}
.faq_wrap h2{font-size:4.4vw;font-weight:bold;line-height:1.2em;color:#000;text-align:center;margin-bottom:8vw;}
.faq_wrap h2 span{color:#39b14a;font-size:1.1em;}

.faq_wrap section{margin-bottom:2em;}

.kakko02 {
	margin:50px 0;
	padding: 20px;
	position: relative;
    text-align:center;
	color:#000;
}

.kakko02 h4{line-height:1.2em;font-size:5vw;font-weight:bold;}
.kakko02 h4 .red{color:#a00;}
.kakko02 p{line-height:1.4em;font-size:3vw;font-weight:bold;}


/*出張買取*/
.syuccyo_wrap{
	background:url(../img/syuccyou_bg.webp) right top no-repeat;
	background-size:cover;
	color:#FFF;
	font-feature-settings: "palt"
	
	}
.syuccyo_wrap .inner{padding:10vw 0;text-align:center;}
.syuccyo_wrap .inner h2{font-size:7.5vw;font-weight:bold;}
.syuccyo_wrap .inner h3{
	font-size:6vw;
	font-weight:bold;
	margin:1.5em auto 1em;
	line-height:1em;
	background:#FF0;
	color:#333;
	width:9em;
	padding:0.2em 0.8em;
	border-radius: 0.8em;
	}
.syuccyo_wrap .inner h4{font-size:7vw;font-weight:bold;margin-bottom:1em;}
.syuccyo_wrap .inner p{font-weight:normal;display:block;text-align:left;}

.syuccyo_wrap .inner h5{font-size:6vw;font-weight:bold;margin-top:1em;line-height:1.2em;}


/*フッター*/
footer{padding:5vw 0 0;}
footer .ftr_logo{max-width:360px;width:32%;margin:0 auto 2vw;text-align:center;}
footer .ftr_logo img{display:block;}
footer .ftr_kyoka{text-align:center;font-size:0.8em;line-height:1.4em;}
footer .ftr_tel{display:block;margin:2vw auto 1vw;max-width:650px;width:59%;}
footer .fax_wrap{max-width:300px;width:59%;margin:0 auto;}
footer address{text-align:center;}
footer .sns_wrap{max-width:260px;margin:1vw auto 3vw;}
footer .sns_wrap a{display:block;max-width:110px;float:left;margin:0 10px;}

footer .copyright{
	width:100%;
	text-align:center;
	padding:2% 0;
	background:#000;
	color:#FFF;
	font-size:18px;
	}


/*お問い合わせ*/
.contact_wrap{}
.contact_wrap h2{
	background:url(../img/contact_bg.webp) center no-repeat;
	background-size:cover;
	text-align:center;
	color:#FFF;
	font-size:5vw;
	padding:160px 0 60px;
	margin-bottom:50px;
	}

.contact_wrap table{
	margin:5vw 0 0;
	line-height:1em;
	width:100%;
	display:table;
	table-layout: fixed;
	}
.contact_wrap table th{
	border:1px #888 solid;
	padding:0.5em;
	text-align:left;
	width:30%;
	vertical-align:top;
	background:#092a44;
	color:#FFF;
	}
.contact_wrap table th.hissu{}
.contact_wrap table th.hissu div{padding-right:2.5em;position:relative;}

.contact_wrap table th span{
	display:block;
	width:2em;
	position:absolute;
	top:0px;
	right:0px;
	font-size: 0.8em;
	padding:0.2em;
	line-height:1em;
	background:#900;
	color:#FFF;
	border-radius:5px;
	}
	

.contact_wrap table td{
	border:1px #888 solid;
	padding:0.5em;
	width:70%;
	}

.contact_wrap .line{padding:0.2em;width:-moz-available;}
.contact_wrap textarea{padding:0.2em;width:-moz-available;}

.contact_wrap .form_btn_wrap{max-width:500px;margin:5vw auto;}

.contact_wrap .form_btn_wrap input{
	width:100%;
	padding:0.3em;
	font-size:24px;
	cursor:pointer;
}

/*確認画面*/
#formWrap h3{text-align:center;font-weight:bold;font-size:5vw;padding:3vw 0;}
.btn_submit{margin-bottom:20px;}

.thanks_wrap{text-align:center;}


/*ラインでのお問い合わせ*/
.btn_line a{
	display:block;
	background:#39b14a url(../img/icon_line.webp) 3vw center no-repeat;
	background-size:15% auto;
	color:#FFF;
	width:12em;
	margin:1vw auto 3vw;
	line-height:1em;
	padding:1em 1em 1em 11vw;
	font-size:3vw;
	font-weight:bold;
	border-radius:2vw;
	max-width:420px;
  }

.btn_line a:hover{
	background:#247730 url(../img/icon_line.webp) 3vw center no-repeat;
	background-size:15% auto;
}


/*メールでのお問い合わせ*/
.btn_mail a{
	display:block;
	background:#bd272d url(../img/icon_mail.webp) 3vw center no-repeat;
	background-size:15% auto;
	color:#FFF;
	width:11em;
	margin:1vw auto;
	line-height:1em;
	padding:1em 1em 1em 13vw;
	font-size:3vw;
	font-weight:bold;
	border-radius:2vw;
	max-width:420px;
  }

.btn_mail a:hover{
	background:#600 url(../img/icon_mail.webp) 3vw center no-repeat;
	background-size:15% auto;
}




@media screen and (min-width:1200px) {
/*流れ*/
.flow_wrap h3{font-size:28px;}

/*ライン*/
.line_wrap{padding:100px 0;}
.line_wrap h3{font-size:40px;}

/*買取品目*/
.list_wrap{padding:100px 0;}

/*片付け*/
.katazuke_wrap{padding:150px 0 100px;}
.katazuke_wrap .p_wrap{
	padding:50px 0;
}
.katazuke_wrap .p_wrap .katazuke_title .neko_illust{left:-50px;}
.katazuke_wrap .p_wrap .katazuke_list{margin:50px auto;}

/*出張買取*/
.syuccyo_wrap .inner{padding:100px 0;}
.syuccyo_wrap .inner h2{font-size:80px;}
.syuccyo_wrap .inner h3{font-size:50px;}
.syuccyo_wrap .inner h4{font-size:60px;}
.syuccyo_wrap .inner h5{font-size:42px;}


}
@media screen and (min-width:1000px) {

/*マージン*/
.mg3vw{margin:30px auto;}


/*ヘッダー*/
header p{display:block;float:left;width:12em;margin:1.5em 0 0 1em;}

/*スライダー*/
.slider_wrap{margin-top:100px;}


/*お電話ください*/
.tellme_wrap{padding:100px 0 80px;}

/*買取実績*/
.jisseki_wrap .jisseki h3{font-size:42px;}
.kyoka_wrap li{font-size:21px;}
.jisseki_wrap .auction_title .right{font-size:54px;}

.jisseki_wrap .auction_wrap .tenwa_wrap h2{font-size:70px;text-align:center;}
.jisseki_wrap .auction_wrap .tenwa_wrap .red_bar{font-size:40px;}
.jisseki_wrap .auction_wrap .tenwa_wrap p{font-size:28px;}

/*買取*/
.kaitori_wrap h2{font-size:45px;}

/*インスタグラム*/
.instagram_wrap{
	background:#a72126 url(../img/instagram_bg.webp) right top no-repeat;
	background-size:auto;
	color:#FFF;
	}
.instagram_wrap h2{font-size:60px;}
.instagram_wrap h3{font-size:50px;}
.instagram_wrap ul{margin:5vw 0;}



/*FAQ*/
.faq_wrap h2{font-size:60px;margin-bottom:100px;}

.kakko02 h4{line-height:1.2em;font-size:60px;}
.kakko02 p{line-height:1.4em;font-size:48px;}

/*フッター*/
footer{padding:80px 0 0;}

/*お問い合わせ*/
.contact_wrap h2{font-size:48px;}

.contact_wrap .form_btn_wrap{margin:50px auto;}
.contact_wrap table{margin:50px 0 0;}

/*確認画面*/
#formWrap h3{font-size:42px;padding:30px 0;}

/*ラインでのお問い合わせ*/
.btn_line a{font-size:36px;border-radius:2vw;}


/*メールでのお問い合わせ*/
.btn_mail a{font-size:36px;border-radius:2vw;}


}

@media screen and (max-width: 760px) {
/*共通*/
.pc{display:none;}
.sp{display:block;}
.ank{position:relative;top:-80px;}

/*基本*/
.gmap {
height: 0;
overflow: hidden;
padding-bottom: 70.25%;
position: relative;
}
.gmap iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}

/*ヘッダー*/
header{height:80px;}
header h1{width:260px;float:left;margin:10px 0 0 10px;}
header a.header_tel{display:none;}
header p{display:block;float:left;line-height:1.2em;width:7em;margin:1.2em 0 0 1em;}

.slider_wrap{background:#000;padding-top:80px;margin-top:0;}

/*お電話ください*/
.tellme_wrap{
	background:#fff url(../img/main_btm_bg.webp) center top no-repeat;
	background-size:contain;
	padding:10vw 0;
	}


/*ライン*/
.line_wrap{background:#39b14a;padding:10vw 0;}
.line_wrap h3{font-size:24px;}
.line_wrap .line_inner_wrap{display:block;}
.line_wrap .line_inner_wrap .left{display:none;}
.line_wrap .line_inner_wrap .right{
	width:100%;
	max-width:none;
	background:#FFF url(../img/line_bg.webp) right bottom no-repeat;
	background-size:50%;
	padding-bottom:30px;
	}
.line_wrap .line_inner_wrap .right .btn_line{
	display:block;
	background:#39b14a;
	border-radius:10px;
	padding:15px;
	margin:1em 0 0.7em;
	}
.line_wrap .line_inner_wrap .right .btn_line img{display:block;max-width:430px;margin:0 auto;width:90%;}


/*mailform_wrap*/
.mailform_wrap{}
.mailform_wrap .mail_title{font-size:6vw;}
.mailform_wrap h4{font-size:5vw;}


.seiri_wrap .seiri_text_btm{font-size:6.2vw;}


/*買取品目*/
.list_wrap{padding:10vw 0;}
.list_wrap h2{width:100%;}

/*アコーディオン*/
  .wrapper {
	display:block;
    width: 100%;
}

.list_wrap .accordion-content p{
	font-size:1em;
	}


/*片付け*/
.katazuke_wrap .p_wrap .katazuke_list{
	width:85%;
	}

/*インスタグラム*/
.instagram_wrap h2{text-align:center;line-height:1.2em;font-size:7.5vw;padding-bottom:0.3em;}
.instagram_wrap h3{text-align:center;color:#fff;line-height:1.4em;font-size:6vw;}
.instagram_wrap p{text-align:center;}
.instagram_wrap li{
	float: left;
	width: 48%;
	list-style: none;
	overflow: hidden;
	height: 38vw;
	margin: 1%;
	max-width: 300px;
	max-height: 300px;
	position:relative;
	}

/*流れ*/
.flow_wrap{
	padding:8vw 0;
	background-image:url(../img/flow_bg_up.webp),
					 url(../img/flow_bg_bottom.webp);
	background-repeat:no-repeat,
					  no-repeat;
	background-position:center top,
						left bottom;
	background-size:100%,
					100%;	
	
	}
.flow_wrap h2{font-size:8vw;font-weight:bold;line-height:1.2em;text-align:center;margin-bottom:10vw;}
.flow_wrap h3{font-size:5.8vw;font-weight:bold;text-align:center;padding:0.4em 0;line-height:1em;padding-left:4vw;}

.flow_wrap .step_list ul{display:block;}
.flow_wrap .step_list li{width:100%;display:block;}
.flow_wrap .step_list li.arrow{display:none;}
	
.flow_wrap .step_list .step_wrap p{padding-left:4vw;text-align:justify;padding-bottom:2em;}

.flow_wrap .license_wrap{
	padding:2em 1.5em 1em;
	}

.flow_wrap .license_wrap h2{font-size:4.8vw;}
.flow_wrap .license_wrap p{font-size:4vw;line-height:1.4em;}
.flow_wrap .license_wrap li{
	width:100%;
	margin:0 0 4%;
	float:none;
	font-size: 1.2em;
	}
.flow_wrap .license_wrap li:nth-child(even){margin:0 0 4% 0;}



/*FAQ*/
.faq_wrap{}
.faq_cover{
	padding:10vw 0;
	}
.faq_wrap h2{font-size:9vw;font-weight:bold;line-height:1.2em;color:#000;text-align:center;margin-bottom:10vw;}

.kakko02 h4{line-height:1.2em;font-size:7.2vw;}
.kakko02 p{line-height:1.4em;font-size:4.5vw;}
.faq_cover .kakko02{margin-bottom:0;}


/*フッター*/
footer{padding:50px 0 0;}
footer .ftr_logo{max-width:360px;width:70%;margin:0 auto 2vw;text-align:center;}
footer .ftr_tel{display:block;margin:2vw auto 1vw;max-width:650px;width:90%;}

footer .sp_btn{text-align:center;padding:0 0 20px;}
footer .sp_btn a{
	display:block;
	background:#d3b24a;
	padding:5px;
	border-radius: 5px;
	box-shadow: 3px 3px 0px 0 rgb(140, 98, 57);
	}
footer .sp_btn a:hover{
	background:#d3b24a;
	padding:5px;
	border-radius: 5px;
	box-shadow:none;
	margin:3px 0 -2px 3px;
	}
	
footer .sp_btn a img{display:block;max-width:280px;width:50%;margin:0 auto;}

footer .sns_wrap{max-width:220px;margin:20px auto;}
footer .sns_wrap a{max-width:80px;margin:0 10px;}


footer .copyright{
	font-size:3vw;
	}

/*お問い合わせ*/
.contact_wrap{}
.contact_wrap h2{
	font-size:7vw;
	padding:120px 0 40px;
	margin-bottom:5vw;
	}


.contact_wrap table th{
	text-align:center;
	width:100%;
	border:none;
	float:left;
	padding:0.5em 0;
	}

.contact_wrap table th span{
	top:0px;
	right:10px;
	}

.contact_wrap table th.hissu div {
  padding-right:0;
}

.contact_wrap table td{
	border:none;
	width:100%;
	float:left;
	padding:0.5em 0;
	}
	
/*確認画面*/
#formWrap h3{font-size:7vw;padding:3vw 0;}

/*ラインでのお問い合わせ*/
.btn_line a{
	padding:1em 1em 1em 15vw;
	font-size:5vw;
	width:11em;
  }


/*メールでのお問い合わせ*/
.btn_mail a{
	padding:1em 1em 1em 15vw;
	font-size:5vw;
  }

}