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

/* introduction
-------------------------------------------------------------- */
#introduction figure {
  padding-bottom: 40px;
}
#introduction dt {
  position: relative;
}
#introduction dt h3 {
  padding-bottom: 20px;
}
#introduction dt::before {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 20%;
  height: 1px;
  background: var(--navy);
  content: "";
  z-index: 2;
}
#introduction dt::after {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: rgba(32, 47, 84, 0.4);
  content: "";
}
#introduction dd {
  padding: 40px 0 60px;
}
#introduction dd p {
  font-weight: 500;
  line-height: 2.2;
}
#introduction h4 {
  padding: 30px 0 10px;
}
#introduction li span {
  width: 200px;
  font-weight: 500;
  line-height: 2;
}
#introduction li p {
  width: calc(100% - 200px);
  line-height: 2;
}
@media (max-width: 767px) {
  #introduction figure {
    padding-bottom: 20px;
  }
  #introduction dl:last-of-type {
    margin-bottom: -50px;
  }
  #introduction dt h3 {
    padding-bottom: 10px;
  }
  #introduction dd {
    padding: 20px 0 40px;
  }
  #introduction dd p {
    line-height: 2;
  }
  #introduction h4 {
    padding: 20px 0 10px;
  }
  #introduction li span {
    width: 120px;
  }
  #introduction li p {
    width: calc(100% - 120px);
  }
}