/* ---------------------------------------------------------------
	start min 701px
--------------------------------------------------------------- */

@media screen and ( min-width: 701px ) {


	.iconarea_footer a img {
		transition: opacity .3s;
		-moz-transition: opacity .3s;
		-webkit-transition: opacity .3s;
	}
	
	.iconarea_footer a:hover img {
		opacity: 0.8;
		-moz-opacity: 0.8;
		-webkit-opacity: 0.8;
	}
	
	
	/*------------ product ------------*/
	
	.air .list_program_heater li:hover {
		background-color: #0c98f5;
	}
	.hybrid .list_program_heater li:hover {
		background-color: #ff4171;
	}
	a.btn_contact_products:hover { opacity: 0.8; }
	
}

/* ---------------------------------------------------------------
	end min 701px
--------------------------------------------------------------- */



/* ---------------------------------------------------------------
	start max 450px
--------------------------------------------------------------- */

@media print,screen and ( max-width: 450px ) {
	
	
	/*------------ header ------------*/
	#header { display: flex; }
	.logo_header {
		padding: 0 0 0 10px;
		float: none;
	}
	.col_header_group { display: none; }
	

	/*------------ top ------------*/
	
	
	#en dl.txt_topgreeting dt,
	#en dl.txt_topgroup dt,
	#en .txt_topproduct {
		font-size: 18px;
	}
	
	#en .txt_topproduct {
		padding-top: 30px;
	}

	#en dl.txt_topgreeting dt,
	#en dl.txt_topgroup dt {
		margin-bottom: 10px;
		padding-bottom: 11px;
	}
	
	#en .bnr_top dl dt {
		margin-bottom: 6px;
		padding-bottom: 3px;
	}
	
	#en .bnr_top dl dt:before {
		border-bottom-width: 3px;
	}
	
	
/*------------ product ------------*/
	
	
	.bg_product_heater {
		padding: 20px 5% 50px;
	}
	
	.mds_product_heater {
		margin-bottom: 15px;
	}
	
	.wrap_product_heater .left {
		width: 90%;
	}
	
	.list_program_heater li {
		width: 92%;
		font-size: 15px;
	}

	.list_program_heater li:before {
		width: 70px;
		height: 70px;
		top: calc(50% - 35px);
	}
	.list_program_heater li:nth-child(odd):before {
		left: -45px;
	}
	.list_program_heater li:nth-child(even):before {
		right: -45px;
	}
	
	
	
	
	
	
	
	
	
	



}
/* ---------------------------------------------------------------
	end max 450px
--------------------------------------------------------------- */