@media screen and (max-width: 834px) {
#Main0{
	width:100%;
	padding:0% 0% ;
	position: relative;
	background-color: #fff;	
	}
	
#Main1{
	height: 100vh;
	}

.cap-txt {
  padding: 5% 0% 5%;
}
	
}

@media screen and (min-width: 835px) {
.cap-txt {
  padding: 0% 0% 5%;
}
	
}

#Main0 {
	width:100%;
	position: relative;	
   height: 100vh; /*//- calc関数やCSSの変数(var)に対応していないブラウザ対策*/
   height: calc(var(--vh, 1vh) * 100); /*の後の数字は正しいvhの値に合わせて変更。*/	
}



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




.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;		
}

.cap-txt {
  width: 80%;
  margin: 0 auto;	
  color:#888;
  text-align: left;
  font-size: 0.8em;	
}