@charset "utf-8";

/* ========================================================
   mt100

maincolor : #EC7500
subcolor : #62AFE2 

======================================================= */
@media screen and (min-width: 769px) {
.feature #bnrarea{
background: url(img/bnr_bg.jpg) no-repeat center top;
padding: 0;   
}
.simtable p{
  margin-left: 10px;
}
}

#bnrarea .inr{
position: relative;
}

.feature #bnrarea h2{
padding-bottom: 0;
}

#shop{
position: absolute;
right: 0;
bottom: 20px;
}

.feature .itembox {
padding-top: 20px;
padding-bottom: 20px;
}

.feature .itembox p{
 margin: 10px 3%;
 letter-spacing: -0.4px;
}

.feature #main{
  background: none;
  overflow-x: hidden;
}

table strong{
  display: block;
  color:#666;
}

.feature h3{
line-height: 1.3;
margin: 40px 0;
}

h3.horizontal{
padding: 30px;  
background: #EC7500;
color: #fff;
}

.feature h4{
  margin-bottom: 10px;
  letter-spacing: -1px;
}

.hero-img img{
  margin:0 10px;
}

.hero-text{
margin-right: -1%;
}

.itembox .hero-text p{
float: left;
width: 31.33%;
margin: 0 1% 0 0;
padding: 10px 0;
border: 1px solid;
border-radius: 17px;
color: #62AFE2;
font-size: 18px;
text-align: center;
}

.ac{margin-top: 100px;}
.usb{margin-bottom: 100px;}

.ac-img{
margin-left:-330px;
}

.ac-text{
  text-align: left;
}

.usb-text p{
  padding-right: 20px;
}

.ac-text img,
.usb-text img{
margin-bottom: 20px;
}

p.itembox-note{
  font-size: 12px;
  color: #888;
}

.car-img{
  margin:20px 0;
}

.car h4,
.group h4{
  margin-top: 20px;
}

.simtable th+th{
  width: auto;
}

.simtable td{
background: #F0F0F0;  
}

.simtable td+td{
  background: #fff;  
}

.qa{
  padding-bottom: 60px;
}

p.title{
text-align: center;
font-size: 24px;
padding-bottom:30px;
}

.contact_biz a{
padding:8px 3%;
border:4px solid #fff;
background: #00A89C;
color:#fff;
text-align: center;
font-size: 18px;
}

.contact_biz a:hover{
background:#00CC35;
text-decoration: none;
}


@media screen and (max-width: 768px) {
/*
  .localnav li:first-child{
    width: 100%;
  }
*/
  
  #shop{
    position: static;
  }
  
  .feature #main{
    padding-top: 0;
  }
  
  .feature h3{
    text-align: left;
  }
  
  .itembox h4{
    margin:0px 0 0 3%;
    text-align: left;
  }
  
  .itembox img{
    margin: 30px 0;
  }
  
  .feature h3+.itembox{
    padding-top: 0
  }
  
  .hero h3{
    margin-left: 2%;
  }
  
  .hero-img{
    text-align: center;
  }
  
  .hero-img img{
    margin-bottom:10px;
  }
  
  .itembox .hero-text p{
    float: none;
    width: 96%;
    margin: 2%;
  }  

  .ac{margin-top:0;}
  .usb{margin-bottom:0;}

  .ac-img{
    margin-left:0px;
  }
  
  .ac-img img,
  .usb-img img{
    width: 100%;
    margin: 0;
  }
  
  .ac-text{
    margin-top: 30px;
    text-align:center;
  }
  
  .ac-text img,
  .usb-text img{
    width: auto;
  }
  
  .usb-text p{
  padding-right: 0
  }

  .car-img{
    display: none;
  }
		
}
    
@media screen and (max-width: 490px) {
  .hero-img img{
    width: 100%;
  }

  .ac-text img,
  .usb-text img{
    width: 80%;
  }
  
  .contact{
	padding: 40px 20px;
	text-align: left;
  }

  p.title{
    text-align: left;    
  }
  
}