<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
/*------------------------------------------------------------
    施工事例
------------------------------------------------------------*/
#gNavi li.gn07 a {
  background-position: -558px -61px;
}

#conts .case .days {
  margin-top: -19px;
  border-bottom: 1px dotted #333;
  color: #3f733c;
  font-size: 1.5rem;
  font-weight: bold;
  text-align: right;
}

#conts .case .photoList {
  margin-top: 60px;
}

#conts .case .photoList .beforeIcon {
  position: relative;
}

#conts .case .photoList .beforeIcon:before {
  content: "Before";
  width: 83px;
  height: 83px;
  border-radius: 50%;
  background-color: #bc3309;
  display: block;
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: 1.8rem;
  line-height: 4.6;
  position: absolute;
  top: -33px;
  left: 3px;
    z-index:1;
}

#conts .case .photoList .afterIcon {
  position: relative;
}

#conts .case .photoList .afterIcon:before {
  content: "After";
  width: 83px;
  height: 83px;
  border-radius: 50%;
  background-color: #ff9600;
  display: block;
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: 1.8rem;
  line-height: 4.6;
  position: absolute;
  top: -33px;
  left: 3px;
  z-index:1;
}

#conts .case .details.photoList .beforeIcon:before {
  width: 50px;
  height: 50px;
  font-size: 1.4rem;
  line-height: 3.7;
  top: -7px;
}

#conts .case .details.photoList .afterIcon:before {
  width: 50px;
  height: 50px;
  font-size: 1.4rem;
  line-height: 3.7;
  top: -7px;
}

#conts .case .details.photoList .afterIcon p {
  margin-bottom: 0px;
}

#conts .case .txtImg .txtBox {
  padding-right: 14px;
  width: 474px;
}

#conts .case .txtImg .txtBox .userName {
  margin-top: 56px;
  display: block;
  text-align: right;
}

#conts .case .txtImg .imgBox {
  padding-bottom: 12px;
  width: 210px;
  border: 1px solid #c4a869;
  text-align: center;
}

#conts .worksList{
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
}

#conts .worksList li{
    padding-left: 0;
    margin:0 0 30px 12px;
    width: 225px;
    float: left;
    padding-left:0;
}

#conts .worksList li:first-child{
    margin-left:0;
}

#conts .worksList li:nth-child(3n+1){
    margin-left:0;
}

#conts .worksList li:before{
    content:none;
}

#conts .worksList h3{
    padding:0 0 0 7px;
    border:none;
    border-left:solid 10px #3f733c;
    font-size:1.6rem;
    margin-bottom:5px;
}

#conts .worksList h3:after{
    content:none;
}

#conts .worksList .tax{
    background-color:#D17C1A;
    border-radius: 5px;
    font-size:11px;
    display: inline-block;
    padding:2px 5px;
    color:#fff;
    font-weight: bold;
    margin-right:5px;
}

#conts .worksList .tax2{
    background-color:#853210;
}

#conts .worksList .uragaeshi{
    background-color:#386dc9;
}

#conts .worksList .omotegae{
    background-color:#a81e71;
}

#conts .worksList &gt; li &gt; a{
    display: block;
    margin-bottom:5px;
}
</pre></body></html>