/* css document */

body { 
    font-size:1.2em;
}

header { 
    margin-bottom: 60px; 
}

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

header h1.col img { width:100%; max-width:330px; margin-left: 0; }

header .header-tel-before {
    font-size:0.6em;
    margin-bottom:5px;
}

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

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

div#footer-nav nav { 
    line-height:100%;
    width: calc(100% - 20px);
    max-width:860px;
    padding: 10px 0;
    margin:0 auto;
}

div#footer-nav nav li {
    width:16.4%;
    font-size:0.9em;
    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);
    xxmax-width:1100px;
    margin:0 auto;
}
#main .row { margin-bottom:20px; }

section { margin: 0 auto 70px; line-height:180%; max-width: 1100px; }
section.bg { margin: 0 auto; line-height:230%; max-width: 1100px; }

h2 { font-size:1.7em; font-weight: bold; text-align: center; margin-bottom:20px; }
h2.content { 
    color: #22ac38;
    letter-spacing: 0.2rem;
    font-weight:bold;
    font-size: 1.6em;
    border-bottom: 1px solid #ccc;
    margin-bottom: 70px;
}
h3 { 
    font-size:1.1em;
    font-weight: bold;
    text-align: center;
    margin-bottom:10px;
    //padding-left: 20px;
}
.col img { width:100%; display: block; margin: 0 auto ; 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; }

    nav#main-nav { 
        width: calc(100% - 20px);
        max-width:1200px;
        max-width:1100px;
        margin: 0 auto; 
    }
    
    nav#main-nav ul { 
	   width:100%;    
    }
    
    nav#main-nav ul li { 
        width:16.4%;  
        float:left;
        padding:10px 0;
    }

    nav#main-nav ul li.separate {
        width:3%;
    }

    nav#smapho-nav { display: none; }
    .header-tel-box { text-align: right; margin-top:23px; font-size: 2em; }
    #index-slide { overflow:hidden; }
    
}

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

.slicknav_nav li.separate { display: none; }


@media ( max-width : 768px ) {
    /* tablet・smartphone */
    #index-slide { overflow:hidden; }
    .qr-code-box { display:none; }
    nav#main-nav { display: none; }
    div#footer-nav { display: none; }
    .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; }
}

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

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