@charset "utf-8";

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



/* ----------------------------------------------------------------------- 
sofuki cabinetfan03 sec01
-------------------------------------------------------------------------*/
.sec01 .flex__block {
	padding-bottom:40px;
}
.sec01 .flex__block--left , .sec01 .flex__block--right {
	width:49%;
}
.sec01 .flex__block--left img , .sec01 .flex__block--right img {
	width:478px;
}


/* SP Responsive (sofuki cabinetfan03 sec01)
---------------------------------------------------------------*/
@media only screen and (max-device-width: 1280px) and (max-width: 640px) {
	.sec01 .flex__block {
		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;
	}
}




/* ----------------------------------------------------------------------- 
sofuki cabinetfan03 sec02
-------------------------------------------------------------------------*/
.sec02 .flex__block {
   margin-bottom:50px;
}
.sec02 .flex__block.flex__block--01 {
	margin-top:60px;
}
.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 cabinetfan03 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.flex__block--01 {
		margin-top:50px;
	}
	.sec02 .flex__block--left {
		margin-bottom:50px;
	}
	.sec02 .flex__block--02 .flex__block--left {
		margin-bottom:20px;
	}
	.sec02 .flex__block--04 .flex__block--left {
		margin-bottom:20px;
	}
	.sec02 .flex__block--06 .flex__block--left {
		margin-bottom:20px;
	}
}




/* ----------------------------------------------------------------------- 
sofuki cabinetfan03 sec03
-------------------------------------------------------------------------*/
.sec03 .pc-mt {
	margin-top:60px;
}
.sec03 .flex__block {
	margin-bottom:50px;
 }
.sec03 .flex__block.flex__block--03 {
	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 .flex__block.flex__block--02 .flex__block--left .area-text {
	height:62px;
 }


/* SP Responsive (sofuki cabinetfan03 sec03)
---------------------------------------------------------------*/
@media only screen and (max-device-width: 1280px) and (max-width: 640px) {
	.sec03 .pc-mt {
		margin-top:50px;
	}
	.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 .flex__block--01 .flex__block--left {
		margin-bottom:20px;
	}
	.sec03 .flex__block.flex__block--02 .flex__block--left .area-text {
		height:auto;
	}
}

/* ----------------------------------------------------------------------- 
sofuki cabinetfan03 sec03
-------------------------------------------------------------------------*/
.sec03 .sec03-2 table {
	width:100%;
	font-size:18px;
	border-bottom:1px #999 solid;
	border-left:1px #999 solid;
}
.sec03 .sec03-2 table th {
	background-color: #efefef;
}
.sec03 .sec03-2 table th span {
	font-size:14px;
}
.sec03 .sec03-2 table th , .sec03 .sec03-2 table td {
	padding:10px;
	text-align: center;
	font-weight: normal;
	border-top:1px #999 solid;
	border-right:1px #999 solid;
}



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


}

/* ----------------------------------------------------------------------- 
sofuki cabinetfan03 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 cabinetfan03 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;
	}
	.sec04 .flex__block--02 .flex__block--left {
		margin-bottom:0x;
	}
	.sec04 .flex__block.flex__block--02 {
		margin-bottom:0px;
	}
}

/* ----------------------------------------------------------------------- 
sofuki cabinetfan03 sec05
-------------------------------------------------------------------------*/

.sec05 .area-text {
	margin-bottom:50px;
	padding-bottom:50px;
}


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

/* [§15（2026-07-21制定）／7/23分・2026-07-22 cf03適用] custom-h3_area→h3_blue 置換で下余白が過大化
   （旧 .page-cabinetfan03 .custom-h3_area{margin-bottom:5px} → module padding:0 0 30px 0）。
   SP は module 側に下余白圧縮の指定が無く30pxのまま肥大。崩れ（下余白）のみ移管前相当へ圧縮。
   ※下線(#cfcfcf罫線)・font-size22px は新デザインとして維持。tree内CO2見出しは custom-h3_area 据え置き（対象外）。
   pc-mt(ハイテーパードレンパン)の上余白は .sec03 .pc-mt{margin-top} が別途担保。 */
.page-cabinetfan03 .h3_blue {
	padding: 0;
	margin-bottom: 10px;
}