@charset "utf-8";



@import url("../../../../css/common.css");
@import url("common.css");





/*===========================================



    use_of_land

	

	qa.css

		

===========================================*/



div#intro {

	width: 980px;

	height: 457px;

	margin: 0 auto;

	background: url(../../images/tochikatsuyo/qa/person.jpg) bottom right no-repeat;

	text-align: left;

}



div#intro h3 {

	width: 246px;

	margin: 15px 0 0 565px;

	text-align: ;

}



div#intro ul {

	width: 750px;

	margin: 30px 0 0 30px;

}



	div#intro ul:after { 

		content: " "; 

		display: block; 

		clear: both; height: 0; 

	} 

	div#intro ul { 

		display: inline-block; 

	} 

	div#intro ul { 

		display: block; 

	}



div#intro ul li {

	float: left;

	width: 245px;

	display: inline;

	margin: 0 5px 5px 0;

}





div#footer {

	margin: -1px auto 0 auto;

}




/*-------------------------*/
/* デバイスサイズ 889px*/
/*-------------------------*/
@media screen and (max-device-width: 889px) {

div#intro{ width: auto; height: inherit; background: none; padding: 0 10px; margin-bottom: 30px;}
div#intro h3{ width: auto; margin: 0 0 15px; padding: 0;}
div#intro ul{ width: auto; margin: 0;}
div#intro ul li{ float: none; width: auto; display: block; margin: 0;}
div#intro ul li:not(:last-child){ margin-bottom: 10px;}
div#intro ul li img{ width: 100%;}
    
}