@media screen and (max-width: 834px) {



#Main0{
	width:100%;
	padding:0% 0% ;
	position: relative;
	background-color: #fff;	
	margin-top :10vh;
    font-size:0.8em;
    line-height: 1.5em;
    color:#666;
	}

#Main0 li{    
	display:inline-block;
	width:80%;
	padding:2% 0%;
	margin: 0 10%;
vertical-align: top;
	
}

.li-l{
	width:100%;
	font-weight: 700;
	float: left;
	text-align: justify;	
}

.li-r{
	width:100%;
	float: left;
	text-align: justify;	
}

}

@media screen and (min-width: 835px) {
    
#Main0 {
	margin-top :10vh;
}    

#Main0 li{
    font-size: calc(0.9vw + 0.05rem);
    line-height: calc(2vw + 0.05rem) ; 
	display:inline-block;
	width:70%;
	padding:1% 0%;
	margin: 0 15%;
vertical-align: top;
	
}	
	
.li-l{
	width:20%;
	margin-left: 10%;
	font-weight: 700;
	float: left;
	padding-right: 2%;	
	text-align: justify;	
}

.li-r{
	width:70%;
	float: left;
	text-align: justify;	
}	

}




#Main0 {
	width:100%;
	position: relative;	
}


.title{
	width: 100%;
	padding:2% 0%;
	text-align: center;
}

.title img{
	width:20%;
	padding:0 0 2%;
}





#Main1 {
	width:100%;
	position: relative;
}

.cap-txt {
  width:60%;
  padding: 2% 0%;
  margin: 0 auto;
  font-size: 0.8em;
  color:#888;
}	


.btn-01 {
  display: inline-block;
  width:100%;
  padding: 3% 2%;
  margin: 0% 0%;	
  text-decoration: none;
  color: #fff;
  	background: linear-gradient(225deg, #3db270 0%, #258150 100%);
background: -moz-linear-gradient(225deg, #3db270 0%, #258150 100%); 
background: -webkit-linear-gradient(225deg, #3db270 0%, #258150 100%); 
  transition: .4s;
  text-align: center;
  font-size:1.4em;
  font-weight: 600;
  line-height:1;	
}

.btn-01:hover {
  background-image: linear-gradient(225deg, #258150 0%, #3db270 100%);
  color:#eee;
  font-size:1.4em;		
}