@charset "UTF-8";
/* ----------------------------------------
＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊

　process.css　　：個別設定

＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
---------------------------------------- */

/* ：：： style.css - １．共通部分・全体レイアウト ：：： */
#wrapper {
	width: 4872px; /* Title：160 + 目次：312 + 部門数：3 × 472 + 216★ + 9  × 304（＝4,840px） ＋ 余裕：32px */
					 /* 2025.04.22_設計監理料部分修正→コンテンツ枠幅を変更：688px（★共通より＋216px） */
}

/* ヘッダーエリア */
#headerContainer {
  height: 40px;
}

/* コンテンツエリア */
section.column {
	width: 472px;
	background-color: rgba( 105, 105, 105, 0); /* ★確認用：dimgray #696969 */
}



/* ：：： temp_Page01.css - １．共通部分レイアウト ：：： */
/* ページタイトル */
#PageTitle h1 {
	line-height: 1.1;
	border: none;
}

#PageTitle #Background_img {
	bottom: 96px;
	left: -24px;
}



/* ：：： 個別設定 ：：： */
/* 共通部分 */
.column h1 { /* オリジナルは、style.css（共通装飾）にて */
	margin: 0 0 16px 0;
	padding: 0;
	height: 24px;
	font-size: 1.25rem; /* ：：：15px：：： */
	border-bottom: 1px dotted #677f7e;
	border-left: none;
}

.column_mainContent {
	margin: 48px 32px 24px;
}

.column_mainContent ul,
.column_mainContent dl,
.column_mainContent p {
	margin: 16px 0 0 0;
	padding: 0 16px 0;
}


/* コンテンツエリア　#contents00 */
section#contents00 {
	width: 312px;
	background-color: rgba( 105, 105, 105, 0); /* ★確認用：dimgray #696969 */
}

#contents00 .column_mainContent {
	margin: 32px;
	padding: 32px;
	overflow: auto;
	background-color: rgba( 240, 240, 240, 1.0);
	border-radius: 12px; /* CSS3草案 */  
    -webkit-border-radius: 12px; /* Safari,Google Chrome用 */  
    -moz-border-radius: 12px; /* Firefox用 */  
}

#contents00 h1 {
	border: none;
}

#contents00 ul {
}
#contents00 li {
	margin: 0 0 1.5em 0.5em;
	padding: 1.5em 0 0 0;
}
#contents00 li:before {
 display: inline;
 content: "▶";
 padding: 0 8px 0 0;
 width: 1em;
 height: 1em;
 position: relative;
 float: left;
 color: #677f7e;
}




/* コンテンツエリア　#contents01 */
section#contents01 {
}

#contents01 ul {
}
#contents01 li {
	margin: 0 0 0.3em 1.5em;
	text-indent: -1.5em;
}
#contents01 li:before {
 display: inline;
 content: "■";
 padding: 0;
 width: 1em;
 height: 1em;
 position: relative;
 float: left;
}




/* コンテンツエリア　#contents02 */
section#contents02 {
	width: 688px; /* ★共通：472px より＋216px */
}
#contents02 dl {
}
#contents02 dt {
	font-weight: 600;
}
#contents02 dt:before {
 display: inline;
 content: "■";
 padding: 0;
 width: 1em;
 height: 1em;
 position: relative;
 float: left;
}

#contents02 dd {
	margin: 0 0 1em 2em;
}

contents02 ul {
	margin: 1em 0 0 0;
}
#contents02 li {
	margin: 0;
	padding: 0.5em 0 0 1.5em;
	text-indent: -1.5em;
}
#contents02 li:before {
 display: inline;
 content: "＊";
 padding: 0 0.15em 0 0;
 width: 1em;
 height: 1em;
 position: relative;
 float: left;
}



/* コンテンツエリア　#contents03 */
#contents03 p {
	margin: 16px 0 8px 0;
	line-height: 2;
}



/* コンテンツエリア　#contents04 */
section#contents04,
section#contents04_1,
section#contents04_2,
section#contents04_3,
section#contents04_4,
section#contents04_5,
section#contents04_6,
section#contents04_7,
section#contents04_8 {
	width: 304px;
}

section#contents04_1 p,
section#contents04_2 p,
section#contents04_3 p,
section#contents04_4 p,
section#contents04_5 p,
section#contents04_6 p,
section#contents04_7 p,
section#contents04_8 p {
	padding: 0;
}


#contents04 .column_mainContent {
	margin: 64px 8px 8px;
	padding: 16px;
	overflow: auto;
	background-color: rgba( 240, 240, 240, 0.5);
	border-radius: 24px; /* CSS3草案 */  
    -webkit-border-radius: 24px; /* Safari,Google Chrome用 */  
    -moz-border-radius: 24px; /* Firefox用 */  
}

#contents04 h1 {
	margin: 16px 0 0 16px;
	padding: 0;
	height: 16px;
	font-size: 1.083rem; /* ：：：12.996px：：： */
	border: none;
}

#contents04 ol {
	margin: 16px 0 16px 32px;
	padding: 0;
	list-style-type: decimal-leading-zero;
}
#contents04 li {
	margin: 0 0 4px 16px;
	padding: 4px 0 0 0;
}


/* 修正用CSS：processページのスマホ向け文字サイズ調整 */

@media screen and (max-width: 768px) {
  /* 基本設定（ベースが12pxなら1rem=12px） */
  body {
    font-size: 1rem;
  }

  /* 共通セクション内の段落・リスト・説明などを統一 */
  .column_mainContent p,
  .column_mainContent li,
  .column_mainContent dd,
  .column_mainContent dt {
    font-size: 0.9rem;
  }

  /* 特定のセクション個別調整 */

  #contents02 dd {
    font-size: 0.95rem; /* 少し小さめに調整 */
  }

  #contents02 li {
    font-size: 0.85rem; /* より小さめ指定に明確化 */
  }

  #contents04 h1 {
    font-size: 1.1rem;
  }

  #contents04 li {
    font-size: 0.95rem;
  }
}