@charset "utf-8";

/* ----------------------------------------------------------------------- 
sofuki cabinetfan04 
-------------------------------------------------------------------------*/
.page-sofuki {
	font-size:16px;
}
.page-sofuki.page-cabinetfan04 .custom-h3_area {
	margin-bottom:5px;
	font-size:18px;
}
.page-sofuki.page-cabinetfan04 .custom-h4_area {
	font-size:17px;
}
.page-sofuki .area-text {
	font-size:16px;
	margin-bottom:20px;
}
.page-sofuki .bdr-gray {
	border:1px #999 solid;
}



/* ----------------------------------------------------------------------- 
sofuki cabinetfan04 sec01
-------------------------------------------------------------------------*/
.sec01 .flex__block {
	padding-bottom:40px;
}
.sec01 .flex__block.flex__block--02 {
	padding-bottom:0;
}
.sec01 .flex__block--left , .sec01 .flex__block--right {
	width:49%;
}
.sec01 .flex__block--left img , .sec01 .flex__block--right img {
	width:478px;
}
.sec01 .pc-height {
	height:72px;
}
.page-sofuki .sec01 .area-text {
	font-size:18px;
}


/* SP Responsive (sofuki cabinetfan04 sec01)
---------------------------------------------------------------*/
@media only screen and (max-device-width: 1280px) and (max-width: 640px) {
	.sec01 .flex__block {
		padding-bottom:0;
	}
	.sec01 .flex__block.flex__block--02 {
		padding-bottom:30px;
	}
	.sec01 .flex__block--left , .sec01 .flex__block--right {
		width:100%;
	}
	.sec01 .flex__block--left img , .sec01 .flex__block--right img {
		width:100%;
	}
	.sec01 .flex__block--left {
		margin-bottom:15px;
	}
	.sec01 .pc-height {
		height:auto;
	}
	.page-sofuki .sec01 .area-text {
		font-size:16px;
	}
}




/* ----------------------------------------------------------------------- 
sofuki cabinetfan04 sec02
-------------------------------------------------------------------------*/
.sec02 .flex__block {
   margin-bottom:50px;
}
.sec02 .flex__block--left , .sec02 .flex__block--right {
	width:49%;
}
.sec02 .flex__block--left img , .sec02 .flex__block--right img {
	width:478px;
}


/* SP Responsive (sofuki cabinetfan04 sec02)
---------------------------------------------------------------*/
@media only screen and (max-device-width: 1280px) and (max-width: 640px) {

	.sec02 .flex__block--left , .sec02 .flex__block--right {
		width:100%;
	}
	.sec02 .flex__block--left img , .sec02 .flex__block--right img {
		width:100%;
	}
	.sec02 .flex__block--left {
		margin-bottom:50px;
	}

	.sec02 .flex__block--04 .flex__block--left {
		margin-bottom:20px;
	}
}


/* ----------------------------------------------------------------------- 
sofuki cabinetfan04 sec03
-------------------------------------------------------------------------*/

.sec03 .flex__block {
	margin-bottom: 50px;
}
.sec03 .flex__block--left , .sec03 .flex__block--right {
	width:49%;
}
.sec03 .flex__block--left img , .sec03 .flex__block--right img {
	width:478px;
}
.sec03 .pc-height {
	height:90px;
}


/* SP Responsive (sofuki cabinetfan04 sec03)
---------------------------------------------------------------*/
@media only screen and (max-device-width: 1280px) and (max-width: 640px) {

	.sec03 .flex__block--left , .sec03 .flex__block--right {
		width:100%;
	}
	.sec03 .flex__block--left img , .sec03 .flex__block--right img {
		width:100%;
	}
	.sec03 .flex__block--left {
		margin-bottom:50px;
	}
	.sec03 .pc-height {
		height:auto;
		margin-bottom:50px
	}
}


/* ----------------------------------------------------------------------- 
sofuki cabinetfan04 sec04
-------------------------------------------------------------------------*/

.sec04 .flex__block {
	margin-bottom: 50px;
}
.sec04 .flex__block--left , .sec04 .flex__block--right {
	width:49%;
}
.sec04 .flex__block--left img , .sec04 .flex__block--right img {
	width:478px;
}



/* SP Responsive (sofuki cabinetfan04 sec04)
---------------------------------------------------------------*/
@media only screen and (max-device-width: 1280px) and (max-width: 640px) {

	.sec04 .flex__block--left , .sec04 .flex__block--right {
		width:100%;
	}
	.sec04 .flex__block--left img , .sec04 .flex__block--right img {
		width:100%;
	}
	.sec04 .flex__block--left {
		margin-bottom:50px;
	}
}


/* 案C: 素の2カラムを Bizモジュール(06 / column-two_default)へ置換。画像は列幅にフィット（従来の478px相当）。feature系/tree は flex__block 温存 */
.page-cabinetfan04 .column-two_child img {
	width: 100%;
}
/* module .column-two はコンテナに下マージンが無く、子のmargin-bottomがoverflow:hiddenで切れてブロック間余白が消える。旧 .secXX .flex__block{margin-bottom:50px} 相当を復元 */
.page-cabinetfan04 .column-two {
	margin-bottom: 50px;
}

/* [§15（2026-07-21制定）／7/23分・2026-07-22 cf04適用] custom-h3_area→h3_blue 置換で下余白が過大化
   （旧 .page-cabinetfan04 .custom-h3_area{margin-bottom:5px} → module padding:0 0 30px 0）。
   SP は module 側に下余白圧縮の指定が無く30pxのまま肥大。崩れ（下余白）のみ移管前相当へ圧縮。
   ※下線(#cfcfcf罫線)・font-size22px は新デザインとして維持。青見出し(.text--blue)の色は
   common.css の .page-sofuki h3.text--blue{color:#06417e} が担保（本ルールは padding/margin のみ）。 */
.page-cabinetfan04 .h3_blue {
	padding: 0;
	margin-bottom: 10px;
}

/* -----------------------------------------------------------------------
[2026-07-27 社内FB] cabinetfan04 の3点対応
-------------------------------------------------------------------------*/

/* FB「h2のすぐ下、レイアウトを他ページ（cabinetfan05）と合わせたい／『消音給気形』はh3ではなく16px・bold・グレー帯」
   → sec01 を 6-2キャプションカード(column-two_caption)の単一カラム＝全幅で使用する（cf05と同じ扱い）。
   帯の見た目（背景・16px・bold）はモジュール標準がそのまま該当するため、幅の指定のみ行う。 */
.page-cabinetfan04 .sec01 .column-two_caption .column-two_child {
	width: 100%;
	margin-right: 0;
}

/* FB「『給気時の耐結露性に配慮した構造です！』の青フォント色 #475C85 に変更」
   従来の青（#06417e）は sofuki 共通の指定によるものだが、変更は本ページのみに限定する。
   ページ内で該当するのはこの1件のみ。 */
.page-cabinetfan04 .h3_blue h3.text--blue {
	color: #475C85;
}

/* FB「『■端子台ユニット構造詳細図』の上下のスペース過多」
   上スペースはモジュールの汎用指定（2カラム内の2番目以降の子に上40px）、
   下スペースは見出し自身の下30pxと、直後の画像に付く上40pxが効いていた。
   本ページの該当見出しは1件のみのため、前後を10pxに詰めて他の見出し（下10px）と揃える。 */
.page-cabinetfan04 .column-two_default .column-two_child > .h4_default {
	margin-top: 10px;
	margin-bottom: 10px;
}
.page-cabinetfan04 .column-two_default .column-two_child > .h4_default + img {
	margin-top: 10px;
}