@charset "utf-8";

/***********************************************************
////////////////////////////////////////////////////////////

@ DESKTOP

////////////////////////////////////////////////////////////
***********************************************************/

	
/**************************************
  introduction
**************************************/
#introduction {

}

#introduction .illust {
    position: absolute;
    left: 520px;
    top: -220px;
    width: 620px;
}



	
/**************************************
  information
**************************************/
#information {

}



	
/**************************************
  instructor
**************************************/
#instructor {

}







/***********************************************************
////////////////////////////////////////////////////////////

@ TABLET

////////////////////////////////////////////////////////////
***********************************************************/
@media only screen and (max-width: 960px) {

	/**************************************
	  introduction
	**************************************/
	#introduction {

	}

	#introduction .illust {
		left: auto;
		right: 0px;
		top: -100px;
		width: 260px;
	}

}





/***********************************************************
////////////////////////////////////////////////////////////

@ MOBILE

////////////////////////////////////////////////////////////
***********************************************************/
 @media only screen and (max-width: 520px) {
	
}