@charset "utf-8";

/* ----------------------------------------------------------------------- 
sofuki cabinetfan01 
-------------------------------------------------------------------------*/
.page-sofuki {
	font-size:16px;
}
.page-sofuki.page-cabinetfan01 .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 #ccc solid;
}



/* ----------------------------------------------------------------------- 
sofuki cabinetfan01 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 cabinetfan01 sec01)
---------------------------------------------------------------*/
@media only screen and (max-device-width: 1280px) and (max-width: 640px) {
	.sec01 .flex__block {
		padding-bottom:50px;
	}
	.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 cabinetfan01 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;
}
.sec02 .noflex__block {
	margin-top:50px;
}
.sec02 .noflex__block img {
	width:974px;
}
.sec02 .custom-h3_area {
	font-size:18px;
}
.sec02 .custom-h4_area {
	font-size:18px;
}
.sec02 .area-text.mb-50 {
	margin-bottom:50px;
}
.sec02 .feature01__block {
	margin-bottom:50px;
}
.sec02 .feature01__block ul {
	margin-bottom:5px;
}
.sec02 .feature01__block ul li {
	width:240px;
	margin-right:5px;
	padding:13px 0;
	font-size: 18px;
	text-align: center;
	color:#fff;
	background-color: #333333;
}
/* SP Responsive (sofuki cabinetfan01 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--02 .flex__block--left {
		margin-bottom:20px;
	}
}



/* ----------------------------------------------------------------------- 
sofuki cabinetfan01 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;
}


/* SP Responsive (sofuki cabinetfan01 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 .flex__block--02 .flex__block--left {
		margin-bottom:20px;
	}
	.sec03 .flex__block.flex__block--02 {
		margin-bottom:10px;
	}
}




/* ----------------------------------------------------------------------- 
sofuki cabinetfan01 sec04
-------------------------------------------------------------------------*/
.sec04 .custom-h3_area {
    margin-bottom:20px;
}
.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;
}
.sec04 .custom-h3_area {
	font-size:18px;
}

/* SP Responsive (sofuki cabinetfan01 sec04)
---------------------------------------------------------------*/
@media only screen and (max-device-width: 1280px) and (max-width: 640px) {
	.sec04 .custom-h3_area {
		margin-bottom:15px;
	}
	.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.flex__block--02 .flex__block--left {
		margin-bottom:20px;
	}
}



/* ----------------------------------------------------------------------- 
sofuki cabinetfan01 sec05
-------------------------------------------------------------------------*/
.sec05 .custom-h3_area {
    margin-bottom:20px;
}
.sec05 .flex__block {
	margin-bottom:50px;
}
.sec05 .flex__block--left , .sec05 .flex__block--right {
	width:49%;
}
.sec05 .flex__block--left img , .sec05 .flex__block--right img {
	width:478px;
}

/* SP Responsive (sofuki cabinetfan01 sec05)
---------------------------------------------------------------*/
@media only screen and (max-device-width: 1280px) and (max-width: 640px) {
	.sec05 .flex__block--left , .sec05 .flex__block--right {
		width:100%;
	}
	.sec05 .flex__block--left img , .sec05 .flex__block--right img {
		width:100%;
	}
	.sec05 .flex__block--left {
		margin-bottom:50px;
	}
	.sec05 .flex__block.flex__block--02 .flex__block--left {
		margin-bottom:5px;
	}
}


/* -----------------------------------------------------------------------
案C: sec02〜sec05 の素の2カラムを Bizモジュール(06 / column-two_default)へ置換。
列幅はモジュールが担当し、画像は列幅にフィット（従来の478px相当）。
sec01(feature系)・sec05(flex__block--tree)は独自装飾のため flex__block を温存。
-------------------------------------------------------------------------*/
.page-cabinetfan01 .column-two_child img {
	width: 100%;
}
/* module column-two はコンテナに下マージンを持たず、子の margin-bottom は overflow:hidden で切れて
   ブロック間余白が消える。旧 .secXX .flex__block{margin-bottom:50px} 相当をここで復元（tree手前含む全ブロック）。 */
.page-cabinetfan01 .column-two {
	margin-bottom: 50px;
}

/* [2026-07-21制定 §15／7/23分] custom-h3_area→h3_blue 置換で下余白が過大化（旧 margin-bottom:5px、
   sec04/05は20px → module padding:0 0 30px 0）。SP は module 側に下余白圧縮の指定が無く30pxのまま肥大。
   崩れ（下余白）のみ移管前相当へ圧縮。※下線(#cfcfcf罫線)・font-size22px は新デザインとして維持。 */
.page-cabinetfan01 .h3_blue {
	padding: 0;
	margin-bottom: 10px;
}