#message {
	max-width: 1600px;
	width: 100%;
	margin: 0 auto;
}
/* --------------------------------------------------- */
#message .ph1 {
	max-width: 1200px;
	width: 90%;
	margin: 0 0 0 auto;
	position: relative;
	z-index: 0;
}
#message .ph2 {
	max-width: 900px;
	width: 80%;
	margin: 0 auto;
	position: relative;
	z-index: 0;
}
#message .box {
	max-width: 900px;
	width: 90%;
	padding: 50px 5%;
	background-color: #fff;
	position: relative;
	z-index: 1;
	border: #225209 1px solid;
	box-shadow: 7px 7px 0px 0px rgba(34,82,9,.1);
}
#message .box1 {
	margin: -80px auto 50px 5%;
}
#message .box2 {
	margin: 0 5% 50px auto;
}
#message .box dt {
	background: url("../images/common/leaf03.png") no-repeat left top;
	background-size: 35px auto;
	padding-left: 45px;
	font-size: 1.4em;
	padding-bottom: 30px;
	font-weight: 500;
	line-height: 1.7em;
}
#message .box dd {
}
#message .box dd ul {
	list-style: none;
	margin: 10px 0;
}
#message .box dd li {
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 500;
	padding-left:3em;
	text-indent:-3em;
}
@media screen and (max-width: 1100px) {
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 580px) {
	#message .box {
        padding: 30px 5%;
        box-shadow: 5px 5px 0px 0px rgba(34,82,9,.1);
    }
	#message .box1 {
        margin: -30px auto 20px 5%;
    }
    #message .box2 {
        margin: 0 5% 20px auto;
    }
	#message .box dt {
        background: url("../images/common/leaf03.png") no-repeat left top;
        background-size: 20px auto;
        padding-left: 30px;
        font-size: 1.2em;
		padding-bottom: 20px;
    }
	#message .box dt br {
		display: none;
	}
}
/* --------------------------------------------------- */
