<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";

/*--------------------------------------------------------------------
index.html	(トップページ)
top.css
--------------------------------------------------------------------*/


/*------------TopTitle------------------------------------------------------------*/
div#TopTitle {
	position: relative;
	width: 100%;
	min-height: 600px;
	background: url(../../img/top/title_bg.jpg) no-repeat center center;
	background-size: cover;
}
div#TopTitle h2 {
	position: absolute;
	width: 100%;
	max-width: 980px;
	height: 107px;
	background: url(../../img/top/title.png) no-repeat left top;
	top: 100px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	        transform: translateX(-50%);
	overflow: hidden;
	line-height: 0;
	text-indent: -99999px;
	font-size: 0;
}


/*------------TopTxt------------------------------------*/
div#TopTxt {
	position: relative;
	width: 100%;
	max-width: 1000px;
	margin: 40px auto 0;
	padding: 0 1em 40px;
}
div#TopTxt:after {
	position: absolute;
	display: block;
	content: "";
	width: 100%;
	max-width: 940px;
	border-bottom: 1px solid #bec0c2;
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	        transform: translateX(-50%);
}
div#TopTxt p {
	line-height: 1.8;
	font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "ヒラギノ明朝 Pro W3" , "HiraMinPro-W3" , Garamond , "Times New Roman" , "Sawarabi Mincho" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	font-size: 1.15em;
	font-weight: normal;
}


/*------------Works------------------------------------*/
div#Works {
	position: relative;
	width: 100%;
	max-width: 1400px;
	margin: 50px auto 0;
}
div#Works ul {
	width: 100%;
	margin: 0 auto -120px;
	list-style: none;
	overflow: hidden;
}
div#Works ul li {
	position: relative;
	width: 32%;
	margin-right: 2%;
	margin-bottom: 120px;
	float: left;
}
div#Works ul li:nth-child(3n) { margin-right: 0; }
div#Works ul li p + p {
	margin-top: 20px;
	font-size: 1.28em;
	font-weight: lighter;
}
div#Works ul li p.img img {
  -webkit-border-radius: 25px;
      -ms-border-radius: 25px;
					border-radius: 25px;
}
div#Works ul li p.white img { border: 1px solid #c8c8c9; }


/*------------estimateBtn------------------------------------*/
div#estimateBtn {
	position: relative;
	width: 370px;
	margin: 50px auto 0;
}
div#estimateBtn a {
	display: block;
	height: 0;
	/*padding-top: 54.05405405405405%;*/
	padding-top: 27.02702702702703%;
	background: url(../../img/top/estimate_btn.jpg) no-repeat left top;
	background-size: cover;
	overflow: hidden;
	line-height: 0;
	text-indent: -99999px;
	font-size: 0;
}</pre></body></html>