/* タブレット向けレイアウト */
@media screen and (max-width: 1000px) {



}

/* モバイル向けレイアウト */
@media screen and (max-width: 670px) {

.header{
    display:none;
  }

.header-mobile{
  display:none;
}

.header-mobile.is-active{
  display:block;
}

.icon{
  display: block;
}

.qualification{
  margin: 20px 10px 20px 10px;
}

.title{
  padding: 0 20px;
  top: 50%;
}

.overview{
  padding: 10px 10px;
  margin: 30px 10px 0px 10px;
}

.menu{
  display: none;
}

.comparisonchart{
  display: none;
}

.mobile-only{
  display: block;
}

.session-chart{
  display: none;
}

.session-cards{
  display: block;
}

.info{
  margin: 0px 10px 0px 10px;
  padding: 20px 10px 20px 10px;
}

.content{
  margin: 0px 10px 10px 10px ;
}

.content h3{
}


.content-text{
 margin: 10px 10px;
 width:90%;

}
.content-photo{
margin: 10px 10px;
 width:90%;
 overflow: hidden;
}

.content2{
  padding: 0px 10px;
  flex-direction: column-reverse;
}

.content2-text{
 margin: 10px 10px;
 width:90%;

}
.content2-photo{
margin: 10px 10px;
 width:90%;
 overflow: hidden;
}

.involved{
  margin: 20px 20px;
  padding: 20px 20px;
  border-radius: 10px;
}

.footer_full{
  padding-top: 10px;
  margin-top: 10px;
}

.footer_frame{
  padding: 10px 20px 30px 20px;
}

}