.detail_bg{
  display: block;
  position: relative;

  width: 90%;
  max-width: 950px;

  margin: 20px auto;
  
  padding-top: 4vw;
  padding-bottom: 2vw;

  background-color: rgb(255, 255, 255);
  /* color:#2b67b9; */
  color: #2B67B9;
  font-size: 0.8rem;
}

.detail_bg_inner{
  padding-left: 5vw;
  padding-right: 5vw;
}

.detail-title{
  width: 95%;
  margin: 0 auto;
  font-size: 1.5rem;
  font-weight: bold;
}

/* Recruit detail table styling */
.recruit-detail{
  width: 95%;
  border-collapse: collapse;
  margin: 20px auto 20px;
  border: 1px solid #c7e1ff;
}

.recruit-detail th{
  /* background: #e1eaf3; */
  /* background: #c1d6e9; */
  /* background: #cbd9e8; */
  /* background: #e1e8f0; */
  /* background: #F5F5F2; */
  background: #f0f5fa;
  color: #434343;
  text-align: left;
  vertical-align: top;
  /* padding: 12px 16px; */
  padding: 20px 20px 20px 30px;
  border: 1px solid #e1eaf3;
  width: 25%;
  font-size: 12px;
}

@media only screen and (max-width: 920px){
  .recruit-detail th{
    padding: 6px 8px;
  }
}

.recruit-detail td{
  font-family: "Noto Sans JP";
  background: #fff;
  font-size: 12px;
  line-height: 1.7;

  color: #565656;
  text-align: left;
  vertical-align: middle;
  /* padding: 12px 16px; */
  padding: 20px 20px 20px 30px;
  border-right: 1px solid #cfe7ff;
  border-bottom: 1px solid #cfe7ff;
}

@media only screen and (max-width: 920px){
  .recruit-detail td{
    padding: 6px 8px;
  }
}


/*
@media only screen and (min-width: 920px){
  .detail_bg {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
}
*/
.flowchart-title {
  width: 95%;
  margin: 0 auto;
  font-size: 1.5rem;
  font-weight: bold;
  padding: 20px 0 10px;
  border: none;
  color: #2b67b9;
  /* color: #5789CF; */
}