@charset "utf-8";

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

@ DESKTOP

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

	
/**************************************
  (page-title)
**************************************/
#main #page-title.title_image {
	padding-bottom: 150px;
}

/* draw */
#main #page-title.title_image .draw {
	bottom: 46%;
}
#main #page-title.title_image .draw svg.illust {
	position: absolute;
	width: 20%;
	left: -9%;
	bottom: -15%;
}

/* bgimage */
#page-title.title_image .bgimage {
	clip-path: url('#page-title-bgimage-clip');
}




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

}

#introduction .illust {
	position: absolute;
	left: 700px;
	top: -180px;
	width: 540px;
}




/**************************************
  overview
**************************************/
#overview {

}




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

}










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

@ TABLET

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

	/**************************************
	  (page-title)
	**************************************/
	#main #page-title.title_image {
		padding-bottom: 100px;
	}

	/* draw */
	#main #page-title.title_image .draw {
		bottom: 50%;
		left: 3%;
		width: 160%;
	}
	#main #page-title.title_image .draw svg.illust {
		width: 30%;
		left: -8%;
		bottom: -40%;
	}


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

	}

	#introduction .illust {
		left: 60vw;
		top: -120px;
		width: 260px;
	}



}





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

@ MOBILE

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