@charset "utf-8";
/* ===================================================================

 file name  :landscape.css
 style info :街づくり

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

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

	overwrite

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




/* =================================== */
#main img{
	width:100%;
	height:auto;
}


#main .lead{
	margin-bottom:4em;
	text-align:center;
	font-size:125%;
	font-weight:bold;
	line-height:1.8;
}

#main .list{
	padding-bottom:20px;
}
#main .list ul{
	margin-left:-40px;
}
#main .list li{
	border:1px solid #bdbdbd;
	padding:29px;
	width:420px;
	float:left;
	margin:0 0 40px 40px;
}
#main .list li h2{
	margin-bottom:0.6em;
	font-size:134%;
	color:#ed81a9;
}
#main .list li p{
	font-size:109%;
	line-height:1.8;
}


#main .list .list01{
	border:none;
	padding:0;
	width:520px;
	position:relative;
}
#main .list .list01 h2{
	position:absolute;
	width:200px;
	right:12px;
	bottom:-12px;
}
#main .list .list01 figure{
	margin-left:-10px;
}
#main .list .list01 figure figcaption{
	margin:0.5em 0 0 58px;
	font-size:92%;
}


#main .list .list02{
	margin-left:0;
}
#main .list .list02 figure figcaption{
	display:block;
	text-align:right;
	margin:0.5em 0 1.5em;
	font-size:92%;
}

#main .gaiku{
	width:670px;
	margin:0 auto;
	position:relative;
}
#main .gaiku figcaption{
	position:absolute;
	right:104px;
	bottom:80px;
	font-size:92%;
}





/* ==========================================================================
   smartPhone
   ========================================================================== */
@media screen and (max-width: 768px){

	/* =============================
	
		overwrite
	
	=============================== */
	
	#content{
		overflow:hidden;
	}
	
	/* =================================== */

	
	#main .lead{
		margin-bottom:2em;
		font-size:117%;
		line-height:1.6;
	}

	#main .list ul{
		margin-left:0;
	}
	#main .list li{
		padding:16px;
		width:100%;
		float:none;
		margin:0 0 20px 0;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
	#main .list li h2{
		font-size:11px;
	}
	#main .list li p{
		font-size:10px;
	}


	#main .list .list01{
		width:100%;
		padding-bottom:13%;
	}
	#main .list .list01 h2{
		width:50%;
		right:-5%;
		bottom:0;
	}
	#main .list .list01 figure{
		margin:0 -10px;
	}
	#main .list .list01 figure figcaption{
		margin:0.5em 0 0 14%;
		font-size:9px;
	}


	#main .list .list02{
		margin-left:0;
	}
	#main .list .list02 figure figcaption{
		font-size:9px;
	}


	#main .gaiku{
		width:92%;
	}
	#main .gaiku figcaption{
		right:6%;
		bottom:15%;
		font-size:9px;
	}






}