@charset "UTF-8";

@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
/* *****************************

	DEFAULT
	
***************************** */


.clearfix:after {  
    visibility: hidden;  
    display: block;  
    font-size: 0;  
    content: " ";  
    clear: both;  
    height: 0;  
    }  
* html .clearfix             { zoom: 1; } /* IE6 */  
*:first-child+html .clearfix { zoom: 1; } /* IE7 */  
li {
	list-style:none;
}
i {
	padding:0 5px;
}

.pc {
	
}
.sp {
	display:none;
}
img{
max-width: 100% !important;

}


@media only screen and (max-width:767px){
img{
	border: 0;
	width:100%;
max-width: 100% !important;
    height: auto;
    width /***/:auto;　/*IE8のみ適用*/
}
 

.pc {
	display:none;
}
.sp {
	display:block;
}
}
/*PC改行加える*/
.br-pc{
	display:block;
}
 /*PC改行無効*/
.br_sp{
	display:none;
}
.br_ssp{
	display:none;
}
@media only screen and (max-width:767px){
	/*SP改行無効*/
.br-pc{
	display:none;
}
/*SP改行加える*/
.br_sp { display:block; }
.br_ssp{
	display:none; 
}
}
@media only screen and (max-width:480px){
	/*SP改行無効*/
.br-pc{
	display:none;
}
/*SP改行加える*/
.br_sp { display:block; }
.br_ssp{
	display:block; 
}
}




/* *****************************

	CAMPAIGN
	
***************************** */
#campaign {
	padding:60px 0 0;
}
#campaign .wrapper {
	width:100%;
	margin: 0 auto;
}
#campaign .wrapper h2{
	color:#ff0000;
}


@-webkit-keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}
@keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}
@media only screen and (max-width:767px){
	#campaign {
	padding:0px auto;
}
#campaign .wrapper {
	width:90%;
	margin: -30px auto;

}
}




/* *****************************

	買取の流れ
	
***************************** */
#flow {
	background-size:contain;
	padding:40px 0;
}
#flow .wrapper {
	margin:0 auto;
	
}
#flow h2 {
	overflow: hidden;
	margin:0 0 30px 50px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
#flow h2 {
    background-image:url(../images/flow_t@2x.png);
  }
}
#flow ul{
	display: block; /* before Android4.3 iOS6:Safari */
	display: -ms-flexbox;/*IE10*/
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap:  wrap;
	width:100%;
   -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}




#flow ul li #flow1{
width:600px;
}
#flow #flow1 h3{
text-align:left;
}

#flow table {
width:600px;
text-align:left; 
border: solid 1px #000000;
margin:10px 50px 10px 0;
padding:10px 20px;
line-height:3.0;

}

/*IE8▼*/
#flow ul li {
float: left\9;
}
/*IE9▼*/
#flow ul li:not(:target) {
float:left¥9;
}
/*IE10▼*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
#flow ul li  {
	float:left !important;
}
}
#flow ul li h3 {
	display: block;
	margin:0 0 10px 0;
}
#flow ul li#flow1 h3 {
padding:0 20px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
	#flow ul li#flow1 h3 {
	}
	#flow ul li#flow2 h3 {
	}
}
#flow ul li p {
	color:#000;
	font-size:80%;
	text-align:left;
}



@media only screen and (max-width:767px){
#flow {
	padding:10px auto;
}

#flow .wrapper {
	width:90%;
	margin:0 auto;
}

#flow ul li {
	float:none;
	width:100%;
	margin:2%;
}


#flow table {
width:90%;
text-align:left; 
border: solid 1px #000000;
margin:20px auto;
padding:10px 20px;
line-height:1.5;

}
#flow img {
}
}


/* *****************************

	お問い合わせフォーム
	
***************************** */
#contact {
	padding:60px 0;
}
#contact .wrapper {
	width:850px;
	margin:0 auto;
}
#contact #form #form_person {
	margin-bottom:20px;
}
#contact #form #form_item {
	margin-bottom:20px;
}
#contact #form table {
	width:100%;
	font-size:90%;
	text-align:left;
}
#contact #form th,#contact #form td {
	padding:10px 15px;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	position:relative;
}
#contact #form th {
	background:#b3e0ff;
}
#contact #form #form_person  th,
#contact #form #form_person1  th {
	width:25%;
}
#contact #form #form_person1{
margin-bottom:20px;
}

#contact #form td {
	vertical-align:top;
	background:#f2f2f2;
}
#contact #form th .hissu {
	position:absolute;
	right:15px;
	top:10px;
	background:#1F3D82;
	color:#fff;
	font-size:70%;
	width:50px;
	text-align:center;
	padding:2px 0;
	/*全体角丸*/
border-radius: 2px; /* CSS3草案 */ 
-webkit-border-radius: 2px; /* Safari,Google Chrome用 */ 
-moz-border-radius: 2px; /* Firefox用 */ 
}
#contact #form input[type="text"],
#contact #form input[type="tel"],
#contact #form input[type="email"],
#contact #form input[type="number"] {
	padding:5px;
	font-size:100%;
	position:relative;
}
#contact #form input.inpur_s {
	width:20%;
}
#contact #form input.inpur_m {
	width:70%;
}
#contact #form input.inpur_l {
	width:96%;
}
#contact #form input[type="checkbox"] {
	margin-right:3px;
}
#contact #form input[type="radio"] {
	margin-right:3px;
}
#contact #form label {
	margin-right:10px;
}
#contact #form .chu {
	color:#666;
	font-size:75%;
	padding-left:10px;
}
#contact #form h3 {
	color:#fff;
	background:#333;
	padding:7px;
	border-bottom:1px solid #fff;
}
#contact #form h4 {
	color:#fff;
	background:#09F;
	padding:7px;
	border-bottom:1px solid #fff;
}


/** privacy **/
#contact #privacy{
	text-align:left;
	padding:30px;
	height:200px;
	overflow:scroll;
	border:1px solid #ccc;
}
#contact #privacy .box {
	margin-bottom:30px;
}
#contact #privacy h2 {
	font-size:110%;
	margin-bottom:30px;
}
#contact #privacy p {
	font-size:90%;
	line-height:180%;
}
#contact #privacy h3 {
	background:none;
	color:#000;
	color:#000;
	border-bottom:1px dotted #000;
	margin-bottom:5px;
	font-size:100%;
	padding:7px 0;
}
#contact #privacy_check {
	padding:20px 0;
	font-size:100%;
	font-weight:bold;
}
#contact .bt input[type="submit"]{
	background-color:#ff0000;
	border:none;
	color:#fff;
	-webkit-appearance: none;
   border-radius: 0;
	font-family:'Noto Sans Japanese',"Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, Meiryo, sans-serif;
	font-size:120%;
	padding:10px 80px;
	display:block;
	margin:0 auto;/*全体角丸*/
	border-radius: 3px; /* CSS3草案 */ 
	-webkit-border-radius: 3px; /* Safari,Google Chrome用 */ 
	-moz-border-radius: 3px; /* Firefox用 */ 
	cursor:pointer;
}

/******* 確認 *******/
#contact p {
	font-size:90%;
	margin-bottom:40px;
}
#contact #form .table_confirm  th {
	width:25%;
}
#contact #form .table_confirm img {
	width:150px;
	margin:0 5px;
}



#contact .bt input[type="button"]{
	background-color:#ccc;
	border:none;
	color:#fff;
	-webkit-appearance: none;
   border-radius: 0;
	font-family:'Noto Sans Japanese',"Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, Meiryo, sans-serif;
	font-size:120%;
	padding:10px 80px;
	display:inline-block;
	margin:0 10px;/*全体角丸*/
	border-radius: 3px; /* CSS3草案 */ 
	-webkit-border-radius: 3px; /* Safari,Google Chrome用 */ 
	-moz-border-radius: 3px; /* Firefox用 */ 
	cursor:pointer;
}
#contact .bt input[type="submit"]{
	background-color:#ff0000;
	border:none;
	color:#fff;
	-webkit-appearance: none;
   border-radius: 0;
	font-family:'Noto Sans Japanese',"Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, Meiryo, sans-serif;
	font-size:120%;
	padding:10px 80px;
	display:inline-block;
	margin:0 10px;/*全体角丸*/
	border-radius: 3px; /* CSS3草案 */ 
	-webkit-border-radius: 3px; /* Safari,Google Chrome用 */ 
	-moz-border-radius: 3px; /* Firefox用 */ 
	cursor:pointer;
}

/**** thanks ****/
#contact .thanks h3 {
	font-size:120%;
	margin-bottom:20px;
	font-family: 'Noto Sans Japanese',"Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, Meiryo, sans-serif;
	color:#ff0000;
}
#contact .thanks p {
	font-size:90%;
	line-height:200%;
}
textarea{
width:100%;
height: 7em;
line-height: 1.5em;
}

@media only screen and (max-width:767px){
#contact {
	padding:30px 0;
}
#contact .wrapper {
	width:90%;
	margin:0 auto;
}
.midashi {
	margin:50px auto 30px;
	text-align:left;
}
.midashi h2 {
	font-size:110%;
	margin-bottom:10px;
	text-align:left;
}

#contact #form th,#contact #form td {
	display:block;
	width:90%;
	padding:10px 5%;
	border-right:none;
	border-bottom:1px solid #fff;
	position:relative;
}
#contact #form th,
#contact #form td{
	width:auto !important;
}

#contact #form .chu {
	display:inline;
}
#contact #form input.inpur_s {
	width:50%;
}
#contact #form input.inpur_m {
	width:96%;
}
#contact #form input.inpur_l {
	width:96%;
}
#contact #form #form_item th {
}
#contact #form #form_item tr{
	background:#f2f2f2;
}
#contact #form #form_item td{
	background:none;
	border:0;
}
#contact #form .del_area04{
	text-align:right;
	
}
#contact #form .del_area04 button{
	padding:7px 0px;
	width:100%;
	display:block;
}

#contact .bt_add input{
	background-color:#00b2b2;
	border:none;
	color:#fff;
	-webkit-appearance: none;
   border-radius: 0;
	font-family:'Noto Sans Japanese',"Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, Meiryo, sans-serif;
	font-size:100%;
	padding:10px 0px;
	width:100%;
	display:block;
	margin:0 auto;/*全体角丸*/
	border-radius: 3px; /* CSS3草案 */ 
	-webkit-border-radius: 3px; /* Safari,Google Chrome用 */ 
	-moz-border-radius: 3px; /* Firefox用 */ 
	cursor:pointer;
}



/** privacy **/
#contact #privacy{
	text-align:left;
	padding:20px;
	height:200px;
	overflow:scroll;
	border:1px solid #ccc;
}
#contact .bt input[type="submit"]{
	padding:10px 0px;
	width:100%;
}

/******* 確認 *******/

#contact #form .table_confirm  th {
	width:auto !important;
	display:block !important;
}
#contact #form #form_item .table_confirm tr{
	background:#f2f2f2;
}
#contact #form #form_item .table_confirm tr:nth-child(even){
	background:#f2f2f2;
}
#contact #form .table_confirm  td {
	border-bottom:1px solid #fff !important;
}
#contact #form .table_confirm img {
	width:32%;
	margin:0 1% 0 0;
}

#contact #form li{
	margin:10px 0;
}


#contact .bt input[type="button"]{
	background-color:#ccc;
	border:none;
	color:#fff;
	-webkit-appearance: none;
   border-radius: 0;
	font-family:'Noto Sans Japanese',"Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, Meiryo, sans-serif;
	font-size:120%;
	padding:10px 0px;
	display:inline-block;
	width:48%;
	margin:0 1%;/*全体角丸*/
	border-radius: 3px; /* CSS3草案 */ 
	-webkit-border-radius: 3px; /* Safari,Google Chrome用 */ 
	-moz-border-radius: 3px; /* Firefox用 */ 
	cursor:pointer;
}
#contact .bt input[type="submit"]{
	background-color:#ff0000;
	border:none;
	color:#fff;
	-webkit-appearance: none;
   border-radius: 0;
	font-family:'Noto Sans Japanese',"Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, Meiryo, sans-serif;
	font-size:120%;
	padding:10px 0px;
	display:inline-block;
	width:45%;
	margin:10px 1%;
	border-radius: 3px; /* CSS3草案 */ 
	-webkit-border-radius: 3px; /* Safari,Google Chrome用 */ 
	-moz-border-radius: 3px; /* Firefox用 */ 
	cursor:pointer;
}

/**** thanks ****/
#contact .thanks {
	margin:0 3%;
}
#contact .thanks h3 {
	font-size:110%;
}
#contact .thanks p {
	text-align:left;
}
}

#contact .bt textarea {
width: 100%;
height: 10em;
}