#phone,
#nav-drawer {
  display: none;
}

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

  #phone {
	display: block;
	position: fixed; /* absolute */
	top: 0; /* -11px */
	right: 56px;
  }

  #phone a {
	display: block;
	color: #ffffff;
	background-color: #13853b;
	width: 56px;
	height: 60px;
	line-height: 60px;
	padding: 5px 0 0 0; /* 6px 10px 6px 6px */
	box-sizing: border-box;
	text-align: center;
  }

  #nav-drawer {
	width: 56px;
	height: 60px;
	line-height: 60px;
	display: block;
	position: fixed;
	top: 0;
	right: 0;
	z-index: 9999;
	background-color: #3d3d3e;
	text-align: center;
  }

  /*チェックボックス等は非表示に*/
  .nav-unshown {
	display:none;
  }

  /*アイコンのスペース*/
  #nav-open {
	display: inline-block;
	width: 23px; /* 30px */
	height: 22px;
	margin: 0; /* -5px 0 0 */
	padding: 0 0 0 2px;
	vertical-align: middle;
  }

  /*ハンバーガーアイコンをCSSだけで表現*/
  #nav-open span, #nav-open span:before, #nav-open span:after {
	position: absolute;
	height: 3px;/*線の太さ*/
	width: 24px;/*長さ*/
	border-radius: 3px;
	background: #ffffff;
	display: block;
	content: '';
	cursor: pointer;
  }

  #nav-open span:before {
	bottom: -8px;
  }

  #nav-open span:after {
	bottom: -16px;
  }

  /*閉じる用の薄黒カバー*/
  #nav-close {
	display: none;/*はじめは隠しておく*/
	position: fixed;
	z-index: 99;
	top: 0;/*全体に広がるように*/
	left: 0;
	width: 100%;
	height: 100%;
	background: black;
	opacity: 0;
	transition: .3s ease-in-out;
  }

  /*中身*/
  #nav-content {
	position: fixed;
	overflow-y: scroll;
	top: 0;
	left: 0;
	z-index: 99999;
	width: 84%;/*右側に隙間を作る（閉じるカバーを表示）*/
	max-width: 330px;/*最大幅（調整してください）*/
	height: 100%;
	background-color: #f5f5f5;
	transition: .3s ease-in-out;/*滑らかに表示*/
	-webkit-transform: translateX(-105%);
	transform: translateX(-105%);/*左に隠しておく*/
	line-height: normal;
  }

  /*チェックが入ったらもろもろ表示*/
  #nav-input:checked ~ #nav-close {
	display: block;/*カバーを表示*/
	opacity: .5;
  }

  #nav-input:checked ~ #nav-content {
	-webkit-transform: translateX(0%);
	transform: translateX(0%);/*中身を表示（右へスライド）*/
	box-shadow: 6px 0 25px rgba(0,0,0,.15);
  }

  #nav-content .in {
	background-color: #ffffff;
	border-bottom: 1px solid #dddddd;
  }

  #nav-content h1 {
    width: 280px; /* 240px */
    margin: 0 auto !important;
    padding: 10px 0 0; /* 8px 0 0 */
	height: 50px !important; /* 53px */
	position: static;
  }

  #nav-content .catch {
    top: 2px !important;
    left: 124px !important;
  }

  #nav-content h1 a {
	display: block;
  }

  #nav-content h1 a img {
	width: 100%;
	height: auto;
  }

  .spline {
  	width: 100%;
  	margin: -14px 0 0;
  	padding: 10px;
  	color: #ffffff;
  	text-align: left;
  	background-color: #ee7800;
  	box-sizing: border-box;
  }

  /***** メニュー *****/
  #nav-content nav {
	position: static;
	display: block;
	max-width: 100% !important;
	width: 96%;
	text-align: center;
	margin: 15px 2%;
	padding: 0;
	overflow: hidden;
  }

  #nav-content nav ul {
	width: 100%;
	height: 100%;
	overflow: hidden;
  }

  #nav-content nav ul li a i {
  	font-size: 21px;
  }

  /*
  #nav-content nav ul li:nth-child(1) {
  	width: 100%;
	border-top: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
  }
  */

  #nav-content nav ul li {
	list-style: none;
	width: 50%;
	float: left;
	padding: 0;
	margin-right: 0;
	border-left: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	box-sizing: border-box;
  }

  #nav-content nav ul li:nth-child(1),
  #nav-content nav ul li:nth-child(2) {
  	border-top: 1px solid #dddddd;
  }

  #nav-content nav ul li:nth-child(2n) {
  	border-left: 1px solid #dddddd;
  	border-right: 1px solid #dddddd;
  }

  #nav-content nav ul li a {
	width: 100%;
	height: 49px;
	line-height: 49px;
	float: none;
	padding: 0;
	display: block;
	color: #3d3d3e;
  	background-color: #ffffff;
	box-sizing: border-box;
  }

  #nav-content .company {
	max-width: 100% !important;
	width: 96%;
	text-align: left;
	margin: 15px 2%;
	padding: 15px 0 5px;
  	border: 1px solid #dddddd;
	box-sizing: border-box;
	background-color: #ffffff;
  }

  #nav-content .company ul {
  	overflow: hidden;
  }

  #nav-content .company ul li {
  	list-style: none;
  	margin: 0;
  	padding: 0 5px;
  }

  #nav-content .company ul li span {
  	display: block;
  }

}