/*!*****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./scss/common.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@400;500&family=Zen+Old+Mincho:wght@500&display=swap);
/*!*********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./scss/common.scss (1) ***!
  \*********************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&family=Oswald:wght@400;500&display=swap);
/*!*********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./scss/common.scss (2) ***!
  \*********************************************************************************************************************************************************************************************************************************************/
@import url(https://cdn.jsdelivr.net/npm/@splidejs/splide@4.1.4/dist/css/splide.min.css);
/*!*********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./scss/common.scss (3) ***!
  \*********************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* -------------------------------------------------------------------
  default colors
------------------------------------------------------------------- */
/* -------------------------------------------------------------------
  default web-font
------------------------------------------------------------------- */
/* -------------------------------------------------------------------
  font rem計算
------------------------------------------------------------------- */
/* -------------------------------------------------------------------
  各種rem計算（font以外）
------------------------------------------------------------------- */
/* -------------------------------------------------------------------
  flex時のgapを差し引いた横幅計算
------------------------------------------------------------------- */
/* -------------------------------------------------------------------
  アスペクト比固定
------------------------------------------------------------------- */
/* -------------------------------------------------------------------
  vw変換
------------------------------------------------------------------- */
/* -------------------------------------------------------------------
  default spacing
------------------------------------------------------------------- */
/* -------------------------------------------------------------------
  hover anitionの適用（～xまで）
------------------------------------------------------------------- */
/* -------------------------------------------------------------------
  default font-size
------------------------------------------------------------------- */
/* -------------------------------------------------------------------
  margin / padding
------------------------------------------------------------------- */
.fs-xxsmall, .wp-block-gallery.has-nested-images figure.wp-block-image:has(figcaption) figcaption, .wp-block-image figcaption, .table__cell.--small {
  font-size: min(2.25vw, 20px);
}

.has-xxsmall-font-size {
  font-size: min(2.25vw, 20px) !important;
}

.fs-xsmall, .table__cell.--th, .table__notice, .latest-data-sub-item__label {
  font-size: min(2.875vw, 25px);
}

.has-xsmall-font-size {
  font-size: min(2.875vw, 25px) !important;
}

.fs-small, .table__header-cell, .table__cell, .lead-footer__text-label, .how-contents, .latest-data__description, .latest-data-item, .faq-item__description {
  font-size: min(3.78125vw, 31.25px);
}

.has-small-font-size {
  font-size: min(3.78125vw, 31.25px) !important;
}

.fs-custom-small {
  font-size: min(3.78125vw, 31.25px);
}

.has-custom-small-font-size {
  font-size: min(3.78125vw, 31.25px) !important;
}

.fs-medium, .table__header-cell.--accent, .content-title.p2 span, .lead-footer__text, .reason-header__img::after, .how-header__img::after, .how-footer__text, .merit-header__img::after, .merit-item__label, .merit-item__row-text, .latest-data-header__title-label, .latest-data-sub-item__title, .content-header-logo__text, .faq-item__title {
  font-size: min(4.6325vw, 39.06px);
}

.has-medium-font-size {
  font-size: min(4.6325vw, 39.06px) !important;
}

.fs-custom-medium {
  font-size: min(4.6325vw, 39.06px);
}

.has-custom-medium-font-size {
  font-size: min(4.6325vw, 39.06px) !important;
}

.fs-large, .content-title.p1, .content-title.p3, .fv__label-text, .reason__item__label, .point-item__label {
  font-size: min(5.85375vw, 48.83px);
}

.has-large-font-size {
  font-size: min(5.85375vw, 48.83px) !important;
}

.fs-custom-large {
  font-size: min(5.85375vw, 48.83px);
}

.has-custom-large-font-size {
  font-size: min(5.85375vw, 48.83px) !important;
}

.fs-xlarge, .latest-data-header__title-text {
  font-size: min(7.38vw, 61.04px);
}

.has-xlarge-font-size {
  font-size: min(7.38vw, 61.04px) !important;
}

.fs-xxlarge {
  font-size: min(9.28625vw, 76.29px);
}

.has-xxlarge-font-size {
  font-size: min(9.28625vw, 76.29px) !important;
}

.fs-mxlarge {
  font-size: min(11.67125vw, 95.37px);
}

.has-mxlarge-font-size {
  font-size: min(11.67125vw, 95.37px) !important;
}

.fs-num-xsmall, .reason-header__text__main {
  font-size: min(14.65125vw, 119.21px);
}

.has-num-xsmall-font-size {
  font-size: min(14.65125vw, 119.21px) !important;
}

.fs-num-small, .fv__label-num {
  font-size: min(18.37625vw, 149.01px);
}

.has-num-small-font-size {
  font-size: min(18.37625vw, 149.01px) !important;
}

.fs-num-medium {
  font-size: min(23.0325vw, 186.26px);
}

.has-num-medium-font-size {
  font-size: min(23.0325vw, 186.26px) !important;
}

.fs-num-large {
  font-size: min(28.85375vw, 232.83px);
}

.has-num-large-font-size {
  font-size: min(28.85375vw, 232.83px) !important;
}

html,
body {
  padding: 0;
  margin: 0;
}

body {
  width: 800px;
  max-width: 100%;
  text-align: center;
  padding-bottom: 3vw;
  margin-inline: auto;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  line-height: 1.75;
  color: var(--color-text);
}

img {
  max-width: 100%;
  vertical-align: top;
}

svg {
  max-width: 100%;
  height: auto;
}

dl, dt, dd,
h2, h3, p {
  margin: 0;
}

p {
  margin-top: 1.5em;
}
p:first-child {
  margin-top: 0;
}

.mt-0 {
  margin-top: 0 !important;
}

.fc-theme {
  color: var(--color-theme);
}
.fc-accent, .reason-header__text__main {
  color: var(--color-accent);
}
.fc-text {
  color: var(--color-text);
}
.fc-border {
  color: var(--color-border);
}

.fw-400 {
  font-weight: 400;
}
.fw-500, .content-title.p3, .fv__label-num, .reason-header__img::after, .reason-header__text__main, .how-header__img::after, .merit-header__img::after, .merit-item__label, .merit-item__row-text, .faq-item__title {
  font-weight: 500;
}
.fw-700, .cvp__btn, .table__cell.--th, .content-title.p1, .content-title.p2 span, .fv__label-text, .lead-footer__text, .lead-footer__text-label, .reason__item__label, .how-footer__text, .latest-data-header__title, .latest-data__description, .latest-data-sub-item__label, .latest-data-sub-item__title, .content-header-logo__text, .point-item__label {
  font-weight: 700;
}

.ta-left {
  text-align: left;
}
.ta-right, .lead-footer__text {
  text-align: right;
}
.ta-center {
  text-align: center;
}
.ta-justify {
  text-align: justify;
}

.ff-num, .fv__text__profit, .fv__label-num, .reason-header__text__main, .point-item__label {
  font-family: "Oswald", sans-serif;
  line-height: 0.9;
  transform: scaleY(0.9);
  display: inline-block;
  vertical-align: bottom;
}

.lh-none {
  line-height: 0.75;
}
.lh-low, .cvp__btn, .fv-feature__item {
  line-height: 1.3;
}

.radius, .price-card {
  border-radius: min(2.75vw, 24px);
}

.fs-ol, .background-image-section__contents p {
  text-shadow: -1.5px -1.5px 0 white, 1.5px -1.5px 0 white, 1.5px 1.5px 0 white, -1.5px 1.5px 0 white, 0px -1.5px 0 white, 1.5px 0px 0 white, 0px 1.5px 0 white, -1.5px 0px 0 white;
}
.fs-b {
  color: var(--color-accent);
  font-weight: 700;
}
.fs-i, .reason-header__text__main {
  font-style: italic;
}

.flex {
  display: flex;
  flex-direction: column;
  padding-block: min(7.5vw, 60px);
  padding-inline: min(3.75vw, 30px);
}

/* -------------------------------------------------------------------
  margin / padding
------------------------------------------------------------------- */
.mt-high {
  margin-top: clamp(60px, 11.71875vw, 120px);
}
.mt-middle {
  margin-top: clamp(30px, 5.859375vw, 60px);
}
.mt-low {
  margin-top: clamp(30px, 3.90625vw, 30px);
}
.mt-0 {
  margin-top: 0rem !important;
}

.mr-high {
  margin-right: clamp(60px, 11.71875vw, 120px);
}
.mr-middle {
  margin-right: clamp(30px, 5.859375vw, 60px);
}
.mr-low {
  margin-right: clamp(30px, 3.90625vw, 30px);
}
.mr-0 {
  margin-right: 0rem !important;
}

.mb-high {
  margin-bottom: clamp(60px, 11.71875vw, 120px);
}
.mb-middle {
  margin-bottom: clamp(30px, 5.859375vw, 60px);
}
.mb-low {
  margin-bottom: clamp(30px, 3.90625vw, 30px);
}
.mb-0 {
  margin-bottom: 0rem !important;
}

.ml-high {
  margin-left: clamp(60px, 11.71875vw, 120px);
}
.ml-middle {
  margin-left: clamp(30px, 5.859375vw, 60px);
}
.ml-low {
  margin-left: clamp(30px, 3.90625vw, 30px);
}
.ml-0 {
  margin-left: 0rem !important;
}

.mx-high {
  margin-inline: clamp(60px, 11.71875vw, 120px);
}
.mx-middle {
  margin-inline: clamp(30px, 5.859375vw, 60px);
}
.mx-low {
  margin-inline: clamp(30px, 3.90625vw, 30px);
}
.mx-0 {
  margin-inline: 0rem !important;
}

.my-high {
  margin-block: clamp(60px, 11.71875vw, 120px);
}
.my-middle {
  margin-block: clamp(30px, 5.859375vw, 60px);
}
.my-low {
  margin-block: clamp(30px, 3.90625vw, 30px);
}
.my-0 {
  margin-block: 0rem !important;
}

.ma-high {
  margin: clamp(60px, 11.71875vw, 120px);
}
.ma-middle {
  margin: clamp(30px, 5.859375vw, 60px);
}
.ma-low {
  margin: clamp(30px, 3.90625vw, 30px);
}
.ma-0 {
  margin: 0rem !important;
}

.pt-high {
  padding-top: clamp(60px, 11.71875vw, 120px);
}
.pt-middle {
  padding-top: clamp(30px, 5.859375vw, 60px);
}
.pt-low {
  padding-top: clamp(30px, 3.90625vw, 30px);
}
.pt-0 {
  padding-top: 0rem !important;
}

.pr-high {
  padding-right: clamp(60px, 11.71875vw, 120px);
}
.pr-middle {
  padding-right: clamp(30px, 5.859375vw, 60px);
}
.pr-low {
  padding-right: clamp(30px, 3.90625vw, 30px);
}
.pr-0 {
  padding-right: 0rem !important;
}

.pb-high {
  padding-bottom: clamp(60px, 11.71875vw, 120px);
}
.pb-middle {
  padding-bottom: clamp(30px, 5.859375vw, 60px);
}
.pb-low {
  padding-bottom: clamp(30px, 3.90625vw, 30px);
}
.pb-0 {
  padding-bottom: 0rem !important;
}

.pl-high {
  padding-left: clamp(60px, 11.71875vw, 120px);
}
.pl-middle {
  padding-left: clamp(30px, 5.859375vw, 60px);
}
.pl-low {
  padding-left: clamp(30px, 3.90625vw, 30px);
}
.pl-0 {
  padding-left: 0rem !important;
}

.px-high {
  padding-inline: clamp(60px, 11.71875vw, 120px);
}
.px-middle {
  padding-inline: clamp(30px, 5.859375vw, 60px);
}
.px-low {
  padding-inline: clamp(30px, 3.90625vw, 30px);
}
.px-0 {
  padding-inline: 0rem !important;
}

.py-high {
  padding-block: clamp(60px, 11.71875vw, 120px);
}
.py-middle {
  padding-block: clamp(30px, 5.859375vw, 60px);
}
.py-low {
  padding-block: clamp(30px, 3.90625vw, 30px);
}
.py-0 {
  padding-block: 0rem !important;
}

.pa-high {
  padding: clamp(60px, 11.71875vw, 120px);
}
.pa-middle {
  padding: clamp(30px, 5.859375vw, 60px);
}
.pa-low {
  padding: clamp(30px, 3.90625vw, 30px);
}
.pa-0 {
  padding: 0rem !important;
}

.faq-item {
  position: relative;
  display: grid;
  grid-template-columns: min(8.75vw, 70px) 1fr;
  -moz-column-gap: min(3vw, 24px);
       column-gap: min(3vw, 24px);
  row-gap: min(2vw, 16px);
  margin-top: min(4vw, 32px);
  padding-top: min(4vw, 32px);
}
.faq-item + .faq-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 1px;
  background-image: linear-gradient(to right, var(--color-border) 50%, white 50%);
  background-size: 10px 100%;
}
.faq-item__icon {
  position: relative;
  display: block;
  width: min(8.75vw, 70px);
  height: min(8.75vw, 70px);
  border-radius: 50%;
  background-color: var(--color-accent);
}
.faq-item__icon::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-image: url(/wp-content/themes/fx-ft/assets/icon-circle-q.svg);
  background-size: contain;
  background-position: center center;
}
.faq-item__title {
  text-align: left;
}
.faq-item .faq-item__title {
  margin-top: 0;
}
.faq-item__description {
  grid-column: 2/2;
  text-align: left;
}
.faq-item .faq-item__description {
  margin-top: 0;
}

.price-header {
  position: relative;
}
.price-header__title {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: left;
  box-sizing: border-box;
  padding-inline: min(7.5vw, 60px);
  padding-bottom: min(4.625vw, 37px);
}
.price-contents {
  background-color: var(--color-theme);
  color: white;
  text-align: left;
}
.price-card {
  padding-block: min(2.875vw, 25px) min(4.75vw, 40px);
  padding-inline: min(8.125vw, 68px);
  background-color: white;
  border: min(1vw, 10px) solid var(--color-accent);
  color: var(--color-text);
}
.price-card__item {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: min(6.75vw, 56px);
}
.price-card__item__label {
  text-align: right;
  line-height: 1.2;
}
.price-card__item:not(:first-child) {
  margin-top: min(2.875vw, 25px);
  padding-top: min(2.875vw, 25px);
  border-top: min(0.375vw, 3px) solid var(--color-border);
}

body:not(.block-editor-page) .js-fade-in {
  opacity: 0;
  transition-delay: 1s;
  transition: opacity 1s ease-in;
}
body:not(.block-editor-page) .js-fade-in.--animated {
  opacity: 1;
}
body:not(.block-editor-page) .js-fade-up {
  opacity: 0;
  transform: translateY(25%);
  transition-delay: 1s;
  transition: opacity 1s ease-out, transform 0.4s ease-in;
}
body:not(.block-editor-page) .js-fade-up.--animated {
  opacity: 1;
  transform: inherit;
}

.wp-block-gallery.has-nested-images figure.wp-block-image:has(figcaption)::before {
  display: none;
}
.wp-block-gallery.has-nested-images figure.wp-block-image:has(figcaption) figcaption {
  position: relative;
  margin-top: 0.5em;
  padding: 0;
  text-shadow: initial;
  background: none;
  color: var(--color-text);
}

figure {
  margin-bottom: 0;
}

.wp-block-image figcaption {
  margin-bottom: 0;
}

.wp-block-image:not(:first-child),
.splide:not(:first-child),
.wp-block-gallery:not(:first-child) {
  margin-top: min(4vw, 32px);
}

.table {
  margin-top: min(7.5vw, 60px);
}
.table__cell {
  line-height: 1.5;
}

.safe-svg-inline {
  height: auto !important;
}

.cvp {
  padding: min(1.875vw, 15px);
  background-color: rgba(var(--color-text-rgb), 0.1);
  width: 100%;
  box-sizing: border-box;
}
.cvp.--sticky {
  position: fixed;
  z-index: 100;
  left: 0;
  bottom: 0;
}
.cvp__btn {
  display: block;
  background-color: var(--color-accent);
  border-radius: min(1.5vw, 12px);
  padding: 0 min(1vw, 8px) min(1.25vw, 10px);
  color: white;
  text-decoration: none;
}

.table__row, .table__header {
  display: grid;
  grid-template-columns: 40% 1fr;
  align-items: stretch;
}
.table__header::before {
  content: "";
}
.table__header-cell {
  text-align: center;
  align-self: center;
  font-weight: 700;
  padding-block: min(0.5vw, 4px);
}
.table__header-cell.--accent {
  background-color: var(--color-accent);
  color: white;
  border-radius: min(1.5vw, 12px) min(1.5vw, 12px) 0 0;
}
.table__cell {
  position: relative;
  display: grid;
  align-items: center;
  padding: min(2vw, 16px) min(2.5vw, 20px);
  background-color: white;
  border-right: 1px solid var(--color-border);
  border-bottom: 1px solid var(--color-border);
}
.table__row:first-child .table__cell {
  border-top: 1px solid var(--color-border);
}
.table__cell:first-child {
  border-left: 1px solid var(--color-border);
  text-align: center;
}
.table__row:first-child .table__cell:first-child {
  border-top-left-radius: min(1.5vw, 12px);
}
.table__row:last-child .table__cell:first-child {
  border-bottom-left-radius: min(1.5vw, 12px);
}
.table__row:first-child .table__cell:last-child {
  border-top-right-radius: min(1.5vw, 12px);
}
.table__row:last-child .table__cell:last-child {
  border-bottom-right-radius: min(1.5vw, 12px);
}
.table__cell.--th {
  background-color: var(--color-theme-dark);
  color: white;
}
.table__cell.--bold {
  font-weight: 700;
}
.table__notice {
  margin-top: min(4vw, 32px);
}

.content-title.p1 {
  padding-bottom: min(2vw, 16px);
  border-bottom: 1px solid var(--color-border);
  text-align: center;
}
.content-title.p2 {
  position: relative;
  text-align: center;
  margin-block: 2em min(4.375vw, 35px) !important;
}
.content-title.p2 span {
  position: relative;
  z-index: 5;
  padding-inline: min(3.125vw, 25px);
  background-color: var(--color-theme);
  color: white;
}
.content-title.p2::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 100%;
  height: min(0.625vw, 5px);
  background-color: white;
}
.content-title.p3 {
  margin-top: min(7.5vw, 60px);
  padding: min(1.5vw, 12px);
  background-color: var(--color-theme);
  border-radius: min(3vw, 24px);
  text-align: center;
  color: white;
}

.fv-header {
  position: relative;
  aspect-ratio: 834/781;
  padding: min(5.625vw, 45px) min(4vw, 32px);
  background-size: cover;
}
.fv-header::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
}
.fv__logo {
  width: min(41.875vw, 335px);
  margin-bottom: min(22.5vw, 180px);
}
.fv__text {
  position: relative;
  color: white;
}
.fv__text__profit {
  font-size: min(23.2825vw, 186.26px);
  letter-spacing: -0.05em;
}
.fv__text__profit--num {
  font-size: min(36.38vw, 291.04px);
}
.fv__text__profit--percentage {
  transform: scaleX(0.8);
  display: inline-block;
}
.fv__label {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  margin-inline: auto;
  width: 100%;
  max-width: min(91.875vw, 735px);
}
.fv__label-text {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-51.5%, -53%);
  width: 100%;
  color: white;
}
.fv__label-num {
  margin-inline: 0.1em;
}
.fv-footer {
  padding-top: min(15vw, 120px);
  position: relative;
}

.lead__logo {
  max-width: min(91.25vw, 745px);
}
.lead__arrow {
  max-width: min(47.5vw, 380px);
  margin-inline: auto;
}
.lead-contents {
  align-items: center;
}
.lead-contents *:not(:first-child) {
  margin-top: min(7.5vw, 60px);
}
.lead__icon-img {
  position: relative;
}
.lead__icon-img__icon {
  position: absolute;
  top: 0;
  left: 0;
}
.lead__icon-img__img {
  position: relative;
}

.lead-footer {
  position: relative;
}
.lead-footer__text {
  position: absolute;
  bottom: min(7.5vw, 60px);
  right: min(7.5vw, 60px);
  color: white;
  line-height: 1.5;
}
.lead-footer__text-label {
  display: inline-block;
  margin-left: auto;
  margin-bottom: min(1vw, 8px);
  padding-inline: min(3vw, 24px);
  border: 2px solid white;
  border-radius: 5em;
}
.lead-footer p {
  margin-top: 0;
}

.reason {
  background-color: var(--color-theme);
  margin-bottom: min(7.5vw, 60px);
}
.reason__item {
  margin-top: min(7.5vw, 60px);
  background-color: white;
  border: min(1.25vw, 10px) solid rgba(var(--color-theme-rgb), 0.5);
  border-radius: min(6vw, 48px);
  padding: min(3.75vw, 30px);
}
.reason__item__label {
  padding-inline: min(5.25vw, 42px);
  background-color: var(--color-theme);
  color: white;
  border-radius: 1em;
  display: inline-block;
  letter-spacing: 0.05em;
}
.reason__item > * {
  margin-block: min(2vw, 16px) 0;
}

.reason-header {
  color: white;
  filter: drop-shadow(4px 4px 0 rgba(var(--color-text-rgb), 0.25));
}
.reason-header__img {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: min(2.25vw, 18px);
  max-width: 100%;
  margin-bottom: min(2.5vw, 20px);
}
.reason-header__img::after {
  content: "が";
  flex-shrink: 0;
}
.reason-header__img svg {
  max-width: min(62.5vw, 500px);
}
.reason-header__img.--white path {
  fill: white;
}
.reason-header__text__sub {
  border-top: 1px solid rgba(255, 255, 255, 0.3);
}
.reason-header__text__main {
  margin-right: 0.1em;
  text-shadow: -2px -2px 0 white, 2px -2px 0 white, 2px 2px 0 white, -2px 2px 0 white, 0px -2px 0 white, 2px 0px 0 white, 0px 2px 0 white, -2px 0px 0 white;
}

.how {
  -webkit-margin-after: min(7.5vw, 60px);
          margin-block-end: min(7.5vw, 60px);
}
.how-header__img {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: min(2.25vw, 18px);
  max-width: 100%;
  margin-bottom: min(2.5vw, 20px);
}
.how-header__img::after {
  content: "は";
  flex-shrink: 0;
}
.how-header__img svg {
  max-width: min(62.5vw, 500px);
}
.how-contents {
  text-align: left;
}
.how-contents__info-table {
  width: 100%;
  max-width: min(75vw, 600px);
  margin-inline: auto;
}
.how-contents__compare-table .table__row, .how-contents__compare-table .table__header {
  grid-template-columns: 30% 1fr 30%;
}
.how-contents__compare-table .table__cell {
  text-align: center;
}
.how-contents__compare-table .table__cell:nth-child(2) {
  border-right-color: var(--color-accent);
}
.how-contents__compare-table .table__cell:nth-child(2)::before, .how-contents__compare-table .table__cell:nth-child(2)::after {
  content: "";
  position: absolute;
  top: -1px;
  z-index: 2;
  display: block;
  width: min(1.25vw, 10px);
  height: calc(100% + 1px);
  background-color: var(--color-accent);
}
.how-contents__compare-table .table__cell:nth-child(2)::before {
  left: 0;
}
.how-contents__compare-table .table__cell:nth-child(2)::after {
  right: -1px;
}
.how-contents__compare-table .table__row:last-child .table__cell:nth-child(2) {
  border-bottom: min(1.5vw, 12px) solid var(--color-accent);
}
.how-footer {
  position: relative;
}
.how-footer__text {
  position: absolute;
  top: 0;
  right: min(3.75vw, 30px);
  text-align: left;
  letter-spacing: -0.05em;
}

.merit-header__img {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: min(2.25vw, 18px);
  max-width: 100%;
  margin-bottom: min(2.5vw, 20px);
}
.merit-header__img::after {
  content: "の";
  flex-shrink: 0;
}
.merit-header__img svg {
  max-width: min(62.5vw, 500px);
}
.merit-header p {
  margin-top: 0;
}

.merit-item {
  margin-top: min(7.5vw, 60px);
}
.merit-item__label {
  margin-bottom: min(4vw, 32px);
  background-color: var(--color-border);
  border-radius: 5em;
}
.merit-item__row {
  position: relative;
  display: grid;
  grid-template-columns: min(8.75vw, 70px) 1fr;
  -moz-column-gap: min(3vw, 24px);
       column-gap: min(3vw, 24px);
  margin-top: min(2.5vw, 20px);
}
.merit-item__row:not(:last-child) {
  padding-bottom: min(2.5vw, 20px);
}
.merit-item__row:not(:last-child)::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 1px;
  background-image: linear-gradient(to right, var(--color-border) 50%, white 50%);
  background-size: 10px 100%;
}
.merit-item__row-icon {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 1/1;
  background-color: var(--color-border);
  border-radius: 50%;
}
.merit-item__row-icon::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-size: contain;
  background-position: center center;
  background-image: url(/wp-content/themes/fx-ft/assets/icon-circle-demerit.svg);
}
.merit-item__row-text {
  text-align: left;
}
.merit-item.--feature .merit-item__label {
  background-color: var(--color-accent);
  color: white;
}
.merit-item.--feature .merit-item__row-icon {
  background-color: var(--color-sub);
}
.merit-item.--feature .merit-item__row-icon::before {
  background-image: url(/wp-content/themes/fx-ft/assets/icon-circle-circle.svg);
}
.merit-item.--merit .merit-item__label {
  background-color: var(--color-theme);
  color: white;
}
.merit-item.--merit .merit-item__row-icon {
  background-color: var(--color-sub);
}
.merit-item.--merit .merit-item__row-icon::before {
  background-image: url(/wp-content/themes/fx-ft/assets/icon-circle-check.svg);
}

.really {
  -webkit-margin-after: min(3.75vw, 30px);
          margin-block-end: min(3.75vw, 30px);
}
.really__img svg {
  max-width: min(91.25vw, 745px);
}

.faq {
  padding-block: min(7.5vw, 60px);
  padding-inline: min(3.75vw, 30px);
}
.faq__title {
  margin-bottom: min(7.5vw, 60px);
}

.latest-data {
  padding-block: min(7.5vw, 60px);
  padding-inline: min(3.75vw, 30px);
  background-color: rgba(var(--color-sub-rgb), 0.3);
}
.latest-data-header {
  display: grid;
  grid-template-columns: min(20vw, 160px) 1fr;
  -moz-column-gap: min(3vw, 24px);
       column-gap: min(3vw, 24px);
  align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
}
.latest-data-header__title {
  text-align: left;
  line-height: 1.5;
}
.latest-data-header__title-label {
  display: block;
}
.latest-data-header__title-text {
  color: var(--color-accent);
}
.latest-data__data {
  display: flex;
  flex-direction: column;
  gap: min(2vw, 16px);
  margin-top: min(7.5vw, 60px);
}
.latest-data__description {
  margin-top: min(7.5vw, 60px);
  text-align: left;
}

.latest-data-item {
  gap: min(4vw, 32px);
  margin-top: min(7.5vw, 60px);
  padding: min(6vw, 48px);
  background-color: white;
  border-radius: min(6vw, 48px);
}
.latest-data-item__description {
  line-height: 1.5;
}

.latest-data-sub-item:not(:first-child) {
  margin-top: min(4vw, 32px);
}
.latest-data-sub-item__header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: min(2vw, 16px) min(4vw, 32px);
}
.latest-data-sub-item__label {
  display: block;
  padding-block: min(0.75vw, 6px);
  padding-inline: min(3.125vw, 25px);
  background-color: var(--color-theme);
  border-radius: 5em;
  color: white;
}
.latest-data-sub-item__description {
  margin-top: min(1vw, 8px);
}

.splide__arrow--next {
  right: -1em;
}
.splide__arrow--prev {
  left: -1em;
}

.content-header-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: min(2.25vw, 18px);
  max-width: 100%;
}
.content-header-logo__img {
  max-width: min(50vw, 400px);
}
.content-header-logo__text {
  line-height: 1;
}

.is-style-rounded img {
  border-radius: min(3vw, 24px);
}

section.wp-block-group {
  padding-inline: min(3.75vw, 30px);
  padding-block: min(7.5vw, 60px);
}

.point-item {
  counter-increment: point-num;
  padding-inline: min(3.75vw, 30px);
  margin-top: min(7.5vw, 60px);
}
.point-item__label {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  margin-bottom: min(1.25vw, 10px);
  padding-bottom: 0.2em;
  border-bottom: min(1.25vw, 10px) solid var(--color-sub);
  color: var(--color-accent);
}
.point-item > *:not(.wp-block-heading, .point-item__label) {
  margin-top: min(3.75vw, 30px);
}

.wp-block-columns {
  gap: 2em;
}

.background-image-section {
  position: relative;
}
.background-image-section__contents {
  position: absolute;
  padding-inline: min(3.75vw, 30px);
}
.left-top .background-image-section__contents {
  left: 0;
  top: 0;
}
.right-top .background-image-section__contents {
  right: 0;
  top: 0;
}
.right-bottom .background-image-section__contents {
  right: 0;
  bottom: 0;
  padding-bottom: min(3.75vw, 30px);
}
.left-bottom .background-image-section__contents {
  left: 0;
  bottom: 0;
  padding-bottom: min(3.75vw, 30px);
}
.background-image-section.right-top, .background-image-section.left-top {
  margin-bottom: min(7.5vw, 60px);
}

.fv-feature {
  display: flex;
  justify-content: center;
  gap: min(3.75vw, 30px);
  margin-top: min(5vw, 40px);
}
.fv-feature .block-editor-block-list__layout {
  display: flex;
  justify-content: center;
  gap: min(3.75vw, 30px);
}
.fv-feature__item {
  display: grid;
  place-items: center;
  width: min(28.125vw, 225px);
  height: min(26.375vw, 211px);
  background-image: url(../assets/crown.svg);
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  font-weight: bold;
}
.fv-feature__item:has(.has-xxsmall-font-size) {
  line-height: 0.9;
}

/*# sourceMappingURL=common.css.map*/