@charset "utf-8";

/* MV index
------------------ */
#mv_index{
	text-align:center;
	background: #047bd9;
	margin: 0px;
	padding: 0px;
}

#mv_index img {
	border: none;
	width: 100%;
	margin: 0px auto 0px auto;
	padding: 0px;
}

#mv_pc {
	display: none;
	width: 100%:
}

#mv_sp {
	display: block;
}

/* pc */
@media print, screen and (min-width: 1000px){
	#mv_pc {
		display: block;
	}
	
	#mv_sp {
		display: none;
	}
}

/* 冒頭文章
------------------ */
#catch{
	text-align: center;
	padding: 0.5rem 1rem;
}



#catch p {
	margin-bottom: 1.5rem;
	text-align: left;
}

.catch_circle {
	width: 25%;
	margin: 2%;
}

bold{
		font-weight: 500;
	}

#catch h2 {
	font-size: 170%;
/*	margin: 0 5% 1.5rem 5%;*/
	font-weight: 200;
	line-height: 2;
}

.under {
  background: linear-gradient(transparent 60%, #ece23e 60%);
}

@media print, screen and (min-width: 641px){
	
	
#catch h2 {
	font-size: 200%;
	background-image: url(../../img/h1_ilust_05.png);
	background-repeat: no-repeat;
	background-position: top;
}
	
	#catch{
		padding:3rem 1rem;
	}
	
	#catch p {
		text-align: center;
	}
	
	.catch_circle {
		width: 150px;
		margin: 20px;
	}
}


@media print, screen and (min-width: 1000px){
	#catch{
		padding: 1.5rem 0 0;
	}
	

	#catch p {
		text-align: center;
	}

	.catch_circle {
		width: 200px;
		margin: 20px;
	}
}

/*@media print, screen and (min-width: 41em){
	#catch span{
		display:block;
	}
}*/

/* ただいま買取強化中！
------------------ */
#kaitori{
	padding: 2rem 1rem;
	background-image: url(../../img/illust_sp.jpg);
	background-position: center;
	background-repeat: no-repeat;
}

#kaitori h2{
	text-align:center;
	margin-bottom:1.5rem;
}

.kaitori_contents{
	display: block;
	margin:0 auto;
}

.kaitori{
	background:#fff;
	padding: 1rem 1rem 0.5rem 1rem;
	margin-bottom:1.5rem;
	line-height:1.4;
	box-shadow:0 0 5px rgba(0,0,0,0.3);
	text-align: left;
}

.kaitori img{
	max-width:40%;
	float:left;
	margin:0 1rem 1rem 0;
}

.kaitori h3{
	color:#047bd9;
	margin: 0px 0px 1rem 0px;
	padding: 0px;
	font-size: 150%;
}


.kaitori a { color: #047bd9; text-decoration: none; font-weight: bold; }

.kaitori_text{
	clear:both;
}

#kaitori_track {
	display: none;
}

#kaitori_track_sp {
	display: inline;
	margin: 0 auto 0 auto;
}

.index_box{
	width: 400px;
	text-align: center;
	margin: 4rem auto;
}

.kaitori_bt {
	display: block;
	float: right;
/*	background-color:#047bd9; */
	border: 2px solid #047bd9;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	margin: 5px 0px 0px 0px;
	padding: 7px;
}


@media print, screen and (max-width: 480px){
	.index_box{
	width: 90%;
}

	
	
}




@media print, screen and (min-width: 798px){
	
	
	#kaitori{
		padding: 2rem 2rem;
	}

	.kaitori{
		display:inline-block;
		vertical-align:top;
		margin:0 1rem 2rem 1rem;
		width:40%;
	}
	
	#kaitori_track {
		display: inline;
	}

	#kaitori_track_sp {
		display: none;
	}
	
	
}

@media print, screen and (min-width: 980px){
	
	.kaitori_contents{
		width: 980px;
	display: flex;
	justify-content: space-between;
	margin: 4rem auto;
	
}
	
	#kaitori{
	height:725px;
	padding: 2rem 1rem;
	background-image: url(../../img/illust.jpg);
	background-position: center;
	background-repeat: repeat-x;
}

	#kaitori h2{
		margin-bottom:2rem;
	}

	.kaitori{
		width: 400px;
	}

	.index_box{
	width: 40%;
	text-align: center;
}
	
	#kaitori_track {
		display: inline;
	}

	#kaitori_track_sp {
		display: none;
	}
	
}


.box{
	padding: 1rem;
	border-radius: 25px;
	position: relative;
	background: #fff;
}

.index_box p{
text-align: left;
}

.h3_img{
	position: absolute;
	z-index: 1;
   top:-30px;
   right:0px;
   left:0px;
   margin:auto auto;
}

.box_photo{
	position: relative;
	border: solid #fff 1px;
}



/* お問い合わせ
------------------ */
.contact{
	padding: 2rem 1rem;
	text-align:center;
}



@media screen and (max-width: 797px){
	/*
	.contact{
		background:url(../img/ph05b.png) no-repeat 0 50%;
	}
	*/
}

.contact_body a.bt_mail{
	/*
	width: 100px;
	*/
}

.contact_body .call_link{
	/*
	display:block;
	margin:1rem 0;
	*/
}

@media print, screen and (min-width: 798px){
	
	/*
	.contact{

	}

	.contact_body{
		max-width: 50%;
	}
	*/

	.contact_body a.bt_mail{
		width: 300px;
		margin-left: 20px;
	}
}

@media print, screen and (min-width: 980px){

	.contact{
	padding: 0;
	}

	.contact_body{
/*		max-width: 70%; */
	}

	
	.contact_body a.bt_mail img{
		width: 300px;
		margin-left: 20px;
	}
}


/*eof*/