/* タブレット */

@media (max-width:960px){
  html{
    font-size:50%;
  }
  .header{
    width:100%;
    height:140px;
  }
  .head{
    width:90%;
  }
  .spacer{
    width:100%;
    height:165px;
  }
  .nav-menu ul{
    width:95%;
  }
  section{
    width:90%;
  }
  .welcome-img img{
    height:20rem;
    width:auto;
    margin-right:5px;
  }
  /* .welcome-img{
    display:none;
  } */
  .meiji{
    width:80%;
  }
  .conf{
    width:80%;
  }
  .slick-dots li{
    width: 100px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
  }
 .slick-dots li button{
    width:100px;
    height:20px;
    padding:10px;
  }
  .slick-dots li button:before{
    width: 100px;
    height: 20px;
    font-size:18px;
  }
  
}

@media (max-width:560px){
  html{
    font-size:56%;
  }
  .header{
    width:100%;
    height:145px;
  }
  .head{
    height:8.0rem;
  }
  .logo{
    display:none;
  }
  .logo_mobile{
    display:block;
    height:40px;
    margin:10px 0 0 10px;
  }
  .name h2{
    font-size:18px;
  }
  .name h1{
    font-size:26px;
  }
  .name h4{
    display:none;
  }
  .name h3{
    display:none;
  }
  .name h6{
    display:block;
    font-size:15px;
    margin:0;
  }
  .name h5{
    display:block;
    font-size:23px;
    margin:0;
  }
  .language-box{
    display:none;
  }
  .nav-menu{
    display:none;
  }
  .slick-dots li{
    width:60px;
  }
  .slick-dots li button{
    width:60px;
  }
  .slick-dots li button:before{
    width: 60px;
    font-size:16px;
  }
  section{
    margin:24px auto;
  }
  p{
    line-height:22px;
  }
  .slick-slide img {
    width:auto;
    height:65vw;
    max-height: 800px; 
    min-height: 200px;
  }
  .meiji{
    flex-direction:column;
    text-align:center;
  }
  .meiji img{
    width:70%;
    height:auto;
  }
  .meiji a{
    margin-bottom:30px;
    font-size:20px;
  }
  .conf{
    width:70%;
    display:grid;
    gap:20px;
    grid-template-columns:repeat(2,1fr);
  }

  /* ページタイトル */
  .title-menu{
    display:block;
    display:flex;
    justify-content:space-between;
    width:100%;
    background-color:#15406A;
    margin:20px auto;
    padding:10px 0;
  }
  .spacer{
    width:100%;
    height:185px;
  }
  .title-block{
    margin:0px 0px 0px 50px;
  }
  .title-block h1{
    color:white;
    font-weight:normal;
    text-align:center;
    font-size:1.8rem;
  }
  .page-title{
    display:none;
  }

  /* ハンバーガーメニューボタン */
  .ham-button{
  z-index: 2;
  display:block;
  margin:0px 20px 0px 0px;
  width:20px;
  }
  .ham-button i{
  margin-top:0px;
  line-height:22px;
  color:white;
  }

/* メニュー本体 */
  .ham-menu{
  position: fixed;
  top: 20.7rem;
  right: -40vw;
  z-index: 1;
  width: 40vw;
  height: 100vh;
  display: flex;
  flex-direction: column;
  background: rgba(250,250,250,0.95);
  padding-top:1.5rem;
  }
  /* アニメーション前のメニューの状態 */
  .ham-menu{
    /* transform: translateX(100vw); */
    transition: all .3s linear;
  }
  /* アニメーション後のメニューの状態 */
  .ham-menu.is-active{
    transform:translate3d(-40vw,0,0);
    /* transform: translateX(0); */
  }
  .menu-item{
    font-size:2.0rem;
    margin:0 0.6rem;
    padding:1.0rem 0;
    border-bottom:1px solid #aaaaaa;
  }
  .menu-item a{
    color:#15406A;
  }
  .welcome-img img{
    height:10rem;
    width:auto;
    margin:0;
  }
  /* メンバー */
  .mem-contents {
    gap:1.0rem;
  }
  
  /* コンタクト */
  .contact-contents h3{
    font-size:2.0rem;
    margin-bottom:1.0rem;
  }
  .contact-contents p{
    font-size:1.4rem;
  }
  #mail{
    margin-top:3.0rem;
    font-size:1.4rem;
  }
  .access{
    flex-direction:column;
  }
  .map{
    margin:1.0rem auto;
    width:100%;
  }
  .map iframe{
    height:30rem;
  }
  .address p{
    font-size:1.4rem;
  }
  
  /* フッター */
  footer{
    height:5.0rem;
    padding:1.5rem;
  }
  footer p{
    width:80%;
    margin:0 auto;
    /* padding:0.6rem 0; */
  }


}