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

/* feature
-------------------------------------------------------------- */
#feature dl {
  padding-bottom: 50px;
}
#feature dd {
  line-height: 2.2;
}
@media (max-width: 767px) {
  #feature dl {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px dotted rgba(32, 47, 84, 0.4);
  }
  #feature dl:last-of-type {
    border: none;
  }
  #feature dd {
    line-height: 2;
  }
  #feature h3 {
    font-size: 1.4rem;
  }
}
/* history
-------------------------------------------------------------- */
#history {
  padding: 100px 0 150px;
}
#history dl {
  padding: 50px 0 5px;
  border-bottom: 1px solid var(--navy);
}
#history dl:first-of-type {
  padding: 0 0 5px;
}
#history dl:last-of-type {
  border: none;
}
#history dt {
  padding-bottom: 20px;
  font-weight: 500;
}
@media (max-width: 767px) {
  #history {
    padding: 0 0 20px;
  }
  #history dl {
    padding: 15px 0;
    border-bottom: 1px dotted rgba(32, 47, 84, 0.4);
  }
  #history dt {
    padding-bottom: 10px;
  }
}

/* outline
-------------------------------------------------------------- */
#outline dl {
  margin-bottom: -50px;
}
#outline dt {
  padding-bottom: 40px;
  width: 120px;
  font-weight: 500;
}
#outline dd {
  padding-bottom: 40px;
  width: calc(100% - 120px);
}
#outline ol {
  gap: 50px;
}
#outline li {
  width: calc((100% - 100px) / 3);
}
#outline figcaption {
  font-weight: 500;
}
@media (max-width: 767px) {
  #outline dl {
    margin-bottom: -30px;
  }
  #outline dt {
    padding: 15px 0 5px;
    width: 100%;
  }
  #outline dd {
    padding-bottom: 15px;
    border-bottom: 1px dotted rgba(32, 47, 84, 0.4);
    width: 100%;
  }
  #outline dd:last-of-type {
    border: none;
  }
  #outline ol {
    gap: 0;
  }
  #outline li {
    width: 100%;
  }
  #outline figcaption {
    font-size: 1.2rem;
  }
}
/* intro
-------------------------------------------------------------- */
#intro {
  padding: 280px 0 250px;
}
#intro p {
  padding-top: 30px;
  line-height: 2.2;
}
#intro .btn {
  margin-top: 50px;
}
@media (max-width: 767px) {
  #intro {
    padding: 50px 0 60px;
  }
  #intro .container {
    width: 100%;
  }
  #intro figure {
    order: -1;
  }
  #intro p {
    padding: 0 5% 20px;
  }
  #intro .btn {
    margin-top: 0;
  }
}
/* recruit
-------------------------------------------------------------- */
#recruit p {
  padding-top: 10px;
  line-height: 2.2;
}
#recruit .btn {
  margin-top: 50px;
}
@media (max-width: 767px) {
  #recruit .container {
    width: 100%;
  }
  #recruit figure {
    order: -1;
  }
  #recruit p {
    padding: 0 5% 20px;
  }
  #recruit .btn {
    margin-top: 0;
  }
}
/* news
-------------------------------------------------------------- */
#news {
  position: relative;
  padding: 200px 0 100px;
}
#news ul {
  padding-bottom: 30px;
}
#news li {
  padding: 40px 0;
  border-bottom: 1px solid rgba(32, 47, 84, 0.4);
}
#news li:last-child {
  border: none;
}
#news li .date {
  padding-bottom: 15px;
}
@media (max-width: 767px) {
  #news {
    padding: 50px 0 0;
  }
  #news ul {
    padding-bottom: 20px;
  }
  #news li {
    padding: 20px 0 10px;
  }
  #news li .date {
    padding-bottom: 10px;
  }
}