@charset "UTF-8";

html,body { height:100%;overflow:hidden; }


body {
	margin: 0;
	padding:0;
	font-weight:400;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	-webkit-text-size-adjust: 100%;
  letter-spacing: 0.1em;
  font-size:14px;
  line-height:150%;
	text-align: center;
  overflow: hidden!important;
  
  
}

img{
	vertical-align: top;
	-ms-interpolation-mode:bicubic;   /* IE 7+ */
 image-rendering: optimizeQuality; /* Fx, (Gecko 1.9.2) */
  max-width: 100%;
  height: auto;
	width /****/:auto;  /*IE8�̂ݓK�p*/
}


img[src*=".svg"] {
	width: 100%; 
  }

/* HEADER
-------------------------------------------------------------------------------*/


.page {
  height: 100vh;
  overflow: hidden!important;
}

.box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* 左右中央寄せ */
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  
  /* 上下中央寄せ */
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  
  padding:0px;
  box-sizing: border-box;
  
  width: 100vw;
  height: auto;
  min-height: 100vh;  
  background-size: cover;
  background-position: center;
    background-image: url('/images/slide/01.jpg');
}


@media screen and (max-width: 800px) {

  .box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* 左右中央寄せ */
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    
    /* 上下中央寄せ */
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    
    padding:0px;
    box-sizing: border-box;
    
    width: 100vw;
    height: auto;
    min-height: 100vh;  
    background-size: cover;
    background-position: center;
      background-image: url('/images/slide/01-sp.jpg');
  }

}



/* Opening
-----------------------------------------*/


img.Opening__text{
	  width:390px;
	  position: absolute;
	  top:48%;
	  left: 50%;
	  transform: translate(-50%, -50%);
	  -webkit-transform:translate(-50%, -50%);
	  z-index: 100;
	}



  @media screen and (max-width: 600px) {


    img.Opening__text{
      width:70%;
      position: absolute;
      top:48%;
      left: 50%;
      transform: translate(-50%, -50%);
      -webkit-transform:translate(-50%, -50%);
      z-index: 100;
    }

  }



footer{
  width:auto;
  height:auto;
    padding:0;
    margin:0;
    z-index:100;
position: absolute;
bottom: 20px;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
width:好きな値;
height:好きな値; 
  }


  ul.main-nav{
    width:auto;
    height:auto;
    margin:0 0 0 10px;
    padding:0;
    overflow:auto;
  }
  
  ul.main-nav li {
    width:40px;
    height:auto;
    padding:0 0;
    display:inline-block;
  }
  
  ul.main-nav img{
    height:18px;
  }