@charset "utf-8";
/* CSS Document */

/* -------------------------------------------------

tab

------------------------------------------------- */
.tab{
  max-width: 2000px;
}

.tab-list{
  margin: 0 0 20px;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width:600px) {
    .tab-list{
      margin: 0 0 10px;
    }
}

.tab-list button{
  color: #FFF;
  border: none;
}
.tab-all {
  background: #70ad47;
}
.tab-news {
  background: #ffc000;
}
.tab-events {
  background: #ed7d31;
}
.tab-media {
  background: #4472c4;
}
.tab-dcu {
  background: grey;
}
.tab-social {
  background: #33B048;
}
.tab-care {
  background: #7A4FA6;
}
.tab-psychology {
  background: #FF7420;
}
.tab-future {
  background: #ED2A53;
}
.tab-mind {
  background: #177499;
}
/*
.tab-press {
  background: #44546a;
}
*/
.tab-category {
  background: grey;
}

.tab-list-item{
  width: calc(25% - 10px);
  text-align: center;
  padding: 10px 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width:600px) {
    .tab-list-item{
      width: calc(25% - 1px);
      padding: 10px 5px;
    }
}
.tab-list-item a{
  color: #FFF;
}

.tab-contents{
  display: none;
}
.tab-contents ul li p.category{
  width: calc(100% - 170px) !important;
  padding: 0 !important;
  display: flex !important;
  justify-content: flex-start !important;
}
.tab-contents ul li p.category span{
  padding: 5px 10px;
  margin-right: 10px;
  display: block;
}
@media screen and (max-width:600px) {
    .tab-contents ul li p.category{
      width: calc(100% - 0px) !important;
      margin: 10px 0 0 !important;
      display: block !important;
    }
    .tab-contents ul li p.category span{
      margin-right: 0px;
    }
}

.is-btn-active{
  font-weight: bold;
}

.is-contents-active{
  display: block;
}

/* -------------------------------------------------

tab-lp

------------------------------------------------- */
.tab-lp-feature{
  background: #d1e5ff;
}
.tab-lp-child{
  background: #ffffff;
}
@media screen and (max-width:600px) {
    .tab-lp-feature{
      background: #a7ccd1;
    }
}
.tab-lp{
  padding: 0 0 100px;
}
.tab-lp .tab{
  width: 89.0666666667%;
  margin: 0 auto;
}
.tab-lp .tab-list{
  margin: 0 !important;
  display: flex;
  justify-content: space-between;
  background: #aaaaaa;
}
@media screen and (max-width:600px) {
    .tab-lp .tab-list{
      margin: 0 0 10px;
    }
}
.tab-infomation {
  background: #70ad47;
}
.tab-topics {
  background: #ffc000;
}
.tab-lp .is-btn-active{
  opacity: 1 !important;
}
.tab-lp .tab-list-item{
  width: calc(50% - 0px);
  padding: 30px 0;
  font-size: 1.3rem;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
  opacity: .5;
}
@media screen and (max-width:600px) {
    .tab-lp .tab-list-item{
      width: calc(50% - 0px);
      padding: 20px 0;
      font-size: 1.3rem;
    }
}
.tab-lp .tab-contents{
  padding: 20px 20px 0;
  border: 1px solid #cccccc;
  background: #ffffff;
}
@media screen and (max-width:600px) {
    .tab-lp .tab-contents{
      padding: 10px 10px 0;
    }
}
.tab-lp .tab-contents ul li{
  padding: 0 0 20px;
}
@media screen and (max-width:600px) {
    .tab-lp .tab-contents ul li{
      padding: 0 0 10px;
    }
}
.tab-lp .tab-contents ul li .category{
  width: 100% !important;
  color: #ffffff;
}
.tab-lp .tab-contents ul li p.category span {
  display: flex !important;
  align-items: center !important;
}
@media screen and (max-width:600px) {
    .tab-lp .tab-contents ul li .category{
      display: block !important;
    }
    .tab-lp .tab-contents ul li .category span{
      padding: 5px 0 !important;
      margin-right: 0 !important;
      justify-content: center !important;
    }
}
.tab-lp .tab-contents ul li .name{
  width: 150px;
  height: 33px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  line-height: 1;
}
@media screen and (max-width:600px) {
    .tab-lp .tab-contents ul li .name{
      width: 100%;
    }
}
.tab-lp .tab-contents ul li .data{
  width: 150px !important;
  padding: 5px 0 !important;
  color: #000000 !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
}
@media screen and (max-width:600px) {
    .tab-lp .tab-contents ul li .data{
      width: 100% !important;
      justify-content: flex-start !important;
      text-align: left !important;
    }
}
.tab-lp .tab-contents ul li .title{
  /*width: calc(100% - 520px);*/
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
}
@media screen and (max-width:600px) {
    .tab-lp .tab-contents ul li .title{
      width: 100%;
      display: block !important;
    }
}

.tab-lp .tab-contents .btn a{
  max-width: 500px;
  margin: 0 auto 20px;
  padding: 20px 0;
  text-align: center;
  border:1px solid #cccccc;
  background: #fafafa;
  display: block;
}
@media screen and (max-width:600px) {
    .tab-lp .tab-contents .btn a{
      margin: 0 auto 10px;
      padding: 10px 0;
    }
}