@charset "Shift_JIS";

/*
	================================================================================================
		tablet support guide special system_update z3z2_511.css
	================================================================================================
*/
#tips dl {
	margin-left: 15px;
}
#tips dl dt {
	margin: 0 0 5px 0;
    font-size: 105%;
    padding: 4px 0px 6px;	
}
#tips dl dd {
	margin-left: 0;
}
#tips dl ol{
	margin-left: 5px;
}
#feature01 {
	overflow: hidden;
}
#feature01 dl.setting {
	margin-bottom: 20px;	
}
#feature01 dl.home {
	margin-bottom: 10px;	
}
#feature01 dl dt {
	margin-bottom: 15px;	
}
#feature01 .before {
	width: 250px;
	text-align: center;
	float: left;
}
#feature01 .arrow_right {
	width: 140px;
	text-align: center;
	float: left;
    padding: 25px 0 0;	
}
#feature01 dl.home .arrow_right {
    padding: 20px 0 0;	
}
#feature01 .arrow_down {
	width: 220px;
	text-align: center;
	float: left;
    padding: 25px 0 0;
	display: none;
}
#feature01 .after {
	overflow: hidden;
	width: 250px;
	text-align: center;
}
#feature02 .arrow_down {
	width: 610px;
	text-align: center;
    margin-bottom: 20px;	
}
#feature03 p.indent {
    padding-left: 1.7em;
    text-indent: -1.7em;
}
#feature03 img.icon {
    margin: 0 2px;
    vertical-align: top;
}
#feature04 .before {
	width: 270px;
	text-align: center;
	float: left;
}
#feature04 .arrow_right {
	width: 120px;
	text-align: center;
	float: left;
    padding: 180px 0 0;	
}
#feature04 .arrow_right_2 {
	width: 120px;
	text-align: center;
	float: left;
    padding: 215px 0 0;	
}
#feature04 .arrow_down {
	width: 220px;
	text-align: center;
	float: left;
    padding: 25px 0 0;
	display: none;
}
#feature04 .after {
	overflow: hidden;
	width: 270px;
	text-align: center;
}
#feature04 .after_2 {
	overflow: hidden;
	width: 280px;
	text-align: center;
}
#feature12 .left {
	width: 290px;
	text-align: center;
	float: left;
	margin-right: 40px;
}
#feature12 .right {
	overflow: hidden;
	width: 290px;
	text-align: center;
}

/*
----------------------------------------------------------------------------
	画面幅＜640px＞以下のときに適用
----------------------------------------------------------------------------
*/
@media (max-width: 640px) {
	.resizeimg img {
	    width: 98%;
	}
	#feature01 .before {
		float: none;
		margin: 0 auto;
	}
	#feature01 .arrow_right {
		display: none;
	}
	#feature01 .arrow_down {
		display: block;
		float: none;
		margin: 0 auto 20px;
	}
	#feature01 .after {
		margin: 0 auto;
	}
	#feature02 .arrow_down {
		width: auto;
	}
	#feature04 .before {
		float: none;
		margin: 0 auto;
	}
	#feature04 .arrow_right {
		display: none;
	}
	#feature04 .arrow_right_2 {
		display: none;
	}
	#feature04 .arrow_down {
		display: block;
		float: none;
		margin: 0 auto 20px;
	}
	#feature04 .after {
		margin: 0 auto;
	}
	#feature04 .after_2 {
		margin: 0 auto;
	}
	#feature12 .left {
		float: none;
		margin: 0 auto 20px;
	}
	#feature12 .right {
		margin: 0 auto 20px;
	}
}