@charset "UTF-8";
@media screen and (max-width: 767px) {
  body#entrance,body#concept{
    width: 100%;
    min-width: 100%;
  }
  #wrap #mainArea{
    color:#333333;
    font-family: "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", sans-serif;
    font-style: normal;
    letter-spacing: 0.05em;
  }
  .headerLocal{
    padding: 0 2rem;
    height: 6.7rem;
  }
  #wrap{
    margin-top: 6.7rem;
  }
  #siTopLogo{
    width: 15vw;
  }
  #siTopLogo img{
    vertical-align: middle;
  }
  .headerLocal .logoWrapLocal > a{
    width: 40vw
  }
  .headerLocal .logoWrapLocal > a > img{
    width: 100%;
  }
  #siGmenuBtn{
    width: 15vw;
    justify-content: flex-end;
  }
  #siGmenuBtn span{
    display: none;
  }
  #siGmenuBtn .btn{
    height: 2rem
  }
  #siGmenuBtn .line{
    width: 3.6rem;
  }
  #siGmenuBtn .line:nth-child(2){
    width: 2.8rem;
  }
  #entrance .content{
    flex-flow: column;
    /*height: calc(100svh - 6.7rem);*/
    height: auto;
  }
  #entrance .cover{
    width: 100%;
    height: calc(100svh / 2);
    min-height: 100vw;
  }
  #fv{
    height: calc(100svh - 6.7rem);
  }
  .box-r{
    border-radius: 1.2rem;
  }
  .headerLocalGmenu{
    overflow-y: auto;
  }
  .headerLocalGmenu .inner div.flex{
    flex-flow: column;
        padding-bottom: 4rem;
  }
  .headerLocalGmenu ul.menuList{
    width: 100%;
  }
  .headerLocalGmenu ul.mov{
    margin-top: 0;
  }
  .headerLocalGmenu ul.menuList.concept{
    /*margin-bottom: 4rem;*/
  }
  .modaal-container{
    width: 90%;
    padding: 20px 20px;
  }
  .modaal-wrapper .modaal-close{
    right: -12.5px;
    top: -25.5px;
    width: 45px;
    height: 45px;
  }
  .modaal-close:before, .modaal-close:after{
    width: 25px;
    height: 3px;
  }
  .modaal-inner-wrapper{
    padding-left: 0;
    padding-right: 0;
  }
  /*#topicPath, .topicPath{
    display: block;
    width: 100%;
    padding-left: 2rem;
    padding-right: 2rem;
  }*/
}
@media screen and (max-width: 540px) {
  a.link.btn{
    font-size: 1.4rem;
  }
  #entrance a.link.btn{
    width: 85vw;
  }
  #entrance .cover .txt h1{
    font-size: 7vw;
    line-height: 1.25;
    margin-bottom: 1rem;
  }
  #entrance .cover .txt p{
    padding: 0 2.4rem;
    font-size: 1.4rem;
    margin-bottom: 1.8rem;
  }
  #entrance .cover .txt p br{
    display: none;
  }
  #entrance .cover .txt p br.sp {
    display: block;
}
  #entrance .cover .txt{
    padding-bottom: 2.8rem;
  }
  .headerLocalGmenu ul.menuList li.menuTitle{
    font-size: 1.6rem;
    padding-bottom: 0.5em;
  }
  .headerLocalGmenu ul.menuList li.menuTitle.flex{
    flex-flow: column;
    align-items: flex-start;
  }
  .headerLocalGmenu ul.mov{
    flex-flow: column;
    display: none;
  }
  .headerLocalGmenu ul.mov li{
    width: 100%;
  }
  .headerLocalGmenu ul.mov li:first-of-type{
    margin-bottom: 2rem;
  }
  .headerLocalGmenu ul.mov li img{
    aspect-ratio: 16 / 5;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
@media screen and (max-width: 320px){
  #entrance a.link.btn{
    width: 95vw;
  }
}