@media screen and (min-width: 600px) and (max-width: 1040px){
/*********************
common
*********************/
.wrapper{
	width: 100%;
	margin: 0 auto;
}
h1{
    font-size: 11px;
    color: #fff;
    margin: 0 0 0 20px;
    padding: 4px 10px;
}
h2{
  color: #000055;
}
h3 {
  color: #fff;
  margin: 0;
  font-size: 34px;
  padding: 10px 0 4px;
  text-align: center;
}
.h3_wrapper {
    background: url(../images/h3_bg.jpg) no-repeat;
    background-size: cover;
    background-position: center left;
    height: 55px;
    margin: 0 auto;
}
section>section{
	padding: 20px 0;
}
section p.title_text{
	text-align: center;
  margin: 30px 0;
  font-size: 28px;
  color: #004ea2;
  font-weight: bold;
}
section p{
	text-align: center;
  font-size: 20px;
  font-weight: bold;
  color: #004ea2;
  line-height: 1.5;
}
section p span{
	font-size: 20px;
	color:#333;
}
a{
	text-decoration: none;
}
a:hover{
	opacity: 0.8;	
}


/*******************************
header / nav
*******************************/
#header{

}
.header_t{
	height: 20px;
	background: #000055;
}
.header_b{
	height: 60px;
  height: auto;
	background: #004ea2;
  position: relative;
}
.header_b .left{
	width: 30%;
	float: left;
}
.header_b .left img{
	margin: 5px 0 5px 20px;
}
.header_b .right{
	width: 70%;
	float: right;
  display: none;
}
.header_b .right nav.gnavi{
	float: left;
}
.header_b .right nav.gnavi ul{
	padding: 0;
  font-size: 20px;
  font-weight: bold;
}
.header_b .right nav.gnavi ul li{
	float: left;
	list-style: none;
}
.header_b .right nav.gnavi ul li a{
	color:#fff;
	margin: 0px 4px;
  padding: 0 4px;
  transition: 0.5s;
}
.header_b .right nav.gnavi ul li a:hover{
}
.header_b .right img{
	float: right;
	margin: 12px 0 13px;
}
.sp_menubtn{
    display: block;
    position: absolute;
    right: 20px;
    top: 5px;
}
.sp_menu{
  display: none;
}
.sp_menu ul{
  margin: 0;
  padding: 0;
  text-align: center;
  list-style: none;
  background: #63a5ed;
}
.sp_menu ul li{
  width: 50%;
  float: left;
  border-bottom: 1px dotted #fff;
  box-sizing: border-box;
}
.sp_menu ul li:nth-child(odd){
  border-right: 1px dotted #fff;
}
.sp_menu ul li:last-child{
  border-bottom: none;
}
.sp_menu ul li a{
  color: #fff;
  padding: 11px 0;
  display: block;
}


/*******************************
footer　
*******************************/
#footer{

}
.footer_t{
	height: auto;
	background: #004ea2;
}
.footer_t .left{
	float: left;
	width: 100%;
	text-align: center;
}
.footer_t .left img{
	margin: 10px 0;
}
.footer_t .right{
	float: right;
	width: 100%;
	color:#fff;
  font-size: 13px;
}
.footer_t .right .right_t{
  height: 30px;
}
.footer_t .right ul{
  margin: 0;
  padding: 0;
  list-style: none;
  width: 560px;
  margin: 0 auto;
}
.footer_t .right .right_t ul li{
  float: left;
  margin: 8px 0;
}
.footer_t .right .right_t ul li:first-child{
  margin-right: 20px;
}
.footer_t .right .right_t ul li a{
  color: #fff;
  margin: 10px 0;
  padding: 10px 0;
}
.footer_t .right .right_c{
	height: 30px;
}
.footer_t .right .right_c ul li{
	float: left;
	margin-right: 20px;
}
.footer_t .right .right_c ul li img{
  height: 22px;
  margin: 10px 10px -5px;
}
.footer_t .right .right_c ul li img:first-child{
	margin-left: 0;
}
.footer_t .right .right_c ul li a{}
.footer_t .right .right_b{
	height: 30px;
  margin-top: 10px;
}
.footer_t .right .right_b ul li{
	float: left;
	margin: 13px 0;
}
.footer_t .right .right_b ul li:first-child{
	margin-right: 20px;
}
.footer_b{
	height: 30px;
	background: #000055;
	text-align: center;
	color:#fff;
}
.footer_b p{
	font-size: 13px;
	margin: 0;
	padding: 8px 0 8px;
}



/*******************************
mainvi
*******************************/
.mainV{
}
.mainV h2{
  margin: 0;
}
.mainV h2 img{
  width: 100%;
  vertical-align: bottom;
}
.mainV .pc{display: none;}
.mainV .tab{display: block;}
.mainV .sp{display: none;}



/*******************************
sec1　お任せ下さい/entrust
*******************************/
section#entrust{
	background: url(../images/entrust_bg.jpg) no-repeat;
	background-size: cover;
}
section#entrust .case{
	text-align: center;
}
section#entrust .case img{
    width: 30%;
    margin: 10px 5%;
}

section .contact{
	text-align: center;
}
section .contact .left{
	width: 50%;
	float: left;
}
section .contact .right{
	width: 50%;
	float: left;
}
section .contact img{

}
section .contact p{
  line-height: 1.3;
  font-size: 22px;
}
section .contact p span{
  color: #ff6633;  
  font-size: 15px;
}
section .contact p a{
  color: #ff6633;
  display: block;
  border: 2px solid #ff6633;
  margin: 0 15px;
  padding: 5px 0px;
  background: #FFCC99;
  transition: 0.5s;
}
section .contact p a:hover{
	background: #ffffff;
}



/*******************************
sec2　買取の流れ/flow
*******************************/
section#flow{
	background: url(../images/flow_bg.jpg) no-repeat;
	background-size: cover;
}
section#flow .flow{
	text-align: center;
}
section#flow .flow img{
  width: 38%;
  margin: 10px 5%;
}


/*******************************
sec3　お客様の声/voice
*******************************/
section#voice{
	background: url(../images/voice_bg.jpg) no-repeat;
	background-size: cover;
}
section#voice .voice{
	text-align: center;
}
section#voice .voice img{
    width: 30%;
    margin: 10px 5%;
}
 

/*******************************
sec4　よくあるご質問/faq
*******************************/
section#faq{
	margin: 0 0 50px;
}
section#faq .faq{
	border:2px solid #ccc;
	padding: 10px 25px;
	margin: 0 60px;
}
section#faq .faq dl{
	border-bottom: 1px dotted #ff6633;
	margin: 10px 0;
  padding: 0;
}
section#faq .faq dl:last-child{
	border: none;
}
section#faq .faq dt{
	background: url(../images/faq1.png) no-repeat;
  margin: 0 0 10px;
  padding: 4px 0 4px 50px;
}
section#faq .faq dd{
	background: url(../images/faq2.png) no-repeat;
	margin: 0 0 5px;
  padding: 4px 0 4px 50px;
}

/*************************************************************
privacy policy
*************************************************************/
.privacy{
  margin-bottom: 50px;
}
.privacy h2{
  font-size: 24px;
  text-align: center;
  margin: 40px 0;
}
.privacy h2 span{
  font-size: 34px;
}
.privacy .privacy_text{
  border: 2px solid #ccc;
  padding: 20px 30px;
}
.privacy p{
  font-size: 18px;
  text-align: left;
  margin-bottom: 40px;
}
.privacy ul {
  padding-left: 20px;
  margin: 5px 0;
}
.privacy ul li{}
.privacy ul.company {
  list-style: none;
  padding-left: 0;
  margin-top: 20px;
}
.privacy ul.company li{}
.privacy dl{
}
.privacy dl dt{
  font-weight: bold;
  margin: 0 0 10px;
}
.privacy dl dd{
  margin-left: 10px;
}



/*************************************************************
contact form
*************************************************************/



}






@media screen and (max-width: 599px){
/*********************
common
*********************/
.wrapper{
	width: 100%;
	margin: 0 auto;
}
h1{
    font-size: 11px;
    color: #fff;
    margin: 0;
    padding: 4px 10px;
}
h2{
  color: #000055;
}
h3 {
  color: #fff;
  margin: 0;
  font-size: 26px;
  padding: 8px 0 0;
  text-align: center;
}
.h3_wrapper {
    background: url(../images/h3_bg.jpg) no-repeat;
    background-size: cover;
    background-position: center left;
    height: 45px;
    margin: 0 auto;
}
section>section{
	padding: 20px 0;
}
section p.title_text{
	text-align: center;
  margin: 30px 0 10px;
  font-size: 18px;
  color: #004ea2;
  font-weight: bold;
}
section p{
	text-align: center;
  font-size: 16px;
  font-weight: bold;
  color: #004ea2;
  line-height: 1.5;
}
section p span{
	font-size: 12px;
	color:#333;
}
a{
	text-decoration: none;
}
a:hover{
	opacity: 0.8;	
}


/*******************************
header / nav
*******************************/
#header{

}
.header_t{
	height: 20px;
	background: #000055;
}
.header_b{
	height: 60px;
	background: #004ea2;
  position: relative;
}
.header_b .left{
	width: 30%;
	float: left;
}
.header_b .left img{
  margin: 8px 0 8px 5px;
  width: 200px;
}
.header_b .right{
	width: 70%;
	float: right;
  display: none;
}
.header_b .right nav.gnavi{
	float: left;
}
.header_b .right nav.gnavi ul{
	padding: 0;
  font-size: 20px;
  font-weight: bold;
}
.header_b .right nav.gnavi ul li{
	float: left;
	list-style: none;
}
.header_b .right nav.gnavi ul li a{
	color:#fff;
	margin: 0px 4px;
  padding: 0 4px;
  transition: 0.5s;
}
.header_b .right nav.gnavi ul li a:hover{
}
.header_b .right img{
	float: right;
	margin: 12px 0 13px;
}
.sp_menubtn{
    display: block;
    position: absolute;
    right: 5px;
    top: 5px;
}
.sp_menubtn img{
  width: 50px
}
.sp_menu{
  display: none;
}
.sp_menu ul{
  margin: 0;
  padding: 0;
  text-align: center;
  list-style: none;
  background: #63a5ed;
}
.sp_menu ul li{
  width: 50%;
  float: left;
  border-bottom: 1px dotted #fff;
  box-sizing: border-box;
}
.sp_menu ul li:nth-child(odd){
  border-right: 1px dotted #fff;
}
.sp_menu ul li:last-child{
  border-bottom: none;
}
.sp_menu ul li a{
  color: #fff;
  padding: 11px 0;
  display: block;
}


/*******************************
footer　
*******************************/
#footer{

}
.footer_t{
  height: auto;
  background: #004ea2;
}
.footer_t .left{
  float: left;
  width: 100%;
  text-align: center;
}
.footer_t .left img{
  margin: 10px 0;
}
.footer_t .right{
  float: right;
  width: 100%;
  color:#fff;
  font-size: 13px;
}
.footer_t .right .right_t{
  height: auto;
}
.footer_t .right ul{
  margin: 0;
  padding: 0;
  list-style: none;
  margin: 0 20px;
  border-bottom: 1px dotted #fff;
}
.footer_t .right_c ul{
  padding-bottom: 10px;
}
.footer_t .right_b ul{
  border: none;
}
.footer_t .right .right_t ul li{
  float: left;
  margin: 8px 0;
  width: 50%;
  text-align: center;
}
.footer_t .right .right_t ul li:first-child{
  margin-right: 0;
}
.footer_t .right .right_t ul li a{
  color: #fff;
  margin: 10px 0;
  padding: 10px 0;
}
.footer_t .right .right_c{
  height: auto;
}
.footer_t .right .right_c ul li{
  float: left;
  margin-right: 20px;
  width: 50%;
  margin: 0 0;
  text-align: center;
}
.footer_t .right .right_c ul li:last-child{
  width: 100%;
}
.footer_t .right .right_c ul li img{
  height: 22px;
  margin: 10px 10px -5px;
}
.footer_t .right .right_c ul li img:first-child{
  margin-left: 0;
}
.footer_t .right .right_c ul li a{}
.footer_t .right .right_b{
  height: auto;
  margin-top: 10px;
}
.footer_t .right .right_b ul li{
  float: left;
  margin: 13px 0;
  width: 100%;
  text-align: center;
  margin: 5px 0;
}
.footer_t .right .right_b ul li:first-child{
  margin-right: 20px;
}
.footer_b{
  height: 30px;
  background: #000055;
  text-align: center;
  color:#fff;
}
.footer_b p{
  font-size: 11px;
  margin: 0;
  padding: 9px 0 9px;
}



/*******************************
mainvi
*******************************/
.mainV{
}
.mainV h2{
  margin: 0;
}
.mainV h2 img{
  width: 100%;
  vertical-align: bottom;
}
.mainV .pc{display: none;}
.mainV .tab{display: none;}
.mainV .sp{display: block;}


/*******************************
sec1　お任せ下さい/entrust
*******************************/
section#entrust{
	background: url(../images/entrust_bg.jpg) no-repeat;
	background-size: cover;
}
section#entrust .case{
	text-align: center;
}
section#entrust .case img{
    width: 45%;
    margin: 10px 2%;
}

section .contact{
	text-align: center;
  margin-bottom: 0;
}
section .contact .left{
  width: 88%;
  margin: 20px 6% 0;
  float: left;
}
section .contact .right{
  width: 88%;
  margin: 20px 6%;
  float: left;
}
section .contact img{

}
section .contact p{
  line-height: 1.3;
  font-size: 18px;
}
section .contact p span{
  color: #ff6633;  
  font-size: 12px;
}
section .contact p a{
  color: #ff6633;
  display: block;
  border: 2px solid #ff6633;
  margin: 0 20px;
  padding: 7px 0px;
  background: #FFCC99;
  transition: 0.5s;
}
section .contact p a:hover{
	background: #ffffff;	
}



/*******************************
sec2　買取の流れ/flow
*******************************/
section#flow{
	background: url(../images/flow_bg.jpg) no-repeat;
	background-size: cover;
}
section#flow .flow{
	text-align: center;
}
section#flow .flow img{
  width: 70%;
  margin: 10px 15%;
}


/*******************************
sec3　お客様の声/voice
*******************************/
section#voice{
	background: url(../images/voice_bg.jpg) no-repeat;
	background-size: cover;
}
section#voice .voice{
	text-align: center;
}
section#voice .voice img{
    width: 43%;
    margin: 10px 3%;
}
 

/*******************************
sec4　よくあるご質問/faq
*******************************/
section#faq{
	margin: 0 0 50px;
}
section#faq .faq{
	border:2px solid #ccc;
	padding: 10px 15px;
	margin: 0 10px;
  font-size: 14px;
}
section#faq .faq dl{
	border-bottom: 1px dotted #ff6633;
	margin: 10px 0;
  padding: 0;
}
section#faq .faq dl:last-child{
	border: none;
}
section#faq .faq dt{
	background: url(../images/faq1.png) no-repeat;
  margin: 0 0 10px;
  padding: 4px 0 4px 50px;
}
section#faq .faq dd{
	background: url(../images/faq2.png) no-repeat;
	margin: 0 0 5px;
  padding: 4px 0 4px 50px;
}


/*************************************************************
privacy policy
*************************************************************/
.privacy{
  margin-bottom: 50px;
}
.privacy h2{
  font-size: 22px;
  text-align: center;
  margin: 30px 0;
}
.privacy h2 span{
  font-size: 32px;
}
.privacy .privacy_text{
  border: 2px solid #ccc;
  padding: 20px 10px;
  margin: 0 10px;
}
.privacy p{
  font-size: 18px;
  text-align: left;
  margin-bottom: 40px;
}
.privacy ul {
  padding-left: 20px;
  margin: 5px 0;
}
.privacy ul li{}
.privacy ul.company {
  list-style: none;
  padding-left: 0;
  margin-top: 20px;
}
.privacy ul.company li{}
.privacy dl{
}
.privacy dl dt{
  font-weight: bold;
  margin: 0 0 10px;
}
.privacy dl dd{
  margin-left: 10px;
}



/*************************************************************
contact form
*************************************************************/


}