@charset "Shift_JIS";

/*
	================================================================================================
		tablet support guide special system_update z2_444.css
	================================================================================================
*/
div#contents div#feature03 div.icon {
	width: 60px;
	float: left;
	clear: both;
	margin: 0 0 30px 20px;
}
div#contents div#feature03 div.description {
	width: 680px;
	float: left;
	margin: 0;
}

div#contents div#feature04 div.icon {
	width: 44px;
	float: left;
	clear: both;
	margin: 0 0 30px 20px;
}
div#contents div#feature04 div.description {
	width: 696px;
	float: left;
	margin: 0;
}
div#contents div#feature03 div.description div.pct img {
	margin: 15px 0 30px 0;
}
div#contents div#feature03 ol div.pct img {
	margin: 15px 0 30px 73px;
}
div#contents div#feature05 div.pct img.lead,
div#contents div#feature06 div.pct img.lead,
div#contents div#feature07 div.pct img.lead,
div#contents div#feature08 div.pct img.lead {
	margin: 15px 0 30px 54px;
}
/*
----------------------------------------------------------------------------
	画面幅＜640px＞以下のときに適用
----------------------------------------------------------------------------
*/
@media screen and (max-width: 640px) {
div#contents div#feature03 div.icon,
div#contents div#feature04 div.icon {
	width: auto;
	clear: both;
	margin: 0 0 0 20px;
}
div#contents div#feature03 div.description,
div#contents div#feature04 div.description {
	width: auto;
	clear: both;
	margin: 0 0 0 10px;
}
div#contents div#feature03 ol div.pct img {
	margin: 15px 0 30px 0;
}
div#contents div#feature05 div.pct img.lead,
div#contents div#feature06 div.pct img.lead,
div#contents div#feature07 div.pct img.lead,
div#contents div#feature08 div.pct img.lead {
	margin: 15px 0 30px 15px;
}
}