/* CSS Document */



/*===============================================
●tablet.css 画面の横幅が768pxまで
===============================================*/
@media screen and (max-width: 768px){
  img{
  max-width: 100%;
  height: auto;
  width/***/:auto;
  border: 0px;
  }
  #container{
  width:100%;
  }

.top-h1 {

	display: inline-block;
	vertical-align: bottom;
	text-align: center;
	font-size: 15px;
	color: #cccccc;
	font-weight:normal;
	padding: 0 10px 0;
	letter-spacing: 0.5px;
}

.top-h2 {
	display: inline-block;
	vertical-align: bottom;
	padding: 0;
	margin: 0;
}

  /*--ブラウザのサイズが550pxを下回ったら、表示をちょっと小さくする--*/	
	@media screen and (max-width: 550px){
.top-h1 {
	font-size: 14px;
	padding: 0 10px 0 !important;
	letter-spacing: 0.5px;
}
.top-h2{
    width: 260px;
  }
	
	
.top_company {
	text-align:left;
	color: darkgray;
	font-size: 15px;
	margin: 35px auto 5px;
}
	
	
  /*--ハンバーガーメニューはstudioページのタブレットより小さい画面で出現する設定--*/
  .drawer-hamburger,.drawer-nav{
    display: block;  
  }
  /*--PC用のヘッダーナビを消す--*/
  .h_nav{
    display: none;
  }
  .head_inner{
    margin: -30px auto 0;
    border-bottom: none;    
  }
  

	
	
	
	
	
	
  
  /*=========================================
    ↓灰色のフッター用設定
  =========================================*/
  .f_info address{
    margin-top: 0;
    margin-bottom: 10px;
  }
  .f_address .zip{
    display: block;
  }
  
	


	
  /*////////灰色のフッター用設定ここまで////////*/  
  
}

/*
body {
	background-color: #000000;
	font-family: "ＭＳ ゴシック",sans-serif;
	font-size: 13px;
	color: darkgray;
	margin: 30px auto 0;
}


#wrap{
margin-top:0;
}

#head {
	text-align: center;
	margin:0 auto;
}

#main {
	text-align: center;
	padding: 0px;
}

#foot {
	text-align:center;
	font-size: 12px;
	margin-top: 15px;
	margin-right: auto;
	margin-left : auto;
	margin-bottom:20px;
}

div {
	 margin: 0;
}