@charset 'utf-8';

.imageBnr img{
  transition: all 3s cubic-bezier(0.19, 1, 0.22, 1);
  width: 100%;
  height: 100%;
}

.iconBlank{
position: relative;
margin-right: 30px;    
}
/* ============================
table
============================ */
.recruitment-ratio {
    position: relative;
}
.recruitment-ratio table{
  width: 100%;
  font-size: 18px;
}
.recruitment-ratio table th{
  padding: 1em;
  background: #b0b0b0;
  text-align: center;
  border-right: solid 2px #fff;
  border-bottom: solid 2px #fff;
 color: white;
}
.recruitment-ratio table th:last-child,
.recruitment-ratio table td:last-child{
    border-right:none;
}
.recruitment-ratio table th.title{
  background: #eaeaea;
  text-align: left;
  border-right: solid 2px #fff;
  color:inherit;
}
.recruitment-ratio table td{
background: #f3f3f3;
  padding: 1em;
  border-right: solid 2px #fff;
 /* border-botom: solid 2px #eee;*/
　text-align: right;
}



@media screen and (max-width: 768px) {
#topVisualSlideWrap .topVisualTitle{
  top: 20%;
  margin: 0 auto;
  text-align: center;
  width: 100%;
  left: 0;
}
.recruitment-ratio table{
  width: 770px;
}

.recruitment-ratio:before {
    display: inline-block;
    font-size: 1.2rem;
    line-height: 1;
    content: "▼スワイプでスクロール";
    opacity: 0.5;
}
    .recruitment-ratio .inner{
overflow: auto;
}
.peBackBtn a{
display: block;
}
    
}