@media (min-width: 560px) {
    div.embed-responsive iframe.embed-responsive-item {
        width: 560px;
        height: 315px;
    }

}
@media (max-width: 560px) {
    .img-fluid img.keyimage {
        width: 80%!important;
    }
    
}

h2 {
    padding: 1rem 2rem;
    border-left: 5px solid #000;
    background: #f4f4f4;
  }

.yakuname {
    padding: 1rem 2rem;
    color: #fff;
    border-radius: 10px;
    background-image: -webkit-gradient(linear, left top, right top, from(#2da76c), to(#50b785));
    background-image: -webkit-linear-gradient(left, #2da76c 0%, #50b785 100%);
    background-image: linear-gradient(to right, #2da76c 0%, #50b785 100%);
  }

.underline {
    border-bottom: 3px solid #2da76c;
  }

.title { text-align: center; }
.text { display: inline-block; }

.btn--1p,
a.btn--1p {
  color: #fff;
  background-color: #3ac44c;
}
.btn--1p:hover,
a.btn--1p:hover {
  color: #fff;
  background: #55db67;
}

.appBox {
  margin: 60px 0px;
}