@charset "utf-8";
/*
PC用のスタイル
*/
@media (min-width: 1025px) {
    /*common*/
    footer .container {
        width: 980px;
    }
    /*menu.html*/
    .menu-card:nth-of-type(n+2){
        margin-left: 5%;
    }
    .menu-card:nth-of-type(n+4){
        margin-top: 4%;
    }
    .menu-card:nth-of-type(3n+4){
        margin-left: 0;
    }
}
/*
TB・SP専用のスタイル
*/
@media (max-width: 1024px) {
    /*common*/
    .container {
        padding-right: 30px;
        padding-left: 30px;
    }
    footer .container {
        width: 100%;
    }
    .footer-right {
        padding-top: 20px;
    }
    /*index.html*/
    .main-visual {
        padding-top: 120px;
        padding-bottom: 80px;
    }
    .top-title {
        font-size: 60px;
    }
}
/*
TB専用のスタイル
*/
@media (min-width: 671px) and (max-width:1024px) {
    /*menu.html*/
    .menu-card {
        width: 48%;
    }
    .menu-card:nth-of-type(even){
        margin-left: auto;
    }
    .menu-card:nth-of-type(n+3){
        margin-top: 4%;
    }
    .menu-card:nth-of-type(odd){
        margin-left: 0;
    }
}
/*
SP専用のスタイル
*/
@media (max-width: 670px) {
    /*common*/
    .header-left {
        display: none;
    }
    .header-right {
        margin: auto;
    }
    .header-right a {
        font-size: 14px;
    }
    footer {
        font-size: 12px;
    }
    .footer-right {
        padding-top: 20px;
    }
    /*index.html*/
    .main {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .main-image {
        width: 280px;
    }
    .main p {
        font-size: 13px;
    }
    /*menu.html*/
    .menu-card {
        width: 90%;
        margin: auto;
    }
    .menu-card:nth-of-type(n+2) {
        margin-top: 5%;
    }
    /*access.html*/
    .google-map iframe {
        width: 100%;
    }
    /*contact.html*/
    .contact-form input, .contact-form textarea {
        width: 100%;
    }
}