@charset "utf-8";

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

@ DESKTOP

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

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

}

#introduction .illust {
	position: absolute;
	left: 820px;
	top: -140px;
	width: 400px;
}




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

}




/**************************************
  philosophy
**************************************/
#philosophy {

}








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

@ TABLET

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

	/**************************************
	  page-title
	**************************************/

	#main #page-title.title_image {
		height: 520px;
	}
	#page-title.title_image .bgimage img {
		/*object-position: 80%;*/
	}


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

	}
	#introduction .illust {
		left: 56vw;
		top: -140px;
		width: 210px;
	}

}





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

@ MOBILE

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