/*/////////////////////////////////////////////////////////////////////////////////////////////*/
/* setting */
/*/////////////////////////////////////////////////////////////////////////////////////////////*/

html { 
  background: url(../images/bk01.png) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

/* body
---------------------------------------------------- */
body {
font-family: "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", "ƒ�ƒCƒŠƒI", Meiryo, Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif;
color: #000;
line-height:1.5em;
font-size:100%;
text-align:center;
-webkit-text-size-adjust: 100%;
}

/*link
---------------------------------------------------- */
A {text-decoration: none; cursor:pointer;} 
A:link { color: #FF6600; } 
A:visited { color:#FF6600; }
A:active { color: #FF6600; }
A:hover { color:#FF6600; text-decoration: underline; }







/*/////////////////////////////////////////////////////////////////////////////////////////////*/
/* ƒXƒ}ƒz�EPC‹¤’Ê */
/*/////////////////////////////////////////////////////////////////////////////////////////////*/

/* header
---------------------------------------------------- */



/* nav
---------------------------------------------------- */




/* set
---------------------------------------------------- */
.set01 { margin-bottom:20px; }

.set03 { margin-bottom:20px; text-align:left; }
.set03 h3 { background:#03C; color:#FFF; padding:3px 8px; margin-bottom:10px; }
.set03 h4 { background:url(../images/ls01.png) no-repeat 0 0; padding-left:40px; min-height:40px; line-height:40px; margin-bottom:10px; }
.set03 p { margin-bottom:50px; background:url(../images/ls02.png) no-repeat 0 10px; padding-left:40px; padding-top:10px; border-top:1px solid #CCC; }
.set03 h6 { color:#F60; font-weight:normal; font-size:85%; margin-bottom:5px; }


.wp { margin-bottom:50px; background:url(../images/ls02.png) no-repeat 0 10px; padding-left:40px; padding-top:10px; border-top:1px solid #CCC; }







 /* menus
---------------------------------------------------- */



/* article
---------------------------------------------------- */
.qa { margin-bottom:50px; }
.art01 { margin-bottom:50px; }





/* section
---------------------------------------------------- */
.sec01 { text-align:left; background:#FFF; padding:30px; margin-bottom:30px; }









 /* h01-h06
---------------------------------------------------- */
.h3-01 { font-size:110%; }





 /* aside
---------------------------------------------------- */


 /* box
---------------------------------------------------- */
.wp01 { clear:both; margin-bottom:30px; }
.wp02 { clear:both; margin-bottom:15px; border-bottom:1px #CCC dotted; padding-bottom:20px; }
.wp02:last-child { clear:both; margin-bottom:0; border-bottom:none; padding-bottom:0; }



 /* table
---------------------------------------------------- */


/* P
---------------------------------------------------- */
.p01 { padding:3px; }



/* span
---------------------------------------------------- */
.sp00 { padding-right:1.5em; }







/* list
---------------------------------------------------- */
.links li { background:url(../images/ico01.png) no-repeat 0 0.2em; padding-left:22px; margin-bottom:2px; }
.links li a { color:#000; font-weight:bold; }




/* form
---------------------------------------------------- */






/* btn
---------------------------------------------------- */








/* images
---------------------------------------------------- */
.img01 { width:100%; }


.img02 { width:100%; margin-bottom:10px; }




/* address
---------------------------------------------------- */
.address02 { text-align:center; margin-bottom:50px; }
.address02 img { margin:auto; }



/* others
---------------------------------------------------- */
#scrollUp {
    background:url(../images/btn00.png);
    bottom: 10px;
    right: 10px;
    width: 60px;    /* Width of image */
    height: 60px;   /* Height of image */
}



.nksadd a { color:#FFF; }




.list01 { border:1px solid #CCC; }
.list02 { border:1px solid #CCC; }







/*/////////////////////////////////////////////////////////////////////////////////////////////*/
/* PC */
/*/////////////////////////////////////////////////////////////////////////////////////////////*/
@media screen and (min-width: 1024px){

 
}

























/*/////////////////////////////////////////////////////////////////////////////////////////////*/
/* ƒ^ƒuƒŒƒbƒg */
/*/////////////////////////////////////////////////////////////////////////////////////////////*/
@media screen and (min-width: 768px){

/* layout
---------------------------------------------------- */
header { background:#FFF; height:100px; margin:0 auto; }
.wrap_head { width:1000px; margin:0 auto; padding-top:15px; }
header h1 { display:block; width:365px; height:62px; float:left; }
header h2 { display:block; width:303px; height:70px; float:right; }


.mainWP { clear:both; width:1000px; margin:auto; padding:30px 0; }

#contents { float:right; width:730px;  }


.nksadd { width:500px; float:left; }
.copyright { width:500px; float:right; text-align:right; font-size:80%; }


footer { width:1000px; text-align:left; margin:auto; color:#FFF; }
.footer-wp { background:#0033CC; padding:30px 0; }


#humberger { display:none; }




/* h1-h6
---------------------------------------------------- */
.h2-01 { margin-bottom:20px; }
.h2-01 img { width:100%; }


.btn01 { float:right; }









/* set
---------------------------------------------------- */

.address01 { margin-bottom:10px; }

.list01 { width: 48%; float:left; }
.list02 { width: 48%; float:right; }
.list01 img { width: 100%; }










/* table */
.tbl01 th { border:1px solid #CCC; padding:5px 8px; background:#F0F0F0; vertical-align:middle; }
.tbl01 td { border:1px solid #CCC; padding:5px 8px; vertical-align:middle; }
.tbl01 h6 { float:left; width:7em;  }


/* header */

#gnav { width:240px; float:left; }
/* nav 
#gnav li { display:inline-block; margin-right:5px; }
#gnav li a { display:block; width:244px; height:35px; border:1px solid #FF6600; background:#FFE3B9; padding-top:10px; font-weight:bold; font-size:100%; color:#FF6600; }
#gnav li a:hover { background:#FF6600; text-decoration:none; color:#FFF; }
#gnav li:last-child { margin-right:0px;  }
*/


/* aside */


/* main */

/* footer */




/* set
---------------------------------------------------- */



/* photos
---------------------------------------------------- */
.img00 { width:25%; float:right; margin-left:10px; margin-bottom:10px; }

}






















/*/////////////////////////////////////////////////////////////////////////////////////////////*/
/* ƒXƒ}ƒz */
/*/////////////////////////////////////////////////////////////////////////////////////////////*/
@media screen and (max-width: 767px) {

body {
background:none;
}


/* layout
---------------------------------------------------- */
header { width:90%; height: auto; padding-top:40px; margin:0 auto; }
header h1 { width:90%; margin:10px auto 10px auto; }
header h1 img { width:100%; }
header h2 { display:none; }
header h2 img { }

#topimg { display:none; }


#contents { clear:both; width:90%; margin:20px auto 30px auto; }


footer { width:90%; text-align:left; margin:auto; color:#FFF; }
footer p { font-size:80%; }

.footer-wp { background:#0033CC; padding:30px 0; }

.copyright { width:90%; text-align:center; margin:2px auto; font-size:70%; }












/* section
---------------------------------------------------- */



/* set
---------------------------------------------------- */
.btn01 { width:50%; margin:auto; margin-bottom:5px; }
.address01 { font-size:90%; }

.address02 img { width:100%; }

.set02 { text-align:center; margin-bottom:10px; clear:both; }

.list01 { width: 100%; margin-bottom:10px; }
.list01 img { width: 100%; }
.list02 {  }




/* table */
.tbl01 th { border:1px solid #CCC; padding:5px 8px; background:#F0F0F0; vertical-align:middle; width:20%; }
.tbl01 td { border:1px solid #CCC; padding:5px 8px; vertical-align:middle; }
.tbl01 h6 {   }







 /* h01-h06
---------------------------------------------------- */
.h2-01 { margin-bottom:20px; }
.h2-01 img { width:100%; }



/* images
---------------------------------------------------- */
.img00 { width:40%; float:right; margin-left:10px; margin-bottom:10px; }










.humWP { background:#0033CC; width:100%; height:40px; position:fixed; top:0; right:0; display:block; }

    body.drawer-opened #page{
        left: -240px;
        box-shadow: 1px 0 2px #072E3F;
        -webkit-box-shadow: 1px 0 2px #072E3F;
    }
    body.drawer-opened .fixed-content{
        left: -240px;
    }
    body.drawer-opened #drawernav{
        right: 0;
    }
    body.drawer-opened #humberger .icon-bar{
        background: #fff;
    }
    body.drawer-opened #humberger :nth-child(1){
        transform:translate(0,8px) rotate(45deg);
        -webkit-transform:translate(0,8px) rotate(45deg);
    }
    body.drawer-opened #humberger :nth-child(2){
        transform:translate(-20px ,0);
        -webkit-transform:translate(-20px ,0);
        opacity:0;
    }
    body.drawer-opened #humberger :nth-child(3){
        transform:translate(0,-8px) rotate(-45deg);
        -webkit-transform:translate(0,-8px) rotate(-45deg);
    }
    body.drawer-opened #overlay{
        z-index: 3;
        opacity:0.2;
        left: -240px;
    }
#page { padding-top:40px; }

#gnav { display:none; }

}