@charset "utf-8";
/* ====================================
Layout
==================================== */
.function-subNav {
  row-gap: 1.5rem;
}
.btn-function-subNav {
  border-radius: .25rem;
  padding: 1.25rem;
  position: relative;
}
.btn-function-subNav::after {
  position: absolute;
  bottom: -1rem;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 1.875rem;
  content: "\f181";
  display: block;
  color: #00A0A5;
  font-size: 1.875rem;
  font-weight: normal;
  line-height: 1;
}
.btn-function-subNav:hover::after {
  transform: translate(0, .25rem);
}
.btn-function-subNav:hover {
  background-color: #f9f9f9;
  border: #00A0A5 .0625rem solid !important;
}
.btn-function-subNav:hover span {
  text-decoration: none;
}
.btn-function-subNav span {
  font-size: .875rem;
  gap: .5rem;
}
.btn-function-subNav span .ico {
  font-size: 1.75rem;
}
/* 主な機能一覧 */
.function-subNav, .main-function-container, .submain-function-fluid, .function-form-fluid, .function-faq-container, .function-cta-container {
  padding: 2.5rem 0;
}
.main-function-inner {
  gap: 2.5rem;
}
.main-function {
  padding: 1.5rem 0;
  margin: -1.5rem 0;
  gap: 1.5rem;
}
.main-function-title {
  font-size: 1.5rem;
}
.main-function-description {
  color: #333;
}
.main-function-list-container {
  background-color: #F2FAFA;
  padding: 2rem;
}
.main-function-list {
  row-gap: 4rem;
}
.main-function-listItem {
  row-gap: 2.5rem;
}
.main-function-listItem-top-title {
  font-size: 1.25rem;
}
.main-function-listItem-top-thumbnail img {
  box-shadow: 0px 0px 16px -5px #d6d6d6;
}
.main-function-listItem-title {
  font-size: 1.125rem;
}
/* 利用規約 */
.submain-function-container {
  padding: 1.5rem;
}
.submain-function-container .submain-function-title {
  font-size: 1.5rem;
}
/* 概要資料 */
.function-form-text-main {
  row-gap: 1.5rem;
}
.function-form-text-main-title {
  font-size: 1.5rem;
  line-height: 1.5;
}
.function-form-text-main-bottom-comment {
  border-radius: 2rem;
  padding: .5rem 1.5rem;
}
.function-form-text-main-bottom-list li::before {
  content: "\e834";
  color: #1A6366;
}
/* FAQ */
.function-faq-title {
  font-size: 1.5rem;
}
/* CTA */
.function-cta-title {
  font-size: 1.5rem;
}
.function-cta-block-top-comment {
  border-radius: 2rem;
  padding: .3125rem 1.25rem;
}
.function-cta-block-bottom {
  position: relative;
  padding: 1rem 1.5rem 1.5rem;
}
.function-cta-block-bottom::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60%;
  background: #fff;
  border-radius: .5rem;
  z-index: 0;
}
.function-cta-block-bottom > * {
  position: relative;
  z-index: 1;
}
.function-ctaーlink {
  padding: 16px 20px;
}
@media (min-width: 576px) and (max-width: 767.9808px) {
}
@media (min-width: 768px) and (max-width: 991.9808px) {
  /* 主な機能一覧 */
  .function-subNav, .main-function-container, .submain-function-fluid, .function-form-fluid, .function-faq-container, .function-cta-container {
    padding: 4rem 0;
  }
}
@media (min-width: 992px) {
  .btn-function-subNav {
    padding: 2rem 1rem;
  }
  /* 主な機能一覧 */
  .btn-function-subNav span {
    font-size: 1rem;
  }
  .function-subNav, .main-function-container, .submain-function-fluid, .function-faq-container, .function-cta-container {
    padding: 5rem 0;
  }
  .main-function-inner {
    gap: 5rem;
  }
  .main-function {
    gap: 2.5rem;
    padding: 2.5rem 0;
    margin: -2.5rem 0;
  }
  .main-function-title {
    font-size: 1.75rem;
  }
  .main-function-list-container {
    padding: 2.5rem;
  }
  .main-function-list {
    row-gap: 5rem;
  }
  .main-function-listItem {
    row-gap: 4rem;
  }
  .main-function-listItem-top-title {
    font-size: 1.5rem;
  }
  .main-function-listItem-title {
    font-size: 1.25rem;
  }
  /* 利用規約 */
  .submain-function-container {
    padding: 2.5rem;
  }
  /* 概要資料 */
  .function-form-text-main {
    row-gap: 2.5rem;
    padding-top: 2rem;
  }
  .function-form-text-main-title {
    font-size: 1.75rem;
  }
  .function-form-text-main-bottom-list li::before {
    font-size: 1.25rem;
  }
  /* FAQ */
  .function-faq-title {
    font-size: 1.75rem;
  }
  /* CTA */
  .function-cta-title {
    font-size: 1.75rem;
  }
  .function-ctaーlink {
    padding: 16px 24px;
    font-size: 1.125rem;
  }
}