.target_area{
    font-size: 16px;
    list-style: disc;
    /* border: #00b2ab 2px solid; */
    border-radius: 4px;
    padding: 16px 30px;
    background-color: #00b2ab0f;
    color: #00b2ab;
}

.target_area li{
    margin: 0 20px;
    line-height: 30px;
}

.target_area li span{
    color: #070b0f;

}

div.article-contents p{
    margin-top: 24px;
    margin-bottom: 24px;
}

div.article-contents > div.content h3{
  border-left: none;
  font-size:20px;
  position:relative;
  padding-left:25px;
  margin-top: 50px;
  margin-bottom: 16px;
}

div.article-contents > div.content h3:before{
  position:absolute;
  content:"";
  width:20px;
  height:20px;
  display:inline-block;
  border:10px solid transparent;
  box-sizing:border-box;
  border-left-color: #bdbdbd;
  top:6px;
  left:0;
}

.text_link{
  color: #00b2ab;
  text-decoration: underline;
  &:hover{
    font-weight: 700;
  }

}

main #lab div.container div.container-inner{
  display: flex;
  justify-content: center;
  width: auto;
  max-width: 1240px;

}

.article-contents{
  max-width: 760px;
  padding: 0 20px;
  margin-bottom: 60px;
}

main #lab div.container div.container-inner section.side-contents{
  width: 300px;
  background-color: #f4f6f7;
}

.article_mainvisual{
  margin: 10px 0;
}

.article_mainvisual img{
  width: 100%;
}

.article_meta{
  font-size: 14px;
  display: flex;
  justify-content: right;
  column-gap: 16px;
  color: #898989;
}

.category_label{
  background-color: #fff;
  border: #00b2ab solid 1px;
  color: #00b2ab;
  padding: 2px 20px;
  border-radius: 30px;
}

.entry_date{
  /* position: relative; */
  padding-left: 24px;
  display: flex;
  align-items: center;
}

.date_icon{
  /* position: absolute;
  top: 0;
  left: 0; */
  display: flex;
}

div.article-contents p{
  font-size: 16px;
}



@media screen and (min-width: 1100px){
  main #lab div.container div.container-inner{
    align-items: flex-start;

  }

}


@media screen and (max-width: 1100px){
  main #lab div.container div.container-inner{
  flex-flow: column;
  align-items: center;

  }
  main #lab div.container div.container-inner section.side-contents{
    position: static;
    width: 95%;
    margin: 30px auto;
    height: 1500px;
  }
  

}

    @media screen and (max-width: 768px) {

    .accordion-list ul{
        padding: 0;
    }

    div.article-contents div.list_secondary table tr td ul li, div.article-contents div.list_secondary table tr.accordion-list td ul li{
        height: auto;
        padding-bottom: 10px;

    }

    div.article-contents div.list_secondary table tr.accordion-list td ul li.js-accordion-list-indent{
        min-height: auto;

    }

}