#area_2{ background-color:#d9dcdd; padding-top:9em}
@media only screen and (min-width:0px) and (max-width:1199px) { #area_2{ width:100%;}	 }	



#area_2 #area_2_graphics{ width:1200px; display:block; clear:both; margin-top:1em }
@media only screen and (min-width:0px) and (max-width:1199px) { #area_2 #area_2_graphics{ width:100%;}	 }	
	
	

#area_2 #area_2_graphics li{ width:390px; display:inline-block; position:relative; height:37em;  overflow:hidden}

#area_2 #area_2_graphics li .img_area{ width:100%;position:relative; height:31.2em; margin-top:10em;  -border:1px solid black ;  -border:3px solid blue }
#area_2 #area_2_graphics li .img_area>span{ position:relative; display:block;  width:100%; }

#area_2 #area_2_graphics li .img_area .img_area_01 img,
	#area_2 #area_2_graphics li .img_area .img_area_02 img,
	#area_2 #area_2_graphics li .img_area .img_area_03 img{ width:100%}
	
	
#area_2 #area_2_graphics li .img_area .img_area_01,
#area_2 #area_2_graphics li .img_area .img_area_02,
#area_2 #area_2_graphics li .img_area .img_area_03{ height:28em; -border-right:1px solid red; overflow:hidden}	
#area_2 #area_2_graphics li .img_area .img_area_01{ top:0em}
#area_2 #area_2_graphics li .img_area .img_area_02{	top:-28em; -border:1px solid red}
#area_2 #area_2_graphics li .img_area .img_area_03{	top:-56.3em; -border:1px solid blue}
#area_2 #area_2_graphics li .img_area .img_area_04{	top:-67.5em; color:#795454; font-weight:600; font-size:1em; line-height:1.3em;  -border:1px solid yellow}

#area_2 #area_2_graphics li .img_area .img_area_03,
#area_2 #area_2_graphics li .img_area .img_area_04{ display:block}

#area_2 #area_2_graphics li .circle_area{width:100%; display:block; position:relative; top:-41.0em; -border:3px solid red;    }

#area_2 #area_2_graphics li .text_area{	width:100%; display:block; position:relative; top:-40.5em; }
#area_2 #area_2_graphics li .text_area .text_area_title{	width:100%; display:block; font-size:1.4em; line-height:1.2em; font-weight:600; 	letter-spacing:-0.05em; 	color:#3a3a3a }
#area_2 #area_2_graphics li .text_area .text_area_text{		width:100%; display:block; font-size:0.95em;line-height:1.4em; font-weight:600; letter-spacing:-0.02em;		color:#676767}

/* ANIMAITION*/
#area_2 #area_2_graphics li .img_area{ margin-top:10em;  margin-top:0em; }

#area_2 #area_2_graphics li .img_area .img_area_03,
#area_2 #area_2_graphics li .img_area .img_area_04{ display:block; opacity:0}

#area_2 #area_2_graphics li .circle_area{ top:-41.0em; top:-27.6em;  }

#area_2 #area_2_graphics li .text_area{  top:-40.5em;	top:-23em;}