@charset "utf-8";
/* CSS Document */
/*--------------------------------------
 Main Index
---------------------------------------*/
#toc .chapter li:first-child {
  display: none;
}
#toc li.chapter-h.chapter-h-three {
  display: none;
}
.keyArea .btn-internal a,
.addCont04.bgcolor .btn-internal a {
  background-color: #f7d944;
  color: #3f3a39;
}
.keyArea .btn-internal a::after,
.addCont04.bgcolor .btn-internal a::after {
  background-image: url('img/arrow01_black.svg');
}
/* ================== */
/*.keyArea　*/
/* ================== */
.keyArea {
  background: url('img/key.jpg') right center no-repeat;
  background-size: contain;
  background-color: #fbf5e6;
  min-height: 429px;
  margin-bottom: 30px;
  padding: 0.2rem 0;
}
.keyArea .inner {
  width: 1000px;
  margin: 0 auto;
}
.keyArea .inner .mainTit {
  font-size: 3.8rem;
  line-height: 1.57;
  color: #009d92;
  margin: 0;
}
.keyArea .inner .mainTit .small {
  color: #3f3a39;
  font-size: 3rem;
}
.keyArea .inner .mainTit-text {
  width: 561px;
  max-width: 100%;
}
.keyArea .inner .btn-internal {
  width: 561px;
  margin: 3rem auto 3rem 0px;
}
.keyArea .inner .btn-internal a {
  width: 400px;
  margin: 0 auto;
}
.keyArea .inner .btn-internal a::after {
  transform: translateY(-50%) rotate(90deg);
}
@media screen and (max-width: 599px) {
  .keyArea {
    background: none;
    min-height: auto;
    margin-bottom: 4rem;
  }
  .keyArea .inner {
    width: 100%;
  }
  .keyArea .inner .mainTit {
    font-size: 2.4rem;
    width: 92%;
    margin: 0 auto 20px;
    padding: 1rem;
    line-height: 2.4rem;
    position: relative;
    z-index: 2;
  }
  .keyArea .inner .mainTit .small {
    font-size: 1.7rem;
    line-height: 1.2;
    display: inline-block;
    margin-bottom: 0.5rem;
  }
  .keyArea .inner .mainTit-text {
    width: 100%;
    position: relative;
  }
  .keyArea .inner .mainTit-text::before {
    content: '';
    display: block;
    width: 100vw;
    height: 0;
    padding-bottom: 79%;
    background: url('img/key_sp.jpg') center top no-repeat;
    background-size: 100%;
    margin-top: -13px;
    z-index: -1;
  }
  .keyArea .inner .mainTit-text p {
    padding: 0 4%;
  }
  .keyArea .inner .btn-internal {
    width: 92%;
  }
  .keyArea .inner .btn-internal {
    margin: 2rem auto 1rem;
  }
  .keyArea .inner .btn-internal a {
    width: 85%;
  }
}