/*---------------------------------------------------------
width
---------------------------------------------------------*/
#h_sec_e,
#h_sec_e .topics dl{
  width: 100%;
}

#h_sec_e .topics{
  width: 70%;
}

#h_sec_e .topics dl dt{
  width: 30%;
}

#h_sec_e .topics dl dd{
  width: 70%;
}


@media only screen and (max-width: 767px){
  #h_sec_e .topics{
    width: 80%;
  }

  #h_sec_e .topics dl dt,
  #h_sec_e .topics dl dd{
    width: 100%;
  }
}


/*---------------------------------------------------------
width
---------------------------------------------------------*/
#h_sec_e{
  min-height: 800px;
}

#h_sec_e .topics{
  height: 360px;
}

#h_sec_e .topics dl dt,
#h_sec_e .topics dl dd{
  height: 33.333%;
}



@media only screen and (max-width: 767px){
  #h_sec_e{
    min-height: auto;
  }

  #h_sec_e .topics{
    height: 240px;
  }

  #h_sec_e .topics dl dt,
  #h_sec_e .topics dl dd{
    height: 25%;
  }
}




/*---------------------------------------------------------
display
---------------------------------------------------------*/
#h_sec_e .topics{
  justify-content: space-between;
}

#h_sec_e .topics dl dt,
#h_sec_e .topics dl dd{
  justify-content: center;
}


/*---------------------------------------------------------
align-items
---------------------------------------------------------*/
#h_sec_e{
  align-items: flex-start; 
}

#h_sec_e .topics dl dt,
#h_sec_e .topics dl dd{
  align-items: center;
}

/*---------------------------------------------------------
justify-content
---------------------------------------------------------*/
#h_sec_e .topics dl dt{
  justify-content: center;
}


#h_sec_e .topics dl dd{
  justify-content: flex-start;
}

/*---------------------------------------------------------
margin
---------------------------------------------------------*/
#h_sec_e .topics{
  margin: 0 auto;
}


/*---------------------------------------------------------
padding
---------------------------------------------------------*/
#h_sec_e{
  padding: 100px 0;
}

#h_sec_e .topics dl dd{
  padding: 0 2.5%; 
}

/*---------------------------------------------------------
font-size
---------------------------------------------------------*/
#h_sec_e .topics dl dt,
#h_sec_e .topics dl dd{
  font-size: 100%;
}


/*---------------------------------------------------------
color
---------------------------------------------------------*/
#h_sec_e .topics dl dt{
  color: #fff;
}

/*---------------------------------------------------------
background
---------------------------------------------------------*/
#h_sec_e .topics dl dd{
  background-color: rgba(255,255,255,0.8);
}

#h_sec_e .topics dl dt{
  background: #333333;
}

#h_sec_e{
  background: url(../../img/h_sec_e_bk.webp) no-repeat;
  background-position: center;
  background-size: auto 100%;
}

/*---------------------------------------------------------
border
---------------------------------------------------------*/
#h_sec_e .topics dl dt,
#h_sec_e .topics dl dd{
  border-bottom: 1px solid #999;
}

/*---------------------------------------------------------
overflow
---------------------------------------------------------*/
#h_sec_e .topics{
  overflow-y: scroll;
}