@charset "UTF-8";

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

/* photo */
.photo_ul {
	margin-bottom: 30px;
}
	.photo_ul li {
		display:block;
		float: left;
		margin-right: 20px;
		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;
	}
	.column_arrow li:nth-of-type(3n) {
		margin-right: 0;
	}
	.column_arrow .arrow {
		width: 40px;
		height: 232.5px;
		background: url(../img/paint_img/arrow.png) no-repeat center center;
	}

		.photo_ul li a {
			display: block;
		  box-sizing:border-box;
		  -moz-box-sizing:border-box;
		  -webkit-box-sizing:border-box;
		  -ms-box-sizing:border-box;
			position:relative;
		}
		.column2 li a {
			width: 340px;
			height: 255px;
		}
		.column3 li a {
			width: 220px;
			height: 165px;
		}
		.column_arrow li a {
			width: 310px;
			height: 232.5px;
		}

		.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 6px rgba(255,255,255,0.6);
		}
			.photo_ul li a img {
				width:100%;
				height:auto;
				vertical-align:top;
				border-radius: 3px;
			}
		/* キャプション */
		.column2 li span {
			margin-top: 5px;
			display: block;
			background: #333;
			padding: 5px;
			text-align: center;
			color: #FFF;
		}

.image_center {
	margin-top: -20px;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -ms-box-sizing:border-box;
	position:relative;
	width: 700px;
	height: 525px;
}
.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 6px rgba(255,255,255,0.6);
}
	.image_center img {
		width:100%;
		height:auto;
		vertical-align:top;
		border-radius: 3px;
	}


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

index

---------------------------------------------------------------------------------------------------------------------------------------- */
/* intro */
.index_info_txt {
	padding: 15px 0 20px;
	color: #000;
}

/* 主な仕事内容 */
.works_box {
	background: url(../img/common_img/bg_box.gif) repeat left top;
	padding: 0 0 15px 15px;
	border-radius: 5px;
}
	.works_box .works_title {
		float: left;
	}
	.works_box .works_ul {
		float: right;
		width: 450px;
		margin-top: 40px;
	}
		.works_box .works_ul li {
			float: left;
			margin-right: 20px;
		}
		.works_box .works_ul li:before {
			content: "●";
			color: #00a084;
			font-size: 12px;
			margin-right: 5px;
		}
		.works_tel {
			width: 100%;
			text-align: center;
		}
			.works_tel img {
				margin: 8px auto 0;
			}

/* コンテンツバナー */
.index_banner {
	margin-top: 30px;
}
	.index_banner li {
		float: left;
		margin-right: 20px;
	}
	.index_banner li:last-of-type {
		margin-right: 0;
	}


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

company

---------------------------------------------------------------------------------------------------------------------------------------- */
.company_table {
  display: table;
  font-size: 12px;
  width: 700px;
  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 20px;
	  	border-bottom: 1px solid #D1D1D1;
	  }
	  .company_table dt {
	    display: table-cell;
	    width: 110px;
	    background: url(../img/common_img/bg_box.gif);
	    font-weight: bold;
	  }
	  .company_table dd {
	    display: table-cell;
	  }
		  .company_table dd span{
		    margin-left: 10px;
		  }

/* map */
#map {
	margin-top: 30px;
	background: url(../img/common_img/bg_box.gif) repeat left top;;
	padding: 5px;
}
	#map iframe {
		border: 2px solid #FFF;
	}

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

paint

---------------------------------------------------------------------------------------------------------------------------------------- */
.paint_p {
	padding-bottom: 30px;
}

.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: 14px;
		width: 310px;
		line-height: 38px;
		text-align: center;
		position: relative;
		border-radius: 3px;
	}
	.midashi_ul li:first-of-type {
		margin-right: 80px;
	}
	.midashi_ul li:before{
		content: "";
		position: absolute;
		bottom: -16px;
		right: 50%;
		border: 10px solid transparent;
		border-top: 10px solid #20A78E;
	}