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



/*---------センター寄せ------------*/
#breadcrumb {
	width: 78.334%;
	margin: 0 auto;
}
#main {
	float: none;
	margin: 0 auto;
}
/*---------------------------------*/
.cl:after {
  content: "";
  clear: both;
  display: block;
}
/*---------------------------------*/

/*//////////////////////1024pxよりも大きい幅のときここから////////////////////////*/
#po_ra .lead{
	margin:0 0 5% 0;
}
#po_ra .lead h2{
	margin:3% auto 1% auto;
	font-size:170%;
	color:#f08a1b;
	text-align:center;
	background: linear-gradient(transparent 0%, #fdffc3 0%);
	font-weight:bold;
}
	#po_ra .lead  h2.po{
		width:12em;
	}
	#po_ra .lead  h2.ra{
		width:18em;
	}
	#po_ra .lead  h2.ra span{
		font-size:140%;
	}
	#po_ra .lead  h2.to{
		width:15em;
	}
	#po_ra .lead  h2 img{
		margin:-1% 0 0 0;
	}
#po_ra .lead p{
	text-align:center;
	font-size:125%;
	line-height:1.5em;
}
	#po_ra .lead p span.red{
		color:#f16700;
	}
	#po_ra .lead p span.large{
		font-size:125%;
	}
	#po_ra .lead p span.small{
		font-size:70%;
	}
	#po_ra .lead p.green{
		font-size:250%;
		font-weight:bold;
		color:#2dc837;
		margin:2% 0 0 0;
	}
		#po_ra .lead p.green span{
		font-size:150%;
	}
#po_ra br.sp480{
	display:none;
}




/*//////////////////////1024pxよりも大きい幅のときここまで////////////////////////*/


@media screen and (max-width: 1024px) {
/* 1024pxまでの幅の場合に適応される */
}

@media screen and (max-width: 768px) {
/* 768pxまでの幅の場合に適応される */
}

@media screen and (max-width: 480px) {
/* 480pxまでの幅の場合に適応される */
#po_ra .lead p{
	font-size:110%;
	text-align:center;
}
#po_ra .lead p span.large{
	font-size:125%;
}
#po_ra .lead p.green{
	font-size:5vw;
	text-align:center;	
}
#po_ra .lead p.mid{
	text-align:center;	
}
#po_ra br.sp480{
	display:block;
}

}