:root {
  --carousel-max-width: 1366px;
  --slide-max-width: 630px;
  --slide-gap-max: 50px;
  --nav-size: 44px;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 52px;
}

#content {
  font-size: 16px;
}

#content * {
  all: unset;
  box-sizing: border-box;
  font-family: "Noto Sans JP", sans-serif;
  line-height: 1.75;
  color: #333;
}

#content input,
#content textarea,
#content select,
#content select {
  all: revert;
  font: inherit;
  color: inherit;
  box-sizing: border-box;
}

#content div,
#content section,
#content article,
#content header,
#content footer,
#content main,
#content nav,
#content aside,
#content p,
#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6,
#content ul,
#content ol,
#content figure,
#content figcaption,
#content address,
#content pre,
#content blockquote,
#content dl,
#content dt,
#content dd,
#content video,
#content audio,
#content canvas,
#content iframe,
#content picture,
#content a,
#content img {
  display: block;
}

#content img {
  max-width: 100%;
}

#content ul {
  margin: 0;
  padding: 0;
}

#content li {
  display: list-item;
  list-style: none;
  margin: 0;
}

#content table {
  display: table;
  border-collapse: separate;
  border-spacing: 2px;
}

#content thead {
  display: table-header-group;
}

#content tbody {
  display: table-row-group;
}

#content tfoot {
  display: table-footer-group;
}

#content tr {
  display: table-row;
}

#content td,
#content th {
  display: table-cell;
}

#content dt,
#content dd {
  margin: 0;
}

#content caption {
  display: table-caption;
}

#content a,
#content button {
  cursor: pointer;
  transition: 0.3s;
}

#content a:hover,
#content button:hover {
  opacity: 0.8;
}

#content sup {
  font-size: 58.3%;
  font-weight: inherit;
  vertical-align: super;
}

#content .note {
  font-size: 87.5%;
}

#content .note+.note {
  margin-top: 8px;
}

#content .note:has(.note_num) {
  display: grid;
  grid-template-columns: max-content auto;
  gap: 0.8em;
}

#content .note_num {
  font-weight: bold;
  display: inline-block;
}

#content .only_pc {
  display: inline;
}

#content .only_sp {
  display: none;
}

#content .section-heading {
  display: block;
  text-align: center;
  font-size: 32px;
  font-weight: bold;
  margin-bottom: 40px;
  color: #003968;
}

#content .btn {
  color: #003968;
  font-weight: bold;
  text-align: center;
  align-items: center;
  padding: 13px 3%;
  display: grid;
  grid-template-columns: auto 7px;
}

#content .btn::after {
  content: "";
  display: block;
  width: 7px;
  height: 13px;
  background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7.35 12.86'%3E%3Cpath fill='%23003968' d='M5.13,6.43L.27,1.56C-.09,1.21-.09.62.27.27.63-.09,1.21-.09,1.57.27l5.51,5.51c.35.35.36.91.03,1.27L1.58,12.59c-.18.18-.42.27-.65.27s-.47-.09-.65-.27c-.36-.36-.36-.94,0-1.3l4.86-4.86Z'/%3E%3C/svg%3E") no-repeat center/contain;
}

#content .btn.btn_primary {
  background: #ebde6f;
}

#content .btn.btn_secondary {
  background: #fff;
}

#content .container {
  max-width: 992px;
  margin: 0 auto;
  padding: 0 16px;
}

#content #page_nav {
  width: 100%;
  background: #003968;
  padding: 10px 0;
  font-size: 14px;
  border-bottom: 1px solid #999;
}

#content #page_nav.is_fixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

#content #page_nav .container {
  display: grid;
  grid-template-columns: repeat(2, auto);
  align-items: center;
  -moz-column-gap: 2%;
  column-gap: 2%;
  max-height: initial;
}

#content #page_nav .page_nav_anchorlink {
  max-width: 596px;
  display: grid;
  grid-template-columns: repeat(6, auto);
  -moz-column-gap: 2%;
  column-gap: 2%;
}

#content #page_nav .page_nav_anchorlink a {
  color: #fff;
  font-size: 14px;
  display: grid;
  grid-template-columns: auto 8px;
  align-items: center;
  -moz-column-gap: 4px;
  column-gap: 4px;
}

#content #page_nav .page_nav_anchorlink a::after {
  content: "";
  display: block;
  width: 8px;
  height: 5px;
  background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7.88 4.5'%3E%3Cpath fill='%23ebde6f' d='M3.94,3.15L6.92.16c.22-.22.58-.22.79,0,.22.22.22.58,0,.8l-3.37,3.38c-.21.21-.56.22-.78.02L.16.96c-.11-.11-.16-.26-.16-.4S.05.28.16.17C.38-.05.74-.05.96.17l2.98,2.98Z' /%3E%3C/svg%3E") no-repeat center/contain;
}

#content #page_nav .page_nav_btns {
  display: grid;
  grid-template-columns: 1fr 1fr;
  max-width: 303px;
  -moz-column-gap: 7px;
  column-gap: 7px;
}

#content #page_nav .btn {
  margin-left: auto;
  padding: 4px 5%;
  font-size: 13px;
  font-weight: 500;
  box-shadow: none;
  width: 100%;
  display: grid;
  grid-template-columns: auto 5px;
}

#content #page_nav .btn::after {
  width: 5px;
  height: 8px;
  background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7.42 12.98'%3E%3Cpath fill='%23003968' d='M5.19,6.49L.27,1.58C-.09,1.22-.09.63.27.27.64-.09,1.22-.09,1.59.27l5.57,5.56c.35.35.36.92.03,1.28L1.59,12.71c-.18.18-.42.27-.66.27s-.48-.09-.66-.27c-.36-.36-.36-.95,0-1.31l4.91-4.91Z'/%3E%3C/svg%3E") no-repeat center/contain;
}

#content #page_nav .sp_nav_open_btn {
  display: none;
}

#content #page_nav.is_fixed+#hero {
  margin-top: 60px;
}

#content #hero {
  background: linear-gradient(#fff, #eff8fc);
  padding: 32px 0 44px;
}

#content #hero .hero__container {
  display: grid;
  grid-template-columns: auto 38%;
  -moz-column-gap: 5%;
  column-gap: 5%;
}

#content #hero .hero__heading {
  display: grid;
  grid-template-columns: auto 118px;
  -moz-column-gap: 3%;
  column-gap: 3%;
}

#content #hero .hero__lead {
  color: #003968;
  font-size: 19px;
  font-weight: bold;
}

#content #hero .hero__price {
  background: #003968;
  border-radius: 9px;
  font-weight: bold;
  display: grid;
  justify-content: center;
  justify-items: center;
  align-content: center;
  height: 100%;
  padding: 8px 8px;
}

#content #hero .hero__price-label {
  color: #fff;
  font-size: 15px;
  display: block;
  line-height: 1;
}

#content #hero .hero__price-main {
  color: #fff;
  font-size: 23px;
  display: block;
  line-height: 1;
}

#content #hero .hero__price-unit {
  color: #fff;
  font-size: 14px;
  line-height: 1;
}

#content #hero .hero__logo {
  grid-column: 1/3;
}

#content #hero .hero__visual {
  display: grid;
  grid-template-columns: 55% 37%;
  -moz-column-gap: 8%;
  column-gap: 8%;
  align-items: center;
}

#content #hero .hero__point,
#content #hero .hero__point strong,
#content #hero .hero__point sup {
  color: #003968;
}

#content #hero .hero__point+.hero__point {
  margin-top: 8px;
  border-top: 1px solid #99b0c3;
  padding-top: 8px;
}

#content #hero .hero__point strong {
  font-size: 20px;
  font-weight: bold;
}

#content #hero .hero__note {
  margin-top: 24px;
  font-size: 12px;
  color: #003968;
}

#content #hero .hero__form {
  background: #fff;
  border: 1px solid #dedede;
  padding: 10px 30px;
  height: 580px;
  overflow-y: scroll;
}

#content #hero .hero__form .hero__form-title {
  font-size: 20px;
  font-weight: bold;
}

#content #hero .hero__form .hero__form-note {
  font-size: 12px;
}

#content #hero .hero__form .elq-required {
  color: red;
  display: inline;
  float: none;
  font-weight: 700;
  margin: 0;
  padding: 0;
}

#content #hero .hero__form .row {
  margin-top: 4px;
}

#content #hero .hero__form .elq-label {
  font-size: 12px;
  height: 30px;
  display: inline-flex;
  align-items: flex-end;
  cursor: pointer;
}

#content #hero .hero__form .elq-item-input,
#content #hero .hero__form .elq-item-select,
#content #hero .hero__form .elq-item-textarea {
  font-size: 12px;
  border: 1px solid #dedede;
}

#content #hero .hero__form .elq-item-input,
#content #hero .hero__form .elq-item-select {
  height: 30px;
}

#content #hero .hero__form .elq-item-textarea {
  height: 50px;
}

#content #hero .hero__form #formElement9 {
  display: none;
}

#content #hero .hero__form .elq-item-label {
  font-size: 12px;
}

#content #hero .hero__form .elq-item-label a {
  text-decoration: underline;
}

#content #hero .hero__form .submit-button-style {
  display: block;
  background-color: #ff6112;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  border-radius: 3px;
  cursor: pointer;
  border: none;
  padding: 10px 74px;
  margin: 10px auto 20px;
}

#content #hero .hero__form .LV_validation_message,
#content #hero .hero__form .LV_invalid {
  color: #f00;
  font-size: 10px;
}

#content #hero .hero__form .LV_validation_message.LV_valid {
  display: none !important;
}

#content #hero .btn {
  display: none;
}

#content #challenges {
  background: url(/-/Media/Ricoh/Sites/co_jp/special/ricohdrive/images/img-bg.webp) repeat center/84px;
  padding: 80px 0;
}

#content #challenges .section-heading {
  color: #fff;
}

#content #challenges .challenges-contents {
  display: grid;
  grid-template-columns: 65% 29%;
  -moz-column-gap: 6%;
  column-gap: 6%;
  align-items: end;
}

#content #challenges .challenges_items {
  background: #fff;
  border-radius: 10px;
  padding: 36px 4%;
  display: grid;
  row-gap: 8px;
}

#content #challenges .challenges_item {
  color: #003968;
  font-size: 18px;
  font-weight: bold;
  display: grid;
  grid-template-columns: 24px auto;
  -moz-column-gap: 12px;
  column-gap: 12px;
  align-items: center;
}

#content #challenges .challenges_item::before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cdefs%3E%3Cstyle%3E .check %7B fill: none; stroke: %23003968; stroke-width: 2px; %7D %3C/style%3E%3C/defs%3E%3Crect fill='%23eaeaea' width='24' height='24'/%3E%3Cpolyline class='check' points='20.52 6.16 11.13 15.56 6.53 10.96'/%3E%3C/svg%3E") no-repeat center/contain;
}

#content #solutions {
  padding: 136px 0 120px;
  background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 171.21 49.35'%3E%3Cpolygon fill='%23003968' points='0 0 85.61 49.35 171.21 0 0 0'/%3E%3C/svg%3E") no-repeat center top/171px 49px;
}

#content #solutions .section-header {
  text-align: center;
}

#content #solutions .section-lead {
  color: #003968;
  font-size: 24px;
  font-weight: bold;
  display: grid;
  grid-template-columns: 16px auto 16px;
  justify-content: center;
  -moz-column-gap: 23px;
  column-gap: 23px;
  align-items: center;
}

#content #solutions .section-lead::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 31px;
  background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16.66 31.15'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23003968; stroke-miterlimit: 10; %7D %3C/style%3E%3C/defs%3E%3Cline class='cls-1' x1='16.22' y1='30.92' x2='.44' y2='.23'/%3E%3C/svg%3E") no-repeat center/contain;
}

#content #solutions .section-lead::after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 31px;
  background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16.66 31.15'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23003968; stroke-miterlimit: 10; %7D %3C/style%3E%3C/defs%3E%3Cline class='cls-1' x1='.44' y1='30.92' x2='16.22' y2='.23'/%3E%3C/svg%3E") no-repeat center/contain;
}

#content #solutions .section-heading {
  margin-top: 8px;
}

#content #solutions .solutions-list {
  max-width: 874px;
  margin: 72px auto 0;
  display: grid;
  row-gap: 60px;
}

#content #solutions .solution-item {
  display: grid;
  grid-template-columns: 47% auto;
  -moz-column-gap: 3%;
  column-gap: 3%;
}

#content #solutions .solution-image {
  margin: 0 auto;
}

#content #solutions .solution-title__heading {
  font-weight: bold;
  display: block;
}

#content #solutions .solution-title__heading::after {
  content: "";
  display: block;
  width: 64px;
  height: 10px;
  background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64.63 10.82'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23003968; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.09px; %7D %3C/style%3E%3C/defs%3E%3Cpolyline class='cls-1' points='.54 .54 28.45 .54 32.31 10.27 36.18 .54 64.08 .54'/%3E%3C/svg%3E") no-repeat center/contain;
}

#content #solutions .solution-title__label {
  color: #003968;
  font-size: 12px;
}

#content #solutions .solution-title__number {
  color: #003968;
  font-size: 23px;
  line-height: 1;
}

#content #solutions .solution-title__text {
  color: #003968;
  font-size: 22px;
  font-weight: bold;
  display: block;
  margin-top: 8px;
}

#content #solutions .solution-content p {
  margin-top: 8px;
}

#content #functions {
  padding: 136px 0 56px;
  background: linear-gradient(270deg, #bbcfe8, #cae5f1);
}

#content #functions .section-heading {
  display: grid;
  justify-items: center;
}

#content #functions .section-heading::before {
  content: "";
  display: block;
  width: 108px;
  height: 91px;
  background: url(/-/Media/Ricoh/Sites/co_jp/special/ricohdrive/images/function-01.webp) no-repeat center/contain;
}

#content #functions .functions__table {
  max-width: 868px;
  margin: 0 auto;
  display: grid;
  row-gap: 6px;
}

#content #functions .functions__row {
  display: grid;
  grid-template-columns: 104px auto;
  -moz-column-gap: 6px;
  column-gap: 6px;
}

#content #functions .functions__list {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  padding-top: 13px;
}

#content #functions .functions__label {
  background: #fff;
  font-size: 15px;
  width: 104px;
  text-align: center;
  display: grid;
  align-items: center;
  padding: 8px;
}

#content #functions .functions__list {
  background: #fff;
  font-size: 14px;
  text-align: center;
}

#content #functions .functions__table img {
  max-height: 110px;
  margin: 0 auto;
}

#content #functions .functions__image {
  width: 82%;
  margin: 100px auto 0;
}

#content .cta {
  background: #003968;
  padding: 76px 0 56px;
}

#content .cta .container {
  display: grid;
  grid-template-columns: 28% auto;
  -moz-column-gap: 5%;
  column-gap: 5%;
  align-items: center;
}

#content .cta .cta__visual {
  order: 1;
}

#content .cta .cta__content {
  order: 2;
}

#content .cta .cta__title {
  font-weight: bold;
}

#content .cta .cta__title__lead,
#content .cta .cta__title__main,
#content .cta .cta-text {
  display: block;
  color: #fff;
}

#content .cta .cta__title__lead {
  font-size: 20px;
}

#content .cta .cta__title__main {
  font-size: 30px;
}

#content .cta .cta-btns {
  margin-top: 16px;
  max-width: 563px;
  display: grid;
  grid-template-columns: repeat(2, auto);
  -moz-column-gap: 13px;
  column-gap: 13px;
}

#content .cta .cta-text {
  margin-top: 24px;
  font-size: 15px;
}

#content .cta .cta-text a {
  display: inline;
  color: #fff;
  text-decoration: underline;
}

#content #pricing {
  padding: 88px 0 104px;
}

#content #pricing .section-heading {
  display: grid;
  justify-items: center;
}

#content #pricing .section-heading::before {
  content: "";
  display: block;
  width: 108px;
  height: 91px;
  background: url(/-/Media/Ricoh/Sites/co_jp/special/ricohdrive/images/price-01.webp) no-repeat center/contain;
}

#content #pricing .pricing-header__lead {
  text-align: center;
  margin-bottom: 48px;
}

#content #pricing .pricing-table {
  width: 100%;
  text-align: center;
}

#content #pricing th,
#content #pricing td {
  height: 67px;
  padding: 6px;
  vertical-align: middle;
  width: 25%;
}

#content #pricing thead {
  background: #eaeaea;
}

#content #pricing tbody th {
  background: #f3f3f3;
}

#content #pricing tbody td {
  background: #e8edf1;
  font-weight: bold;
}

#content #pricing .storage-guide-heading {
  margin-top: 40px;
  font-size: 18px;
  font-weight: bold;
}

#content #pricing .storage-guide .pricing-table {
  margin-top: 8px;
}

#content #pricing .pricing-notes {
  margin-top: 40px;
}

#content #pricing .pricing-notes h3 {
  margin-top: 16px;
  font-weight: bold;
}

#content #pricing .pricing-notes h3::before {
  content: "■";
  display: inline-block;
  color: #003968;
  margin-right: 4px;
}

#content #scenes {
  background: #003968;
  padding: 56px 0;
}

#content #scenes .container {
  max-width: 1398px;
  max-width: 1920px;
}

#content #scenes .section-heading {
  color: #fff;
}

#content #scenes .scene-card {
  height: inherit;
  background: #fff;
  padding: 32px 6%;
  display: grid;
  grid-template-columns: 31% 66%;
  -moz-column-gap: 3%;
  column-gap: 3%;
  align-content: start;
}

#content #scenes .scene-card__icon {
  width: 120px;
  margin: 0 auto;
  grid-row: 1/3;
  grid-column: 1/2;
}

#content #scenes .scene-card__title {
  color: #003968;
  font-size: 20px;
  font-weight: bold;
  grid-row: 1/2;
  grid-column: 2/3;
}

#content #scenes .scene-card__title>span {
  color: #003968;
  background: #f1e797;
}

#content #scenes .scene-card__profile {
  grid-row: 3/4;
  grid-column: 1/2;
}

#content #scenes .scene-card__profile dl {
  margin-top: 16px;
}

#content #scenes .scene-card__profile dt,
#content #scenes .scene-card__profile dd {
  display: inline;
}

#content #scenes .scene-card__profile dt {
  font-weight: bold;
}

#content #scenes .scene-card__body {
  grid-row: 2/5;
  grid-column: 2/3;
}

#content #scenes h4 {
  font-size: 16px;
  margin-top: 16px;
  color: #003968;
  font-weight: bold;
}

#content #scenes .carousel {
  position: relative;
  overflow: hidden;
  /* Updated by JavaScript */
  --slide-width: 630px;
  --slide-gap: 50px;
}

#content #scenes .carousel-track {
  display: flex;
  align-items: stretch;
  gap: var(--slide-gap);
  will-change: transform;
  transition: transform 0.45s ease;
}

#content #scenes .carousel-slide {
  flex: 0 0 var(--slide-width);
  min-width: 0;
  display: flex;
}

#content #scenes .carousel-slide-card {
  width: 100%;
}

#content #scenes .carousel-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 4;
  width: var(--nav-size);
  height: var(--nav-size);
  border: none;
  border-radius: 999px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

#content #scenes .carousel-prev {
  background: #8daecf url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6.79 11.87'%3E%3Cpath fill='%23fff' d='M2.05,5.94l4.49,4.49c.33.33.33.87,0,1.2-.33.33-.87.33-1.2,0L.25,6.54c-.32-.32-.33-.84-.03-1.17L5.33.25C5.5.08,5.72,0,5.93,0s.43.08.6.25c.33.33.33.87,0,1.2L2.05,5.94Z'/%3E%3C/svg%3E") no-repeat center/8px;
}

#content #scenes .carousel-next {
  background: #8daecf url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6.79 11.87'%3E%3Cpath fill='%23fff' d='M4.74,5.94L.25,10.43c-.33.33-.33.87,0,1.2.33.33.87.33,1.2,0l5.09-5.09c.32-.32.33-.84.03-1.17L1.45.25c-.17-.17-.39-.25-.6-.25S.42.08.25.25c-.33.33-.33.87,0,1.2l4.49,4.49Z'/%3E%3C/svg%3E") no-repeat center/8px;
}

#content #scenes .carousel-dots {
  margin-top: 40px;
  display: flex;
  gap: 8px;
  justify-content: center;
}

#content #scenes .carousel-dot {
  width: 10px;
  height: 10px;
  border: none;
  border-radius: 999px;
  padding: 0;
  cursor: pointer;
  background: rgba(255, 255, 255, 0.5);
}

#content #scenes .carousel-dot.active {
  background: #fff;
  transform: scale(1.2);
}

#content #faq {
  padding: 104px 0;
  background: linear-gradient(270deg, #bbcfe8, #cae5f1);
}

#content #faq .section-heading {
  display: grid;
  justify-items: center;
}

#content #faq .section-heading::before {
  content: "";
  display: block;
  width: 108px;
  height: 91px;
  background: url(/-/Media/Ricoh/Sites/co_jp/special/ricohdrive/images/faq-1.webp) no-repeat center/contain;
}

#content #faq .container {
  max-width: 916px;
}

#content #faq .faq-list {
  display: grid;
  row-gap: 12px;
}

#content #faq .faq-item {
  background: #fff;
  padding: 18.5px 2.3%;
}

#content #faq .faq-question,
#content #faq .faq-answer {
  display: grid;
  grid-template-columns: 24px auto;
  -moz-column-gap: 20px;
  column-gap: 20px;
  align-items: start;
  padding: 0 3.6%;
}

#content #faq .faq-question::before,
#content #faq .faq-answer::before {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 2px;
  width: 24px;
  height: 24px;
  border-radius: 9999px;
  color: #fff;
  font-weight: bold;
}

#content #faq .faq-question {
  color: #003968;
  padding-bottom: 18.5px;
  font-weight: bold;
}

#content #faq .faq-question::before {
  content: "Q";
  background: #003968;
}

#content #faq .faq-answer {
  border-top: 1px solid;
  -o-border-image: linear-gradient(90deg, #bbcfe8, #cae5f1) 1;
  border-image: linear-gradient(90deg, #bbcfe8, #cae5f1) 1;
  padding-top: 18.5px;
}

#content #faq .faq-answer::before {
  content: "A";
  background: #707070;
}

#content #flow {
  padding: 40px 0;
}

#content #flow .flow-container {
  max-width: 884px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, auto);
}

#content #flow .flow-text {
  font-size: 14px;
  margin-top: 16px;
}

#content #flow ul+ul {
  margin-top: 16px;
}

#content #prospects {
  background: #ededed;
  padding: 64px 0 80px;
}

#content #prospects .section-heading {
  margin-bottom: 8px;
}

#content #prospects .prospects-header__lead {
  text-align: center;
}

#content #prospects .prospects-list {
  margin: 40px auto 0;
  max-width: 884px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  -moz-column-gap: 7.6%;
  column-gap: 7.6%;
}

#content #prospects .prospects-card__image {
  position: relative;
}

#content #prospects .prospects-card__image::after {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Crect fill='%23cf142b' width='30' height='30'/%3E%3Cpath fill='%23fff' d='M10,24.01c.49.49,1.28.49,1.77,0,0,0,0,0,0,0l8.31-8.31c.39-.39.39-1.02,0-1.41,0,0,0,0,0,0L11.77,5.98c-.49-.49-1.28-.49-1.77,0-.49.49-.49,1.28,0,1.77l7.24,7.25-7.25,7.25c-.48.49-.48,1.28.01,1.76Z'/%3E%3C/svg%3E") no-repeat center/contain;
  position: absolute;
  right: 0;
  bottom: 0;
}

#content #prospects .prospects-card__title {
  font-weight: bold;
  margin-top: 8px;
}

#content #prospects .prospects-card__text {
  font-size: 14px;
}

@media screen and (max-width: 1100px) {
  #content #page_nav {
    padding-top: 0;
    padding-bottom: 0;
    background: #fff;
  }

  #content #page_nav .sp_nav_open_btn {
    width: 100%;
    height: 44px;
    cursor: pointer;
    background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.28 8.55'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23333; stroke-miterlimit: 10; stroke-width: 2px; %7D %3C/style%3E%3C/defs%3E%3Cpolyline class='cls-1' points='13.57 .71 7.14 7.14 .71 .71'/%3E%3C/svg%3E") no-repeat center right 10px/20px 10px;
    display: block;
    border-bottom: 1px solid #c8cedb;
  }

  #content #page_nav .sp_nav_open_btn.is_open {
    transform: scale(1, -1);
  }

  #content #page_nav .container {
    grid-template-columns: auto;
    max-height: initial;
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.3s ease;
    box-sizing: content-box;
  }

  #content #page_nav .container.is_open {
    padding-bottom: 40px;
    border-bottom: 1px solid #c2c2c2;
  }

  #content #page_nav .page_nav_anchorlink {
    grid-template-columns: repeat(2, auto);
    max-width: 100%;
    padding-bottom: 32px;
    border-bottom: 1px solid #c2c2c2;
  }

  #content #page_nav .page_nav_anchorlink a {
    color: #333;
    grid-template-columns: 4px auto;
    padding: 6.3px 0;
    font-size: 18px;
    -moz-column-gap: 8px;
    column-gap: 8px;
  }

  #content #page_nav .page_nav_anchorlink a::before {
    content: "";
    display: block;
    width: 4px;
    height: 19px;
    background: #003968;
  }

  #content #page_nav .page_nav_anchorlink a::after {
    content: none;
  }

  #content #page_nav .page_nav_btns {
    max-width: 100%;
  }

  #content #page_nav .btn {
    border: 1px solid #003968;
    font-size: 21px;
    font-weight: bold;
    margin: 24px auto 0;
    width: 88%;
    padding-top: 5px;
    padding-bottom: 5px;
    grid-template-columns: auto 8px;
  }

  #content #page_nav .btn::after {
    width: 8px;
    height: 13px;
  }

  #content #page_nav.is_fixed+#hero {
    margin-top: 44px;
  }

  #content #hero .hero__form {
    display: none;
  }

  #content #hero .hero__container {
    grid-template-columns: auto;
  }

  #content #hero .btn {
    margin-top: 24px;
    display: grid;
    border: 1px solid #003968;
  }

  #content #scenes .scene-card {
    grid-template-columns: auto;
    display: flex;
    flex-direction: column;
  }

  #content #scenes .scene-card__icon {
    order: 1;
  }

  #content #scenes .scene-card__title {
    margin-top: 8px;
    font-size: 18px;
    order: 2;
  }

  #content #scenes .scene-card__profile {
    margin-top: 16px;
    order: 3;
  }

  #content #scenes .scene-card__body {
    order: 4;
  }

  #content #scenes h4 {
    margin-top: 8px;
  }
}

@media screen and (max-width: 640px) {
  #content .section-heading {
    font-size: 26px;
    margin-bottom: 16px;
  }

  #content .section-heading .h2_label {
    font-size: 16px;
  }

  #content .only_pc {
    display: none;
  }

  #content .only_sp {
    display: initial;
  }

  #content .btn.btn_medium {
    padding-top: 13px;
    padding-bottom: 13px;
    font-size: 16px;
  }

  #content .btn_area .btn {
    width: 88%;
    max-width: initial;
  }

  #content #page_nav .page_nav_btns {
    grid-template-columns: auto;
  }

  #content #hero .hero__heading {
    display: block;
  }

  #content #hero .hero__price {
    margin-top: 8px;
    display: block;
    text-align: center;
  }

  #content #hero .hero__price-label {
    display: inline;
  }

  #content #hero .hero__price-main {
    display: inline;
  }

  #content #hero .hero__logo {
    max-width: 324px;
    margin: 0 auto;
  }

  #content #hero .hero__visual {
    display: block;
  }

  #content #hero .hero__image {
    max-width: 300px;
    margin: 0 auto;
  }

  #content #challenges {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  #content #challenges .challenges-contents {
    grid-template-columns: auto;
    row-gap: 24px;
  }

  #content #challenges .challenges_items {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  #content #challenges .challenges_item {
    align-items: start;
  }

  #content #challenges .challenges_item::before {
    margin-top: 5px;
  }

  #content #challenges img {
    max-width: 220px;
    margin: 0 auto;
  }

  #content #solutions {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  #content #solutions .solution-item {
    grid-template-columns: auto;
    row-gap: 16px;
    max-width: 430px;
    margin: 0 auto;
  }

  #content #functions {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  #content #functions .section-heading::before {
    width: 72px;
    height: 60px;
  }

  #content #functions .functions__row {
    grid-template-columns: 27% auto;
  }

  #content #functions .functions__list {
    grid-template-columns: repeat(2, auto);
  }

  #content #functions .functions__label {
    font-size: 13px;
    width: initial;
  }

  #content #functions .functions__image {
    width: 100%;
    max-width: 364px;
    margin-top: 40px;
  }

  #content .cta {
    padding-top: 32px;
    padding-bottom: 32px;
  }

  #content .cta .container {
    grid-template-columns: auto;
  }

  #content .cta .cta__content {
    order: 1;
  }

  #content .cta .cta__title__lead {
    font-size: 19px;
  }

  #content .cta .cta-btns {
    grid-template-columns: auto;
    row-gap: 10px;
    margin-left: auto;
    margin-right: auto;
  }

  #content .cta .cta__visual {
    order: 2;
    max-width: 204px;
    margin: 0 auto;
  }

  #content #pricing {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  #content #pricing .section-heading::before {
    width: 72px;
    height: 60px;
  }

  #content #pricing .pricing-notes {
    margin-top: 16px;
  }

  #content #faq {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  #content #faq .section-heading::before {
    width: 72px;
    height: 60px;
  }

  #content #scenes {
    padding: 40px 0 32px;
  }

  #content #scenes .container {
    padding: 0;
  }

  #content #scenes .scene-card {
    width: calc(100% - 32px);
    margin: 0 auto;
  }

  #content #scenes .carousel-prev {
    left: 0 !important;
  }

  #content #scenes .carousel-next {
    left: initial !important;
    right: 0 !important;
  }

  #content #flow .flow-container {
    grid-template-columns: auto;
    row-gap: 32px;
    max-width: 294px;
  }

  #content #flow .flow-text {
    margin-top: 0;
  }

  #content #prospects {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  #content #prospects .section-heading {
    font-size: 22px;
  }

  #content #prospects .prospects-header__lead {
    font-size: 14px;
    max-width: 250px;
    margin: 0 auto;
  }

  #content #prospects .prospects-list {
    grid-template-columns: auto;
    row-gap: 24px;
    max-width: 250px;
  }
}