@charset "utf-8";

@media only screen and (min-width: 768px){
	#top .top_bg { background-image: url(../images/privacypolicy/fv_bg.jpg);}
	#works .inner{width: 751px ; height: auto;}
	#top .title{width: 500px;}
} 

#works h3{font-size: 24px; font-family: 'NotoSansJP-Medium'; padding: 60px 0 30px;}
#works p{ font-size: 16px; line-height: 180%; font-family: 'NotoSansJP-Regular'; }
#works .ul{padding: 0 0 0 20px;}
#works ul li{line-height: 180%;  display: block; font-size: 16px;font-family: 'NotoSansJP-Regular';}

#works ul .li {text-indent:-1em;  padding-left:1em;}
#works .ul_four{padding-top: 20px;}
#works .ul_four li{ text-indent:-1em;  padding-left:1em; }
.tel_br{display: none;}

/* ------------------------------------------------------------ mobile ------------------------------------------------------------ */
@media only screen and (max-width: 768px) {
	.tel_br{display: block;}
	#top .title h2 span{font-size: 30px;}
		
	#top .top_bg { background-image: url(../images/privacypolicy/fv_bg_sp.jpg); }
	
	#works h3{font-size: 15px; padding: 35px 0 20px;}
	#works p{ font-size: 12px;  }
	
	#works .ul{padding: 0 0 0 0;}
	#works .ul_sp{padding: 0 0 0 15px;}
	#works ul li{ font-size: 12px; text-indent:-1em;  padding-left:1em; }
	#works ul li .PC{ display: none;}
	#works .ul_four{padding-top: 20px;}

	
}