@charset "utf-8";

/****************
 * DESiGN TRiPLE
 ****************/
/*!
 * title
 */
/*** common ***/
.title {
  position: relative;
  padding-bottom: 0.5rem;
  margin-bottom: 1rem;
  text-align: center;
}

.title::after {
  position: absolute;
  display: block;
  bottom: 0;
  left: calc(50% - 25px);
  width: 50px;
  height: 3px;
  background-color: rgba(var(--point-rgb), 0.3);
  content: "";
}

.title p {
  margin-bottom: 0.5rem;
  color: #555;
}

.title.title-secondary {
  text-align: left;
}

.title.title-secondary::after {
  content: unset;
}

/*** main ***/
section.main-section .title h2 {}

section.main-section .title p {}

/*** sub ***/
div.sub-page-title {
  padding-top: 6rem;
}

div.sub-page-title .title h2 {
  font-weight: normal;
}

div.sub-page-title .title p {}

div.sub-page-title:has(.title-secondary) {}

div.sub-page-title .title.title-secondary h2 {}

div.sub-page-title .title.title-secondary p {}

div.sub-page-title:has(.title-secondary)+section.sub-section {
  padding-top: 0;
}

section.sub-section .title h3 {}

section.sub-section .title:has(h3)::after {
  background-color: rgba(var(--bs-black-rgb), 0.1);
}

/*!
 * section
 */
/*** common ***/
/* background-color */
section.section-bg-point {
  background-color: rgba(var(--point-rgb), 0.1);
}

section.section-bg-point-half {
  background-color: rgba(var(--point-rgb), 0.05);
}

section.section-bg-gray {
  background-color: rgba(var(--bs-black-rgb), 0.03);
}

/* border-color */
section.section-border-point {
  border-top: 1px solid rgba(var(--point-rgb), 0.1);
}

section.section-border-active {
  border-top: 1px solid rgba(var(--active-rgb), 0.1);
}

section.section-border-gray {
  border-top: 1px solid #EEE;
}

/*** main ***/
section.main-section {
  padding: 6rem 0;
}

@media screen and (max-width: 991.98px) {
  section.main-section {
    padding: 3rem 0;
  }
}

section.main-section:first-of-type {
  margin-top: 0;
}

section.main-section:last-of-type {
  margin-bottom: 0;
}

@media screen and (max-width: 991.98px) {
  section.main-section:first-of-type {
    margin-top: 0;
  }

  section.main-section:last-of-type {
    margin-bottom: 0;
  }
}

/*** sub ***/
section.sub-section {
  padding: 4rem 0;
}

@media screen and (max-width: 991.98px) {
  section.sub-section {
    padding: 2rem 0;
  }
}

section.sub-section:first-of-type {
  margin-top: 0;
}

section.sub-section:last-of-type {
  margin-bottom: 0;
}

@media screen and (max-width: 991.98px) {
  section.sub-section:first-of-type {
    margin-top: 0;
  }

  section.sub-section:last-of-type {
    margin-bottom: 0;
  }
}

/*!
 * aricle
 */
section article.article {
  padding: 1rem 0;
  height: 100%;
}

section article.article :where(h3:only-child, h4:only-child) {
  margin-bottom: 0;
}

section article.article figure:last-child {
  margin-bottom: 0;
}

section article.article ul.ul:last-child {
  margin-bottom: 0;
}

section article.article ol.ol:last-child {
  margin-bottom: 0;
}

section article.article ul.dl:last-child {
  margin-bottom: 0;
}

section article.article p:last-child:not(.icon) {
  margin-bottom: 0;
}

section article.article .table:last-child {
  margin-bottom: 0;
}