@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:url(../img/header_bg.webp) center no-repeat;
	background-size:cover;
	height:100px;
	position:fixed;
	z-index:900;
	width:100%;
	}

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

header a.header_tel{max-width:380px;display:block;float:right;margin-right:120px;}
.slider_wrap{height:42.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_title{text-align:center;font-size:48px;line-height:1.4em;color:#333333;}
.btn_line{margin:5vw 0;display:block;}

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

/*買取*/
.kaitori_wrap{
	padding:10vw 0;
	background-image:url(../img/kaitori_up.webp),
					 url(../img/kaitori_bottom.webp);
	background-repeat:no-repeat,
					  no-repeat;
	background-position:left top,
						right bottom;
	background-size:50%,
					50%;
}
.kaitori_wrap h2{font-size:4vw;font-weight:bold;line-height:1.2em;}

.kaitori_wrap .right_photo{margin-bottom:70px;}
.kaitori_wrap .right_photo .left{float:left;width:50%;}
.kaitori_wrap .right_photo .right{display:block;float:right;width:46%;max-width:516px;}

.kaitori_wrap .left_photo .left{float:left;width:46%;max-width:516px;}
.kaitori_wrap .left_photo .right{display:block;float:right;width:50%;}


/*インスタグラム*/
.instagram_wrap{
	background:#a72126 url(../img/instagram_bg.webp) left 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-color:#ececec;
	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%,
					30%;	
		}
.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:#243447;padding:0.2em 0;}

.flow_wrap ul{display:black;}
.flow_wrap li{width:calc(100% - 17.5px);display:black;margin-left:17.5px;}
.flow_wrap li.arrow{
	background:url(../img/icon_arrow.webp) center no-repeat;
	background-size:50px;
	height:100px;
	}
	
.flow_wrap .step_wrap{
	background:#FFF;
	position:relative;
	padding:1em 1em 1em 36vw;
	max-height:calc(300px - 2em);
	height:20vw;
	
	}
.flow_wrap .step_wrap img{position:absolute;top:-33px;left:-17.5px;max-width:433px;width:40%;}
.flow_wrap .step_wrap p{line-height:1.8em;}

.flow_wrap .license_wrap{
	margin:3em 0;
	padding:3em 5em 2em;
	background-color:#fff;
	background-image:url(../img/license_bg_up.webp),
					 url(../img/license_bg_bottom.webp);
	background-repeat:no-repeat,
					  no-repeat;
	background-position:center top,
						center bottom;
	background-size:100%,
					100%;		
	}
.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:url(../img/faq_bg.webp) center center repeat;
	}
.faq_cover{
	background:url(../img/faq_bg_up.webp) center top no-repeat;
	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:#a00;font-size:1.1em;}

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

.kakko02 {
	margin:50px 0;
	padding: 20px;
	position: relative;
    text-align:center;
	color:#000;
}
.kakko02::before, .kakko02::after {
	content: '';
	width: 20px;
	height: 100%;
	position: absolute;
}
.kakko02::before {
	border-left: solid 2px #888;
	border-top: solid 2px #888;
	border-bottom: solid 2px #888;
	top: 0;
	left: 0;
}
.kakko02::after {
	border-right: solid 2px #888;
	border-top: solid 2px #888;
	border-bottom: solid 2px #888;
	top: 0;
	right: 0;
}

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


/*フッター*/
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:#432a17;
	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_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;
  }

.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 .step_wrap{
	background:#FFF;
	position:relative;
	padding:30px 1em 1em 450px;
	min-height:calc(300px - 2em);
	}
.flow_wrap h3{font-size:36px;}

}
@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;}

/*買取実績35年*/
.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) left 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_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{max-width:130px;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;height:50vw;margin-top:0;}

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


/*ライン*/
.line_title{font-size:5vw;}

/*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;}

/*買取*/
.kaitori_wrap{
	padding:10vw 0;
	background-image:url(../img/kaitori_up.webp),
					 url(../img/kaitori_bottom.webp);
	background-repeat:no-repeat,
					  no-repeat;
	background-position:left top,
						right bottom;
	background-size:70%,
					70%;
}

.kaitori_wrap .right_photo{margin-bottom:50px;}

.kaitori_wrap .right_photo .left{float:none;width:100%;}
.kaitori_wrap .right_photo .right{display:block;float:none;width:100%;max-width:none;margin:20px 0;}
.kaitori_wrap .left_photo .left{display:block;float:none;width:100%;max-width:none;margin:20px 0;}
.kaitori_wrap .left_photo .right{float:none;width:100%;}

.kaitori_wrap h2{font-size:7vw;text-align:center;line-height:1.2em;padding-bottom:0.5em;}


/*インスタグラム*/
.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%,
					60%;	
	
	}
.flow_wrap h2{font-size:8vw;font-weight:bold;line-height:1.2em;text-align:center;margin-bottom:10vw;}
.flow_wrap h3{font-size:6.5vw;font-weight:bold;color:#243447;text-align:center;padding:0.2em;line-height:1em;}

.flow_wrap .step_wrap{
	background:#FFF;
	position:relative;
	padding:60vw 1em 2em 1em;
	max-height:none;
	height:auto;
	
	}
.flow_wrap .step_wrap img{
	position:absolute;
	top:-33px;
	left:-4%;
	max-width:none;
	width:100%;
	}
.flow_wrap .step_wrap p{line-height:1.8em;}

.flow_wrap .license_wrap{
	padding:3em 2.5em 2em;
	}

.flow_wrap .license_wrap h2{font-size:5vw;}
.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;}

/*フッター*/
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_mail a{
	padding:1em 1em 1em 15vw;
	font-size:5vw;
  }

}