@charset "utf-8";



/* CSS Document */

/*--------------------------------------

 Main Index

---------------------------------------*/

.keyArea {

  background: url("img/key.jpg") 50% 0 no-repeat;

  background-size: cover;

  min-height: 460px;

  margin-bottom: 8rem;

}



.keyArea .inner {

  width: 1000px;

  margin: 0 auto;

  padding: 30px 0;

  box-sizing: border-box;

  position: relative;
}

.keyArea .inner:before {
  content: "";
  position: absolute;
  background: url("img/key2.png") no-repeat;
  width: 289.62px;
  height: 279.28px;
  right: -20rem;
  bottom: -4rem;
}

.keyArea .inner p{

  margin:0;

}

.keyArea .inner .box {
  width: 520px;
  max-width: 100%;
  padding: 30px;
  background: #FEF9E5;
}

.keyArea .inner .mainTit {

  font-size: 36px;

  font-size: 3.6rem;

  font-weight: bold;

  line-height: 1.444444444;

  margin: 0 0 10px 0;

  box-sizing: border-box;
}



.keyArea .inner .mainTit span {
  font-weight: bold;
  background: linear-gradient(transparent 60%, #FAB497 60%);
}



.keyArea .inner p {
	font-size:15px;

}

.keyArea .inner .btn-internal {
  width: 80%;
  margin: 15px auto 0;
}

.keyArea .inner .btn-internal a {
  background: #C82431 url(img/arrow_white_down.png) right 20px top 50% no-repeat;
  background-size: 13.21px auto;
  line-height: 1.555555556;
  padding: 12px 40px;
}



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

  .keyArea {

    background: url("img/key_sp.jpg") 50% 0 no-repeat;

    background-size: 100%;

    min-height: inherit;

    padding: 29% 6% 20px;

    margin-bottom: 4rem;

  }

  .keyArea .inner {

    margin: 0 auto;

    background: #fff;

    box-sizing: border-box;

    width: 100%;

    padding: 0;

  }

  .keyArea .inner:before {
    display: none;
  }

  .keyArea .inner .mainTit {

    text-align: center;

    font-size: 22px;

    font-size: 2rem;

    font-weight: normal;

    width: 100%;

    line-height: 1.5;

    /* margin: 0 0 .5rem; */

    padding: 5px 0 10px;

    box-sizing: border-box;

  }

  .keyArea .inner p {

    line-height: 1.6;

    /* padding: 0; */

    border: none;

    width: 100%;

  }

  .keyArea .inner .box {
    box-sizing: border-box;
    padding: 20px;
  }

  .keyArea .inner .btn-internal {
    width: 90%;
  }

}