@charset "utf-8";
/* CSS Document */

/*===========================================
	howto  WF-C510 pairing-pc css
=============================================*/
#contents .tabpanel ol.stepList{
	counter-reset: square 2;
}
#contents .tabpanel .accordion.type_3{
	margin-bottom: 3em;
}
/*#contents .accordion.type_3 ol.stepList{
	counter-reset: square 2;
}*/

#contents > .notice_gray{
	margin-left: 1em;
}

#contents .tabswitch button {
	font-weight: bold;
	font-size: 1.25rem;
}

#contents .stepArea.innerStep ol.stepList{
	margin-left: 0;
}
#contents .stepArea.innerStep .notice_gray_b{
	margin-right: 2em;
}

#contents .notice_gray_b .rightImage .flex.wrapper .pct{
	max-width: 365px;
}
	#contents .notice_gray_b .rightImage .flex.wrapper .pct img{
		width: 100%;
}

@media (min-width: 801px){
	#contents .tabpanel ol.stepList{
		margin-left: 1em;
	}

	#contents .notice_gray_b .rightImage .flex.wrapper p{
		width: 54%;
		margin: 0;
	}
}

@media (max-width: 800px){
	#contents .stepArea.innerStep .notice_gray_b {
		margin-right: 0;
	}
}

@media (max-width: 390px){
	.tabswitch [role="tab"] {
		padding: 0.5em;
	}
	#contents .tabswitch button {
		font-size: 1rem;
	}
}