/* タブレット向けレイアウト */
@media all and (max-width: 1000px) {
  .top-wrapper h1{
    font-size:32px;
  }
  .lesson{
    width:50%;
    margin-bottom:50px;
  }
  .heading h2{
    font-size:20px;
  }
  footer{
    text-align:center;
  }
}

/* モバイル向けレイアウト */
@media all and (max-width: 670px) {
  .header-right{
  }
  .menu-icon {
    display:block;
  }
  .top-wrapper{
    text-align:left;
  }
  .btn{
    width:100%;
  }
  .facebook{
    margin-bottom:10px;
  }
  .top-wrapper h1{
    font-size:24px;
  }
  .top-wrapper p{
    font-size:14px;
  }
	.header-right{
		display: none;
	}
/*===nav===nav===nav===nav===nav===nav===nav===nav===nav===nav===nav===nav===nav===nav===*/
	nav{
		display: block;
		position: absolute;
		top:20px;
		right: 10px;
		margin-top: 10px;
	}
/*ハンバーガーメニュー*/
	#nav-drawer {
	  display: inline-block;
	  position: relative;
	  float: left;
	  color: #fff;
	}

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

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

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

	/*閉じる用の薄黒カバー*/
	#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 {
	  overflow: auto;
	  position: fixed;
	  top: 0;
	  left: 0;
	  z-index: 9999;/*最前面に*/
	  width: 90%;/*右側に隙間を作る（閉じるカバーを表示）*/
	  max-width: 300px;/*最大幅（調整してください）*/
	  height: 100%;
	  background: #fff;/*背景色*/
	  transition: .3s ease-in-out;/*滑らかに表示*/
	  -webkit-transform: translateX(-105%);
	  transform: translateX(-105%);/*左に隠しておく*/
	  background-image: linear-gradient(to top, #FBEFF2 100%, #FCE4EC 0%);
	}

	/*チェックが入ったらもろもろ表示*/
	#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 ul{
		padding: 100px 10px;
	}
	nav ul li{
		display: block;
		margin: 40px 10px;
		text-align: left;
		border-bottom: 1px solid #ccc;
	}
	.display{
		display: block;
	}
	.display ul{
		padding: 10px;
	}
	.display li{
		margin: 10px;
	}
	
	.lesson-wrapper{
		padding-left: 0px;
		padding-right: 0px;
	}
	
    .lesson{
	    width:100%;
	 }
	
	.heading h1,.heading h2{
		font-size: 80%;
	}
	.servicecontents{
	    width:100%;
		display: block;
	}
	.service{
		margin: 50px 0px;
		width: 100%;
	}
	.service h1{
		font-size: 150%;
	}
	.service li{
		text-align: left;
		margin-left: 0px;
		line-height: 1.5;
	}
	
	.company{
		padding: 5px;
		margin-top: 20px;
		background-color: #fff;
	}

	.company h2{
		font-size: 120%;
	}

	.company table{
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		text-align: left;
		
	}

	.company td{
		padding: 10px 3px;
		border-bottom: 1px solid #ccc;
		font-size: 90%;
	}
	
	.company td:first-child{
		width: 25%;
	}
	
}