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



/* FONT size
---------------------------------------------------------------------
[ px ]	[ % ]
10px 	72  %		19px 	136 %
11px 	79  %		20px 	143 %
12px 	86 %		21px 	150 %
13px 	93 %		22px 	158 %
14px 	100 %		23px 	165 %
15px 	108 %		24px 	172 %
16px 	115 %		25px 	179 %
17px 	122 %		26px 	186 %
18px 	129 %
---------------------------------------------------------------------*/




	



/* min 801px */
@media screen and (min-width: 801px), print {





	
	
/* privacy
--------------------- */
#privacy {
}
#privacy .inner {
	width: 644px;
}
	#privacy .read {
		font-size: 86%;
		line-height: 30px;
		padding-bottom: 60px;
	}
	

	#privacy dl {
		padding-top: 80px;
	}
		#privacy dl dt {
			background: url(../../common/img/tit_border_black.png) no-repeat left center;
			padding-left: 50px;
			margin-bottom: 15px;
		}
		#privacy dl dd {
			font-size: 86%;
			line-height: 30px;
		}

	
	.cbtn {
		width: 224px;
		padding-top: 25px;
	}
		.cbtn a {
			display: block;
			height: 40px;
			line-height: 40px;
			letter-spacing: 2px;
			color: #383838;
			padding-left: 25px;
			background: url(../../common/img/icon_arrow_black.png) no-repeat 92% center;
			border: solid 1px #9c9c9d;
			transition: 0.3s;
			-webkit−transition: 0.3s;
		}
		.cbtn a:hover {
			background: #000 url(../../common/img/icon_arrow_white.png) no-repeat 94% center;
			border: solid 1px #000;
			letter-spacing: 4px;
			color: #fff;
		}



}








/* max 800px */
@media only screen and (max-width: 800px) {



	


	
	
/* privacy
--------------------- */
#privacy {
	padding-top: 40px;
	padding-bottom: 60px;
}
	#privacy .read {
		font-size: 86%;
		line-height: 30px;
		padding-bottom: 40px;
	}
	

	#privacy dl {
		padding-top: 50px;
	}
		#privacy dl dt {
			background: url(../../common/img/tit_border_black.png) no-repeat left center;
			padding-left: 50px;
			margin-bottom: 15px;
		}
		#privacy dl dd {
			font-size: 86%;
			line-height: 30px;
		}

	
	.cbtn {
		width: 224px;
		padding-top: 25px;
	}
		.cbtn a {
			display: block;
			height: 40px;
			line-height: 40px;
			letter-spacing: 2px;
			color: #383838;
			padding-left: 25px;
			background: url(../../common/img/icon_arrow_black.png) no-repeat 92% center;
			border: solid 1px #9c9c9d;
			transition: 0.3s;
			-webkit−transition: 0.3s;
		}
		.cbtn a:hover {
			background: #000 url(../../common/img/icon_arrow_white.png) no-repeat 94% center;
			border: solid 1px #000;
			letter-spacing: 4px;
			color: #fff;
		}
	



}

	



.fadeInDown {
	-webkit-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-duration:1s;
	-ms-animation-duration:1s;
	animation-duration:1s;
}
@-webkit-keyframes fadeInDown {
	0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
	100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}
@keyframes fadeInDown {
	0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
	100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}
.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
	visibility: visible !important;
}