@charset "utf-8";
/*------------------------------------------------------------------

  フォーム系

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

/* PC以下共通サイズ------------------------------- */
.spec_area {
  display: flex;
  flex-direction: column;
  gap: 80px 0;
}
.spec_item dl {
  display: flex;
  gap: 0 15px;
  flex-wrap: wrap;
}
.spec_item dt {
  flex: 0 0 200px;
  line-height: 2;
  font-weight: var(--fw-bold);
  padding: 15px 10px;
  border-bottom: solid 2px var(--c-lightgray);
}
.spec_item dd {
  width: calc(100% - 215px);
  line-height: 2;
  padding: 15px 10px;
  border-bottom: solid 2px var(--c-lightgray);
}
.spec_item dd .txt_small {
  color: var(--c-gray);
}
.spec_item > .txt_small {
  margin-top: 30px;
}
.spec_item .txt_basic {
  margin-bottom: 30px;
}
.spec_item a {
  height: 50px;
  display: inline-block;
  margin-top: 5px;
}
@media (hover: hover) and (pointer: fine) {
  .spec_item a:hover {
    opacity: 0.8;
  }
}

/* PCのみサイズ------------------------------- */
@media screen and (min-width: 1025px) {
}

/* タブレット（iPad Pro）以下サイズ------------------------------- */
@media screen and (max-width: 1024px) {
}

/* タブレット（iPad）以下サイズ------------------------------- */
@media screen and (max-width: 1023px) {
}

/* スマホサイズ------------------------------- */
@media screen and (max-width: 767px) {
  .spec_area {
    gap: 60px 0;
  }
  .spec_item dt {
    flex: 0 0 100px;
    letter-spacing: 0;
    padding: 10px 0;
  }
  .spec_item dd {
    width: calc(100% - 115px);
    padding: 10px 0;
  }
  .spec_item > .txt_small {
    margin-top: 25px;
  }
}