@charset "UTF-8";

/* top - header
--------------------------------------------------------- */
.pg_top header	{
	float:	left;
	width:	315px;
}

.pg_top main	{
	float:	right;
	width:	600px;
	padding:	0 0 50px 0;
}

.pg_top header h1 img	{
	width:	315px;
	height:	auto;
	margin:	0 0 40px 0;
	}

.pg_top header h2	{
	width:	100%;
	margin:	0 0 25px 0;
	border-bottom:	#666666 solid 1px;
	line-height:	1.2;
	}


.pg_top header h2 img	{
	width:	315px;
	height:	auto;
	}

.pg_top header h3	{
	margin:	0 0 20px 0;
	color:	#202020;
	font-size:	2.0rem;
	font-weight:	bold;
}

.pg_top header h4	{
	margin:	0 0 1.2rem 0;
	font-size:	1.4rem;
}


img.bnr_rinrei	{
	width:	150px;
	height:	auto;
	margin:	20px 0 50px 0;
}


/* navi
--------------------------------------------------------- */
.pg_top nav{
	margin:	0 0 50px 0;
}

.pg_top nav ul li	{
	margin:	0 0 15px 0;
	font-size:	3.0rem;
	font-family:	'Abel', sans-serif;
	text-align:	center;
}

.pg_top nav ul li a	{
	display:	block;
	box-sizing:	border-box;
	width:	100%;
	margin:	0 auto;
	padding:	0.4rem 0.2rem;
	border:	1px solid #ccc;
	-moz-border-radius: 	4px;
	-webkit-border-radius:	4px;
	border-radius:	4px;
}

.pg_top nav ul li a:hover	{
	color:	#ccc;
}


/* prg_desc_area
--------------------------------------------------------- */
.pg_top .prg_desc_area{
	padding:	10px;
	-moz-border-radius:	4px;
	-webkit-border-radius:	4px;
	border-radius:	4px;
}

.pg_top .prg_desc_area a,a:link,a:visited{
	xcolor:	#777;
}

.pg_top a:hover .prg_desc_area{
	xbackground:	#f5f3f3
}

.pg_top span.prg_desc_a	{
	xcolor:	#f44f65;
}

.pg_top .prg_desc	{
	margin:	0;
}






/* top btn_next
--------------------------------------------------------- */
a.btn_next	{
	display:	block;
	box-sizing:	border-box;
	width:	100%;
	margin:	0 0 40px 0;
	padding:	2.0rem 0.2rem;
	background:	#f26521;
	color:	#fff;
	font-size:	2.0rem;
	letter-spacing:	4px;
	text-align:	center;
	-moz-border-radius: 	4px;
	-webkit-border-radius:	4px;
	border-radius:	4px;
}

a.btn_next:link	{
	background:	#f26521;
	color:	#fff;
}

a.btn_next:hover{
	color:	#fff;
	background:	#f2c821;
}

a.btn_next:visited{
	color:	#fff;
}

.top_next_prg	{
	overflow:	hidden;
	margin:	30px 0 20px 0;
	padding:	10px 0 0 0;
	xborder-top:	1px solid #999;

}

.top_next_prg h3	{
	margin:	0 0 10px 0 ;
	border-bottom:	#666666 solid 2px;
	color:	#999 !important;
	font-size:	1.6rem !important;
	font-family: 'Abel', sans-serif;
}

.top_next_prg h4	{
	font-size:	1.4rem !important;
	color:	#666 !important;
	line-height:	1.4;
}







/* =========================================================
	media queries for tablet
========================================================= */
@media only screen and (max-width : 960px){

body{
	background:	none #fff;
	}

img.bnr_rinrei	{
	width:	150px;
	height:	auto;
	margin:	40px 0 50px 0;
}


/* header
--------------------------------------------------------- */¥
.pg_top header h1 img	{
	width:	70%;
	height:	auto;
	}


.pg_top header	{
	clear:	both;
	width:	100%;
	margin:	0 0 70px 0;
	text-align:	center;
}

.pg_top main	{
	clear:	both;;
	width:	100%;
}

.pg_top header h3	{
	margin:	0 0 20px 0;
	text-align:	left;
}

.pg_top header h4	{
	margin:	0 0 1.2rem 0;
	text-align:	left;
}


/* navi
--------------------------------------------------------- */
.pg_top nav{
	margin:	0 0 50px 0;
}

.pg_top nav ul li	{
	font-size:	30px;
	font-family:1'Abel', sans-serif;
	text-align:	center;
}

.pg_top nav ul li a	{
	display:	block;
	box-sizing:	border-box;
	width:	70%;
	margin:	0 auto;
	padding:	0.8rem 1.0rem;
	border:	1px solid #ccc;
	-moz-border-radius: 	8px;
	-webkit-border-radius:	8px;
	border-radius:	8px;
}

.pg_top nav ul li a:hover	{
	color:	#ccc;
}


#gigyaShare{
	margin:	0 0 40px 0;
}



}



/* =========================================================
	media queries for smartphone
========================================================= */
@media only screen and (max-width : 640px){

.pg_top .prg_desc_area{
	padding:	0;
}

.pg_top header h1 img	{
	width:	100%;
	height:	auto;
	}

.pg_top header h2	{
	line-height:	0.8;
	}

.pg_top header h2 img	{
	width:	200px;
	height:	auto;
	padding:	0 1px 1px 1px;
	}

/* top - header
--------------------------------------------------------- */
.pg_top header	{
	clear:	both;
	width:	100%;
	margin:	0 0 0 0;
	text-align:	center;
}

.pg_top header h3	{
	font-size:	1.8rem;
}

.pg_top header h4	{
	font-size:	1.6rem;
}


img.bnr_rinrei	{
	width:	100px;
	height:	auto;
	margin:	20px auto 50px auto;
}


/* navi
--------------------------------------------------------- */
.pg_top nav{
	margin:	0 0 20px 0;
}

.pg_top nav ul li	{
	font-size:	2.4rem;
}

.pg_top nav ul li a	{

	width:	100%;
}




/* prg_desc_area
--------------------------------------------------------- */¥
.prg_desc_area{
	padding:	0;
}

.prg_desc_area a,a:link,a:visited{
	background:	none;
}

a:hover .prg_desc_area{
	background:	none;
}

span.prg_desc_a	{
	background:	none;
}


/* navi
--------------------------------------------------------- */
.pg_top nav{
	margin:	0 0 10px 0;
}

.pg_top nav ul li	{
	margin:	0 0 15px 0;
	font-size:	2.0rem;
	font-family:	'Abel', sans-serif;
	text-align:	center;
}

.pg_top nav ul li a	{
	display:	block;
	box-sizing:	border-box;
	width:	100%;
	margin:	0 auto;
	padding:	0.3rem 0.1rem;
	border:	1px solid #ccc;
	-moz-border-radius: 	4px;
	-webkit-border-radius:	4px;
	border-radius:	4px;
}


/* top btn_next
--------------------------------------------------------- */
a.btn_next	{
	width:	100%;
	margin:	0 0 50px 0;
	padding:	0.6rem 0.2rem;
	font-size:	1.6rem;
	letter-spacing:	0px;
}



}