@charset "UTF-8";

@import url(base.css);
@import url(common.css);

/* photo */
.photo_ul {
	width: 100%;
}
	.photo_ul li {
		display:block;
		float: left;
		margin-bottom: 10px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}
	.photo_ul li:last-of-type {
		margin-right: 0;
	}
		.photo_ul li a {
			display: block;
			width: 100%;
			height: auto;
		  box-sizing:border-box;
		  -moz-box-sizing:border-box;
		  -webkit-box-sizing:border-box;
		  -ms-box-sizing:border-box;
			position:relative;
		}
		.photo_ul li a:before {
		  content: '';
		  display: block;
			border-radius: 3px;
		  position: absolute;
		  top: 0;
		  left: 0;
		  width: 100%;
		  height: 100%;
		  box-shadow: inset 0 0 0 3px rgba(255,255,255,0.6);
		}
			.photo_ul li a img {
				width:100%;
				height:auto;
				vertical-align:top;
				border-radius: 3px;
			}

.column2 {
}
	.column2 li {
		width: 48%;
		margin-right: 4%;
	}
		.column2 li span {
			margin-top: 5px;
			margin-bottom: 10px;
			display: block;
			background: #333;
			padding: 3px;
			text-align: center;
			color: #FFF;
			font-size: 11px;
		}

.column3 {
	margin-bottom: -10px;
}
	.column3 li {
		width: 30%;
		margin-right: 5%;
	}

.column_arrow {
}
	.column_arrow li {
		width: 45%;
	}
	.column_arrow li:nth-of-type(3n) {
		margin-right: 0;
	}
	.column_arrow .arrow {
		width: 10%;
		min-height: 100px;
		background: url(../img/paint_img/arrow.png) no-repeat center center;
		background-size: 20px;
	}

.image_center {
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -ms-box-sizing:border-box;
	position:relative;
	width: 100%;
	height: auto;
	margin-bottom: 10px;
}
.image_center:before {
  content: '';
  display: block;
	border-radius: 3px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: inset 0 0 0 3px rgba(255,255,255,0.6);
}
	.image_center img {
		width:100%;
		height:auto;
		vertical-align:top;
		border-radius: 3px;
	}

/* ----------------------------------------------------------------------------------------------------------------------------------------

Index

---------------------------------------------------------------------------------------------------------------------------------------- */
/* ごあいさつ */
.greeting_title {
	margin: 20px 0 10px;
}
	.greeting_title img {
		width: 300px;
		height: 24px;
	}

/* 主な仕事内容 */
.works_box {
	margin-top: 20px;
	background: url(../img/common_img/bg.png) repeat left top;
	background-size: 4px;
	padding: 10px 10px 3px;
}
	.works_box .works_title {
		margin-bottom: 5px;
	}
		.works_box .works_title img {
			width: 93px;
			height: 15px;
		}

	.works_box .works_ul {
		margin-left: 10px;
	}
		.works_box .works_ul li {
		}
		.works_box .works_ul li:before {
			content: "●";
			color: #00a084;
			font-size: 12px;
			margin-right: 5px;
		}

	.works_box .works_tel {
		text-align: center;
	}
	.works_box .works_tel img {
		width: 280px;
		height: 57px;
		margin: 10px auto;
	}

@media only screen and (min-width: 500px) {
	.works_box .works_ul {
	}
		.works_box .works_ul li {
			width: 50%;
			float: left;
		}
}

/* コンテンツバナー */
.index_banner {
	margin-top: 20px;
}
	.index_banner li {
		margin-bottom: 5px;
		text-align: center;
	}
		.index_banner li a img{
			width: 300px;
			height: 56px;
			margin: 0 auto;
		}

/* ----------------------------------------------------------------------------------------------------------------------------------------

company

---------------------------------------------------------------------------------------------------------------------------------------- */
.company_table {
  display: table;
  font-size: 12px;
  width: 100%;
  margin-bottom: 20px;
}
  .company_table dl {
    display: table-row;
  }
  .company_table dl:first-of-type dt,
  .company_table dl:first-of-type dd {
    border-top: 1px solid #D1D1D1;
  }
	  .company_table dt,
	  .company_table dd {
	  	padding: 10px 5px 10px 15px;
	  	border-bottom: 1px solid #D1D1D1;
	  }
	  .company_table dt {
	    display: table-cell;
	    width: 80px;
	    background: url(../img/common_img/bg.png) repeat left top;
	    background-size: 4px;
	    font-weight: bold;
	  }
	  .company_table dd {
	    display: table-cell;
	  }
		  .company_table dd span{
		    display: block;
		    color: #222;
		    text-decoration: underline;
		    line-height: 1.5;
		  }

/* map */
#map {
	display: none;
}

/* ----------------------------------------------------------------------------------------------------------------------------------------

reform

---------------------------------------------------------------------------------------------------------------------------------------- */
#reform_box h4:first-of-type {

}

/* ----------------------------------------------------------------------------------------------------------------------------------------

paint

---------------------------------------------------------------------------------------------------------------------------------------- */
#paint_box h4:first-of-type img {
	width: 300px;
	height: 32px;
}
.paint_p {
}

.midashi_ul {
	letter-spacing: -.40em;
	margin-bottom: 5px;
}
	.midashi_ul li {
		display:inline-block;
		letter-spacing: normal;
		background: #20A78E;
		color: #FFF;
		font-weight: bold;
		font-size: 13px;
		width: 45%;
		line-height: 30px;
		text-align: center;
		position: relative;
		border-radius: 3px;
	}
	.midashi_ul li:first-of-type {
		margin-right: 10%;
	}
	.midashi_ul li:before{
		content: "";
		position: absolute;
		bottom: -16px;
		left: 40%;
		border: 12px solid transparent;
		border-top: 12px solid #20A78E;
	}