@charset "UTF-8";
body{
line-height:30px;
}
span.font_c{
	color:#fe835c;
	font-size:20px;
	font-weight:bold;
}
span.font_b{
	font-size:36px;
	font-weight:bold;
	color:#fe835c;
}
span.font_m{
	font-size:24px;
	color:#fe835c;
}
#p_page{
	width:100%;
	background:#fff9c5;
} 

#p_page .cont{
	width:70%;
	margin:0 auto;
	padding:30px 0;
}

#p_page .cont p {
    margin: 10px 0;
}

#p_page .btn .gif{
	width:10%;
	margin:0 auto;
	}
#p_page .name{
	width:100%;
	background:#fe835c;
	padding:10px 0 5px;
	margin:15px 0;
}


@media only screen and (min-width: 1200px) {
#p_page .left{
	float:left;
	width:60%;
}
#p_page .right{
	float:right;
	width:40%;
}
#p_page .btn{
	width:60%;
	margin:20px auto;
	text-align:center;
}
h3{
width:95%;
color:#fff;
font-size:30px;
padding:15px 0;
margin:10px auto;
text-align:center;
background:#fe835c;
}
}

@media only screen and (max-width: 1200px) {
#p_page .left{
	float:left;
	width:60%;
}
#p_page .right{
	float:right;
	width:40%;
}
#p_page .btn{
	width:60%;
	margin:20px auto;
	text-align:center;
}
h3{
width:95%;
color:#fff;
font-size: 3vw;
padding:15px 0;
margin:10px auto;
text-align:center;
background:#fe835c;
}
}


@media only screen and (max-width: 600px) {
#p_page .btn{
	width:80%;
	margin:20px auto;
	text-align:center;
}
h3{
width:95%;
color:#fff;
font-size:4vw;
padding:15px 0;
margin:10px auto;
text-align:center;
background:#fe835c;
}
}