@charset "utf-8";

/* ----------------------------------------------------------------------- 
sofuki cabinetfan05 
-------------------------------------------------------------------------*/
.page-sofuki {
	font-size:16px;
}
.page-sofuki.page-cabinetfan05 .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 cabinetfan05 sec01
-------------------------------------------------------------------------*/

.sec01 .note--text {
    margin-bottom:30px;
}


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

/* SP Responsive (sofuki cabinetfan05 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.flex__block--02 .flex__block--left .area-text {
		height:auto;
	}
}



/* ----------------------------------------------------------------------- 
sofuki cabinetfan05 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 .flex__block.flex__block--02 {
	padding:10px 0;
}


/* SP Responsive (sofuki cabinetfan05 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:0px;
	}
}


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



/* ----------------------------------------------------------------------- 
sofuki cabinetfan05 sec05
-------------------------------------------------------------------------*/
.sec05 {
	padding-bottom:40px;
}

.sec05 img {
	width:539px;
	margin-bottom:50px;
}

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

	.sec05 img {
		width:100%;
	}
	.sec05 ul.area-text {
		padding-bottom:20px;
	}
}



/* ----------------------------------------------------------------------- 
sofuki cabinetfan05 sec06
-------------------------------------------------------------------------*/
.sec06 table {
	width:100%;
	font-size:18px;
	border-bottom:1px #999 solid;
	border-left:1px #999 solid;
}
.sec06 table th {
	background-color: #efefef;
}
.sec06 table th span {
	font-size:14px;
}
.sec06 table th , .sec06 table td {
	padding:10px;
	text-align: center;
	font-weight: normal;
	border-top:1px #999 solid;
	border-right:1px #999 solid;
}
.sec06 img {
	width:730px;
}
.sec06 .size478 {
	margin:50px 0;
}
.sec06 .size478 img {
	width:478px;
}

.sec06 .flex__block {
	margin-top:50px;
	margin-bottom: 50px;
}
.sec06 .flex__block--left , .sec06 .flex__block--right {
	width:49%;
}
.sec06 .flex__block.flex__block--03 .flex__block--left img , .sec06 .flex__block.flex__block--03 .flex__block--right img {
	width:478px;
}
.page-sofuki.page-cabinetfan05 .sec06 .custom-h3_area {
	margin-bottom:20px;
}
.sec06 .area-text {
	margin-bottom:14px;
}


/* SP Responsive (sofuki cabinetfan02 sec06)
---------------------------------------------------------------*/
@media only screen and (max-device-width: 1280px) and (max-width: 640px) {
	.sec06 table {
		font-size:13px;
	}
	.sec06 table th span {
		font-size:10px;
	}
	.sec06 table th , .sec06 table td {
		padding:10px 0;
	}
	.sec06 .size478 {
		margin:40px 0 25px 0;
	}
	.sec06 .size478 img {
		width:100%;
	}
	.sec06 .flex__block.flex__block--03 .flex__block--left img , .sec06 .flex__block.flex__block--03 .flex__block--right img {
		width:100%;
	}
	.sec06 .flex__block--left , .sec06 .flex__block--right {
		width:100%;
	}
	.sec06 .flex__block--left {
		margin-bottom:50px;
	}
}


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

/* -----------------------------------------------------------------------
案C: custom-h3_area → Bizモジュール(01 / h3_blue)へ置換。
青見出しは、モジュール標準の文字色（#333）に負けないよう
「h3_blue + text--blue」の複数クラス指定で色を与える。
[2026-07-27 社内FB] FB「h3の青フォント色 #475C85 に変更」により従来の #06417e から変更。
本ページの青見出し6件すべてに適用（変更は本ページ限定）。
-------------------------------------------------------------------------*/
.page-cabinetfan05 .h3_blue h3.text--blue {
	color: #475C85;
}

/* -----------------------------------------------------------------------
sec01 ラインアップ: 6-2キャプションカード(column-two_caption)を単一カラム=全幅で使用。
旧 noflex__block feature__block（全幅ボックス）に寄せる。
imgはラッパー直下配置＝上部の .page-cabinetfan05 .column-two_child img{width:100%} で全幅表示。
※内部の余白（画像↔帯↔本文、カード下）は utility.css の u- クラスで補完（HTML側で付与）。
-------------------------------------------------------------------------*/
.page-cabinetfan05 .sec01 .column-two_caption .column-two_child {
	width: 100%;
	margin-right: 0;
}

/* [2026-07-27 社内FB] FB「h2のすぐ下※の注釈の上部分のスペース詰める」
   注釈(※1)自体の上スペースは10pxだが、直前のラインアップカードの下スペース50pxが相殺で優先され、
   結果50pxあいていた。注釈は直前の内容に付随するため、カード側の下スペースを10pxに詰める。
   （ブロック間50pxの指定は sec01 のこのカード以外では従来どおり） */
.page-cabinetfan05 .sec01 .column-two_caption {
	margin-bottom: 10px;
}

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