@charset "UTF-8";
/* CSS Document */

@media (max-width: 1500px){
#logo{
	width: 100%;
	float: left;
}
#logo img{
	width: 35%;
padding-left: 5%;
}	
.aisatu{

	margin-bottom: 45%;
}
	 .aisatu1 .greet-box2{
	width: 80%;
 position: absolute;
	 top: 0;

 z-index: 5;
}
.glovalnavi ul{
	justify-content:space-around;	
}
#wrap{
	position:static;
}	
}

@media (max-width: 1120px){

.concept{
background-image: url("../img/background.jpg");
background-size:cover;
background-position: center;
	background-attachment:inherit;	
}
.contact2{
	width: 30%;
	text-align: center;
	float: right;
	padding-right: 20px;
}

	 .aisatu1 .greet-box2{
	width: 80%;
 position: absolute;
	 top: 0;
	  left: 20%;
 z-index: 5;
}

	
.b-box{
width:48%;
margin: 1% 0;	
}	
.contact2 .con a{
font-size: 1.2em;
}	
video{
width: 50%;
display: block;
margin: 3% auto 5%;
}	
}
/*スマホ用の可変指示*/
@media (max-width: 900px){
.kigyo{
display: block;			
		}	
.kv_sl1 {
	height: 400px;
}
.kv_sl2 {
height: 400px;
}
.kv_sl3 {
height: 400px;
}
.kv_sl4 {
height: 400px;
}	
.flex-caption img{
width: 70%;		
}	
.contact2 .con a{
font-size: 1em;
}

 .aisatu1 .greet-box1{
	width: 70%;
	 	 position: absolute;
	 top: 400%;
	 background: #000;
	 padding: 2%;
	 z-index: 10;
}	

.contact2 .con small{
width: 70%;	
}
.best h3{
font-size: 1.5em;
}	
.b-box p{
font-size:1.2em;		
}	
.c-box{
width: 49%;	
}	
.c-box img:hover{
  transform: scale(1);
  transition-duration: 5s;
}	
.footer_contact .f-logo img{
width: 80%;	
}
.footer_box p{
font-size: 1.2em;	
text-align:left;
}
.glovalnavi ul li a{	
font-size:0.8em;	
}
.fb-box p{
font-size:1.2em;	
line-height: 1.75;	
margin: 2% 0;	
}
.used-tires-box h2{	
font-size: 1.5em;
}
.gallery-wrapper h2{
font-size: 1.5em; 	
}	
}

/*----------------600px-----------------*/

	@media (max-width: 670px){
		.kaigyo{
		display: block;	
		}		
	.left{
width:100%!important;
	padding: 0;	
}
.right{
width:100%!important;	
padding: 0;		
}		
		
	.pc {
display:none!important;	
}
.sp{
display:block!important;	
}	
		#wrap{
	position:static;
}
	
		
		.contact2,.glovalnavi,.footernavi ul{
		display: none;
		}
#logo img{
width: 60%;
}
.kigyo{
display:inline-block;		
		}	
.concept{
background-image: url("../img/background.jpg");
background-size:cover;
background-position: center;
	background-attachment:fixed;	
}		
	
.b-box{
width:90%;	
margin: 0 auto;
display: block;	
}	
	.best h3{
font-size: 1.5em;
text-align: center;
color: #fff;	
font-weight: bold;
	
}

.best strong{
font-size: 1.1em;
text-align: center;
color: #002B7F;	
padding-left:0%;
margin: 1% 0;	
}

.best img{
width:50%;
display: block;
margin: 2% auto;
}


.b-box p{
font-size:1.1em;	
margin: 2% 0;		
}	
.f-back h3{
color:#fff;
font-size: 1.5em;

}	
.concept-box h2{	
font-size: 1.3em;
}
.concept-box p{
font-size: 0.9em;	
}		
	
.c-box p{
font-size: 1.3em;
		}
.f-contact .f-logo{
width:108%;	
}
.f-contact .f-logo img{
width:70%;
display: block;
margin: 0 auto;
}
.footer_box{
width: 100%;		
}	
	.footer_box .f-text{
font-size: 0.9em;	
}	
.footer_box .f-addr{
font-size: 1.1em!important;
text-align: center!important;	
}	
#copy{

	font-size: 10px;
}
.phi-box h2{	
font-size: 1.3em;		
}
.phi-box p{
font-size: 1em;	
width:100%;	
padding-left: 6%;	
}
	
.greetings h2{
font-size: 1.3em;
padding-left:0;	
}

.greetings-box p{
font-size: 1em;	
		}	
.used-box h2{	
font-size: 1.3em;
}	
.used-box h3{
font-size: 1.1em;		
}	
.used-box p{
font-size:0.9em;	
}
.transaction-box h2{	
font-size: 1.3em;
}

.transaction-box p{
font-size:0.9em;	
}

.flow-wrapper h2{
font-size:1.3em;
}
.flow-box .f-text{	
font-size: 1em;

}

.flow-box .border_bottom_blue{
font-size: 1.2em;	
}		
.faq h2{
font-size:1.3em;	
}		
.profile table{
font-size: 0.8em;
font-weight: normal;
}		
		
.profile table th {
width: 40%;
	
}
.profile table td {
width: 60%;
}
	
.profile .map iframe{
height:200px;
}		
.faq-box .f-box1{
width: 100%;	
}
.faq-box .f-box2{
width: 100%;	
}
.f-box2 .faq-text{	
font-size: 1em;
color: #fff;	
line-height: 1.5;	
}


.faq-box .f-box1 .q:before {
  content: "";
  position: absolute;
  top:111%;
  right:16px;
  margin-top: -8px;
  border: 8px solid transparent;
  border-top: 10px solid #b8556b;
  z-index: 0;
}


.faq-box .f-box1 .a:before {
  content: "";
  position: absolute;
   top:111%;
  right:16px;
  margin-top: -8px;
  border: 8px solid transparent;
  border-top: 10px solid #1c49a0;
  z-index: 0;
}		
.flow-box{
width: 90%;	
}	
.f-best strong{
font-size: 1.1em;
text-align: center;
color: #002B7F;	
padding-left:0%;
margin: 1% 0;	
}		
.f-best img{
width:50%;
display: block;
margin: 2% auto;
}
.fb-box{
width:100%;	
}		
	
.used-tires-box h2{	
font-size: 1.3em;	
}

.used-tires-box p{
font-size:1em;		
}
.g-table table th{
padding: 1%;
text-align: center;	
background-color: #333;	
width: 5%!important;
font-size: 1em!important;	
}
.g-table table td{
padding: 5px 2px;
font-size: 0.6em;	
text-align: center;	
background-color:#131313;	
width: 5%!important;		
}
.gallery-wrapper h2{
font-size:1.3em;	
}	
		}
/*----------------414px-----------------*/

@media (max-width: 414px){

.g-table table th{
padding: 1%;
text-align: center;	
background-color: #333;	
width: 3%!important;	
font-size:0.7em!important;	
}
.g-table table td{
padding: 5px 2px;
font-size: 0.5em;	
text-align: center;	
background-color:#131313;	
width:3%!important;		
}

}