@charset "UTF-8";

/*--------受講概要--------*/
.overview{
}

.overview_lists{
}

.overview_list{
  display:flex;
  flex-direction:row;
}

.overview_list:nth-of-type(1) .overview_title {
  border-top: 2px solid #f2f2f2;
}

.overview_list:last-of-type .overview_title {
  border-bottom: 2px solid #f2f2f2;
}

.overview_list:nth-of-type(1) .overview_text {
  border-top: 2px solid #f2f2f2;
}

.overview_title{
  width: 20%;
  padding: 11px 0;
  border-bottom: 2px solid #fff;
  background-color: #52c4e2;
  color: #fff;
  text-align: center;
}

.overview_text{
  flex:1;
  padding: 11px 15px;
  border-bottom: 2px solid #f2f2f2;
  border-right: 2px solid #f2f2f2f2;
  box-sizing: border-box;
}


@media screen and (max-width:768px){
  .overview_list{
    flex-direction:column;
  }

  .overview_list:nth-of-type(1) .overview_text {
    border-top: none;
  }

  .overview_list:last-of-type .overview_title {
    border-bottom: none;
  }

  .overview_title{
    width:100%;
  }
  
  .overview_text{
    width:100%;
    border-left: 2px solid #f2f2f2f2;
  }
}