@charset "utf-8";
@media (max-width:  1024px) {
    .main-visual  {
        margin: auto;
        display: block;
        text-align: center;
        padding-top: 100px;
        padding-bottom:  10px;
    }
    .top-title  {
        width: 60%;
        margin: auto;
        display: block;
    }
    .footer     {
    height:     120px;
    }
    .menu-card  {
        width:  50%;
    }
    .picture  {
        width:  80%;
    }
}
@media (max-width:  670px) {
    .container {
    max-width:  670px;
    padding:  0px  0px;
    margin-left:  auto;
    margin-right:  auto;
    }
    .main-visual  {
        width: 100%;
        margin: auto;
        display: block;
        text-align: center;
        padding-top: 50px;
        padding-bottom:  10px;
    }
    .header {
        height: 60px;
    }
    .header-logo  {
        height:  50px;
    }
    .header-left  {
        display:  inline-block;
    }
    .header-right {
        display:  inline-block;
        /*float:  right;*/
        text-align: left;
    }
    .header-right a {
        font-size:  10px;
    }
    .top-title  {
        width: 90%;
        margin: auto;
        display: block;
    }
    .picture  {
        width:  80%;
    }
    .main {
        padding:   10px  0;
    }
    .main-image {
        width:  280px;
    }
    .main-p {
        font-size:  13px;
    }
    .footer     {
    height:     200px;
    }
    .footer-right {
        padding-top:  10px;
    }
    .menu-card {
        width:  100%;  
    }
    .google-map iframe {
        width:  100%;
    }
    .contact input,  .contact textarea  {
        width:  100%;
    }
}