/*===============================================
●default.css 画面の横幅が769px以上
===============================================*/
@media screen and (min-width: 769px){
#menu li.ask a{
  background: #444;
}
#main_center {
  width: 90%;
  padding: 15px 15px 10px 20px;
  margin: 0px;
  background-repeat: no-repeat;
  background-position: left top;
  text-align: left;	
  font-size: 14px;    
}
p {	
  line-height: 150%;
  font-size: 14px;    
}
#main_center h2 {
    text-align: left;	
    clear: both;
    font-size: 18px;
    margin: 20px 0px 20px 10px; 
    padding: 2px 0px 0px 15px;
    border-left: 10px solid #333;
}
strong {
    font-size: 16px;
}
}
/*===============================================
●tablet.css 画面の横幅が768pxまで
===============================================*/
@media screen and (max-width: 768px){
#menu li.ask a{
  background: #444;
}
#main_center {
  width: 90%;
  padding: 15px 15px 10px 20px;
  margin: 0px;
  background-repeat: no-repeat;
  background-position: left top;
  text-align: left;	  
}
p {	
  line-height: 150%;
  font-size: 14px;    
}
#main_center h2 {
    text-align: left;	
    clear: both;
    font-size: 18px;
    margin: 20px 0px 20px 10px;
    padding: 2px 0px 0px 15px;
    border-left: 10px solid #333;
}
strong {
    font-size: 16px;
}
}
/*===============================================
●smart.css  画面の横幅が640pxまで
===============================================*/
@media screen and (max-width:640px){
#menu li.ask a{
  background: #444;
}
#main_center {
  width: 90%;
  padding: 15px 15px 10px 20px;
  margin: 0px;
  background-repeat: no-repeat;
  background-position: left top;
  text-align: left;	
}
p {	
  line-height: 120%;
  font-size: 10px;    
}
#main_center h2 {
    text-align: left;	
    clear: both;
    font-size: 16px;
    margin: 20px 0px 20px 10px;
    padding: 2px 0px 0px 15px;
    border-left: 10px solid #333;
}
strong {
    font-size: 14px;
}
}