@charset "utf-8";
/* @import url(//fonts.googleapis.com/earlyaccess/notosansjp.css);
@font-face {
	font-family: GothamBook; 
	src: url(/fonts/Gotham-Book.ttf);
} */

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

 layout

-------------------------------- */
body{color:#625857;width:100vw;height:auto;
	font-family:TimesNewRoman, "Times New Roman", "游明朝体", "Yu Mincho", YuMincho, "Sawarabi Mincho", "ＭＳ 明朝", serif;
	position:relative;}
section.boxTop, section.boxBottom{position:relative;width:100%;height:auto;padding:50px 0;z-index:1002;}
section.boxBottom{padding-bottom:100px;letter-spacing: 0.1em;}
header{position:absolute;top:0;width:100%;z-index:1004;}
footer{position:relative;width:100%;text-align:center;z-index:1003;color:#fff;
    font-size:0.69em;letter-spacing:0.1em;background-color:rgb(165,122,67);padding-bottom:50px;}

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

 section

-------------------------------- */
section{}
section[class^=box] dl.dlrow{margin:4em 0;line-height:1.4;font-size:0.75em;letter-spacing:0.1em;}
section[class^=box] dl.dlrow dt{margin:1.1em 0;}
section[class^=box] dl.dlrow dd{line-height:3;}
section[class^=box] h1 + dl.dlrow{margin-top:0;}
section[class^=box] h1{padding:30px;letter-spacing:0.1em;}

section[class^=box] p{margin:3em 0;line-height:2.8;font-size:0.75em;text-align:center;}

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

 parts

-------------------------------- */
.pchide{display:none;}
.sphide{display:block;}
h1{font-size:2.1em;
	width:100%;
	position:relative;
	top:auto;
    margin:0;
    z-index:1003;
    text-align:center;
    letter-spacing:0.16em;
    text-indent:0.3em;}
.dlrow{text-align:center;}
.bgBrown,
.bgBrown a,
.bgBrown a:link{color:#fff;}
.bgBrown{background-color:rgb(165,122,67);}

#hamburger{position:absolute;left:100px;top:50px;width:30px;line-height:0;z-index:2;}
#hamburger:hover{cursor:pointer;}
#hamburger:before,
#hamburger:after{content:"";display:inline-block;
    width:30px;height:3px;background-color:rgb(165,122,67);
    transition: all .4s;}
#hamburger:after{margin-top:10px;}

#hamburger.active:before{
  -webkit-transform: translateY(0) rotate(0);
  transform: translateY(0) rotate(0);
}
#hamburger.active:after{
  -webkit-transform: translateY(220px) rotate(0);
  transform: translateY(230px) rotate(0);
}

#gnav{position:absolute;
    left:100px;top:70px;font-size:0.94em;letter-spacing:0.1em;
    z-index:1;}
#gnav li{position:relative;opacity:0;margin:30px 0;}
#hamburger.active{}
#hamburger.active + #gnav li:nth-child(1){transition: all 1s .3s;}
#hamburger.active + #gnav li:nth-child(2){transition: all 1s .5s;}
#hamburger.active + #gnav li:nth-child(3){transition: all 1s .7s;}
#hamburger.active + #gnav li:nth-child(4){transition: all 1s .9s;}
#hamburger.inactive + #gnav li{transition: all 0s 0s;opacity:0;}
#hamburger.active + #gnav li{
  opacity:1;
}

/* index.html logo anim */
#siteid{position:absolute;left:50%;top:50%;margin:-183px 0 0 -38px;z-index:1;
    display:inline-block;width:73px;height:183px;}
#siteid.logoRotation{animation:2s cubic-bezier(0, 0.55, 0.45, 1) 1 rotation1;}
@keyframes rotation1{
  0%{ transform:rotateY(0);}
  100%{ transform:rotateY(720deg); }
}
/* mission.html logo anim */
.siteid{position:relative;display:inline-block;left:50%;margin-left:-14px;}
.siteid.logoRotationInf{animation:6s linear infinite rotation2;}
@keyframes rotation2{
  0%{ transform:rotate(0);}
  100%{ transform:rotate(360deg); }
}

/* text fade in */
.fadein {
    opacity: 0;
    animation: fadein 1s ease forwards;
}
@keyframes fadein {
    100% {  opacity: 1;}
} 
.textFi1 {animation-delay:  .5s;}
.textFi2 {animation-delay:  .6s;}
.textFi3 {animation-delay:  .7s;}
.textFi4 {animation-delay:  .8s;}
.textFi5 {animation-delay:  .9s;}
.textFi6 {animation-delay: 1.0s;}
.textFi7 {animation-delay: 1.1s;}
.textFi8 {animation-delay: 1.2s;}
.textFi9 {animation-delay: 1.3s;}
.textFi10{animation-delay: 1.4s;}
.textFi11{animation-delay: 1.5s;}
.textFi12{animation-delay: 1.6s;}
.textFi13{animation-delay: 1.7s;}
.textFi14{animation-delay: 1.8s;}

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

 about us

-------------------------------- */
.aboutus .boxBottom dl.dlrow{font-size:0.88em;}

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

 mission

-------------------------------- */
.mission section[class^=box] p{font-size:0.88em;}

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

 overlay

-------------------------------- */
.overlay{width:100vw;height:100vh;
    position:fixed;bottom:0;
    background-color:rgb(165,122,67);
    z-index:1000;}

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

 clearfix

-------------------------------- */
.clearfix:after {
	content: ""; 
	display: block; 
	clear: both;
}