/* CSS Document */

#privacy{}
	#privacy ol{
		margin-left: 1.2em;
		}
		#privacy ol ol{
			list-style: lower-alpha;
			}
			#privacy ol ol li{
				margin-top: 0.5em;
				}
	#privacy li{
		margin-top: 1em;
		line-height: 1.4em;
		}
	#privacy address{
		margin-top: 2em;
		overflow: hidden;
		}
	#privacy dl{
		position: relative;
		float: right;
		}
	#privacy dt{
		position: absolute;
		left: -15em;
		}


/* for mobile */
@media (max-width: 767px) {
/*767px以下*/
}
@media (max-width: 767px) and (orientation:portrait) {
/*767px以下 縦向き*/
#privacy{}
	#privacy address{
		overflow: visible;
		}
	#privacy dl{
		float: none;
		margin: 0 -1em;
		padding: 1em;
		background: #f2f2f2;
		}
	#privacy dt{
		position: static;
		padding-bottom: 0.5em;
		margin-bottom: 0.5em;
		border-bottom: 1px solid #e6e6e6;
		}
}
@media (max-width: 767px) and (orientation:landscape) {
/*767px以下 横向き*/
}


/* for TabletPC */
@media (min-width: 768px) {
/*768px以上*/
}
@media (min-width: 768px) and (max-width: 991px) {
/*768px～991px*/
#message{}
	#message figure{
		width: 25%;
		}
	#message figure+div{
		width: 75%;
		padding-right: 1em;
		}
}
@media (max-width: 991px) {
/*991px以下*/
}


/* for PC */
@media (min-width: 992px) {
/*992px以上*/
#message{}
	#message figure{
		width: 20%;
		}
	#message figure+div{
		width: 80%;
		padding-right: 2em;
		}
}
@media (min-width: 992px) and (max-width: 1199px) {
/*992px～1200px*/
}
@media (min-width: 1200px) {
/*1200px以上*/
}


/* ie */
@media all and (-ms-high-contrast: none){}


/* animation */
@-webkit-keyframes hero {
	0%{opacity: 0}
	100%{opacity: 1}
	}
@keyframes hero {
	0%{opacity: 0}
	100%{opacity: 1}
	}