/*-------------------------------
---.intro
-------------------------------*/

.intro {
  margin-top: 9rem;
  margin-bottom: 9rem;
}

.intro .logo {
  width: 155px;
  margin: 0 auto 6rem;
}

.intro .catch_copy {
  font-size: var(--font-size-xxxl);
  font-weight: 500;
  text-align: center;
  margin-bottom: 6rem;
}


/*-------------------------------
---#planning-project_anchor
-------------------------------*/

#planning-project_anchor {
  padding-bottom: 1rem;
  margin-bottom: 12rem;
}

#planning-project_anchor ul {
  display: flex;
}

#planning-project_anchor ul li:first-child {
  border-left: 1px solid #AFAFAF;
}

#planning-project_anchor ul li {
  width: 100%;
  border-right: 1px solid #AFAFAF;
  padding: 0;
}

#planning-project_anchor ul li a {
  display: grid;
  grid-auto-rows: auto;
  border: none;
  padding: 0 5rem;
}


/*-------------------------------
---.contents
-------------------------------*/

.project_contents .project_category {
  font-size: var(--font-size-xxxl);
  font-weight: 500;
  text-align: center;
  margin-bottom: 6rem;
  
}

.project_contents .item_list {
  margin-bottom: 12rem;
}

.project_contents .item .item_txt .item_name {
  font-size: var(--font-size-subject_planning-project);
  font-weight: 500;
  margin-top: 1.5rem;
  margin-bottom: 0.5rem;
}

.project_contents .item .item_txt .item_name br {
  display: none;
}

.project_contents .item .item_txt .completed_time {
  font-size: var(--font-size-date);
  font-weight: 500;
  margin-bottom: 1rem;
}

.project_contents .item .item_txt .txt_body {
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  /* webkit以外のフォールバック */
  max-height: calc(1.92em * 2);
  margin-bottom: 1rem;
}