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


/*----------------------------------------------------
	メッセージボタン
----------------------------------------------------*/

#msBtn {
	clear: both;
	position: fixed;
	top: 20px;
	left: 20px;
	margin: 0;
	padding: 0;
	z-index: 2000;
	width: 125px;
	height: 125px;
	cursor: pointer;
}
#msBtn a {
/*
	display: block;
	
	margin: 0;
	padding: 0;
	float: right;
	overflow: hidden;
	outline: none;
*/

}
html, body {
	height: 100%;
}
#msArea {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	z-index: 3000;
	background-color: rgba(255,255,255,0.80);
}
#msArea .inner {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 80%;
	height: 30%;
	padding: 30px 0 50px 0;
	overflow: auto;
	background: #fff;
	border: 5px solid #ff6600;
}
#msArea #closeBtn {
	position: fixed;
	top: 20px;
	right: 50px;
	cursor: pointer;
	z-index: 4000;
}
/*
#msArea .inner .imgBox{
	width:500px;
	margin:0 auto 20px;
}
*/

#msArea .inner .textBox {
	/*	width:760px;*/
	margin: 0 auto;
	padding: 50px;
}
#msArea .inner .textBox img {
	width: 100%;
}
#msArea .inner p {
	
	font-size: 20px;
	padding: 0 0 10px !important;
	line-height: 1.5 !important;
}
#msArea .inner p:last-child {
	margin-bottom: 100px;
}

@media only screen and (max-width: 768px) {
#msArea .inner {
	width: 90%;
    height: 40%;
}
#msArea .inner .imgBox {
	width: 100%;
	margin: 0 auto 20px;
}
#msArea .inner .textBox {
	width: 90%;
	margin: 0 auto;
	padding: 0;
}
#msArea .inner p {
	font-size: 18px !important;
	padding: 0 0 15px !important;
}
#msArea #closeBtn {
	top: 10px;
	right: 10px;
}
}