/* CSS Document */

#message{}
	#message header+div{
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-ms-flex-direction: row-reverse;
		-webkit-flex-direction: row-reverse;
		flex-direction: row-reverse;
		-ms-flex-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		}
	#message figure{
		width: 30%;
		text-align: center;
		display: none;
		}
		#message figure img{
			width: 100%;
			}
	#message figure+div{
/*		width: 70%;
		padding-right: 1em;*/
		width: 100%;
		}
	#message p+p{
		margin-top: 1em;
		}

/* for mobile */
@media (max-width: 767px) {
/*767px以下*/
}
@media (max-width: 767px) and (orientation:portrait) {
/*767px以下 縦向き*/
#message{}
	#message header+div{
		display: block;
		}
	#message figure{
		width: 70%;
		margin: auto;
		margin-bottom: 1em;
		}
	#message figure+div{
/*		width: 100%;
		padding: 0;*/
		}
}
@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%;*/
		}
}
@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}
	}