/* ===========================================================
   TOPページ 下部「終了プロジェクト一覧」 end_project.css 完全版
   PC（デフォルト） + SP（最適化）
=========================================================== */

/* 終了プロジェクト部分 */

.end-title{
color:#fff;
font-size:18px;
font-weight:600;
}
.end_p_01{
  background-image: linear-gradient(90deg, #dc976e, #f1dae0);
padding:10px 10px;
}
.end_p_02{
  background-image: linear-gradient(90deg, #97c1a3, #e4ebb0);
padding:10px 10px;
}
.end_p_03{
background-image: linear-gradient(90deg, #a1c6e1, #d4c3b9);
padding:10px 10px;

}


/* PC・共通部分 ------------------------------------------- */

.project-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.project-item {
  display: flex;
  align-items: center;
  font-size: 14px;
}

.project-meta {
  display: flex;
  align-items: center;
  gap: 6px;
}

.sub-category-tag {
  background-color: #6ab5bf;
  color: #fff;
  font-weight: bold;
  font-size: 14px !important;
  min-width: 260px;         /* PC用 固定幅 */
  text-align: center;
  letter-spacing: 1px;
  height: 26px;
  line-height: 26px;
  padding: 0 12px;
  display: inline-block;
}

.project-title {
  margin-left: 10px;
  font-size: 18px;
  color: #333;
}

	
.project-title {
  position: relative;
  padding-left: 2em;     /* □ の幅分だけ左に余白 */
  text-indent: -2em;     /* 1行目だけ左に戻す（□と整列） */
  line-height: 1.6;
}

	

/* ===========================================================
   ▼ スマホ最適化（横幅・帯の統一・flex解除）
=========================================================== */
@media (max-width: 768px) {

  /* ▼ 全体の幅を最大化（余白を削減） */
  .project-list {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;   /* 左右余白を最小化 */
    box-sizing: border-box;
  }

  /* ▼ 各アイテムを縦に並べる */
  .project-item {
    display: block !important;
    width: 100% !important;
    margin-bottom: 18px;
  }

  /* ▼ flex の影響を完全に解除 */
  .project-meta {
    display: block !important;
    width: 100% !important;
  }

  /* ▼ サブカテゴリ帯：必ずスマホ幅いっぱいに広げる */
  .sub-category-tag {
    display: block !important;
    width: 100% !important;
    min-width: 100% !important;
    height: auto !important;
    line-height: 1.4 !important;
    padding: 6px 10px !important;
    margin-bottom: 6px !important;
    text-align: center !important;
    box-sizing: border-box;
  }

  /* ▼ タイトル行も100%幅で揃える */
  .project-title {
    display: block !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-bottom: 12px;
  }
	
.end-title_sp{
color:#fff;
font-size:16px;
font-weight:600;
}

	
	
.swell-block-accordion.is-style-border .swell-block-accordion__body, .swell-block-accordion.is-style-simple .swell-block-accordion__body{
	padding:0!important;
	margin:0;	!important;
	}

.wp-block-group.has-white-background-color.has-background{
	padding-left:15px!important;
	padding-right:15px!important;
}
	
	
	
	
}