@charset "utf-8";

#root .webgene-blog{
	letter-spacing: -1em;
}
#root .case-item{
    display: inline-block;
    width: 32%;
    margin-right: 2%;
  	letter-spacing: normal;
  	margin-bottom: 40px
}
#root .case-item:nth-of-type(3n){
    margin-right: 0px;
}
#root .caseimg{
    margin-bottom: 10px;
}
#root .casetitle{
    color: #333;
  	font-size: 16px;
}
#root .webgene-pagination{
  	margin: 70px auto 0px;
}
#root .webgene-pagination ul{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
    flex-wrap:wrap;
    list-style: none;
    margin: 0px;
  	justify-content: center;
  	padding-inline-start: 0px;
}
#root .webgene-pagination li a {
	display: block;
    width:30px;
    background-color: #e2e2e2;
  	text-align: center;
  	letter-spacing: normal;
  	line-height: 30px;
  	margin-right: 10px;
    color: #333;
}
#root .webgene-pagination li.next a{
  	width: 50px;
}
#root .webgene-pagination li.prev a{
  	width: 50px;
}
#root .webgene-pagination li a:hover {
  background-color: #000;
  color: #fff;
}
#root .webgene-pagination .selected a{
  background-color: #000;
  color: #fff;
}
@media screen and (max-width: 1079px) {
  
#root .case-contents-otr{
    padding: 50px 20px;
}
}
@media screen and (max-width: 1023px) {
#root .case{
    padding: 50px 0px;
}
}
@media screen and (max-width: 767px) {
#root .case-item{
  	width: 100%;
  	margin: 0px 0px 30px;
}
#root .webgene-pagination{
    margin-top: 20px;
}
}