@charset "UTF-8";

/* ====================================
	共通スタイル：CV-U190 特長1 専用
 ==================================== */

/* 低騒音除湿 */

#sub01 .flex-container{
	margin-top:3rem;
}
#sub01 .sub-contents{
	padding: 5%;
	margin-top:0;
}
#sub01 h5.section-sub-title {
	display: block;
	font-size: 1.6rem;
	margin-bottom: 0.5em;
}

#sub01 .tbl-noise{
	table-layout: fixed;
	width: 100%;
	margin:0 auto;
	text-align: center;
	border-collapse: collapse;
	border-spacing: 0;
}
#sub01 .tbl-noise tr:first-child{
	border-top: solid 1px #666;
}
#sub01 .tbl-noise th,td{
	padding: 1rem;
}
#sub01 .tbl-noise th{
	border-bottom: solid 1px #666;
	width:25%;
}
#sub01 .tbl-noise td{
	border-bottom: solid 1px #666;
	text-align: left;
}
#sub01 .tbl-noise .caption{
	padding-top:1rem;
	padding-left: 0;
	color:#000;
}

#sub01 .video-container{
	margin-top:6rem;
}


/* デュアルルーバー */
#sub05 .flex-container{
	justify-content: space-between;
	margin-top: var(--margin-small);
}
#sub05 .flex-container > .flex-item{
	width:32.5%;
}
p.img-text{
	margin-top: 1rem;
}


/* ====================================
	ホバーが有効な環境のみ
===================================== */
@media (hover:hover) and (pointer: fine) {}

/* ====================================
	スマートフォン専用スタイル
===================================== */
@media screen and (width < 768px) {
	
	/* 低騒音除湿 */
	#sub01 h5.section-sub-title {
		display: block;
	}
	#sub01 .tbl-noise th,td{
		padding: 0.5rem;
		font-size: 0.8em;
	}
	
	/* パワフル&省エネ */
	#sub02 .flex-container > .flex-item:nth-of-type(1){
		margin-top:4rem;
	}
	
	#sub05 .flex-container > .flex-item p{
		font-size: 0.9em;
		padding: 0 0.25em;
	}

}

/* ====================================
	PC&タブレット、印刷専用スタイル
===================================== */
@media print,
screen and (width >=768px) {
	
	/* 低騒音除湿 */
	#sub01 .sub-item:has(.section-sub-title) {
		margin-top: 5rem;
	}
	#sub01 .flex-container{
		justify-content: space-between;
	}
	#sub01 .flex-container > .flex-item{
		display: flex;
    align-items: stretch;
	}
	#sub01 .flex-container > .flex-item:nth-of-type(1){
		width:37%;
	}
	#sub01 .flex-container > .flex-item:nth-of-type(2){
		width:60%;
	}
	#sub01 .tbl-noise th,td{
		font-size: 0.8em;
		padding: 0.8rem;
	}
	#sub01 .tbl-noise th{
		width:20%;
	}
	
	/* パワフル&省エネ */
	#sub02 .flex-container{
		margin-top:4rem;
		justify-content: space-between;
	}
	#sub02 .flex-container > .flex-item:nth-of-type(1){
		width:40%;
	}
	#sub02 .flex-container > .flex-item:nth-of-type(2){
		width:56%;
	}
	
}

/* ====================================
	タブレット専用スタイル（768px～1080px）
===================================== */
@media screen and (768px <=width < 1080px) {}