@charset "utf-8";
@import url(cmn.css);
@import url(base.css);

/* ==========================================================================
	CONTENT
========================================================================== */
.category-group{
  overflow:hidden;
}
.ex-txt{
  background-color:#FBE6EF;
  padding:6px 10px;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
}
#movie iframe{
  width:100%;
}
#movie2{
  padding-top:20px;
}
#movie2 iframe{
  width:100%;
}

/* ------------------------------------------------------------
	 PC   800px -
------------------------------------------------------------ */

@media screen and (min-width: 800px) {
#head{
  border-bottom:1px solid #c6c6c6;
}
#academy .float-l{
  width:520px;
}
.prof-img{
  float:left;
  width:158px;
  height:auto;
}
.prof-txt{
  float:right;
  width:340px;
}
.prof-txt h3{
  font-size:1.1em;
}
.prof-txt p{
  font-size:0.9em;
}

#academy #movie{
  float:right;
  width:400px;
}
#academy .academy-img{
  width:400px;
  margin:0 auto;
}
#academy .academy-img img{
  width:100%;
}
.category-group{
  width:990px;
}
.category-box{
  float:left;
  width:465px;
  margin-right:30px;
  margin-bottom:70px;
}
.category-box h3 img{
  width:100%;
  height:auto;
  margin-bottom:10px;
}
.category-box p{
  margin-bottom:20px;
}


}

/* ------------------------------------------------------------
	 TABLET   for - 799px
------------------------------------------------------------ */

@media screen and (max-width:799px) {
#academy .float-l{
  width:57%;
}
.prof-img{
  float:left;
  width:30%;
  height:auto;
}
.prof-txt{
  float:right;
  width:67%;
}
.prof-txt h3{
  font-size:1.1em;
}
.prof-txt p{
  font-size:0.9em;
}



#academy #movie{
  float:right;
  width:40%;
}
#academy .academy-img{
  width:40%;
  margin:0 auto;
}
#academy .academy-img img{
  width:100%;
}
.category-group{
}
.category-box{
  float:left;
  width:48%;
  margin-bottom:50px;
  margin-right:2%;
}
.category-box h3 img{
  width:100%;
  height:auto;
  margin-bottom:10px;
}
.category-box p{
  margin-bottom:20px;
}


}
/* ------------------------------------------------------------
	 SP　599pxまで
------------------------------------------------------------ */

@media screen and (max-width: 599px) {
#academy .float-l{
  float:none;
  width:100%;
}
#academy #movie{
  float:none;
  width:100%;
}
#academy .academy-img{
  width:100%;
  margin:0 auto;
}
#academy .academy-img img{
  width:100%;
}

#category{
  margin-bottom:10px;
}
.category-group{
}
.category-box{
  float:none;
  width:100%;
  margin-right:0px;
  margin-bottom:40px;
}
.category-box h3 img{
  width:100%;
  height:auto;
  margin-bottom:10px;
}
.category-box p{
  margin-bottom:20px;
}


}