@charset "utf-8";

/* CSS Document */
/*--------------------------------------
 Main Index
---------------------------------------*/
.keyArea {
  background: url("img/key.jpg") right bottom no-repeat #fff;
  background-size: auto 100%;
  min-height: 520px;
  margin: 0 0 10rem;
}
.keyArea .inner {
  width: 1000px;
  margin: 0 auto;
  padding: 70px 0 60px;
  box-sizing: border-box;
}
.keyArea .inner .mainTit-text {
  width: 510px;
  max-width: 100%;
  background: linear-gradient(-90deg, #c9f6d4 0%, #adf1f2 100%);
  border-radius: 20px;
  padding: 25px 30px;
  box-sizing: border-box;
  margin: 40px 0 30px;
}
.keyArea .btn-internal{
  margin: 0;
}
.keyArea .btn-internal a{
  background: #085567 url("img/arrow_white_down.png") right 20px top 50% no-repeat;
}

@media screen and (max-width: 599px) {
  .keyArea {
    background: url("img/key.jpg") 50% 0 no-repeat;
    background-size: 100%;
    min-height: inherit;
    padding: 29% 6% 0px;
    margin: 0 0 1rem;
    position: relative;
  }
  .keyArea .inner {
    margin: 0 auto;
    background: #fff;
    box-sizing: border-box;
    width: 100%;
    padding: 0;
    border-radius: 20px;
  }
  .keyArea .no-toc {
    position: absolute;
    width: 40%;
    top: 6%;
  }
  .keyArea .inner .mainTit-text {
    line-height: 1.8;
    padding: 15px 0;
    width: 100%;
    margin: 20px 0 10px;
    background: none;
  }
  .keyArea .btn-internal{
    margin: 0 auto;
  }

}