@charset "utf-8";


div.cmttxt{
    margin: 10px 0px 10px 0px ;
    box-shadow: 1px 1px 3px #000;
    background-color: 	#F8F9F8;
    padding:10px;
}



#mainContents  .buttonLink{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  max-width: 500px;
  height: 5em;
  padding: 10px 25px;
  color: #007545;
  transition: 0.2s ease-in-out;
  font-weight: 600;
  background: #d7eea3;
  filter: drop-shadow(0px 2px 4px #ccc);
  border-radius: 3px;
  text-decoration: none;
}

#mainContents .buttonLink:after {
  margin: 0 0 0 0.5em;
  font-family: "Font Awesome";
  font-weight: 900;
}

#mainContents .buttonLink[target="_blank"]:after {
  content: '\f08e';
}

#mainContents .buttonLink:not([target="_blank"]):after {
  content: '\f061';
}

@media screen and (min-width:768px) {
  #mainContents .buttonLink:hover {
    transform: translateY(-2px);
    box-shadow: 0 15px 30px -5px rgb(0 0 0 / 15%), 0 0 5px rgb(0 0 0 / 10%);
    color: #fff;
    background: #2d771f;
  }
}

@media screen and (max-width:767px) {
  #mainContents .buttonLink:active {
    transform: translateY(-2px);
    box-shadow: 0 15px 30px -5px rgb(0 0 0 / 15%), 0 0 5px rgb(0 0 0 / 10%);
    color: #fff;
    background: #2d771f;
  }
}

@media only screen and (min-width: 1122px), print {

}

@media only screen and (min-width: 768px) and (max-width: 1121px), print {	

}

@media only screen and (max-width: 767px) {
    
}