@charset "utf-8";
.works_txt{
	display: inline-block;
	font-size: 1.500em;
	letter-spacing: 0.05em;
	font-weight: bold;
	margin: 20px 0 40px 0;
	padding: 0 20px;
	border-bottom: 3px solid #523F33;
}
.works_unit {
	margin-top: 50px;
	overflow: hidden;
}
.works_visual {
  width: 640px;
  margin: 0 auto;
  padding: 20px;
 background-color: #3B3838;
}
.photo,
.photo li {
  margin: 0 auto;
  padding: 0;
  list-style: none;
}

.photo li {
  width: 640px;
  height: 480px;
  overflow: hidden;
}
.ph_no {
  display: none;
}
.photo li:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
}
.detail_box{width: 960px;
margin: 20px auto; }
.boxL{
  width: 60%;
  float: left;
  text-align:left;
  padding: 20px 20px 20px 0px;
  box-sizing: border-box;
}
.boxR{
  width: 40%;
  float: right;
    text-align:left;
	box-sizing: border-box;
  padding: 20px 0px;
}
.thumb,
.thumb li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.thumb li {
  display: inline-block;
  width:72px;
  height: 72px;
  overflow: hidden;
  cursor: pointer;
  vertical-align: top;
  margin-bottom: 6px;
}
.thumb li img {
  width: 92px;
  height:92px;
   object-fit: cover;
}
.thumb li:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
}
table {
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

td {
	padding: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
tr {
	border-bottom: 1px #DCD3BE solid;
}
th {
	padding: 10px 10px 10px 10px;
	width: 25%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.works_arc{display: flex;
	justify-content: space-between;
	flex-wrap: wrap;}
.works_arc .item img{ width:100%;}
.item{
  margin-bottom:30px;
  box-sizing:border-box;
  width:30%;}
.works_arc::after{
  content:"";
  display: block;
  width:30%;
}

.works_arc_btn{
 display: inline-block;
    position: relative;
    padding: 10px 100px;
    text-decoration: none;
    background-color: #E0D77C;
    border-radius: 2px;
    -webkit-transition: none;
    transition: none;
    box-shadow: 0 3px 0 #523F33;
		font-weight:bold;
  }
.works_arc_btn:hover {
    top: 3px;
    box-shadow: none;
		 text-decoration: none;
  }
.works_arc_btn p:after {
    content: url(../../images/arrow_icon.png);
    position: absolute;
    margin-left: 1em;
}