@charset "UTF-8";
.btn {
  text-align: center;
}
.btn .btn_link {
  position: relative;
  display: inline-block;
  font-weight: bold;
  line-height: 1.5;
  color: #fff !important;
  padding: 20px;
  background: #ec5506;
  background: linear-gradient(90deg, #ec5506 0%, #eb7702 100%);
  border: none;
  border-radius: calc(infinity * 1px);
  text-align: center;
  text-decoration: none !important;
  font-size: 16px;
  max-width: 540px;
  width: 100%;
}
@media (min-width: 768px) {
  .btn .btn_link {
    font-size: 20px;
  }
}
.btn .btn_link_green {
  position: relative;
  display: inline-block;
  font-weight: bold;
  line-height: 1.5;
  color: #fff !important;
  padding: 20px;
  background: #3aad26;
  border: none;
  border-radius: calc(infinity * 1px);
  text-align: center;
  text-decoration: none !important;
  font-size: 16px;
  max-width: 540px;
  width: 100%;
}
@media (min-width: 768px) {
  .btn .btn_link_green {
    font-size: 20px;
  }
}
.btn .btn_link_black {
  border-bottom: solid 5px #777;
  position: relative;
  display: inline-block;
  font-weight: bold;
  line-height: 1.5;
  color: #fff !important;
  padding: 20px;
  background: #000;
  border-radius: calc(infinity * 1px);
  text-align: center;
  text-decoration: none !important;
  font-size: 16px;
  max-width: 540px;
  width: 100%;
}
@media (min-width: 768px) {
  .btn .btn_link_black {
    font-size: 20px;
  }
}
.btn .btn_link_outline-orange {
  border: 3px solid #ec5506;
  position: relative;
  display: inline-block;
  font-weight: bold;
  line-height: 1.5;
  color: #ec5506 !important;
  padding: 20px;
  background: #fff;
  border-radius: calc(infinity * 1px);
  text-align: center;
  text-decoration: none !important;
  font-size: 16px;
  max-width: 540px;
  width: 100%;
}
@media (min-width: 768px) {
  .btn .btn_link_outline-orange {
    border: 4px solid #ec5506;
    font-size: 20px;
  }
}
.btn .btn_link_border-orange {
  border-bottom: solid 4px #d13a1b;
  position: relative;
  display: inline-block;
  font-weight: bold;
  line-height: 1.5;
  color: #fff !important;
  padding: 20px;
  background: #ec5506;
  border-radius: calc(infinity * 1px);
  text-align: center;
  text-decoration: none !important;
  font-size: 16px;
  max-width: 540px;
  width: 100%;
}
@media (min-width: 768px) {
  .btn .btn_link_border-orange {
    font-size: 20px;
  }
}
.btn .btn_link_blue {
  border: 1px solid #4b91f0;
  position: relative;
  display: inline-block;
  font-weight: bold;
  line-height: 1.5;
  color: #fff !important;
  padding: 12px 24px;
  background: #196ee2;
  background: linear-gradient(90deg, #1b42e8 0%, #216ae0 50%, #05a7ef 100%);
  border-radius: calc(infinity * 1px);
  text-align: center;
  text-decoration: none !important;
  font-size: 16px;
  max-width: 540px;
  width: 100%;
}
@media (min-width: 768px) {
  .btn .btn_link_blue {
    font-size: 20px;
    padding: 16px 40px;
  }
}
.btn .btn_link_outline-blue {
  background-color: #fff;
  border: 2px solid #216ae0;
  position: relative;
  display: inline-block;
  font-weight: bold;
  line-height: 1.5;
  color: #216ae0 !important;
  padding: 12px 24px;
  background: #fff;
  border-radius: calc(infinity * 1px);
  text-align: center;
  text-decoration: none !important;
  font-size: 16px;
  max-width: 540px;
  width: 100%;
}
@media (min-width: 768px) {
  .btn .btn_link_outline-blue {
    font-size: 20px;
    padding: 16px 40px;
  }
}
.btn .btn_blank {
  position: relative;
}
.btn .btn_blank::after {
  font-family: FontAwesome;
  font-weight: normal;
  content: "\f08e";
  margin-left: 5px;
}
.btn .icon_right__a::before,
.btn .icon_right__a-sp::before,
.btn .icon_right__b::before,
.btn .icon_right__b-sp::before {
  border-radius: 50%;
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
}
.btn .icon_right__a::after,
.btn .icon_right__a-sp::after,
.btn .icon_right__b::after,
.btn .icon_right__b-sp::after {
  font-family: FontAwesome;
  font-weight: normal;
  content: "\f054";
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
}
.btn .icon_right__a::before,
.btn .icon_right__b::before {
  right: 24px;
  height: 24px;
  width: 24px;
}
.btn .icon_right__a::after,
.btn .icon_right__b::after {
  font-size: 14px;
  right: 30px;
}
@media (min-width: 768px) {
  .btn .icon_right__a::before,
  .btn .icon_right__b::before {
    right: 40px;
    height: 30px;
    width: 30px;
  }
  .btn .icon_right__a::after,
  .btn .icon_right__b::after {
    font-size: 16px;
    right: 48px;
  }
}
.btn .icon_right__a-sp::before,
.btn .icon_right__b-sp::before {
  right: 8px;
  height: 16px;
  width: 16px;
}
.btn .icon_right__a-sp::after,
.btn .icon_right__b-sp::after {
  font-size: 10px;
  right: 11px;
}
.btn .icon_right__a::before,
.btn .icon_right__a-sp::before {
  background-color: #fff;
}
.btn .icon_right__a::after,
.btn .icon_right__a-sp::after {
  color: #216ae0 !important;
}
.btn .icon_right__b::before,
.btn .icon_right__b-sp::before {
  background-color: #256bc9;
}
.btn .icon_right__b::after,
.btn .icon_right__b-sp::after {
  color: #fff !important;
}
.btn .txt_size__large {
  font-size: clamp(1.25rem, 1.055rem + 0.98vw, 1.75rem) !important;
}
.btn .txt_size__12 {
  font-size: 12px !important;
  line-height: 1.2 !important;
}

.content-side_form {
  padding: 24px 0 0;
  text-align: left;
}
.content-side_form .content-side_form__title {
  border-bottom: 4px solid #ec5506;
  color: #ec5506;
  padding: 0 0 8px;
  text-align: center;
}
.content-side_form .content-side_form__guideTxt {
  margin: 0;
  padding: 0 0 30px;
  border-bottom: 1px solid #dedede;
}
@media (min-width: 768px) {
  .content-side_form .content-side_form__guideTxt {
    padding: 0 0 15px;
  }
}
.content-side_form .aform-header {
  display: none;
}
.content-side_form .aform-content dl {
  border-bottom: 1px solid #dedede;
}
.content-side_form .aform-content dl input,
.content-side_form .aform-content dl textarea,
.content-side_form .aform-content dl select {
  max-width: 100%;
  font-size: 100%;
  padding: 5px 10px;
  border: 1px solid #d4d4d4;
  border-radius: 0;
}
.content-side_form .aform-content dd {
  margin: 0.5em 0;
}
.content-side_form .aform-content .aform-required {
  font-size: 12px;
  line-height: 20px;
  padding: 0 5px;
  background: #ea5935;
  border-radius: 5px;
}
.content-side_form .aform-content .dl_privacy dd {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.content-side_form .aform-content .dl_privacy dd .aform-validation {
  order: 1;
}
.content-side_form .aform-content .dl_privacy dd .aform-input-example {
  color: #112c51;
  font-size: 13px;
  margin: 0.5em 0;
  order: 2;
}
.content-side_form .aform-content .dl_privacy dd .aform-input-example a {
  color: #112c51;
  text-decoration: underline;
}
.content-side_form .aform-content .dl_privacy .aform-checkbox-ul li {
  margin: 0 20px 5px 0;
}
.content-side_form .aform-content .aform-error {
  font-size: 13px;
  width: 100%;
}
.content-side_form .aform-content .aform-button-area {
  margin: 0;
  padding: 24px 0 0;
  background: none;
}
.content-side_form .aform-content .aform-button-area input {
  display: inline-block;
  min-width: 280px;
  font-size: 20px;
  font-weight: bold;
  line-height: 30px;
  color: #fff !important;
  padding: 10px;
  background: #196ee2;
  border: none;
  border-bottom: solid 3px #1a3eb5;
  border-radius: 50px;
  text-align: center;
  box-shadow: none !important;
  text-shadow: none !important;
  white-space: nowrap;
  overflow: hidden;
  transition: 0.2s;
  width: 100%;
}
.content-side_form .aform-content .aform-button-area input:hover {
  opacity: 0.8;
}
.content-side_form .aform-content .aform-button-area input:active {
  transform: translateY(3px);
  border-bottom-width: 0;
}
.content-side_form .formRegistration {
  background-color: #fff;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 40px 0 0;
  padding: 30px;
}
.content-side_form .formRegistration .pmark {
  margin-top: 5px;
  width: 75px;
}
.content-side_form .formRegistration .isms {
  width: 118px;
  line-height: 1;
  text-align: center;
}
.content-side_form .formRegistration .isms img {
  width: 108px;
}
.content-side_form .formRegistration .isms span {
  display: block;
  font-size: 13px;
}
.content-side_form .formRegistration .txt {
  font-size: 14px;
  margin: 10px 0 0;
  width: 100%;
}

/* ----------------------------------------------
    mixin（this page only）
------------------------------------------------ */
/* ----------------------------------------------
    Reset
------------------------------------------------ */
body {
  text-align: left;
}

@media (min-width: 751px) {
  #container {
    overflow: visible;
  }
}

#contents section p {
  margin: 0;
}

/* ----------------------------------------------
    utilites（this page only）
------------------------------------------------ */
@media (min-width: 751px) {
  .sp {
    display: none;
  }
}

.pc {
  display: none;
}
@media (min-width: 751px) {
  .pc {
    display: block;
  }
}

.color_orange {
  color: #ec5506;
}

.color_navy {
  color: #253052;
}

.color_white {
  color: #fff;
}

.txt_16 {
  font-size: 16px !important;
}

.underline {
  background: linear-gradient(transparent 60%, #f5b722 60%, #f5b722 100%);
}

.emphasis {
  font-weight: 700;
}

.category {
  background-color: #eb7702;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  line-height: 24px;
  padding: 0 10px;
}

.center_btn {
  margin: 40px auto 0;
  max-width: 450px;
  width: 100%;
}

.blank-space {
  margin-top: 40px;
}
@media (min-width: 1150px) {
  .blank-space {
    margin-top: 80px;
  }
}

/* ----------------------------------------------
    Layout（this page only）
------------------------------------------------ */
.zero_lp__wrap {
  padding: 55px 0 67px;
}
@media (min-width: 751px) {
  .zero_lp__wrap {
    padding: 80px 0 0;
  }
}
@media (min-width: 751px) {
  .zero_lp__wrap {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(1, 1fr);
    gap: 0px;
  }
}
@media (min-width: 1150px) {
  .zero_lp__wrap a {
    transition: 0.5s;
  }
  .zero_lp__wrap a:hover {
    opacity: 0.7;
  }
}

@media (min-width: 751px) {
  .zero_lp__contents {
    grid-column: span 3/span 3;
  }
}

.zero_lp__aside {
  background-color: #f1f1f1;
}
@media (min-width: 751px) {
  .zero_lp__aside {
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
    grid-row: span 2/span 2;
    grid-column-start: 4;
    padding: 0 20px;
    position: relative;
    width: 320px;
  }
}
@media (min-width: 1440px) {
  .zero_lp__aside {
    padding: 0 24px;
    width: 400px;
  }
}
@media (min-width: 1500px) {
  .zero_lp__aside {
    width: 480px;
  }
}
.zero_lp__aside .download_form__block {
  margin: 0 auto;
  padding: 0 20px 40px;
}
@media (min-width: 751px) {
  .zero_lp__aside .download_form__block {
    padding: 0 0 40px;
    width: 600px;
  }
}
@media (min-width: 751px) {
  .zero_lp__aside .download_form__block {
    position: sticky;
    top: 80px;
    width: 100%;
  }
  .zero_lp__aside .download_form__block .formRegistration {
    display: none;
  }
}

@media (min-width: 751px) {
  .lp_footer {
    grid-column: span 3/span 3;
    grid-row-start: 2;
  }
}

/* ----------------------------------------------
    header（zerostore）
------------------------------------------------ */
#header #spHeaderContact {
  right: 0px;
}

#header #spHeaderContact li.contact a:after {
  display: none;
}

#gNav .sub .contact a {
  background: #196ee2;
  border-bottom: solid 4px #1a3eb5;
}

@media (min-width: 751px) {
  #header {
    height: 80px;
  }
  #header .headerMain {
    height: 80px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0);
  }
  #header .logo a {
    top: 20px;
  }
  #gNav * {
    transition: 0s;
  }
  #gNav .sub {
    top: 20px;
    right: 20px;
  }
  #gNav .sub .contact {
    text-align: center;
  }
}
/* ----------------------------------------------
    footer（zerostore）
------------------------------------------------ */
#footer .loFooterInfo {
  line-height: 1;
  color: #fff;
  padding: 15px 0;
  background: #333;
  text-align: center;
}

#footer .loFooterInfo .copyright {
  font-size: 14px;
}

.pageTopBtn {
  display: none !important;
}

@media (min-width: 751px) {
  #footer .footerContact .boxes {
    margin: 0 auto;
    max-width: 1140px;
    width: 90.4%;
  }
}

@media (min-width: 751px) {
  #footer .footerContact .box {
    padding: 30px 24px 0;
    max-width: 570px;
    width: 50%;
  }
}

#footer .footerContact .box p.btn a {
  background: #196ee2;
  border-bottom: solid 4px #1a3eb5;
  max-width: 400px;
  width: 100%;
}

/* ----------------------------------------------
    sp_fixed__cta
------------------------------------------------ */
.sp_fixed__cta {
  background-color: #fff;
  box-shadow: 0px -2px 5px rgba(0, 0, 0, 0.2);
  position: fixed;
  bottom: 0;
  width: 100%;
}

.sp_fixed__cta--inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
}
.sp_fixed__cta--inner .btn {
  width: 47%;
}

/* ----------------------------------------------
    sec_inner
------------------------------------------------ */
.sec_inner {
  padding-inline: 20px;
  position: relative;
  max-width: 1140px;
  width: 100%;
}
@media (min-width: 751px) {
  .sec_inner {
    margin: 0 auto;
    padding-inline: 0;
    width: calc(100% - 100px);
  }
}

/* ----------------------------------------------
    section_titles
------------------------------------------------ */
.section_titles {
  color: #253052;
  padding: 0 20px;
  text-align: center;
}
.section_titles .section_title,
.section_titles .section_title__solid {
  font-size: clamp(1.25rem, 0.693rem + 2.78vw, 2rem);
  line-height: 1.4;
}
.section_titles .section_title {
  position: relative;
  padding: 0 0 16px;
}
@media (min-width: 751px) {
  .section_titles .section_title {
    padding: 0 0 24px;
  }
}
.section_titles .section_title::after {
  background-color: #ccc;
  content: "";
  display: block;
  height: 2px;
  width: 80px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
}
.section_titles .section_leed {
  font-size: clamp(1rem, 0.722rem + 1.39vw, 1.375rem);
  font-weight: 700;
  padding: 16px 0 0;
  letter-spacing: -0.05em;
}
@media (min-width: 751px) {
  .section_titles .section_leed {
    letter-spacing: 0;
    padding: 24px 0 0;
  }
}
.section_titles .section_leed .leed_emphasis {
  font-size: clamp(1.25rem, 0.693rem + 2.78vw, 2rem);
}
.section_titles .section_title__txt {
  font-size: clamp(0.875rem, 0.782rem + 0.46vw, 1rem);
  padding: 16px 0 0;
  text-align: left;
}
@media (min-width: 751px) {
  .section_titles .section_title__txt {
    padding: 24px 0 0;
    text-align: center;
  }
}
.section_titles .section_leed + .section_title__txt {
  padding: 0;
}

.sec_inner .section_titles {
  padding: 0;
}

/* ----------------------------------------------
    section_arrow
------------------------------------------------ */
.section_arrow {
  position: relative;
}
.section_arrow::before {
  clip-path: polygon(0 0, 100% 0%, 50% 100%);
  content: "";
  display: inline-block;
  height: 20px;
  width: 60px;
  position: absolute;
  top: -1px;
  left: 50%;
  transform: translate(-50%, 0);
}
@media (min-width: 751px) {
  .section_arrow::before {
    height: 40px;
    width: 120px;
  }
}
.section_arrow.arrow_white::before {
  background-color: #fff;
}
.section_arrow.arrow_grey::before {
  background-color: #f1f1f1;
}

/* ----------------------------------------------
    cta_block
------------------------------------------------ */
.cta_block {
  background: linear-gradient(180deg, #ec5506 0%, #ee7800 100%);
  padding: 40px 0 56px;
}
@media (min-width: 751px) {
  .cta_block {
    padding: 80px 0 64px;
  }
}

.cta_block__title {
  color: #fff;
  font-size: clamp(1.25rem, 0.693rem + 2.78vw, 2rem);
  text-align: center;
}

.cta_btns {
  display: flex;
  flex-direction: column;
  gap: 32px;
  margin-top: 32px;
}
@media (min-width: 751px) {
  .cta_btns {
    flex-direction: row;
    justify-content: space-between;
  }
}
@media (min-width: 751px) {
  .cta_btns .btn {
    width: calc(50% - 20px);
  }
}

.cta_leed {
  color: #fff;
  display: inline-block;
  font-size: clamp(1rem, 0.907rem + 0.46vw, 1.125rem);
  font-weight: 700;
  margin-bottom: 8px;
  padding-inline: 8px;
  position: relative;
}
.cta_leed::before, .cta_leed::after {
  background-color: #fff;
  border-radius: 2px;
  content: "";
  display: block;
  height: 24px;
  width: 4px;
  position: absolute;
  bottom: 0;
}
.cta_leed::before {
  left: -8px;
  transform: rotate(-25deg);
}
.cta_leed::after {
  right: -8px;
  transform: rotate(25deg);
}

/* ----------------------------------------------
    mv
------------------------------------------------ */
.mv {
  background: url("/assets/images/home/main_bg_sp.png") center top no-repeat #f1f1f1;
  background-size: contain;
}
@media (min-width: 751px) {
  .mv {
    background: url("/assets/images/home/main_bg.png") center top no-repeat #f1f1f1;
  }
}
@media (min-width: 1150px) {
  .mv {
    background-size: cover;
  }
}

.mv_inner {
  padding: 24px 20px 40px;
  text-align: center;
  max-width: 1140px;
  width: 100%;
}
@media (min-width: 751px) {
  .mv_inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 auto;
    padding: 0 0 24px;
    width: calc(100% - 100px);
  }
}

.mv_titles {
  display: flex;
  flex-direction: column;
}
@media (min-width: 751px) {
  .mv_titles {
    padding: 56px 20px 0 0;
    max-width: 500px;
    width: 50%;
  }
}

.product-names {
  margin: 0 0 16px;
  order: 1;
}

.product-name__lead {
  background-color: #ec5506;
  border-radius: calc(infinity * 1px);
  color: #fff;
  display: block;
  font-weight: 700;
  line-height: 1;
  margin: 0 0 16px;
  padding: 12px;
}
@media (min-width: 1440px) {
  .product-name__lead {
    font-size: 20px;
    margin: 0 0 32px;
  }
}
.product-name__lead .numerical_value {
  font-size: 20px;
}
@media (min-width: 1440px) {
  .product-name__lead .numerical_value {
    font-size: 24px;
  }
}

.mv_main-title {
  color: #ec5506;
  font-size: 48px;
  line-height: 1.2;
  order: 2;
}
@media (min-width: 1440px) {
  .mv_main-title {
    font-size: 56px;
  }
}
.mv_main-title .text_small {
  font-size: 40px;
}
@media (min-width: 1440px) {
  .mv_main-title .text_small {
    font-size: 48px;
  }
}
.mv_main-title .numerical_value {
  font-size: 64px;
}
@media (min-width: 1440px) {
  .mv_main-title .numerical_value {
    font-size: 80px;
  }
}

.mv_main-title__lead {
  color: #253052;
  display: block;
  font-size: 16px;
  letter-spacing: -0.05em;
  position: relative;
  margin: 0 0 16px;
}
@media (min-width: 1150px) {
  .mv_main-title__lead {
    letter-spacing: 0;
  }
}
@media (min-width: 1440px) {
  .mv_main-title__lead {
    font-size: 22px;
    margin: 0 0 24px;
  }
}
.mv_main-title__lead::after {
  aspect-ratio: 271/12;
  background: url("/assets/images/zero_lp/img_fukidashi__navy.svg") left bottom no-repeat;
  background-size: contain;
  content: "";
  display: block;
  position: absolute;
  bottom: -24px;
  left: 0;
  width: 100%;
}
@media (min-width: 1440px) {
  .mv_main-title__lead::after {
    bottom: -32px;
  }
}
.mv_main-title__lead .text_small {
  font-size: 14px;
}
@media (min-width: 1440px) {
  .mv_main-title__lead .text_small {
    font-size: 18px;
  }
}

@media (min-width: 751px) {
  .mv_image {
    padding: 40px 0 0;
    width: 50%;
  }
}

.mv_cta {
  order: 3;
}
.mv_cta .mv_btn {
  margin: 16px 0 0;
}

.mv_image {
  margin: 24px 0 0;
}

.mv_note {
  color: #253052;
  font-size: 10px;
  margin: 24px 0 0;
  text-align: left;
  width: 100%;
}

/* ----------------------------------------------
    sec01
------------------------------------------------ */
.sec01 {
  padding-block: 24px 40px;
}
@media (min-width: 751px) {
  .sec01 {
    padding-block: 40px 80px;
  }
}

.feature_icons {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  margin: 0 auto;
  max-width: 540px;
  width: 100%;
}
@media (min-width: 751px) {
  .feature_icons {
    gap: 30px;
  }
}

.sec01_title {
  color: #253052;
  font-size: clamp(1.25rem, 0.693rem + 2.78vw, 2rem);
  letter-spacing: -0.05em;
  margin-top: 24px;
  text-align: center;
}
@media (min-width: 751px) {
  .sec01_title {
    letter-spacing: 0;
  }
}
.sec01_title .numerical_value {
  font-size: clamp(1.5rem, 0.572rem + 4.64vw, 2.75rem);
}

.corporation_block {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-top: 24px;
}
@media (min-width: 751px) {
  .corporation_block {
    flex-wrap: wrap;
    flex-direction: row;
    gap: 40px;
    margin-top: 40px;
  }
}

@media (min-width: 751px) {
  .corporation {
    width: calc(50% - 20px);
  }
}

.corporation_thumbnail {
  position: relative;
}
.corporation_thumbnail .category {
  position: absolute;
  bottom: 0;
  left: 0;
}

.corporation_name {
  color: #253052;
  font-size: clamp(1rem, 0.722rem + 1.39vw, 1.375rem);
  font-weight: 700;
  margin-top: 8px;
}

/* ----------------------------------------------
    sec02
------------------------------------------------ */
.sec02 {
  background-color: #f1f1f1;
  padding-block: 40px;
}
@media (min-width: 751px) {
  .sec02 {
    padding-block: 80px;
  }
}

.problem_block {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-top: 24px;
}
@media (min-width: 751px) {
  .problem_block {
    margin-top: 40px;
    gap: 40px;
  }
}

.problem_module {
  background-color: #fff;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
@media (min-width: 751px) {
  .problem_module {
    flex-direction: row;
  }
}
.problem_module .problem {
  padding: 24px;
  position: relative;
}
@media (min-width: 751px) {
  .problem_module .problem {
    width: 32%;
  }
}
.problem_module .problem::before {
  background-color: #fff;
  border-radius: 50%;
  content: "";
  display: block;
  height: 80px;
  width: 80px;
  position: absolute;
  bottom: -40px;
  left: 50%;
  transform: translate(-50%, 0);
}
@media (min-width: 751px) {
  .problem_module .problem::before {
    bottom: auto;
    left: auto;
    top: 50%;
    right: -40px;
    transform: translate(0, -50%);
  }
}
.problem_module .problem::after {
  content: url("/assets/images/zero_lp/icon_angle-right.svg");
  display: block;
  height: 16px;
  width: 32px;
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translate(-22%, 0) rotate(90deg);
}
@media (min-width: 751px) {
  .problem_module .problem::after {
    bottom: auto;
    left: auto;
    top: 50%;
    right: -30px;
    transform: translate(0, -100%) rotate(0);
  }
}
.problem_module .problem_title,
.problem_module .solution_title {
  line-height: 1.5;
  padding: 0 0 16px;
  position: relative;
}
.problem_module .problem_title::after,
.problem_module .solution_title::after {
  aspect-ratio: 427/22;
  background: url("/assets/images/zero_lp/img_fukidashi__grey.svg") left bottom no-repeat;
  background-size: contain;
  content: "";
  display: block;
  position: absolute;
  bottom: -8px;
  left: 0;
  width: 100%;
}
.problem_module .problem_title {
  color: #253052;
  font-size: clamp(1.125rem, 0.939rem + 0.93vw, 1.375rem);
}
.problem_module .problem_title .emphasis {
  font-size: clamp(1.375rem, 1.189rem + 0.93vw, 1.625rem);
}
.problem_module .solution_title {
  font-size: clamp(1.375rem, 1.189rem + 0.93vw, 1.625rem);
}
@media (min-width: 1500px) {
  .problem_module .solution_title {
    padding: 0 0 16px;
  }
  .problem_module .solution_title::after {
    bottom: -16px;
  }
}
.problem_module .problem_title__number,
.problem_module .solution_title__leed {
  display: block;
  font-size: 16px;
  line-height: 1;
  padding: 0 0 4px;
}
.problem_module .problem_title__number::before,
.problem_module .solution_title__leed::before {
  font-family: FontAwesome;
  font-size: 20px;
  font-weight: normal;
  margin-right: 8px;
}
.problem_module .problem_title__number::before {
  content: "\f06a";
}
.problem_module .solution_title__leed::before {
  content: "\f058";
}
.problem_module .problem_txt,
.problem_module .solution_txt {
  font-size: clamp(0.875rem, 0.782rem + 0.46vw, 1rem);
  padding: 16px 0 0;
}
.problem_module .problem_txt .emphasis,
.problem_module .solution_txt .emphasis {
  font-weight: 700;
}
@media (min-width: 1500px) {
  .problem_module .solution_txt {
    padding: 24px 0 0;
  }
}
.problem_module .problem_txt {
  position: relative;
}
.problem_module .solution {
  background-color: #ec5506;
  color: #fff;
  padding: 64px 24px 24px;
}
@media (min-width: 751px) {
  .problem_module .solution {
    display: flex;
    flex-wrap: wrap;
    padding: 24px 24px 24px 64px;
    width: 68%;
    gap: 16px;
  }
}
@media (min-width: 751px) {
  .problem_module .solution_detail {
    width: calc(100% - 178px - 24px);
  }
}
.problem_module .solution_image {
  margin: 16px auto 0;
  width: 178px;
}
@media (min-width: 751px) {
  .problem_module .solution_image {
    margin: 0 auto;
  }
}

/* ----------------------------------------------
    sec03
------------------------------------------------ */
.sec03 {
  padding-block: 40px;
}
@media (min-width: 751px) {
  .sec03 {
    padding-block: 80px;
  }
}

.forte_block {
  display: flex;
  flex-direction: column;
  gap: 32px;
  margin: 24px auto 48px;
}
@media (min-width: 751px) {
  .forte_block {
    flex-direction: row;
    justify-content: space-between;
    gap: 20px;
    margin: 40px auto 64px;
  }
}
@media (min-width: 1500px) {
  .forte_block {
    gap: 48px;
  }
}

.forte_module {
  background-color: #fff;
  box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  overflow: hidden;
}
@media (min-width: 751px) {
  .forte_module {
    width: calc(33.333333% - 16px);
  }
}
@media (min-width: 1500px) {
  .forte_module {
    width: calc(33.333333% - 24px);
  }
}

.forte_number_wrap {
  background-color: #ec5506;
  padding: 12px 24px;
  text-align: center;
  position: relative;
}
.forte_number_wrap .forte_number {
  color: #fff;
  font-size: 22px;
  font-weight: 700;
}
.forte_number_wrap .number {
  font-size: 32px;
  margin-left: 4px;
}
.forte_number_wrap::after {
  background-color: #ec5506;
  clip-path: polygon(0 0, 100% 0%, 50% 100%);
  content: "";
  display: inline-block;
  height: 24px;
  width: 48px;
  position: absolute;
  bottom: -23px;
  left: 50%;
  transform: translate(-50%, 0);
}

.forte_detail {
  margin-top: 40px;
  padding: 0 24px 32px;
}
.forte_detail .forte_title {
  color: #253052;
  font-size: 22px;
  text-align: center;
}
@media (min-width: 1440px) {
  .forte_detail .forte_title {
    letter-spacing: -0.05em;
  }
}
.forte_detail .interest {
  border: 2px solid #ec5506;
  color: #ec5506;
  line-height: 1;
  margin-top: 32px;
  padding: 8px 24px;
  position: relative;
  text-align: center;
}
.forte_detail .interest::before {
  font-family: FontAwesome;
  content: "\f058";
  font-size: 20px;
  font-weight: normal;
  margin-right: 8px;
}
.forte_detail .forte_txt {
  font-size: clamp(0.875rem, 0.782rem + 0.46vw, 1rem);
  margin-top: 16px;
}

.logizard-zero_workplace {
  display: flex;
  flex-wrap: wrap;
  padding-block: 40px;
}
@media (min-width: 751px) {
  .logizard-zero_workplace {
    padding-block: 40px 64px;
  }
}

.workplace_module {
  width: 100%;
}
@media (min-width: 751px) {
  .workplace_module {
    width: 50%;
  }
}

.workplace_name {
  font-size: clamp(1rem, 0.722rem + 1.39vw, 1.375rem);
  font-weight: 700;
  line-height: 1;
  padding: 12px 16px;
  text-align: center;
}

.workplace_summary {
  padding: 16px;
}
@media (min-width: 751px) {
  .workplace_summary {
    padding: 32px;
  }
}

.workplace_summary__list .workplace_summary__item {
  font-size: clamp(0.875rem, 0.689rem + 0.93vw, 1.125rem);
  font-weight: 700;
  padding-left: 28px;
  position: relative;
}
.workplace_summary__list .workplace_summary__item::before {
  content: "\f058";
  display: inline-block;
  font-family: FontAwesome;
  position: absolute;
  top: 0;
  left: 0;
}
.workplace_summary__list .workplace_summary__item + .workplace_summary__item {
  margin-top: 8px;
}

.headquarters {
  background: linear-gradient(180deg, #edf6fc 0%, #fff 100%);
}
.headquarters .workplace_name {
  background-color: #a6dafd;
  color: #253052;
}
.headquarters .workplace_summary__item {
  color: #253052;
}

.logistics {
  background: linear-gradient(180deg, #f1f1f1 0%, #fff 100%);
}
.logistics .workplace_name {
  background-color: #c0cdd6;
  color: #404348;
}

.logo_slider {
  background-color: #fff;
  margin-top: 24px;
  overflow: hidden;
  width: 100%;
}
@media (min-width: 751px) {
  .logo_slider {
    margin-top: 40px;
  }
}

/* ----------------------------------------------
    sec04
------------------------------------------------ */
.sec04 {
  padding-block: 40px;
}
@media (min-width: 751px) {
  .sec04 {
    padding-block: 80px;
  }
}

.point_block {
  margin-top: 32px;
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.point_module {
  color: #253052;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (min-width: 751px) {
  .point_module {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .point_module:nth-child(even) {
    flex-direction: row-reverse;
  }
}

@media (min-width: 751px) {
  .point_detail,
  .point_image {
    width: calc(50% - 20px);
  }
}

.point_detail__title {
  font-size: clamp(1.25rem, 0.693rem + 2.78vw, 2rem);
  line-height: 1.4;
}
.point_detail__title .point_number {
  background-color: #253052;
  color: #fff;
  display: inline-block;
  font-size: clamp(0.875rem, 0.597rem + 1.39vw, 1.25rem);
  line-height: 1;
  padding: 4px 8px;
}

.point_detail__txt {
  font-size: clamp(0.875rem, 0.782rem + 0.46vw, 1rem);
  margin-top: 16px;
}

.voice_block {
  background: #fff url("/assets/images/home/mark_voice1.png") no-repeat -2px -2px;
  background-size: 70px 70px;
  border: 4px solid #ec5506;
  border-radius: 10px;
  overflow: hidden;
  margin: 32px 0 0;
  padding: 20px;
}
@media (min-width: 751px) {
  .voice_block {
    background-size: 140px 140px;
    margin: 64px 0 0;
    padding: 36px;
  }
}

.voice_inner {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (min-width: 751px) {
  .voice_inner {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 40px;
  }
}

@media (min-width: 751px) {
  .voice_img {
    width: 270px;
  }
}

.voice_detail {
  color: #253052;
}
@media (min-width: 751px) {
  .voice_detail {
    width: calc(100% - 270px - 40px);
  }
}

.voice_detail__title {
  font-size: clamp(1rem, 0.814rem + 0.93vw, 1.25rem);
}

.voice_detail__txt {
  font-size: clamp(0.875rem, 0.782rem + 0.46vw, 1rem);
  margin-top: 8px;
}
.voice_detail__txt + .voice_detail__txt {
  margin-top: 16px;
}

/* ----------------------------------------------
    sec05
------------------------------------------------ */
.sec05 {
  background-color: #f1f1f1;
  padding-block: 40px;
}
@media (min-width: 751px) {
  .sec05 {
    padding-block: 80px;
  }
}

.comparison_block {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.2);
  margin-block: 24px 40px;
  padding: 12px;
  width: 100%;
}
@media (min-width: 751px) {
  .comparison_block {
    margin-block: 40px 80px;
    padding: 40px;
  }
}

.comparison_table__wrap {
  overflow-x: auto;
}

.comparison_table {
  min-width: 820px;
}
@media (min-width: 751px) {
  .comparison_table {
    width: 100%;
  }
}
.comparison_table th,
.comparison_table td {
  border: 1px solid #fff;
  padding: 16px 14px;
}
.comparison_table .blank {
  background-color: transparent;
  width: 92px;
}
@media (min-width: 751px) {
  .comparison_table .blank {
    width: 140px;
  }
}
.comparison_table .system_name {
  text-align: center;
  width: 240px;
}
.comparison_table .system_name.name_logizard-zero {
  background-color: #ec5506;
  color: #fff;
}
.comparison_table .system_name.name_excel {
  background-color: #f1f1f1;
  color: #253052;
}
.comparison_table .system_name.name_other {
  background-color: #253052;
  color: #fff;
}
.comparison_table .comparison_items__name {
  background-color: #f1f1f1;
  color: #253052;
  letter-spacing: -0.05em;
  vertical-align: top;
}
.comparison_table .comparison_data {
  background-color: #fff;
  vertical-align: top;
}
.comparison_table .bg_logizard-zero {
  background-color: #fce6d9;
}
.comparison_table .bg_other {
  background-color: #edf6fc;
}
.comparison_table .data_icon {
  margin-bottom: 14px;
  text-align: center;
}
.comparison_table .comparison_txt {
  font-size: 14px;
}

.user-voice__block {
  margin-top: 24px;
}
@media (min-width: 751px) {
  .user-voice__block {
    margin-top: 40px;
  }
}

.user-voice__module--wrap {
  padding: 0 20px;
}

.user-voice__module {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}

.user-voice__image {
  position: relative;
}

.user-voice__person {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  position: absolute;
  bottom: -40px;
  right: 16px;
}
.user-voice__person .person_image {
  aspect-ratio: 1/1;
  filter: drop-shadow(0px 8px 10px rgba(0, 0, 0, 0.1));
  width: 80px;
}
@media (min-width: 751px) {
  .user-voice__person .person_image {
    width: 96px;
  }
}

.user-voice__detail {
  padding: 48px 16px 32px;
}

.user-voice__detail--name {
  color: #253052;
  font-size: 20px;
}
.user-voice__detail--name .category {
  margin-bottom: 12px;
}

.user-voice__detail--txt {
  font-size: 14px;
  margin-top: 12px;
}

.sliderNav {
  display: flex;
  justify-content: center;
  margin: 16px 0 0;
}
@media (min-width: 751px) {
  .sliderNav {
    margin: 24px 0 0;
  }
}

.slick-list {
  padding: 0 0 24px;
}

.slick-nav {
  position: relative;
  padding: 0 64px;
}
@media (min-width: 751px) {
  .slick-nav {
    padding: 0 72px;
  }
}
.slick-nav .slick-next,
.slick-nav .slick-prev {
  position: absolute;
  width: 32px;
  height: 32px;
  font-size: 0;
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  text-align: center;
  overflow: hidden;
  z-index: 10;
}
@media (min-width: 751px) {
  .slick-nav .slick-next,
  .slick-nav .slick-prev {
    width: 40px;
    height: 40px;
  }
}
.slick-nav .slick-next::before,
.slick-nav .slick-prev::before {
  position: absolute;
  top: 50%;
  left: 0px;
  width: 100%;
  font-family: FontAwesome;
  font-size: 32px;
  font-weight: 900;
  line-height: 1;
  color: #ec5506;
  transform: translate(0, -50%);
}
@media (min-width: 751px) {
  .slick-nav .slick-next::before,
  .slick-nav .slick-prev::before {
    font-size: 40px;
    line-height: 40px;
  }
}
.slick-nav .slick-next {
  right: 0;
}
.slick-nav .slick-next::before {
  content: "\f105";
}
.slick-nav .slick-prev {
  left: 0;
}
.slick-nav .slick-prev::before {
  content: "\f104";
}
.slick-nav .slick-dots {
  display: flex;
  gap: 24px;
  height: 2rem;
}
@media (min-width: 751px) {
  .slick-nav .slick-dots {
    gap: 16px;
    height: 2.5rem;
  }
}
.slick-nav .slick-dots li {
  display: flex;
  align-items: center;
}
.slick-nav .slick-dots li + li {
  margin-left: 0.25rem;
}
@media (min-width: 751px) {
  .slick-nav .slick-dots li + li {
    margin-left: 1.75rem;
  }
}
.slick-nav .slick-dots li button {
  width: 0.5rem;
  height: 0.5rem;
  padding: 0;
  background: #ccc;
  border: none;
  border-radius: 50%;
  text-indent: -777px;
  overflow: hidden;
}
@media (min-width: 751px) {
  .slick-nav .slick-dots li button {
    width: 0.75rem;
    height: 0.75rem;
  }
}
.slick-nav .slick-dots li.slick-active button {
  background: #ec5506;
}

/* ----------------------------------------------
    sec06
------------------------------------------------ */
.sec06 {
  padding-block: 40px;
}
@media (min-width: 751px) {
  .sec06 {
    padding-block: 80px;
  }
}

.rate-structure_block {
  background-image: url("/assets/images/services/usage_fee/icon_plus.svg");
  background-position: center center;
  background-size: 56px 56px;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 104px;
  margin: 24px auto 0;
  max-width: 1000px;
  width: 100%;
}
@media (min-width: 751px) {
  .rate-structure_block {
    flex-direction: row;
    gap: 120px;
    margin: 40px auto 0;
  }
}

.rate-structure {
  background-color: #fff;
  box-shadow: 0px 10px 20px 0px rgba(65, 69, 73, 0.2);
  border-radius: 10px;
  overflow: hidden;
}
@media (min-width: 751px) {
  .rate-structure {
    width: 440px;
  }
}

.rate-structure_title {
  font-size: 20px;
  padding: 16px 24px;
  line-height: 1;
  text-align: center;
}
@media (min-width: 751px) {
  .rate-structure_title {
    font-size: 32px;
    padding: 24px 32px;
  }
}
.rate-structure_title.title_orange {
  background-color: #ec5506;
  color: #fff;
}
.rate-structure_title.title_yellow {
  background-color: #f5b722;
  color: #253052;
}

.rate-structure_list {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 24px 24px 40px;
}

.rate-structure_list__item {
  color: #253052;
  font-size: 18px;
  font-weight: 700;
  padding-inline-start: 28px;
  position: relative;
  text-align: left;
}
.rate-structure_list__item::before {
  content: "\f14a";
  font-family: FontAwesome;
  font-weight: normal;
  font-size: 20px;
  position: absolute;
  top: -3px;
  left: 0;
}

.marker_orange::before {
  color: #ec5506;
}

.marker_yellow::before {
  color: #f5b722;
}

.seminars_block,
.quick-reference_block {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 24px;
}
@media (min-width: 751px) {
  .seminars_block,
  .quick-reference_block {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 40px;
    margin-top: 40px;
  }
}

@media (min-width: 751px) {
  .seminars_link,
  .quick-reference_image,
  .quick-reference_detail {
    width: calc(50% - 20px);
  }
}
.seminars_link .btn,
.quick-reference_image .btn,
.quick-reference_detail .btn {
  margin-top: 16px;
}
@media (min-width: 751px) {
  .seminars_link .btn,
  .quick-reference_image .btn,
  .quick-reference_detail .btn {
    margin-top: 24px;
  }
}

.quick-reference_detail__title {
  color: #253052;
  font-size: clamp(1rem, 0.722rem + 1.39vw, 1.375rem);
  letter-spacing: -0.05em;
}

.quick-reference_detail__section-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 16px;
}

.quick-reference_detail__section-item {
  color: #253052;
  font-size: clamp(1rem, 0.907rem + 0.46vw, 1.125rem);
  font-weight: 700;
  padding-inline-start: 28px;
  position: relative;
  text-align: left;
}
.quick-reference_detail__section-item::before {
  color: #ec5506;
  content: "\f14a";
  font-family: FontAwesome;
  font-weight: normal;
  font-size: 20px;
  position: absolute;
  top: -3px;
  left: 0;
}

/* ----------------------------------------------
    sec07
------------------------------------------------ */
.sec07 {
  background-color: #f1f1f1;
  padding-block: 40px;
}
@media (min-width: 751px) {
  .sec07 {
    padding-block: 80px;
  }
}

.faq_block {
  border-top: 4px solid #ec5506;
  margin-top: 24px;
}
@media (min-width: 751px) {
  .faq_block {
    margin-top: 40px;
  }
}

.faq_module {
  background-color: #fff;
  border-bottom: 2px solid #ddd;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px 16px 24px;
}
@media (min-width: 751px) {
  .faq_module {
    gap: 24px;
    padding: 32px 40px;
  }
}

.question,
.answer {
  color: #253052;
  position: relative;
  padding: 0 0 0 32px;
}
@media (min-width: 751px) {
  .question,
  .answer {
    padding: 0 0 0 48px;
  }
}
.question::before,
.answer::before {
  border-radius: 1rem;
  color: #fff;
  font-family: "Montserrat";
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5rem;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  width: 1.5rem;
}
@media (min-width: 751px) {
  .question::before,
  .answer::before {
    font-size: 18px;
    line-height: 2rem;
    top: -2px;
    width: 2rem;
  }
}

.question {
  font-size: clamp(1rem, 0.907rem + 0.46vw, 1.125rem);
  font-weight: 700;
}
.question::before {
  background-color: #ec5506;
  content: "Q";
}

.answer {
  font-size: clamp(0.875rem, 0.782rem + 0.46vw, 1rem);
}
.answer::before {
  background: #ddd;
  content: "A";
}

/* ----------------------------------------------
    sec08
------------------------------------------------ */
.sec08 {
  padding-block: 40px;
}
@media (min-width: 751px) {
  .sec08 {
    padding-block: 80px;
  }
}

.company-info_block {
  margin-top: 24px;
}
@media (min-width: 751px) {
  .company-info_block {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
}

.company-info_module {
  display: flex;
  flex-direction: column;
}
@media (min-width: 751px) {
  .company-info_module {
    flex-direction: row;
  }
}

.company-info_title,
.company-info_detail {
  color: #253052;
}

.company-info_title {
  border-bottom: 1px solid #ddd;
  font-size: 16px;
  font-weight: 700;
  padding: 8px 0 12px;
}
@media (min-width: 751px) {
  .company-info_title {
    border-bottom: none;
    border-right: 4px solid #ec5506;
    padding: 8px 16px 8px 0;
    width: 160px;
  }
}

.company-info_detail {
  font-size: clamp(0.875rem, 0.782rem + 0.46vw, 1rem);
  padding: 12px 0 8px;
}
@media (min-width: 751px) {
  .company-info_detail {
    padding: 8px 16px 8px 24px;
    width: calc(100% - 160px);
  }
}

.location_list,
.prize_list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.prize_list {
  list-style: disc;
  padding-left: 1em;
}

.prize_image {
  margin-top: 16px;
  width: 120px;
}

/* PC表示時の右固定フォーム：縦が小さい画面でも送信ボタンまでスクロールできるようにする */
@media screen and (min-width: 1024px) {
  .zero_lp__aside .content-side_form {
    max-height: calc(100vh - 120px); /* ヘッダー＋余白分を引いた高さ。必要に応じて120pxを調整 */
    overflow-y: auto;                /* 中身だけスクロール可能にする */
    box-sizing: border-box;
  }
}