@charset "utf-8";
@media (max-width:  1024px) {
    
    .main-visual  {
        padding-top: 120px;
        padding-bottom:   80px;
    }
    
    .header {
    height:  112px;
    width:   100%;
    box-shadow:  0  0  10px  #dddddd;
    background-color:  white;
    position:  fixed;
    top:  0;
    }
    
    .header-left {
        float:  left;
    }
    .header-right {
        float:  right;
        text-align: center;
        
    }
    .header-right a {
        font-size:  18px;
    }
    
    .top-title  {
        font-size:  60px;
    }
    .menu-card  {
        width:  33%;
    }
    .menu-card-inner  {
        
    }
    
    
    .footer     {
    height:     200px;
    background-color:   #2f3a44;
    color:      #e8e8e8;
    padding-top: 10px;
}
    .footer-left    {
    float:  left;
}
    .footer-right   {
    float:  right;
    /*padding-top:  30px;*/
}
    .footer-center   {
    text-align: center;
    padding-top:  10px;
}
}
@media (max-width:  670px) {
   .container  {
    max-width:  670px;
    padding:  0  0px;
    margin-left:  auto;
    margin-right:  auto;
} 
    .main-visual  {
        padding-top:  0px;
        padding-bottom:  0px;
        background-image:  url("images/sagyo-ryoho/sagyo-ryoho.gif");
        background-size:  100%;
        color:  #f5f5f5;
        text-align: center;        
    }
    .header {
    height:  120px;
    width:   100%;
    box-shadow:  0  0  10px  #dddddd;
    background-color:  white;
    position:  fixed;
    top:  0;
    }
    .top-title {
        font-size:  20px;
    }
    .header-left  {
        display:  none;
    }
    .header-right {
        float:  none;
        line-height:25px;
        text-align: center;
        
    }
    .header-right a {
        font-size:  10px;
        line-height:25px;
    }
    .main {
        padding:   10px  0;
    }
    .main-image {
        width:  280px;
    }
    .main p {
        font-size:  15px;
        margin-top: 10px;
        margin-left: 5px;
        margin-right: 5px;
    }
    .main-right {
        font-size :  8 px;
        text-align:right;
        margin-right: 10px;
    }
    .main-center {
        font-size :  15 px;
        text-align:center;
    }
    .main-left {
        font-size :  10 px;
        text-align:left;
        margin-left: 0px;
    }
     .main-left2 {
        font-size :  10 px;
        text-align:left;
        margin-left: 5px;
        margin-right: 5px;
    }
    
    .footer     {
    height:     150px;
    width:      100%
    background-color:   #2f3a44;
    color:white;
/*    color:      #e8e8e8; */
    padding-top: 20px;
    }
    .footer-left {
        display: none;
    }
    .footer-right {
        float:  none;
        line-height:25px;
        text-align: center;
    }
    .footer-right a {
        font-size:  10px;
        line-height:25px;
    }
    .footer-center {
        font-size: 10px;
    }
    .menu-card {
        width:  100%;  
    }
    .google-map iframe {
        width:  100%;
    }
    .menu-image3 {
	width:  90%;
	margin-bottom: 20px;
    border-radius:  5px;
	text-align:  center;
    }/*.contact input,  .contact textarea  {
        width:  100%;
    }*/
    .return  {
        margin-top:40px;
    }
}