@charset "utf-8";
@media (max-width: 1000px)  {
/* -------------------------------- 

 layout

-------------------------------- */
section.boxTop, section.boxBottom{padding:50px 30px;}

/* -------------------------------- 

 section

-------------------------------- */
section[class^=box] h1{font-size:1.6em;}
section[class^=box] p{text-align:left;}

section.boxTop h1{margin-top:30px;}
section[class^=box] dl.dlrow{line-height:2;}
section[class^=box] dl.dlrow dt{margin:1em 0;}
#gnav{font-size:1.38em;position:fixed;}
#hamburger.active + #gnav{left:30px;right:30px;top:30px;bottom:30px;
    width:auto;height:auto;background-color:rgba(255,255,255,.8);z-index:1;}
#hamburger.inactive + #gnav{}
#gnav li{text-align:center;margin:0;}
#gnav li:first-child{margin-top:40px;}
#gnav li a{display:block;padding:30px 0;}

/* -------------------------------- 

 parts

-------------------------------- */
.pchide{display:block;}
.sphide{display:none;}
#gnav{top:-9999px;}
#hamburger{position:fixed;left:40px;top:50px;width:30px;line-height:0;z-index:2;}
#hamburger.active:before{
  -webkit-transform: translateY(5px) rotate(-45deg);
  transform: translateY(5px) rotate(-45deg);
}
#hamburger.active:after{
  -webkit-transform: translateY(-8px) rotate(45deg);
  transform: translateY(-8px) rotate(45deg);
}

}