/* css document */

body { 
    font-size:1.5em;
}

header { 
    //margin-bottom: 20px; 
}

header #inner { 
    width: calc(100% - 20px);
    max-width:960px; 
    margin: 0 auto; 
    padding: 10px 0; 
}

header h1.col img { width:100%; max-width:210px; }

header .header-tel-before {
    font-size: 1.3rem;
    line-height:1.5;
}

header .header-tel-after {
    font-size:0.6em;
    margin-top:5px;
}

.rslides{
    margin-bottom:20px;
}

footer .footer-cont {
    width: calc(100% - 20px);
    max-width:960px; 
    margin: 0 auto; 
}

div#footer-nav nav { 
    line-height:100%;
    max-width:800px;
    padding: 16px 0;
    margin:0 auto;
}

div#footer-nav nav li {
    width:20%;
    font-size:1.1rem;
    text-align: center;
    float:left;
}
div#footer-nav nav li.separate {
    width:3%;
    //padding-right:5px;
    //padding-left:5px;
}

footer .companyname-box { font-size:1.15em; margin-bottom:10px; }
footer #copyright-box { padding-top: 30px; font-size:0.84em; text-align: center; }

/* MAIN FRAME */
#main { 
    width: calc(100% - 20px);
    max-width:960px;
    margin:0 auto;
}
#main .row { margin-bottom:20px; }

section { margin: 0 auto 50px; line-height:150%; }

h2 { font-size:1.7em; font-weight: bold; text-align: center; margin-bottom:20px; }
h2.content { letter-spacing: 0.3rem; font-size: 2em; margin-bottom: 30px; font-weight: normal;}
h3 { font-size:1.6rem; font-weight: bold; text-align: center; margin-bottom:10px; }
img{ max-width:100%;}
//.col img { width:100%; display: block; margin: 0 auto 10px; max-width:450px; }
.col.fullimg img { width:100%; max-width:1200px; }



/* responsive */

@media ( min-width : 769px ) {  
    /* PC */
    .qr-code-box { text-align:center; background-color:#ccc; font-size:1em; }
    header .header-copy-box {
        text-align:left;
        font-size:1.1rem;
        color:#666;
    }

    nav#main-nav { 
        //max-width:960px; 
        margin: 0 auto; 
    }
    
    nav#main-nav ul { 
        max-width:960px;
        Padding:16px 0 34px;
        margin:0 auto;
    }
    
    nav#main-nav ul li { 
        width:20%;  
        float:left;
        border-left:1px solid #fff;
    }
    
    nav#main-nav ul li:last-child{
        border-right:1px solid #fff;
    }

    nav#smapho-nav { display: none; }
    #index-slide { min-height:530px; }
    .header-tel-box { text-align: right; font-size: 2em; }
    }



@media (max-width:768px){
    .br{
        display:none;
    }
    #index-slide { min-height:200px; }
}

nav#smapho-nav { display: none; }
.slicknav_menu {
 display:none;
}

.slicknav_nav li.separate { display: none; }


@media ( max-width : 768px ) {
    /* tablet・smartphone */
    .qr-code-box { display:none; }
    nav#main-nav { display: none; }
    div#footer-nav { display: none; }
    #index-slide { height:400px; }
    .header-copy-box, h1 { text-align: center; }
    .header-tel-box { text-align: center; margin-top:0; font-size: 2em; }
    #smenu { display:none; }
    .slicknav_menu { display:block; }
    footer .companyname-box, footer address { text-align: center; }
    .header-copy-box {
        text-align:left;
        font-size:1.1rem;
        color:#666;
        line-height: 1.2;
    }
    
    
}

@media ( max-width : 480px ) {
    /* smart phone */
    #index-slide { height:250px; }
}

#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    cursor: pointer;
}