.btnnc a {
    background-color: #666;
    border: 2px solid #666;
    color: #fff;
    display: block;
    font-size: 0.8rem;
    padding: 11px;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition: .3s;
    width: 80%;
    margin: 5px auto;
}
.btnnc a:hover {
    background-color: #fff;
    color: #000;
}


.nc-card02 {
    display: block;
    background: #e3e3e3;
    margin: auto;
    padding: 10px;
    width: 50%;
}

.nc-card03 {
    display: block;
    background: #fff;
    margin: auto;
    padding: 10px;
    width: 50%;
}


p.nc {
  font-size:  0.6rem;
  ling-height: 1rem;}


h1.nc {
  position: relative;
  padding: 1.5rem;
  text-align: center;
  font-size: 1.5rem;
  line-height: 2rem;
}

h2.nc {
  font-size: 0.9rem;
  line-height: 1.5rem;
  padding-bottom:1rem;
}

h1.nc:before {
  position: absolute;
  bottom: -10px;
  left: calc(50% - 100px);
  width: 200px;
  height: 5px;
  content: '';
  border-radius: 3px;
  background: #5d653b;
}


.ncalink {
    padding-top: 80px;
    margin-top: -80px;
}

/*========= dlデザインcss ===============*/

dt,dd {
    margin: 0; /* ブラウザの初期値をクリア */
    padding: 0; /* ブラウザの初期値をクリア */
}
.dlnc {
    width: 700px;
    display: flex; /* 子要素のdtとddを横並びにする */
    flex-wrap: wrap; /* 1つのdtとddで1行になるよう改行させる */
}
.dlnc dt,
.dlnc dd {
    border-bottom: 1px solid #666; /* 各セルの下の線。テーブルの下の線も補える。 */
    box-sizing: border-box; /* widthの計算を楽にするため */
    padding: 15px 30px;
    text-align: left;

}
.dlnc dt {
    font-size: 0.7rem;
    font-weight: bold;
    width: 200px;
}
.dlnc dd {
    width: calc(100% - 200px); /* テーブル幅からdtを引いた分の横幅を指定。 */
    font-size: 0.7rem;
}
/* FOR smartphone landscape
***********************/
@media screen and (max-width:750px) {

    .dlnc {
        width: 100%; /* 横幅をpxではなく、幅いっぱいに指定。 */
        border-left: none; /* テーブルの左の線を消す */
        display: block; /* 横並びにさせないようブロック要素にする */
    }
    .dlnc dt,
    .dlnc dd {
        border-right: none; /* セルの右の線を消す */
        width: 100%; /* 横幅を幅いっぱいに指定 */
        padding: 8px 10px; /* 各セルに余白を取る */
    }
    .dlnc dt {
        border-bottom: none; /* 下の線を消す（ddの下の線が残る） */
        padding-bottom: 0; /*ddとの距離を近づけるため、0にする*/
    }
    .nc-card03 {
        width: 100%;
    }
    .nc-card02 {
        width: 100%;
    }
    h1.nc {
      font-size: 1.2rem;
      line-height: 1.5rem;
      padding: 1rem 0rem;

}