/* タブレット向けレイアウト */
@media all and (max-width: 1000px) {
.lesson {
  float: left;
  width: 48%;
	margin: 1% 1%;
	padding: 20px 0;
	background-color: #fff;
	border: 1px solid #ccc;
	box-sizing: border-box;
}
  footer {
    text-align: center;
  }
  .top-wrapper h1 {
    font-size: 32px;
  }
  .heading h2 {
    font-size: 23px;
  }
    .atd-3 {
  float: left;
  width: -webkit-calc(100%/1);
  width: calc(100%/1);
}
	
	.heading-map {
	margin: 0 10% 0 15%; 
  padding-top: 40px;
  padding-bottom: 50px;
  color: #365368;
		text-align: left;}
    
}
/* スマホ向けレイアウト */
@media all and (max-width: 670px) {
  .lesson {
  float: left;
  width: 98%;
	margin: 1% 1%;
	padding: 20px 20px;
	background-color: #fff;
	border: 1px solid #ccc;
	box-sizing: border-box;
}
  .btn {
    width: 100%;
  }
  .facebook {
    margin-bottom: 10px;
  }
  .top-wrapper {
    text-align: left;
  }
  .lesson-wrapper {
    padding-bottom: 20px;
    padding-top: 20px;
    padding-left: 2%;
    padding-right: 2%;
  }
	
	  .dpd-wrapper {
    padding-bottom: 20px;
    padding-top: 20px;
    padding-left: 0%;
    padding-right: 0%;
  }
	
  .header-right {
    display: none;
  }
    
     .heading-entry {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .heading-entry h2 {
    font-size: 20px;
    margin: 0;
  }
  .heading-entry h3 {
    font-weight: normal;
    font-size: 14px;
  }
    
.heading-entry p {
    font-weight: normal;
    font-size: 14px;
    padding:10px 0;
  }
    
		.heading-map {
	margin: 0 0% 0 0%; 
  padding-top: 40px;
  padding-bottom: 50px;
  color: #365368;
    text-align: left;
}
    
  .heading {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .heading h2 {
    font-size: 20px;
    margin: 0;
  }
  .heading h3 {
    font-weight: normal;
    font-size: 14px;
  }
  .heading h4 {
    margin: 0;
    font-size: 30px;
  }
  .text-contents {
    width: 100%;
    margin: 5px 0 0 0;
  }
  .menu-icon {
    display: block;
  }
  .top-wrapper h1 {
    font-size: 24px;
  }
  .top-wrapper p {
    font-size: 14px;
  }
  .smh-wrapper img {
    width: 320px;
    height: auto;
  }
  .contentbox-y {
    width: 92%;
    height: auto;
    margin: 5px 4% 5px 4%;
    padding: 20px 10px;
  }
  .contentbox-y h3 {
    margin: 0;
    font-size: 20px;
  }
  .contentbox-y h4 {
    margin: 10px 0 0 0;
    font-size: 14px;
  }
  .contentbox-y p {
    margin: 0;
    font-size: 12px;
  }
  .contentbox-b {
    width: 92%;
    height: auto;
    margin: 5px 4% 5px 4%;
    padding: 20px 10px;
  }
  .contentbox-b h3 {
    margin: 0;
    font-size: 20px;
  }
  .contentbox-b h4 {
    margin: 10px 0 0 0;
    font-size: 14px;
  }
  .contentbox-b p {
    margin: 0;
    font-size: 12px;
  }
  .contentbox-b span {
    font-size: 20px;
  }
  .content_news_box {
    margin: 10px 0 0px 0;
    padding: 10px 20px 20px 20px;
    font-size: 13px;
    background-size: 70% auto;
    background-position: right 10px bottom 60px;
  }
  .message-wrapper {
    padding-top: 20px;
    padding-bottom: 30px;
    border-bottom: none;
  }
  .heading-gray {
    margin-top: 20px;
    margin-bottom: 5px;
    padding: 20px 10px;
  }
  .heading-gray h2 {
    font-size: 20px;
  }
  .heading-gray h3 {
    font-size: 14px;
    text-align: left;
  }
	
	.contact_btn li {
    width: 96%;
    padding:10px 2%;
} 
	

    
}