@charset "UTF-8";

@media screen and (min-width: 940px) {
    .single-c_works .right-sidebar .content-area {
	/*padding-right: 39px;*/
	width: 100%;
	border-right-style: none;
    }

}



#wrap_wrklist .wrap ul{
  display: flex;
  flex-wrap: wrap;
  /*gap: 20px;*/
  list-style: none;
  margin: 0;
  padding: 0;
}

#wrap_wrklist .wrap li{
	width: 25%;
	padding: 0 5px 10px;
  /*width: calc(25% - 15px);*/ /* 4列 */
}

#wrap_wrklist .inner{
  display: block;
}

#wrap_wrklist .ph img{
  width: 100%;
  height: 200px;
  object-fit: cover;
  display: block;
}

#wrap_wrklist h3{
  font-size: 16px;
  border: none;
  background-color: #222;
  color: #fff;
  padding: 5px;
}


.fade-up{
  opacity: 0;
  transform: translateY(50px);
  transition: opacity .6s ease, transform .6s ease;
  will-change: opacity, transform;
}

.fade-up.is-inview{
  opacity: 1;
  transform: translateY(0);
}


.flexbox02 .txt {

}

.txt01 {
  display: inline;
  background: linear-gradient(
    transparent 70%,
    #ff5c5c 20%
  );
}

.txt02{
  display: inline;
  background: linear-gradient(
    transparent 60%,
    #ffe95c 60%
  );
}