@charset "utf-8";

/* ===============================================
# dx
=============================================== */
/* common */
.cmn_ttl_acd dt button {
  padding: 0;
  min-height: auto;
  background: none;
  border: none;
  margin-bottom: 0;
  color: #000;
}
.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;
}

@media screen and (min-width :835px){
  .cmn_ttl_acd dt button {
    pointer-events: none;
    padding: 0;
    min-height: auto;
    background: none;
    border: none;
    font-size: 24px;
    font-size: 2.4rem;
    margin-bottom: 0;
    color: #000;
  }
  .cmn_ttl_acd dt .icon {
    display: none;
  }
  .cmn_ttl_acd dd {
    display: inherit;
    padding: 0;
  }
  /*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;

  }
  .cmn_ttl_acd dt {
    border-top: 1px solid #d6d6d6;
    border-right: 1px solid #d6d6d6;
  }
  .cmn_ttl_acd dt button {
    font-size: 17px;
    font-size: 1.7rem;
  }
  .cmn_ttl_acd dt .icon {
    background: url(/disclosure/common/img/ico_plus.svg) no-repeat center right;
    background-size: 13px;
  }
  .cmn_ttl_acd.open dt .icon {
    background: url(/disclosure/common/img/ico_minus.svg) no-repeat center right;
  }
  .cmn_ttl_acd dd {
    padding: 0;
  }
  .dx_attemptbox > li .ttl {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .dx_attemptbox > li {
    margin-bottom: 1px;
  }
}