@charset "utf-8";

/*********************
common
*********************/
body{
font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.clearfix:after{
	content:"";
	display: block;
	clear:both;
}
.wrapper{
	width: 1000px;
	margin: 0 auto;
}
h1{
    font-size: 14px;
    color: #fff;
    margin: 0;
    padding: 2px 0;
}
h2{
  color: #000055;
}
h3 {
  color: #fff;
  margin: 0;
  font-size: 40px;
  padding: 10px 0 4px;
  text-align: center;
}
.h3_wrapper {
    background: url(../images/h3_bg.jpg) no-repeat;
    height: 60px;
    margin: 0 auto;
}
section>section{
	padding: 20px 0;
}
section p.title_text{
	text-align: center;
  margin: 50px 0;
  font-size: 34px;
  color: #004ea2;
  font-weight: bold;
}
section p{
	text-align: center;
  font-size: 28px;
  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: 64px;
	background: #004ea2;
}
.header_b .left{
	width: 30%;
	float: left;
}
.header_b .left img{
	margin: 5px 0;
}
.header_b .right{
	width: 70%;
	float: right;
}
.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: none;
}
.sp_menu{
  display: none;
}


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

}
#footer a{
  color:#fff;
}
.footer_t{
	height: 120px;
	background: #004ea2;
}
.footer_t .left{
	float: left;
	width: 30%;
}
.footer_t .left img{
	margin: 33px 0;
}
.footer_t .right{
	float: right;
	width: 70%;
	color:#fff;
}
.footer_t .right .right_t{
  height: 40px;
}
.footer_t .right ul{
  margin: 0;
  padding: 0;
  list-style: none;
}
.footer_t .right .right_t ul li{
  float: left;
  margin: 11px 0;
}
.footer_t .right .right_t ul li:first-child{
  margin-right: 30px;
}
.footer_t .right .right_t ul li a{
  color: #fff;
  margin: 10px 0;
  padding: 10px 0;
}
.footer_t .right .right_c{
	height: 40px;
}
.footer_t .right .right_c ul li{
	float: left;
	margin-right: 30px;
}
.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: 40px;	
}
.footer_t .right .right_b ul li{
	float: left;
	margin: 13px 0;
}
.footer_t .right .right_b ul li:first-child{
	margin-right: 30px;
}
.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{}
.mainV .tab{display: none;}
.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{
	margin: 0 10px;
}

section .contact{
	text-align: center;
}
section .contact .left{
	width: 50%;
	float: left;
}
section .contact .right{
	width: 50%;
	float: left;
}
section .contact img{
  margin: 0 10px -2px 0;
}
section .contact p{
  line-height: 1.3;
  font-size: 26px;
}
section .contact p span{
  color: #ff6633;  
  font-size: 20px;
}
section .contact p a{
  color: #ff6633;
  display: block;
  border: 2px solid #ff6633;
  margin: 0 40px;
  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{
	margin: 0 10px;
}


/*******************************
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{
	margin: 0 5px;
}
 

/*******************************
sec4　よくあるご質問/faq
*******************************/
section#faq{
	margin: 0 0 50px;
}
section#faq .faq{
	border:2px solid #ccc;
	padding: 10px 25px;
	margin: 0 80px;
}
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: 26px;
  text-align: center;
  margin: 50px 0;
}
.privacy h2 span{
  font-size: 36px;
}
.privacy .privacy_text{
  border: 2px solid #ccc;
  padding: 20px 30px;
  margin: 0 20px;
}
.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
*************************************************************/
.contactForm{
  margin-bottom: 50px;
}
.contactForm h2{
  font-size: 26px;
  text-align: center;
  margin: 50px 0;
  font-weight: bold;
  line-height: 1.2;
}
.contactForm h2 span{
  font-size: 36px;
}
.contactForm .contact_text{
  border: 2px solid #ccc;
  padding: 20px 30px;
  margin: 0 20px;
}
.contactForm .contact_text p{
  text-align: left;
}
.contactForm table{
  width: 100%;
  font-size: 20px;
}
.contactForm table tr{
}
.contactForm table th{
  width: 20%;
  padding: 10px 10px 7px 0;
  font-weight: normal;
  box-sizing: border-box;
  text-align: left;
}
.contactForm table td{
  width: 80%;
  padding: 10px 0 7px;  
  box-sizing: border-box;
}
.contactForm p{
  font-size: 16px;
  color: #333;
  margin-top: 40px;
}
.contactForm [type="submit"]{
  width: 200px;
  margin: 20px 0;
  padding: 10px 0;
}
.contactForm p.thanks{
  margin-top: 0;
  margin-bottom: 200px;
}
form#mail_form input#form_submit_button {
  margin: 0;
}

/*************************************************************
js/css inview
*************************************************************/

.list-mv01{
  transition: .8s;
  transform: scale(0.5, 0.5);
  -webkit-transform: scale(0.5, 0.5);
}
.mv01{
  transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
}