@charset "UTF-8";
/* ===============================================
# base
=============================================== */
/* ======================= responsive ===*/
.pc {
  display: block;
}
@media (max-width: 639px) {
  .pc {
    display: none;
  }
}

.mb {
  display: none;
}
@media (max-width: 639px) {
  .mb {
    display: block;
  }
}

/* ======================= color ===*/
/* ======================= fonts ===*/
/* Regular (標準) */
@font-face {
  font-family: "LINESeedJP";
  src: url("/wp-content/plugins/my-snow-monkey/fonts/LINESeedJP_OTF_Rg.woff2") format("woff2"), url("/wp-content/plugins/my-snow-monkey/fonts/LINESeedJP_OTF_Rg.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
/* Bold (太字) */
@font-face {
  font-family: "LINESeedJP";
  src: url("/wp-content/plugins/my-snow-monkey/fonts/LINESeedJP_OTF_Bd.woff2") format("woff2"), url("/wp-content/plugins/my-snow-monkey/fonts/LINESeedJP_OTF_Bd.woff") format("woff");
  font-weight: bold;
  font-style: normal;
}
/* Extra Bold (エクストラボールド) */
@font-face {
  font-family: "LINESeedJP";
  src: url("/wp-content/plugins/my-snow-monkey/fonts/LINESeedJP_OTF_Eb.woff2") format("woff2"), url("/wp-content/plugins/my-snow-monkey/fonts/LINESeedJP_OTF_Eb.woff") format("woff");
  font-weight: 800; /* Extra Boldは通常800 */
  font-style: normal;
}
/* Thin (細字) */
@font-face {
  font-family: "LINESeedJP";
  src: url("/wp-content/plugins/my-snow-monkey/fonts/LINESeedJP_OTF_Th.woff2") format("woff2"), url("/wp-content/plugins/my-snow-monkey/fonts/LINESeedJP_OTF_Th.woff") format("woff");
  font-weight: 100; /* Thinは通常100 */
  font-style: normal;
}
body {
  font-family: "LINESeedJP", sans-serif;
}

/* ===============================================
# contents
=============================================== */
/* ======================= layout ===*/
.c-section {
  padding-top: 0;
  padding-bottom: 0;
}

/* ======================= break ===*/
.break {
  word-break: keep-all;
}

/* ======================= color ===*/
.red {
  color: #c10e1b;
}

/* ======================= font-size ===*/
@media (max-width: 639px) {
  .smb-section__title {
    font-size: clamp(1.5rem, 1rem + 2.5vw, 2rem);
    line-height: 1.35;
  }
}

/* ======================= page-top ===*/
.c-page-top {
  bottom: 3.3rem !important;
}
@media (max-width: 639px) {
  .c-page-top {
    bottom: 4.8rem !important;
  }
} /* ===============================================
# button
=============================================== */
.smb-buttons {
  margin-top: 0 !important;
}

.smb-btn {
  position: relative;
  overflow: hidden;
}
.smb-btn::after {
  -webkit-animation: 4s 0s shine linear infinite;
          animation: 4s 0s shine linear infinite;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 100%);
  content: "";
  height: 100%;
  left: -100%;
  position: absolute;
  top: 0;
  transform: skewX(-25deg);
  width: 50%;
}

@-webkit-keyframes shine {
  20% {
    left: 150%;
  }
  100% {
    left: 150%;
  }
}

@keyframes shine {
  20% {
    left: 150%;
  }
  100% {
    left: 150%;
  }
}
/* ======================= CTA-btn ===*/
.cta__btn {
  font-weight: bold;
}

.cta__btn-1 a {
  border: 1px solid #17469c;
}
.cta__btn-1 a:hover {
  background-color: #17469c;
  color: #fff;
}

.cta__btn-2 a:hover {
  background-color: #fff;
  color: #17469c;
  border: 1px solid #17469c;
}

.cta__btn-3 a:hover {
  background-color: #fff;
  color: #2d7d47;
  border: 1px solid #2d7d47;
}

/* ======================= btn-item ===*/
.btn__section .smb-container__body {
  text-align: center;
}
@media (max-width: 639px) {
  .btn__section .c-container {
    padding-left: 0.8em;
    padding-right: 0.8em;
  }
}

.btn__wrapper {
  margin-top: 5em;
}
@media (min-width: 640px) and (max-width: 1023px) {
  .btn__wrapper {
    max-width: 70%;
  }
}
@media (max-width: 639px) {
  .btn__wrapper {
    width: 85vw !important;
  }
}
.btn__wrapper p {
  min-height: 5.5em;
}

@media (min-width: 640px) and (max-width: 1023px) {
  .btn__item {
    margin-bottom: 8em !important;
  }
}
@media (max-width: 639px) {
  .btn__item {
    margin-bottom: 5rem !important;
  }
}
.btn__item .wp-block-heading {
  position: relative;
  padding-bottom: 0.5rem;
  border-bottom: 3px solid #8b8b8b;
  background-color: white;
  color: #333;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
}
.btn__item .wp-block-heading::before {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%) skew(-25deg);
  height: 20px;
  width: 10px;
  border-right: 3px solid #c10e1b;
  background-color: white;
  content: "";
}
@media (max-width: 639px) {
  .btn__item p {
    font-size: clamp(0.88rem, 0.76rem + 0.6vw, 1rem);
  }
}

/* ===============================================
# underline
=============================================== */
.js__marker {
  background-image: linear-gradient(to bottom, transparent 60%, #f6d48e 60%);
  background-size: 0% 100%;
  background-repeat: no-repeat;
}

/* ===============================================
# opening
=============================================== */
#opening {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  transition: opacity 0.5s ease;
}

.opening__text h1 {
  font-size: 2.5rem;
  line-height: 1.6;
  text-align: center;
  white-space: nowrap;
}
@media (max-width: 639px) {
  .opening__text h1 {
    font-size: clamp(1.2rem, 0.397rem + 4.01vw, 2rem);
  }
}

.line {
  display: block;
  opacity: 0;
}

.widefone-line {
  display: inline-block;
  opacity: 0;
}

.brand-name {
  display: inline-block;
  white-space: nowrap;
  font-size: 5rem;
  letter-spacing: -0.15em;
  margin-right: 0.3em;
}
@media (max-width: 639px) {
  .brand-name {
    font-size: clamp(2.5rem, 0.995rem + 7.52vw, 4rem);
  }
}

.char,
.last-char {
  display: inline-block;
  opacity: 0;
  color: inherit;
  transform: translateY(10px);
}

/* ===============================================
# cta
=============================================== */
.cta__title {
  background: #f5f6f7;
  color: #333;
  display: inline-block;
  font-weight: bold;
  padding: 10px 20px;
  position: relative;
}
@media (max-width: 639px) {
  .cta__title {
    font-size: clamp(1rem, 0.85rem + 0.75vw, 1.15rem);
  }
}

.cta__title::before {
  border-bottom: 15px solid transparent;
  border-right: 20px solid #b8b8b8;
  content: "";
  left: 0;
  position: absolute;
  top: 100%;
}

.cta__title::after {
  border-bottom: 15px solid transparent;
  border-left: 20px solid #b8b8b8;
  content: "";
  position: absolute;
  right: 0;
  top: 100%;
}

/* ======================= item-title ===*/
.wp-block-heading {
  font-size: clamp(1rem, 0.8rem + 1vw, 1.2rem);
}

.svg-inline--fa {
  font-size: 1.35em;
  margin-right: 0.5em;
}

.fa-chevron-up {
  margin-right: 0;
}

/* ======================= footer__cta ===*/
.footer__cta .smb-section-break-the-grid__content {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

/* ======================= footer-btn ===*/
.footer-fixed-buttons {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  background: #ffffff;
  border-top: 1px solid #ccc;
  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.08);
  z-index: 9999;
  font-family: sans-serif;
}
.footer-fixed-buttons .svg-inline--fa {
  margin-left: 0.3em;
}

.footer-fixed-buttons a {
  flex: 1;
  text-align: center;
  font-size: clamp(0.75rem, 0.55rem + 0.5vw, 1rem);
  padding: 14px 8px;
  text-decoration: none;
  font-weight: bold;
  color: #2c3e50;
  border-right: 1px solid #eee;
  transition: background 0.2s;
}
@media (max-width: 639px) {
  .footer-fixed-buttons a {
    font-size: clamp(0.65rem, 0.399rem + 1.25vw, 0.9rem);
    height: 4.75rem;
    padding: 12px 4px;
  }
}
.footer-fixed-buttons a .fa-circle-chevron-right {
  font-size: clamp(0.65rem, 0.399rem + 1.25vw, 0.9rem);
}
.contact {
  background: #fff;
  color: #17469c;
  display: flex;
  align-items: center;
  justify-content: center;
}
.contact:hover {
  background: #17469c;
  color: #fff;
}

.trial {
  background: #17469c;
  color: #fff !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.trial:hover {
  background: #fff;
  color: #17469c !important;
}

.tel {
  background: #28713f;
  color: #fff !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tel:hover {
  background: #fff;
  color: #28713f !important;
}

.footer-fixed-buttons a:last-child {
  border-right: none;
}

/* フッターが隠れないように、ページ最下部に余白を追加 */
body::after {
  content: "";
  display: block;
  height: 60px; /* フッター固定ボタンの高さと同じ */
}

/* ===============================================
# fv
=============================================== */
.fv__img-pc {
  margin-top: 0;
}

/* ===============================================
# suggestion
=============================================== */
.shapedividers_com-617 {
  overflow: hidden;
  position: relative;
}

.shapedividers_com-617::before {
  content: "";
  font-family: "shape divider from ShapeDividers.com";
  position: absolute;
  z-index: 3;
  pointer-events: none;
  background-repeat: no-repeat;
  bottom: -0.1vw;
  left: -0.1vw;
  right: -0.1vw;
  top: -0.1vw;
  background-size: 100% 31px;
  background-position: 50% 100%;
  background-image: url('data:image/svg+xml;charset=utf8, <svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" viewBox="0 0 476.62 100.69"><path fill="%2318479e" d="M476.62 100.69V0l-238.3 95.47L0 0v100.69Z"/></svg>');
}

@media (min-width: 2100px) {
  .shapedividers_com-617::before {
    background-size: 100% calc(2vw + 31px);
  }
}
@media (max-width: 639px) {
  .suggestion .c-container {
    padding-left: 1rem;
    padding-right: 1rem;
  }
} /* ===============================================
# features
=============================================== */
@media (max-width: 639px) {
  .features .c-container {
    padding-left: 1em;
    padding-right: 1em;
  }
}
@media (min-width: 640px) and (max-width: 1023px) {
  .features .smb-section__body {
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
}
.features .features__item {
  border-bottom: 1px dotted rgba(24, 71, 158, 0.3);
  padding-bottom: 1em;
}
@media (min-width: 640px) and (max-width: 1023px) {
  .features .features__item {
    margin-bottom: 5rem;
  }
}
@media (max-width: 639px) {
  .features .features__item {
    margin-bottom: 3rem;
  }
}
@media (min-width: 640px) and (max-width: 1023px) {
  .features .smb-media-text__contents-wrapper {
    margin-bottom: 1rem !important;
  }
}
@media (max-width: 639px) {
  .features .smb-media-text__contents-wrapper {
    margin-bottom: 1rem !important;
  }
}
.features .smb-media-text__title {
  color: #17469c;
  font-size: 1.8em;
  line-height: 1.5;
  position: relative;
  border-left: 5px solid #c10e1b;
  padding-left: 0.5em;
  border-radius: 5px;
}
@media (max-width: 639px) {
  .features .smb-media-text__title {
    font-size: clamp(1.25rem, 0.95rem + 1.5vw, 1.55rem);
  }
}
@media (min-width: 640px) and (max-width: 1023px) {
  .features .smb-media-text__body {
    margin-top: 1rem;
  }
}
@media (max-width: 639px) {
  .features .smb-media-text__body {
    margin-top: 1rem;
  }
} /* ===============================================
# reason
=============================================== */
@media (max-width: 639px) {
  .reason .c-container {
    padding-left: 1em;
    padding-right: 1em;
  }
}
@media (max-width: 639px) {
  .reason .reason__item {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 0;
  }
}
@media (max-width: 639px) {
  .reason .reason__item .smb-items__item__body {
    padding: 1.5em;
  }
}
.reason .reason__item .item__number {
  left: -1em;
}
@media (max-width: 639px) {
  .reason .reason__item .item__number {
    left: -0.5em;
  }
}
.reason .reason__item .item__number span {
  font-size: 2em;
  letter-spacing: -0.009em;
}
.reason .reason__item .item__title {
  margin-top: -0.5em;
  padding: 0.5em 1em;
  border-radius: 0 20px;
}
@media (max-width: 639px) {
  .reason .reason__item .item__text {
    margin-top: 1rem;
  }
}

.shapedividers_com-4712 {
  overflow: hidden;
  position: relative;
}

.shapedividers_com-4712::before {
  content: "";
  font-family: "shape divider from ShapeDividers.com";
  position: absolute;
  z-index: 3;
  pointer-events: none;
  background-repeat: no-repeat;
  bottom: -0.1vw;
  left: -0.1vw;
  right: -0.1vw;
  top: -0.1vw;
  background-size: 100% 31px;
  background-position: 50% 100%;
  background-image: url('data:image/svg+xml;charset=utf8, <svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" viewBox="0 0 476.62 100.69"><path fill="%23f5f6f7" d="M476.62 100.69V0l-238.3 95.47L0 0v100.69Z"/></svg>');
}

@media (min-width: 2100px) {
  .shapedividers_com-4712::before {
    background-size: 100% calc(2vw + 31px);
  }
}
/* ===============================================
# voice
=============================================== */
@media (max-width: 639px) {
  .voice .c-container {
    padding-left: 1em;
    padding-right: 1em;
  }
}
.voice .smb-section__body {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 639px) {
  .voice .smb-section__body {
    width: 85vw !important;
  }
}
@media (min-width: 640px) and (max-width: 1023px) {
  .voice .voice__item {
    margin-bottom: 5rem;
  }
}
@media (max-width: 639px) {
  .voice .voice__item {
    margin-bottom: 5rem;
  }
}
.voice .voice__item .item__title {
  min-height: 4.7em;
  display: flex;
  align-items: center;
}
.voice .voice__item .item__text {
  margin-top: 0;
}
.voice .voice__text {
  margin-top: 5em;
  display: inline-block;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  --x-gradient: linear-gradient(
    90deg,
    #18469d 25px,
    transparent 0 calc(100% - 25px),
    #18469d calc(100% - 25px)
  );
  --y-gradient: linear-gradient(
    #18469d 0 25px,
    transparent 0 calc(100% - 25px),
    #18469d calc(100% - 25px)
  );
  padding: 1rem 3rem;
  outline: 2px solid;
  outline-offset: -5px;
  background-image: var(--x-gradient), var(--y-gradient), var(--x-gradient), var(--y-gradient);
  background-repeat: no-repeat;
  background-size: 100% 3px, 3px 100%, 100% 3px, 3px 100%;
  background-position: top, right, bottom, left;
}
@media (min-width: 640px) and (max-width: 1023px) {
  .voice .voice__text {
    margin-top: 2rem;
    padding: 1.5rem 6vw;
    width: 100%;
  }
}
@media (max-width: 639px) {
  .voice .voice__text {
    margin-top: 0;
    padding: 1.5rem 6vw;
    width: 100%;
    font-size: clamp(1.1rem, 0.9rem + 1vw, 1.3rem) !important;
    word-break: keep-all;
  }
} /* ===============================================
# flow
=============================================== */
@media (max-width: 639px) {
  .step .c-container {
    padding-left: 1em;
    padding-right: 1em;
  }
}
.step .smb-section__title {
  font-size: 2em;
}
@media (max-width: 639px) {
  .step .smb-section__title {
    font-size: clamp(1.5rem, 1rem + 2.5vw, 2rem);
    line-height: 1.35;
  }
}
.step .smb-section__title span {
  -webkit-text-emphasis: dot #c10e1b;
          text-emphasis: dot #c10e1b;
}
.step .step__item .smb-panels__item__title {
  height: 3em !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
  line-height: 0.7em !important;
  border-bottom: 3px dotted rgba(0, 0, 0, 0.1);
}
@media (max-width: 639px) {
  .step .step__text {
    font-size: clamp(1.1rem, 1rem + 0.5vw, 1.2rem) !important;
  }
}
.step .smb-panels__item__content {
  line-height: 1.8;
}

.is-style-RJE_R002LP_merit_panels:not(:root) .smb-panels__item:before {
  border-bottom: 4rem solid #f7f7f7 !important;
}

@media screen and (min-width: 640px) and (max-width: 1023px) {
  .is-style-RJE_R002LP_merit_panels:not(:root) [data-md-columns="1"] .smb-panels__item {
    margin-left: auto;
    margin-right: auto;
    max-width: 480px !important;
  }
}
/* ===============================================
# plan
=============================================== */
.plan {
  /* ======================= 例 ===*/
}
.plan .c-container {
  padding-left: 1em;
  padding-right: 1em;
}
@media (min-width: 640px) and (max-width: 1023px) {
  .plan .smb-section__body {
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
  }
}
.plan .smb-section__lede {
  font-size: 1.2em;
  margin-bottom: 2em;
}
@media (max-width: 639px) {
  .plan .smb-section__lede {
    font-size: 1rem;
  }
}
.plan .plan__item {
  margin-bottom: 5em;
}
@media (min-width: 640px) and (max-width: 1023px) {
  .plan .plan__item {
    flex-direction: column;
  }
}
@media (max-width: 639px) {
  .plan .plan__item {
    flex-direction: column;
  }
}
.plan .plan__item .item__title {
  height: 8rem;
  display: flex;
  align-items: center;
  line-height: 1.5;
  padding: 4rem 0 0.8rem;
  margin-bottom: 0.2rem;
  background-image: linear-gradient(90deg, #17469c 0 20%, #dedede 20%);
  background-repeat: no-repeat;
  background-size: 72% 5%;
  background-position: left bottom;
  position: relative;
}
@media (min-width: 640px) and (max-width: 1023px) {
  .plan .plan__item .item__title {
    height: 5rem;
    padding: 0;
  }
}
@media (max-width: 639px) {
  .plan .plan__item .item__title {
    height: 5rem;
    padding: 0;
  }
}
.plan .plan__item .item__title::before {
  content: "";
  position: absolute;
  background-image: url("http://widefonelp.local/wp-content/uploads/2025/06/riht__arrow.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 4.5rem;
  height: 4rem;
  top: 4rem;
  right: 1rem;
}
@media (min-width: 640px) and (max-width: 1023px) {
  .plan .plan__item .item__title::before {
    display: none;
  }
}
@media (max-width: 639px) {
  .plan .plan__item .item__title::before {
    display: none;
  }
}
.plan .plan__item .item__right .right__text {
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1.5;
}
@media (max-width: 639px) {
  .plan .plan__item .item__right .right__text {
    font-size: 1rem;
  }
}
.plan .plan__item .item__right .right__text span {
  padding: 0.2rem 0;
  margin-bottom: 0.2rem;
  border-bottom: 3px dotted #c10e1b;
  font-weight: bold;
}
.plan .plan__item .item__right .item__table {
  margin-top: 0.5em;
}
.plan .plan__item .item__right .item__table thead th {
  padding: 1rem 0;
}
.plan .plan__item .item__right .item__table tbody td {
  padding: 1.5rem 0;
  font-weight: bold;
  font-size: 1.2rem;
}
.plan .plan__item .item__right .right__note {
  font-size: 0.8em;
  margin-top: 0.1rem;
}
@media (max-width: 639px) {
  .plan .plan__item .item__right .right__note {
    font-size: 0.7em;
  }
}
.plan .plan__title-sub {
  position: relative;
  padding: 1rem;
  background-image: linear-gradient(135deg, #c10e1b 15px, #fff 15px calc(100% - 15px), #c10e1b 15px);
  max-width: 40rem;
  margin: 0 auto;
  border-radius: 0 30px;
}
.plan .pattern__item {
  border-right: 1px dotted;
}
.plan .pattern__item .item__01 {
  color: #17469c;
}
.plan .pattern__item .item__02 {
  margin-top: 0;
  background: #17469c;
  border-radius: 50px;
  padding: 0.3rem 0;
  color: #fff;
  font-weight: bold;
}
.plan .pattern__item .item__03 {
  font-size: 1.35rem;
  margin-top: 1rem;
  height: 5rem;
}
.plan .pattern__item .item__04 {
  margin-top: 0rem;
  font-size: 1.3rem;
  font-weight: bold;
}
.plan .pattern__item03,
.plan .pattern__item04 {
  border-right: none;
}
@media (min-width: 640px) and (max-width: 1023px) {
  .plan .pattern__item01,
.plan .pattern__item02 {
    margin-bottom: 4rem;
  }
}
@media (max-width: 639px) {
  .plan .pattern__item01,
.plan .pattern__item02 {
    margin-bottom: 4rem;
  }
}
.plan .pattern__item04 {
  padding-top: 2rem;
}
@media (min-width: 640px) and (max-width: 1023px) {
  .plan .pattern__item04 {
    padding-top: 0;
  }
  .plan .pattern__item04 figure {
    width: 70%;
  }
}
@media (max-width: 639px) {
  .plan .pattern__item04 {
    padding-top: 0;
  }
  .plan .pattern__item04 figure {
    width: 70%;
  }
}
@media (max-width: 639px) {
  .plan .pattern__item01 .item__03,
.plan .pattern__item03 .item__03 {
    height: 3rem;
  }
} /* ===============================================
# flow
=============================================== */
@media (max-width: 639px) {
  .flow .c-container {
    padding-left: 1em;
    padding-right: 1em;
  }
}
@media (min-width: 640px) and (max-width: 1023px) {
  .flow .smb-section__body {
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 640px) and (max-width: 1023px) {
  .flow .smb-panels__item__body {
    text-align: left !important;
  }
}
.flow .smb-section__title {
  font-size: 2em;
}
@media (max-width: 639px) {
  .flow .smb-section__title {
    font-size: clamp(1.5rem, 1rem + 2.5vw, 2rem);
    line-height: 1.35;
  }
}
.flow .smb-section__title span {
  -webkit-text-emphasis: dot #c10e1b;
          text-emphasis: dot #c10e1b;
}
.flow .smb-panels__item__content {
  margin-top: 2em !important;
}
@media (max-width: 639px) {
  .flow .smb-panels__item__content {
    font-size: 1rem !important;
  }
}
.flow .smb-panels__item__title {
  font-weight: bold;
  padding-bottom: 0.5em;
  text-align: center;
  position: relative;
}
@media (max-width: 639px) {
  .flow .smb-panels__item__title {
    font-size: 1.15rem;
  }
}
.flow .smb-panels__item__title::after, .flow .smb-panels__item__title::before {
  content: "";
  position: absolute;
  margin: auto;
  left: 0;
  bottom: 0;
  width: 2em;
  background-color: #e3e3e3;
  height: 5px;
  right: 2em;
}
@media (min-width: 640px) and (max-width: 1023px) {
  .flow .smb-panels__item__title::after, .flow .smb-panels__item__title::before {
    right: unset;
    left: 2em;
  }
}
.flow .smb-panels__item__title::before {
  background-color: #17469c;
  left: 2em;
  width: 4em;
}

@media (max-width: 639px) {
  .is-style-RJE_R002LP_flow_panels:not(:root) .smb-panels__item {
    box-shadow: none;
    counter-increment: flow-no;
    margin-top: 1em;
    padding: 4rem 2rem 35.04px 2.5rem;
    position: relative;
  }
} /* ===============================================
# benefit
=============================================== */
@media (max-width: 639px) {
  .benefit .c-container {
    padding-left: 1em;
    padding-right: 1em;
  }
}
@media (min-width: 640px) and (max-width: 1023px) {
  .benefit .smb-section__body {
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
}
.benefit .smb-media-text__title {
  font-weight: bold;
  margin: auto;
  padding: 0.8em 0;
  margin-bottom: 0.3em;
  position: relative;
  line-height: 1.5;
}
@media (max-width: 639px) {
  .benefit .smb-media-text__title {
    font-size: clamp(1.15rem, 0.95rem + 1vw, 1.35rem);
  }
}
.benefit .smb-media-text__title::after, .benefit .smb-media-text__title::before {
  content: "";
  background-color: #17469c;
  width: 50%;
  height: 2px;
  position: absolute;
}
.benefit .smb-media-text__title::before {
  top: 0;
  left: 0;
}
.benefit .smb-media-text__title::after {
  bottom: 0;
  right: 0;
}
@media (min-width: 640px) and (max-width: 1023px) {
  .benefit .benefit__item {
    margin-bottom: 6rem;
  }
}
@media (max-width: 639px) {
  .benefit .benefit__item {
    margin-bottom: 4rem;
  }
}
@media (min-width: 640px) and (max-width: 1023px) {
  .benefit .benefit__item .c-row {
    flex-wrap: nowrap !important;
  }
}
@media (max-width: 639px) {
  .benefit .benefit__item .c-row {
    flex-wrap: nowrap !important;
  }
}
@media (min-width: 640px) and (max-width: 1023px) {
  .benefit .benefit__item .c-row__col {
    padding-top: 0 !important;
  }
}
@media (max-width: 639px) {
  .benefit .benefit__item .c-row__col {
    padding-top: 0 !important;
  }
}
.benefit .benefit__text {
  margin-top: 5em;
}
@media (max-width: 639px) {
  .benefit .benefit__text {
    font-size: clamp(1.1rem, 1rem + 0.5vw, 1.2rem) !important;
    margin-top: 0;
  }
} /* ===============================================
# faq
=============================================== */
@media (max-width: 639px) {
  .faq .c-container {
    padding-left: 1em;
    padding-right: 1em;
  }
}
.faq .smb-accordion__item__title {
  font-size: 1.15em;
  font-weight: bold;
}
@media (max-width: 639px) {
  .faq .smb-accordion__item__title {
    font-size: 1rem;
  }
}
.faq .smb-accordion__item__body {
  padding-left: 0;
  padding-right: 0;
}

/* ===============================================
# company
=============================================== */
@media (max-width: 639px) {
  .company__section {
    padding-left: 1em !important;
    padding-right: 1em !important;
  }
}

@media (max-width: 639px) {
  .company {
    padding-left: 1em;
    padding-right: 1em;
  }
}
/*# sourceMappingURL=style.css.map */