@charset "UTF-8";



/******************************************************

 main
 
******************************************************/

.main{
	background:url(images/main@2x.jpg);
	background-size:cover;
}
.main p{
	height:200px;
	max-width:980px;
	margin:auto;
	position:relative;
}
.main img{
	position:absolute;
	left:60%;
	top:50%;
	margin-left:-100px;
	margin-top:-30px;
}

@media screen and (max-width: 600px){
.main img{
	left:50%;
	width:150px;
	height:auto;
	margin-left:-75px;
	margin-top:-22.5px;
}
}


/******************************************************

 contents
 
******************************************************/

.contents{
	margin:auto;
	width:90%;
	max-width:980px;
	padding:50px 0px;
}


@media screen and (max-width: 600px){
.contents{
	padding:30px 0px;
}
}








/******************************************************

 title
 
******************************************************/

.title_s,
.title_m{
	color:#117411;
	font-weight:lighter;
}

.contents.box01 .title_s{
	font-size:20px;
	padding-bottom:15px;
}
.contents.box01 .title_m{
	font-size:32px;
	line-height:150%;
	padding-bottom:30px;
}
.contents p{
	font-size:14px;
	line-height:240%;
}

.txt_l{
	font-size:26px;
	line-height:150%;
	padding-bottom:20px;
	font-weight:lighter;
	color:#117411;
}
.contents p.txt_m{
	font-size:18px;
	line-height:180%;
	font-weight:lighter;
}


@media screen and (max-width: 600px){
.contents.box01 .title_s{
	font-size:18px;
}
.contents.box01 .title_m{
	font-size:22px;
	padding-bottom:30px;
}
.contents p{
	font-size:12px;
}
.txt_l{
	font-size:20px;
	padding-bottom:10px;
}
.contents p.txt_m{
	font-size:14px;
}
}






/******************************************************

 box01
 
******************************************************/


.img01{
	padding:20px 0px 30px;
}
.contents.box01{
	text-align:center;
}
.img02 {
	float:left;
	margin-right:20px;
	margin-left:-20px;
}
.box01_column{
	overflow:hidden;
	position:relative;
	margin-top:20px;
	background:#eee;
	text-align:left;
	padding-left:20px;
	padding-right:20px;
}
.box01_column h4{
	margin-top:30px;
	line-height:130%;
}
.contents .box01_column p{
	font-size:12px;
	line-height:200%;
	padding-bottom:12px;
}

@media screen and (max-width: 600px){
.img02 img{
	width:180px;
	height:auto;
}
}

@media screen and (max-width: 400px){
.box01_column h4{
	margin-top:25px;
}
.img02 {
	margin-right:0px;
	margin-left:0px;
	float:none;
	background:#000;
}
.img02 img{
	width:100%;
	height:auto;
}
.box01_column{
	padding-left:0px;
	padding-right:0px;
}
.box01_column h4,
.box01_column p{
	padding-left:20px;
	padding-right:20px;
}
}




/******************************************************

 box02
 
******************************************************/


.container.box02{
	background:#117411;
}
.contents.box02{
	text-align:center;
	color:#fff;
}
.contents.box02 .txt_l,
.contents.box02 .txt_m{
	color:#fff;
}
.contents box02{
}




/******************************************************

 box03
 
******************************************************/


.contents.box03 .txt_l{
	text-align:center;
}
.img03 {
	margin-top:30px;
	text-align:center;
}
.img03 img {
	width:49.333333333%;
	height:auto;
	margin-left:1.333333333%;
}
.img03 img:first-child {
	margin-left:0%;
}

@media screen and (max-width: 400px){
.img03 {
	margin-top:10px;
}
.img03 img {
	width:100%;
	height:auto;
	margin-left:0%;
	margin-top:10px;
}
}


/******************************************************

 box04
 
******************************************************/


.container.box04{
	background:#ebeade;
}
.contents.box04{
	text-align:center;
}
.about_llist01{
	padding-left:0px;
}
.about_llist01 li{
	display: inline-block;
	*display: inline;
	*zoom:1;
	list-style:none;
	width:32.222222222%;
	margin-left:1.666666666%;
	padding:0px;
	padding-bottom:10px;
	vertical-align:top;
}
.about_llist01 li:first-child{
	margin-left:0%;
}
.list_title_img {
	margin-bottom:20px;
}
.list_title_img img{
	width:100%;
	height:auto;
	max-width:290px;
}
.about_llist01 li p{
	font-size:12px;
	line-height:180%;
}

@media screen and (max-width: 500px){
.about_llist01 li{
	width:100%;
	margin-left:0%;
}
}