@charset "UTF-8";
/*! destyle.css v2.0.2 | MIT License | https://github.com/nicolas-cusan/destyle.css */
/* Reset box-model and set borders */
/* ============================================ */
*, ::before, ::after {
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
}

/* Document */
/* ============================================ */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 * 3. Remove gray overlay on links for iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -webkit-tap-highlight-color: transparent;
  /* 3*/
}

/* Sections */
/* ============================================ */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/* Vertical rhythm */
/* ============================================ */
p, table, blockquote, address, pre, iframe, form, figure, dl {
  margin: 0;
}

/* Headings */
/* ============================================ */
h1, h2, h3, h4, h5, h6 {
  margin: 0;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}

/* Lists (enumeration) */
/* ============================================ */
ul, ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Lists (definition) */
/* ============================================ */
dt {
  font-weight: bold;
}

dd {
  margin-left: 0;
}

/* Grouping content */
/* ============================================ */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  clear: both;
  /* 1 */
  overflow: visible;
  box-sizing: content-box;
  /* 1 */
  height: 0;
  margin: 0;
  color: inherit;
  /* 2 */
  border-top-width: 1px;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: inherit;
  /* 2 */
}

address {
  font-style: inherit;
}

/* Text-level semantics */
/* ============================================ */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  text-decoration: none;
  color: inherit;
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b, strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code, kbd, samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: inherit;
  /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub, sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content */
/* ============================================ */
/**
 * Prevent vertical alignment issues.
 */
img, embed, object, iframe {
  vertical-align: bottom;
}

/* Forms */
/* ============================================ */
/**
 * Reset form fields to make them styleable
 */
button, input, optgroup, select, textarea {
  margin: 0;
  padding: 0;
  font: inherit;
  text-align: inherit;
  vertical-align: middle;
  color: inherit;
  border-radius: 0;
  outline: 0;
  background: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

/**
 * Reset radio and checkbox appearance to preserve their look in iOS.
 */
[type=checkbox] {
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
       appearance: checkbox;
}

[type=radio] {
  -webkit-appearance: radio;
  -moz-appearance: radio;
       appearance: radio;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button, input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button, select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button, [type=button], [type=reset], [type=submit] {
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

button[disabled], [type=button][disabled], [type=reset][disabled], [type=submit][disabled] {
  cursor: default;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Remove arrow in IE10 & IE11
 */
select::-ms-expand {
  display: none;
}

/**
 * Remove padding
 */
option {
  padding: 0;
}

/**
 * Reset to invisible
 */
fieldset {
  min-width: 0;
  margin: 0;
  padding: 0;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  color: inherit;
  /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the outline style in Safari.
 */
[type=search] {
  outline-offset: -2px;
  /* 1 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  /* 1 */
  font: inherit;
  -webkit-appearance: button;
  /* 2 */
}

/**
 * Clickable labels
 */
label[for] {
  cursor: pointer;
}

/* Interactive */
/* ============================================ */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/*
 * Remove outline for editable content.
 */
[contenteditable] {
  outline: none;
}

/* Table */
/* ============================================ */
table {
  border-spacing: 0;
  border-collapse: collapse;
}

caption {
  text-align: left;
}

td, th {
  padding: 0;
  vertical-align: top;
}

th {
  font-weight: bold;
  text-align: left;
}

/* Misc */
/* ============================================ */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

:root {
  --board: 1400;
  --max: 1px;
}

:root {
  --colorBlack: #222;
  --colorBg: #fff;
  --colorCurrent: #c7c7c7;
}

:root {
  --fontGothic: 'Noto Sans JP', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'MS Pゴシック', 'MS PGothic', sans-serif;
  --fontMincho: 'Zen Old Mincho', '游明朝体', 'Yu Mincho', YuMincho, 'ヒラギノ明朝 Pro', 'Hiragino Mincho Pro', 'MS P明朝', 'MS PMincho', serif;
  --fontEnglish: 'Marcellus', serif;
  --fontMaru: 'Zen Maru Gothic', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'MS Pゴシック', 'MS PGothic', sans-serif;
}

:root {
  --weightLight: 300;
  --weightRegular: 400;
  --weightMedium: 500;
  --weightBold: 700;
}

:root {
  --fontSize: r(16);
  --letterSpacing: 0;
  --lineHeight: 1.75;
  --kerning: unset;
}

:root {
  --bodyBg: var(--colorBg);
  --speed: .4s;
}

html {
  font-size: clamp(1.5625%, 0.0714285714vw, 6.25%);
}

body {
  background-color: var(--bodyBg);
  color: var(--colorBlack);
  letter-spacing: var(--letterSpacing);
  font-weight: var(--weightRegular);
  font-size: var(--fontSize);
  font-family: var(--fontGothic);
  line-height: var(--lineHeight);
  font-optical-sizing: auto;
  font-feature-settings: var(--kerning);
}

@keyframes name {}
html.js [data-fade] {
  opacity: 0;
  transition: opacity 1.6s cubic-bezier(0.22, 1, 0.36, 1), transform 1.6s cubic-bezier(0.22, 1, 0.36, 1);
  transition-delay: var(--fade-delay, 0ms);
  transform: translate3d(0, calc(-1 * clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30)), 0);
}
html.js [data-fade].is-fade-in {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.freeeai-voice__cloud--wides {
  transition: opacity 0.35s ease, height 0.35s ease;
}

.is-hidden {
  overflow: hidden;
  margin-top: 0 !important;
  height: 0;
  opacity: 0;
}

html {
  scroll-padding-top: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
}

a {
  transition: color 0.4s;
}
a:focus {
  text-decoration: none;
}
a img {
  transition: opacity 0.4s;
}
a[href^="tel:"] {
  color: inherit;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

.g-header {
  position: relative;
  z-index: 200;
  width: 100%;
  background-color: #fff;
}

.g-header_inner {
  margin-right: auto;
  margin-left: auto;
  padding-right: 32px;
  padding-left: 32px;
  max-width: 1352px;
  width: 100%;
}

.g-header_root {
  z-index: 1;
  display: flex;
  align-items: center;
  width: 100%;
}

.g-header_root > div:nth-child(2) {
  flex: 1 1;
}

.g-headerTitle {
  display: flex;
  align-items: center;
}

.g-headerLogo_link {
  display: inline-block;
}

.g-headerLogo_img {
  height: auto;
}
.g-headerLogo_img img {
  display: block;
  width: 120px;
  height: auto;
}

.g-headerSwitch {
  display: none;
}

.g-headerSwitch_icon {
  display: flex;
}

.g-headerSwitch_iconLink {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  width: 44px;
  height: 44px;
  border: 0;
  background: transparent;
  cursor: pointer;
}

.g-headerSwitch_iconLink.is-active .is-close,
.g-headerSwitch_iconLink:not(.is-active) .is-open {
  display: none;
}

.g-headerSwitch_iconLink img {
  display: block;
  width: 22px;
  height: 22px;
}

.g-headerMenu_root {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.g-headerNav {
  order: 3;
}

.g-headerNav_list {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
}

.g-headerNav_listItem {
  font-size: 14px;
  line-height: 1.5;
}

.g-headerNav_listItemLink {
  display: inline-block;
  color: #323232;
  text-decoration: none;
  line-height: 1.5;
}
.g-headerNav_listItemLink:link, .g-headerNav_listItemLink:visited {
  color: #323232;
}
.g-headerNav_listItemLink:hover {
  color: #1e46aa;
  text-decoration: none;
}

.g-headerNav_listItemLink-current:link,
.g-headerNav_listItemLink-current:visited,
.g-headerNav_listItemLink.is-active {
  color: #2864f0;
}

.productMenuButtonPC {
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}
.productMenuButtonPC[aria-expanded=true] {
  border-color: #245ad6;
  background-color: #f2f6fe;
  color: #245ad6;
  text-decoration: none;
}
.productMenuButtonPC[aria-expanded=true] .productMenuButtonPC_chevron--down {
  display: none;
}
.productMenuButtonPC[aria-expanded=false] .productMenuButtonPC_chevron--down, .productMenuButtonPC[aria-expanded=true] .productMenuButtonPC_chevron--up {
  display: inline-block;
}
.productMenuButtonPC[aria-expanded=false] .productMenuButtonPC_chevron--up {
  display: none;
}

.productMenuButtonPC_chevron {
  margin-left: 4px;
}

.productMenu {
  position: absolute;
  top: 45px;
  display: none;
  overflow: hidden;
  width: 360px;
  border: 1px solid #f3f4f6;
  border-radius: 16px;
  background-color: #fff;
  box-shadow: 0 2px 4px 0 rgba(70, 67, 67, 0.251);
  opacity: 0;
}

.productMenu.menu-open {
  display: block;
  opacity: 1;
}

.productMenu.menu-close {
  display: none;
  opacity: 0;
}

.productMenu_head {
  display: none;
}

.productMenu_close {
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}
.productMenu_close img {
  display: block;
  width: 24px;
  height: 24px;
}

.productMenu_primary {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  width: 100%;
  opacity: 1;
  transition: transform 0.5s ease, opacity 0.5s ease;
  transform: translateX(0);
}

.productMenu_inner {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 24px;
  padding: 32px 0 0;
  width: 100%;
  height: 100%;
}

.productMenu_inner_title {
  padding: 0 32px;
  width: 100%;
  color: #2864f0;
  text-transform: uppercase;
  letter-spacing: 0.7px;
  font-weight: 700;
  font-style: normal;
  font-size: 16px;
  font-family: "Noto Sans JP", sans-serif;
  line-height: 20px;
}

.productMenu_inner_item {
  width: 100%;
}

.productMenu_inner_item a {
  display: flex;
  align-items: center;
  gap: 24px;
  box-sizing: border-box;
  padding: 24px 32px;
  width: 100%;
  color: #101828;
  text-decoration: none;
}

.productMenu_inner_item_text {
  display: flex;
  align-items: flex-start;
  flex: 1 1;
  flex-direction: column;
  gap: 4px;
}

.productMenu_inner_item_text_icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 10px;
}
.productMenu_inner_item_text_icon img {
  display: block;
  width: 100%;
  height: 100%;
}

.productMenu_inner_item_text h4 {
  margin: 0;
  color: #101828;
  font-weight: 700;
  font-style: normal;
  font-size: 16px;
  font-family: "Noto Sans JP", sans-serif;
  line-height: 20px;
}

.productMenu_inner_item_text p {
  margin: 0;
  color: #4a5565;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  font-family: "Noto Sans JP", sans-serif;
  line-height: 23px;
}

.productMenu_next {
  display: flex;
  align-items: flex-end;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
  padding: 16px 32px;
  width: 100%;
  border-top: 1px solid #f3f4f6;
  border-radius: 0 0 16px 16px;
  background: rgba(249, 250, 251, 0.5);
}

.productMenu_next a {
  text-decoration: none;
}
.productMenu_next a:hover {
  text-decoration: none;
}

.productMenu_next_button {
  display: flex;
  align-items: center;
  flex-direction: row;
  gap: 8px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #323232;
  font-weight: 500;
  font-style: normal;
  font-size: 16px;
  font-family: "Noto Sans JP", sans-serif;
  line-height: 20px;
  cursor: pointer;
}
.productMenu_next_button img {
  display: block;
  width: 16px;
  height: 16px;
}

.productMenu_secondary {
  display: none;
}

.u-display-only-lg {
  display: none;
}

.u-display-only-md {
  display: none;
}

.u-display-flex {
  display: flex;
}

.u-justifyContent-space-between {
  justify-content: space-between;
}

.u-justifyContent-center {
  justify-content: center;
}

.u-alignItems-center {
  align-items: center;
}

.lazy_image {
  max-width: 100%;
  height: auto;
}

.freeeai-body {
  background-color: transparent;
  -webkit-font-smoothing: antialiased;
}
.freeeai-body a {
  transition: opacity 0.4s;
}

.freeeai-header {
  position: fixed;
  top: clamp(0px, 10vw / var(--board) * 10 * 23, var(--max) * 23);
  right: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
  left: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
  z-index: 200;
  box-sizing: border-box;
  transition: transform 0.35s ease;
}
.freeeai-header--hidden {
  transform: none;
  pointer-events: auto;
}
.freeeai-header__inner {
  display: flex;
  align-items: center;
  gap: clamp(0px, 10vw / var(--board) * 10 * 34, var(--max) * 34);
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
  padding: 0 clamp(0px, 10vw / var(--board) * 10 * 46, var(--max) * 46) 0 clamp(0px, 10vw / var(--board) * 10 * 37, var(--max) * 37);
  width: clamp(0px, 10vw / var(--board) * 10 * 1260, var(--max) * 1260);
  height: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 11, var(--max) * 11);
  background-color: #fff;
  box-shadow: 0 0 clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10) rgba(35, 64, 138, 0.4);
}
.freeeai-header__logo {
  flex-shrink: 0;
  margin: 0;
}
.freeeai-header__logo-link {
  display: inline-block;
  text-decoration: none;
  line-height: 0;
}
.freeeai-header__image {
  display: block;
  width: clamp(0px, 10vw / var(--board) * 10 * 117, var(--max) * 117);
  height: auto;
}
.freeeai-header__nav {
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  flex-wrap: nowrap;
  justify-content: center;
  gap: clamp(0px, 10vw / var(--board) * 10 * 34, var(--max) * 34);
  min-width: 0;
}
.freeeai-header__list {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: clamp(0px, 10vw / var(--board) * 10 * 34, var(--max) * 34);
  margin: 0;
  padding: 0;
  list-style: none;
}
.freeeai-header__item {
  flex-shrink: 0;
}
.freeeai-header__link {
  color: #2769de;
  text-decoration: none;
  white-space: nowrap;
  letter-spacing: 0;
  font-weight: 400;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 19, var(--max) * 19);
  font-family: var(--fontGothic);
  line-height: 1;
  cursor: pointer;
}
.freeeai-header__link span[lang=en] {
  text-transform: lowercase;
  font-weight: 400;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 22, var(--max) * 22);
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif;
  line-height: 1;
}
.freeeai-header__link:focus-visible {
  outline: clamp(0px, 10vw / var(--board) * 10 * 2, var(--max) * 2) solid #2769de;
  outline-offset: clamp(0px, 10vw / var(--board) * 10 * 3, var(--max) * 3);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 2, var(--max) * 2);
}
.freeeai-header__social {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  gap: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  margin: 0;
  padding: 0;
  list-style: none;
}
.freeeai-header__social-link {
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  line-height: 0;
}
.freeeai-header__social-image {
  display: block;
  width: clamp(0px, 10vw / var(--board) * 10 * 42, var(--max) * 42);
  height: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  -o-object-fit: contain;
     object-fit: contain;
}
.freeeai-header__burger {
  display: none;
}

.freeeai-mv {
  position: relative;
  overflow: hidden;
  color: #fff;
}
.freeeai-mv__background {
  position: absolute;
  top: clamp(0px, 10vw / var(--board) * 10 * 0, var(--max) * 0);
  right: clamp(0px, 10vw / var(--board) * 10 * 0, var(--max) * 0);
  bottom: clamp(0px, 10vw / var(--board) * 10 * 0, var(--max) * 0);
  left: clamp(0px, 10vw / var(--board) * 10 * 0, var(--max) * 0);
  z-index: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.freeeai-mv__background-image {
  display: block;
  min-width: 100%;
  width: clamp(0px, 10vw / var(--board) * 10 * 2000, var(--max) * 2000);
  height: clamp(0px, 10vw / var(--board) * 10 * 650, var(--max) * 650);
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.freeeai-mv__inner {
  position: relative;
  top: clamp(0px, 10vw / var(--board) * 10 * 190, var(--max) * 190);
  z-index: 1;
  margin-right: auto;
  margin-left: auto;
  padding-left: clamp(0px, 10vw / var(--board) * 10 * 160, var(--max) * 160);
  width: clamp(0px, 10vw / var(--board) * 10 * 1260, var(--max) * 1260);
  height: clamp(0px, 10vw / var(--board) * 10 * 650, var(--max) * 650);
}
.freeeai-mv__copy {
  width: clamp(0px, 10vw / var(--board) * 10 * 485, var(--max) * 485);
  text-align: center;
}
.freeeai-mv__lead {
  margin: 0;
  color: #fff;
  text-shadow: 0 clamp(0px, 10vw / var(--board) * 10 * 2, var(--max) * 2) clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12) rgba(0, 0, 0, 0.22);
  font-weight: var(--weightBold);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
  line-height: 1.45;
}
.freeeai-mv__sns {
  position: relative;
  margin: 0 0 clamp(0px, 10vw / var(--board) * 10 * 23, var(--max) * 23);
  color: #fff;
  text-shadow: 0 0 clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4) rgba(30, 69, 168, 0.6);
  letter-spacing: clamp(0px, 10vw / var(--board) * 10 * 1, var(--max) * 1);
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
  line-height: 1;
}
.freeeai-mv__sns span {
  color: #f4ccd1;
}
.freeeai-mv__sns span + span {
  font-size: clamp(0px, 10vw / var(--board) * 10 * 38, var(--max) * 38);
}
.freeeai-mv__sns span + span + span {
  font-size: clamp(0px, 10vw / var(--board) * 10 * 42, var(--max) * 42);
}
.freeeai-mv__sns::before, .freeeai-mv__sns::after {
  content: "";
  position: absolute;
  top: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  display: block;
  width: clamp(0px, 10vw / var(--board) * 10 * 25, var(--max) * 25);
  height: clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28);
  background-image: url("../image/deco_mv_sns.svg");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  filter: drop-shadow(0 0 clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4) rgba(30, 69, 168, 0.6));
}
.freeeai-mv__sns::before {
  left: clamp(var(--max) * -24, 10vw / var(--board) * 10 * -24, 0px);
}
.freeeai-mv__sns::after {
  right: clamp(var(--max) * -14, 10vw / var(--board) * 10 * -14, 0px);
  transform: scaleX(-1);
}
.freeeai-mv__heading {
  margin: 0 0 clamp(0px, 10vw / var(--board) * 10 * 27, var(--max) * 27);
  width: clamp(0px, 10vw / var(--board) * 10 * 485, var(--max) * 485);
  font-size: 0;
  line-height: 0;
}
.freeeai-mv__image {
  display: block;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  height: auto;
  filter: drop-shadow(0 clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4) clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) rgba(0, 0, 0, 0.18));
}
.freeeai-mv__tagline {
  margin: 0;
  color: #fff;
  text-shadow: 0 0 clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4) rgba(30, 69, 168, 0.6);
  font-weight: 500;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  line-height: 1.1;
}

.freeeai-expert {
  position: relative;
  overflow: hidden;
  padding: clamp(0px, 10vw / var(--board) * 10 * 91, var(--max) * 91) 0 clamp(0px, 10vw / var(--board) * 10 * 114, var(--max) * 114);
  width: 100%;
  background-color: #fff;
}
.freeeai-expert__inner {
  position: relative;
  margin-right: auto;
  margin-left: auto;
  max-width: 1280px;
  width: 90%;
}
.freeeai-expert__head {
  position: relative;
  margin: 0 0 clamp(0px, 10vw / var(--board) * 10 * 69, var(--max) * 69);
  padding: clamp(0px, 10vw / var(--board) * 10 * 0, var(--max) * 0) clamp(0px, 10vw / var(--board) * 10 * 103, var(--max) * 103) clamp(0px, 10vw / var(--board) * 10 * 0, var(--max) * 0) clamp(0px, 10vw / var(--board) * 10 * 0, var(--max) * 0);
  text-align: center;
}
.freeeai-expert__label {
  margin: 0 0 clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  color: #1e63d1;
  text-transform: lowercase;
  letter-spacing: clamp(0px, 10vw / var(--board) * 10 * 1, var(--max) * 1);
  font-weight: var(--weightMedium);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28);
  line-height: 1.3;
}
.freeeai-expert__label span[lang=en] {
  font-weight: var(--weightMedium);
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif;
}
.freeeai-expert__title {
  margin: 0 auto;
  max-width: clamp(0px, 10vw / var(--board) * 10 * 1030, var(--max) * 1030);
  color: #333;
  font-weight: var(--weightBold);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 56, var(--max) * 56);
  line-height: 1.35714286;
}
.freeeai-expert__title-row {
  display: block;
}
.freeeai-expert__title-row--second {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
}
.freeeai-expert__title-accent {
  color: #2864f0;
  font-weight: var(--weightBold);
}
.freeeai-expert__title-muted {
  color: #333;
  font-weight: var(--weightBold);
}
.freeeai-expert__mascot {
  position: absolute;
  top: clamp(var(--max) * -380, 10vw / var(--board) * 10 * -380, 0px);
  right: clamp(var(--max) * -550, 10vw / var(--board) * 10 * -550, 0px);
  margin: 0;
  pointer-events: none;
}
.freeeai-expert__mascot-image {
  display: block;
  width: clamp(0px, 10vw / var(--board) * 10 * 980, var(--max) * 980);
  height: auto;
}
.freeeai-expert__cards {
  display: grid;
  justify-content: center;
  gap: clamp(0px, 10vw / var(--board) * 10 * 25, var(--max) * 25);
  margin: 0 auto;
  padding: 0;
  width: clamp(0px, 10vw / var(--board) * 10 * 980, var(--max) * 980);
  list-style: none;
  grid-template-columns: repeat(3, 1fr);
}
.freeeai-expert__card {
  margin: 0;
}
.freeeai-expert__panel {
  overflow: hidden;
  margin: 0;
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 11, var(--max) * 11);
  box-shadow: 0 clamp(0px, 10vw / var(--board) * 10 * 6, var(--max) * 6) clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24) rgba(0, 0, 0, 0.08);
}
.freeeai-expert__panel-image {
  display: block;
  width: 100%;
  height: auto;
  vertical-align: middle;
}

.freeeai-product {
  position: relative;
  background-image: url("../image/bg_feature.jpg");
  background-position: top center;
  background-size: clamp(0px, 10vw / var(--board) * 10 * 2000, var(--max) * 2000) 100%;
  background-repeat: repeat-x;
}

.freeeai-feature {
  position: relative;
  padding: 0;
  color: #1c1c1c;
}
.freeeai-feature__inner {
  padding-top: clamp(0px, 10vw / var(--board) * 10 * 150, var(--max) * 150);
  margin-right: auto;
  margin-left: auto;
  max-width: 1280px;
  width: 90%;
}
.freeeai-feature__hero {
  position: relative;
  z-index: 0;
  overflow: visible;
  color: #fff;
}
.freeeai-feature__hero .freeeai-feature__inner {
  position: relative;
  z-index: 0;
}
.freeeai-feature__hero-head {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 0;
  width: 100%;
  color: #fff;
  text-align: center;
}
.freeeai-feature__hero-head-inner {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  max-width: clamp(0px, 10vw / var(--board) * 10 * 1000, var(--max) * 1000);
  width: 100%;
  text-align: inherit;
}
.freeeai-feature__label {
  margin: 0;
  color: #fff;
  letter-spacing: 0.08em;
  font-weight: var(--weightMedium);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28);
  line-height: 1.38;
}
.freeeai-feature__title {
  margin: 0;
  color: #fff;
  text-align: center;
  letter-spacing: 0.02em;
  font-weight: var(--weightBold);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 56, var(--max) * 56);
  line-height: 1.2;
}
.freeeai-feature__title span {
  color: #fad2d7;
}
.freeeai-feature__balloon {
  position: absolute;
  top: clamp(var(--max) * -30, 10vw / var(--board) * 10 * -30, 0px);
  left: calc(50% + clamp(0px, 10vw / var(--board) * 10 * 240, var(--max) * 240));
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  margin: 0;
  padding: clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28) clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32) clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  min-height: clamp(0px, 10vw / var(--board) * 10 * 220, var(--max) * 220);
  width: clamp(0px, 10vw / var(--board) * 10 * 280, var(--max) * 280);
  background-color: transparent;
  background-image: url("../image/bg_freeeai_feature_balloon.png");
  background-position: 50% 50%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  color: #2864f0;
  text-align: center;
  pointer-events: none;
}
.freeeai-feature__balloon-text {
  margin: 0;
  font-weight: var(--weightBold);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 26, var(--max) * 26);
  line-height: 1.52;
}
.freeeai-feature__hero-main {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 44, var(--max) * 44);
  margin-right: auto;
  margin-left: auto;
  width: 100%;
}
.freeeai-feature__corp {
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  margin: 0;
  padding: 0;
  width: 100%;
}
.freeeai-feature__corp-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-width: clamp(0px, 10vw / var(--board) * 10 * 360, var(--max) * 360);
  width: -moz-fit-content;
  width: fit-content;
  height: clamp(0px, 10vw / var(--board) * 10 * 68, var(--max) * 68);
  background-image: url("../image/label_feature.png");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  color: #fff;
  text-decoration: none;
  font-weight: var(--weightMedium);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
  line-height: 1.4;
  pointer-events: none;
}
.freeeai-feature__corp-link:focus-visible {
  outline: 2px solid #fff;
  outline-offset: clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4);
}
.freeeai-feature__grid--hero, .freeeai-feature__band .freeeai-feature__grid {
  align-items: stretch;
  gap: clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28);
  width: 100%;
}
.freeeai-feature__body {
  position: relative;
  z-index: 1;
  margin-top: 0;
  padding: 0 0 clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
}
.freeeai-feature__band {
  margin-top: 0;
  padding: clamp(0px, 10vw / var(--board) * 10 * 48, var(--max) * 48) 0 clamp(0px, 10vw / var(--board) * 10 * 72, var(--max) * 72);
  background-color: #3b82f6;
  color: #fff;
}
.freeeai-feature__band .freeeai-feature__inner {
  max-width: clamp(0px, 10vw / var(--board) * 10 * 1120, var(--max) * 1120);
}
.freeeai-feature__grid {
  display: grid;
  gap: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  margin: 0;
  padding: 0;
  width: clamp(0px, 10vw / var(--board) * 10 * 960, var(--max) * 960);
  list-style: none;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.freeeai-feature__card {
  display: flex;
  overflow: hidden;
  width: 100%;
  background-color: #fff;
  box-shadow: 0 clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10) clamp(0px, 10vw / var(--board) * 10 * 36, var(--max) * 36) rgba(15, 55, 130, 0.14);
  color: #1c1c1c;
}
.freeeai-feature__clip {
  display: block;
  overflow: hidden;
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
}
.freeeai-feature__capture {
  display: block;
  width: 100%;
  height: auto;
  border: 0;
  vertical-align: middle;
}
.freeeai-feature__foot {
  margin-top: auto;
  margin-bottom: 0;
  padding: 0;
  background-color: #2864f0;
  text-align: center;
}
.freeeai-feature__link {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(0px, 10vw / var(--board) * 10 * 6, var(--max) * 6);
  padding: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16) clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  color: #fff;
  text-decoration: none;
  font-weight: var(--weightBold);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15);
  transition: background-color var(--speed);
}
.freeeai-feature__link-chevron {
  font-weight: var(--weightBold);
}
.freeeai-feature__card--hero {
  display: flex;
  overflow: hidden;
  flex-direction: column;
  width: 100%;
  background-color: #fff;
}
.freeeai-feature__card--hero .freeeai-feature__card-body {
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  flex-direction: column;
  padding: clamp(0px, 10vw / var(--board) * 10 * 36, var(--max) * 36) clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28) clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
  text-align: center;
}
.freeeai-feature__card--hero .freeeai-feature__name {
  margin: 0 0 clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  padding: 0;
  color: #2864f0;
  letter-spacing: 0.02em;
  font-weight: var(--weightMedium);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
  line-height: 1.35;
}
.freeeai-feature__card--hero .freeeai-feature__description {
  flex-shrink: 0;
  margin: 0 0 clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  padding: 0;
  color: #222;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  line-height: 1.75;
}
.freeeai-feature__card--hero .freeeai-feature__visual {
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  justify-content: center;
  margin: 0;
  padding: 0;
  width: 100%;
}
.freeeai-feature__card--hero .freeeai-feature__clip {
  display: flex;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  margin: 0;
  max-width: clamp(0px, 10vw / var(--board) * 10 * 360, var(--max) * 360);
  width: 100%;
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
  box-shadow: none;
}
.freeeai-feature__card--hero .freeeai-feature__capture {
  display: block;
  width: 100%;
  height: auto;
}
.freeeai-feature__card--hero .freeeai-feature__foot {
  flex-shrink: 0;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  height: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60);
  background-color: #2864f0;
}
.freeeai-feature__card--hero .freeeai-feature__text {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
  width: 100%;
  height: 100%;
  color: #fff;
  font-weight: var(--weightBold);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
}
.freeeai-feature__card--hero .freeeai-feature__text::after {
  content: "";
  display: block;
  width: 0.5em;
  height: 0.5em;
  border: 2px solid;
  border-top: 0;
  border-left: 0;
  transform: rotate(-45deg);
}
.freeeai-feature__card--hero .freeeai-feature__link-chevron {
  font-weight: var(--weightBold);
}

.freeeai-agent {
  padding: clamp(0px, 10vw / var(--board) * 10 * 100, var(--max) * 100) 0 clamp(0px, 10vw / var(--board) * 10 * 96, var(--max) * 96);
}
.freeeai-agent__inner {
  margin-right: auto;
  margin-left: auto;
  max-width: 1280px;
  width: 90%;
}
.freeeai-agent__audience {
  display: flex;
  justify-content: center;
  margin: 0 0 clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28);
  padding: 0 clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
}
.freeeai-agent__audience-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8) clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  min-height: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  border: 1px solid rgba(255, 255, 255, 0.94);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 999, var(--max) * 999);
  background-color: rgba(37, 99, 235, 0.26);
  color: #fff;
  text-align: center;
  letter-spacing: 0.06em;
  font-weight: var(--weightBold);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  line-height: 1.35;
}
.freeeai-agent__promo-heading {
  margin: 0 0 clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28);
  padding: 0 clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  color: #0f2a62;
  text-align: center;
  letter-spacing: 0.02em;
  font-weight: var(--weightBold);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 26, var(--max) * 26);
  line-height: 1.45;
}
.freeeai-agent__promo {
  display: flex;
  overflow: hidden;
  align-items: center;
  flex-direction: column;
  gap: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60);
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  margin-right: auto;
  margin-left: auto;
  padding: 0;
}
.freeeai-agent__promo-embed {
  position: relative;
  width: clamp(0px, 10vw / var(--board) * 10 * 800, var(--max) * 800);
  aspect-ratio: 16/9;
  box-shadow: clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4) clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4) clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10) rgba(0, 0, 0, 0.18);
}
.freeeai-agent__promo-iframe {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}
.freeeai-agent__promo-note {
  margin: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16) 0 clamp(0px, 10vw / var(--board) * 10 * 48, var(--max) * 48);
  padding: 0 clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
  color: rgba(15, 42, 98, 0.72);
  text-align: center;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 11, var(--max) * 11);
  line-height: 1.55;
}
.freeeai-agent__grid {
  display: grid;
  gap: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  margin: 0 auto;
  padding: 0;
  max-width: clamp(0px, 10vw / var(--board) * 10 * 1120, var(--max) * 1120);
  list-style: none;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.freeeai-agent__card {
  display: flex;
  overflow: hidden;
  flex-direction: column;
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
  background-color: #fff;
  box-shadow: 0 clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4) clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16) rgba(0, 40, 100, 0.1);
}
.freeeai-agent__card-title {
  margin: 0;
  padding: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24) clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
  color: #2b64e3;
  text-align: center;
  font-weight: var(--weightBold);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
}
.freeeai-agent__card-copy {
  flex: 1 1 auto;
  margin: 0;
  padding: 0 clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  color: #1c1c1c;
  text-align: center;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  line-height: 1.75;
}
.freeeai-agent__card-foot {
  flex-shrink: 0;
  margin: 0;
  padding: 0;
  background-color: #2b64e3;
  text-align: center;
}
.freeeai-agent__card-link {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(0px, 10vw / var(--board) * 10 * 6, var(--max) * 6);
  padding: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14) clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  min-height: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50);
  color: #fff;
  text-decoration: none;
  font-weight: var(--weightBold);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15);
  transition: background-color var(--speed);
}
.freeeai-agent__card-link-chevron {
  font-weight: var(--weightBold);
}

.freeeai-mcp {
  padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 180, var(--max) * 180);
}
.freeeai-mcp__panel {
  margin-right: auto;
  margin-left: auto;
  padding: clamp(0px, 10vw / var(--board) * 10 * 100, var(--max) * 100) 0 clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
  width: clamp(0px, 10vw / var(--board) * 10 * 980, var(--max) * 980);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  background-color: #fff;
  box-shadow: 0 0 clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10) rgba(35, 66, 137, 0.4);
}
.freeeai-mcp__kicker {
  margin: 0 0 clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  color: #2864f0;
  text-align: center;
  text-transform: lowercase;
  font-weight: var(--weightMedium);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28);
}
.freeeai-mcp__title {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: clamp(0px, 10vw / var(--board) * 10 * 6, var(--max) * 6);
  margin: 0 0 clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
  color: #2864f0;
  text-align: center;
  letter-spacing: 0.03em;
  font-weight: var(--weightBold);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 56, var(--max) * 56);
  line-height: 1.28571429;
}
.freeeai-mcp__title-line {
  display: block;
}
.freeeai-mcp__title-brand {
  color: #f07882;
}
.freeeai-mcp__diagram {
  margin: 0 0 clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
  text-align: center;
}
.freeeai-mcp__diagram-image {
  display: inline-block;
  max-width: clamp(0px, 10vw / var(--board) * 10 * 686.5, var(--max) * 686.5);
  height: auto;
  vertical-align: middle;
}
.freeeai-mcp__foot {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
  padding: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) clamp(0px, 10vw / var(--board) * 10 * 36, var(--max) * 36) clamp(0px, 10vw / var(--board) * 10 * 0, var(--max) * 0);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  background-color: #fff;
}
.freeeai-mcp__highlight {
  margin: 0 0 clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28);
  padding: 0;
  border: 0;
  color: #464343;
  text-align: center;
  font-weight: var(--weightBold);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  line-height: 1.5;
}
.freeeai-mcp__list {
  display: flex;
  flex-direction: column;
  gap: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  margin: 0 auto;
  padding: 0;
  width: clamp(0px, 10vw / var(--board) * 10 * 780, var(--max) * 780);
  list-style: none;
}
.freeeai-mcp__item {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  margin: 0;
  height: clamp(0px, 10vw / var(--board) * 10 * 120, var(--max) * 120);
  border: 2px solid #aac8ff;
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
  background-color: #fff;
}
.freeeai-mcp__icon {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  justify-content: center;
  margin: 0;
  width: auto;
  height: clamp(0px, 10vw / var(--board) * 10 * 100, var(--max) * 100);
}
.freeeai-mcp__icon-image {
  display: block;
  max-width: clamp(0px, 10vw / var(--board) * 10 * 110, var(--max) * 110);
  width: auto;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  vertical-align: middle;
}
.freeeai-mcp__item-body {
  min-width: 0;
  width: -moz-fit-content;
  width: fit-content;
}
.freeeai-mcp__item-text {
  margin: 0;
  width: -moz-fit-content;
  width: fit-content;
  color: #2864f0;
  font-weight: var(--weightMedium);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28);
  line-height: 1.5;
}
.freeeai-mcp__item-text + .freeeai-mcp__item-text {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 2, var(--max) * 2);
}

.freeeai-media {
  padding: clamp(0px, 10vw / var(--board) * 10 * 130, var(--max) * 130) 0 0;
  background-color: #ebf3ff;
}
.freeeai-media__inner {
  margin-right: auto;
  margin-left: auto;
  max-width: clamp(0px, 10vw / var(--board) * 10 * 980, var(--max) * 980);
}
.freeeai-media__kicker {
  margin: 0 0 clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  color: #2864f0;
  text-align: center;
  text-transform: lowercase;
  font-weight: var(--weightMedium);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28);
}
.freeeai-media__title {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  justify-content: center;
  gap: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  margin: 0 0 clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  color: #464343;
  text-align: center;
  font-weight: var(--weightBold);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  line-height: 1.45;
}
.freeeai-media__title-edge {
  white-space: pre;
  font-weight: var(--weightMedium);
  font-size: 1.2em;
}
.freeeai-media__title-edge:first-of-type {
  transform: rotate(-15deg);
}
.freeeai-media__title-edge:last-of-type {
  transform: rotate(15deg);
}
.freeeai-media__list {
  display: flex;
  flex-direction: column;
  gap: clamp(0px, 10vw / var(--board) * 10 * 22, var(--max) * 22);
  margin: 0;
  padding: 0;
  list-style: none;
}
.freeeai-media__row {
  margin: 0;
}
.freeeai-media__link {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  padding: 0;
  height: clamp(0px, 10vw / var(--board) * 10 * 200, var(--max) * 200);
  background-color: #fff;
  color: inherit;
  text-decoration: none;
  transition: box-shadow var(--speed);
}
.freeeai-media__thumb {
  overflow: hidden;
  align-self: stretch;
  flex-shrink: 0;
  margin-right: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  width: clamp(0px, 10vw / var(--board) * 10 * 382, var(--max) * 382);
}
.freeeai-media__image {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  vertical-align: middle;
}
.freeeai-media__body {
  display: flex;
  align-items: flex-start;
  flex: 1 1 auto;
  flex-direction: column;
  justify-content: center;
  padding: clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4) 0;
  min-width: 0;
}
.freeeai-media__headline {
  margin: 0;
  width: clamp(0px, 10vw / var(--board) * 10 * 486, var(--max) * 486);
  color: #464343;
  font-weight: var(--weightBold);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  line-height: 1.66666667;
}
.freeeai-media__go {
  align-self: center;
  flex-shrink: 0;
  margin-right: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  margin-left: auto;
}
.freeeai-media__go-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
  height: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
  border-radius: 50%;
  background-color: #2864f0;
}
.freeeai-media__go-icon::after {
  content: "";
  display: block;
  margin-left: clamp(var(--max) * -6, 10vw / var(--board) * 10 * -6, 0px);
  width: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  height: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
}

.freeeai-promo {
  padding: clamp(0px, 10vw / var(--board) * 10 * 100, var(--max) * 100) 0 clamp(0px, 10vw / var(--board) * 10 * 150, var(--max) * 150);
}
.freeeai-promo__inner {
  display: flex;
  flex-direction: column;
  gap: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50);
  margin-right: auto;
  margin-left: auto;
  width: clamp(0px, 10vw / var(--board) * 10 * 900, var(--max) * 900);
}
.freeeai-promo__link {
  display: block;
  overflow: hidden;
  box-shadow: clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4) clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4) clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10) rgba(40, 100, 240, 0.25);
  color: inherit;
  text-decoration: none;
  transition: box-shadow var(--speed), transform var(--speed);
}
.freeeai-promo__image {
  display: block;
  width: 100%;
  height: auto;
  vertical-align: middle;
}

.is-center {
  text-align: center;
}

.c-breadcrumb_inner, .c-callToAction-tel_inner, .c-formGroup_inner, .c-modal_inner, .g-footer_inner, .g-headerNavDropdown_contentInner, .g-headerSearch_bodyInner, .g-header_inner, .g-header_sub_inner, .l-container, .l-container_full .c-productFlow_container {
  margin-left: auto;
  margin-right: auto;
  max-width: 1352px;
  padding-left: 32px;
  padding-right: 32px;
}
.g-footer_separator {
  background-color: #464343;
  padding-bottom: 72px;
  padding-top: 40px;
}
.g-footer_copyright {
  color: #fff;
  font-size: 12px;
  line-height: 1.5;
  margin-top: 40px;
  text-align: center;
}
.g-footerApp {
  background-color: #f7f5f5;
}
.g-footerApp .g-footer_inner {
  -moz-box-align: center;
  -moz-box-pack: justify;
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.g-footerApp_text {
  color: #323232;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.5;
}
.g-footerApp_button {
  align-items: center;
  display: flex;
}
.g-footerApp_button .appstore {
  margin-right: 20px;
}

.g-footerApp_button .appstore:hover, .g-footerApp_button .googlepray:hover {
  opacity: 0.7;
}

.g-footerApp_button .googlepray img {
  vertical-align: middle;
}

.g-footerNav {
  background-color: #464343;
  padding: 56px 0;
}
.g-footerNav_heading {
  border-bottom: 2px solid #8c8989;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 16px;
  padding-bottom: 8px;
}
.g-footerNav_heading[data-js-accordion-trigger] {
  position: relative;
}
.g-footerNav_heading[data-js-accordion-trigger].c-accordion-open:after {
  display: none;
}

.g-footerNav_parent {
  color: #fff;
  font-size: 14px;
}
.g-footerNav_parent ~ .g-footerNav_parent {
  margin-top: 16px;
}
.g-footerNav_parent[data-js-accordion-trigger].c-accordion-open:after {
  display: none;
}

.g-footerNav_parentLink {
  font-size: 14px;
}

.i-label {
  display: inline-block;
  height: 1.5em;
  margin-left: 0.3em;
  margin-right: 0.3em;
  margin-top: -1.5em;
  transform: translateY(0.365em);
  vertical-align: baseline;
  width: 1.5em;
}

.i-label.i-halfsize {
  width: 0.75em;
}

.i-label-right {
  margin-right: 0;
}

.i-label-left {
  margin-left: 0;
}

.g-footerNav_parentLink:link, .g-footerNav_parentLink:visited {
  color: inherit;
}
.g-footerNav_listItem {
  font-size: 14px;
  font-size: 13px;
  line-height: 1.5;
}
.g-footerNav_listItemLink:link, .g-footerNav_listItemLink:visited {
  color: #fff;
}
.g-footerNav_listItemDesc {
  display: block;
  font-size: 10px;
}
.g-footerNav_blankIcon {
  width: 1em !important;
}
.g-footerNavArea_heading {
  color: #fff;
  font-size: 14px;
}
.g-footerNavArea_heading[data-js-accordion-trigger] {
  position: relative;
}
.g-footerNavArea_heading[data-js-accordion-trigger].c-accordion-open:after {
  display: none;
}

.g-footer_information {
  -moz-box-pack: justify;
  color: #fff;
  display: flex;
  justify-content: space-between;
}
.g-footer_information_company {
  align-items: center;
  display: flex;
}
.g-footer_information_company .c-img {
  height: 53px;
  width: 136px;
}
.g-footer_information_company p {
  font-size: 14px;
  line-height: 1.5;
  line-height: 1.8;
  margin-left: 32px;
}
.g-footer_information_link {
  align-items: center;
  display: flex;
}
.g-footer_information_link li:not(:last-child) {
  margin-right: 24px;
}
.g-footer_information_link li.truste {
  margin-right: 64px;
  width: 120px;
}
.g-footer_information_link li a {
  color: #fff;
  display: block;
}

.g-footer_information_link li a:hover {
  opacity: 0.7;
}

.g-footer_information_link li a img {
  vertical-align: middle;
}

.g-footerSubNav {
  border-top: 1px solid #8c8989;
  margin-top: 40px;
  padding-top: 40px;
}

.g-footerSubNav:first-child {
  margin-top: 0;
}

.g-footerSubNav_list {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
}
.g-footerSubNav_listItem {
  font-size: 14px;
  line-height: 1.5;
}
.g-footerSubNav_listItemLink:link, .g-footerSubNav_listItemLink:visited {
  color: #fff;
}

.topLevelFooterAppStore {
  display: inline-block;
  overflow: hidden;
}

.topLevelFooterAppStore, .topLevelFooterGooglePray {
  border-radius: 13px;
  height: 52px;
  width: 140px;
}

.ncms-frm-root .ncms-mod-blog-footer, [class*=ncms-frm-root--] .ncms-mod-blog-footer {
  border-top: 5px solid #f2f2f2;
  width: 100%;
}

.ncms-frm-root .ncms-mod-blog-footer__inner, [class*=ncms-frm-root--] .ncms-mod-blog-footer__inner {
  padding: 20px 20px 40px;
}

.ncms-frm-root .ncms-mod-blog-footer__nav:not(:first-child), [class*=ncms-frm-root--] .ncms-mod-blog-footer__nav:not(:first-child) {
  margin-top: 32px;
}

.ncms-frm-root .ncms-mod-blog-footer__nav-heading, [class*=ncms-frm-root--] .ncms-mod-blog-footer__nav-heading {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 14px;
}

.ncms-frm-root .ncms-mod-blog-footer__nav-list--wide, [class*=ncms-frm-root--] .ncms-mod-blog-footer__nav-list--wide {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.ncms-frm-root .ncms-mod-blog-footer__nav-item, [class*=ncms-frm-root--] .ncms-mod-blog-footer__nav-item {
  margin-bottom: 10px;
}

.ncms-frm-root .ncms-mod-blog-footer__nav-item > a, [class*=ncms-frm-root--] .ncms-mod-blog-footer__nav-item > a {
  color: #333;
  display: block;
  font-size: 13px;
  padding-left: 18px;
  position: relative;
  text-decoration: none;
}

.ncms-frm-root .ncms-mod-blog-footer__nav-item > a:before, [class*=ncms-frm-root--] .ncms-mod-blog-footer__nav-item > a:before {
  border-right: 2px solid #0f6fae;
  border-top: 2px solid #0f6fae;
  content: "";
  display: block;
  height: 5px;
  left: 0;
  position: absolute;
  top: 5px;
  transform: rotate(45deg);
  width: 5px;
}

.ncms-frm-root .ncms-mod-blog-footer__nav-item > a:last-child > a, [class*=ncms-frm-root--] .ncms-mod-blog-footer__nav-item > a:last-child > a {
  margin-bottom: 0;
}

.ncms-frm-root .ncms-mod-blog-footer__nav-item--tag, [class*=ncms-frm-root--] .ncms-mod-blog-footer__nav-item--tag {
  margin-right: 30px;
}

.ncms-frm-root .ncms-mod-blog-footer__nav-subscription > a, [class*=ncms-frm-root--] .ncms-mod-blog-footer__nav-subscription > a {
  display: block;
}

.ncms-frm-root .ncms-mod-blog-footer__nav-subscription:not(:first-child), [class*=ncms-frm-root--] .ncms-mod-blog-footer__nav-subscription:not(:first-child) {
  margin-left: 3px;
}
.l-tile {
  display: flex;
  flex-wrap: wrap;
  margin: 24px -16px -32px;
}

.l-tile:first-child {
  margin-top: 0;
}

.l-tile > .l-tile_item {
  margin-bottom: 32px;
  padding-left: 16px;
  padding-right: 16px;
  width: 100%;
}

.l-tile-1 > .l-tile_item {
  width: 100%;
}
.l-tile-2 > .l-tile_item {
  width: 50%;
}
.l-tile-3 > .l-tile_item {
  width: 33.3333333333%;
}
.l-tile-4 > .l-tile_item {
  width: 25%;
}
.l-tile-5 > .l-tile_item {
  width: 20%;
}
.l-tile-6 > .l-tile_item {
  width: 16.6666666667%;
}
.l-tile-7 > .l-tile_item {
  width: 14.2857142857%;
}
.l-tile-8 > .l-tile_item {
  width: 12.5%;
}
.l-tile-9 > .l-tile_item {
  width: 11.1111111111%;
}
.l-tile-10 > .l-tile_item {
  width: 10%;
}
.c-tableList > .l-tile_item {
  margin-bottom: 0;
  padding: 16px 8px;
}
.c-step .l-tile_item {
  position: relative;
}
.c-step .l-tile_item:not(:last-child):after {
  border-color: transparent;
  border-style: solid;
  content: "";
  height: 0;
  position: absolute;
  width: 0;
}
/* --- l-grid（フッターApp部で使用する分のみ。12カラム比率）--- */
.l-grid {
  display: flex;
  flex-wrap: wrap;
  margin: 24px -16px -32px;
}

.l-grid:first-child {
  margin-top: 0;
}

.l-grid > .l-grid_item {
  margin-bottom: 32px;
  min-height: 1px;
  padding-left: 16px;
  padding-right: 16px;
  width: 100%;
}

.l-grid > .l-grid_item-5 {
  width: 41.6666666667%;
}

.l-grid > .l-grid_item-7 {
  width: 58.3333333333%;
}
.u-mt-x0 {
  margin-top: 0;
}

.u-mt-x2 {
  margin-top: 16px;
}
/* --- SP アコーディオンの開状態（JS が .is-open を付与）--- */
/* PC(≥768px) は freee CSS のとおり常時展開。SP(≤767px) は折り畳み、開いたものだけ表示 */
.freeeai-fv {
  position: relative;
  overflow: hidden;
  width: 100%;
  aspect-ratio: 16/9;
}
.freeeai-fv__still {
  position: absolute;
  inset: 0;
  z-index: 0;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  opacity: 1;
  transition: opacity 1s ease;
}
html.js .freeeai-fv__still:not(.is-visible) {
  opacity: 0;
}
.freeeai-fv__video {
  position: absolute;
  inset: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: opacity 1s ease;
}
.freeeai-fv__video.is-hidden {
  opacity: 0;
  pointer-events: none;
}
html.no-js .freeeai-fv__video {
  display: none;
}

.freeeai-localnav-trigger {
  display: none;
}

.freeeai-localnav {
  position: sticky;
  top: 0;
  z-index: 100;
  width: 100%;
  background-color: #fff;
}
.freeeai-localnav__close {
  display: none;
}
.freeeai-localnav__list {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: clamp(0px, 10vw / var(--board) * 10 * 38, var(--max) * 38);
  height: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
  margin: 0;
  padding: 0;
  list-style: none;
}
.freeeai-localnav__item {
  line-height: 1;
}
.freeeai-localnav__link {
  display: inline-block;
  color: #2864F0;
  font-family: "Noto Sans JP", sans-serif;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0;
  text-decoration: none;
}

html.is-nav-open,
html.is-nav-open body {
  overflow: hidden;
}

html {
  background-color: var(--bodyBg);
}

.freeeai-bluegrad {
  position: relative;
}
.freeeai-bluegrad > *:not(.freeeai-bluegrad__bg) {
  position: relative;
  z-index: 1;
}
.freeeai-bluegrad > .freeeai-intro {
  margin-top: -100vh;
}

.freeeai-bluegrad__bg {
  position: sticky;
  top: 0;
  z-index: 0;
  height: 100vh;
  pointer-events: none;
  background-image: linear-gradient(165deg, #156CB8 0%, #156CB8 22%, #338DC5 42%, #56ABD1 60%, #7CC4DA 73%, #A9D1DC 84%, #CCCFCD 92%, #E4CBBC 97%, #EECBB6 100%);
}

.freeeai-intro {
  padding: clamp(0px, 10vw / var(--board) * 10 * 150, var(--max) * 150) 0 clamp(0px, 10vw / var(--board) * 10 * 108, var(--max) * 108);
  width: 100%;
  background-color: transparent;
  color: #fff;
}
.freeeai-intro__inner {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: clamp(0px, 10vw / var(--board) * 10 * 55, var(--max) * 55);
  margin: 0 auto;
  padding: 0;
  max-width: clamp(0px, 10vw / var(--board) * 10 * 1050, var(--max) * 1050);
  width: 100%;
}
.freeeai-intro__visual {
  flex-shrink: 0;
}
.freeeai-intro__icon {
  display: block;
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  width: clamp(0px, 10vw / var(--board) * 10 * 132, var(--max) * 132);
  height: auto;
}
.freeeai-intro__text {
  flex: 0 1 auto;
  width: -moz-fit-content;
  width: fit-content;
  max-width: clamp(0px, 10vw / var(--board) * 10 * 835, var(--max) * 835);
}
.freeeai-intro__heading {
  margin: 0 0 clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28);
  color: #fff;
  letter-spacing: 0.02em;
  font-weight: 500;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 53, var(--max) * 53);
  font-family: "Noto Sans JP", sans-serif;
  line-height: 1.4;
}
.freeeai-intro__body {
  margin: 0 0 clamp(0px, 10vw / var(--board) * 10 * 22, var(--max) * 22);
  color: #fff;
  font-weight: 500;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 22, var(--max) * 22);
  font-family: "Noto Sans JP", sans-serif;
  line-height: 1.8;
  font-feature-settings: "palt";
}
.freeeai-intro__body:last-child {
  margin-bottom: 0;
}
.freeeai-intro__quote {
  margin: 0 0 clamp(0px, 10vw / var(--board) * 10 * 22, var(--max) * 22);
  color: #fff;
  font-weight: 500;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 22, var(--max) * 22);
  font-family: "Noto Sans JP", sans-serif;
  line-height: 1.8;
  font-feature-settings: "palt";
}

.freeeai-vision {
  position: relative;
  overflow: hidden;
  padding: 0;
  min-height: clamp(0px, 10vw / var(--board) * 10 * 800, var(--max) * 800);
  width: 100%;
  background-color: transparent;
  color: #fff;
}
.freeeai-vision__inner {
  position: relative;
  margin: 0 auto;
  padding: 0;
  max-width: clamp(0px, 10vw / var(--board) * 10 * 1400, var(--max) * 1400);
  width: 100%;
}
.freeeai-vision__text {
  position: absolute;
  top: clamp(0px, 10vw / var(--board) * 10 * 119, var(--max) * 119);
  left: calc(50% + clamp(var(--max) * -520, 10vw / var(--board) * 10 * -520, 0px));
  z-index: 2;
  min-width: 0;
}
.freeeai-vision__heading {
  margin: 0 0 clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60);
  max-width: clamp(0px, 10vw / var(--board) * 10 * 830, var(--max) * 830);
  color: #fff;
  letter-spacing: 0.06em;
  font-weight: 500;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 53, var(--max) * 53);
  font-family: "Noto Sans CJK JP", "Noto Sans JP", sans-serif;
  line-height: 1.5;
  font-feature-settings: "palt";
}
.freeeai-vision__heading-line {
  display: block;
  white-space: nowrap;
}
.freeeai-vision__body {
  margin: 0 0 clamp(0px, 10vw / var(--board) * 10 * 22, var(--max) * 22);
  max-width: clamp(0px, 10vw / var(--board) * 10 * 700, var(--max) * 700);
  color: #fff;
  letter-spacing: 0;
  font-weight: 500;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 22, var(--max) * 22);
  font-family: "Noto Sans CJK JP", "Noto Sans JP", sans-serif;
  line-height: 1.8;
  font-feature-settings: "palt";
}
.freeeai-vision__body:last-child {
  margin-bottom: 0;
}
.freeeai-vision__visual {
  position: absolute;
  top: clamp(0px, 10vw / var(--board) * 10 * 160, var(--max) * 160);
  left: calc(50% + clamp(0px, 10vw / var(--board) * 10 * 200, var(--max) * 200));
  z-index: 1;
  width: clamp(0px, 10vw / var(--board) * 10 * 530, var(--max) * 530);
}
.freeeai-vision__image {
  display: block;
  width: 100%;
  height: auto;
}

.freeeai-knowledge {
  position: relative;
  padding: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60) 0 0;
  min-height: clamp(0px, 10vw / var(--board) * 10 * 800, var(--max) * 800);
  width: 100%;
  background-color: transparent;
  color: #fff;
}
.freeeai-knowledge__inner {
  position: relative;
  margin: 0 auto;
  padding: clamp(0px, 10vw / var(--board) * 10 * 11, var(--max) * 11) 0 0;
  min-height: clamp(0px, 10vw / var(--board) * 10 * 702, var(--max) * 702);
  max-width: clamp(0px, 10vw / var(--board) * 10 * 1050, var(--max) * 1050);
  width: 100%;
}
.freeeai-knowledge__frame {
  position: relative;
  margin: 0 auto;
  padding: clamp(0px, 10vw / var(--board) * 10 * 56, var(--max) * 56) clamp(0px, 10vw / var(--board) * 10 * 98, var(--max) * 98) clamp(40px, 10vw / var(--board) * 10 * 72, var(--max) * 72);
  min-height: clamp(0px, 10vw / var(--board) * 10 * 650, var(--max) * 650);
  width: clamp(0px, 10vw / var(--board) * 10 * 980, var(--max) * 980);
  border: 1px solid rgba(255, 255, 255, 0.7);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60);
}
.freeeai-knowledge__heading {
  margin: 0 0 clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  color: #fff;
  text-align: center;
  letter-spacing: 0.06em;
  font-weight: 500;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60);
  font-family: "Noto Sans CJK JP", "Noto Sans JP", sans-serif;
  line-height: 1.4;
}
.freeeai-knowledge__tags {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(0px, 10vw / var(--board) * 10 * 53, var(--max) * 53);
  margin: clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4) 0 0;
}
.freeeai-knowledge__tag {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  justify-content: center;
  width: clamp(0px, 10vw / var(--board) * 10 * 300, var(--max) * 300);
  height: clamp(0px, 10vw / var(--board) * 10 * 100, var(--max) * 100);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  background-color: rgba(255, 255, 255, 0.65);
  color: #1e46aa;
  letter-spacing: 0.06em;
  font-weight: 500;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 76, var(--max) * 76);
  font-family: "Noto Sans CJK JP", "Noto Sans JP", sans-serif;
  line-height: 1;
}
.freeeai-knowledge__and {
  color: #fff;
  letter-spacing: 0.06em;
  font-weight: 500;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 67, var(--max) * 67);
  font-family: "Noto Sans CJK JP", "Noto Sans JP", sans-serif;
  line-height: 1;
}
.freeeai-knowledge__list {
  display: flex;
  flex-direction: column;
  gap: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  margin: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30) 0 0;
  padding: 0;
  list-style: none;
}
.freeeai-knowledge__item {
  display: flex;
  align-items: center;
  gap: clamp(0px, 10vw / var(--board) * 10 * 25, var(--max) * 25);
  padding: 0 clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  height: clamp(0px, 10vw / var(--board) * 10 * 100, var(--max) * 100);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  background-color: rgba(255, 255, 255, 0.7);
}
.freeeai-knowledge__icon {
  display: block;
  flex-shrink: 0;
  width: clamp(0px, 10vw / var(--board) * 10 * 77, var(--max) * 77);
  height: clamp(0px, 10vw / var(--board) * 10 * 77, var(--max) * 77);
}
.freeeai-knowledge__item-body {
  flex: 1 1 auto;
  min-width: 0;
}
.freeeai-knowledge__title {
  margin: 0;
  color: #464343;
  letter-spacing: 0;
  font-weight: 500;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 22, var(--max) * 22);
  font-family: "Noto Sans CJK JP", "Noto Sans JP", sans-serif;
  line-height: 1.4;
}
.freeeai-knowledge__sup {
  vertical-align: 0.4em;
  font-size: 0.5833333333em;
  line-height: 1;
}
.freeeai-knowledge__desc {
  margin: 0;
  color: #464343;
  letter-spacing: 0;
  font-weight: 500;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  font-family: "Noto Sans CJK JP", "Noto Sans JP", sans-serif;
  line-height: 1.4;
}
.freeeai-knowledge__note {
  margin: clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28) auto 0;
  max-width: clamp(0px, 10vw / var(--board) * 10 * 980, var(--max) * 980);
  color: #fff;
  text-align: right;
  letter-spacing: 0;
  font-weight: 400;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  font-family: "Noto Sans CJK JP", "Noto Sans JP", sans-serif;
}

.freeeai-responsibility {
  overflow: hidden;
  padding: clamp(0px, 10vw / var(--board) * 10 * 100, var(--max) * 100) 0;
  width: 100%;
  background-color: transparent;
  color: #fff;
}
.freeeai-responsibility__inner {
  display: grid;
  align-items: center;
  gap: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  margin: 0 auto;
  padding: 0 clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  max-width: clamp(0px, 10vw / var(--board) * 10 * 1400, var(--max) * 1400);
  width: 100%;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr);
}
.freeeai-responsibility__visual {
  margin-left: clamp(var(--max) * -80, 10vw / var(--board) * 10 * -80, 0px);
  min-width: 0;
  width: clamp(0px, 10vw / var(--board) * 10 * 530, var(--max) * 530);
}
.freeeai-responsibility__icon {
  display: block;
  width: 100%;
  height: auto;
}
.freeeai-responsibility__text {
  min-width: 0;
}
.freeeai-responsibility__heading {
  margin: 0 0 clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  color: #fff;
  letter-spacing: 0.02em;
  font-weight: 500;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 53, var(--max) * 53);
  font-family: "Noto Sans JP", sans-serif;
  line-height: 1.4;
}
.freeeai-responsibility__heading-line {
  display: block;
  white-space: nowrap;
}
.freeeai-responsibility__body {
  margin: 0 0 clamp(0px, 10vw / var(--board) * 10 * 22, var(--max) * 22);
  color: #fff;
  font-weight: 500;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 22, var(--max) * 22);
  font-family: "Noto Sans JP", sans-serif;
  line-height: 1.8;
}
.freeeai-responsibility__body:last-child {
  margin-bottom: 0;
}

.freeeai-slogan {
  position: relative;
  padding: clamp(0px, 10vw / var(--board) * 10 * 100, var(--max) * 100) 0 clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  width: 100%;
  background-color: #fff;
  color: #464343;
}
.freeeai-slogan__inner {
  position: relative;
  margin: 0 auto;
  padding: 0 clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  max-width: clamp(0px, 10vw / var(--board) * 10 * 1400, var(--max) * 1400);
  width: 100%;
  text-align: center;
}
.freeeai-slogan__lead {
  margin: 0 0 clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28);
  color: #464343;
  letter-spacing: 0.05em;
  font-weight: 500;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 53, var(--max) * 53);
  font-family: "Noto Sans CJK JP", "Noto Sans JP", sans-serif;
  line-height: 1.4;
}
.freeeai-slogan__heading {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  justify-content: center;
  gap: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  margin: 0;
  color: #464343;
  letter-spacing: 0.05em;
  font-weight: 500;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 58, var(--max) * 58);
  font-family: "Noto Sans CJK JP", "Noto Sans JP", sans-serif;
  line-height: 1.4;
}
.freeeai-slogan__unit {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
}
.freeeai-slogan__phrase {
  display: inline-flex;
  align-items: center;
  gap: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
  white-space: nowrap;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 53, var(--max) * 53);
}
.freeeai-slogan__from, .freeeai-slogan__connector {
  color: #464343;
}
.freeeai-slogan__to-wrap {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
}
.freeeai-slogan__to {
  position: relative;
  z-index: 1;
  color: #2461ed;
}
.freeeai-slogan__ring {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 0;
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  width: clamp(0px, 10vw / var(--board) * 10 * 300, var(--max) * 300);
  height: auto;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.freeeai-slogan__caption {
  position: relative;
  z-index: 2;
  margin: 0;
  color: #464343;
  text-align: center;
  letter-spacing: 0;
  font-weight: 500;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 22, var(--max) * 22);
  font-family: "Noto Sans CJK JP", "Noto Sans JP", sans-serif;
  line-height: 1.4;
}
.freeeai-slogan__caption-em {
  color: #2461ed;
}
.freeeai-slogan__body {
  margin: clamp(0px, 10vw / var(--board) * 10 * 56, var(--max) * 56) 0 0;
  color: #464343;
  text-align: center;
  letter-spacing: 0;
  font-weight: 400;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 22, var(--max) * 22);
  font-family: "Noto Sans CJK JP", "Noto Sans JP", sans-serif;
  line-height: 1.8;
}
.freeeai-slogan__body-em {
  color: #2461ed;
}

.freeeai-d4u-intro {
  position: relative;
  padding: 0;
  padding-top: clamp(0px, 10vw / var(--board) * 10 * 1, var(--max) * 1);
  width: 100%;
  background-color: #fff;
  color: #fff;
}
.freeeai-d4u-intro__inner {
  margin: 0 auto;
  padding: 0 clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  max-width: clamp(0px, 10vw / var(--board) * 10 * 1400, var(--max) * 1400);
  width: 100%;
}
.freeeai-d4u-intro__frame {
  position: relative;
  margin: clamp(0px, 10vw / var(--board) * 10 * 42, var(--max) * 42) auto 0;
  padding: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60) clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  min-height: clamp(0px, 10vw / var(--board) * 10 * 240, var(--max) * 240);
  width: clamp(0px, 10vw / var(--board) * 10 * 880, var(--max) * 880);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  background: linear-gradient(135deg, #075eab 0%, #4b9ac5 100%);
  text-align: center;
}
.freeeai-d4u-intro__badge {
  position: absolute;
  top: clamp(var(--max) * -33, 10vw / var(--board) * 10 * -33, 0px);
  left: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  width: clamp(0px, 10vw / var(--board) * 10 * 320, var(--max) * 320);
  height: clamp(0px, 10vw / var(--board) * 10 * 66, var(--max) * 66);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
  background-color: #fff0d2;
  box-shadow: 0 0 clamp(0px, 10vw / var(--board) * 10 * 6, var(--max) * 6) rgba(0, 0, 0, 0.2);
  color: #464343;
  letter-spacing: 0.05em;
  font-weight: 500;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 34, var(--max) * 34);
  font-family: "Noto Sans CJK JP", "Noto Sans JP", sans-serif;
  line-height: 1;
  transform: translateX(-50%);
}
.freeeai-d4u-intro__badge-em {
  position: relative;
  z-index: -1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 clamp(0px, 10vw / var(--board) * 10 * 6, var(--max) * 6);
  color: #2461ed;
}
.freeeai-d4u-intro__badge-text {
  position: relative;
  z-index: 1;
}
.freeeai-d4u-intro__badge-ring {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 0;
  overflow: visible;
  max-width: none;
  width: clamp(0px, 10vw / var(--board) * 10 * 150, var(--max) * 150);
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.freeeai-d4u-intro__heading {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  margin: 0;
  color: #fff;
  letter-spacing: 0.05em;
  font-weight: 500;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50);
  font-family: "Noto Sans CJK JP", "Noto Sans JP", sans-serif;
  line-height: 1.2;
}
.freeeai-d4u-intro__logo {
  display: block;
  flex-shrink: 0;
  width: clamp(0px, 10vw / var(--board) * 10 * 220, var(--max) * 220);
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  filter: brightness(0) invert(1);
}
.freeeai-d4u-intro__tech {
  color: #fff;
}
.freeeai-d4u-intro__tm {
  margin-left: 0.1em;
  vertical-align: 0.6em;
  font-size: 0.5em;
  line-height: 1;
}
.freeeai-d4u-intro__sub {
  margin: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12) 0 0;
  color: #fff;
  letter-spacing: 0.05em;
  font-weight: 500;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 22, var(--max) * 22);
  font-family: "Noto Sans CJK JP", "Noto Sans JP", sans-serif;
  line-height: 1.4;
}

.freeeai-agent-hub {
  padding: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80) 0 clamp(0px, 10vw / var(--board) * 10 * 120, var(--max) * 120);
  width: 100%;
  background-color: #fff;
}
.freeeai-agent-hub__inner {
  margin: 0 auto;
  width: clamp(0px, 10vw / var(--board) * 10 * 880, var(--max) * 880);
}
.freeeai-agent-hub__main {
  display: grid;
  align-items: start;
  gap: clamp(0px, 10vw / var(--board) * 10 * 36, var(--max) * 36);
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
  margin-left: clamp(var(--max) * -40, 10vw / var(--board) * 10 * -40, 0px);
  grid-template-columns: clamp(0px, 10vw / var(--board) * 10 * 470, var(--max) * 470) 1fr;
}
.freeeai-agent-hub__visual {
  width: clamp(0px, 10vw / var(--board) * 10 * 470, var(--max) * 470);
  aspect-ratio: 470/352.5;
}
.freeeai-agent-hub__image {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
.freeeai-agent-hub__text {
  padding-top: clamp(0px, 10vw / var(--board) * 10 * 45, var(--max) * 45);
}
.freeeai-agent-hub__label {
  display: inline-block;
  margin: 0 0 clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15);
  padding: clamp(0px, 10vw / var(--board) * 10 * 2, var(--max) * 2) clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  background-color: #dce8ff;
  color: #2864f0;
  letter-spacing: 0.06em;
  font-weight: 500;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  font-family: "Noto Sans CJK JP", "Noto Sans JP", sans-serif;
  line-height: 50/24;
}
.freeeai-agent-hub__heading {
  margin: 0 0 clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15);
  color: #2864f0;
  letter-spacing: 0.05em;
  font-weight: 500;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 42, var(--max) * 42);
  font-family: "Noto Sans CJK JP", "Noto Sans JP", sans-serif;
  line-height: 1.4;
}
.freeeai-agent-hub__body {
  margin: 0;
  color: #464343;
  letter-spacing: 0;
  font-weight: 400;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  font-family: "Noto Sans CJK JP", "Noto Sans JP", sans-serif;
  line-height: 1.7;
  font-feature-settings: "palt";
}
.freeeai-agent-hub__cta {
  display: grid;
  justify-content: center;
  gap: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  margin: 0;
  grid-template-columns: clamp(0px, 10vw / var(--board) * 10 * 420, var(--max) * 420) clamp(0px, 10vw / var(--board) * 10 * 420, var(--max) * 420);
}

.freeeai-button {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  width: clamp(0px, 10vw / var(--board) * 10 * 420, var(--max) * 420);
  height: clamp(0px, 10vw / var(--board) * 10 * 56, var(--max) * 56);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28);
  text-decoration: none;
  white-space: nowrap;
  letter-spacing: 0.05em;
  font-weight: 500;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  font-family: "Noto Sans CJK JP", "Noto Sans JP", sans-serif;
  transition: opacity 0.4s;
}
.freeeai-button--primary {
  position: relative;
  background-color: #2864f0;
  color: #fff;
}
.freeeai-button--primary::after {
  content: "";
  position: absolute;
  top: 50%;
  right: clamp(0px, 10vw / var(--board) * 10 * 36, var(--max) * 36);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  padding-bottom: 0.15em;
  width: clamp(0px, 10vw / var(--board) * 10 * 26, var(--max) * 26);
  height: clamp(0px, 10vw / var(--board) * 10 * 26, var(--max) * 26);
  border-radius: 50%;
  background-image: url("../image/icon_button_arrow.png");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  transform: translateY(-50%);
}
.freeeai-button--secondary {
  position: relative;
  padding-right: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60);
  border: 2px solid #2864f0;
  background-color: #fff;
  color: #2864f0;
}
.freeeai-button--secondary::after {
  content: "";
  position: absolute;
  top: 50%;
  right: clamp(0px, 10vw / var(--board) * 10 * 36, var(--max) * 36);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  padding-bottom: 0.15em;
  width: clamp(0px, 10vw / var(--board) * 10 * 26, var(--max) * 26);
  height: clamp(0px, 10vw / var(--board) * 10 * 26, var(--max) * 26);
  border-radius: 50%;
  background-image: url("../image/icon_button_arrow_blue.png");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  transform: translateY(-50%);
}

.freeeai-challenges {
  overflow-x: hidden;
  padding: clamp(0px, 10vw / var(--board) * 10 * 98, var(--max) * 98) 0 clamp(0px, 10vw / var(--board) * 10 * 100, var(--max) * 100);
  width: 100%;
  background-color: #f7f5f5;
}
.freeeai-challenges__inner {
  margin: 0 auto;
  padding: 0 clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  max-width: clamp(0px, 10vw / var(--board) * 10 * 1140, var(--max) * 1140);
  width: 100%;
  text-align: center;
}
.freeeai-challenges__heading {
  margin: 0 0 clamp(0px, 10vw / var(--board) * 10 * 45, var(--max) * 45);
  color: #464343;
  letter-spacing: 0.05em;
  font-weight: 500;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  font-family: "Noto Sans CJK JP", "Noto Sans JP", sans-serif;
  line-height: 1.4;
}
.freeeai-challenges__heading-em {
  color: #2864f0;
}
.freeeai-challenges__tm {
  margin-left: 0.05em;
  vertical-align: 0.4090909091em;
  vertical-align: 0.4em;
  font-size: 0.4545454545em;
  line-height: 1;
}
.freeeai-challenges__visual {
  margin: 0 auto;
  max-width: 100%;
  width: clamp(0px, 10vw / var(--board) * 10 * 762, var(--max) * 762);
  aspect-ratio: 762/580;
}
.freeeai-challenges__image {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
.freeeai-challenges__image-sp {
  display: block;
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}

.freeeai-values {
  padding: clamp(0px, 10vw / var(--board) * 10 * 120, var(--max) * 120) 0 clamp(0px, 10vw / var(--board) * 10 * 150, var(--max) * 150);
  width: 100%;
  background-color: #fff;
}
.freeeai-values__inner {
  margin: 0 auto;
  padding: 0 clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  max-width: clamp(0px, 10vw / var(--board) * 10 * 1180, var(--max) * 1180);
  width: 100%;
  text-align: center;
}
.freeeai-values__heading {
  margin: 0 0 clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  color: #464343;
  letter-spacing: 0.05em;
  font-weight: 500;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  font-family: "Noto Sans CJK JP", "Noto Sans JP", sans-serif;
  line-height: 1.4;
}
.freeeai-values__tm {
  margin: 0 0.1em;
  vertical-align: 0.4em;
  font-size: 0.5em;
  line-height: 1;
}
.freeeai-values__heading-num {
  display: inline-block;
  margin: 0 0.1em;
  color: #2864f0;
  vertical-align: -0.08em;
  font-weight: 700;
  font-size: 2em;
  line-height: 1;
}
.freeeai-values__list {
  display: grid;
  justify-content: center;
  gap: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30) clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
  margin: 0;
  padding: 0;
  list-style: none;
  grid-template-columns: clamp(0px, 10vw / var(--board) * 10 * 424, var(--max) * 424) clamp(0px, 10vw / var(--board) * 10 * 424, var(--max) * 424);
}
.freeeai-values__item {
  overflow: hidden;
  width: clamp(0px, 10vw / var(--board) * 10 * 424, var(--max) * 424);
  height: clamp(0px, 10vw / var(--board) * 10 * 230, var(--max) * 230);
  background-color: #ebf3ff;
}
.freeeai-values__label {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  height: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60);
  background-color: #23408c;
  color: #fff;
  letter-spacing: 0.05em;
  font-weight: 500;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  font-family: "Noto Sans CJK JP", "Noto Sans JP", sans-serif;
  line-height: 1;
}
.freeeai-values__label-em {
  color: #ffd278;
}
.freeeai-values__body {
  padding: clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28) clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  color: #464343;
  text-align: center;
}
.freeeai-values__title {
  margin: 0 0 clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  color: #464343;
  letter-spacing: 0;
  font-weight: 500;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 22, var(--max) * 22);
  font-family: "Noto Sans CJK JP", "Noto Sans JP", sans-serif;
  line-height: 1.4;
}
.freeeai-values__note {
  margin: 0;
  color: #464343;
  letter-spacing: 0;
  font-weight: 400;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  font-family: "Noto Sans CJK JP", "Noto Sans JP", sans-serif;
  line-height: 1.5;
}

.freeeai-products {
  padding: clamp(0px, 10vw / var(--board) * 10 * 149, var(--max) * 149) 0 0;
  width: 100%;
}
.freeeai-products__inner {
  margin: 0 auto;
  padding: 0 clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  max-width: clamp(0px, 10vw / var(--board) * 10 * 1180, var(--max) * 1180);
  width: 100%;
}
.freeeai-products__heading {
  margin: 0 0 clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  color: #fff;
  text-align: center;
  letter-spacing: 0.05em;
  font-weight: 500;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 44, var(--max) * 44);
  font-family: "Noto Sans CJK JP", "Noto Sans JP", sans-serif;
  line-height: 1.4;
}
.freeeai-products__heading span {
  color: #fff;
}
.freeeai-products__list {
  display: grid;
  justify-content: center;
  gap: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) clamp(0px, 10vw / var(--board) * 10 * 36, var(--max) * 36);
  margin: 0;
  padding: 0;
  list-style: none;
  grid-template-columns: clamp(0px, 10vw / var(--board) * 10 * 460, var(--max) * 460) clamp(0px, 10vw / var(--board) * 10 * 460, var(--max) * 460);
}
.freeeai-products__item {
  display: flex;
  overflow: hidden;
  align-items: center;
  flex-direction: column;
  padding: 0 0 clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  min-height: clamp(0px, 10vw / var(--board) * 10 * 560, var(--max) * 560);
  width: clamp(0px, 10vw / var(--board) * 10 * 460, var(--max) * 460);
  background-color: #fff;
  box-shadow: 0 0 clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10) rgba(40, 100, 239, 0.3);
  text-align: center;
}
.freeeai-products__label {
  display: flex;
  align-items: center;
  align-self: flex-start;
  justify-content: center;
  margin: 0;
  width: clamp(0px, 10vw / var(--board) * 10 * 150, var(--max) * 150);
  height: clamp(0px, 10vw / var(--board) * 10 * 46, var(--max) * 46);
  background-color: #aac8ff;
  color: #464343;
  letter-spacing: 0;
  font-weight: 400;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  font-family: "Noto Sans CJK JP", "Noto Sans JP", sans-serif;
  line-height: 1;
}
.freeeai-products__label--tax {
  width: clamp(0px, 10vw / var(--board) * 10 * 260, var(--max) * 260);
  background-color: #1e46aa;
  color: #fff;
}
.freeeai-products__name {
  margin: clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28) 0 clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  color: #2864f0;
  letter-spacing: 0;
  font-weight: 500;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28);
  font-family: "Noto Sans CJK JP", "Noto Sans JP", sans-serif;
  line-height: 1;
}
.freeeai-products__beta {
  font-size: 0.85em;
}
.freeeai-products__desc {
  margin: 0 0 clamp(0px, 10vw / var(--board) * 10 * 0, var(--max) * 0);
  color: #464343;
  letter-spacing: 0;
  font-weight: 400;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  font-family: "Noto Sans CJK JP", "Noto Sans JP", sans-serif;
  line-height: 1.5;
}
.freeeai-products__visual {
  display: flex;
  align-items: center;
  flex: 1;
  justify-content: center;
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  padding: 0 clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  width: 100%;
}
.freeeai-products__visual img {
  display: block;
  max-width: 100%;
  height: auto;
}

.freeeai-interview {
  padding: clamp(0px, 10vw / var(--board) * 10 * 140, var(--max) * 140) 0 clamp(0px, 10vw / var(--board) * 10 * 150, var(--max) * 150);
  width: 100%;
}
.freeeai-interview__inner {
  margin: 0 auto;
  padding: 0 clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  max-width: clamp(0px, 10vw / var(--board) * 10 * 1180, var(--max) * 1180);
  width: 100%;
}
.freeeai-interview__heading {
  margin: 0 0 clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  color: #fff;
  text-align: center;
  letter-spacing: 0;
  font-weight: 500;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 44, var(--max) * 44);
  font-family: "Noto Sans CJK JP", "Noto Sans JP", sans-serif;
  line-height: 1.4;
}
.freeeai-interview__list {
  display: grid;
  justify-content: center;
  gap: clamp(0px, 10vw / var(--board) * 10 * 34, var(--max) * 34) clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
  margin: 0;
  padding: 0;
  list-style: none;
  grid-template-columns: clamp(0px, 10vw / var(--board) * 10 * 474, var(--max) * 474) clamp(0px, 10vw / var(--board) * 10 * 474, var(--max) * 474);
}
.freeeai-interview__item {
  list-style: none;
}
.freeeai-interview__card {
  position: relative;
  display: flex;
  gap: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  padding: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  width: clamp(0px, 10vw / var(--board) * 10 * 474, var(--max) * 474);
  height: clamp(0px, 10vw / var(--board) * 10 * 280, var(--max) * 280);
  border: 0;
  background-color: #fff;
  clip-path: polygon(0 0, calc(100% - clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40)) 0, 100% clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40), 100% 100%, 0 100%);
  text-align: left;
  cursor: pointer;
  transition: transform 0.3s, box-shadow 0.3s;
}
.freeeai-interview__photo {
  overflow: hidden;
  flex-shrink: 0;
  width: clamp(0px, 10vw / var(--board) * 10 * 160, var(--max) * 160);
  height: clamp(0px, 10vw / var(--board) * 10 * 200, var(--max) * 200);
  background-color: #e5e5e5;
}
.freeeai-interview__photo-image {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.freeeai-interview__body {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-width: 0;
}
.freeeai-interview__company {
  margin: 0 0 clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
  color: #464343;
  font-weight: 500;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  font-family: "Noto Sans CJK JP", "Noto Sans JP", sans-serif;
  line-height: 1.5;
}
.freeeai-interview__name {
  margin: 0;
  color: #464343;
  letter-spacing: 0.05em;
  font-weight: 500;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  font-family: "Noto Sans CJK JP", "Noto Sans JP", sans-serif;
  line-height: 1.3;
}
.freeeai-interview__suffix {
  margin-left: 0.2em;
  font-weight: 500;
  font-size: 0.6em;
}
.freeeai-interview__more {
  display: flex;
  align-items: center;
  margin-top: auto;
  color: #285ac8;
}
html.no-js .freeeai-interview__more {
  display: none;
}
.freeeai-interview__more {
  letter-spacing: 0;
  font-weight: 500;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  font-family: "Noto Sans CJK JP", "Noto Sans JP", sans-serif;
}
.freeeai-interview__more::after {
  content: "";
  display: inline-block;
  margin-left: clamp(0px, 10vw / var(--board) * 10 * 5, var(--max) * 5);
  width: 0.5em;
  height: 0.5em;
  border: 2px solid;
  border-top: 0;
  border-left: 0;
  transform: rotate(-45deg);
}

.freeeai-modal {
  position: fixed;
  z-index: 9999;
  display: none;
  align-items: center;
  justify-content: center;
  padding: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  inset: 0;
}
.freeeai-modal.is-open {
  display: flex;
}
.freeeai-modal.is-open .freeeai-modal__dialog {
  animation: freeeaiModalIn 0.5s cubic-bezier(0.22, 1, 0.36, 1) both;
}
.freeeai-modal.is-closing .freeeai-modal__overlay {
  opacity: 0;
}
.freeeai-modal.is-closing .freeeai-modal__dialog {
  animation: freeeaiModalOut 0.35s ease both;
}
.freeeai-modal__overlay {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.85);
  cursor: pointer;
  inset: 0;
}
.freeeai-modal__dialog {
  position: relative;
  overflow-y: auto;
  padding: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60) clamp(0px, 10vw / var(--board) * 10 * 48, var(--max) * 48);
  max-width: clamp(0px, 10vw / var(--board) * 10 * 980, var(--max) * 980);
  max-height: 90vh;
  width: 100%;
  background-color: #fff;
}
.freeeai-modal__close {
  position: absolute;
  top: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  right: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  width: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  height: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  border: 0;
  background: none;
  color: #aaa7a7;
  font-weight: 100;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 48, var(--max) * 48);
  line-height: 1;
  cursor: pointer;
}
.freeeai-modal__title {
  margin: 0 0 clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  color: #285ac8;
  text-align: center;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
  font-family: "Noto Sans CJK JP", "Noto Sans JP", sans-serif;
  line-height: 1.5;
}
.freeeai-modal__body {
  display: grid;
  align-items: start;
  gap: clamp(0px, 10vw / var(--board) * 10 * 26, var(--max) * 26);
  color: #464343;
  font-family: "Noto Sans CJK JP", "Noto Sans JP", sans-serif;
  grid-template-columns: clamp(0px, 10vw / var(--board) * 10 * 214, var(--max) * 214) 1fr;
}
.freeeai-modal__photo {
  overflow: hidden;
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  width: clamp(0px, 10vw / var(--board) * 10 * 214, var(--max) * 214);
  height: clamp(0px, 10vw / var(--board) * 10 * 272, var(--max) * 272);
  background-color: #e8f0fe;
}
.freeeai-modal__photo-image {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.freeeai-modal__company {
  margin: 0 0 clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
  color: #464343;
  font-weight: 500;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  line-height: 1.6;
}
.freeeai-modal__name {
  margin: 0;
  color: #464343;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  line-height: 1.4;
}
.freeeai-modal__suffix {
  margin-left: clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4);
  font-weight: 500;
  font-size: 0.6em;
}
.freeeai-modal__text {
  color: #464343;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  line-height: 1.77777778;
  font-feature-settings: "palt";
}
.freeeai-modal__text p:last-child {
  margin-bottom: 0;
}
.freeeai-modal__interview {
  font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
}
.freeeai-modal__bio {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28);
  padding-top: clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28);
  border-top: 1px solid #bebaba;
}
.freeeai-modal__bio-heading {
  margin: 0 0 clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
  color: #464343;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  line-height: 1.6;
}
.freeeai-modal__bio p {
  margin: 0;
  color: #464343;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  line-height: 1.7;
}
.freeeai-modal__suffix {
  font-weight: 500;
  font-size: 0.75em;
}
.freeeai-modal__bio-heading {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  font-weight: 700;
}

html.is-modal-open,
html.is-modal-open body {
  overflow: hidden;
}

@keyframes freeeaiModalIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes freeeaiModalOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.freeeai-voice {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.freeeai-voice__inner {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  margin-left: clamp(var(--max) * -200, 10vw / var(--board) * 10 * -200, 0px);
  padding: 0 clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  height: clamp(0px, 10vw / var(--board) * 10 * 590, var(--max) * 590);
}
.freeeai-voice__quotes {
  width: clamp(0px, 10vw / var(--board) * 10 * 720, var(--max) * 720);
  height: 100%;
}
.freeeai-voice__image {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
.freeeai-voice__cta {
  color: #fff;
}
.freeeai-voice__heading {
  margin: 0 0 clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  color: #fff;
  letter-spacing: 0;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  font-family: "Noto Sans CJK JP", "Noto Sans JP", sans-serif;
  line-height: 1.5;
}
.freeeai-voice__heading-line {
  display: block;
}
.freeeai-voice__heading-line--big {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
  color: #fff;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  line-height: 1.2;
}
.freeeai-voice .freeeai-button--secondary {
  border: 0;
}

.freeeai-media {
  padding: clamp(0px, 10vw / var(--board) * 10 * 130, var(--max) * 130) 0 0;
  background-color: #ebf3ff;
}
.freeeai-media__inner {
  margin-right: auto;
  margin-left: auto;
  max-width: clamp(0px, 10vw / var(--board) * 10 * 980, var(--max) * 980);
}
.freeeai-media__kicker {
  margin: 0 0 clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  color: #2864f0;
  text-align: center;
  text-transform: lowercase;
  font-weight: var(--weightMedium);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28);
}
.freeeai-media__title {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  justify-content: center;
  gap: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  margin: 0 0 clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  color: #464343;
  text-align: center;
  font-weight: var(--weightBold);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  line-height: 1.45;
}
.freeeai-media__title-edge {
  white-space: pre;
  font-weight: var(--weightMedium);
  font-size: 1.2em;
}
.freeeai-media__title-edge:first-of-type {
  transform: rotate(-15deg);
}
.freeeai-media__title-edge:last-of-type {
  transform: rotate(15deg);
}
.freeeai-media__list {
  display: flex;
  flex-direction: column;
  gap: clamp(0px, 10vw / var(--board) * 10 * 22, var(--max) * 22);
  margin: 0;
  padding: 0;
  list-style: none;
}
.freeeai-media__row {
  margin: 0;
}
.freeeai-media__link {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  padding: 0;
  height: clamp(0px, 10vw / var(--board) * 10 * 200, var(--max) * 200);
  background-color: #fff;
  color: inherit;
  text-decoration: none;
  transition: box-shadow var(--speed);
}
.freeeai-media__thumb {
  overflow: hidden;
  align-self: stretch;
  flex-shrink: 0;
  margin-right: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  width: clamp(0px, 10vw / var(--board) * 10 * 382, var(--max) * 382);
}
.freeeai-media__image {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  vertical-align: middle;
}
.freeeai-media__body {
  display: flex;
  align-items: flex-start;
  flex: 1 1 auto;
  flex-direction: column;
  justify-content: center;
  padding: clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4) 0;
  min-width: 0;
}
.freeeai-media__headline {
  margin: 0;
  width: clamp(0px, 10vw / var(--board) * 10 * 486, var(--max) * 486);
  color: #464343;
  font-weight: var(--weightBold);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  line-height: 1.66666667;
}
.freeeai-media__go {
  align-self: center;
  flex-shrink: 0;
  margin-right: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  margin-left: auto;
}
.freeeai-media__go-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
  height: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
  border-radius: 50%;
  background-color: #2864f0;
}
.freeeai-media__go-icon::after {
  content: "";
  display: block;
  margin-left: clamp(var(--max) * -6, 10vw / var(--board) * 10 * -6, 0px);
  width: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  height: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
}

.freeeai-promo {
  padding: clamp(0px, 10vw / var(--board) * 10 * 100, var(--max) * 100) 0 clamp(0px, 10vw / var(--board) * 10 * 150, var(--max) * 150);
}
.freeeai-promo__inner {
  display: flex;
  flex-direction: column;
  gap: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50);
  margin-right: auto;
  margin-left: auto;
  width: clamp(0px, 10vw / var(--board) * 10 * 900, var(--max) * 900);
}
.freeeai-promo__link {
  display: block;
  overflow: hidden;
  box-shadow: clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4) clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4) clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10) rgba(40, 100, 240, 0.25);
  color: inherit;
  text-decoration: none;
  transition: box-shadow var(--speed), transform var(--speed);
}
.freeeai-promo__image {
  display: block;
  width: 100%;
  height: auto;
  vertical-align: middle;
}

.freeeai-visually-hidden {
  position: absolute !important;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  clip-path: inset(50%);
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  white-space: nowrap;
  border: 0;
}

@media screen and (min-width: 768px){
  .g-footer_inner > .l-tile:not(:first-child) {
    margin-top: 40px;
  }
  .g-footerApp {
    padding-bottom: 12px;
    padding-top: 12px;
  }
  .g-footerApp_text {
    font-size: 20px;
  }
  .g-footerNav_parentLink-ic:before {
    background-repeat: no-repeat;
    background-size: 100%;
    content: "";
    display: inline-block;
    height: 1.5em;
    margin-right: 0.3em;
    margin-top: -1.5em;
    transform: translateY(0.365em);
    vertical-align: baseline;
    width: 0.75em;
  }
  .g-footerNav_list {
    margin-top: 8px;
  }
  .g-footerNav_listItem {
    padding-left: 0;
  }
  .g-footerNav_listItem + .g-footerNav_listItem {
    margin-top: 12px;
  }
  .g-footerNav_listItem > .g-footerNav_list {
    margin-top: 8px;
  }
  .g-footerNav_listItemLink {
    position: relative;
  }
  .g-footerNav_listItemLink-ic:before {
    background-repeat: no-repeat;
    background-size: 100%;
    content: "";
    display: inline-block;
    height: 1.5em;
    margin-right: 0.3em;
    margin-top: -1.5em;
    transform: translateY(0.365em);
    vertical-align: baseline;
    width: 0.75em;
  }
  .g-footerNav_listItemLink-bdr {
    align-items: center;
    display: flex;
  }
  .g-footerNav_listItemLink-bdr:before {
    border-top: 1px solid #8c8989;
    content: "";
    display: block;
    height: 0;
    margin-right: 0.75em;
    width: 0.5em;
  }
  .g-footerNav_listItemDesc {
    color: #d7d2d2;
  }
  .g-footerNavArea ~ .g-footerNavArea {
    margin-top: 32px;
  }
  .g-footerNavArea_heading {
    font-weight: 700;
    margin-bottom: 4px;
  }
  .g-footer_information {
    height: 105px;
  }
  .g-footer_information_company .c-img {
    margin-left: 24px;
    margin-right: 56px;
  }
  .g-footerSubNav_list {
    justify-content: center;
  }
  .g-footerSubNav_listItem + .g-footerSubNav_listItem {
    margin-left: 40px;
  }
  .ncms-frm-root .ncms-mod-blog-footer__inner, [class*=ncms-frm-root--] .ncms-mod-blog-footer__inner {
    display: flex;
    margin-left: auto;
    margin-right: auto;
    padding: 60px 0 86px;
    width: 1000px;
  }
  .ncms-frm-root .ncms-mod-blog-footer__col, [class*=ncms-frm-root--] .ncms-mod-blog-footer__col {
    align-self: flex-start;
    padding-right: 2%;
    width: 32.4%;
  }
  .ncms-frm-root .ncms-mod-blog-footer__col--wide, [class*=ncms-frm-root--] .ncms-mod-blog-footer__col--wide {
    -moz-box-flex: 1;
    display: flex;
    flex-grow: 1;
    flex-wrap: wrap;
  }
  .ncms-frm-root .ncms-mod-blog-footer__nav--in-line, [class*=ncms-frm-root--] .ncms-mod-blog-footer__nav--in-line {
    width: 47.5%;
  }
  .ncms-frm-root .ncms-mod-blog-footer__nav--in-line:nth-child(odd), [class*=ncms-frm-root--] .ncms-mod-blog-footer__nav--in-line:nth-child(odd) {
    margin-left: 4.8%;
  }
  .ncms-frm-root .ncms-mod-blog-footer__nav--tag, [class*=ncms-frm-root--] .ncms-mod-blog-footer__nav--tag {
    margin-bottom: 20px;
    width: 100%;
  }
  .ncms-frm-root .ncms-mod-blog-footer__nav--align-center, [class*=ncms-frm-root--] .ncms-mod-blog-footer__nav--align-center {
    display: flex;
  }
  .l-tile-1-lg > .l-tile_item {
    width: 100%;
  }
  .l-tile-2-lg > .l-tile_item {
    width: 50%;
  }
  .l-tile-3-lg > .l-tile_item {
    width: 33.3333333333%;
  }
  .l-tile-4-lg > .l-tile_item {
    width: 25%;
  }
  .l-tile-5-lg > .l-tile_item {
    width: 20%;
  }
  .l-tile-6-lg > .l-tile_item {
    width: 16.6666666667%;
  }
  .l-tile-7-lg > .l-tile_item {
    width: 14.2857142857%;
  }
  .l-tile-8-lg > .l-tile_item {
    width: 12.5%;
  }
  .l-tile-9-lg > .l-tile_item {
    width: 11.1111111111%;
  }
  .l-tile-10-lg > .l-tile_item {
    width: 10%;
  }
  .c-step .l-tile_item:not(:last-child):after {
    border-left-color: #aac8ff;
    border-width: 14px 0 14px 16px;
    right: -8px;
    top: calc(50% - 14px);
  }
  .g-headerNavDropdown_nav .l-tile_item > .u-tc-heading {
    font-weight: 500;
  }
  .g-header-common .g-headerNavDropdown_nav .l-tile {
    padding-left: 24px;
    padding-right: 24px;
  }
  .g-header-kojin .g-headerNavDropdown_nav > .l-tile {
    margin-left: 8px;
    margin-right: 8px;
  }
  .g-header-kojin .g-headerNavDropdown_nav > .l-tile .l-tile_item .l-stack_item .c-note, .g-header-kojin .g-headerNavDropdown_nav > .l-tile .l-tile_item .l-stack_item .c-textSmall {
    margin-left: 16px;
  }
  .g-header-houjin .g-headerNavDropdown_nav > .l-tile {
    margin-left: 8px;
    margin-right: 8px;
  }
  .c-localNav_content .l-tile {
    margin-bottom: 0;
    margin-left: 8px;
    margin-right: 8px;
  }
  .c-localNav_content .l-tile_item .l-stack {
    margin-left: 16px;
  }
  .g-footer_inner > .l-tile:not(:first-child) {
    margin-top: 40px;
  }
  .c-categoryNav_content .l-tile {
    margin-bottom: 0;
    margin-left: 8px;
    margin-right: 8px;
  }
  .c-categoryNav_content .l-tile_item .l-stack {
    margin-left: 16px;
  }
  .l-grid > .l-grid_item-5-lg {
    width: 41.6666666667%;
  }
  .l-grid > .l-grid_item-7-lg {
    width: 58.3333333333%;
  }
  .u-mt-x2-lg {
    margin-top: 16px;
  }
  .u-mt-x3-lg {
    margin-top: 24px;
  }
  .u-mt-x5-lg-imp {
    margin-top: 40px !important;
  }
}

@media (min-width: 769px){
  .g-header_root {
    height: 86px;
  }
  .g-headerLogo {
    margin-right: 24px;
  }
  .g-headerMenu_inner {
    display: block !important;
  }
  .g-headerNav_list {
    margin-bottom: -6px;
    padding-left: 12px;
  }
  .g-headerNav_listItem {
    padding: 0 12px;
  }
  .g-headerNav_listItem:nth-child(3).g-headerNav_listItem-houjin {
    padding-right: 48px;
  }
  .g-headerNav_listItemLink {
    padding-bottom: 6px;
    border-bottom: 2px solid transparent;
  }
  .g-headerNav_listItemLink:hover {
    border-color: #2864f0;
    color: #1e46aa;
  }
  .g-headerNav_listItemLink-current {
    border-color: #2864f0;
  }
  .productMenu-focus-trap {
    position: relative;
  }
  .productMenu {
    left: 50%;
    padding: 1px;
    transition: transform 0.5s ease, opacity 0.3s ease-in-out;
    transform: translateX(-50%);
    will-change: filter;
  }
  .productMenu.menu-open {
    transform: translateX(-50%);
  }
  .productMenu.menu-close {
    transform: translateX(-50%);
  }
  .productMenu_inner_item:first-child a {
    background: #f2f6fe;
  }
  .u-display-only-lg {
    display: block;
  }
  .u-display-none-lg {
    display: none;
  }
  .freeeai-localnav__link {
    padding-bottom: 6px;
    border-bottom: 2px solid transparent;
    transition: border-color 0.4s;
  }
  .freeeai-localnav__link:hover {
    border-color: #2864F0;
  }
  .pc-none {
    display: none !important;
  }
}

@media (min-width: 2000px){
  .freeeai-product {
    background-size: 100% 100%;
  }
}

@media (width < 1024px){
  .slim_header-menu-item-accordion-defaultInner .l-tile .l-tile_item {
    padding-left: 16px;
  }
  .slim_header-menu-item-accordion-defaultInner .l-tile .l-tile_item a {
    background-color: #f7f5f5;
    border-top: 1px solid #e1dcdc;
    padding: 16px 48px;
    width: 100%;
  }
  .slim_header .l-tile {
    margin-bottom: 0 !important;
  }
  .slim_header .l-tile .l-tile_item {
    margin-bottom: 0 !important;
    width: 100%;
  }
}

@media (max-width: 768px){
  :root {
    --board: 750;
    --max: 9999px;
  }
  html {
    font-size: 0.1333333333vw;
  }
  html {
    scroll-padding-top: 0;
    overflow-x: clip;
  }
  body {
    overflow-x: clip;
  }
  *,
  *::before,
  *::after {
    max-width: 100%;
  }
  .g-header_inner {
    position: relative;
    z-index: 1;
    padding-right: 16px !important;
    padding-left: 16px !important;
    border-bottom: 1px solid #e1dcdc;
    background-color: #fff;
  }
  .g-headerTitle {
    position: relative;
    flex-grow: 0.9;
    padding: 8px 0;
    height: 60px;
  }
  .g-headerLogo {
    flex: 1 1;
  }
  .g-headerLogo_img {
    width: 80px;
  }
  .g-headerLogo_img img {
    width: 100%;
  }
  .g-headerSwitch {
    z-index: 2;
    display: flex;
    margin-left: 8px;
  }
  .g-headerSwitch_iconLink {
    font-size: 0;
  }
  .g-headerMenu {
    display: block;
    margin-right: -16px;
    margin-left: -16px;
    width: auto;
  }
  .g-headerMenu_inner {
    position: absolute;
    top: 60px;
    right: 0;
    left: 0;
    display: none;
    margin: auto;
    border-bottom: 1px solid #e1dcdc;
    background-color: #fff;
  }
  .g-headerMenu_inner.is-open {
    display: block;
  }
  .g-headerNav {
    order: 2;
    width: 100%;
  }
  .g-headerNav_list {
    display: block;
  }
  .g-headerNav_listItem {
    border-top: 1px solid #e1dcdc;
  }
  .g-headerNav_listItemLink {
    display: block;
    padding: 16px 32px;
  }
  .productMenuButtonPC {
    display: none !important;
  }
  .productMenu {
    top: 61px;
    left: 0;
    width: 100vw;
    border: none;
    border-radius: 0;
    transform: none;
  }
  .productMenu.menu-open {
    transform: translateX(0);
  }
  .productMenu.menu-close {
    transform: translateX(-100%);
  }
  .productMenu_head {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    padding: 22px 24px;
    border-bottom: 1px solid #e1dcdc;
  }
  .productMenu_head p {
    margin: 0;
    font-weight: 700;
    font-size: 16px;
  }
  .productMenu_inner {
    gap: 16px;
    padding: 0;
  }
  .productMenu_inner_title {
    display: none;
  }
  .productMenu_inner_item {
    border-bottom: 1px solid #e1dcdc;
  }
  .productMenu_inner_item a {
    justify-content: space-between;
    padding: 12px 24px;
    font-size: 16px;
  }
  .productMenu_next {
    align-items: center;
    padding: 16px;
    text-align: center;
  }
  .productMenu_next_button {
    font-size: 16px;
  }
  .u-display-only-md {
    display: block;
  }
  .u-display-block-md {
    display: block;
  }
  .u-display-flex-md {
    display: flex;
  }
  .freeeai-header {
    top: 0;
    right: 0;
    left: 0;
  }
  .freeeai-header__inner {
    position: relative;
    gap: 0;
    padding: 0 clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24) 0 clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
    width: 100%;
    height: clamp(0px, 10vw / var(--board) * 10 * 100, var(--max) * 100);
    border-radius: 0;
    box-shadow: 0 1px 4px rgba(35, 64, 138, 0.15);
  }
  .freeeai-header__image {
    width: clamp(0px, 10vw / var(--board) * 10 * 160, var(--max) * 160);
  }
  .freeeai-header__nav {
    display: contents;
  }
  .freeeai-header__nav.is-open .freeeai-header__list {
    max-height: 500px;
  }
  .freeeai-header__list {
    position: absolute;
    top: clamp(0px, 10vw / var(--board) * 10 * 100, var(--max) * 100);
    right: 0;
    left: 0;
    z-index: 3;
    display: block;
    overflow: hidden;
    padding: 0;
    max-height: 0;
    background-color: #fff;
    box-shadow: 0 4px 8px rgba(35, 64, 138, 0.12);
    transition: max-height 0.35s ease;
  }
  .freeeai-header__item {
    border-bottom: 1px solid #e8edf4;
  }
  .freeeai-header__item:first-child {
    border-top: 1px solid #e8edf4;
  }
  .freeeai-header__item:last-child {
    border-bottom: none;
  }
  .freeeai-header__link {
    display: block;
    padding: clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28) clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
    text-align: center;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28);
  }
  .freeeai-header__link span[lang=en] {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28);
  }
  .freeeai-header__link--download {
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    z-index: 2;
    display: block;
    padding: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14) clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
    background: linear-gradient(90deg, rgb(255, 185, 30) 18.99%, rgb(255, 197, 73) 52.39%, rgb(255, 206, 107) 83.25%, rgb(255, 210, 120) 100%);
    color: #2864f0;
    text-align: center;
    white-space: normal;
    letter-spacing: 0.02em;
    font-weight: 700;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 26, var(--max) * 26);
    line-height: 1.2;
  }
  .freeeai-header__social {
    gap: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
    margin-left: auto;
  }
  .freeeai-header__social-image {
    width: clamp(0px, 10vw / var(--board) * 10 * 48, var(--max) * 48);
    height: clamp(0px, 10vw / var(--board) * 10 * 44, var(--max) * 44);
  }
  .freeeai-header__burger {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    gap: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
    margin-left: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
    padding: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
    width: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
    height: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
    border: none;
    border-radius: 0;
    background: transparent;
    cursor: pointer;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
  }
  .freeeai-header__burger-line {
    display: block;
    width: clamp(0px, 10vw / var(--board) * 10 * 48, var(--max) * 48);
    height: 2px;
    border-radius: 1px;
    background-color: #2769de;
    transition: transform 0.3s ease, opacity 0.3s ease;
  }
  .is-open-nav .freeeai-header__burger-line:nth-child(1) {
    transform: translateY(clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14)) rotate(45deg);
  }
  .is-open-nav .freeeai-header__burger-line:nth-child(2) {
    opacity: 0;
  }
  .is-open-nav .freeeai-header__burger-line:nth-child(3) {
    transform: translateY(clamp(var(--max) * -14, 10vw / var(--board) * 10 * -14, 0px)) rotate(-45deg);
  }
  .freeeai-mv {
    height: clamp(0px, 10vw / var(--board) * 10 * 1150, var(--max) * 1150);
  }
  .freeeai-mv__background-image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center center;
       object-position: center center;
  }
  .freeeai-mv__inner {
    top: clamp(0px, 10vw / var(--board) * 10 * 230, var(--max) * 230);
    padding: 0 clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
    width: 100%;
    height: clamp(0px, 10vw / var(--board) * 10 * 752, var(--max) * 752);
  }
  .freeeai-mv__copy {
    margin: 0 auto;
    width: 100%;
  }
  .freeeai-mv__lead {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
    line-height: 1.4;
  }
  .freeeai-mv__sns {
    margin: 0 auto clamp(0px, 10vw / var(--board) * 10 * 26, var(--max) * 26);
    width: -moz-fit-content;
    width: fit-content;
    letter-spacing: 0;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  }
  .freeeai-mv__sns span + span {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 48, var(--max) * 48);
  }
  .freeeai-mv__sns span + span + span {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 52, var(--max) * 52);
  }
  .freeeai-mv__sns::before, .freeeai-mv__sns::after {
    top: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
    width: clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28);
    height: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
  }
  .freeeai-mv__sns::before {
    left: clamp(var(--max) * -36, 10vw / var(--board) * 10 * -36, 0px);
  }
  .freeeai-mv__sns::after {
    right: clamp(var(--max) * -20, 10vw / var(--board) * 10 * -20, 0px);
  }
  .freeeai-mv__heading {
    margin: 0 auto clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
    width: clamp(0px, 10vw / var(--board) * 10 * 560, var(--max) * 560);
  }
  .freeeai-mv__tagline {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 34, var(--max) * 34);
    line-height: 1.4;
  }
  .freeeai-expert {
    padding: clamp(0px, 10vw / var(--board) * 10 * 220, var(--max) * 220) 0 clamp(0px, 10vw / var(--board) * 10 * 120, var(--max) * 120);
  }
  .freeeai-expert__inner {
    width: 94%;
  }
  .freeeai-expert__inner {
    width: clamp(0px, 10vw / var(--board) * 10 * 650, var(--max) * 650);
  }
  .freeeai-expert__head {
    margin: 0 0 clamp(0px, 10vw / var(--board) * 10 * 56, var(--max) * 56);
    padding: 0;
  }
  .freeeai-expert__label {
    margin: 0 0 clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
    letter-spacing: 0;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
  }
  .freeeai-expert__title {
    max-width: 100%;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 70, var(--max) * 70);
    line-height: 1.4;
  }
  .freeeai-expert__mascot {
    top: clamp(var(--max) * -420, 10vw / var(--board) * 10 * -420, 0px);
    right: clamp(var(--max) * -320, 10vw / var(--board) * 10 * -320, 0px);
  }
  .freeeai-expert__mascot-image {
    max-width: none;
    width: clamp(0px, 10vw / var(--board) * 10 * 800, var(--max) * 800);
  }
  .freeeai-expert__cards {
    gap: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60);
    width: 100%;
    grid-template-columns: 1fr;
  }
  .freeeai-expert__card {
    height: clamp(0px, 10vw / var(--board) * 10 * 600, var(--max) * 600);
  }
  .freeeai-expert__panel {
    height: 100%;
  }
  .freeeai-expert__panel-image {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  }
  .freeeai-expert__title-row--second {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
  }
  .freeeai-feature__inner {
    width: 94%;
  }
  .freeeai-feature__inner {
    padding-top: clamp(0px, 10vw / var(--board) * 10 * 110, var(--max) * 110);
    width: clamp(0px, 10vw / var(--board) * 10 * 650, var(--max) * 650);
  }
  .freeeai-feature__hero {
    padding: clamp(0px, 10vw / var(--board) * 10 * 0, var(--max) * 0) 0 clamp(0px, 10vw / var(--board) * 10 * 88, var(--max) * 88);
  }
  .freeeai-feature__label {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
  }
  .freeeai-feature__title {
    letter-spacing: 0.06em;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 70, var(--max) * 70);
    line-height: 1.3;
    font-feature-settings: "palt";
  }
  .freeeai-feature__title span {
    display: block;
  }
  .freeeai-feature__balloon {
    top: clamp(var(--max) * -60, 10vw / var(--board) * 10 * -60, 0px);
    right: clamp(var(--max) * -40, 10vw / var(--board) * 10 * -40, 0px);
    left: auto;
    margin: 0;
    padding: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24) clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32) clamp(0px, 10vw / var(--board) * 10 * 36, var(--max) * 36);
    min-height: clamp(0px, 10vw / var(--board) * 10 * 220, var(--max) * 220);
    width: clamp(0px, 10vw / var(--board) * 10 * 300, var(--max) * 300);
  }
  .freeeai-feature__hero-main {
    gap: clamp(0px, 10vw / var(--board) * 10 * 44, var(--max) * 44);
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 72, var(--max) * 72);
    max-width: none;
  }
  .freeeai-feature__corp-link {
    width: clamp(0px, 10vw / var(--board) * 10 * 360, var(--max) * 360);
    height: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
    background-image: url(../image/label_feature_sp.png);
    letter-spacing: 0.06em;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 44, var(--max) * 44);
  }
  .freeeai-feature__grid--hero, .freeeai-feature__band .freeeai-feature__grid {
    gap: clamp(0px, 10vw / var(--board) * 10 * 48, var(--max) * 48);
  }
  .freeeai-feature__band {
    padding: clamp(0px, 10vw / var(--board) * 10 * 72, var(--max) * 72) 0 clamp(0px, 10vw / var(--board) * 10 * 112, var(--max) * 112);
  }
  .freeeai-feature__grid {
    gap: clamp(0px, 10vw / var(--board) * 10 * 58, var(--max) * 58);
    grid-template-columns: 1fr;
  }
  .freeeai-feature__card {
    box-shadow: 0 0 clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) rgba(35, 66, 137, 0.6);
  }
  .freeeai-feature__card--hero .freeeai-feature__card-body {
    padding: clamp(0px, 10vw / var(--board) * 10 * 56, var(--max) * 56) clamp(0px, 10vw / var(--board) * 10 * 44, var(--max) * 44) clamp(0px, 10vw / var(--board) * 10 * 56, var(--max) * 56);
  }
  .freeeai-feature__card--hero .freeeai-feature__name {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 44, var(--max) * 44);
  }
  .freeeai-feature__card--hero .freeeai-feature__description {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
    max-width: none;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28);
  }
  .freeeai-feature__card--hero .freeeai-feature__clip {
    max-width: clamp(0px, 10vw / var(--board) * 10 * 720, var(--max) * 720);
  }
  .freeeai-feature__card--hero .freeeai-feature__link {
    min-height: clamp(0px, 10vw / var(--board) * 10 * 104, var(--max) * 104);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28);
  }
  .freeeai-feature__card--hero .freeeai-feature__foot {
    height: clamp(0px, 10vw / var(--board) * 10 * 84, var(--max) * 84);
  }
  .freeeai-feature__card--hero .freeeai-feature__text {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 34, var(--max) * 34);
  }
  .freeeai-feature__card--hero .freeeai-feature__text::after {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 1, var(--max) * 1);
    border: 1px solid;
    border-top: 0;
    border-left: 0;
  }
  .freeeai-agent {
    padding-top: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  }
  .freeeai-agent .freeeai-feature__corp-link {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  }
  .freeeai-agent .freeeai-feature__description {
    margin-bottom: 0;
  }
  .freeeai-agent__inner {
    width: 94%;
  }
  .freeeai-agent__inner {
    width: clamp(0px, 10vw / var(--board) * 10 * 650, var(--max) * 650);
  }
  .freeeai-agent__audience {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 44, var(--max) * 44);
  }
  .freeeai-agent__audience-pill {
    padding: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16) clamp(0px, 10vw / var(--board) * 10 * 44, var(--max) * 44);
    min-height: clamp(0px, 10vw / var(--board) * 10 * 76, var(--max) * 76);
    letter-spacing: 0.05em;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 26, var(--max) * 26);
  }
  .freeeai-agent__promo-heading {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 44, var(--max) * 44);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  }
  .freeeai-agent__promo {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60);
  }
  .freeeai-agent__promo-embed {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  }
  .freeeai-agent__promo-note {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28);
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  }
  .freeeai-agent__grid {
    gap: clamp(0px, 10vw / var(--board) * 10 * 44, var(--max) * 44);
    grid-template-columns: 1fr;
  }
  .freeeai-mcp {
    padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 130, var(--max) * 130);
  }
  .freeeai-mcp__panel {
    padding: clamp(0px, 10vw / var(--board) * 10 * 120, var(--max) * 120) 0 clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50);
    width: clamp(0px, 10vw / var(--board) * 10 * 650, var(--max) * 650);
    box-shadow: 0 0 clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) rgba(35, 66, 137, 0.4);
  }
  .freeeai-mcp__kicker {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
  }
  .freeeai-mcp__title {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 52, var(--max) * 52);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 56, var(--max) * 56);
  }
  .freeeai-mcp__diagram {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 52, var(--max) * 52);
  }
  .freeeai-mcp__diagram-image {
    max-width: 100%;
    width: clamp(0px, 10vw / var(--board) * 10 * 588, var(--max) * 588);
  }
  .freeeai-mcp__foot {
    padding: clamp(0px, 10vw / var(--board) * 10 * 56, var(--max) * 56) clamp(0px, 10vw / var(--board) * 10 * 44, var(--max) * 44) clamp(0px, 10vw / var(--board) * 10 * 0, var(--max) * 0);
    border-radius: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  }
  .freeeai-mcp__highlight {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  }
  .freeeai-mcp__list {
    gap: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  }
  .freeeai-mcp__item {
    align-items: center;
    flex-direction: column;
    gap: clamp(0px, 10vw / var(--board) * 10 * 0, var(--max) * 0);
    padding: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10) clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
    height: auto;
    border-width: clamp(0px, 10vw / var(--board) * 10 * 2, var(--max) * 2);
    border-radius: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  }
  .freeeai-mcp__icon {
    height: clamp(0px, 10vw / var(--board) * 10 * 130, var(--max) * 130);
  }
  .freeeai-mcp__item-body {
    flex: 1 1 auto;
    width: auto;
  }
  .freeeai-mcp__item-text {
    width: auto;
    text-align: center;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28);
    line-height: 1.45;
  }
  .freeeai-media {
    padding: clamp(0px, 10vw / var(--board) * 10 * 100, var(--max) * 100) 0 0;
  }
  .freeeai-media__inner {
    padding: 0 clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  }
  .freeeai-media__kicker {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 0, var(--max) * 0);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28);
  }
  .freeeai-media__title {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 56, var(--max) * 56);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 48, var(--max) * 48);
  }
  .freeeai-media__title-edge {
    position: relative;
    top: clamp(0px, 10vw / var(--board) * 10 * 65, var(--max) * 65);
    font-size: 1.1em;
  }
  .freeeai-media__list {
    gap: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
  }
  .freeeai-media__link {
    overflow: hidden;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    gap: clamp(0px, 10vw / var(--board) * 10 * 0, var(--max) * 0);
    padding: 0;
    height: auto;
  }
  .freeeai-media__thumb {
    align-self: stretch;
    width: 100%;
    height: clamp(0px, 10vw / var(--board) * 10 * 340, var(--max) * 340);
    border-radius: 0;
  }
  .freeeai-media__body {
    flex: 1 1 0;
    padding: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32) clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16) clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32) clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
  }
  .freeeai-media__headline {
    width: 100%;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28);
    line-height: 1.5;
  }
  .freeeai-media__go {
    align-self: center;
    margin-right: clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28);
    margin-left: 0;
  }
  .freeeai-media__go-icon {
    width: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
    height: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  }
  .freeeai-media__go-icon::after {
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
  }
  .freeeai-promo {
    padding: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80) 0 clamp(0px, 10vw / var(--board) * 10 * 120, var(--max) * 120);
  }
  .freeeai-promo__inner {
    gap: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
    padding: 0 clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
    width: 100%;
  }
  .is-center {
    text-align: left;
  }
  .freeeai-localnav-trigger {
    position: fixed;
    top: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
    right: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
    z-index: 350;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
    width: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
    height: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
    padding: 0;
    border: 0;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.8);
    box-shadow: 0 clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4) clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16) rgba(0, 0, 0, 0.12);
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    transform: translateY(clamp(var(--max) * -8, 10vw / var(--board) * 10 * -8, 0px));
    transition: opacity 0.4s, visibility 0.4s, transform 0.4s;
  }
  .freeeai-localnav-trigger.is-visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
  .freeeai-localnav-trigger__bar {
    width: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
    height: clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4);
    border-radius: clamp(0px, 10vw / var(--board) * 10 * 2, var(--max) * 2);
    background-color: #6e6b6b;
  }
  .freeeai-localnav {
    position: fixed;
    top: 0;
    right: 0;
    left: auto;
    z-index: 400;
    width: clamp(0px, 10vw / var(--board) * 10 * 640, var(--max) * 640);
    height: 100%;
    overflow-y: auto;
    transform: translateX(100%);
    box-shadow: -8px 0 24px rgba(0, 0, 0, 0.12);
    transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
  }
  .freeeai-localnav.is-open {
    transform: translateX(0);
  }
  .freeeai-localnav__close {
    position: absolute;
    top: clamp(0px, 10vw / var(--board) * 10 * 36, var(--max) * 36);
    right: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
    display: flex;
    align-items: center;
    justify-content: center;
    width: clamp(0px, 10vw / var(--board) * 10 * 64, var(--max) * 64);
    height: clamp(0px, 10vw / var(--board) * 10 * 64, var(--max) * 64);
    padding: 0;
    border: 0;
    background: none;
    color: #aac8ff;
    font-weight: 300;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 64, var(--max) * 64);
    line-height: 1;
    cursor: pointer;
  }
  .freeeai-localnav__list {
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    height: auto;
    padding-top: clamp(0px, 10vw / var(--board) * 10 * 106, var(--max) * 106);
  }
  .freeeai-localnav__item {
    border-bottom: 1px solid #e0e0e0;
  }
  .freeeai-localnav__item:last-child {
    border-bottom: 0;
  }
  .freeeai-localnav__link {
    display: flex;
    align-items: center;
    height: clamp(0px, 10vw / var(--board) * 10 * 133, var(--max) * 133);
    padding: 0 clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) 0 clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50);
    color: #6e6b6b;
    font-family: "Noto Sans JP", sans-serif;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
  }
  .freeeai-bluegrad__bg {
    background-image: linear-gradient(160deg, #156CB8 0%, #156CB8 28%, #338DC5 48%, #56ABD1 64%, #7CC4DA 76%, #A9D1DC 86%, #CCCFCD 93%, #E4CBBC 98%, #EECBB6 100%);
  }
  .freeeai-intro {
    overflow-x: hidden;
    padding: 0 0 clamp(0px, 10vw / var(--board) * 10 * 56, var(--max) * 56);
  }
  .freeeai-intro__inner {
    display: grid;
    align-items: start;
    padding: 0 clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50);
    max-width: none;
    -moz-column-gap: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
         column-gap: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
    grid-template-columns: clamp(0px, 10vw / var(--board) * 10 * 196, var(--max) * 196) 1fr;
    row-gap: 0;
  }
  .freeeai-intro__visual {
    grid-column: 1;
    grid-row: 1;
  }
  .freeeai-intro__icon {
    width: clamp(0px, 10vw / var(--board) * 10 * 196, var(--max) * 196);
  }
  .freeeai-intro__text {
    display: contents;
  }
  .freeeai-intro__heading {
    align-self: start;
    margin: clamp(0px, 10vw / var(--board) * 10 * 140, var(--max) * 140) 0 0;
    white-space: nowrap;
    letter-spacing: 0.08em;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 70, var(--max) * 70);
    line-height: 1.6;
    grid-column: 2;
    grid-row: 1;
    font-feature-settings: "palt";
  }
  .freeeai-intro__body {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 52, var(--max) * 52);
    letter-spacing: 0.04em;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
    line-height: 1.75;
    grid-column: 1/-1;
  }
  .freeeai-intro__quote {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 52, var(--max) * 52);
    letter-spacing: 0.04em;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
    line-height: 1.75;
    grid-column: 1/-1;
  }
  .freeeai-vision {
    overflow: visible;
    padding: 0 0 clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
    min-height: 0;
  }
  .freeeai-vision__inner {
    display: flex;
    flex-direction: column;
    padding: 0 clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50);
  }
  .freeeai-vision__text {
    position: static;
    top: auto;
    left: auto;
    order: 2;
    max-width: 100%;
  }
  .freeeai-vision__heading {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
    max-width: 100%;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60);
  }
  .freeeai-vision__heading-line {
    white-space: normal;
  }
  .freeeai-vision__body {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50);
    max-width: 100%;
    letter-spacing: 0.04em;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
    line-height: 1.8;
  }
  .freeeai-vision__visual {
    position: static;
    top: auto;
    left: auto;
    order: 1;
    margin: 0 0 clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
    margin-left: clamp(0px, 10vw / var(--board) * 10 * 276, var(--max) * 276);
    max-width: none;
    width: clamp(0px, 10vw / var(--board) * 10 * 524, var(--max) * 524);
  }
  .freeeai-vision__image {
    margin: 0;
    max-width: none;
    width: 100%;
  }
  .freeeai-knowledge {
    padding: clamp(0px, 10vw / var(--board) * 10 * 100, var(--max) * 100) 0;
    min-height: 0;
  }
  .freeeai-knowledge__inner {
    padding: 0 clamp(0px, 10vw / var(--board) * 10 * 65, var(--max) * 65);
    min-height: 0;
    max-width: none;
  }
  .freeeai-knowledge__frame {
    margin: 0 auto;
    padding: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60) clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) clamp(0px, 10vw / var(--board) * 10 * 76, var(--max) * 76);
    min-height: 0;
    width: 100%;
    border-radius: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  }
  .freeeai-knowledge__heading {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 54, var(--max) * 54);
  }
  .freeeai-knowledge__tags {
    flex-wrap: nowrap;
    gap: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
    margin: 0 0 clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  }
  .freeeai-knowledge__tag {
    width: clamp(0px, 10vw / var(--board) * 10 * 230, var(--max) * 230);
    height: clamp(0px, 10vw / var(--board) * 10 * 130, var(--max) * 130);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 70, var(--max) * 70);
  }
  .freeeai-knowledge__and {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 54, var(--max) * 54);
  }
  .freeeai-knowledge__list {
    gap: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  }
  .freeeai-knowledge__item {
    display: grid;
    align-items: start;
    padding: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30) clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
    height: auto;
    border-radius: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
    -moz-column-gap: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
         column-gap: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
    grid-template-columns: clamp(0px, 10vw / var(--board) * 10 * 90, var(--max) * 90) 1fr;
    row-gap: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
  }
  .freeeai-knowledge__icon {
    width: clamp(0px, 10vw / var(--board) * 10 * 90, var(--max) * 90);
    height: clamp(0px, 10vw / var(--board) * 10 * 90, var(--max) * 90);
    grid-column: 1;
    grid-row: 1;
  }
  .freeeai-knowledge__item-body {
    display: contents;
  }
  .freeeai-knowledge__title {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
    line-height: 1.5;
    grid-column: 2;
    grid-row: 1;
    font-feature-settings: "palt";
  }
  .freeeai-knowledge__desc {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
    line-height: 1.5;
    grid-column: 1/-1;
  }
  .freeeai-knowledge__note {
    margin: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) 0 0;
    max-width: 100%;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  }
  .freeeai-responsibility {
    padding: clamp(0px, 10vw / var(--board) * 10 * 140, var(--max) * 140) 0;
  }
  .freeeai-responsibility__inner {
    gap: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
    padding: 0 clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50);
    grid-template-columns: 1fr;
  }
  .freeeai-responsibility__visual {
    order: 1;
    margin-left: clamp(var(--max) * -100, 10vw / var(--board) * 10 * -100, 0px);
    width: clamp(0px, 10vw / var(--board) * 10 * 480, var(--max) * 480);
    justify-self: start;
  }
  .freeeai-responsibility__icon {
    margin: 0;
    max-width: none;
    width: 100%;
  }
  .freeeai-responsibility__text {
    order: 2;
  }
  .freeeai-responsibility__heading {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
    text-align: right;
    letter-spacing: 0.06em;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60);
    line-height: 1.6;
    font-feature-settings: "palt";
  }
  .freeeai-responsibility__body {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50);
    text-align: right;
    letter-spacing: 0.08em;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
    line-height: 1.68;
    font-feature-settings: "palt";
  }
  .freeeai-slogan {
    padding: clamp(0px, 10vw / var(--board) * 10 * 120, var(--max) * 120) 0 clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  }
  .freeeai-slogan__lead {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 70, var(--max) * 70);
  }
  .freeeai-slogan__heading {
    align-items: center;
    flex-direction: column;
    gap: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 70, var(--max) * 70);
  }
  .freeeai-slogan__phrase {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 70, var(--max) * 70);
  }
  .freeeai-slogan__ring {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
    margin-left: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
    width: clamp(0px, 10vw / var(--board) * 10 * 380, var(--max) * 380);
  }
  .freeeai-slogan__caption {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 26, var(--max) * 26);
  }
  .freeeai-slogan__body {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 72, var(--max) * 72);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
    line-height: 1.7;
  }
  .freeeai-d4u-intro {
    padding: clamp(0px, 10vw / var(--board) * 10 * 1, var(--max) * 1) 0 clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  }
  .freeeai-d4u-intro__frame {
    margin: clamp(0px, 10vw / var(--board) * 10 * 48, var(--max) * 48) auto 0;
    padding: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80) clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30) clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50);
    min-height: 0;
    width: 100%;
    border-radius: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  }
  .freeeai-d4u-intro__badge {
    top: clamp(var(--max) * -33, 10vw / var(--board) * 10 * -33, 0px);
    width: clamp(0px, 10vw / var(--board) * 10 * 320, var(--max) * 320);
    height: clamp(0px, 10vw / var(--board) * 10 * 66, var(--max) * 66);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 34, var(--max) * 34);
  }
  .freeeai-d4u-intro__heading {
    gap: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 41, var(--max) * 41);
  }
  .freeeai-d4u-intro__logo {
    width: clamp(0px, 10vw / var(--board) * 10 * 190, var(--max) * 190);
  }
  .freeeai-d4u-intro__sub {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
    line-height: 1.6;
  }
  .freeeai-agent-hub {
    padding: clamp(0px, 10vw / var(--board) * 10 * 43, var(--max) * 43) 0 clamp(0px, 10vw / var(--board) * 10 * 150, var(--max) * 150);
  }
  .freeeai-agent-hub__inner {
    padding: 0 clamp(0px, 10vw / var(--board) * 10 * 100, var(--max) * 100);
    width: 100%;
  }
  .freeeai-agent-hub__main {
    gap: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
    margin: 0 0 clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60);
    grid-template-columns: 1fr;
  }
  .freeeai-agent-hub__visual {
    width: 100%;
  }
  .freeeai-agent-hub__text {
    padding-top: 0;
  }
  .freeeai-agent-hub__label {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
    padding: clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4) clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  }
  .freeeai-agent-hub__heading {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60);
  }
  .freeeai-agent-hub__body {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28);
    line-height: 1.6;
  }
  .freeeai-agent-hub__cta {
    gap: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
    margin: 0;
    max-width: none;
    grid-template-columns: 1fr;
  }
  .freeeai-button {
    max-width: none;
    width: 100%;
    height: clamp(0px, 10vw / var(--board) * 10 * 110, var(--max) * 110);
    border-radius: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  }
  .freeeai-button--primary::after {
    width: clamp(0px, 10vw / var(--board) * 10 * 36, var(--max) * 36);
    height: clamp(0px, 10vw / var(--board) * 10 * 36, var(--max) * 36);
  }
  .freeeai-button--secondary::after {
    width: clamp(0px, 10vw / var(--board) * 10 * 36, var(--max) * 36);
    height: clamp(0px, 10vw / var(--board) * 10 * 36, var(--max) * 36);
  }
  .freeeai-challenges {
    padding: clamp(0px, 10vw / var(--board) * 10 * 120, var(--max) * 120) 0 clamp(0px, 10vw / var(--board) * 10 * 148, var(--max) * 148);
  }
  .freeeai-challenges__inner {
    padding: 0;
  }
  .freeeai-challenges__heading {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 55, var(--max) * 55);
    line-height: 1.5;
  }
  .freeeai-challenges__heading-em {
    color: #464343;
  }
  .freeeai-challenges__visual {
    max-width: none;
    width: 100%;
    aspect-ratio: inherit;
  }
  .freeeai-values {
    padding: clamp(0px, 10vw / var(--board) * 10 * 120, var(--max) * 120) 0;
  }
  .freeeai-values__heading {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 56, var(--max) * 56);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 55, var(--max) * 55);
  }
  .freeeai-values__list {
    gap: clamp(0px, 10vw / var(--board) * 10 * 45, var(--max) * 45);
    margin: 0 auto;
    max-width: clamp(0px, 10vw / var(--board) * 10 * 550, var(--max) * 550);
    grid-template-columns: 1fr;
  }
  .freeeai-values__item {
    width: 100%;
    height: auto;
  }
  .freeeai-values__label {
    height: clamp(0px, 10vw / var(--board) * 10 * 75, var(--max) * 75);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 36, var(--max) * 36);
    letter-spacing: 0;
  }
  .freeeai-values__body {
    padding: clamp(0px, 10vw / var(--board) * 10 * 36, var(--max) * 36) clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30) clamp(0px, 10vw / var(--board) * 10 * 38, var(--max) * 38);
  }
  .freeeai-values__title {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 11, var(--max) * 11);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28);
  }
  .freeeai-values__note {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
    line-height: 1.4;
  }
  .freeeai-products {
    padding: clamp(0px, 10vw / var(--board) * 10 * 150, var(--max) * 150) 0 0;
  }
  .freeeai-products__inner {
    padding: 0;
  }
  .freeeai-products__heading {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 56, var(--max) * 56);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50);
  }
  .freeeai-products__list {
    gap: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
    margin: 0 auto;
    max-width: clamp(0px, 10vw / var(--board) * 10 * 650, var(--max) * 650);
    grid-template-columns: 1fr;
  }
  .freeeai-products__item {
    padding: 0 0 clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
    min-height: 0;
    width: 100%;
  }
  .freeeai-products__label {
    width: clamp(0px, 10vw / var(--board) * 10 * 225, var(--max) * 225);
    height: clamp(0px, 10vw / var(--board) * 10 * 69, var(--max) * 69);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  }
  .freeeai-products__label--tax {
    width: clamp(0px, 10vw / var(--board) * 10 * 390, var(--max) * 390);
  }
  .freeeai-products__name {
    margin: clamp(0px, 10vw / var(--board) * 10 * 41, var(--max) * 41) 0 clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
    padding: 0 clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 46, var(--max) * 46);
    color: #285ac8;
  }
  .freeeai-products__desc {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 25, var(--max) * 25);
    padding: 0 clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28);
  }
  .freeeai-products__visual {
    flex: 0 0 auto;
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
    padding: 0 clamp(0px, 10vw / var(--board) * 10 * 70, var(--max) * 70);
  }
  .freeeai-products__visual img {
    max-height: clamp(0px, 10vw / var(--board) * 10 * 320, var(--max) * 320);
    width: auto;
  }
  .freeeai-products .freeeai-button {
    margin: 0 auto;
    width: clamp(0px, 10vw / var(--board) * 10 * 572, var(--max) * 572);
  }
  .freeeai-interview {
    padding: clamp(0px, 10vw / var(--board) * 10 * 150, var(--max) * 150) 0 clamp(0px, 10vw / var(--board) * 10 * 160, var(--max) * 160);
  }
  .freeeai-interview__inner {
    padding: 0;
  }
  .freeeai-interview__heading {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 56, var(--max) * 56);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50);
  }
  .freeeai-interview__list {
    gap: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50);
    margin: 0 auto;
    max-width: clamp(0px, 10vw / var(--board) * 10 * 650, var(--max) * 650);
    grid-template-columns: 1fr;
  }
  .freeeai-interview__card {
    gap: clamp(0px, 10vw / var(--board) * 10 * 37, var(--max) * 37);
    padding: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50) clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50) clamp(0px, 10vw / var(--board) * 10 * 42, var(--max) * 42) clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
    min-height: clamp(0px, 10vw / var(--board) * 10 * 384, var(--max) * 384);
    width: 100%;
    height: auto;
    clip-path: polygon(0 0, calc(100% - clamp(0px, 10vw / var(--board) * 10 * 55, var(--max) * 55)) 0, 100% clamp(0px, 10vw / var(--board) * 10 * 55, var(--max) * 55), 100% 100%, 0 100%);
  }
  .freeeai-interview__photo {
    width: clamp(0px, 10vw / var(--board) * 10 * 230, var(--max) * 230);
    height: clamp(0px, 10vw / var(--board) * 10 * 280, var(--max) * 280);
  }
  .freeeai-interview__company {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  }
  .freeeai-interview__name {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
  }
  .freeeai-interview__suffix {
    font-size: 0.75em;
  }
  .freeeai-interview__more {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28);
  }
  .freeeai-modal__dialog {
    padding: clamp(0px, 10vw / var(--board) * 10 * 100, var(--max) * 100) clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50) clamp(0px, 10vw / var(--board) * 10 * 52, var(--max) * 52);
    max-height: 85vh;
  }
  .freeeai-modal__close {
    top: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
    right: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
    display: flex;
    align-items: center;
    justify-content: center;
    width: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60);
    height: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 72, var(--max) * 72);
  }
  .freeeai-modal__title {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 42, var(--max) * 42);
    text-align: left;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 42, var(--max) * 42);
  }
  .freeeai-modal__body {
    gap: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
    grid-template-columns: 1fr;
  }
  .freeeai-modal__profile {
    display: grid;
    align-items: center;
    gap: 0 clamp(0px, 10vw / var(--board) * 10 * 45, var(--max) * 45);
    grid-template-columns: clamp(0px, 10vw / var(--board) * 10 * 260, var(--max) * 260) 1fr;
  }
  .freeeai-modal__photo {
    margin: 0;
    margin-left: auto;
    max-width: none;
    width: clamp(0px, 10vw / var(--board) * 10 * 210, var(--max) * 210);
    height: auto;
    aspect-ratio: auto;
    grid-column: 1;
    grid-row: 1/3;
  }
  .freeeai-modal__company {
    align-self: end;
    margin: 0 0 clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
    text-align: left;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
    grid-column: 2;
    grid-row: 1;
  }
  .freeeai-modal__name {
    align-self: start;
    text-align: left;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
    grid-column: 2;
    grid-row: 2;
  }
  .freeeai-modal__suffix {
    font-size: 0.75em;
  }
  .freeeai-modal__text {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28);
  }
  .freeeai-modal__interview {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28);
  }
  .freeeai-modal__bio {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 36, var(--max) * 36);
    padding-top: clamp(0px, 10vw / var(--board) * 10 * 36, var(--max) * 36);
  }
  .freeeai-modal__bio-heading {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  }
  .freeeai-modal__bio p {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  }
  .freeeai-voice {
    padding: 0 0 clamp(0px, 10vw / var(--board) * 10 * 150, var(--max) * 150);
  }
  .freeeai-voice__inner {
    flex-direction: column;
    gap: clamp(0px, 10vw / var(--board) * 10 * 34, var(--max) * 34);
    margin-left: 0;
    padding: 0;
    height: auto;
  }
  .freeeai-voice__quotes {
    width: clamp(0px, 10vw / var(--board) * 10 * 838, var(--max) * 838);
    height: auto;
  }
  .freeeai-voice__image {
    height: auto;
  }
  .freeeai-voice__cta {
    padding: 0 clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
    width: 100%;
    text-align: center;
  }
  .freeeai-voice__heading {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 57.6, var(--max) * 57.6);
    line-height: 1.45;
  }
  .freeeai-voice__heading-line--big {
    font-size: 1.3333333333em;
  }
  .freeeai-voice .freeeai-button {
    width: clamp(0px, 10vw / var(--board) * 10 * 550, var(--max) * 550);
  }
  .freeeai-media {
    padding: clamp(0px, 10vw / var(--board) * 10 * 100, var(--max) * 100) 0 0;
  }
  .freeeai-media__inner {
    padding: 0 clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  }
  .freeeai-media__kicker {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 0, var(--max) * 0);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28);
  }
  .freeeai-media__title {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 56, var(--max) * 56);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 48, var(--max) * 48);
  }
  .freeeai-media__title-edge {
    position: relative;
    top: clamp(0px, 10vw / var(--board) * 10 * 65, var(--max) * 65);
    font-size: 1.1em;
  }
  .freeeai-media__list {
    gap: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
  }
  .freeeai-media__link {
    overflow: hidden;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    gap: clamp(0px, 10vw / var(--board) * 10 * 0, var(--max) * 0);
    padding: 0;
    height: auto;
  }
  .freeeai-media__thumb {
    align-self: stretch;
    width: 100%;
    height: clamp(0px, 10vw / var(--board) * 10 * 340, var(--max) * 340);
    border-radius: 0;
  }
  .freeeai-media__body {
    flex: 1 1 0;
    padding: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32) clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16) clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32) clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
  }
  .freeeai-media__headline {
    width: 100%;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28);
    line-height: 1.5;
  }
  .freeeai-media__go {
    align-self: center;
    margin-right: clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28);
    margin-left: 0;
  }
  .freeeai-media__go-icon {
    width: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
    height: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  }
  .freeeai-media__go-icon::after {
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
  }
  .freeeai-promo {
    padding: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80) 0 clamp(0px, 10vw / var(--board) * 10 * 120, var(--max) * 120);
  }
  .freeeai-promo__inner {
    gap: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
    padding: 0 clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
    width: 100%;
  }
  .sp-none {
    display: none !important;
  }
}

@media (max-width: 768px) and (max-width: 768px){
  .freeeai-feature__card--hero .freeeai-feature__description {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  }
}

@media screen and (max-width: 767px){
  .c-breadcrumb_inner, .c-callToAction-tel_inner, .c-formGroup_inner, .c-modal_inner, .g-footer_inner, .g-headerNavDropdown_contentInner, .g-headerSearch_bodyInner, .g-header_inner, .g-header_sub_inner, .l-container, .l-container_full .c-productFlow_container {
    max-width: 1352px;
    padding-left: 32px;
    padding-right: 32px;
  }
  .g-footer_separator {
    padding-bottom: 40px;
  }
  .g-footer_copyright {
    margin-top: 32px;
  }
  .g-footerApp {
    padding-bottom: 16px;
    padding-top: 24px;
  }
  .g-footerApp .g-footer_inner {
    flex-direction: column;
  }
  .g-footerApp_text {
    text-align: center;
  }
  .g-footerApp_button {
    margin-top: 8px;
  }
  .g-footerNav {
    padding: 0;
  }
  .g-footerNav [data-js-accordion-content] {
    display: none;
  }
  .g-footerNav .g-footer_inner {
    padding: 0;
  }
  .g-footerNav .l-tile {
    margin: 0;
  }
  .g-footerNav .l-tile_item {
    margin-bottom: 0;
    padding: 0;
  }
  .g-footerNav_heading {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0;
    padding: 12px 48px 12px 32px;
  }
  .g-footerNav_heading[data-js-accordion-trigger]:hover {
    cursor: pointer;
    text-decoration: underline;
  }
  .g-footerNav_heading[data-js-accordion-trigger]:after, .g-footerNav_heading[data-js-accordion-trigger]:before {
    background-color: #fff;
    content: "";
    height: 2px;
    position: absolute;
    right: 32px;
    top: calc(50% - 2px);
    width: 12px;
  }
  .g-footerNav_heading[data-js-accordion-trigger]:after {
    transform: rotate(90deg);
  }
  .g-footerNav_parent {
    border-bottom: 1px solid #8c8989;
    font-size: 14px;
    line-height: 1.5;
    position: relative;
  }
  .g-footerNav_parent ~ .g-footerNav_parent {
    margin-top: 0;
  }
  .g-footerNav_parent[data-js-accordion-trigger]:hover {
    cursor: pointer;
    text-decoration: underline;
  }
  .g-footerNav_parent[data-js-accordion-trigger]:after, .g-footerNav_parent[data-js-accordion-trigger]:before {
    background-color: #fff;
    content: "";
    height: 2px;
    position: absolute;
    right: 32px;
    top: calc(50% - 2px);
    width: 12px;
  }
  .g-footerNav_parent[data-js-accordion-trigger]:after {
    transform: rotate(90deg);
  }
  .g-footerNav_parentLink {
    display: block;
    padding: 12px 60px 12px 48px;
  }
  .g-footerNav_list {
    background-color: #f7f5f5;
    display: none;
  }
  .g-footerNav_listItem + .g-footerNav_listItem {
    border-top: 1px solid #e1dcdc;
  }
  .g-footerNav_listItem > .g-footerNav_parent {
    border-bottom: 0;
    color: #323232;
    cursor: pointer;
    padding: 12px 32px 12px 48px;
  }
  .g-footerNav_listItem > .g-footerNav_parent[data-js-accordion-trigger]:after, .g-footerNav_listItem > .g-footerNav_parent[data-js-accordion-trigger]:before {
    background-color: #6e6b6b;
  }
  .g-footerNav_listItem > .g-footerNav_parent .g-footerNav_parentLink {
    padding: 0;
  }
  .g-footerNav_listItem > .g-footerNav_parent + .g-footerNav_list {
    border-top: 1px solid #e1dcdc;
  }
  .g-footerNav_listItem > .g-footerNav_parent + .g-footerNav_list .g-footerNav_listItemLink {
    padding-left: 64px;
  }
  .g-footerNav_listItemLink:link, .g-footerNav_listItemLink:visited {
    color: #323232;
  }
  .g-footerNav_listItemLink {
    display: block;
    padding: 12px 32px 12px 48px;
  }
  .g-footerNavArea {
    border-bottom: 1px solid #8c8989;
    margin-top: 0;
  }
  .g-footerNavArea_heading {
    padding: 12px 60px 12px 48px;
  }
  .g-footerNavArea_heading[data-js-accordion-trigger]:hover {
    cursor: pointer;
    text-decoration: underline;
  }
  .g-footerNavArea_heading[data-js-accordion-trigger]:after, .g-footerNavArea_heading[data-js-accordion-trigger]:before {
    background-color: #fff;
    content: "";
    height: 2px;
    position: absolute;
    right: 32px;
    top: calc(50% - 2px);
    width: 12px;
  }
  .g-footerNavArea_heading[data-js-accordion-trigger]:after {
    transform: rotate(90deg);
  }
  .g-footer_information {
    flex-direction: column;
  }
  .g-footer_information_company {
    flex-direction: column;
  }
  .g-footer_information_company .c-img {
    margin-bottom: 24px;
    margin-top: 24px;
  }
  .g-footer_information_company p {
    margin-left: 0;
    margin-top: 24px;
  }
  .g-footer_information_link {
    margin-top: 32px;
  }
  .g-footer_information_link li:not(:last-child) {
    margin-right: 24px;
  }
  .g-footer_information_link li.truste {
    flex: 1 1;
  }
  .g-footerSubNav_list {
    margin-bottom: -16px;
  }
  .g-footerSubNav_listItem {
    margin-bottom: 16px;
    width: 50%;
  }
  .l-tile-1-md > .l-tile_item {
    width: 100%;
  }
  .l-tile-2-md > .l-tile_item {
    width: 50%;
  }
  .l-tile-3-md > .l-tile_item {
    width: 33.3333333333%;
  }
  .l-tile-4-md > .l-tile_item {
    width: 25%;
  }
  .l-tile-5-md > .l-tile_item {
    width: 20%;
  }
  .l-tile-6-md > .l-tile_item {
    width: 16.6666666667%;
  }
  .l-tile-7-md > .l-tile_item {
    width: 14.2857142857%;
  }
  .l-tile-8-md > .l-tile_item {
    width: 12.5%;
  }
  .l-tile-9-md > .l-tile_item {
    width: 11.1111111111%;
  }
  .l-tile-10-md > .l-tile_item {
    width: 10%;
  }
  .c-tableList > .l-tile_item {
    padding: 16px 8px;
  }
  .c-step .l-tile {
    margin-bottom: -32px;
  }
  .c-step .l-tile_item {
    margin-bottom: 32px;
  }
  .c-step .l-tile_item:not(:last-child):after {
    border-top-color: #aac8ff;
    border-width: 16px 14px 0;
    bottom: -24px;
    right: calc(50% - 14px);
  }
  .g-headerNavDropdown_nav .l-tile_item {
    font-size: 14px;
    line-height: 1.5;
  }
  .g-headerNavDropdown_nav .l-tile_item [data-js-accordion-trigger] + .l-stack .l-stack_item a {
    padding-left: 64px;
    padding-right: 64px;
  }
  .g-headerNavDropdown_nav .l-grid_item .l-tile_item a {
    padding-left: 64px;
    padding-right: 64px;
  }
  .c-localNav_content .l-tile_item [data-js-accordion-nest-trigger] {
    position: relative;
  }
  .c-localNav_content .l-tile_item [data-js-accordion-nest-trigger]:before {
    background-image: url(/assets/img/icons/ic_accordion_open.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    content: "";
    display: inline-block;
    height: 1.5em;
    position: absolute;
    right: 28px;
    vertical-align: middle;
    width: 1.5em;
  }
  .c-localNav_content .l-tile_item [data-js-accordion-nest-trigger].c-accordion-open {
    color: #2864f0;
  }
  .c-localNav_content .l-tile_item [data-js-accordion-nest-trigger].c-accordion-open:before {
    background-image: url(/assets/img/icons/primary/ic_accordion_close.svg);
  }
  .c-localNav_content .l-tile_item p[data-js-accordion-nest-trigger] {
    background-color: #f7f5f5;
    border-top: 1px solid #e1dcdc;
    font-size: 14px;
    line-height: 1.5;
    padding: 16px 32px;
  }
  .c-localNav_content .l-tile_item .l-stack_item a {
    padding-left: 48px;
    padding-right: 48px;
  }
  .g-footerNav .l-tile {
    margin: 0;
  }
  .g-footerNav .l-tile_item {
    margin-bottom: 0;
    padding: 0;
  }
  .c-categoryNav_content .l-tile_item [data-js-accordion-nest-trigger] {
    position: relative;
  }
  .c-categoryNav_content .l-tile_item [data-js-accordion-nest-trigger]:before {
    background-image: url(/assets/img/icons/ic_accordion_open.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    content: "";
    display: inline-block;
    height: 1.5em;
    position: absolute;
    right: 28px;
    vertical-align: middle;
    width: 1.5em;
  }
  .c-categoryNav_content .l-tile_item [data-js-accordion-nest-trigger].c-accordion-open {
    color: #2864f0;
  }
  .c-categoryNav_content .l-tile_item [data-js-accordion-nest-trigger].c-accordion-open:before {
    background-image: url(/assets/img/icons/primary/ic_accordion_close.svg);
  }
  .c-categoryNav_content .l-tile_item p[data-js-accordion-nest-trigger] {
    background-color: #f7f5f5;
    border-top: 1px solid #e1dcdc;
    font-size: 14px;
    line-height: 1.5;
    padding: 16px 32px;
  }
  .c-categoryNav_content .l-tile_item .l-stack_item a {
    padding-left: 48px;
    padding-right: 48px;
  }
  .l-tile-1-md > .l-tile_item {
    width: 100%;
  }
  .l-tile-2-md > .l-tile_item {
    width: 50%;
  }
  .l-tile-3-md > .l-tile_item {
    width: 33.3333%;
  }
  .l-tile-4-md > .l-tile_item {
    width: 25%;
  }
  .l-tile-5-md > .l-tile_item {
    width: 20%;
  }
  .l-tile-6-md > .l-tile_item {
    width: 16.6667%;
  }
  .l-tile-7-md > .l-tile_item {
    width: 14.2857%;
  }
  .l-tile-8-md > .l-tile_item {
    width: 12.5%;
  }
  .l-tile-9-md > .l-tile_item {
    width: 11.1111%;
  }
  .l-tile-10-md > .l-tile_item {
    width: 10%;
  }
  .l-grid > .l-grid_item-12-md {
    width: 100%;
  }
  .u-display-none-md {
    display: none;
  }
  .u-mb-x0-md-imp {
    margin-bottom: 0 !important;
  }
  .u-ml-x0-md-imp {
    margin-left: 0 !important;
  }
  .u-mr-x0-md-imp {
    margin-right: 0 !important;
  }
  .u-pl-x0-md-imp {
    padding-left: 0 !important;
  }
  .u-pr-x0-md-imp {
    padding-right: 0 !important;
  }
  .g-footerNav [data-js-accordion-content].is-open {
    display: block;
  }
  .g-footerNav_list.is-open {
    display: block;
  }
}

@media (max-width: 520px){
  .g-header_inner {
    padding-right: 32px;
    padding-left: 32px;
  }
  .g-headerMenu {
    margin-right: -32px;
    margin-left: -32px;
  }
}

@media screen and (max-width: 519px){
  .c-breadcrumb_inner, .c-callToAction-tel_inner, .c-formGroup_inner, .c-modal_inner, .g-footer_inner, .g-headerNavDropdown_contentInner, .g-headerSearch_bodyInner, .g-header_inner, .g-header_sub_inner, .l-container, .l-container_full .c-productFlow_container {
    padding-left: 32px;
    padding-right: 32px;
  }
  .l-tile-1-sm > .l-tile_item {
    width: 100%;
  }
  .l-tile-2-sm > .l-tile_item {
    width: 50%;
  }
  .l-tile-3-sm > .l-tile_item {
    width: 33.3333333333%;
  }
  .l-tile-4-sm > .l-tile_item {
    width: 25%;
  }
  .l-tile-5-sm > .l-tile_item {
    width: 20%;
  }
  .l-tile-6-sm > .l-tile_item {
    width: 16.6666666667%;
  }
  .l-tile-7-sm > .l-tile_item {
    width: 14.2857142857%;
  }
  .l-tile-8-sm > .l-tile_item {
    width: 12.5%;
  }
  .l-tile-9-sm > .l-tile_item {
    width: 11.1111111111%;
  }
  .l-tile-10-sm > .l-tile_item {
    width: 10%;
  }
}

@media (hover: hover){
  a:hover {
    opacity: 0.6;
  }
  .g-headerLogo_link:hover {
    opacity: 0.7;
    transition: opacity 0.4s;
  }
  .productMenu_inner_item a:hover {
    background-color: #f2f6fe;
    text-decoration: none;
  }
  .freeeai-body a:hover {
    opacity: 0.7;
  }
  .freeeai-button:hover {
    opacity: 0.7;
  }
  .freeeai-interview__card:hover {
    box-shadow: 0 clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8) clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) rgba(0, 0, 0, 0.15);
    transform: translateY(-2px);
  }
  .freeeai-modal__close:hover {
    opacity: 0.7;
  }
}

@media (prefers-reduced-motion: reduce){
  .freeeai-header {
    transition: none;
  }
}