.area_pc {
    display: block;
}

.area_sp {
    display: none;
}



@media only screen and (max-width: 767px) {
    .area_pc {
    display: none;
    }
    .area_sp {
    display: block;
    }
}

span.small{
	font-size: 80%;
}

a {
	outline: none;
}

.preload * {
	-webkit-transition: none !important;
	-moz-transition: none !important;
	-ms-transition: none !important;
	-o-transition: none !important;
	transition: none !important;
}

#page-top {
   position: fixed;
   right: 0;
	bottom: 0;
   font-size: 77%;
	z-index: 9;
	display: block;
	transition: .3s;
	margin-bottom: -21px;
}
#page-top:hover {
	margin-bottom: -10px;
}

#page-top img {
	width: 60px;
	height: 60px;
}

#footer {
	background: #eaeaea;
}

#footer .inner {
	max-width: 1100px;
	margin: 0 auto;
	padding: 35px 0;
}

#footer .inner .banner {
	text-align: center;
	margin-top: 30px;
}

#footer .inner .banner a {
	transition: .3s;
}

#footer .inner .banner a:hover {
	opacity: .8;
}

#footer .inner span{
	font-size: 1.2rem;
	padding-bottom: 15px;
	color: #666;
	display: block;
}

#footer .inner ul{
	display: table;
	width: 100%;
}

#footer .inner ul li{
float:left;
margin-right:20px;
margin-bottom:10px;
}

#footer .inner a {
	color: #666;
}

#footer .inner ul li a {
	font-size: .85rem;
}

#footer .inner ul li a:before {
	content: "-";
	padding-right: 5px;
}

#footer small{
	background: #7e7e7e;
	text-align: center;
	display: block;
	width: 100%;
	font-size: .8rem;
	color: #fff;
	padding: 15px 0;
}

a.btn{
	display: block;
	margin: 80px auto 0;
	max-width: 290px;
	width: 100%;
	background: #73bcdc;
	background: -moz-linear-gradient(left,  #73bcdc 0%, #337fcf 100%);
	background: -webkit-linear-gradient(left,  #73bcdc 0%,#337fcf 100%); 
	background: linear-gradient(to right,  #73bcdc 0%,#337fcf 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#73bcdc', endColorstr='#337fcf',GradientType=1 );
	text-align: left;
	color: #fff;
	padding: 15px ;
	transition: .3s;
}

a.btn:hover {
	opacity: .7;
}

a.btn span {
	display: block;
	background: url(../img/cursor_btn.png) no-repeat right center;
	background-size: 13px 18px;
}

a.btn_green{
	display: block;
	margin: 80px auto 0;
	max-width: 290px;
	width: 100%;
	background: #bcd58b;
	background: -moz-linear-gradient(left,  #bcd58b 0%, #8fc471 100%); 
	background: -webkit-linear-gradient(left,  #bcd58b 0%,#8fc471 100%); 
	background: linear-gradient(to right,  #bcd58b 0%,#8fc471 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bcd58b', endColorstr='#8fc471',GradientType=1 ); 
	text-align: left;
	color: #fff;
	padding: 15px 10px;
	transition: .3s;
}

a.btn_green:hover {
	opacity: .7;
}

a.btn_green span {
	display: block;
	background: url(../img/cursor_btn.png) no-repeat right center;
	background-size: 13px 18px;
}

a.btn_pdf_green{
	display: block;
	margin: 20px auto 0;
	max-width: 310px;
	width: 100%;
	background: #bcd58b;
	background: -moz-linear-gradient(left,  #bcd58b 0%, #8fc471 100%); 
	background: -webkit-linear-gradient(left,  #bcd58b 0%,#8fc471 100%); 
	background: linear-gradient(to right,  #bcd58b 0%,#8fc471 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bcd58b', endColorstr='#8fc471',GradientType=1 ); 
	text-align: left;
	color: #fff;
	padding: 5px 10px;
	transition: .3s;
}

a.btn_pdf_green:hover {
	opacity: .7;
}

a.btn_pdf_green:before {
	content: url(../img/icon_pdf2.png);
	float: left;
	margin-top: 3px;
	margin-right: 5px;
}

a.btn_pdf_green span {
	display: block;
	background: url(../img/cursor_btn.png) no-repeat right center;
	background-size: 13px 18px;
	padding: 10px 0;
}

a.btn_pdf_red{
	display: block;
	margin: 40px auto;
	max-width: 310px;
	width: 100%;
	background: #ffc399;
	background: -moz-linear-gradient(left,  #ffc399 0%, #ff6b43 100%); 
	background: -webkit-linear-gradient(left,  #ffc399 0%,#ff6b43 100%);
	background: linear-gradient(to right,  #ffc399 0%,#ff6b43 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc399', endColorstr='#ff6b43',GradientType=1 );
	text-align: left;
	color: #fff;
	padding: 5px 10px;
	transition: .3s;
}

a.btn_pdf_red:hover {
	opacity: .7;
}

a.btn_pdf_red:before {
	content: url(../img/icon_pdf2.png);
	float: left;
	margin-top: 3px;
	margin-right: 5px;
}

a.btn_pdf_red span {
	display: block;
	background: url(../img/cursor_btn.png) no-repeat right center;
	background-size: 13px 18px;
	padding: 10px 0;
}

.pc{
	display: inherit;
}

.sp{
	display: none;
}

@media only screen and (max-width: 1200px) {

}

@media only screen and (max-width: 980px) {

.pc{
	display: none;
}

.sp{
	display: inherit;
}

#footer .inner span{
	padding-bottom: 25px;
	display: block;
	text-align: center;
}

#footer .inner{
	max-width: 1100px;
	width: 100%;
	margin: 0 auto;
	padding: 20px 0;
}

#footer .inner ul li{
	border-top: 1px solid #ccc;
	display: block;
		width: 100%;
}

#footer .inner ul li a {
	padding: 20px;
	display: block;
}


}

@media only screen and (max-width: 767px) {

a.btn_pdf_green{
	max-width: 290px;
	padding: 5px 10px;
}

a.btn_pdf_red{
	max-width: 290px;
	padding: 5px 10px;
}
	
}