@charset "utf-8";

#message {width:76rem; margin:0 auto; line-height:2;}
#message::after {display:block; content:''; clear:both;}
#message > header {position:relative;}
#message > header > .image {margin:0 min(calc(50% - 50vw),-21.5rem);}
#message > header > .image > img {display:block; width:100%; height:auto;}
#message > header > h1 {
	display:flex; align-items:center; 
	position:absolute; left:0; top:0; bottom:0; font-size:2.7rem; font-weight:bold; line-height:2.1;
}
#message > p {margin:4em 0 0; font-size:1.6rem; line-height:2.5;}
#message > footer {float:right; margin:6rem 0 0;}
#message > footer::after {
	display:block; content:''; width:26rem; height:10rem; margin:-1rem -2rem; 
	background:url(images/message_signature.png) center center no-repeat; background-size:contain; 
}
#message > footer > small {display:block; font-size:1.4rem;}
#message > footer > strong {display:block; font-size:2.4rem; font-weight:bold;}

@media screen and (max-width:599px) {
#message {width:auto;}
#message::after {}
#message > header {}
#message > header > .image {margin:0 -8vw;}
#message > header > .image > img {}
#message > header > h1 {font-size:1.9rem;}
#message > p {margin:2.5rem 0 0; font-size:1.2rem;}
#message > footer {margin:3rem 0 0;}
#message > footer::after {width:19.5rem; height:7.5rem;}
#message > footer > small {font-size:1rem;}
#message > footer > strong {font-size:1.8rem;}
}