@charset "utf-8";

/* ===============================================
# dx
=============================================== */
.dx_attemptbox{
  flex-wrap: wrap;
}
.dx_attemptbox > li {
  position: relative;
  background-color: #f8f8f8;
}
.dx_attemptbox > li .ttl {
  color: #014099;
  font-size: 20px;
  font-size: 2.0rem;
  font-weight: bold;
  line-height: 1.3;
  padding: 15px 7.5% 10px;
  border-bottom:dotted 1px #999999;
  margin-bottom: 10px;
}
.dx_attemptbox > li ul {
  padding: 0 7.5%;
}

.dx_attemptbox.fhs >li .ttl {
  color: #088db0;
}
.dx_attemptbox.infra > li .ttl {
  color: #cda219;
}
.dx_attemptbox.dx > li .ttl {
  color: #01265a;
}

@media screen and (min-width :835px){
  /*3列*/
  .dx_attemptbox.col3>li{
    width: 31.8%;
    margin-left: 2.3%;
  }
  .dx_attemptbox.col3>li:nth-child(3n+1){
    margin-left: 0;
  }
}
@media screen and (max-width :834px){
  .cmn_ttl02 {
    border-top: 1px solid #d6d6d6;
    border-right: 1px solid #d6d6d6;
  }
  .dx_attemptbox > li .ttl {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .dx_attemptbox > li {
    margin-bottom: 1px;
  }
}