/* CSS Document */

@media screen and (max-width: 480px){
.mainmessage{
	width:100%;
	background-color:#2DB200;
	color:#FFF;
}
.mainmessage h2{
	width:100%;
	text-align: center;
	font-size:2.2rem;
	padding:20px 5px 0 5px;
	margin:0;
	}
.mainmessage p{
	font-size:1.4rem;
	line-height:1.5em;
	box-sizing: border-box;
	padding:1em;
}
.maincontents{
	font-size:1.8rem;
	line-height:1.5em;
}
.imgphoto{
	width:100%;
}
.imgphoto img{
	width:100%;
	height:auto;
}
.infotext{
	width:100%;
	float:left;
	line-height:1.5em;
}
h2{
	margin-top:80px;
	font-size:2.8rem;
	margin-bottom:30px;
}
dl{
	padding-bottom:100px;
}
dt{
	padding:0.5em 1em;
	width:100%;
	box-sizing: border-box;
	margin:0;
	font-weight:bold;
}
dd{
	border-bottom:1px dotted #CCC;
	padding:0.5em 1em;
	width:100%;
	box-sizing: border-box;
	margin:0;
}
}
@media screen and (min-width: 481px){

.mainmessage{
	width:1024px;
	height:325px;
	background-color:#2DB200;
	color:#FFF;
	background-image:url(../img/aboutus/mainimg.jpg);
	background-position: top right;
	background-size: auto 100%;
	background-repeat: no-repeat;
	position:relative;
}
.mainmessage h2{
	width:465px;
	text-align: center;
	font-size:3.1rem;
	padding-top:90px;
	margin-top:0;
	margin-bottom:0;
}
.mainmessage p{
	margin-top:10px;
	font-size:1.8rem;
	line-height:1.5em;
	width:465px;
	box-sizing: border-box;
	padding:1em;
	position:absolute;
	bottom:0;
}
.maincontents{
	font-size:1.8rem;
	line-height:1.5em;
}
.imgphoto{
	float:right;
	width:370px;
}
.imgphoto img{
	width:100%;
	height:auto;
}
.infotext{
	width:600px;
	float:left;
	line-height:1.5em;
}
h2{
	margin-top:80px;
	font-size:2.8rem;
	margin-bottom:30px;
}
dl{
	padding-bottom:100px;
}
dt{
	border-bottom:1px dotted #CCC;
	padding:0.5em 1em;
	width:30%;
	float:left;
	box-sizing: border-box;
	margin:0;
}
dd{
	border-bottom:1px dotted #CCC;
	padding:0.5em 1em;
	width:70%;
	float:left;
	box-sizing: border-box;
	margin:0;
}
}