@charset "UTF-8";
/* min-width用 */
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

:where([hidden]:not([hidden=until-found])) {
  display: none !important;
}

:where(html) {
  -webkit-text-size-adjust: none;
  color-scheme: dark light;
}

@supports not (min-block-size: 100dvb) {
  :where(html) {
    block-size: 100%;
  }
}
@media (prefers-reduced-motion: no-preference) {
  :where(html:focus-within) {
    scroll-behavior: smooth;
  }
}
:where(body) {
  block-size: 100%;
  block-size: 100dvb;
  line-height: 1.5;
  font-family: system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
}

:where(input, button, textarea, select) {
  font: inherit;
  color: inherit;
}

:where(textarea) {
  resize: vertical;
  resize: block;
}

:where(button, label, select, summary, [role=button], [role=option]) {
  cursor: pointer;
}

:where(:disabled) {
  cursor: not-allowed;
}

:where(label:has(> input:disabled), label:has(+ input:disabled)) {
  cursor: not-allowed;
}

:where(button) {
  border-style: solid;
}

:where(a) {
  text-underline-offset: 0.2ex;
}

:where(ul:not(.wp-block-list), ol:not(.wp-block-list)) {
  list-style: none;
}

:where(img, svg, video, canvas, audio, iframe, embed, object) {
  display: block;
}

:where(img, picture, svg) {
  max-inline-size: 100%;
  block-size: auto;
}

:where(p, h1, h2, h3, h4, h5, h6) {
  overflow-wrap: break-word;
}

:where(h1, h2, h3) {
  line-height: calc(1em + 0.5rem);
}

:where(hr) {
  border: none;
  -webkit-border-before: 1px solid;
          border-block-start: 1px solid;
  color: inherit;
  block-size: 0;
  overflow: visible;
}

:where(:focus-visible) {
  outline: 2px solid var(--focus-color, Highlight);
  outline-offset: 2px;
}

:where(.visually-hidden:not(:focus, :active, :focus-within, .not-visually-hidden)) {
  -webkit-clip-path: inset(50%) !important;
          clip-path: inset(50%) !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden !important;
  position: absolute !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/**
* Available vars:
* @var --viewport-from: <number> - Number in pixels without the unit. Required if `--font-size` is not exist.
* @var --viewport-to: <number> - Number in pixels without the unit. Required if `--font-size` is not exist.
* @var --font-size-from: <number> - Number in pixels without the unit. Required if `--font-size` and `--min-font-size` is not exist.
* @var --font-size-to: <number> - Number in pixels without the unit. Required if `--font-size` and `--max-font-size` is not exist.
* @var --max-font-size: <number> - Number in pixels without the unit. Optional.
* @var --min-font-size: <number> - Number in pixels without the unit. Optional.
* @var --viewport-unit-converter: 1vw | 1vh | 1vmin | 1vmax - Optional. Default: 1vw.
* @var --font-size: <length> | <percentage> | <absolute-size> | <relative-size> | Global values - Optional.
*/
*,
*::before,
*::after {
  --viewport-unit-converter: 1vw;
  --fz-from: var(--font-size-from, var(--min-font-size));
  --fz-to: var(--font-size-to, var(--max-font-size));
  --fz-slope: (var(--fz-to) - var(--fz-from)) / (var(--viewport-to) - var(--viewport-from)) * 100;
  --fz-intercept: (var(--viewport-to) * var(--fz-from) - var(--viewport-from) * var(--fz-to)) / (var(--viewport-to) - var(--viewport-from));
  --font-size: calc(var(--fz-slope) * var(--viewport-unit-converter) + var(--fz-intercept) * 1px);
  --min-fz-px: calc(var(--min-font-size) * 1px);
  --max-fz-px: calc(var(--max-font-size) * 1px);
  --clamp: clamp(var(--min-fz-px), var(--font-size), var(--max-fz-px));
  --max: var(--has-max, var(--min));
  --min: var(--has-min, var(--font-size));
  --has-max: min(var(--max-fz-px), var(--font-size));
  --has-min: max(var(--min-fz-px), var(--font-size));
  font-size: var(--clamp, var(--max));
}

html {
  scrollbar-gutter: stable;
  -webkit-text-size-adjust: 100%;
}

body {
  font-family: "YakuHanJP", "LINESeedJP", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", "MS Pゴシック", "MS PGothic", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: #071F45;
  letter-spacing: 0.035rem;
  line-height: 1.6;
  background: #FFFFFF;
}

:where(p) {
  --viewport-from: 375;
  --viewport-to: 1440;
  --min-font-size: 14;
  --max-font-size: 16;
  font-weight: 400;
  line-height: 1.8;
}
:where(p) *,
:where(p) *::before,
:where(p) *::after {
  --viewport-unit-converter: 1vw;
  --fz-from: var(--font-size-from, var(--min-font-size));
  --fz-to: var(--font-size-to, var(--max-font-size));
  --fz-slope: (var(--fz-to) - var(--fz-from)) / (var(--viewport-to) - var(--viewport-from)) * 100;
  --fz-intercept: (var(--viewport-to) * var(--fz-from) - var(--viewport-from) * var(--fz-to)) / (var(--viewport-to) - var(--viewport-from));
  --font-size: calc(var(--fz-slope) * var(--viewport-unit-converter) + var(--fz-intercept) * 1px);
  --min-fz-px: calc(var(--min-font-size) * 1px);
  --max-fz-px: calc(var(--max-font-size) * 1px);
  --clamp: clamp(var(--min-fz-px), var(--font-size), var(--max-fz-px));
  --max: var(--has-max, var(--min));
  --min: var(--has-min, var(--font-size));
  --has-max: min(var(--max-fz-px), var(--font-size));
  --has-min: max(var(--min-fz-px), var(--font-size));
  font-size: var(--clamp, var(--max));
}

b,
strong {
  font-weight: 700;
}

img {
  max-width: 100%;
  image-rendering: crisp-edges;
  image-rendering: -webkit-optimize-contrast;
}

a {
  color: #071F45;
  text-decoration: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

a[href*="tel:"] {
  text-decoration: none;
}
@media (min-width: 700px) {
  a[href*="tel:"] {
    pointer-events: none;
  }
}

.js-link {
  pointer-events: none;
}
.js-link.is-active {
  pointer-events: all;
}

input[type=checkbox].js-agree {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: #FFFFFF;
  border: 1px solid #0A5FE8;
  display: inline-block;
  width: 30px;
  height: 30px;
  position: relative;
  margin-right: 10px;
  vertical-align: middle;
  cursor: pointer;
  opacity: 1;
  -webkit-transition: all 250ms ease;
  transition: all 250ms ease;
  border-radius: 0;
}

input[type=checkbox].js-agree:checked:before {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  background: url("../img/common/check.svg") no-repeat center center/22px auto;
  background-size: contain;
}

@font-face {
  font-family: "LINESeedJP";
  src: url("../fonts/eot/LINESeedJP_TTF_Rg.eot"); /* IE用 */
  src: url("../fonts/eot/LINESeedJP_TTF_Rg.eot?#iefix") format("embedded-opentype"), url("../fonts/woff2/LINESeedJP_OTF_Rg.woff2") format("woff2"), url("../fonts/woff/LINESeedJP_OTF_Rg.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "LINESeedJP";
  src: url("../fonts/eot/LINESeedJP_TTF_Bd.eot"); /* IE用 */
  src: url("../fonts/eot/LINESeedJP_TTF_Bd.eot?#iefix") format("embedded-opentype"), url("../fonts/woff2/LINESeedJP_OTF_Bd.woff2") format("woff2"), url("../fonts/woff/LINESeedJP_OTF_Bd.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
.js-fadein-target {
  opacity: 0;
  -webkit-transition: 0.4s ease-out;
  transition: 0.4s ease-out;
}
.js-fadein-target.--up {
  -webkit-transform: translate(0, 30px);
          transform: translate(0, 30px);
}
.js-fadein-target.--down {
  -webkit-transform: translate(0, -30px);
          transform: translate(0, -30px);
}
.js-fadein-target.--left {
  -webkit-transform: translate(-30px, 0);
          transform: translate(-30px, 0);
}
.js-fadein-target.--right {
  -webkit-transform: translate(30px, 0);
          transform: translate(30px, 0);
}
.js-fadein-target.is-show {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

.l-header {
  width: 96%;
  margin: 0 auto;
  padding: 14px 24px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: fixed;
  top: 10px;
  left: 0;
  right: 0;
  z-index: 9999;
}
@media (min-width: 700px) {
  .l-header {
    padding: 24px;
    top: 24px;
  }
}
.l-header::before {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 8px;
  -webkit-box-shadow: 0px 4px 8px rgba(7, 31, 69, 0.14);
          box-shadow: 0px 4px 8px rgba(7, 31, 69, 0.14);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.l-header::after {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
  border: 1px solid #FFFFFF;
  border-radius: 8px;
  -webkit-box-shadow: inset 0px 0px 12px rgba(7, 31, 69, 0.08), 0px 12px 56px rgba(7, 31, 69, 0.08);
          box-shadow: inset 0px 0px 12px rgba(7, 31, 69, 0.08), 0px 12px 56px rgba(7, 31, 69, 0.08);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.l-header__logo {
  --viewport-from: 960;
  --viewport-to: 1440;
  --min-font-size: 12;
  --max-font-size: 16;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  position: relative;
  z-index: 2;
}
.l-header__logo *,
.l-header__logo *::before,
.l-header__logo *::after {
  --viewport-unit-converter: 1vw;
  --fz-from: var(--font-size-from, var(--min-font-size));
  --fz-to: var(--font-size-to, var(--max-font-size));
  --fz-slope: (var(--fz-to) - var(--fz-from)) / (var(--viewport-to) - var(--viewport-from)) * 100;
  --fz-intercept: (var(--viewport-to) * var(--fz-from) - var(--viewport-from) * var(--fz-to)) / (var(--viewport-to) - var(--viewport-from));
  --font-size: calc(var(--fz-slope) * var(--viewport-unit-converter) + var(--fz-intercept) * 1px);
  --min-fz-px: calc(var(--min-font-size) * 1px);
  --max-fz-px: calc(var(--max-font-size) * 1px);
  --clamp: clamp(var(--min-fz-px), var(--font-size), var(--max-fz-px));
  --max: var(--has-max, var(--min));
  --min: var(--has-min, var(--font-size));
  --has-max: min(var(--max-fz-px), var(--font-size));
  --has-min: max(var(--min-fz-px), var(--font-size));
  font-size: var(--clamp, var(--max));
}
.l-header__logo img {
  width: 99px;
}
@media (min-width: 700px) {
  .l-header__logo img {
    width: clamp(99px, 10vw, 144px);
  }
}
.l-header__nav {
  width: 100%;
  padding: 20px 0 0 0;
  opacity: 0;
  visibility: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  position: fixed;
  bottom: 0;
  left: 0;
  overflow: auto;
}
@media (min-width: 1024px) {
  .l-header__nav {
    width: auto;
    padding: 0;
    gap: clamp(16px, 2vw, 32px);
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    position: static;
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    overflow: visible;
    z-index: 3;
  }
}
.is-open .l-header__nav {
  width: 100vw;
  height: 100dvh;
  margin: 0 calc(50% - 50vw);
  padding: 120px 0 50px 0;
  background: #FFFFFF;
  opacity: 1;
  visibility: visible;
  bottom: auto;
  top: 0;
  z-index: -1;
}
@media (min-width: 700px) {
  .is-open .l-header__nav {
    padding: 150px 0 0 0;
  }
}
@media (min-width: 1024px) {
  .is-open .l-header__nav {
    width: initial;
    height: auto;
    margin: 0;
    padding: 0;
    background: initial;
    z-index: 3;
  }
}
.l-header__nav-list {
  margin-top: 16px;
  padding: 0 18px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
@media (min-width: 1024px) {
  .l-header__nav-list {
    margin: 0;
    padding: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: clamp(16px, 2vw, 32px);
  }
}
.l-header__nav-item {
  background: #FFFFFF;
  border: 1px solid #BCC8D9;
  border-radius: 8px;
  position: relative;
  overflow: hidden;
  -webkit-transition: 0.3s cubic-bezier(0.12, 0, 0.39, 0);
  transition: 0.3s cubic-bezier(0.12, 0, 0.39, 0);
}
@media (min-width: 1024px) {
  .l-header__nav-item {
    background: none;
    border: none;
    border-radius: 0;
    overflow: visible;
  }
}
.l-header__nav-item.--tab-none {
  display: none;
}
@media (min-width: 1024px) {
  .l-header__nav-item.--tab-none {
    display: block;
  }
}
.l-header__nav-item.--pc-none {
  display: block;
}
@media (min-width: 1024px) {
  .l-header__nav-item.--pc-none {
    display: none;
  }
}
.l-header__nav-item.is-active {
  background: none;
}
@media (min-width: 1024px) {
  .l-header__nav-item.is-active {
    border-radius: 0;
  }
}
.l-header__nav-item.is-active .l-header__nav-parent {
  color: #FFFFFF;
  background: #071F45;
}
.l-header__nav-parent {
  font-size: 16px;
  color: #071F45;
  min-height: 56px;
  padding: 12px 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  -webkit-transition: 0.3s cubic-bezier(0.12, 0, 0.39, 0);
  transition: 0.3s cubic-bezier(0.12, 0, 0.39, 0);
}
@media (hover: hover) and (pointer: fine) {
  .l-header__nav-parent:hover {
    color: #0A5FE8;
  }
  .l-header__nav-parent:hover::after {
    background-color: #0A5FE8;
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .l-header__nav-parent:hover {
    color: #0A5FE8;
  }
  .l-header__nav-parent:hover::after {
    background-color: #0A5FE8;
  }
}
@media (min-width: 1024px) {
  .l-header__nav-parent {
    font-size: 15px;
    color: #071F45;
    height: 100%;
    min-height: auto;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
    position: relative;
    cursor: pointer;
  }
}
.l-header__nav-parent img {
  width: min(100%, 40px);
  border-radius: 8px;
  display: block;
  -webkit-transition: 0.3s cubic-bezier(0.12, 0, 0.39, 0);
  transition: 0.3s cubic-bezier(0.12, 0, 0.39, 0);
}
@media (min-width: 1024px) {
  .l-header__nav-parent img {
    display: none;
  }
}
.l-header__nav-parent::before {
  content: "";
  display: none;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1;
}
@media (min-width: 1024px) {
  .l-header__nav-parent::before {
    content: "";
    width: 100%;
    height: 2px;
    background: #0A5FE8;
    border-radius: 9999px;
    display: block;
    position: absolute;
    bottom: -8px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.3s cubic-bezier(0.12, 0, 0.39, 0);
    transition: 0.3s cubic-bezier(0.12, 0, 0.39, 0);
  }
}
.l-header__nav-parent::after {
  content: "";
  width: 18px;
  aspect-ratio: 1/1;
  margin-left: auto;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="9.999" height="10" viewBox="0 0 9.999 10"><g transform="translate(-1106.139 73.537)"><path d="M-8659.861-36.538v-3h-3a1,1,0,0,1-1-1,1,1,0,0,1,1-1h3v-3a1,1,0,0,1,1-1,1,1,0,0,1,1,1v3h3a1,1,0,0,1,1,1,1,1,0,0,1-1,1h-3v3a1,1,0,0,1-1,1A1,1,0,0,1-8659.861-36.538Z" transform="translate(9770 -28)" fill="%23FFFFFF"/></g></svg>') no-repeat center center/10px auto;
  background-color: #0A5FE8;
  border-radius: 50%;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
      -ms-flex-order: 3;
          order: 3;
  -webkit-transition: 0.3s cubic-bezier(0.12, 0, 0.39, 0);
  transition: 0.3s cubic-bezier(0.12, 0, 0.39, 0);
}
@media (min-width: 1024px) {
  .l-header__nav-parent::after {
    width: 10px;
    -webkit-mask: url(../img/common/ic_plus.svg) no-repeat center center/100% auto;
            mask: url(../img/common/ic_plus.svg) no-repeat center center/100% auto;
    background: #071F45;
    border-radius: 0;
  }
}
.is-active .l-header__nav-parent::before {
  display: block;
  margin-left: auto;
  margin-right: 0;
}
.is-active .l-header__nav-parent::after {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="2" viewBox="0 0 10 2"><g transform="translate(-1106.139 69.537)"><path d="M1100.139-67.537h-8a1,1,0,0,1-1-1,1,1,0,0,1,1-1h8a1,1,0,0,1,1,1A1,1,0,0,1,1100.139-67.537Z" transform="translate(15)" fill="%230561E7"/></g></svg>') no-repeat center center/10px auto;
  background-color: #FFFFFF;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: 0.3s cubic-bezier(0.12, 0, 0.39, 0);
  transition: 0.3s cubic-bezier(0.12, 0, 0.39, 0);
  margin-left: 0px;
}
.l-header__nav-parent.is-active {
  color: #0A5FE8;
  background: #FFFFFF;
}
@media (min-width: 1024px) {
  .l-header__nav-parent.is-active {
    background: none;
  }
}
.l-header__nav-parent.is-active::before {
  opacity: 1;
  visibility: visible;
}
.l-header__nav-parent.is-active::after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: 0.3s cubic-bezier(0.12, 0, 0.39, 0);
  transition: 0.3s cubic-bezier(0.12, 0, 0.39, 0);
}
@media (min-width: 1024px) {
  .l-header__nav-parent.is-active::after {
    -webkit-mask: url(../img/common/ic_minus.svg) no-repeat center center/100% auto;
            mask: url(../img/common/ic_minus.svg) no-repeat center center/100% auto;
    background: #0A5FE8;
  }
}
.l-header__nav-link {
  --viewport-from: 960;
  --viewport-to: 1440;
  --min-font-size: 14;
  --max-font-size: 15;
  height: 100%;
  padding: 8px 16px 8px 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  -webkit-transition: 0.3s cubic-bezier(0.12, 0, 0.39, 0);
  transition: 0.3s cubic-bezier(0.12, 0, 0.39, 0);
}
.l-header__nav-link *,
.l-header__nav-link *::before,
.l-header__nav-link *::after {
  --viewport-unit-converter: 1vw;
  --fz-from: var(--font-size-from, var(--min-font-size));
  --fz-to: var(--font-size-to, var(--max-font-size));
  --fz-slope: (var(--fz-to) - var(--fz-from)) / (var(--viewport-to) - var(--viewport-from)) * 100;
  --fz-intercept: (var(--viewport-to) * var(--fz-from) - var(--viewport-from) * var(--fz-to)) / (var(--viewport-to) - var(--viewport-from));
  --font-size: calc(var(--fz-slope) * var(--viewport-unit-converter) + var(--fz-intercept) * 1px);
  --min-fz-px: calc(var(--min-font-size) * 1px);
  --max-fz-px: calc(var(--max-font-size) * 1px);
  --clamp: clamp(var(--min-fz-px), var(--font-size), var(--max-fz-px));
  --max: var(--has-max, var(--min));
  --min: var(--has-min, var(--font-size));
  --has-max: min(var(--max-fz-px), var(--font-size));
  --has-min: max(var(--min-fz-px), var(--font-size));
  font-size: var(--clamp, var(--max));
}
@media (hover: hover) and (pointer: fine) {
  .l-header__nav-link:hover {
    color: #0A5FE8;
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .l-header__nav-link:hover {
    color: #0A5FE8;
  }
}
@media (min-width: 1024px) {
  .l-header__nav-link {
    padding: 0;
    gap: 0;
  }
}
.l-header__nav-link::after {
  content: "";
  width: 14px;
  aspect-ratio: 14/8;
  margin-left: auto;
  background: url(../img/common/ic_arrow.svg) no-repeat center center/100% auto;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: 0.3s cubic-bezier(0.12, 0, 0.39, 0);
  transition: 0.3s cubic-bezier(0.12, 0, 0.39, 0);
}
@media (min-width: 1024px) {
  .l-header__nav-link::after {
    display: none;
  }
}
.l-header__nav-link img {
  width: min(100%, 40px);
  border-radius: 4px;
  display: block;
  -webkit-transition: 0.3s cubic-bezier(0.12, 0, 0.39, 0);
  transition: 0.3s cubic-bezier(0.12, 0, 0.39, 0);
}
@media (min-width: 1024px) {
  .l-header__nav-link img {
    display: none;
  }
}
.l-header__subnav {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.3s ease;
  transition: max-height 0.3s ease;
  position: relative;
}
@media (min-width: 1024px) {
  .l-header__subnav {
    min-width: 254px;
    max-height: inherit;
    padding: 24px;
    background: #FFFFFF;
    border: 1px solid #FFFFFF;
    border-radius: 8px;
    -webkit-backdrop-filter: blur(5px) brightness(1.1);
            backdrop-filter: blur(5px) brightness(1.1);
    -webkit-box-shadow: inset 0px 0px 12px rgba(7, 31, 69, 0.16), 0px 12px 56px rgba(7, 31, 69, 0.16);
            box-shadow: inset 0px 0px 12px rgba(7, 31, 69, 0.16), 0px 12px 56px rgba(7, 31, 69, 0.16);
    position: absolute;
    top: 80px;
    opacity: 0;
    visibility: hidden;
    overflow: visible;
    -webkit-transition: 0.3s cubic-bezier(0.12, 0, 0.39, 0);
    transition: 0.3s cubic-bezier(0.12, 0, 0.39, 0);
  }
  .l-header__subnav.is-open {
    opacity: 1;
    visibility: visible;
  }
}
.l-header__subnav-label {
  font-size: 12px;
  font-weight: 700;
  color: #738093;
  padding-bottom: 8px;
  border-bottom: 1px solid #BCC8D9;
  display: none;
}
@media (min-width: 1024px) {
  .l-header__subnav-label {
    display: block;
  }
}
.l-header__subnav-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 16px;
}
@media (min-width: 1024px) {
  .l-header__subnav-list {
    gap: 12px;
    padding: 0;
    margin-top: 20px;
  }
}
.l-header__subnav-item:not(:last-of-type) {
  border-bottom: 1px solid #F0F5FC;
}
@media (min-width: 1024px) {
  .l-header__subnav-item:not(:last-of-type) {
    border-bottom: none;
  }
}
.l-header__subnav-link {
  color: #071F45;
  font-size: 14px;
  padding: 10px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  -webkit-transition: 0.3s cubic-bezier(0.12, 0, 0.39, 0);
  transition: 0.3s cubic-bezier(0.12, 0, 0.39, 0);
}
@media (hover: hover) and (pointer: fine) {
  .l-header__subnav-link:hover {
    color: #0A5FE8;
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .l-header__subnav-link:hover {
    color: #0A5FE8;
  }
}
@media (min-width: 1024px) {
  .l-header__subnav-link {
    padding: 0;
    display: block;
  }
}
.l-header__subnav-link::before {
  content: "";
  width: 5px;
  height: 7px;
  -webkit-mask: url(../img/common/ic_arrow_nav.svg) no-repeat center center/100% auto;
          mask: url(../img/common/ic_arrow_nav.svg) no-repeat center center/100% auto;
  background: #071F45;
}
@media (min-width: 1024px) {
  .l-header__subnav-link {
    font-size: 16px;
    padding: 0;
  }
}
.l-header__recruit {
  padding: 0 18px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  position: relative;
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
      -ms-flex-order: -1;
          order: -1;
}
@media (min-width: 1024px) {
  .l-header__recruit {
    padding: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 8px;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
  }
}
.l-header__recruit-item {
  width: 100%;
  border-radius: 8px;
  overflow: hidden;
}
@media (min-width: 1024px) {
  .l-header__recruit-item {
    width: clamp(110px, 10vw, 144px);
  }
}
.l-header__recruit-link {
  font-size: 16px;
  line-height: 1;
  color: #FFFFFF;
  width: 100%;
  min-height: 56px;
  padding: 12px 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 4px;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .l-header__recruit-link {
    min-height: 37px;
    padding: 0;
    border-radius: 9999px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.l-header__recruit-link.--new-graduate {
  background: #0A5FE8;
  -webkit-transition: 0.3s cubic-bezier(0.12, 0, 0.39, 0);
  transition: 0.3s cubic-bezier(0.12, 0, 0.39, 0);
  transition: 0.3s cubic-bezier(0.12, 0, 0.39, 0);
}
@media (hover: hover) and (pointer: fine) {
  .l-header__recruit-link.--new-graduate:hover {
    background: #084cba;
    border: 1px solid #084cba;
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .l-header__recruit-link.--new-graduate:hover {
    background: #084cba;
    border: 1px solid #084cba;
  }
}
@media (min-width: 1024px) {
  .l-header__recruit-link.--new-graduate {
    border: 1px solid #0A5FE8;
  }
}
.l-header__recruit-link.--new-graduate::after {
  content: "";
  width: 18px;
  aspect-ratio: 1/1;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="9.999" height="10" viewBox="0 0 9.999 10"><g transform="translate(-1106.139 73.537)"><path d="M-8659.861-36.538v-3h-3a1,1,0,0,1-1-1,1,1,0,0,1,1-1h3v-3a1,1,0,0,1,1-1,1,1,0,0,1,1,1v3h3a1,1,0,0,1,1,1,1,1,0,0,1-1,1h-3v3a1,1,0,0,1-1,1A1,1,0,0,1-8659.861-36.538Z" transform="translate(9770 -28)" fill="%230561E7"/></g></svg>') no-repeat center center/10px auto;
  background-color: #FFFFFF;
  border-radius: 50%;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: 0.3s cubic-bezier(0.12, 0, 0.39, 0);
  transition: 0.3s cubic-bezier(0.12, 0, 0.39, 0);
}
@media (min-width: 1024px) {
  .l-header__recruit-link.--new-graduate::after {
    width: 10px;
    -webkit-mask: url(../img/common/ic_plus.svg) no-repeat center center/100% auto;
            mask: url(../img/common/ic_plus.svg) no-repeat center center/100% auto;
    background: #FFFFFF;
    border-radius: 0;
  }
}
.is-active .l-header__recruit-link.--new-graduate::after {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="2" viewBox="0 0 10 2"><g transform="translate(-1106.139 69.537)"><path d="M1100.139-67.537h-8a1,1,0,0,1-1-1,1,1,0,0,1,1-1h8a1,1,0,0,1,1,1A1,1,0,0,1,1100.139-67.537Z" transform="translate(15)" fill="%230561E7"/></g></svg>') no-repeat center center/10px auto;
  background-color: #FFFFFF;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: 0.3s cubic-bezier(0.12, 0, 0.39, 0);
  transition: 0.3s cubic-bezier(0.12, 0, 0.39, 0);
}
.l-header__recruit-link.--new-graduate.is-active {
  color: #0A5FE8;
  background: #FFFFFF;
}
.l-header__recruit-link.--new-graduate.is-active::after {
  background: none;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: 0.3s cubic-bezier(0.12, 0, 0.39, 0);
  transition: 0.3s cubic-bezier(0.12, 0, 0.39, 0);
}
@media (min-width: 1024px) {
  .l-header__recruit-link.--new-graduate.is-active::after {
    -webkit-mask: url(../img/common/ic_minus.svg) no-repeat center center/100% auto;
            mask: url(../img/common/ic_minus.svg) no-repeat center center/100% auto;
    background: #0A5FE8;
  }
}
.l-header__recruit-link.--new-graduate + .l-header__subnav {
  background: #0A5FE8;
  border-color: #0360EA;
}
@media (min-width: 1024px) {
  .l-header__recruit-link.--new-graduate + .l-header__subnav {
    border-radius: 16px;
  }
}
.l-header__recruit-link.--new-graduate + .l-header__subnav .l-header__subnav-label {
  color: #CDD7E3;
  border-color: #CDD7E3;
}
.l-header__recruit-link.--new-graduate + .l-header__subnav .l-header__subnav-link {
  color: #FFFFFF;
  -webkit-transition: 0.3s cubic-bezier(0.12, 0, 0.39, 0);
  transition: 0.3s cubic-bezier(0.12, 0, 0.39, 0);
}
@media (hover: hover) and (pointer: fine) {
  .l-header__recruit-link.--new-graduate + .l-header__subnav .l-header__subnav-link:hover {
    opacity: 0.6;
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .l-header__recruit-link.--new-graduate + .l-header__subnav .l-header__subnav-link:hover {
    opacity: 0.6;
  }
}
.l-header__recruit-link.--new-graduate + .l-header__subnav .l-header__subnav-link::before {
  background-color: #FFFFFF;
}
.l-header__recruit-link.--new-graduate + .l-header__subnav .l-header__subnav-list {
  padding: 0 16px 16px;
}
@media (min-width: 1024px) {
  .l-header__recruit-link.--new-graduate + .l-header__subnav .l-header__subnav-list {
    padding: 0;
    margin-top: 20px;
  }
}
.l-header__recruit-link.--new-graduate + .l-header__subnav .l-header__subnav-item:not(:last-of-type) {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
@media (min-width: 1024px) {
  .l-header__recruit-link.--new-graduate + .l-header__subnav .l-header__subnav-item:not(:last-of-type) {
    border-bottom: none;
  }
}
.l-header__recruit-link.--mid-career {
  background: #03398B;
  -webkit-transition: 0.3s cubic-bezier(0.12, 0, 0.39, 0);
  transition: 0.3s cubic-bezier(0.12, 0, 0.39, 0);
}
@media (hover: hover) and (pointer: fine) {
  .l-header__recruit-link.--mid-career:hover {
    background: #022861;
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .l-header__recruit-link.--mid-career:hover {
    background: #022861;
  }
}
.l-header__recruit-link.--mid-career::after {
  content: "";
  width: 14px;
  aspect-ratio: 14/8;
  -webkit-mask: url(../img/common/ic_arrow.svg) no-repeat center center/100% auto;
          mask: url(../img/common/ic_arrow.svg) no-repeat center center/100% auto;
  background: #FFFFFF;
}
@media (min-width: 1024px) {
  .l-header__recruit-link.--mid-career::after {
    display: none;
  }
}
.l-header__site {
  margin-top: 35px;
  display: block;
  padding: 0 18px;
}
@media (min-width: 1024px) {
  .l-header__site {
    display: none;
  }
}
.l-header__site-link {
  font-size: 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.l-header__site-link::after {
  content: "";
  width: 25px;
  aspect-ratio: 1/1;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 11 11"><g id="グループ_1056" data-name="グループ 1056" transform="translate(0.5 0.5)"><g id="グループ_1038" data-name="グループ 1038" transform="translate(3.159 0)"><g id="グループ_1058" data-name="グループ 1058" transform="translate(0 0)"><path id="パス_404" data-name="パス 404" d="M15.9,7.207h-1V.953H8.564v-1H15.9Z" transform="translate(-8.564 -0.453)" fill="%23071F45"/></g></g><path id="長方形_436" data-name="長方形 436" d="M-.5-.5H8.439V8.439H-.5ZM7.439.5H.5V7.439H7.439Z" transform="translate(0 2.061)" fill="%23071F45"/></g></svg>') no-repeat center center/8px auto;
  display: inline-block;
}
.l-header__menu {
  width: 32px;
  height: 34px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 6px;
  cursor: pointer;
  position: relative;
  z-index: 3;
}
@media (min-width: 1024px) {
  .l-header__menu {
    display: none;
  }
}
.l-header__menu.is-active .l-header__menu-bar {
  display: block;
  position: absolute;
  -webkit-transition: 0.3s cubic-bezier(0.12, 0, 0.39, 0);
  transition: 0.3s cubic-bezier(0.12, 0, 0.39, 0);
}
.l-header__menu.is-active .l-header__menu-bar:nth-of-type(1) {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.l-header__menu.is-active .l-header__menu-bar:nth-of-type(2) {
  opacity: 0;
}
.l-header__menu.is-active .l-header__menu-bar:nth-of-type(3) {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.l-header__menu-bar {
  width: 32px;
  height: 2px;
  background: #0A5FE8;
  position: absolute;
  -webkit-transition: 0.3s cubic-bezier(0.12, 0, 0.39, 0);
  transition: 0.3s cubic-bezier(0.12, 0, 0.39, 0);
}
.l-header__menu-bar:nth-of-type(1) {
  -webkit-transform: translateY(-6px);
          transform: translateY(-6px);
}
.l-header__menu-bar:nth-of-type(3) {
  -webkit-transform: translateY(6px);
          transform: translateY(6px);
}

.l-footer {
  color: #FFFFFF;
  width: min(100% - 48px, 1200px);
  margin: 0 auto;
  padding: 32px 0 24px 0;
  position: relative;
}
@media (min-width: 700px) {
  .l-footer {
    padding: 80px 0 64px 0;
  }
}
.l-footer::before {
  content: "";
  width: 100vw;
  height: 100%;
  margin: 0 calc(50% - 50vw);
  background: #2B2B2B;
  position: absolute;
  top: 0;
  z-index: -1;
}
.l-footer__inner {
  width: 100%;
}
@media (min-width: 1024px) {
  .l-footer__inner {
    display: grid;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.l-footer__inner img {
  width: min(100%, 154px);
}
@media (min-width: 700px) {
  .l-footer__inner img {
    width: min(100%, 240px);
  }
}
.l-footer__logo {
  --viewport-from: 600;
  --viewport-to: 1440;
  --min-font-size: 12;
  --max-font-size: 16;
  width: min(100%, 212px);
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.l-footer__logo *,
.l-footer__logo *::before,
.l-footer__logo *::after {
  --viewport-unit-converter: 1vw;
  --fz-from: var(--font-size-from, var(--min-font-size));
  --fz-to: var(--font-size-to, var(--max-font-size));
  --fz-slope: (var(--fz-to) - var(--fz-from)) / (var(--viewport-to) - var(--viewport-from)) * 100;
  --fz-intercept: (var(--viewport-to) * var(--fz-from) - var(--viewport-from) * var(--fz-to)) / (var(--viewport-to) - var(--viewport-from));
  --font-size: calc(var(--fz-slope) * var(--viewport-unit-converter) + var(--fz-intercept) * 1px);
  --min-fz-px: calc(var(--min-font-size) * 1px);
  --max-fz-px: calc(var(--max-font-size) * 1px);
  --clamp: clamp(var(--min-fz-px), var(--font-size), var(--max-fz-px));
  --max: var(--has-max, var(--min));
  --min: var(--has-min, var(--font-size));
  --has-max: min(var(--max-fz-px), var(--font-size));
  --has-min: max(var(--min-fz-px), var(--font-size));
  font-size: var(--clamp, var(--max));
}
@media (min-width: 1024px) {
  .l-footer__logo {
    margin: 0;
    width: min(100%, 317px);
    gap: 16px;
    grid-area: 1/1/2/2;
  }
}
.l-footer__button {
  margin-top: 32px;
}
@media (min-width: 1024px) {
  .l-footer__button {
    grid-area: 2/1/3/2;
  }
}
.l-footer__button-link {
  --viewport-from: 960;
  --viewport-to: 1440;
  --min-font-size: 12;
  --max-font-size: 16;
  color: #FFFFFF;
  width: min(100%, 249px);
  margin: 0 auto;
  padding: 10px 8px 10px 25px;
  background: #404040;
  border-radius: 9999px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.l-footer__button-link *,
.l-footer__button-link *::before,
.l-footer__button-link *::after {
  --viewport-unit-converter: 1vw;
  --fz-from: var(--font-size-from, var(--min-font-size));
  --fz-to: var(--font-size-to, var(--max-font-size));
  --fz-slope: (var(--fz-to) - var(--fz-from)) / (var(--viewport-to) - var(--viewport-from)) * 100;
  --fz-intercept: (var(--viewport-to) * var(--fz-from) - var(--viewport-from) * var(--fz-to)) / (var(--viewport-to) - var(--viewport-from));
  --font-size: calc(var(--fz-slope) * var(--viewport-unit-converter) + var(--fz-intercept) * 1px);
  --min-fz-px: calc(var(--min-font-size) * 1px);
  --max-fz-px: calc(var(--max-font-size) * 1px);
  --clamp: clamp(var(--min-fz-px), var(--font-size), var(--max-fz-px));
  --max: var(--has-max, var(--min));
  --min: var(--has-min, var(--font-size));
  --has-max: min(var(--max-fz-px), var(--font-size));
  --has-min: max(var(--min-fz-px), var(--font-size));
  font-size: var(--clamp, var(--max));
}
@media (hover: hover) and (pointer: fine) {
  .l-footer__button-link:hover {
    color: #404040;
    background: #FFFFFF;
  }
  .l-footer__button-link:hover::after {
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 11 11"><g id="グループ_1056" data-name="グループ 1056" transform="translate(0.5 0.5)"><g id="グループ_1038" data-name="グループ 1038" transform="translate(3.159 0)"><g id="グループ_1058" data-name="グループ 1058" transform="translate(0 0)"><path id="パス_404" data-name="パス 404" d="M15.9,7.207h-1V.953H8.564v-1H15.9Z" transform="translate(-8.564 -0.453)" fill="%23FFFFFF"/></g></g><path id="長方形_436" data-name="長方形 436" d="M-.5-.5H8.439V8.439H-.5ZM7.439.5H.5V7.439H7.439Z" transform="translate(0 2.061)" fill="%23FFFFFF"/></g></svg>') no-repeat center center/8px auto;
    background-color: #404040;
  }
}
@media (hover: hover) and (pointer: fine) and (min-width: 700px) {
  .l-footer__button-link:hover::after {
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 11 11"><g id="グループ_1056" data-name="グループ 1056" transform="translate(0.5 0.5)"><g id="グループ_1038" data-name="グループ 1038" transform="translate(3.159 0)"><g id="グループ_1058" data-name="グループ 1058" transform="translate(0 0)"><path id="パス_404" data-name="パス 404" d="M15.9,7.207h-1V.953H8.564v-1H15.9Z" transform="translate(-8.564 -0.453)" fill="%23FFFFFF"/></g></g><path id="長方形_436" data-name="長方形 436" d="M-.5-.5H8.439V8.439H-.5ZM7.439.5H.5V7.439H7.439Z" transform="translate(0 2.061)" fill="%23FFFFFF"/></g></svg>') no-repeat center center/11px 11px;
    background-color: #404040;
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .l-footer__button-link:hover {
    color: #404040;
    background: #FFFFFF;
  }
  .l-footer__button-link:hover::after {
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 11 11"><g id="グループ_1056" data-name="グループ 1056" transform="translate(0.5 0.5)"><g id="グループ_1038" data-name="グループ 1038" transform="translate(3.159 0)"><g id="グループ_1058" data-name="グループ 1058" transform="translate(0 0)"><path id="パス_404" data-name="パス 404" d="M15.9,7.207h-1V.953H8.564v-1H15.9Z" transform="translate(-8.564 -0.453)" fill="%23FFFFFF"/></g></g><path id="長方形_436" data-name="長方形 436" d="M-.5-.5H8.439V8.439H-.5ZM7.439.5H.5V7.439H7.439Z" transform="translate(0 2.061)" fill="%23FFFFFF"/></g></svg>') no-repeat center center/8px auto;
    background-color: #404040;
  }
}
@media (-ms-high-contrast: none) and (min-width: 700px), (-ms-high-contrast: active) and (min-width: 700px) {
  .l-footer__button-link:hover::after {
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 11 11"><g id="グループ_1056" data-name="グループ 1056" transform="translate(0.5 0.5)"><g id="グループ_1038" data-name="グループ 1038" transform="translate(3.159 0)"><g id="グループ_1058" data-name="グループ 1058" transform="translate(0 0)"><path id="パス_404" data-name="パス 404" d="M15.9,7.207h-1V.953H8.564v-1H15.9Z" transform="translate(-8.564 -0.453)" fill="%23FFFFFF"/></g></g><path id="長方形_436" data-name="長方形 436" d="M-.5-.5H8.439V8.439H-.5ZM7.439.5H.5V7.439H7.439Z" transform="translate(0 2.061)" fill="%23FFFFFF"/></g></svg>') no-repeat center center/11px 11px;
    background-color: #404040;
  }
}
@media (min-width: 700px) {
  .l-footer__button-link {
    width: min(100%, 317px);
    padding: 15px 10px 15px 32px;
  }
}
@media (min-width: 1024px) {
  .l-footer__button-link {
    margin: 0;
  }
}
.l-footer__button-link::after {
  content: "";
  width: 25px;
  aspect-ratio: 1/1;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 11 11"><g id="グループ_1056" data-name="グループ 1056" transform="translate(0.5 0.5)"><g id="グループ_1038" data-name="グループ 1038" transform="translate(3.159 0)"><g id="グループ_1058" data-name="グループ 1058" transform="translate(0 0)"><path id="パス_404" data-name="パス 404" d="M15.9,7.207h-1V.953H8.564v-1H15.9Z" transform="translate(-8.564 -0.453)" fill="%23525252"/></g></g><path id="長方形_436" data-name="長方形 436" d="M-.5-.5H8.439V8.439H-.5ZM7.439.5H.5V7.439H7.439Z" transform="translate(0 2.061)" fill="%23525252"/></g></svg>') no-repeat center center/8px auto;
  background-color: #FFFFFF;
  border-radius: 50%;
}
@media (min-width: 700px) {
  .l-footer__button-link::after {
    width: 32px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 11 11"><g id="グループ_1056" data-name="グループ 1056" transform="translate(0.5 0.5)"><g id="グループ_1038" data-name="グループ 1038" transform="translate(3.159 0)"><g id="グループ_1058" data-name="グループ 1058" transform="translate(0 0)"><path id="パス_404" data-name="パス 404" d="M15.9,7.207h-1V.953H8.564v-1H15.9Z" transform="translate(-8.564 -0.453)" fill="%23525252"/></g></g><path id="長方形_436" data-name="長方形 436" d="M-.5-.5H8.439V8.439H-.5ZM7.439.5H.5V7.439H7.439Z" transform="translate(0 2.061)" fill="%23525252"/></g></svg>') no-repeat center center/11px 11px;
    background-color: #FFFFFF;
  }
}
.l-footer__nav {
  margin-top: 56px;
  padding-bottom: 48px;
  border-bottom: 1px solid #525252;
}
@media (min-width: 1024px) {
  .l-footer__nav {
    margin-top: 40px;
    grid-area: 1/2/3/3;
  }
}
.l-footer__nav-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 24px;
}
@media (min-width: 700px) {
  .l-footer__nav-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
  }
}
@media (max-width: 749px) {
  .l-footer__nav-item {
    width: 50%;
  }
}
@media (max-width: 749px) {
  .l-footer__nav-item.--sp-order2 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
  }
}
@media (max-width: 749px) {
  .l-footer__nav-item.--sp-order3 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3;
  }
}
.l-footer__nav-parent {
  font-size: 10px;
  color: #525252;
  padding-bottom: 8px;
  border-bottom: 1px solid #525252;
  display: block;
}
@media (min-width: 700px) {
  .l-footer__nav-parent {
    font-size: 12px;
  }
}
.l-footer__subnav {
  margin-top: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
@media (min-width: 700px) {
  .l-footer__subnav {
    margin-top: 16px;
    gap: 16px;
  }
}
.l-footer__subnav-link {
  --viewport-from: 960;
  --viewport-to: 1440;
  --min-font-size: 14;
  --max-font-size: 16;
  color: #FFFFFF;
}
.l-footer__subnav-link *,
.l-footer__subnav-link *::before,
.l-footer__subnav-link *::after {
  --viewport-unit-converter: 1vw;
  --fz-from: var(--font-size-from, var(--min-font-size));
  --fz-to: var(--font-size-to, var(--max-font-size));
  --fz-slope: (var(--fz-to) - var(--fz-from)) / (var(--viewport-to) - var(--viewport-from)) * 100;
  --fz-intercept: (var(--viewport-to) * var(--fz-from) - var(--viewport-from) * var(--fz-to)) / (var(--viewport-to) - var(--viewport-from));
  --font-size: calc(var(--fz-slope) * var(--viewport-unit-converter) + var(--fz-intercept) * 1px);
  --min-fz-px: calc(var(--min-font-size) * 1px);
  --max-fz-px: calc(var(--max-font-size) * 1px);
  --clamp: clamp(var(--min-fz-px), var(--font-size), var(--max-fz-px));
  --max: var(--has-max, var(--min));
  --min: var(--has-min, var(--font-size));
  --has-max: min(var(--max-fz-px), var(--font-size));
  --has-min: max(var(--min-fz-px), var(--font-size));
  font-size: var(--clamp, var(--max));
}
@media (hover: hover) and (pointer: fine) {
  .l-footer__subnav-link:hover {
    opacity: 0.5;
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .l-footer__subnav-link:hover {
    opacity: 0.5;
  }
}
.l-footer__copyright {
  font-size: 12px;
  color: #525252;
  font-family: "Noto Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-variation-settings: "wdth" 100;
  text-align: center;
  width: 100%;
  margin-top: 32px;
  margin-right: 16px;
  display: block;
}
@media (min-width: 1024px) {
  .l-footer__copyright {
    margin-top: 80px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: right;
  }
}
.l-footer__copyright::before {
  content: "";
  width: min(100%, 210px);
  margin: 0 auto 8px auto;
  aspect-ratio: 298/90;
  background: url(../img/common/deco_footer.svg) no-repeat center center/100% auto;
  display: block;
}
@media (min-width: 1024px) {
  .l-footer__copyright::before {
    width: min(100%, 298px);
    margin: 0;
  }
}
.l-footer__pagetop {
  width: 40px;
  aspect-ratio: 1/1;
  position: fixed;
  right: 24px;
  bottom: 34px;
  opacity: 0;
  z-index: 100;
}
@media (min-width: 700px) {
  .l-footer__pagetop {
    width: 43px;
    right: 32px;
    bottom: 40px;
  }
}
.l-footer__pagetop a {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="8" viewBox="0 0 14 8"><path id="パス_19575" data-name="パス 19575" d="M13.8,3.813,4.528.029a.313.313,0,0,0-.453.342l.7,2.334L.328,2.69H.313A.319.319,0,0,0,0,3.017l.089,1.91a.321.321,0,0,0,.321.3l4.441.07L4.408,7.625a.349.349,0,0,0,.487.349L13.8,4.389a.32.32,0,0,0,.174-.166.308.308,0,0,0-.173-.411" transform="translate(0 0)" fill="%23FFFFFF"/></svg>') no-repeat center center/18px auto;
  background-color: #0A5FE8;
  border-radius: 50%;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
}

.l-container {
  overflow: clip;
  position: relative;
}
.l-container:after {
  content: "";
  width: 100%;
  height: 100dvh;
  background: #071F45;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.3s cubic-bezier(0.12, 0, 0.39, 0);
  transition: 0.3s cubic-bezier(0.12, 0, 0.39, 0);
}
.l-container.is-open::after {
  opacity: 0.24;
  visibility: visible;
}

.l-main {
  position: relative;
  padding-top: 1px;
}
.l-main::before {
  content: "";
  width: min(45%, 400px);
  aspect-ratio: 400/350;
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  z-index: -1;
}
@media (min-width: 700px) {
  .l-main::before {
    width: min(31%, 400px);
  }
}
.l-main.--triangle::before {
  background: url(../img/common/page_deco_triangle.svg) no-repeat center center/100% auto;
}
.l-main.--square::before {
  background: url(../img/common/page_deco_square.svg) no-repeat center center/100% auto;
}
.l-main.--circle::before {
  background: url(../img/common/page_deco_circle.svg) no-repeat center center/100% auto;
}
.l-main.--interview::before {
  width: 100%;
  height: 23%;
  background: url(../img/interview/bg_profile.jpg) no-repeat center center/cover;
  z-index: -1;
}
@media (min-width: 700px) {
  .l-main.--interview::before {
    height: 20%;
    background: auto 100%;
  }
}
@media (min-width: 1024px) {
  .l-main.--interview::before {
    aspect-ratio: 1440/917;
    background: 100% auto;
  }
}

.l-columns {
  margin: 64px 0 0 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media (min-width: 700px) {
  .l-columns {
    margin: 160px 0 0 0;
  }
}
@media (max-width: 749px) {
  .l-columns {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}
.l-columns__main {
  width: 100%;
  margin-top: 64px;
}
@media (min-width: 700px) {
  .l-columns__main {
    margin: 0;
    -webkit-box-flex: 2;
    -webkit-flex: 2;
        -ms-flex: 2;
            flex: 2;
  }
}
@media (min-width: 1024px) {
  .l-columns__main {
    width: min(100% - 342px, 880px);
  }
}
.l-columns__sidenav {
  width: 100%;
}
@media (min-width: 700px) {
  .l-columns__sidenav {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    position: -webkit-sticky;
    position: sticky;
    top: 150px;
  }
}
@media (min-width: 1024px) {
  .l-columns__sidenav {
    width: min(100%, 320px);
  }
}
.l-columns__sidenav-list {
  --viewport-from: 768;
  --viewport-to: 1440;
  --min-font-size: 14;
  --max-font-size: 20;
  list-style: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.l-columns__sidenav-list *,
.l-columns__sidenav-list *::before,
.l-columns__sidenav-list *::after {
  --viewport-unit-converter: 1vw;
  --fz-from: var(--font-size-from, var(--min-font-size));
  --fz-to: var(--font-size-to, var(--max-font-size));
  --fz-slope: (var(--fz-to) - var(--fz-from)) / (var(--viewport-to) - var(--viewport-from)) * 100;
  --fz-intercept: (var(--viewport-to) * var(--fz-from) - var(--viewport-from) * var(--fz-to)) / (var(--viewport-to) - var(--viewport-from));
  --font-size: calc(var(--fz-slope) * var(--viewport-unit-converter) + var(--fz-intercept) * 1px);
  --min-fz-px: calc(var(--min-font-size) * 1px);
  --max-fz-px: calc(var(--max-font-size) * 1px);
  --clamp: clamp(var(--min-fz-px), var(--font-size), var(--max-fz-px));
  --max: var(--has-max, var(--min));
  --min: var(--has-min, var(--font-size));
  --has-max: min(var(--max-fz-px), var(--font-size));
  --has-min: max(var(--min-fz-px), var(--font-size));
  font-size: var(--clamp, var(--max));
}
@media (min-width: 700px) {
  .l-columns__sidenav-list {
    gap: 24px;
  }
}
.l-columns__sidenav-list a {
  color: #738093;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.l-columns__sidenav-list a::before {
  content: "";
  width: 8px;
  aspect-ratio: 1/1;
  background: #738093;
  margin: 0 12px 0 4px;
  border-radius: 50%;
}
.l-columns__sidenav-list .current a {
  color: #0A5FE8;
}
.l-columns__sidenav-list .current a::before {
  content: "";
  width: 16px;
  aspect-ratio: 1/1;
  background: #0A5FE8;
  margin: 0 8px 0 0;
}

/*------------------------------------
  recruit
-------------------------------------*/
.l-recruit {
  width: min(100% - 24px, 1920px);
  margin: 80px auto 32px auto;
  padding: 40px 0;
  background: #F0F5FC;
  border-radius: 32px;
  position: relative;
}
@media (min-width: 700px) {
  .l-recruit {
    width: min(100% - 64px, 1920px);
    margin: 160px auto 32px auto;
    padding: 60px 0;
  }
}
@media (min-width: 1024px) {
  .l-recruit {
    padding: 80px 40px;
  }
}
.l-recruit__deco {
  position: absolute;
  top: -10px;
  right: -1%;
  width: 15%;
}
@media (min-width: 700px) {
  .l-recruit__deco {
    width: 8%;
  }
}
.l-recruit__deco::before {
  content: "";
  display: block;
  width: 100%;
  aspect-ratio: 120/102;
  background: url(../img/common/deco_recruite.svg) no-repeat center center/100% auto;
}
.l-recruit__row {
  margin-top: 40px;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 16px;
}
@media (min-width: 700px) {
  .l-recruit__row {
    grid-template-columns: repeat(2, 1fr);
    gap: 32px;
  }
}
.l-recruit__newgrad {
  padding: 24px 16px;
  background: #0561E7;
  border-radius: 16px;
}
@media (min-width: 700px) {
  .l-recruit__newgrad {
    padding: 24px;
  }
}
@media (min-width: 1024px) {
  .l-recruit__newgrad {
    padding: 40px;
  }
}
.l-recruit__newgrad-title {
  --viewport-from: 768;
  --viewport-to: 1440;
  --min-font-size: 20;
  --max-font-size: 32;
  color: #FFFFFF;
  line-height: 1;
  text-align: center;
}
.l-recruit__newgrad-title *,
.l-recruit__newgrad-title *::before,
.l-recruit__newgrad-title *::after {
  --viewport-unit-converter: 1vw;
  --fz-from: var(--font-size-from, var(--min-font-size));
  --fz-to: var(--font-size-to, var(--max-font-size));
  --fz-slope: (var(--fz-to) - var(--fz-from)) / (var(--viewport-to) - var(--viewport-from)) * 100;
  --fz-intercept: (var(--viewport-to) * var(--fz-from) - var(--viewport-from) * var(--fz-to)) / (var(--viewport-to) - var(--viewport-from));
  --font-size: calc(var(--fz-slope) * var(--viewport-unit-converter) + var(--fz-intercept) * 1px);
  --min-fz-px: calc(var(--min-font-size) * 1px);
  --max-fz-px: calc(var(--max-font-size) * 1px);
  --clamp: clamp(var(--min-fz-px), var(--font-size), var(--max-fz-px));
  --max: var(--has-max, var(--min));
  --min: var(--has-min, var(--font-size));
  --has-max: min(var(--max-fz-px), var(--font-size));
  --has-min: max(var(--min-fz-px), var(--font-size));
  font-size: var(--clamp, var(--max));
}
.l-recruit__career {
  color: #FFFFFF;
  padding: 24px 16px;
  background: #03398B;
  border-radius: 16px;
}
@media (min-width: 700px) {
  .l-recruit__career {
    padding: 24px;
  }
}
@media (min-width: 1024px) {
  .l-recruit__career {
    padding: 40px;
  }
}
@media (hover: hover) and (pointer: fine) {
  .l-recruit__career .l-recruit__list-link:hover {
    background: #0A5FE8;
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .l-recruit__career .l-recruit__list-link:hover {
    background: #0A5FE8;
  }
}
.l-recruit__career-title {
  --viewport-from: 768;
  --viewport-to: 1440;
  --min-font-size: 20;
  --max-font-size: 32;
  color: #FFFFFF;
  line-height: 1;
  text-align: center;
}
.l-recruit__career-title *,
.l-recruit__career-title *::before,
.l-recruit__career-title *::after {
  --viewport-unit-converter: 1vw;
  --fz-from: var(--font-size-from, var(--min-font-size));
  --fz-to: var(--font-size-to, var(--max-font-size));
  --fz-slope: (var(--fz-to) - var(--fz-from)) / (var(--viewport-to) - var(--viewport-from)) * 100;
  --fz-intercept: (var(--viewport-to) * var(--fz-from) - var(--viewport-from) * var(--fz-to)) / (var(--viewport-to) - var(--viewport-from));
  --font-size: calc(var(--fz-slope) * var(--viewport-unit-converter) + var(--fz-intercept) * 1px);
  --min-fz-px: calc(var(--min-font-size) * 1px);
  --max-fz-px: calc(var(--max-font-size) * 1px);
  --clamp: clamp(var(--min-fz-px), var(--font-size), var(--max-fz-px));
  --max: var(--has-max, var(--min));
  --min: var(--has-min, var(--font-size));
  --has-max: min(var(--max-fz-px), var(--font-size));
  --has-min: max(var(--min-fz-px), var(--font-size));
  font-size: var(--clamp, var(--max));
}
.l-recruit__list {
  margin-top: 32px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
.l-recruit__list-link {
  --viewport-from: 768;
  --viewport-to: 1440;
  --min-font-size: 16;
  --max-font-size: 20;
  padding: 16px;
  background: #FFFFFF;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 8px;
}
.l-recruit__list-link *,
.l-recruit__list-link *::before,
.l-recruit__list-link *::after {
  --viewport-unit-converter: 1vw;
  --fz-from: var(--font-size-from, var(--min-font-size));
  --fz-to: var(--font-size-to, var(--max-font-size));
  --fz-slope: (var(--fz-to) - var(--fz-from)) / (var(--viewport-to) - var(--viewport-from)) * 100;
  --fz-intercept: (var(--viewport-to) * var(--fz-from) - var(--viewport-from) * var(--fz-to)) / (var(--viewport-to) - var(--viewport-from));
  --font-size: calc(var(--fz-slope) * var(--viewport-unit-converter) + var(--fz-intercept) * 1px);
  --min-fz-px: calc(var(--min-font-size) * 1px);
  --max-fz-px: calc(var(--max-font-size) * 1px);
  --clamp: clamp(var(--min-fz-px), var(--font-size), var(--max-fz-px));
  --max: var(--has-max, var(--min));
  --min: var(--has-min, var(--font-size));
  --has-max: min(var(--max-fz-px), var(--font-size));
  --has-min: max(var(--min-fz-px), var(--font-size));
  font-size: var(--clamp, var(--max));
}
@media (hover: hover) and (pointer: fine) {
  .l-recruit__list-link:hover {
    color: #FFFFFF;
    background: #03398B;
  }
  .l-recruit__list-link:hover::after {
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="8" viewBox="0 0 14 8"><path id="パス_19575" data-name="パス 19575" d="M13.8,3.813,4.528.029a.313.313,0,0,0-.453.342l.7,2.334L.328,2.69H.313A.319.319,0,0,0,0,3.017l.089,1.91a.321.321,0,0,0,.321.3l4.441.07L4.408,7.625a.349.349,0,0,0,.487.349L13.8,4.389a.32.32,0,0,0,.174-.166.308.308,0,0,0-.173-.411" transform="translate(0 0)" fill="%2303398B"/></svg>') no-repeat center center/10px auto;
    background-color: #FFFFFF;
  }
}
@media (hover: hover) and (pointer: fine) and (min-width: 1024px) {
  .l-recruit__list-link:hover::after {
    min-width: 32px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="8" viewBox="0 0 14 8"><path id="パス_19575" data-name="パス 19575" d="M13.8,3.813,4.528.029a.313.313,0,0,0-.453.342l.7,2.334L.328,2.69H.313A.319.319,0,0,0,0,3.017l.089,1.91a.321.321,0,0,0,.321.3l4.441.07L4.408,7.625a.349.349,0,0,0,.487.349L13.8,4.389a.32.32,0,0,0,.174-.166.308.308,0,0,0-.173-.411" transform="translate(0 0)" fill="%2303398B"/></svg>') no-repeat center center/14px auto;
    background-color: #FFFFFF;
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .l-recruit__list-link:hover {
    color: #FFFFFF;
    background: #03398B;
  }
  .l-recruit__list-link:hover::after {
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="8" viewBox="0 0 14 8"><path id="パス_19575" data-name="パス 19575" d="M13.8,3.813,4.528.029a.313.313,0,0,0-.453.342l.7,2.334L.328,2.69H.313A.319.319,0,0,0,0,3.017l.089,1.91a.321.321,0,0,0,.321.3l4.441.07L4.408,7.625a.349.349,0,0,0,.487.349L13.8,4.389a.32.32,0,0,0,.174-.166.308.308,0,0,0-.173-.411" transform="translate(0 0)" fill="%2303398B"/></svg>') no-repeat center center/10px auto;
    background-color: #FFFFFF;
  }
}
@media (-ms-high-contrast: none) and (min-width: 1024px), (-ms-high-contrast: active) and (min-width: 1024px) {
  .l-recruit__list-link:hover::after {
    min-width: 32px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="8" viewBox="0 0 14 8"><path id="パス_19575" data-name="パス 19575" d="M13.8,3.813,4.528.029a.313.313,0,0,0-.453.342l.7,2.334L.328,2.69H.313A.319.319,0,0,0,0,3.017l.089,1.91a.321.321,0,0,0,.321.3l4.441.07L4.408,7.625a.349.349,0,0,0,.487.349L13.8,4.389a.32.32,0,0,0,.174-.166.308.308,0,0,0-.173-.411" transform="translate(0 0)" fill="%2303398B"/></svg>') no-repeat center center/14px auto;
    background-color: #FFFFFF;
  }
}
@media (min-width: 1024px) {
  .l-recruit__list-link {
    padding: 24px 32px;
    border-radius: 16px;
  }
}
.l-recruit__list-link::after {
  content: "";
  min-width: 24px;
  aspect-ratio: 1/1;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="8" viewBox="0 0 14 8"><path id="パス_19575" data-name="パス 19575" d="M13.8,3.813,4.528.029a.313.313,0,0,0-.453.342l.7,2.334L.328,2.69H.313A.319.319,0,0,0,0,3.017l.089,1.91a.321.321,0,0,0,.321.3l4.441.07L4.408,7.625a.349.349,0,0,0,.487.349L13.8,4.389a.32.32,0,0,0,.174-.166.308.308,0,0,0-.173-.411" transform="translate(0 0)" fill="%23FFFFFF"/></svg>') no-repeat center center/10px auto;
  background-color: #0360EA;
  border-radius: 50%;
  -webkit-transition: 0.3s cubic-bezier(0.12, 0, 0.39, 0);
  transition: 0.3s cubic-bezier(0.12, 0, 0.39, 0);
}
@media (min-width: 1024px) {
  .l-recruit__list-link::after {
    min-width: 32px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="8" viewBox="0 0 14 8"><path id="パス_19575" data-name="パス 19575" d="M13.8,3.813,4.528.029a.313.313,0,0,0-.453.342l.7,2.334L.328,2.69H.313A.319.319,0,0,0,0,3.017l.089,1.91a.321.321,0,0,0,.321.3l4.441.07L4.408,7.625a.349.349,0,0,0,.487.349L13.8,4.389a.32.32,0,0,0,.174-.166.308.308,0,0,0-.173-.411" transform="translate(0 0)" fill="%23FFFFFF"/></svg>') no-repeat center center/14px auto;
    background-color: #0360EA;
  }
}
.l-recruit__button-link {
  padding: 24px;
  background: #FFFFFF;
  border-radius: 16px;
  display: grid;
  grid-template-columns: 1fr 24px;
  gap: 16px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
@media (hover: hover) and (pointer: fine) {
  .l-recruit__button-link:hover {
    color: #0A5FE8;
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .l-recruit__button-link:hover {
    color: #0A5FE8;
  }
}
@media (min-width: 700px) {
  .l-recruit__button-link {
    grid-template-columns: 80px 1fr 24px;
    gap: 24px;
  }
}
@media (min-width: 1024px) {
  .l-recruit__button-link {
    grid-template-columns: 108px 1fr 32px;
  }
}
.l-recruit__button-link::after {
  content: "";
  min-width: 24px;
  aspect-ratio: 1/1;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="8" viewBox="0 0 14 8"><path id="パス_19575" data-name="パス 19575" d="M13.8,3.813,4.528.029a.313.313,0,0,0-.453.342l.7,2.334L.328,2.69H.313A.319.319,0,0,0,0,3.017l.089,1.91a.321.321,0,0,0,.321.3l4.441.07L4.408,7.625a.349.349,0,0,0,.487.349L13.8,4.389a.32.32,0,0,0,.174-.166.308.308,0,0,0-.173-.411" transform="translate(0 0)" fill="%23FFFFFF"/></svg>') no-repeat center center/10px auto;
  background-color: #0360EA;
  border-radius: 50%;
  place-items: center;
  place-content: center;
}
@media (min-width: 1024px) {
  .l-recruit__button-link::after {
    min-width: 32px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="8" viewBox="0 0 14 8"><path id="パス_19575" data-name="パス 19575" d="M13.8,3.813,4.528.029a.313.313,0,0,0-.453.342l.7,2.334L.328,2.69H.313A.319.319,0,0,0,0,3.017l.089,1.91a.321.321,0,0,0,.321.3l4.441.07L4.408,7.625a.349.349,0,0,0,.487.349L13.8,4.389a.32.32,0,0,0,.174-.166.308.308,0,0,0-.173-.411" transform="translate(0 0)" fill="%23FFFFFF"/></svg>') no-repeat center center/14px auto;
    background-color: #0360EA;
  }
}
.l-recruit__button-link img {
  width: 40px;
  border-radius: 8px;
  position: absolute;
  top: 14px;
  left: 24px;
}
@media (min-width: 700px) {
  .l-recruit__button-link img {
    width: auto;
    border-radius: 12px;
    position: static;
  }
}
.l-recruit__button-title {
  --viewport-from: 768;
  --viewport-to: 1440;
  --min-font-size: 16;
  --max-font-size: 20;
  padding-left: 56px;
}
.l-recruit__button-title *,
.l-recruit__button-title *::before,
.l-recruit__button-title *::after {
  --viewport-unit-converter: 1vw;
  --fz-from: var(--font-size-from, var(--min-font-size));
  --fz-to: var(--font-size-to, var(--max-font-size));
  --fz-slope: (var(--fz-to) - var(--fz-from)) / (var(--viewport-to) - var(--viewport-from)) * 100;
  --fz-intercept: (var(--viewport-to) * var(--fz-from) - var(--viewport-from) * var(--fz-to)) / (var(--viewport-to) - var(--viewport-from));
  --font-size: calc(var(--fz-slope) * var(--viewport-unit-converter) + var(--fz-intercept) * 1px);
  --min-fz-px: calc(var(--min-font-size) * 1px);
  --max-fz-px: calc(var(--max-font-size) * 1px);
  --clamp: clamp(var(--min-fz-px), var(--font-size), var(--max-fz-px));
  --max: var(--has-max, var(--min));
  --min: var(--has-min, var(--font-size));
  --has-max: min(var(--max-fz-px), var(--font-size));
  --has-min: max(var(--min-fz-px), var(--font-size));
  font-size: var(--clamp, var(--max));
}
@media (min-width: 700px) {
  .l-recruit__button-title {
    padding: 0;
  }
}
.l-recruit__button-caption {
  --viewport-from: 768;
  --viewport-to: 1440;
  --min-font-size: 14;
  --max-font-size: 16;
  font-weight: 400;
  margin-top: 16px;
}
.l-recruit__button-caption *,
.l-recruit__button-caption *::before,
.l-recruit__button-caption *::after {
  --viewport-unit-converter: 1vw;
  --fz-from: var(--font-size-from, var(--min-font-size));
  --fz-to: var(--font-size-to, var(--max-font-size));
  --fz-slope: (var(--fz-to) - var(--fz-from)) / (var(--viewport-to) - var(--viewport-from)) * 100;
  --fz-intercept: (var(--viewport-to) * var(--fz-from) - var(--viewport-from) * var(--fz-to)) / (var(--viewport-to) - var(--viewport-from));
  --font-size: calc(var(--fz-slope) * var(--viewport-unit-converter) + var(--fz-intercept) * 1px);
  --min-fz-px: calc(var(--min-font-size) * 1px);
  --max-fz-px: calc(var(--max-font-size) * 1px);
  --clamp: clamp(var(--min-fz-px), var(--font-size), var(--max-fz-px));
  --max: var(--has-max, var(--min));
  --min: var(--has-min, var(--font-size));
  --has-max: min(var(--max-fz-px), var(--font-size));
  --has-min: max(var(--min-fz-px), var(--font-size));
  font-size: var(--clamp, var(--max));
}
@media (min-width: 700px) {
  .l-recruit__button-caption {
    margin-top: 8px;
  }
}

.c-container {
  width: 100%;
  padding: 0 24px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1024px) {
  .c-container {
    width: min(100% - 48px, 1200px);
  }
}

.c-breadcrumbs {
  position: relative;
  margin-top: 100px;
}
@media (min-width: 700px) {
  .c-breadcrumbs {
    margin-top: 165px;
  }
}

.c-breadcrumbs-list {
  width: 100%;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  white-space: nowrap;
  overflow-x: scroll;
  scrollbar-width: none;
}

.c-breadcrumbs-item {
  font-size: 12px;
  font-weight: 400;
  color: #738093;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  white-space: nowrap;
}
.c-breadcrumbs-item a {
  font-size: 12px;
  color: #071F45;
  text-decoration: underline;
}
.c-breadcrumbs-item a::after {
  content: "";
  width: 8px;
  aspect-ratio: 1/1;
  background: url(../img/common/ic_arrow_breadcrumbs.svg) no-repeat center center/100% auto;
  margin: 0 4px;
  display: inline-block;
}
.c-breadcrumbs-item.--current {
  color: #FFFFFF;
  padding: 2px 4px;
  background: #071F45;
  border-radius: 2px;
}
.c-breadcrumbs-item br {
  display: none;
}

.--interview .c-breadcrumbs-item a {
  color: #FFFFFF;
}
.--interview .c-breadcrumbs-item a::after {
  -webkit-mask: url(../img/common/ic_arrow_breadcrumbs.svg) no-repeat center center/100% auto;
          mask: url(../img/common/ic_arrow_breadcrumbs.svg) no-repeat center center/100% auto;
  background: #FFFFFF;
}
.--interview .c-breadcrumbs-item.--current {
  color: #BCC8D9;
}

.c-hero__title {
  --viewport-from: 768;
  --viewport-to: 1440;
  --min-font-size: 28;
  --max-font-size: 64;
  line-height: 1.4;
}
.c-hero__title *,
.c-hero__title *::before,
.c-hero__title *::after {
  --viewport-unit-converter: 1vw;
  --fz-from: var(--font-size-from, var(--min-font-size));
  --fz-to: var(--font-size-to, var(--max-font-size));
  --fz-slope: (var(--fz-to) - var(--fz-from)) / (var(--viewport-to) - var(--viewport-from)) * 100;
  --fz-intercept: (var(--viewport-to) * var(--fz-from) - var(--viewport-from) * var(--fz-to)) / (var(--viewport-to) - var(--viewport-from));
  --font-size: calc(var(--fz-slope) * var(--viewport-unit-converter) + var(--fz-intercept) * 1px);
  --min-fz-px: calc(var(--min-font-size) * 1px);
  --max-fz-px: calc(var(--max-font-size) * 1px);
  --clamp: clamp(var(--min-fz-px), var(--font-size), var(--max-fz-px));
  --max: var(--has-max, var(--min));
  --min: var(--has-min, var(--font-size));
  --has-max: min(var(--max-fz-px), var(--font-size));
  --has-min: max(var(--min-fz-px), var(--font-size));
  font-size: var(--clamp, var(--max));
}
.c-hero__title-en {
  --viewport-from: 768;
  --viewport-to: 1440;
  --min-font-size: 18;
  --max-font-size: 24;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
}
.c-hero__title-en *,
.c-hero__title-en *::before,
.c-hero__title-en *::after {
  --viewport-unit-converter: 1vw;
  --fz-from: var(--font-size-from, var(--min-font-size));
  --fz-to: var(--font-size-to, var(--max-font-size));
  --fz-slope: (var(--fz-to) - var(--fz-from)) / (var(--viewport-to) - var(--viewport-from)) * 100;
  --fz-intercept: (var(--viewport-to) * var(--fz-from) - var(--viewport-from) * var(--fz-to)) / (var(--viewport-to) - var(--viewport-from));
  --font-size: calc(var(--fz-slope) * var(--viewport-unit-converter) + var(--fz-intercept) * 1px);
  --min-fz-px: calc(var(--min-font-size) * 1px);
  --max-fz-px: calc(var(--max-font-size) * 1px);
  --clamp: clamp(var(--min-fz-px), var(--font-size), var(--max-fz-px));
  --max: var(--has-max, var(--min));
  --min: var(--has-min, var(--font-size));
  --has-max: min(var(--max-fz-px), var(--font-size));
  --has-min: max(var(--min-fz-px), var(--font-size));
  font-size: var(--clamp, var(--max));
}
.c-hero--no-image .c-hero__title-en::after {
  content: "";
  width: 112px;
  height: 1px;
  background: -webkit-linear-gradient(315deg, rgb(6, 96, 231) 0%, rgb(255, 255, 255) 100%);
  background: linear-gradient(135deg, rgb(6, 96, 231) 0%, rgb(255, 255, 255) 100%);
}
.c-hero__image {
  width: 100%;
  height: auto;
  display: block;
  margin: 40px 0 0 0;
}
.c-hero__image img {
  border-radius: 0 16px 16px 0;
}
@media (min-width: 700px) {
  .c-hero__image img {
    border-radius: 0 32px 32px 0;
  }
}
.c-hero--with-image {
  margin-top: 54px;
}
.c-hero--no-image {
  margin-top: 54px;
}
@media (min-width: 700px) {
  .c-hero--no-image {
    margin-top: 108px;
  }
}

.c-heading {
  --viewport-from: 768;
  --viewport-to: 1440;
  --min-font-size: 28;
  --max-font-size: 44;
}
.c-heading *,
.c-heading *::before,
.c-heading *::after {
  --viewport-unit-converter: 1vw;
  --fz-from: var(--font-size-from, var(--min-font-size));
  --fz-to: var(--font-size-to, var(--max-font-size));
  --fz-slope: (var(--fz-to) - var(--fz-from)) / (var(--viewport-to) - var(--viewport-from)) * 100;
  --fz-intercept: (var(--viewport-to) * var(--fz-from) - var(--viewport-from) * var(--fz-to)) / (var(--viewport-to) - var(--viewport-from));
  --font-size: calc(var(--fz-slope) * var(--viewport-unit-converter) + var(--fz-intercept) * 1px);
  --min-fz-px: calc(var(--min-font-size) * 1px);
  --max-fz-px: calc(var(--max-font-size) * 1px);
  --clamp: clamp(var(--min-fz-px), var(--font-size), var(--max-fz-px));
  --max: var(--has-max, var(--min));
  --min: var(--has-min, var(--font-size));
  --has-max: min(var(--max-fz-px), var(--font-size));
  --has-min: max(var(--min-fz-px), var(--font-size));
  font-size: var(--clamp, var(--max));
}
.c-heading--border {
  border-bottom: 1px solid #BCC8D9;
  padding-bottom: 16px;
}

.c-button {
  color: #FFFFFF;
  margin: 0 auto;
  padding: 8px 8px 8px 16px;
  background: #071F45;
  border-radius: 8px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 40px;
  -webkit-transition: 0.3s cubic-bezier(0.12, 0, 0.39, 0);
  transition: 0.3s cubic-bezier(0.12, 0, 0.39, 0);
}
@media (min-width: 700px) {
  .c-button {
    margin: 0;
  }
}
@media (hover: hover) and (pointer: fine) {
  .c-button:hover {
    background: #0A5FE8;
  }
  .c-button:hover::after {
    content: "";
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="8" viewBox="0 0 14 8"><path id="パス_19575" data-name="パス 19575" d="M13.8,3.813,4.528.029a.313.313,0,0,0-.453.342l.7,2.334L.328,2.69H.313A.319.319,0,0,0,0,3.017l.089,1.91a.321.321,0,0,0,.321.3l4.441.07L4.408,7.625a.349.349,0,0,0,.487.349L13.8,4.389a.32.32,0,0,0,.174-.166.308.308,0,0,0-.173-.411" transform="translate(0 0)" fill="%230A5FE8"/></svg>') no-repeat center center/14px auto;
    background-color: #FFFFFF;
  }
  .icon-external .c-button:hover::after {
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 11 11"><g id="グループ_1056" data-name="グループ 1056" transform="translate(0.5 0.5)"><g id="グループ_1038" data-name="グループ 1038" transform="translate(3.159 0)"><g id="グループ_1058" data-name="グループ 1058" transform="translate(0 0)"><path id="パス_404" data-name="パス 404" d="M15.9,7.207h-1V.953H8.564v-1H15.9Z" transform="translate(-8.564 -0.453)" fill="%230A5FE8"/></g></g><path id="長方形_436" data-name="長方形 436" d="M-.5-.5H8.439V8.439H-.5ZM7.439.5H.5V7.439H7.439Z" transform="translate(0 2.061)" fill="%230A5FE8"/></g></svg>') no-repeat center center/10px auto;
    background-color: #FFFFFF;
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .c-button:hover {
    background: #0A5FE8;
  }
  .c-button:hover::after {
    content: "";
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="8" viewBox="0 0 14 8"><path id="パス_19575" data-name="パス 19575" d="M13.8,3.813,4.528.029a.313.313,0,0,0-.453.342l.7,2.334L.328,2.69H.313A.319.319,0,0,0,0,3.017l.089,1.91a.321.321,0,0,0,.321.3l4.441.07L4.408,7.625a.349.349,0,0,0,.487.349L13.8,4.389a.32.32,0,0,0,.174-.166.308.308,0,0,0-.173-.411" transform="translate(0 0)" fill="%230A5FE8"/></svg>') no-repeat center center/14px auto;
    background-color: #FFFFFF;
  }
  .icon-external .c-button:hover::after {
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 11 11"><g id="グループ_1056" data-name="グループ 1056" transform="translate(0.5 0.5)"><g id="グループ_1038" data-name="グループ 1038" transform="translate(3.159 0)"><g id="グループ_1058" data-name="グループ 1058" transform="translate(0 0)"><path id="パス_404" data-name="パス 404" d="M15.9,7.207h-1V.953H8.564v-1H15.9Z" transform="translate(-8.564 -0.453)" fill="%230A5FE8"/></g></g><path id="長方形_436" data-name="長方形 436" d="M-.5-.5H8.439V8.439H-.5ZM7.439.5H.5V7.439H7.439Z" transform="translate(0 2.061)" fill="%230A5FE8"/></g></svg>') no-repeat center center/10px auto;
    background-color: #FFFFFF;
  }
}
.c-button::after {
  content: "";
  width: 32px;
  aspect-ratio: 1/1;
  background: url(../img/common/ic_arrow.svg) #FFFFFF no-repeat center center/10px auto;
  border-radius: 50%;
  -webkit-transition: 0.3s cubic-bezier(0.12, 0, 0.39, 0);
  transition: 0.3s cubic-bezier(0.12, 0, 0.39, 0);
}
@media (min-width: 1024px) {
  .c-button::after {
    width: 36px;
    background: url(../img/common/ic_arrow.svg) #FFFFFF no-repeat center center/14px auto;
  }
}

.c-news-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
@media (min-width: 700px) {
  .c-news-list {
    gap: 24px;
  }
}
.c-news-list__link {
  padding: 16px;
  border: 1px solid #BCC8D9;
  border-radius: 8px;
  background: #FFFFFF;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-transition: 0.3s cubic-bezier(0.12, 0, 0.39, 0);
  transition: 0.3s cubic-bezier(0.12, 0, 0.39, 0);
}
@media (min-width: 700px) {
  .c-news-list__link {
    padding: 24px;
  }
}
@media (hover: hover) and (pointer: fine) {
  .c-news-list__link:hover {
    color: #0A5FE8;
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .c-news-list__link:hover {
    color: #0A5FE8;
  }
}
.c-news-list__meta {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
@media (min-width: 700px) {
  .c-news-list__meta {
    gap: 16px;
  }
}
.c-news-list__meta-category {
  --viewport-from: 768;
  --viewport-to: 1440;
  --min-font-size: 12;
  --max-font-size: 14;
  color: #0A5FE8;
  padding: 2px 20px 0;
  border: 1px solid #0A5FE8;
  border-radius: 999px;
}
.c-news-list__meta-category *,
.c-news-list__meta-category *::before,
.c-news-list__meta-category *::after {
  --viewport-unit-converter: 1vw;
  --fz-from: var(--font-size-from, var(--min-font-size));
  --fz-to: var(--font-size-to, var(--max-font-size));
  --fz-slope: (var(--fz-to) - var(--fz-from)) / (var(--viewport-to) - var(--viewport-from)) * 100;
  --fz-intercept: (var(--viewport-to) * var(--fz-from) - var(--viewport-from) * var(--fz-to)) / (var(--viewport-to) - var(--viewport-from));
  --font-size: calc(var(--fz-slope) * var(--viewport-unit-converter) + var(--fz-intercept) * 1px);
  --min-fz-px: calc(var(--min-font-size) * 1px);
  --max-fz-px: calc(var(--max-font-size) * 1px);
  --clamp: clamp(var(--min-fz-px), var(--font-size), var(--max-fz-px));
  --max: var(--has-max, var(--min));
  --min: var(--has-min, var(--font-size));
  --has-max: min(var(--max-fz-px), var(--font-size));
  --has-min: max(var(--min-fz-px), var(--font-size));
  font-size: var(--clamp, var(--max));
}
.c-news-list__meta-date {
  --viewport-from: 768;
  --viewport-to: 1440;
  --min-font-size: 12;
  --max-font-size: 14;
  color: #738093;
}
.c-news-list__meta-date *,
.c-news-list__meta-date *::before,
.c-news-list__meta-date *::after {
  --viewport-unit-converter: 1vw;
  --fz-from: var(--font-size-from, var(--min-font-size));
  --fz-to: var(--font-size-to, var(--max-font-size));
  --fz-slope: (var(--fz-to) - var(--fz-from)) / (var(--viewport-to) - var(--viewport-from)) * 100;
  --fz-intercept: (var(--viewport-to) * var(--fz-from) - var(--viewport-from) * var(--fz-to)) / (var(--viewport-to) - var(--viewport-from));
  --font-size: calc(var(--fz-slope) * var(--viewport-unit-converter) + var(--fz-intercept) * 1px);
  --min-fz-px: calc(var(--min-font-size) * 1px);
  --max-fz-px: calc(var(--max-font-size) * 1px);
  --clamp: clamp(var(--min-fz-px), var(--font-size), var(--max-fz-px));
  --max: var(--has-max, var(--min));
  --min: var(--has-min, var(--font-size));
  --has-max: min(var(--max-fz-px), var(--font-size));
  --has-min: max(var(--min-fz-px), var(--font-size));
  font-size: var(--clamp, var(--max));
}
.c-news-list__title {
  --viewport-from: 768;
  --viewport-to: 1440;
  --min-font-size: 16;
  --max-font-size: 18;
  margin-top: 16px;
  display: block;
  width: 100%;
}
.c-news-list__title *,
.c-news-list__title *::before,
.c-news-list__title *::after {
  --viewport-unit-converter: 1vw;
  --fz-from: var(--font-size-from, var(--min-font-size));
  --fz-to: var(--font-size-to, var(--max-font-size));
  --fz-slope: (var(--fz-to) - var(--fz-from)) / (var(--viewport-to) - var(--viewport-from)) * 100;
  --fz-intercept: (var(--viewport-to) * var(--fz-from) - var(--viewport-from) * var(--fz-to)) / (var(--viewport-to) - var(--viewport-from));
  --font-size: calc(var(--fz-slope) * var(--viewport-unit-converter) + var(--fz-intercept) * 1px);
  --min-fz-px: calc(var(--min-font-size) * 1px);
  --max-fz-px: calc(var(--max-font-size) * 1px);
  --clamp: clamp(var(--min-fz-px), var(--font-size), var(--max-fz-px));
  --max: var(--has-max, var(--min));
  --min: var(--has-min, var(--font-size));
  --has-max: min(var(--max-fz-px), var(--font-size));
  --has-min: max(var(--min-fz-px), var(--font-size));
  font-size: var(--clamp, var(--max));
}

.c-interview {
  margin-top: 40px;
  border-top: 1px solid #BCC8D9;
}
@media (min-width: 700px) {
  .c-interview {
    margin-top: 80px;
  }
}
.c-interview__head {
  margin-top: 32px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 24px 40px;
}
.c-interview__title {
  --viewport-from: 768;
  --viewport-to: 1440;
  --min-font-size: 18;
  --max-font-size: 24;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.c-interview__title *,
.c-interview__title *::before,
.c-interview__title *::after {
  --viewport-unit-converter: 1vw;
  --fz-from: var(--font-size-from, var(--min-font-size));
  --fz-to: var(--font-size-to, var(--max-font-size));
  --fz-slope: (var(--fz-to) - var(--fz-from)) / (var(--viewport-to) - var(--viewport-from)) * 100;
  --fz-intercept: (var(--viewport-to) * var(--fz-from) - var(--viewport-from) * var(--fz-to)) / (var(--viewport-to) - var(--viewport-from));
  --font-size: calc(var(--fz-slope) * var(--viewport-unit-converter) + var(--fz-intercept) * 1px);
  --min-fz-px: calc(var(--min-font-size) * 1px);
  --max-fz-px: calc(var(--max-font-size) * 1px);
  --clamp: clamp(var(--min-fz-px), var(--font-size), var(--max-fz-px));
  --max: var(--has-max, var(--min));
  --min: var(--has-min, var(--font-size));
  --has-max: min(var(--max-fz-px), var(--font-size));
  --has-min: max(var(--min-fz-px), var(--font-size));
  font-size: var(--clamp, var(--max));
}
.c-interview__title::before {
  content: "";
  min-width: 12px;
  aspect-ratio: 1/1;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.c-interview__slide {
  margin-top: 40px;
}
.--sales .c-interview .c-interview__title::before {
  background: #236DDB;
}
.--support .c-interview .c-interview__title::before {
  background: #E57B2E;
}
.--community .c-interview .c-interview__title::before {
  background: #2EABAB;
}
.--technical .c-interview .c-interview__title::before {
  background: #2E9FE5;
}
.--sales-management .c-interview .c-interview__title::before {
  background: #DEB524;
}
.--general-affairs .c-interview .c-interview__title::before {
  background: #224988;
}
.c-interview__swiper-button {
  width: 88px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 8px;
  position: relative;
  z-index: 10;
  margin: 0 0 0 auto;
}
.c-interview__swiper-button .swiper-button-prev {
  width: 40px;
  height: 40px;
  border: 1px solid #BCC8D9;
  border-radius: 50%;
  position: relative;
  left: 0;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
.c-interview__swiper-button .swiper-button-next {
  width: 40px;
  height: 40px;
  border: 1px solid #BCC8D9;
  border-radius: 50%;
  position: relative;
  right: 0;
}
.c-interview__swiper-button .swiper-button-next::after,
.c-interview__swiper-button .swiper-button-prev::after {
  content: "";
  width: 10px;
  height: 14px;
  background-color: #071F45;
  -webkit-mask: url(../img/common/ic_arrow_nav.svg) no-repeat center center/100% auto;
          mask: url(../img/common/ic_arrow_nav.svg) no-repeat center center/100% auto;
}
.c-interview__swiper {
  margin-top: 40px;
}
@media (min-width: 700px) {
  .c-interview__swiper {
    margin-top: 56px;
  }
}
.c-interview__swiper .swiper-wrapper {
  display: grid !important;
  grid-auto-flow: column;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.c-interview__swiper-slide {
  height: auto !important;
}
.c-interview__swiper-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}
.c-interview__swiper-image {
  aspect-ratio: 469/360;
  border-radius: 16px;
  display: block;
  overflow: hidden;
}
.c-interview__swiper-image img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.c-interview__swiper-textarea {
  margin-top: 16px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.c-interview__swiper-department {
  --viewport-from: 768;
  --viewport-to: 1440;
  --min-font-size: 12;
  --max-font-size: 14;
  color: #246BDE;
  padding: 2px 20px;
  border: 1px solid #246BDE;
  border-radius: 999px;
  display: inline-block;
}
.c-interview__swiper-department *,
.c-interview__swiper-department *::before,
.c-interview__swiper-department *::after {
  --viewport-unit-converter: 1vw;
  --fz-from: var(--font-size-from, var(--min-font-size));
  --fz-to: var(--font-size-to, var(--max-font-size));
  --fz-slope: (var(--fz-to) - var(--fz-from)) / (var(--viewport-to) - var(--viewport-from)) * 100;
  --fz-intercept: (var(--viewport-to) * var(--fz-from) - var(--viewport-from) * var(--fz-to)) / (var(--viewport-to) - var(--viewport-from));
  --font-size: calc(var(--fz-slope) * var(--viewport-unit-converter) + var(--fz-intercept) * 1px);
  --min-fz-px: calc(var(--min-font-size) * 1px);
  --max-fz-px: calc(var(--max-font-size) * 1px);
  --clamp: clamp(var(--min-fz-px), var(--font-size), var(--max-fz-px));
  --max: var(--has-max, var(--min));
  --min: var(--has-min, var(--font-size));
  --has-max: min(var(--max-fz-px), var(--font-size));
  --has-min: max(var(--min-fz-px), var(--font-size));
  font-size: var(--clamp, var(--max));
}
.c-interview__swiper-catch {
  font-weight: 700;
  --viewport-from: 768;
  --viewport-to: 1440;
  --min-font-size: 16;
  --max-font-size: 20;
  line-height: 1.6;
  margin-top: 8px;
}
.c-interview__swiper-catch *,
.c-interview__swiper-catch *::before,
.c-interview__swiper-catch *::after {
  --viewport-unit-converter: 1vw;
  --fz-from: var(--font-size-from, var(--min-font-size));
  --fz-to: var(--font-size-to, var(--max-font-size));
  --fz-slope: (var(--fz-to) - var(--fz-from)) / (var(--viewport-to) - var(--viewport-from)) * 100;
  --fz-intercept: (var(--viewport-to) * var(--fz-from) - var(--viewport-from) * var(--fz-to)) / (var(--viewport-to) - var(--viewport-from));
  --font-size: calc(var(--fz-slope) * var(--viewport-unit-converter) + var(--fz-intercept) * 1px);
  --min-fz-px: calc(var(--min-font-size) * 1px);
  --max-fz-px: calc(var(--max-font-size) * 1px);
  --clamp: clamp(var(--min-fz-px), var(--font-size), var(--max-fz-px));
  --max: var(--has-max, var(--min));
  --min: var(--has-min, var(--font-size));
  --has-max: min(var(--max-fz-px), var(--font-size));
  --has-min: max(var(--min-fz-px), var(--font-size));
  font-size: var(--clamp, var(--max));
}
.c-interview__swiper-year {
  --viewport-from: 768;
  --viewport-to: 1440;
  --min-font-size: 12;
  --max-font-size: 14;
  color: #738093;
  font-weight: 400;
  margin-top: 8px;
}
.c-interview__swiper-year *,
.c-interview__swiper-year *::before,
.c-interview__swiper-year *::after {
  --viewport-unit-converter: 1vw;
  --fz-from: var(--font-size-from, var(--min-font-size));
  --fz-to: var(--font-size-to, var(--max-font-size));
  --fz-slope: (var(--fz-to) - var(--fz-from)) / (var(--viewport-to) - var(--viewport-from)) * 100;
  --fz-intercept: (var(--viewport-to) * var(--fz-from) - var(--viewport-from) * var(--fz-to)) / (var(--viewport-to) - var(--viewport-from));
  --font-size: calc(var(--fz-slope) * var(--viewport-unit-converter) + var(--fz-intercept) * 1px);
  --min-fz-px: calc(var(--min-font-size) * 1px);
  --max-fz-px: calc(var(--max-font-size) * 1px);
  --clamp: clamp(var(--min-fz-px), var(--font-size), var(--max-fz-px));
  --max: var(--has-max, var(--min));
  --min: var(--has-min, var(--font-size));
  --has-max: min(var(--max-fz-px), var(--font-size));
  --has-min: max(var(--min-fz-px), var(--font-size));
  font-size: var(--clamp, var(--max));
}
.c-interview__swiper-division {
  --viewport-from: 768;
  --viewport-to: 1440;
  --min-font-size: 12;
  --max-font-size: 14;
  color: #738093;
  font-weight: 400;
}
.c-interview__swiper-division *,
.c-interview__swiper-division *::before,
.c-interview__swiper-division *::after {
  --viewport-unit-converter: 1vw;
  --fz-from: var(--font-size-from, var(--min-font-size));
  --fz-to: var(--font-size-to, var(--max-font-size));
  --fz-slope: (var(--fz-to) - var(--fz-from)) / (var(--viewport-to) - var(--viewport-from)) * 100;
  --fz-intercept: (var(--viewport-to) * var(--fz-from) - var(--viewport-from) * var(--fz-to)) / (var(--viewport-to) - var(--viewport-from));
  --font-size: calc(var(--fz-slope) * var(--viewport-unit-converter) + var(--fz-intercept) * 1px);
  --min-fz-px: calc(var(--min-font-size) * 1px);
  --max-fz-px: calc(var(--max-font-size) * 1px);
  --clamp: clamp(var(--min-fz-px), var(--font-size), var(--max-fz-px));
  --max: var(--has-max, var(--min));
  --min: var(--has-min, var(--font-size));
  --has-max: min(var(--max-fz-px), var(--font-size));
  --has-min: max(var(--min-fz-px), var(--font-size));
  font-size: var(--clamp, var(--max));
}

.c-staff-interview {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}
@media (hover: hover) and (pointer: fine) {
  .c-staff-interview:hover .c-staff-interview__image img {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  .c-staff-interview:hover .c-staff-interview__textarea {
    background: #F0F5FC;
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .c-staff-interview:hover .c-staff-interview__image img {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  .c-staff-interview:hover .c-staff-interview__textarea {
    background: #F0F5FC;
  }
}
.c-staff-interview__image {
  display: block;
  -webkit-mask: url(../img/home/mask_staff.svg) no-repeat top center/100% auto;
          mask: url(../img/home/mask_staff.svg) no-repeat top center/100% auto;
  border-radius: 4px 0 0 0;
}
.c-staff-interview__image img {
  width: 100%;
  max-width: 100%;
  height: auto;
  -webkit-transition: 0.4s ease-out;
  transition: 0.4s ease-out;
}
.c-staff-interview__textarea {
  padding: 16px;
  border: 1px solid #BCC8D9;
  border-top: none;
  border-radius: 0 0 16px 16px;
  background: #FFFFFF;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-transition: 0.4s ease-out;
  transition: 0.4s ease-out;
}
@media (min-width: 1024px) {
  .c-staff-interview__textarea {
    padding: 24px;
  }
}
.c-staff-interview__department {
  --viewport-from: 767;
  --viewport-to: 1440;
  --min-font-size: 12;
  --max-font-size: 14;
  font-weight: 700;
  color: #246BDE;
  padding: 2px 20px 0;
  border: 1px solid #246BDE;
  border-radius: 999px;
  display: inline-block;
}
.c-staff-interview__department *,
.c-staff-interview__department *::before,
.c-staff-interview__department *::after {
  --viewport-unit-converter: 1vw;
  --fz-from: var(--font-size-from, var(--min-font-size));
  --fz-to: var(--font-size-to, var(--max-font-size));
  --fz-slope: (var(--fz-to) - var(--fz-from)) / (var(--viewport-to) - var(--viewport-from)) * 100;
  --fz-intercept: (var(--viewport-to) * var(--fz-from) - var(--viewport-from) * var(--fz-to)) / (var(--viewport-to) - var(--viewport-from));
  --font-size: calc(var(--fz-slope) * var(--viewport-unit-converter) + var(--fz-intercept) * 1px);
  --min-fz-px: calc(var(--min-font-size) * 1px);
  --max-fz-px: calc(var(--max-font-size) * 1px);
  --clamp: clamp(var(--min-fz-px), var(--font-size), var(--max-fz-px));
  --max: var(--has-max, var(--min));
  --min: var(--has-min, var(--font-size));
  --has-max: min(var(--max-fz-px), var(--font-size));
  --has-min: max(var(--min-fz-px), var(--font-size));
  font-size: var(--clamp, var(--max));
}
.c-staff-interview__catch {
  --viewport-from: 767;
  --viewport-to: 1440;
  --min-font-size: 16;
  --max-font-size: 20;
  font-weight: 700;
  line-height: 1.6;
  margin-top: 8px;
}
.c-staff-interview__catch *,
.c-staff-interview__catch *::before,
.c-staff-interview__catch *::after {
  --viewport-unit-converter: 1vw;
  --fz-from: var(--font-size-from, var(--min-font-size));
  --fz-to: var(--font-size-to, var(--max-font-size));
  --fz-slope: (var(--fz-to) - var(--fz-from)) / (var(--viewport-to) - var(--viewport-from)) * 100;
  --fz-intercept: (var(--viewport-to) * var(--fz-from) - var(--viewport-from) * var(--fz-to)) / (var(--viewport-to) - var(--viewport-from));
  --font-size: calc(var(--fz-slope) * var(--viewport-unit-converter) + var(--fz-intercept) * 1px);
  --min-fz-px: calc(var(--min-font-size) * 1px);
  --max-fz-px: calc(var(--max-font-size) * 1px);
  --clamp: clamp(var(--min-fz-px), var(--font-size), var(--max-fz-px));
  --max: var(--has-max, var(--min));
  --min: var(--has-min, var(--font-size));
  --has-max: min(var(--max-fz-px), var(--font-size));
  --has-min: max(var(--min-fz-px), var(--font-size));
  font-size: var(--clamp, var(--max));
}
.c-staff-interview__year {
  --viewport-from: 767;
  --viewport-to: 1440;
  --min-font-size: 12;
  --max-font-size: 14;
  color: #738093;
  font-weight: 400;
  margin-top: 8px;
}
.c-staff-interview__year *,
.c-staff-interview__year *::before,
.c-staff-interview__year *::after {
  --viewport-unit-converter: 1vw;
  --fz-from: var(--font-size-from, var(--min-font-size));
  --fz-to: var(--font-size-to, var(--max-font-size));
  --fz-slope: (var(--fz-to) - var(--fz-from)) / (var(--viewport-to) - var(--viewport-from)) * 100;
  --fz-intercept: (var(--viewport-to) * var(--fz-from) - var(--viewport-from) * var(--fz-to)) / (var(--viewport-to) - var(--viewport-from));
  --font-size: calc(var(--fz-slope) * var(--viewport-unit-converter) + var(--fz-intercept) * 1px);
  --min-fz-px: calc(var(--min-font-size) * 1px);
  --max-fz-px: calc(var(--max-font-size) * 1px);
  --clamp: clamp(var(--min-fz-px), var(--font-size), var(--max-fz-px));
  --max: var(--has-max, var(--min));
  --min: var(--has-min, var(--font-size));
  --has-max: min(var(--max-fz-px), var(--font-size));
  --has-min: max(var(--min-fz-px), var(--font-size));
  font-size: var(--clamp, var(--max));
}
.c-staff-interview__division {
  --viewport-from: 767;
  --viewport-to: 1440;
  --min-font-size: 12;
  --max-font-size: 14;
  color: #738093;
  font-weight: 400;
}
.c-staff-interview__division *,
.c-staff-interview__division *::before,
.c-staff-interview__division *::after {
  --viewport-unit-converter: 1vw;
  --fz-from: var(--font-size-from, var(--min-font-size));
  --fz-to: var(--font-size-to, var(--max-font-size));
  --fz-slope: (var(--fz-to) - var(--fz-from)) / (var(--viewport-to) - var(--viewport-from)) * 100;
  --fz-intercept: (var(--viewport-to) * var(--fz-from) - var(--viewport-from) * var(--fz-to)) / (var(--viewport-to) - var(--viewport-from));
  --font-size: calc(var(--fz-slope) * var(--viewport-unit-converter) + var(--fz-intercept) * 1px);
  --min-fz-px: calc(var(--min-font-size) * 1px);
  --max-fz-px: calc(var(--max-font-size) * 1px);
  --clamp: clamp(var(--min-fz-px), var(--font-size), var(--max-fz-px));
  --max: var(--has-max, var(--min));
  --min: var(--has-min, var(--font-size));
  --has-max: min(var(--max-fz-px), var(--font-size));
  --has-min: max(var(--min-fz-px), var(--font-size));
  font-size: var(--clamp, var(--max));
}
.c-staff-interview__button {
  text-align: center;
  margin-top: 40px;
}
@media (min-width: 700px) {
  .c-staff-interview__button {
    margin-top: 80px;
  }
}
.c-staff-interview__button-link {
  color: #FFFFFF;
  margin: 56px auto 0 auto;
  padding: 8px 8px 8px 16px;
  background: #071F45;
  border-radius: 8px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 56px;
}
@media (min-width: 700px) {
  .c-staff-interview__button-link {
    margin: 0;
  }
}
.c-staff-interview__button-link::after {
  content: "";
  width: 24px;
  aspect-ratio: 1/1;
  background: url(../img/common/ic_arrow.svg) #FFFFFF no-repeat center center/10px auto;
  border-radius: 50%;
}
@media (min-width: 1024px) {
  .c-staff-interview__button-link::after {
    width: 36px;
    background: url(../img/common/ic_arrow.svg) #FFFFFF no-repeat center center/14px auto;
  }
}

.c-staff-crosstalk {
  cursor: pointer;
}
@media (hover: hover) and (pointer: fine) {
  .c-staff-crosstalk:hover .c-staff-crosstalk__image img {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .c-staff-crosstalk:hover .c-staff-crosstalk__image img {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
}
.c-staff-crosstalk__image {
  margin: 0;
  border-radius: 16px;
  aspect-ratio: 469/264;
  display: block;
  position: relative;
  overflow: hidden;
}
.c-staff-crosstalk__image img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  -webkit-transition: 0.4s ease-out;
  transition: 0.4s ease-out;
}
.c-staff-crosstalk__image::before {
  content: "";
  width: 100%;
  height: 100%;
  background: #071F45;
  opacity: 0.1;
  position: absolute;
  top: 0;
  left: 0;
}
.c-staff-crosstalk__image::after {
  content: "";
  width: 48px;
  aspect-ratio: 1/1;
  margin: auto;
  background: url(../img/common/ic_play.svg) no-repeat center center/15px auto;
  background-color: rgba(255, 255, 255, 0.62);
  border: 1px solid #FFFFFF;
  border-radius: 50%;
  -webkit-backdrop-filter: blur(5px) brightness(1.1);
          backdrop-filter: blur(5px) brightness(1.1);
  -webkit-box-shadow: inset 0px 0px 12px rgba(7, 31, 69, 0.1);
          box-shadow: inset 0px 0px 12px rgba(7, 31, 69, 0.1);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.c-staff-crosstalk__subtitle {
  --viewport-from: 768;
  --viewport-to: 1440;
  --min-font-size: 12;
  --max-font-size: 14;
  font-weight: bold;
  color: #0360EA;
  line-height: 1.5;
  margin-top: 16px;
  padding: 2px 20px;
  border: 1px solid #0360EA;
  border-radius: 999px;
  display: inline-block;
}
.c-staff-crosstalk__subtitle *,
.c-staff-crosstalk__subtitle *::before,
.c-staff-crosstalk__subtitle *::after {
  --viewport-unit-converter: 1vw;
  --fz-from: var(--font-size-from, var(--min-font-size));
  --fz-to: var(--font-size-to, var(--max-font-size));
  --fz-slope: (var(--fz-to) - var(--fz-from)) / (var(--viewport-to) - var(--viewport-from)) * 100;
  --fz-intercept: (var(--viewport-to) * var(--fz-from) - var(--viewport-from) * var(--fz-to)) / (var(--viewport-to) - var(--viewport-from));
  --font-size: calc(var(--fz-slope) * var(--viewport-unit-converter) + var(--fz-intercept) * 1px);
  --min-fz-px: calc(var(--min-font-size) * 1px);
  --max-fz-px: calc(var(--max-font-size) * 1px);
  --clamp: clamp(var(--min-fz-px), var(--font-size), var(--max-fz-px));
  --max: var(--has-max, var(--min));
  --min: var(--has-min, var(--font-size));
  --has-max: min(var(--max-fz-px), var(--font-size));
  --has-min: max(var(--min-fz-px), var(--font-size));
  font-size: var(--clamp, var(--max));
}
@media (min-width: 700px) {
  .c-staff-crosstalk__subtitle {
    margin-top: 24px;
  }
}
.c-staff-crosstalk__title {
  --viewport-from: 768;
  --viewport-to: 1440;
  --min-font-size: 16;
  --max-font-size: 20;
  font-weight: 700;
  margin-top: 8px;
}
.c-staff-crosstalk__title *,
.c-staff-crosstalk__title *::before,
.c-staff-crosstalk__title *::after {
  --viewport-unit-converter: 1vw;
  --fz-from: var(--font-size-from, var(--min-font-size));
  --fz-to: var(--font-size-to, var(--max-font-size));
  --fz-slope: (var(--fz-to) - var(--fz-from)) / (var(--viewport-to) - var(--viewport-from)) * 100;
  --fz-intercept: (var(--viewport-to) * var(--fz-from) - var(--viewport-from) * var(--fz-to)) / (var(--viewport-to) - var(--viewport-from));
  --font-size: calc(var(--fz-slope) * var(--viewport-unit-converter) + var(--fz-intercept) * 1px);
  --min-fz-px: calc(var(--min-font-size) * 1px);
  --max-fz-px: calc(var(--max-font-size) * 1px);
  --clamp: clamp(var(--min-fz-px), var(--font-size), var(--max-fz-px));
  --max: var(--has-max, var(--min));
  --min: var(--has-min, var(--font-size));
  --has-max: min(var(--max-fz-px), var(--font-size));
  --has-min: max(var(--min-fz-px), var(--font-size));
  font-size: var(--clamp, var(--max));
}

/*------------------------------------
  mv
-------------------------------------*/
.p-home-mv {
  padding: 140px 0 0 0;
  width: 100%;
  position: relative;
}
@media (min-width: 700px) {
  .p-home-mv {
    padding: 150px 0 0 0;
  }
}
@media (min-width: 1024px) {
  .p-home-mv {
    padding: 200px 0 0 0;
  }
}
.p-home-mv::before {
  content: "";
  width: 28%;
  aspect-ratio: 263/268;
  background: url(../img/home/deco_donut.svg) no-repeat right bottom/100% auto;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
@media (min-width: 1024px) {
  .p-home-mv::before {
    width: 263px;
  }
}
.p-home-mv__deco {
  width: min(13%, 158px);
  aspect-ratio: 158/94;
  background: url(../img/common/deco_kv.svg) no-repeat left top/100% auto;
  position: absolute;
  top: 24%;
  right: 5%;
}
.p-home-mv__catch {
  text-align: center;
  width: 85%;
  margin: 0 auto;
}
@media (min-width: 700px) {
  .p-home-mv__catch {
    width: 75%;
  }
}
@media (min-width: 1024px) {
  .p-home-mv__catch {
    width: min(90%, 840px);
  }
}
@media (min-width: 1440px) {
  .p-home-mv__catch {
    width: min(100%, 840px);
  }
}
.p-home-mv__caption {
  --viewport-from: 767;
  --viewport-to: 1440;
  --min-font-size: 18;
  --max-font-size: 24;
  font-weight: 700;
}
.p-home-mv__caption *,
.p-home-mv__caption *::before,
.p-home-mv__caption *::after {
  --viewport-unit-converter: 1vw;
  --fz-from: var(--font-size-from, var(--min-font-size));
  --fz-to: var(--font-size-to, var(--max-font-size));
  --fz-slope: (var(--fz-to) - var(--fz-from)) / (var(--viewport-to) - var(--viewport-from)) * 100;
  --fz-intercept: (var(--viewport-to) * var(--fz-from) - var(--viewport-from) * var(--fz-to)) / (var(--viewport-to) - var(--viewport-from));
  --font-size: calc(var(--fz-slope) * var(--viewport-unit-converter) + var(--fz-intercept) * 1px);
  --min-fz-px: calc(var(--min-font-size) * 1px);
  --max-fz-px: calc(var(--max-font-size) * 1px);
  --clamp: clamp(var(--min-fz-px), var(--font-size), var(--max-fz-px));
  --max: var(--has-max, var(--min));
  --min: var(--has-min, var(--font-size));
  --has-max: min(var(--max-fz-px), var(--font-size));
  --has-min: max(var(--min-fz-px), var(--font-size));
  font-size: var(--clamp, var(--max));
}
@media (min-width: 1440px) {
  .p-home-mv__caption {
    --viewport-from: 1440;
    --viewport-to: 1920;
    --min-font-size: 24;
    --max-font-size: 40;
  }
  .p-home-mv__caption *,
  .p-home-mv__caption *::before,
  .p-home-mv__caption *::after {
    --viewport-unit-converter: 1vw;
    --fz-from: var(--font-size-from, var(--min-font-size));
    --fz-to: var(--font-size-to, var(--max-font-size));
    --fz-slope: (var(--fz-to) - var(--fz-from)) / (var(--viewport-to) - var(--viewport-from)) * 100;
    --fz-intercept: (var(--viewport-to) * var(--fz-from) - var(--viewport-from) * var(--fz-to)) / (var(--viewport-to) - var(--viewport-from));
    --font-size: calc(var(--fz-slope) * var(--viewport-unit-converter) + var(--fz-intercept) * 1px);
    --min-fz-px: calc(var(--min-font-size) * 1px);
    --max-fz-px: calc(var(--max-font-size) * 1px);
    --clamp: clamp(var(--min-fz-px), var(--font-size), var(--max-fz-px));
    --max: var(--has-max, var(--min));
    --min: var(--has-min, var(--font-size));
    --has-max: min(var(--max-fz-px), var(--font-size));
    --has-min: max(var(--min-fz-px), var(--font-size));
    font-size: var(--clamp, var(--max));
  }
}
.p-home-mv__caption-eng {
  position: relative;
  margin-top: 12px;
}
@media (min-width: 700px) {
  .p-home-mv__caption-eng {
    margin-top: 24px;
  }
}
.p-home-mv__caption-eng img {
  width: 100%;
  max-width: 100%;
  height: auto;
}
.p-home-mv__caption-eng::after {
  content: "";
  width: min(40%, 340px);
  aspect-ratio: 340/117;
  background: url(../img/home/txt_together.svg) no-repeat center center/100% auto;
  -webkit-transform: rotate(-10deg) translate(10%, 55%);
          transform: rotate(-10deg) translate(10%, 55%);
  position: absolute;
  right: 0;
  bottom: 0;
}
@media (min-width: 1024px) {
  .p-home-mv__caption-eng::after {
    width: min(52%, 340px);
    background: url(../img/home/txt_together.svg) no-repeat center center/100% auto;
    -webkit-transform: rotate(-10deg) translate(20%, 45%);
            transform: rotate(-10deg) translate(20%, 45%);
  }
}
.p-home-mv__slide {
  margin-top: -8px;
  position: relative;
  z-index: -1;
}
@media (min-width: 700px) {
  .p-home-mv__slide {
    margin-top: -16px;
  }
}
.p-home-mv__slide-deco {
  width: min(9%, 100px);
  aspect-ratio: 1/1;
  position: absolute;
  right: 84px;
  bottom: 28px;
  z-index: 2;
  display: block;
}
.p-home-mv .swiper-wrapper {
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
}
.p-home-mv .swiper-slide {
  aspect-ratio: 4/3;
  overflow: hidden;
  border-radius: 16px;
}
@media (min-width: 700px) {
  .p-home-mv .swiper-slide {
    aspect-ratio: 16/9;
    border-radius: 32px;
  }
}
@media (min-width: 1024px) {
  .p-home-mv .swiper-slide {
    aspect-ratio: visible;
  }
}
.p-home-mv .swiper-slide img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
}
@media (min-width: 700px) {
  .p-home-mv .swiper-slide img {
    border-radius: 32px;
  }
}

/*------------------------------------
  lead
-------------------------------------*/
.p-home-lead {
  padding: 72px 16px;
  position: relative;
}
@media (min-width: 700px) {
  .p-home-lead {
    padding: 150px 0 0 0;
  }
}
.p-home-lead__deco {
  position: absolute;
  top: -20px;
  left: 3%;
  width: 15%;
}
@media (min-width: 700px) {
  .p-home-lead__deco {
    width: 8%;
  }
}
.p-home-lead__deco::before {
  content: "";
  display: block;
  width: 100%;
  aspect-ratio: 137/161;
  background: url(../img/home/deco_lead.svg) no-repeat center center/100% auto;
}
.p-home-lead__row {
  display: grid;
  grid-template-columns: repeat(1, auto);
  grid-template-rows: repeat(2, auto);
  overflow: visible;
}
@media (min-width: 700px) {
  .p-home-lead__row {
    grid-template-columns: minmax(0, 70%) minmax(0, 30%);
    grid-template-rows: repeat(3, auto);
  }
}
@media (min-width: 1024px) {
  .p-home-lead__row {
    grid-template-columns: minmax(0, 65%) minmax(0, 35%);
  }
}
.p-home-lead__catch {
  min-width: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (min-width: 700px) {
  .p-home-lead__catch {
    display: block;
    grid-area: 1/1/2/2;
  }
}
.p-home-lead__caption {
  min-width: 0;
  font-weight: 700;
  margin-top: 24px;
  line-height: 2.2;
  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
      -ms-flex-order: 3;
          order: 3;
}
@media (min-width: 700px) {
  .p-home-lead__caption {
    line-height: 2.6;
    margin-top: 48px;
    grid-area: 2/1/4/2;
  }
}
.p-home-lead__image {
  width: 70%;
  margin: 28px auto 0 auto;
  position: relative;
}
@media (min-width: 700px) {
  .p-home-lead__image {
    -webkit-transform: scale(1.5) translateX(3%) translateY(12%);
            transform: scale(1.5) translateX(3%) translateY(12%);
    grid-area: 1/2/4/3;
  }
}
@media (min-width: 1024px) {
  .p-home-lead__image {
    -webkit-transform: scale(1.1) translateX(5%);
            transform: scale(1.1) translateX(5%);
    -webkit-transform-origin: center right;
            transform-origin: center right;
  }
}
.p-home-lead__image-deco {
  position: absolute;
  top: 5%;
  right: -5%;
  width: 25%;
}
.p-home-lead__image-deco::before {
  content: "";
  display: block;
  width: 100%;
  aspect-ratio: 121/295;
  background: url(../img/home/deco_lead-image.svg) no-repeat center center/100% auto;
}
.p-home-lead__image-deco-circle {
  width: 30%;
  aspect-ratio: 1/1;
  background: #F0F5FC;
  border-radius: 50%;
  position: absolute;
  left: 0;
  bottom: 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media (min-width: 700px) {
  .p-home-lead__image-deco-circle {
    width: 22%;
    left: auto;
    right: -10%;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}

/*------------------------------------
  news
-------------------------------------*/
.p-home-news {
  width: min(100% - 24px, 1920px);
  margin: 0px auto 32px auto;
  padding: 0 24px;
  background: #F0F5FC;
  border-radius: 16px;
  position: relative;
}
@media (min-width: 700px) {
  .p-home-news {
    width: min(100% - 24px, 1920px);
    margin: 80px auto 32px auto;
    padding: 0 16px;
    border-radius: 32px;
  }
}
@media (min-width: 1024px) {
  .p-home-news {
    width: min(100% - 64px, 1920px);
    margin: 160px auto 32px auto;
    padding: 0 16px;
    border-radius: 32px;
  }
}
@media (min-width: 1024px) {
  .p-home-news {
    padding: 0 40px;
  }
}
.p-home-news__deco-square {
  position: absolute;
  top: -10px;
  right: 10%;
  width: 30px;
}
@media (min-width: 700px) {
  .p-home-news__deco-square {
    width: 40px;
  }
}
.p-home-news__deco-square::before {
  content: "";
  display: block;
  width: 100%;
  aspect-ratio: 1/1;
  background: url(../img/common/deco_square.svg) no-repeat center center/100% auto;
}
.p-home-news__deco_triangle {
  width: min(15%, 110px);
  position: absolute;
  bottom: -30px;
  left: 0;
}
@media (min-width: 700px) {
  .p-home-news__deco_triangle {
    width: min(10%, 110px);
    bottom: -60px;
  }
}
.p-home-news__deco_triangle::before {
  content: "";
  display: block;
  width: 100%;
  aspect-ratio: 110/94;
  background: url(../img/common/deco_news.svg) no-repeat center center/100% auto;
}
.p-home-news__row {
  padding: 40px 0;
}
@media (min-width: 700px) {
  .p-home-news__row {
    padding: 60px 0;
    display: grid;
    grid-template-columns: repeat(210px, 1fr);
    grid-template-rows: repeat(3, 1fr);
  }
}
@media (min-width: 1024px) {
  .p-home-news__row {
    padding: 80px 0;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
  }
}
@media (min-width: 1024px) {
  .p-home-news__title {
    grid-area: 1/1/2/2;
  }
}
.p-home-news__button {
  margin-top: 32px;
  text-align: center;
}
@media (min-width: 700px) {
  .p-home-news__button {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
    text-align: left;
  }
}
@media (min-width: 1024px) {
  .p-home-news__button {
    grid-area: 2/1/4/2;
  }
}
.p-home-news__list {
  width: min(100%, 895px);
  margin-top: 40px;
  grid-area: 1/2/4/3;
}
@media (min-width: 700px) {
  .p-home-news__list {
    margin-top: 0;
  }
}
.p-home-news__link {
  border: none;
}

/*------------------------------------
  company
-------------------------------------*/
.p-home-company {
  margin-top: 108px;
  position: relative;
}
@media (min-width: 700px) {
  .p-home-company {
    margin-top: 160px;
  }
}
.p-home-company__deco {
  position: absolute;
  top: 0;
  right: 0;
  width: min(70%, 160px);
  z-index: -1;
}
@media (min-width: 700px) {
  .p-home-company__deco {
    width: min(70%, 223px);
  }
}
.p-home-company__deco::before {
  content: "";
  display: block;
  width: 100%;
  aspect-ratio: 223/446;
  background: url(../img/common/deco_company.png) no-repeat center center/100% auto;
}
.p-home-company__list {
  margin-top: 36px;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-template-rows: 1fr;
  gap: 24px 32px;
}
@media (min-width: 700px) {
  .p-home-company__list {
    margin-top: 64px;
    grid-template-columns: repeat(2, 1fr);
    gap: 32px;
  }
}
.p-home-company__card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.p-home-company__card-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  overflow: hidden;
}
.p-home-company__card-link::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid #BCC8D9;
  border-top: none;
  border-radius: 16px;
  background-color: #FFFFFF;
  z-index: -1;
  -webkit-transition: 0.4s ease-out;
  transition: 0.4s ease-out;
}
@media (hover: hover) and (pointer: fine) {
  .p-home-company__card-link:hover::before {
    background-color: #F0F5FC;
  }
  .p-home-company__card-link:hover .p-home-company__card-image img {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .p-home-company__card-link:hover::before {
    background-color: #F0F5FC;
  }
  .p-home-company__card-link:hover .p-home-company__card-image img {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
}
.p-home-company__card-image {
  border-radius: 16px 16px 0 0;
  display: block;
  overflow: hidden;
}
.p-home-company__card-image img {
  width: 100%;
  max-width: 100%;
  height: auto;
  -webkit-transition: 0.4s ease-out;
  transition: 0.4s ease-out;
}
.p-home-company__card-textarea {
  padding: 16px 16px 24px;
}
@media (min-width: 700px) {
  .p-home-company__card-textarea {
    padding: 32px 24px;
  }
}
.p-home-company__card-title {
  --viewport-from: 768;
  --viewport-to: 1440;
  --min-font-size: 20;
  --max-font-size: 32;
  line-height: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.p-home-company__card-title *,
.p-home-company__card-title *::before,
.p-home-company__card-title *::after {
  --viewport-unit-converter: 1vw;
  --fz-from: var(--font-size-from, var(--min-font-size));
  --fz-to: var(--font-size-to, var(--max-font-size));
  --fz-slope: (var(--fz-to) - var(--fz-from)) / (var(--viewport-to) - var(--viewport-from)) * 100;
  --fz-intercept: (var(--viewport-to) * var(--fz-from) - var(--viewport-from) * var(--fz-to)) / (var(--viewport-to) - var(--viewport-from));
  --font-size: calc(var(--fz-slope) * var(--viewport-unit-converter) + var(--fz-intercept) * 1px);
  --min-fz-px: calc(var(--min-font-size) * 1px);
  --max-fz-px: calc(var(--max-font-size) * 1px);
  --clamp: clamp(var(--min-fz-px), var(--font-size), var(--max-fz-px));
  --max: var(--has-max, var(--min));
  --min: var(--has-min, var(--font-size));
  --has-max: min(var(--max-fz-px), var(--font-size));
  --has-min: max(var(--min-fz-px), var(--font-size));
  font-size: var(--clamp, var(--max));
}
@media (min-width: 700px) {
  .p-home-company__card-title {
    gap: 16px;
  }
}
.p-home-company__card-title::before {
  content: "";
  width: 24px;
  aspect-ratio: 1/1;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="8" viewBox="0 0 14 8"><path id="パス_19575" data-name="パス 19575" d="M13.8,3.813,4.528.029a.313.313,0,0,0-.453.342l.7,2.334L.328,2.69H.313A.319.319,0,0,0,0,3.017l.089,1.91a.321.321,0,0,0,.321.3l4.441.07L4.408,7.625a.349.349,0,0,0,.487.349L13.8,4.389a.32.32,0,0,0,.174-.166.308.308,0,0,0-.173-.411" transform="translate(0 0)" fill="%23FFFFFF"/></svg>') no-repeat center center/10px auto;
  background-color: #0368EA;
  border-radius: 50%;
}
@media (min-width: 700px) {
  .p-home-company__card-title::before {
    width: 32px;
    background-size: 14px auto;
  }
}
.p-home-company__card-caption {
  font-weight: 700;
  line-height: 1.7;
  margin-top: 16px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.p-home-company__button-link {
  padding: 0 24px 0 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 16px;
  position: relative;
  overflow: hidden;
}
@media (min-width: 1024px) {
  .p-home-company__button-link {
    gap: 0 24px;
  }
}
.p-home-company__button-link::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid #BCC8D9;
  border-left: none;
  border-radius: 16px;
  background-color: #FFFFFF;
  z-index: -1;
  -webkit-transition: 0.4s ease-out;
  transition: 0.4s ease-out;
}
@media (hover: hover) and (pointer: fine) {
  .p-home-company__button-link:hover::before {
    background-color: #F0F5FC;
  }
  .p-home-company__button-link:hover .p-home-company__button-image img {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .p-home-company__button-link:hover::before {
    background-color: #F0F5FC;
  }
  .p-home-company__button-link:hover .p-home-company__button-image img {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
}
.p-home-company__button-image {
  width: 25%;
  border-radius: 16px 0 0 16px;
  overflow: hidden;
}
.p-home-company__button-image img {
  width: 100%;
  max-width: 100%;
  height: auto;
  -webkit-transition: 0.4s ease-out;
  transition: 0.4s ease-out;
}
.p-home-company__button-title {
  --viewport-from: 768;
  --viewport-to: 1440;
  --min-font-size: 16;
  --max-font-size: 24;
  line-height: 1.4;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.p-home-company__button-title *,
.p-home-company__button-title *::before,
.p-home-company__button-title *::after {
  --viewport-unit-converter: 1vw;
  --fz-from: var(--font-size-from, var(--min-font-size));
  --fz-to: var(--font-size-to, var(--max-font-size));
  --fz-slope: (var(--fz-to) - var(--fz-from)) / (var(--viewport-to) - var(--viewport-from)) * 100;
  --fz-intercept: (var(--viewport-to) * var(--fz-from) - var(--viewport-from) * var(--fz-to)) / (var(--viewport-to) - var(--viewport-from));
  --font-size: calc(var(--fz-slope) * var(--viewport-unit-converter) + var(--fz-intercept) * 1px);
  --min-fz-px: calc(var(--min-font-size) * 1px);
  --max-fz-px: calc(var(--max-font-size) * 1px);
  --clamp: clamp(var(--min-fz-px), var(--font-size), var(--max-fz-px));
  --max: var(--has-max, var(--min));
  --min: var(--has-min, var(--font-size));
  --has-max: min(var(--max-fz-px), var(--font-size));
  --has-min: max(var(--min-fz-px), var(--font-size));
  font-size: var(--clamp, var(--max));
}
@media (min-width: 700px) {
  .p-home-company__button-title {
    gap: 16px;
  }
}
.p-home-company__button-title::before {
  content: "";
  min-width: 24px;
  aspect-ratio: 1/1;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="8" viewBox="0 0 14 8"><path id="パス_19575" data-name="パス 19575" d="M13.8,3.813,4.528.029a.313.313,0,0,0-.453.342l.7,2.334L.328,2.69H.313A.319.319,0,0,0,0,3.017l.089,1.91a.321.321,0,0,0,.321.3l4.441.07L4.408,7.625a.349.349,0,0,0,.487.349L13.8,4.389a.32.32,0,0,0,.174-.166.308.308,0,0,0-.173-.411" transform="translate(0 0)" fill="%23FFFFFF"/></svg>') no-repeat center center/10px auto;
  background-color: #0368EA;
  border-radius: 50%;
}
@media (min-width: 700px) {
  .p-home-company__button-title::before {
    min-width: 32px;
    background-size: 14px auto;
  }
}

/*------------------------------------
  environment
-------------------------------------*/
.p-home-environment {
  width: min(100% - 24px, 1920px);
  margin: 108px auto 0 auto;
  padding: 0 24px;
  border-radius: 16px;
  background: url(../img/home/bg_environment.png) no-repeat 20% center/cover;
  position: relative;
}
@media (min-width: 1024px) {
  .p-home-environment {
    width: min(100% - 64px, 1920px);
    margin: 135px auto 0;
    padding: 0 16px;
    border-radius: 32px;
    background: url(../img/home/bg_environment.png) no-repeat center center/cover;
  }
}
@media (min-width: 1024px) {
  .p-home-environment {
    padding: 0 40px;
  }
}
.p-home-environment__deco {
  position: absolute;
  top: 0;
  right: -1%;
  width: 15%;
}
@media (min-width: 700px) {
  .p-home-environment__deco {
    width: 8%;
  }
}
.p-home-environment__deco::before {
  content: "";
  display: block;
  width: 100%;
  aspect-ratio: 133/124;
  background: url(../img/common/deco_environment.svg) no-repeat center center/100% auto;
}
.p-home-environment__inner {
  padding: 64px 0;
}
@media (min-width: 1024px) {
  .p-home-environment__inner {
    padding: 120px 0;
  }
}
.p-home-environment__title {
  color: #FFFFFF;
}
.p-home-environment__title::after {
  background: #FFFFFF !important;
}
.p-home-environment__list {
  margin-top: 32px;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-template-rows: repeat(1, auto);
  gap: 24px;
}
@media (min-width: 700px) {
  .p-home-environment__list {
    margin-top: 64px;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: 32px;
  }
}
.p-home-environment__card-link {
  position: relative;
  display: block;
  grid-area: 1/1/3/2;
  background: #FFFFFF;
  border-radius: 16px;
  overflow: hidden;
  -webkit-transition: 0.4s ease-out;
  transition: 0.4s ease-out;
}
@media (hover: hover) and (pointer: fine) {
  .p-home-environment__card-link:hover {
    background-color: #F0F5FC;
  }
  .p-home-environment__card-link:hover .p-home-environment__card-image img {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .p-home-environment__card-link:hover {
    background-color: #F0F5FC;
  }
  .p-home-environment__card-link:hover .p-home-environment__card-image img {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
}
.p-home-environment__card-image {
  display: block;
  overflow: hidden;
}
.p-home-environment__card-image img {
  width: 100%;
  max-width: 100%;
  height: auto;
  -webkit-transition: 0.4s ease-out;
  transition: 0.4s ease-out;
}
.p-home-environment__card-textarea {
  padding: 24px 16px;
}
@media (min-width: 1024px) {
  .p-home-environment__card-textarea {
    padding: 32px 24px;
  }
}
.p-home-environment__card-title {
  --viewport-from: 768;
  --viewport-to: 1440;
  --min-font-size: 20;
  --max-font-size: 32;
  line-height: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.p-home-environment__card-title *,
.p-home-environment__card-title *::before,
.p-home-environment__card-title *::after {
  --viewport-unit-converter: 1vw;
  --fz-from: var(--font-size-from, var(--min-font-size));
  --fz-to: var(--font-size-to, var(--max-font-size));
  --fz-slope: (var(--fz-to) - var(--fz-from)) / (var(--viewport-to) - var(--viewport-from)) * 100;
  --fz-intercept: (var(--viewport-to) * var(--fz-from) - var(--viewport-from) * var(--fz-to)) / (var(--viewport-to) - var(--viewport-from));
  --font-size: calc(var(--fz-slope) * var(--viewport-unit-converter) + var(--fz-intercept) * 1px);
  --min-fz-px: calc(var(--min-font-size) * 1px);
  --max-fz-px: calc(var(--max-font-size) * 1px);
  --clamp: clamp(var(--min-fz-px), var(--font-size), var(--max-fz-px));
  --max: var(--has-max, var(--min));
  --min: var(--has-min, var(--font-size));
  --has-max: min(var(--max-fz-px), var(--font-size));
  --has-min: max(var(--min-fz-px), var(--font-size));
  font-size: var(--clamp, var(--max));
}
@media (min-width: 700px) {
  .p-home-environment__card-title {
    gap: 16px;
  }
}
.p-home-environment__card-title::before {
  content: "";
  min-width: 24px;
  aspect-ratio: 1/1;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="8" viewBox="0 0 14 8"><path id="パス_19575" data-name="パス 19575" d="M13.8,3.813,4.528.029a.313.313,0,0,0-.453.342l.7,2.334L.328,2.69H.313A.319.319,0,0,0,0,3.017l.089,1.91a.321.321,0,0,0,.321.3l4.441.07L4.408,7.625a.349.349,0,0,0,.487.349L13.8,4.389a.32.32,0,0,0,.174-.166.308.308,0,0,0-.173-.411" transform="translate(0 0)" fill="%23FFFFFF"/></svg>') no-repeat center center/10px auto;
  background-color: #0A5FE8;
  border-radius: 50%;
}
@media (min-width: 1024px) {
  .p-home-environment__card-title::before {
    min-width: 32px;
    background-size: 14px auto;
  }
}
.p-home-environment__card-caption {
  font-weight: 700;
  line-height: 1.7;
  margin-top: 16px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.p-home-environment__button {
  background: #FFFFFF;
  border-radius: 16px;
  overflow: hidden;
}
.p-home-environment__button-link {
  padding: 0 16px 0 0;
  height: 100%;
  background: #FFFFFF;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 16px;
  position: relative;
  overflow: hidden;
  -webkit-transition: 0.4s ease-out;
  transition: 0.4s ease-out;
}
@media (min-width: 700px) {
  .p-home-environment__button-link {
    padding: 0 24px 0 0;
  }
}
@media (min-width: 1024px) {
  .p-home-environment__button-link {
    gap: 0 24px;
  }
}
@media (hover: hover) and (pointer: fine) {
  .p-home-environment__button-link:hover {
    background-color: #F0F5FC;
  }
  .p-home-environment__button-link:hover .p-home-environment__button-image img {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .p-home-environment__button-link:hover {
    background-color: #F0F5FC;
  }
  .p-home-environment__button-link:hover .p-home-environment__button-image img {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
}
.p-home-environment__button-image {
  width: 110px;
  height: auto;
  aspect-ratio: 1/1;
  overflow: hidden;
}
@media (min-width: 700px) {
  .p-home-environment__button-image {
    width: min(45%, 210px);
    height: 100%;
  }
}
.p-home-environment__button-image img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  -webkit-transition: 0.4s ease-out;
  transition: 0.4s ease-out;
}
.p-home-environment__button-title {
  --viewport-from: 768;
  --viewport-to: 1440;
  --min-font-size: 16;
  --max-font-size: 24;
  line-height: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.p-home-environment__button-title *,
.p-home-environment__button-title *::before,
.p-home-environment__button-title *::after {
  --viewport-unit-converter: 1vw;
  --fz-from: var(--font-size-from, var(--min-font-size));
  --fz-to: var(--font-size-to, var(--max-font-size));
  --fz-slope: (var(--fz-to) - var(--fz-from)) / (var(--viewport-to) - var(--viewport-from)) * 100;
  --fz-intercept: (var(--viewport-to) * var(--fz-from) - var(--viewport-from) * var(--fz-to)) / (var(--viewport-to) - var(--viewport-from));
  --font-size: calc(var(--fz-slope) * var(--viewport-unit-converter) + var(--fz-intercept) * 1px);
  --min-fz-px: calc(var(--min-font-size) * 1px);
  --max-fz-px: calc(var(--max-font-size) * 1px);
  --clamp: clamp(var(--min-fz-px), var(--font-size), var(--max-fz-px));
  --max: var(--has-max, var(--min));
  --min: var(--has-min, var(--font-size));
  --has-max: min(var(--max-fz-px), var(--font-size));
  --has-min: max(var(--min-fz-px), var(--font-size));
  font-size: var(--clamp, var(--max));
}
@media (min-width: 700px) {
  .p-home-environment__button-title {
    gap: 16px;
  }
}
.p-home-environment__button-title::before {
  content: "";
  min-width: 24px;
  aspect-ratio: 1/1;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="8" viewBox="0 0 14 8"><path id="パス_19575" data-name="パス 19575" d="M13.8,3.813,4.528.029a.313.313,0,0,0-.453.342l.7,2.334L.328,2.69H.313A.319.319,0,0,0,0,3.017l.089,1.91a.321.321,0,0,0,.321.3l4.441.07L4.408,7.625a.349.349,0,0,0,.487.349L13.8,4.389a.32.32,0,0,0,.174-.166.308.308,0,0,0-.173-.411" transform="translate(0 0)" fill="%23FFFFFF"/></svg>') no-repeat center center/10px auto;
  background-color: #0368EA;
  border-radius: 50%;
}
@media (min-width: 1024px) {
  .p-home-environment__button-title::before {
    min-width: 32px;
    background-size: 14px auto;
  }
}

/*------------------------------------
  staff
-------------------------------------*/
.p-home-staff {
  margin-top: 108px;
  position: relative;
}
@media (min-width: 700px) {
  .p-home-staff {
    margin-top: 135px;
  }
}
.p-home-staff__deco {
  position: absolute;
  top: -18%;
  right: 0;
  width: min(45%, 297px);
  z-index: -1;
}
@media (min-width: 700px) {
  .p-home-staff__deco {
    width: min(20%, 297px);
  }
}
.p-home-staff__deco::before {
  content: "";
  display: block;
  width: 100%;
  aspect-ratio: 297/418;
  background: url(../img/common/deco_staff.svg) no-repeat center center/100% auto;
}
.p-home-staff__sub-title {
  --viewport-from: 767;
  --viewport-to: 1440;
  --min-font-size: 24;
  --max-font-size: 32;
}
.p-home-staff__sub-title *,
.p-home-staff__sub-title *::before,
.p-home-staff__sub-title *::after {
  --viewport-unit-converter: 1vw;
  --fz-from: var(--font-size-from, var(--min-font-size));
  --fz-to: var(--font-size-to, var(--max-font-size));
  --fz-slope: (var(--fz-to) - var(--fz-from)) / (var(--viewport-to) - var(--viewport-from)) * 100;
  --fz-intercept: (var(--viewport-to) * var(--fz-from) - var(--viewport-from) * var(--fz-to)) / (var(--viewport-to) - var(--viewport-from));
  --font-size: calc(var(--fz-slope) * var(--viewport-unit-converter) + var(--fz-intercept) * 1px);
  --min-fz-px: calc(var(--min-font-size) * 1px);
  --max-fz-px: calc(var(--max-font-size) * 1px);
  --clamp: clamp(var(--min-fz-px), var(--font-size), var(--max-fz-px));
  --max: var(--has-max, var(--min));
  --min: var(--has-min, var(--font-size));
  --has-max: min(var(--max-fz-px), var(--font-size));
  --has-min: max(var(--min-fz-px), var(--font-size));
  font-size: var(--clamp, var(--max));
}
.p-home-staff__button {
  text-align: center;
  margin-top: 40px;
}
@media (min-width: 700px) {
  .p-home-staff__button {
    margin: 0;
  }
}
.p-home-staff__inner {
  position: relative;
}
.p-home-staff__inner-deco {
  aspect-ratio: 1/1;
  position: absolute;
  top: 0;
  right: 0;
  width: min(100%, 40px);
  z-index: -1;
}
.p-home-staff__inner-deco::before {
  content: "";
  display: block;
  width: 100%;
  aspect-ratio: 1/1;
  background: url(../img/common/deco_square.svg) no-repeat center center/100% auto;
}
.p-home-staff__interview {
  margin-top: 40px;
  padding: 40px 0;
  border-top: 1px solid #E7EEF8;
}
@media (min-width: 700px) {
  .p-home-staff__interview {
    margin-top: 64px;
    padding: 48px 0 64px;
  }
}
.p-home-staff__interview-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 40px;
}
@media (min-width: 700px) {
  .p-home-staff__interview-header {
    gap: 64px;
  }
}
.p-home-staff__swiper-button {
  width: 88px;
  height: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 8px;
  position: relative;
  z-index: 10;
  margin: 0 0 0 auto;
}
.p-home-staff__swiper-button .swiper-button-prev {
  width: 40px;
  height: 40px;
  border: 1px solid #BCC8D9;
  border-radius: 50%;
  position: relative;
  left: 0;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
.p-home-staff__swiper-button .swiper-button-next {
  width: 40px;
  height: 40px;
  border: 1px solid #BCC8D9;
  border-radius: 50%;
  position: relative;
  right: 0;
}
.p-home-staff__swiper-button .swiper-button-next::after,
.p-home-staff__swiper-button .swiper-button-prev::after {
  content: "";
  width: 10px;
  height: 14px;
  background-color: #071F45;
  -webkit-mask: url(../img/common/ic_arrow_nav.svg) no-repeat center center/100% auto;
          mask: url(../img/common/ic_arrow_nav.svg) no-repeat center center/100% auto;
}
.p-home-staff__swiper {
  margin-top: 40px;
}
@media (min-width: 1024px) {
  .p-home-staff__swiper {
    margin-top: 64px;
  }
}
.p-home-staff__swiper .swiper-wrapper {
  display: grid !important;
  grid-auto-flow: column;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.p-home-staff__swiper-slide {
  height: auto !important;
}
.p-home-staff__crosstalk {
  padding: 40px 0 0;
  border-top: 1px solid #E7EEF8;
}
@media (min-width: 700px) {
  .p-home-staff__crosstalk {
    padding: 48px 0 0;
  }
}
.p-home-staff__crosstalk-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 40px;
}
@media (min-width: 700px) {
  .p-home-staff__crosstalk-header {
    gap: 64px;
  }
}
.p-home-staff__crosstalk-list {
  margin-top: 64px;
  margin-top: 40px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
}
@media (min-width: 1024px) {
  .p-home-staff__crosstalk-list {
    margin-top: 64px;
  }
}

.p-news-list__category {
  --viewport-from: 768;
  --viewport-to: 1440;
  --min-font-size: 16;
  --max-font-size: 20;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px 16px;
}
.p-news-list__category *,
.p-news-list__category *::before,
.p-news-list__category *::after {
  --viewport-unit-converter: 1vw;
  --fz-from: var(--font-size-from, var(--min-font-size));
  --fz-to: var(--font-size-to, var(--max-font-size));
  --fz-slope: (var(--fz-to) - var(--fz-from)) / (var(--viewport-to) - var(--viewport-from)) * 100;
  --fz-intercept: (var(--viewport-to) * var(--fz-from) - var(--viewport-from) * var(--fz-to)) / (var(--viewport-to) - var(--viewport-from));
  --font-size: calc(var(--fz-slope) * var(--viewport-unit-converter) + var(--fz-intercept) * 1px);
  --min-fz-px: calc(var(--min-font-size) * 1px);
  --max-fz-px: calc(var(--max-font-size) * 1px);
  --clamp: clamp(var(--min-fz-px), var(--font-size), var(--max-fz-px));
  --max: var(--has-max, var(--min));
  --min: var(--has-min, var(--font-size));
  --has-max: min(var(--max-fz-px), var(--font-size));
  --has-min: max(var(--min-fz-px), var(--font-size));
  font-size: var(--clamp, var(--max));
}
@media (min-width: 700px) {
  .p-news-list__category {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
  }
}
.p-news-list__category-item a {
  color: #738093;
}
.p-news-list__category-item.current-cat a {
  color: #0A5FE8;
}
.p-news-list__category-item.current-cat a::before {
  content: "";
  width: 24px;
  aspect-ratio: 1/1;
  background: #0A5FE8;
  margin: 0;
}
.p-news-list__main {
  margin-top: 32px;
}
@media (min-width: 700px) {
  .p-news-list__main {
    margin-top: 0;
  }
}
.p-news-list__pagenavi {
  margin-top: 64px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
.p-news-list__pagenavi .page-numbers {
  color: #BCC8D9;
  --viewport-from: 768;
  --viewport-to: 1440;
  --min-font-size: 16;
  --max-font-size: 20;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-weight: 700;
  width: 40px;
  aspect-ratio: 1/1;
  background: #F0F5FC;
  border: 1px solid #BCC8D9;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.p-news-list__pagenavi .page-numbers *,
.p-news-list__pagenavi .page-numbers *::before,
.p-news-list__pagenavi .page-numbers *::after {
  --viewport-unit-converter: 1vw;
  --fz-from: var(--font-size-from, var(--min-font-size));
  --fz-to: var(--font-size-to, var(--max-font-size));
  --fz-slope: (var(--fz-to) - var(--fz-from)) / (var(--viewport-to) - var(--viewport-from)) * 100;
  --fz-intercept: (var(--viewport-to) * var(--fz-from) - var(--viewport-from) * var(--fz-to)) / (var(--viewport-to) - var(--viewport-from));
  --font-size: calc(var(--fz-slope) * var(--viewport-unit-converter) + var(--fz-intercept) * 1px);
  --min-fz-px: calc(var(--min-font-size) * 1px);
  --max-fz-px: calc(var(--max-font-size) * 1px);
  --clamp: clamp(var(--min-fz-px), var(--font-size), var(--max-fz-px));
  --max: var(--has-max, var(--min));
  --min: var(--has-min, var(--font-size));
  --has-max: min(var(--max-fz-px), var(--font-size));
  --has-min: max(var(--min-fz-px), var(--font-size));
  font-size: var(--clamp, var(--max));
}
@media (min-width: 700px) {
  .p-news-list__pagenavi .page-numbers {
    width: 64px;
  }
}
.p-news-list__pagenavi .page-numbers.current {
  color: #FFFFFF;
  background: #0A5FE8;
  border-color: #0A5FE8;
}
.p-news-list__pagenavi .page-numbers.prev {
  background: url(../img/common/ic_pagenavi.svg) no-repeat center center/16px auto;
  border: none;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
@media (min-width: 700px) {
  .p-news-list__pagenavi .page-numbers.prev {
    background-size: 24px auto;
  }
}
.p-news-list__pagenavi .page-numbers.next {
  background: url(../img/common/ic_pagenavi.svg) no-repeat center center/16px auto;
  border: none;
}
@media (min-width: 700px) {
  .p-news-list__pagenavi .page-numbers.next {
    background-size: 24px auto;
  }
}

.p-news-article {
  width: 100%;
  margin-top: 80px;
  padding: 0 24px;
}
@media (min-width: 700px) {
  .p-news-article {
    width: min(100% - 48px, 960px);
    margin: 160px auto 0 auto;
  }
}
.p-news-article__meta {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
.p-news-article__meta-category {
  --viewport-from: 768;
  --viewport-to: 1440;
  --min-font-size: 12;
  --max-font-size: 14;
  color: #0A5FE8;
  padding: 2px 20px 0;
  border: 1px solid #0A5FE8;
  border-radius: 999px;
}
.p-news-article__meta-category *,
.p-news-article__meta-category *::before,
.p-news-article__meta-category *::after {
  --viewport-unit-converter: 1vw;
  --fz-from: var(--font-size-from, var(--min-font-size));
  --fz-to: var(--font-size-to, var(--max-font-size));
  --fz-slope: (var(--fz-to) - var(--fz-from)) / (var(--viewport-to) - var(--viewport-from)) * 100;
  --fz-intercept: (var(--viewport-to) * var(--fz-from) - var(--viewport-from) * var(--fz-to)) / (var(--viewport-to) - var(--viewport-from));
  --font-size: calc(var(--fz-slope) * var(--viewport-unit-converter) + var(--fz-intercept) * 1px);
  --min-fz-px: calc(var(--min-font-size) * 1px);
  --max-fz-px: calc(var(--max-font-size) * 1px);
  --clamp: clamp(var(--min-fz-px), var(--font-size), var(--max-fz-px));
  --max: var(--has-max, var(--min));
  --min: var(--has-min, var(--font-size));
  --has-max: min(var(--max-fz-px), var(--font-size));
  --has-min: max(var(--min-fz-px), var(--font-size));
  font-size: var(--clamp, var(--max));
}
.p-news-article__meta-date {
  --viewport-from: 768;
  --viewport-to: 1440;
  --min-font-size: 14;
  --max-font-size: 16;
  color: #738093;
}
.p-news-article__meta-date *,
.p-news-article__meta-date *::before,
.p-news-article__meta-date *::after {
  --viewport-unit-converter: 1vw;
  --fz-from: var(--font-size-from, var(--min-font-size));
  --fz-to: var(--font-size-to, var(--max-font-size));
  --fz-slope: (var(--fz-to) - var(--fz-from)) / (var(--viewport-to) - var(--viewport-from)) * 100;
  --fz-intercept: (var(--viewport-to) * var(--fz-from) - var(--viewport-from) * var(--fz-to)) / (var(--viewport-to) - var(--viewport-from));
  --font-size: calc(var(--fz-slope) * var(--viewport-unit-converter) + var(--fz-intercept) * 1px);
  --min-fz-px: calc(var(--min-font-size) * 1px);
  --max-fz-px: calc(var(--max-font-size) * 1px);
  --clamp: clamp(var(--min-fz-px), var(--font-size), var(--max-fz-px));
  --max: var(--has-max, var(--min));
  --min: var(--has-min, var(--font-size));
  --has-max: min(var(--max-fz-px), var(--font-size));
  --has-min: max(var(--min-fz-px), var(--font-size));
  font-size: var(--clamp, var(--max));
}
.p-news-article__title {
  --viewport-from: 768;
  --viewport-to: 1440;
  --min-font-size: 24;
  --max-font-size: 40;
  line-height: 1.6;
  margin-top: 24px;
  padding-bottom: 16px;
  border-bottom: 1px solid #BCC8D9;
}
.p-news-article__title *,
.p-news-article__title *::before,
.p-news-article__title *::after {
  --viewport-unit-converter: 1vw;
  --fz-from: var(--font-size-from, var(--min-font-size));
  --fz-to: var(--font-size-to, var(--max-font-size));
  --fz-slope: (var(--fz-to) - var(--fz-from)) / (var(--viewport-to) - var(--viewport-from)) * 100;
  --fz-intercept: (var(--viewport-to) * var(--fz-from) - var(--viewport-from) * var(--fz-to)) / (var(--viewport-to) - var(--viewport-from));
  --font-size: calc(var(--fz-slope) * var(--viewport-unit-converter) + var(--fz-intercept) * 1px);
  --min-fz-px: calc(var(--min-font-size) * 1px);
  --max-fz-px: calc(var(--max-font-size) * 1px);
  --clamp: clamp(var(--min-fz-px), var(--font-size), var(--max-fz-px));
  --max: var(--has-max, var(--min));
  --min: var(--has-min, var(--font-size));
  --has-max: min(var(--max-fz-px), var(--font-size));
  --has-min: max(var(--min-fz-px), var(--font-size));
  font-size: var(--clamp, var(--max));
}
@media (min-width: 700px) {
  .p-news-article__title {
    margin-top: 32px;
    padding-bottom: 24px;
  }
}
.p-news-article__body {
  margin-top: 40px;
}
.p-news-article__body > * + p {
  margin-top: 40px;
}
.p-news-article__body > p + .wp-block-image {
  margin-top: 40px;
}

.p-interview-list {
  margin-top: 32px;
}
@media (min-width: 700px) {
  .p-interview-list {
    margin-top: 80px;
  }
}
@media (min-width: 1024px) {
  .p-interview-list {
    margin-top: 160px;
  }
}
.p-interview-list__head {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 40px;
}
@media (min-width: 700px) {
  .p-interview-list__head {
    gap: 64px;
  }
}
.p-interview-list__head .p-interview-list__button {
  margin: 0;
}
.p-interview-list__heading {
  margin-top: 64px;
  position: relative;
}
@media (min-width: 700px) {
  .p-interview-list__heading {
    margin-top: 80px;
  }
}
.p-interview-list__heading::after {
  content: "";
  width: min(15%, 137px);
  aspect-ratio: 137/161;
  background: url(../img/common/deco_interview.svg) no-repeat center center/100% auto;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transform: translate(50%, -100%);
          transform: translate(50%, -100%);
}
.p-interview-list__items {
  margin-top: 40px;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 32px;
}
@media (min-width: 700px) {
  .p-interview-list__items {
    margin-top: 64px;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 24px;
  }
}
@media (min-width: 1024px) {
  .p-interview-list__items {
    gap: 64px 32px;
  }
}
.p-interview-list__image {
  display: block;
  -webkit-mask: url(../img/home/mask_staff.svg) no-repeat top center/100% auto;
          mask: url(../img/home/mask_staff.svg) no-repeat top center/100% auto;
  border-radius: 4px 0 0 0;
}
.p-interview-list__link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}
.p-interview-list__textarea {
  padding: 24px;
  border: 1px solid #BCC8D9;
  border-top: none;
  border-radius: 0 0 16px 16px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.p-interview-list__department {
  --viewport-from: 767;
  --viewport-to: 1440;
  --min-font-size: 12;
  --max-font-size: 14;
  font-weight: 700;
  color: #246BDE;
  padding: 2px 20px;
  border: 1px solid #246BDE;
  border-radius: 999px;
  display: inline-block;
}
.p-interview-list__department *,
.p-interview-list__department *::before,
.p-interview-list__department *::after {
  --viewport-unit-converter: 1vw;
  --fz-from: var(--font-size-from, var(--min-font-size));
  --fz-to: var(--font-size-to, var(--max-font-size));
  --fz-slope: (var(--fz-to) - var(--fz-from)) / (var(--viewport-to) - var(--viewport-from)) * 100;
  --fz-intercept: (var(--viewport-to) * var(--fz-from) - var(--viewport-from) * var(--fz-to)) / (var(--viewport-to) - var(--viewport-from));
  --font-size: calc(var(--fz-slope) * var(--viewport-unit-converter) + var(--fz-intercept) * 1px);
  --min-fz-px: calc(var(--min-font-size) * 1px);
  --max-fz-px: calc(var(--max-font-size) * 1px);
  --clamp: clamp(var(--min-fz-px), var(--font-size), var(--max-fz-px));
  --max: var(--has-max, var(--min));
  --min: var(--has-min, var(--font-size));
  --has-max: min(var(--max-fz-px), var(--font-size));
  --has-min: max(var(--min-fz-px), var(--font-size));
  font-size: var(--clamp, var(--max));
}
.p-interview-list__catch {
  --viewport-from: 767;
  --viewport-to: 1440;
  --min-font-size: 16;
  --max-font-size: 20;
  font-weight: 700;
  margin-top: 8px;
}
.p-interview-list__catch *,
.p-interview-list__catch *::before,
.p-interview-list__catch *::after {
  --viewport-unit-converter: 1vw;
  --fz-from: var(--font-size-from, var(--min-font-size));
  --fz-to: var(--font-size-to, var(--max-font-size));
  --fz-slope: (var(--fz-to) - var(--fz-from)) / (var(--viewport-to) - var(--viewport-from)) * 100;
  --fz-intercept: (var(--viewport-to) * var(--fz-from) - var(--viewport-from) * var(--fz-to)) / (var(--viewport-to) - var(--viewport-from));
  --font-size: calc(var(--fz-slope) * var(--viewport-unit-converter) + var(--fz-intercept) * 1px);
  --min-fz-px: calc(var(--min-font-size) * 1px);
  --max-fz-px: calc(var(--max-font-size) * 1px);
  --clamp: clamp(var(--min-fz-px), var(--font-size), var(--max-fz-px));
  --max: var(--has-max, var(--min));
  --min: var(--has-min, var(--font-size));
  --has-max: min(var(--max-fz-px), var(--font-size));
  --has-min: max(var(--min-fz-px), var(--font-size));
  font-size: var(--clamp, var(--max));
}
.p-interview-list__year {
  --viewport-from: 767;
  --viewport-to: 1440;
  --min-font-size: 12;
  --max-font-size: 14;
  color: #738093;
  font-weight: 400;
}
.p-interview-list__year *,
.p-interview-list__year *::before,
.p-interview-list__year *::after {
  --viewport-unit-converter: 1vw;
  --fz-from: var(--font-size-from, var(--min-font-size));
  --fz-to: var(--font-size-to, var(--max-font-size));
  --fz-slope: (var(--fz-to) - var(--fz-from)) / (var(--viewport-to) - var(--viewport-from)) * 100;
  --fz-intercept: (var(--viewport-to) * var(--fz-from) - var(--viewport-from) * var(--fz-to)) / (var(--viewport-to) - var(--viewport-from));
  --font-size: calc(var(--fz-slope) * var(--viewport-unit-converter) + var(--fz-intercept) * 1px);
  --min-fz-px: calc(var(--min-font-size) * 1px);
  --max-fz-px: calc(var(--max-font-size) * 1px);
  --clamp: clamp(var(--min-fz-px), var(--font-size), var(--max-fz-px));
  --max: var(--has-max, var(--min));
  --min: var(--has-min, var(--font-size));
  --has-max: min(var(--max-fz-px), var(--font-size));
  --has-min: max(var(--min-fz-px), var(--font-size));
  font-size: var(--clamp, var(--max));
}
.p-interview-list__division {
  --viewport-from: 767;
  --viewport-to: 1440;
  --min-font-size: 12;
  --max-font-size: 14;
  color: #738093;
  font-weight: 400;
}
.p-interview-list__division *,
.p-interview-list__division *::before,
.p-interview-list__division *::after {
  --viewport-unit-converter: 1vw;
  --fz-from: var(--font-size-from, var(--min-font-size));
  --fz-to: var(--font-size-to, var(--max-font-size));
  --fz-slope: (var(--fz-to) - var(--fz-from)) / (var(--viewport-to) - var(--viewport-from)) * 100;
  --fz-intercept: (var(--viewport-to) * var(--fz-from) - var(--viewport-from) * var(--fz-to)) / (var(--viewport-to) - var(--viewport-from));
  --font-size: calc(var(--fz-slope) * var(--viewport-unit-converter) + var(--fz-intercept) * 1px);
  --min-fz-px: calc(var(--min-font-size) * 1px);
  --max-fz-px: calc(var(--max-font-size) * 1px);
  --clamp: clamp(var(--min-fz-px), var(--font-size), var(--max-fz-px));
  --max: var(--has-max, var(--min));
  --min: var(--has-min, var(--font-size));
  --has-max: min(var(--max-fz-px), var(--font-size));
  --has-min: max(var(--min-fz-px), var(--font-size));
  font-size: var(--clamp, var(--max));
}
.p-interview-list__button {
  text-align: center;
  margin-top: 40px;
}
@media (min-width: 700px) {
  .p-interview-list__button {
    margin-top: 64px;
  }
}

.p-interview-crosstalk {
  margin-top: 80px;
}
@media (min-width: 1024px) {
  .p-interview-crosstalk {
    margin-top: 120px;
  }
}
.p-interview-crosstalk__list {
  margin-top: 40px;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 32px;
}
@media (min-width: 700px) {
  .p-interview-crosstalk__list {
    margin-top: 64px;
    grid-template-columns: repeat(2, 1fr);
    gap: 48px 24px;
  }
}
@media (min-width: 1024px) {
  .p-interview-crosstalk__list {
    gap: 64px 32px;
  }
}

.p-interview-profile {
  color: #FFFFFF;
  margin-top: 50px;
}
.p-interview-profile__en {
  --viewport-from: 768;
  --viewport-to: 1440;
  --min-font-size: 12;
  --max-font-size: 18;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-weight: 500;
}
.p-interview-profile__en *,
.p-interview-profile__en *::before,
.p-interview-profile__en *::after {
  --viewport-unit-converter: 1vw;
  --fz-from: var(--font-size-from, var(--min-font-size));
  --fz-to: var(--font-size-to, var(--max-font-size));
  --fz-slope: (var(--fz-to) - var(--fz-from)) / (var(--viewport-to) - var(--viewport-from)) * 100;
  --fz-intercept: (var(--viewport-to) * var(--fz-from) - var(--viewport-from) * var(--fz-to)) / (var(--viewport-to) - var(--viewport-from));
  --font-size: calc(var(--fz-slope) * var(--viewport-unit-converter) + var(--fz-intercept) * 1px);
  --min-fz-px: calc(var(--min-font-size) * 1px);
  --max-fz-px: calc(var(--max-font-size) * 1px);
  --clamp: clamp(var(--min-fz-px), var(--font-size), var(--max-fz-px));
  --max: var(--has-max, var(--min));
  --min: var(--has-min, var(--font-size));
  --has-max: min(var(--max-fz-px), var(--font-size));
  --has-min: max(var(--min-fz-px), var(--font-size));
  font-size: var(--clamp, var(--max));
}
.p-interview-profile__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 24px 0;
}
@media (min-width: 700px) {
  .p-interview-profile__content {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 40px 0;
  }
}
.p-interview-profile__textarea {
  width: 100%;
}
@media (min-width: 700px) {
  .p-interview-profile__textarea {
    width: min(38%, 455px);
  }
}
.p-interview-profile__department {
  color: #0A5FE8;
  font-weight: 700;
  padding: 2px 20px 0;
  background: #FFFFFF;
  border-radius: 999px;
  display: inline-block;
}
@media (max-width: 749px) {
  .p-interview-profile__department {
    margin-top: 16px;
  }
}
.p-interview-profile__catch {
  --viewport-from: 768;
  --viewport-to: 1440;
  --min-font-size: 20;
  --max-font-size: 32;
  font-weight: 700;
  line-height: 1.6;
  margin-top: 16px;
}
.p-interview-profile__catch *,
.p-interview-profile__catch *::before,
.p-interview-profile__catch *::after {
  --viewport-unit-converter: 1vw;
  --fz-from: var(--font-size-from, var(--min-font-size));
  --fz-to: var(--font-size-to, var(--max-font-size));
  --fz-slope: (var(--fz-to) - var(--fz-from)) / (var(--viewport-to) - var(--viewport-from)) * 100;
  --fz-intercept: (var(--viewport-to) * var(--fz-from) - var(--viewport-from) * var(--fz-to)) / (var(--viewport-to) - var(--viewport-from));
  --font-size: calc(var(--fz-slope) * var(--viewport-unit-converter) + var(--fz-intercept) * 1px);
  --min-fz-px: calc(var(--min-font-size) * 1px);
  --max-fz-px: calc(var(--max-font-size) * 1px);
  --clamp: clamp(var(--min-fz-px), var(--font-size), var(--max-fz-px));
  --max: var(--has-max, var(--min));
  --min: var(--has-min, var(--font-size));
  --has-max: min(var(--max-fz-px), var(--font-size));
  --has-min: max(var(--min-fz-px), var(--font-size));
  font-size: var(--clamp, var(--max));
}
@media (min-width: 700px) {
  .p-interview-profile__catch {
    margin-top: 24px;
  }
}
.p-interview-profile__info {
  font-weight: 700;
  margin-top: 8px;
}
@media (min-width: 700px) {
  .p-interview-profile__info {
    margin-top: 32px;
  }
}
.p-interview-profile__image {
  width: 100%;
  display: block;
  -webkit-mask: url(../img/interview/mask_image.svg) no-repeat top center/100% auto;
          mask: url(../img/interview/mask_image.svg) no-repeat top center/100% auto;
}
@media (min-width: 700px) {
  .p-interview-profile__image {
    width: min(55.4%, 665px);
  }
}

.p-interview-article {
  width: 100%;
  margin-top: 56px;
  padding: 56px 24px 0;
  background: #FFFFFF;
  border-radius: 32px;
}
@media (min-width: 700px) {
  .p-interview-article {
    margin-top: 80px;
    padding: 80px 24px 0;
  }
}
@media (min-width: 1024px) {
  .p-interview-article {
    margin-top: 96px;
    padding: 120px 0 160px;
  }
}
@media (max-width: 749px) {
  .p-interview-article .c-container {
    padding: 0;
  }
}
.p-interview-article__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 48px;
}
@media (min-width: 700px) {
  .p-interview-article__content {
    gap: 0 40px;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
  }
}
@media (min-width: 1024px) {
  .p-interview-article__content {
    gap: 0 80px;
  }
}
.p-interview-article__content + .p-interview-article__content {
  margin-top: 48px;
}
@media (min-width: 700px) {
  .p-interview-article__content + .p-interview-article__content {
    margin-top: 80px;
  }
}
@media (min-width: 1024px) {
  .p-interview-article__content + .p-interview-article__content {
    margin-top: 120px;
  }
}
.p-interview-article__content + .p-interview-article__content .p-interview-article__image {
  margin-left: auto;
}
@media (min-width: 700px) {
  .p-interview-article__content + .p-interview-article__content .p-interview-article__image {
    margin: 0;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
  }
}
.p-interview-article__image {
  width: 80%;
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
      -ms-flex-order: 2;
          order: 2;
  margin: 0 auto;
}
@media (min-width: 700px) {
  .p-interview-article__image {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
        -ms-flex-order: -1;
            order: -1;
    width: min(42%, 500px);
    margin: 0;
  }
}
.p-interview-article__image img {
  border-radius: 16px;
}
@media (min-width: 1024px) {
  .p-interview-article__image img {
    border-radius: 32px;
  }
}
.p-interview-article__textarea {
  width: 100%;
}
@media (min-width: 700px) {
  .p-interview-article__textarea {
    width: min(52%, 620px);
  }
}
.p-interview-article__title {
  --viewport-from: 768;
  --viewport-to: 1440;
  --min-font-size: 18;
  --max-font-size: 24;
  border-bottom: 1px solid #BCC8D9;
  padding-bottom: 16px;
}
.p-interview-article__title *,
.p-interview-article__title *::before,
.p-interview-article__title *::after {
  --viewport-unit-converter: 1vw;
  --fz-from: var(--font-size-from, var(--min-font-size));
  --fz-to: var(--font-size-to, var(--max-font-size));
  --fz-slope: (var(--fz-to) - var(--fz-from)) / (var(--viewport-to) - var(--viewport-from)) * 100;
  --fz-intercept: (var(--viewport-to) * var(--fz-from) - var(--viewport-from) * var(--fz-to)) / (var(--viewport-to) - var(--viewport-from));
  --font-size: calc(var(--fz-slope) * var(--viewport-unit-converter) + var(--fz-intercept) * 1px);
  --min-fz-px: calc(var(--min-font-size) * 1px);
  --max-fz-px: calc(var(--max-font-size) * 1px);
  --clamp: clamp(var(--min-fz-px), var(--font-size), var(--max-fz-px));
  --max: var(--has-max, var(--min));
  --min: var(--has-min, var(--font-size));
  --has-max: min(var(--max-fz-px), var(--font-size));
  --has-min: max(var(--min-fz-px), var(--font-size));
  font-size: var(--clamp, var(--max));
}
@media (min-width: 1024px) {
  .p-interview-article__title {
    padding-bottom: 24px;
  }
}
.p-interview-article p {
  margin-top: 16px;
}
@media (min-width: 1024px) {
  .p-interview-article p {
    margin-top: 24px;
  }
}
.p-interview-article p + .p-interview-article__title {
  margin-top: 40px;
}
@media (min-width: 700px) {
  .p-interview-article p + .p-interview-article__title {
    margin-top: 48px;
  }
}
@media (min-width: 1024px) {
  .p-interview-article p + .p-interview-article__title {
    margin-top: 80px;
  }
}

.p-interview-one-day {
  margin-top: 80px;
}
@media (min-width: 1024px) {
  .p-interview-one-day {
    margin-top: 0;
  }
}
.p-interview-one-day__content {
  width: 100vw;
  width: calc(100vw - (50% - 50vw));
  padding: 40px 0 40px 24px;
  background: #F0F5FC;
  border-radius: 16px 0 0 16px;
  position: relative;
}
@media (min-width: 700px) {
  .p-interview-one-day__content {
    padding: 40px 0 40px 40px;
    border-radius: 24px 0 0 24px;
  }
}
@media (min-width: 1024px) {
  .p-interview-one-day__content {
    padding: 80px 0 80px 80px;
    border-radius: 32px 0 0 32px;
  }
}
.p-interview-one-day__schedule {
  margin-top: 40px;
  overflow: hidden;
}
@media (min-width: 1024px) {
  .p-interview-one-day__schedule {
    margin-top: 48px;
  }
}
.p-interview-one-day__swiper {
  width: min(100% - 60px, 1200px);
}
@media (min-width: 700px) {
  .p-interview-one-day__swiper {
    width: min(100% - 80px, 1200px);
  }
}
.p-interview-one-day__list {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  position: relative;
  overflow: visible;
}
@media (min-width: 1024px) {
  .p-interview-one-day__list {
    margin-right: 80px;
  }
}
.p-interview-one-day__list::before {
  content: "";
  width: calc(100% - 8px);
  height: 1px;
  background: url(../img/interview/bg_line.svg) repeat-x;
  position: absolute;
  top: 72px;
  left: 8px;
}
@media (min-width: 700px) {
  .p-interview-one-day__list::before {
    width: calc(100% - 32px);
    left: 32px;
  }
}
.p-interview-one-day__schedule-item {
  min-width: 300px;
  max-width: 300px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 45px 0;
}
@media (min-width: 1024px) {
  .p-interview-one-day__schedule-item {
    min-width: 320px;
    max-width: 320px;
    gap: 45px 0;
  }
}
.p-interview-one-day__schedule-time {
  font-size: 32px;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-weight: 300;
  padding-left: 8px;
}
@media (min-width: 700px) {
  .p-interview-one-day__schedule-time {
    font-size: 40px;
    padding-left: 32px;
  }
}
.p-interview-one-day__schedule-job {
  font-weight: 400;
  padding: 16px;
  background: #FFFFFF;
  border-radius: 8px;
  position: relative;
  z-index: 1;
}
@media (min-width: 700px) {
  .p-interview-one-day__schedule-job {
    padding: 24px;
    border-radius: 16px;
  }
}
.p-interview-one-day__schedule-job::before {
  content: "";
  width: 8px;
  aspect-ratio: 1/1;
  background: #0A5FE8;
  border-radius: 50%;
  position: absolute;
  top: -28px;
  left: 5px;
}
@media (min-width: 700px) {
  .p-interview-one-day__schedule-job::before {
    top: -40px;
    left: 28.5px;
  }
}
.p-interview-one-day__schedule-job::after {
  content: "";
  width: 1px;
  height: 24px;
  background: #071F45;
  position: absolute;
  top: 0;
  left: 8px;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  z-index: -1;
}
@media (min-width: 700px) {
  .p-interview-one-day__schedule-job::after {
    height: 32px;
    left: 32px;
  }
}
.p-interview-one-day .swiper-scrollbar {
  height: 6px;
  margin-top: 40px;
  background-color: #FFFFFF;
  position: static;
}
@media (min-width: 1024px) {
  .p-interview-one-day .swiper-scrollbar {
    margin-top: 64px;
  }
}
.p-interview-one-day .swiper-scrollbar-drag {
  background: #0A5FE8;
}

/* ブロックマージン */
/* 区切り */
hr.wp-block-separator {
  border: none;
  height: 1px;
  background: #BCC8D9;
}
hr.wp-block-separator + .wp-block-heading {
  margin-top: 40px;
}

* + .wp-block-heading.decoration-none {
  margin-top: 72px;
}
@media (min-width: 700px) {
  * + .wp-block-heading.decoration-none {
    margin-top: 112px;
  }
}

* + .wp-block-heading.decoration-bordericon {
  margin-top: 56px;
}

* + .wp-block-heading.decoration-icon {
  margin-top: 40px;
}

.wp-block-heading {
  --viewport-from: 768;
  --viewport-to: 1440;
  --min-font-size: 28;
  --max-font-size: 44;
}
.wp-block-heading *,
.wp-block-heading *::before,
.wp-block-heading *::after {
  --viewport-unit-converter: 1vw;
  --fz-from: var(--font-size-from, var(--min-font-size));
  --fz-to: var(--font-size-to, var(--max-font-size));
  --fz-slope: (var(--fz-to) - var(--fz-from)) / (var(--viewport-to) - var(--viewport-from)) * 100;
  --fz-intercept: (var(--viewport-to) * var(--fz-from) - var(--viewport-from) * var(--fz-to)) / (var(--viewport-to) - var(--viewport-from));
  --font-size: calc(var(--fz-slope) * var(--viewport-unit-converter) + var(--fz-intercept) * 1px);
  --min-fz-px: calc(var(--min-font-size) * 1px);
  --max-fz-px: calc(var(--max-font-size) * 1px);
  --clamp: clamp(var(--min-fz-px), var(--font-size), var(--max-fz-px));
  --max: var(--has-max, var(--min));
  --min: var(--has-min, var(--font-size));
  --has-max: min(var(--max-fz-px), var(--font-size));
  --has-min: max(var(--min-fz-px), var(--font-size));
  font-size: var(--clamp, var(--max));
}
.wp-block-heading img {
  margin-right: 24px;
  border-radius: 8px;
  display: inline-block;
  vertical-align: middle;
}

.wp-block-heading + p {
  margin-top: 16px;
  line-height: 1.875;
}

.decoration-bordericon + p {
  margin-top: 24px;
}

h3.wp-block-heading + h4.wp-block-heading {
  margin-top: 40px;
}

h4.wp-block-heading + p {
  margin-top: 24px;
}

p + .wp-block-heading.has-heading-s-small-font-size,
ol + .wp-block-heading.has-heading-s-small-font-size {
  margin-top: 32px;
}

.wp-block-list + p {
  margin-top: 16px;
}

.wp-block-lazyblock-c-table + p,
.wp-block-lazyblock-c-title + p {
  margin-top: 40px;
}

.wp-block-button[class*=has-margin-top-] {
  margin-top: var(--margin-top);
}
@media (max-width: 749px) {
  .wp-block-button[class*=has-margin-top-] {
    margin-top: calc(var(--margin-top) * 0.6);
  }
}

.wp-block-button[class*=has-margin-bottom-] {
  margin-bottom: var(--margin-bottom);
}
@media (max-width: 749px) {
  .wp-block-button[class*=has-margin-bottom-] {
    margin-bottom: calc(var(--margin-top) * 0.6);
  }
}

.wp-block-buttons.is-float {
  position: fixed;
  width: auto;
  right: 96px;
  bottom: 24px;
  z-index: 10;
}
@media (min-width: 700px) {
  .wp-block-buttons.is-float {
    bottom: 32px;
  }
}

.wp-block-button__link {
  font-size: 14px;
  background: #071F45;
  padding: 16px 16px 16px 24px;
  border-radius: 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 24px;
}
@media (min-width: 700px) {
  .wp-block-button__link {
    font-size: 16px;
    gap: 0 54px;
  }
}
@media (hover: hover) and (pointer: fine) {
  .wp-block-button__link:hover {
    background: #0A5FE8;
  }
  .wp-block-button__link:hover::after {
    content: "";
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="8" viewBox="0 0 14 8"><path id="パス_19575" data-name="パス 19575" d="M13.8,3.813,4.528.029a.313.313,0,0,0-.453.342l.7,2.334L.328,2.69H.313A.319.319,0,0,0,0,3.017l.089,1.91a.321.321,0,0,0,.321.3l4.441.07L4.408,7.625a.349.349,0,0,0,.487.349L13.8,4.389a.32.32,0,0,0,.174-.166.308.308,0,0,0-.173-.411" transform="translate(0 0)" fill="%230A5FE8"/></svg>') no-repeat center center/14px auto;
    background-color: #FFFFFF;
  }
  .icon-external .wp-block-button__link:hover::after {
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 11 11"><g id="グループ_1056" data-name="グループ 1056" transform="translate(0.5 0.5)"><g id="グループ_1038" data-name="グループ 1038" transform="translate(3.159 0)"><g id="グループ_1058" data-name="グループ 1058" transform="translate(0 0)"><path id="パス_404" data-name="パス 404" d="M15.9,7.207h-1V.953H8.564v-1H15.9Z" transform="translate(-8.564 -0.453)" fill="%230A5FE8"/></g></g><path id="長方形_436" data-name="長方形 436" d="M-.5-.5H8.439V8.439H-.5ZM7.439.5H.5V7.439H7.439Z" transform="translate(0 2.061)" fill="%230A5FE8"/></g></svg>') no-repeat center center/10px auto;
    background-color: #FFFFFF;
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .wp-block-button__link:hover {
    background: #0A5FE8;
  }
  .wp-block-button__link:hover::after {
    content: "";
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="8" viewBox="0 0 14 8"><path id="パス_19575" data-name="パス 19575" d="M13.8,3.813,4.528.029a.313.313,0,0,0-.453.342l.7,2.334L.328,2.69H.313A.319.319,0,0,0,0,3.017l.089,1.91a.321.321,0,0,0,.321.3l4.441.07L4.408,7.625a.349.349,0,0,0,.487.349L13.8,4.389a.32.32,0,0,0,.174-.166.308.308,0,0,0-.173-.411" transform="translate(0 0)" fill="%230A5FE8"/></svg>') no-repeat center center/14px auto;
    background-color: #FFFFFF;
  }
  .icon-external .wp-block-button__link:hover::after {
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 11 11"><g id="グループ_1056" data-name="グループ 1056" transform="translate(0.5 0.5)"><g id="グループ_1038" data-name="グループ 1038" transform="translate(3.159 0)"><g id="グループ_1058" data-name="グループ 1058" transform="translate(0 0)"><path id="パス_404" data-name="パス 404" d="M15.9,7.207h-1V.953H8.564v-1H15.9Z" transform="translate(-8.564 -0.453)" fill="%230A5FE8"/></g></g><path id="長方形_436" data-name="長方形 436" d="M-.5-.5H8.439V8.439H-.5ZM7.439.5H.5V7.439H7.439Z" transform="translate(0 2.061)" fill="%230A5FE8"/></g></svg>') no-repeat center center/10px auto;
    background-color: #FFFFFF;
  }
}
.wp-block-button__link::after {
  content: "";
  min-width: 26px;
  aspect-ratio: 1/1;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="8" viewBox="0 0 14 8"><path id="パス_19575" data-name="パス 19575" d="M13.8,3.813,4.528.029a.313.313,0,0,0-.453.342l.7,2.334L.328,2.69H.313A.319.319,0,0,0,0,3.017l.089,1.91a.321.321,0,0,0,.321.3l4.441.07L4.408,7.625a.349.349,0,0,0,.487.349L13.8,4.389a.32.32,0,0,0,.174-.166.308.308,0,0,0-.173-.411" transform="translate(0 0)" fill="%23071F45"/></svg>') no-repeat center center/14px auto;
  background-color: #FFFFFF;
  border-radius: 50%;
}
.icon-external .wp-block-button__link::after {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 11 11"><g id="グループ_1056" data-name="グループ 1056" transform="translate(0.5 0.5)"><g id="グループ_1038" data-name="グループ 1038" transform="translate(3.159 0)"><g id="グループ_1058" data-name="グループ 1058" transform="translate(0 0)"><path id="パス_404" data-name="パス 404" d="M15.9,7.207h-1V.953H8.564v-1H15.9Z" transform="translate(-8.564 -0.453)" fill="%23071F45"/></g></g><path id="長方形_436" data-name="長方形 436" d="M-.5-.5H8.439V8.439H-.5ZM7.439.5H.5V7.439H7.439Z" transform="translate(0 2.061)" fill="%23071F45"/></g></svg>') no-repeat center center/10px auto;
  background-color: #FFFFFF;
}

.wp-block-list {
  --viewport-from: 768;
  --viewport-to: 1440;
  --min-font-size: 14;
  --max-font-size: 16;
}
.wp-block-list *,
.wp-block-list *::before,
.wp-block-list *::after {
  --viewport-unit-converter: 1vw;
  --fz-from: var(--font-size-from, var(--min-font-size));
  --fz-to: var(--font-size-to, var(--max-font-size));
  --fz-slope: (var(--fz-to) - var(--fz-from)) / (var(--viewport-to) - var(--viewport-from)) * 100;
  --fz-intercept: (var(--viewport-to) * var(--fz-from) - var(--viewport-from) * var(--fz-to)) / (var(--viewport-to) - var(--viewport-from));
  --font-size: calc(var(--fz-slope) * var(--viewport-unit-converter) + var(--fz-intercept) * 1px);
  --min-fz-px: calc(var(--min-font-size) * 1px);
  --max-fz-px: calc(var(--max-font-size) * 1px);
  --clamp: clamp(var(--min-fz-px), var(--font-size), var(--max-fz-px));
  --max: var(--has-max, var(--min));
  --min: var(--has-min, var(--font-size));
  --has-max: min(var(--max-fz-px), var(--font-size));
  --has-min: max(var(--min-fz-px), var(--font-size));
  font-size: var(--clamp, var(--max));
}

ol.wp-block-list {
  font-weight: 400;
  margin: 16px 0 0 0;
}
ol.wp-block-list li + li {
  margin-top: 16px;
}

.ol-style-circle-numeral {
  list-style: none;
  counter-reset: circle-counter;
}

.ol-style-circle-numeral li {
  counter-increment: circle-counter;
  position: relative;
  margin-left: 1.5em;
}

.ol-style-circle-numeral li::before {
  content: counter(circle-counter, decimal) " "; /* 一旦通常数字 */
  width: 1.5em;
  text-indent: -1.5em;
  display: inline-block;
  position: absolute;
}

/* ①〜⑳を丸付きに変換する例 */
.ol-style-circle-numeral li:nth-child(1)::before {
  content: "① ";
}

.ol-style-circle-numeral li:nth-child(2)::before {
  content: "② ";
}

.ol-style-circle-numeral li:nth-child(3)::before {
  content: "③ ";
}

.ol-style-circle-numeral li:nth-child(4)::before {
  content: "④ ";
}

.ol-style-circle-numeral li:nth-child(5)::before {
  content: "⑤ ";
}

.ol-style-circle-numeral li:nth-child(6)::before {
  content: "⑥ ";
}

.ol-style-circle-numeral li:nth-child(7)::before {
  content: "⑦ ";
}

/* (1),(2),(3)... */
.ol-style-paren-decimal {
  list-style: none;
  counter-reset: paren-num;
}

.ol-style-paren-decimal li {
  margin-left: 1.8em;
  position: relative;
}

.ol-style-paren-decimal li::before {
  counter-increment: paren-num;
  content: "(" counter(paren-num) ")";
  width: 1.8em;
  text-indent: -1.8em;
  display: inline-block;
  position: absolute;
}

.ul-style-square {
  list-style: none;
}

.ul-style-square li {
  position: relative;
  margin-left: 1.5em;
}
.ul-style-square li + li {
  margin-top: 8px;
}

.ul-style-square li::before {
  content: "◆";
  width: 1.5em;
  text-indent: -1.5em;
  display: inline-block;
  position: absolute;
}

main p > a,
main dd > a {
  color: #0A5FE8;
  text-decoration: underline;
  text-underline-offset: 8px;
}
main p > a[target=_blank]::after,
main dd > a[target=_blank]::after {
  content: "";
  width: 14px;
  aspect-ratio: 1/1;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 11 11"><g id="グループ_1056" data-name="グループ 1056" transform="translate(0.5 0.5)"><g id="グループ_1038" data-name="グループ 1038" transform="translate(3.159 0)"><g id="グループ_1058" data-name="グループ 1058" transform="translate(0 0)"><path id="パス_404" data-name="パス 404" d="M15.9,7.207h-1V.953H8.564v-1H15.9Z" transform="translate(-8.564 -0.453)" fill="%230A5FE8"/></g></g><path id="長方形_436" data-name="長方形 436" d="M-.5-.5H8.439V8.439H-.5ZM7.439.5H.5V7.439H7.439Z" transform="translate(0 2.061)" fill="%230A5FE8"/></g></svg>') no-repeat center center/100% auto;
  display: inline-block;
  margin: 0 10px;
}
main p > a[href^="https://maps.app.goo.gl/"],
main dd > a[href^="https://maps.app.goo.gl/"] {
  color: #071F45;
}
main p > a[href^="https://maps.app.goo.gl/"]::after,
main dd > a[href^="https://maps.app.goo.gl/"]::after {
  content: "";
  width: 15px;
  aspect-ratio: 15/18;
  background: url(../img/common/ic_map.svg) no-repeat center center/100% auto;
  -webkit-transform: translateY(4px);
          transform: translateY(4px);
}

main p.u-link > a {
  color: #071F45;
  font-weight: 700;
  text-decoration: none;
}
main p.u-link > a[target=_blank]::after {
  content: "";
  width: 32px;
  aspect-ratio: 1/1;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 11 11"><g id="グループ_1056" data-name="グループ 1056" transform="translate(0.5 0.5)"><g id="グループ_1038" data-name="グループ 1038" transform="translate(3.159 0)"><g id="グループ_1058" data-name="グループ 1058" transform="translate(0 0)"><path id="パス_404" data-name="パス 404" d="M15.9,7.207h-1V.953H8.564v-1H15.9Z" transform="translate(-8.564 -0.453)" fill="%23FFFFFF"/></g></g><path id="長方形_436" data-name="長方形 436" d="M-.5-.5H8.439V8.439H-.5ZM7.439.5H.5V7.439H7.439Z" transform="translate(0 2.061)" fill="%23FFFFFF"/></g></svg>') no-repeat center center/14px auto;
  background-color: #0A5FE8;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px;
}

.is-scroll-on-mobile {
  overflow-y: hidden !important;
}

.is-scroll-on-mobile img {
  max-width: 750px;
  min-width: 750px;
}
@media (min-width: 700px) {
  .is-scroll-on-mobile img {
    width: 100%;
    max-width: 100%;
  }
}

.has-radius-small:where(:not(:is(.wp-block-image *))) {
  border-radius: 8px !important;
}

.wp-block-image.has-radius-small img {
  border-radius: 8px !important;
}

.has-radius-medium:where(:not(:is(.wp-block-image *))) {
  border-radius: 8px !important;
}
@media (min-width: 700px) {
  .has-radius-medium:where(:not(:is(.wp-block-image *))) {
    border-radius: 16px !important;
  }
}

.wp-block-image.has-radius-medium img {
  border-radius: 8px !important;
}
@media (min-width: 700px) {
  .wp-block-image.has-radius-medium img {
    border-radius: 16px !important;
  }
}

.has-radius-large:where(:not(:is(.wp-block-image *))) {
  border-radius: 16px !important;
}
@media (min-width: 700px) {
  .has-radius-large:where(:not(:is(.wp-block-image *))) {
    border-radius: 24px !important;
  }
}

.wp-block-image.has-radius-large img {
  border-radius: 16px !important;
}
@media (min-width: 700px) {
  .wp-block-image.has-radius-large img {
    border-radius: 24px !important;
  }
}

.has-radius-x-large:where(:not(:is(.wp-block-image *))) {
  border-radius: 16px !important;
}
@media (min-width: 700px) {
  .has-radius-x-large:where(:not(:is(.wp-block-image *))) {
    border-radius: 32px !important;
  }
}

.wp-block-image.has-radius-x-large img {
  border-radius: 16px !important;
}
@media (min-width: 700px) {
  .wp-block-image.has-radius-x-large img {
    border-radius: 32px !important;
  }
}

.has-margin-top-0 {
  margin-top: 0px !important;
}

.has-margin-right-0 {
  margin-right: 0px !important;
}

.has-margin-bottom-0 {
  margin-bottom: 0px !important;
}

.has-margin-left-0 {
  margin-left: 0px !important;
}

.has-padding-top-0 {
  padding-top: 0px !important;
}

.has-padding-right-0 {
  padding-right: 0px !important;
}

.has-padding-bottom-0 {
  padding-bottom: 0px !important;
}

.has-padding-left-0 {
  padding-left: 0px !important;
}

.has-gap-0 {
  gap: 0px !important;
}

.has-margin-top-8 {
  margin-top: 8px !important;
}

.has-margin-right-8 {
  margin-right: 8px !important;
}

.has-margin-bottom-8 {
  margin-bottom: 8px !important;
}

.has-margin-left-8 {
  margin-left: 8px !important;
}

.has-padding-top-8 {
  padding-top: 8px !important;
}

.has-padding-right-8 {
  padding-right: 8px !important;
}

.has-padding-bottom-8 {
  padding-bottom: 8px !important;
}

.has-padding-left-8 {
  padding-left: 8px !important;
}

.has-gap-8 {
  gap: 8px !important;
}

.has-margin-top-16 {
  margin-top: 16px !important;
}

.has-margin-right-16 {
  margin-right: 16px !important;
}

.has-margin-bottom-16 {
  margin-bottom: 16px !important;
}

.has-margin-left-16 {
  margin-left: 16px !important;
}

.has-padding-top-16 {
  padding-top: 16px !important;
}

.has-padding-right-16 {
  padding-right: 16px !important;
}

.has-padding-bottom-16 {
  padding-bottom: 16px !important;
}

.has-padding-left-16 {
  padding-left: 16px !important;
}

.has-gap-16 {
  gap: 16px !important;
}

.has-margin-top-24 {
  margin-top: 24px !important;
}

.has-margin-right-24 {
  margin-right: 24px !important;
}

.has-margin-bottom-24 {
  margin-bottom: 24px !important;
}

.has-margin-left-24 {
  margin-left: 24px !important;
}

.has-padding-top-24 {
  padding-top: 24px !important;
}

.has-padding-right-24 {
  padding-right: 24px !important;
}

.has-padding-bottom-24 {
  padding-bottom: 24px !important;
}

.has-padding-left-24 {
  padding-left: 24px !important;
}

.has-gap-24 {
  gap: 24px !important;
}

.has-margin-top-32 {
  margin-top: 32px !important;
}

.has-margin-right-32 {
  margin-right: 32px !important;
}

.has-margin-bottom-32 {
  margin-bottom: 32px !important;
}

.has-margin-left-32 {
  margin-left: 32px !important;
}

.has-padding-top-32 {
  padding-top: 32px !important;
}

.has-padding-right-32 {
  padding-right: 32px !important;
}

.has-padding-bottom-32 {
  padding-bottom: 32px !important;
}

.has-padding-left-32 {
  padding-left: 32px !important;
}

.has-gap-32 {
  gap: 32px !important;
}

.has-margin-top-40 {
  margin-top: 40px !important;
}

.has-margin-right-40 {
  margin-right: 40px !important;
}

.has-margin-bottom-40 {
  margin-bottom: 40px !important;
}

.has-margin-left-40 {
  margin-left: 40px !important;
}

.has-padding-top-40 {
  padding-top: 40px !important;
}

.has-padding-right-40 {
  padding-right: 40px !important;
}

.has-padding-bottom-40 {
  padding-bottom: 40px !important;
}

.has-padding-left-40 {
  padding-left: 40px !important;
}

.has-gap-40 {
  gap: 40px !important;
}

.has-margin-top-48 {
  margin-top: 48px !important;
}

.has-margin-right-48 {
  margin-right: 48px !important;
}

.has-margin-bottom-48 {
  margin-bottom: 48px !important;
}

.has-margin-left-48 {
  margin-left: 48px !important;
}

.has-padding-top-48 {
  padding-top: 48px !important;
}

.has-padding-right-48 {
  padding-right: 48px !important;
}

.has-padding-bottom-48 {
  padding-bottom: 48px !important;
}

.has-padding-left-48 {
  padding-left: 48px !important;
}

.has-gap-48 {
  gap: 48px !important;
}

.has-margin-top-56 {
  margin-top: 56px !important;
}

.has-margin-right-56 {
  margin-right: 56px !important;
}

.has-margin-bottom-56 {
  margin-bottom: 56px !important;
}

.has-margin-left-56 {
  margin-left: 56px !important;
}

.has-padding-top-56 {
  padding-top: 56px !important;
}

.has-padding-right-56 {
  padding-right: 56px !important;
}

.has-padding-bottom-56 {
  padding-bottom: 56px !important;
}

.has-padding-left-56 {
  padding-left: 56px !important;
}

.has-gap-56 {
  gap: 56px !important;
}

.has-margin-top-64 {
  margin-top: 64px !important;
}

.has-margin-right-64 {
  margin-right: 64px !important;
}

.has-margin-bottom-64 {
  margin-bottom: 64px !important;
}

.has-margin-left-64 {
  margin-left: 64px !important;
}

.has-padding-top-64 {
  padding-top: 64px !important;
}

.has-padding-right-64 {
  padding-right: 64px !important;
}

.has-padding-bottom-64 {
  padding-bottom: 64px !important;
}

.has-padding-left-64 {
  padding-left: 64px !important;
}

.has-gap-64 {
  gap: 64px !important;
}

.has-margin-top-72 {
  margin-top: 72px !important;
}

.has-margin-right-72 {
  margin-right: 72px !important;
}

.has-margin-bottom-72 {
  margin-bottom: 72px !important;
}

.has-margin-left-72 {
  margin-left: 72px !important;
}

.has-padding-top-72 {
  padding-top: 72px !important;
}

.has-padding-right-72 {
  padding-right: 72px !important;
}

.has-padding-bottom-72 {
  padding-bottom: 72px !important;
}

.has-padding-left-72 {
  padding-left: 72px !important;
}

.has-gap-72 {
  gap: 72px !important;
}

.has-margin-top-80 {
  margin-top: 80px !important;
}

.has-margin-right-80 {
  margin-right: 80px !important;
}

.has-margin-bottom-80 {
  margin-bottom: 80px !important;
}

.has-margin-left-80 {
  margin-left: 80px !important;
}

.has-padding-top-80 {
  padding-top: 80px !important;
}

.has-padding-right-80 {
  padding-right: 80px !important;
}

.has-padding-bottom-80 {
  padding-bottom: 80px !important;
}

.has-padding-left-80 {
  padding-left: 80px !important;
}

.has-gap-80 {
  gap: 80px !important;
}

.has-margin-top-88 {
  margin-top: 88px !important;
}

.has-margin-right-88 {
  margin-right: 88px !important;
}

.has-margin-bottom-88 {
  margin-bottom: 88px !important;
}

.has-margin-left-88 {
  margin-left: 88px !important;
}

.has-padding-top-88 {
  padding-top: 88px !important;
}

.has-padding-right-88 {
  padding-right: 88px !important;
}

.has-padding-bottom-88 {
  padding-bottom: 88px !important;
}

.has-padding-left-88 {
  padding-left: 88px !important;
}

.has-gap-88 {
  gap: 88px !important;
}

.has-margin-top-96 {
  margin-top: 96px !important;
}

.has-margin-right-96 {
  margin-right: 96px !important;
}

.has-margin-bottom-96 {
  margin-bottom: 96px !important;
}

.has-margin-left-96 {
  margin-left: 96px !important;
}

.has-padding-top-96 {
  padding-top: 96px !important;
}

.has-padding-right-96 {
  padding-right: 96px !important;
}

.has-padding-bottom-96 {
  padding-bottom: 96px !important;
}

.has-padding-left-96 {
  padding-left: 96px !important;
}

.has-gap-96 {
  gap: 96px !important;
}

.has-margin-top-104 {
  margin-top: 104px !important;
}

.has-margin-right-104 {
  margin-right: 104px !important;
}

.has-margin-bottom-104 {
  margin-bottom: 104px !important;
}

.has-margin-left-104 {
  margin-left: 104px !important;
}

.has-padding-top-104 {
  padding-top: 104px !important;
}

.has-padding-right-104 {
  padding-right: 104px !important;
}

.has-padding-bottom-104 {
  padding-bottom: 104px !important;
}

.has-padding-left-104 {
  padding-left: 104px !important;
}

.has-gap-104 {
  gap: 104px !important;
}

.has-margin-top-112 {
  margin-top: 112px !important;
}

.has-margin-right-112 {
  margin-right: 112px !important;
}

.has-margin-bottom-112 {
  margin-bottom: 112px !important;
}

.has-margin-left-112 {
  margin-left: 112px !important;
}

.has-padding-top-112 {
  padding-top: 112px !important;
}

.has-padding-right-112 {
  padding-right: 112px !important;
}

.has-padding-bottom-112 {
  padding-bottom: 112px !important;
}

.has-padding-left-112 {
  padding-left: 112px !important;
}

.has-gap-112 {
  gap: 112px !important;
}

.has-margin-top-120 {
  margin-top: 120px !important;
}

.has-margin-right-120 {
  margin-right: 120px !important;
}

.has-margin-bottom-120 {
  margin-bottom: 120px !important;
}

.has-margin-left-120 {
  margin-left: 120px !important;
}

.has-padding-top-120 {
  padding-top: 120px !important;
}

.has-padding-right-120 {
  padding-right: 120px !important;
}

.has-padding-bottom-120 {
  padding-bottom: 120px !important;
}

.has-padding-left-120 {
  padding-left: 120px !important;
}

.has-gap-120 {
  gap: 120px !important;
}

.has-margin-top-128 {
  margin-top: 128px !important;
}

.has-margin-right-128 {
  margin-right: 128px !important;
}

.has-margin-bottom-128 {
  margin-bottom: 128px !important;
}

.has-margin-left-128 {
  margin-left: 128px !important;
}

.has-padding-top-128 {
  padding-top: 128px !important;
}

.has-padding-right-128 {
  padding-right: 128px !important;
}

.has-padding-bottom-128 {
  padding-bottom: 128px !important;
}

.has-padding-left-128 {
  padding-left: 128px !important;
}

.has-gap-128 {
  gap: 128px !important;
}

.has-margin-top-136 {
  margin-top: 136px !important;
}

.has-margin-right-136 {
  margin-right: 136px !important;
}

.has-margin-bottom-136 {
  margin-bottom: 136px !important;
}

.has-margin-left-136 {
  margin-left: 136px !important;
}

.has-padding-top-136 {
  padding-top: 136px !important;
}

.has-padding-right-136 {
  padding-right: 136px !important;
}

.has-padding-bottom-136 {
  padding-bottom: 136px !important;
}

.has-padding-left-136 {
  padding-left: 136px !important;
}

.has-gap-136 {
  gap: 136px !important;
}

.has-margin-top-144 {
  margin-top: 144px !important;
}

.has-margin-right-144 {
  margin-right: 144px !important;
}

.has-margin-bottom-144 {
  margin-bottom: 144px !important;
}

.has-margin-left-144 {
  margin-left: 144px !important;
}

.has-padding-top-144 {
  padding-top: 144px !important;
}

.has-padding-right-144 {
  padding-right: 144px !important;
}

.has-padding-bottom-144 {
  padding-bottom: 144px !important;
}

.has-padding-left-144 {
  padding-left: 144px !important;
}

.has-gap-144 {
  gap: 144px !important;
}

.has-margin-top-152 {
  margin-top: 152px !important;
}

.has-margin-right-152 {
  margin-right: 152px !important;
}

.has-margin-bottom-152 {
  margin-bottom: 152px !important;
}

.has-margin-left-152 {
  margin-left: 152px !important;
}

.has-padding-top-152 {
  padding-top: 152px !important;
}

.has-padding-right-152 {
  padding-right: 152px !important;
}

.has-padding-bottom-152 {
  padding-bottom: 152px !important;
}

.has-padding-left-152 {
  padding-left: 152px !important;
}

.has-gap-152 {
  gap: 152px !important;
}

.has-margin-top-160 {
  margin-top: 160px !important;
}

.has-margin-right-160 {
  margin-right: 160px !important;
}

.has-margin-bottom-160 {
  margin-bottom: 160px !important;
}

.has-margin-left-160 {
  margin-left: 160px !important;
}

.has-padding-top-160 {
  padding-top: 160px !important;
}

.has-padding-right-160 {
  padding-right: 160px !important;
}

.has-padding-bottom-160 {
  padding-bottom: 160px !important;
}

.has-padding-left-160 {
  padding-left: 160px !important;
}

.has-gap-160 {
  gap: 160px !important;
}

.has-margin-top-235 {
  margin-top: 235px !important;
}

.has-margin-right-235 {
  margin-right: 235px !important;
}

.has-margin-bottom-235 {
  margin-bottom: 235px !important;
}

.has-margin-left-235 {
  margin-left: 235px !important;
}

.has-padding-top-235 {
  padding-top: 235px !important;
}

.has-padding-right-235 {
  padding-right: 235px !important;
}

.has-padding-bottom-235 {
  padding-bottom: 235px !important;
}

.has-padding-left-235 {
  padding-left: 235px !important;
}

.has-gap-235 {
  gap: 235px !important;
}

@media (max-width: 749px) {
  .has-sp-margin-top-0 {
    margin-top: 0px !important;
  }
  .has-sp-margin-bottom-0 {
    margin-bottom: 0px !important;
  }
  .has-sp-margin-left-0 {
    margin-left: 0px !important;
  }
  .has-sp-margin-right-0 {
    margin-right: 0px !important;
  }
  .has-sp-padding-top-0 {
    padding-top: 0px !important;
  }
  .has-sp-padding-bottom-0 {
    padding-bottom: 0px !important;
  }
  .has-sp-padding-left-0 {
    padding-left: 0px !important;
  }
  .has-sp-padding-right-0 {
    padding-right: 0px !important;
  }
  .has-sp-gap-0 {
    gap: 0px !important;
  }
  .has-sp-margin-top-8 {
    margin-top: 8px !important;
  }
  .has-sp-margin-bottom-8 {
    margin-bottom: 8px !important;
  }
  .has-sp-margin-left-8 {
    margin-left: 8px !important;
  }
  .has-sp-margin-right-8 {
    margin-right: 8px !important;
  }
  .has-sp-padding-top-8 {
    padding-top: 8px !important;
  }
  .has-sp-padding-bottom-8 {
    padding-bottom: 8px !important;
  }
  .has-sp-padding-left-8 {
    padding-left: 8px !important;
  }
  .has-sp-padding-right-8 {
    padding-right: 8px !important;
  }
  .has-sp-gap-8 {
    gap: 8px !important;
  }
  .has-sp-margin-top-16 {
    margin-top: 16px !important;
  }
  .has-sp-margin-bottom-16 {
    margin-bottom: 16px !important;
  }
  .has-sp-margin-left-16 {
    margin-left: 16px !important;
  }
  .has-sp-margin-right-16 {
    margin-right: 16px !important;
  }
  .has-sp-padding-top-16 {
    padding-top: 16px !important;
  }
  .has-sp-padding-bottom-16 {
    padding-bottom: 16px !important;
  }
  .has-sp-padding-left-16 {
    padding-left: 16px !important;
  }
  .has-sp-padding-right-16 {
    padding-right: 16px !important;
  }
  .has-sp-gap-16 {
    gap: 16px !important;
  }
  .has-sp-margin-top-24 {
    margin-top: 24px !important;
  }
  .has-sp-margin-bottom-24 {
    margin-bottom: 24px !important;
  }
  .has-sp-margin-left-24 {
    margin-left: 24px !important;
  }
  .has-sp-margin-right-24 {
    margin-right: 24px !important;
  }
  .has-sp-padding-top-24 {
    padding-top: 24px !important;
  }
  .has-sp-padding-bottom-24 {
    padding-bottom: 24px !important;
  }
  .has-sp-padding-left-24 {
    padding-left: 24px !important;
  }
  .has-sp-padding-right-24 {
    padding-right: 24px !important;
  }
  .has-sp-gap-24 {
    gap: 24px !important;
  }
  .has-sp-margin-top-32 {
    margin-top: 32px !important;
  }
  .has-sp-margin-bottom-32 {
    margin-bottom: 32px !important;
  }
  .has-sp-margin-left-32 {
    margin-left: 32px !important;
  }
  .has-sp-margin-right-32 {
    margin-right: 32px !important;
  }
  .has-sp-padding-top-32 {
    padding-top: 32px !important;
  }
  .has-sp-padding-bottom-32 {
    padding-bottom: 32px !important;
  }
  .has-sp-padding-left-32 {
    padding-left: 32px !important;
  }
  .has-sp-padding-right-32 {
    padding-right: 32px !important;
  }
  .has-sp-gap-32 {
    gap: 32px !important;
  }
  .has-sp-margin-top-40 {
    margin-top: 40px !important;
  }
  .has-sp-margin-bottom-40 {
    margin-bottom: 40px !important;
  }
  .has-sp-margin-left-40 {
    margin-left: 40px !important;
  }
  .has-sp-margin-right-40 {
    margin-right: 40px !important;
  }
  .has-sp-padding-top-40 {
    padding-top: 40px !important;
  }
  .has-sp-padding-bottom-40 {
    padding-bottom: 40px !important;
  }
  .has-sp-padding-left-40 {
    padding-left: 40px !important;
  }
  .has-sp-padding-right-40 {
    padding-right: 40px !important;
  }
  .has-sp-gap-40 {
    gap: 40px !important;
  }
  .has-sp-margin-top-48 {
    margin-top: 48px !important;
  }
  .has-sp-margin-bottom-48 {
    margin-bottom: 48px !important;
  }
  .has-sp-margin-left-48 {
    margin-left: 48px !important;
  }
  .has-sp-margin-right-48 {
    margin-right: 48px !important;
  }
  .has-sp-padding-top-48 {
    padding-top: 48px !important;
  }
  .has-sp-padding-bottom-48 {
    padding-bottom: 48px !important;
  }
  .has-sp-padding-left-48 {
    padding-left: 48px !important;
  }
  .has-sp-padding-right-48 {
    padding-right: 48px !important;
  }
  .has-sp-gap-48 {
    gap: 48px !important;
  }
  .has-sp-margin-top-56 {
    margin-top: 56px !important;
  }
  .has-sp-margin-bottom-56 {
    margin-bottom: 56px !important;
  }
  .has-sp-margin-left-56 {
    margin-left: 56px !important;
  }
  .has-sp-margin-right-56 {
    margin-right: 56px !important;
  }
  .has-sp-padding-top-56 {
    padding-top: 56px !important;
  }
  .has-sp-padding-bottom-56 {
    padding-bottom: 56px !important;
  }
  .has-sp-padding-left-56 {
    padding-left: 56px !important;
  }
  .has-sp-padding-right-56 {
    padding-right: 56px !important;
  }
  .has-sp-gap-56 {
    gap: 56px !important;
  }
  .has-sp-margin-top-64 {
    margin-top: 64px !important;
  }
  .has-sp-margin-bottom-64 {
    margin-bottom: 64px !important;
  }
  .has-sp-margin-left-64 {
    margin-left: 64px !important;
  }
  .has-sp-margin-right-64 {
    margin-right: 64px !important;
  }
  .has-sp-padding-top-64 {
    padding-top: 64px !important;
  }
  .has-sp-padding-bottom-64 {
    padding-bottom: 64px !important;
  }
  .has-sp-padding-left-64 {
    padding-left: 64px !important;
  }
  .has-sp-padding-right-64 {
    padding-right: 64px !important;
  }
  .has-sp-gap-64 {
    gap: 64px !important;
  }
  .has-sp-margin-top-72 {
    margin-top: 72px !important;
  }
  .has-sp-margin-bottom-72 {
    margin-bottom: 72px !important;
  }
  .has-sp-margin-left-72 {
    margin-left: 72px !important;
  }
  .has-sp-margin-right-72 {
    margin-right: 72px !important;
  }
  .has-sp-padding-top-72 {
    padding-top: 72px !important;
  }
  .has-sp-padding-bottom-72 {
    padding-bottom: 72px !important;
  }
  .has-sp-padding-left-72 {
    padding-left: 72px !important;
  }
  .has-sp-padding-right-72 {
    padding-right: 72px !important;
  }
  .has-sp-gap-72 {
    gap: 72px !important;
  }
  .has-sp-margin-top-80 {
    margin-top: 80px !important;
  }
  .has-sp-margin-bottom-80 {
    margin-bottom: 80px !important;
  }
  .has-sp-margin-left-80 {
    margin-left: 80px !important;
  }
  .has-sp-margin-right-80 {
    margin-right: 80px !important;
  }
  .has-sp-padding-top-80 {
    padding-top: 80px !important;
  }
  .has-sp-padding-bottom-80 {
    padding-bottom: 80px !important;
  }
  .has-sp-padding-left-80 {
    padding-left: 80px !important;
  }
  .has-sp-padding-right-80 {
    padding-right: 80px !important;
  }
  .has-sp-gap-80 {
    gap: 80px !important;
  }
  .has-sp-margin-top-88 {
    margin-top: 88px !important;
  }
  .has-sp-margin-bottom-88 {
    margin-bottom: 88px !important;
  }
  .has-sp-margin-left-88 {
    margin-left: 88px !important;
  }
  .has-sp-margin-right-88 {
    margin-right: 88px !important;
  }
  .has-sp-padding-top-88 {
    padding-top: 88px !important;
  }
  .has-sp-padding-bottom-88 {
    padding-bottom: 88px !important;
  }
  .has-sp-padding-left-88 {
    padding-left: 88px !important;
  }
  .has-sp-padding-right-88 {
    padding-right: 88px !important;
  }
  .has-sp-gap-88 {
    gap: 88px !important;
  }
  .has-sp-margin-top-96 {
    margin-top: 96px !important;
  }
  .has-sp-margin-bottom-96 {
    margin-bottom: 96px !important;
  }
  .has-sp-margin-left-96 {
    margin-left: 96px !important;
  }
  .has-sp-margin-right-96 {
    margin-right: 96px !important;
  }
  .has-sp-padding-top-96 {
    padding-top: 96px !important;
  }
  .has-sp-padding-bottom-96 {
    padding-bottom: 96px !important;
  }
  .has-sp-padding-left-96 {
    padding-left: 96px !important;
  }
  .has-sp-padding-right-96 {
    padding-right: 96px !important;
  }
  .has-sp-gap-96 {
    gap: 96px !important;
  }
  .has-sp-margin-top-104 {
    margin-top: 104px !important;
  }
  .has-sp-margin-bottom-104 {
    margin-bottom: 104px !important;
  }
  .has-sp-margin-left-104 {
    margin-left: 104px !important;
  }
  .has-sp-margin-right-104 {
    margin-right: 104px !important;
  }
  .has-sp-padding-top-104 {
    padding-top: 104px !important;
  }
  .has-sp-padding-bottom-104 {
    padding-bottom: 104px !important;
  }
  .has-sp-padding-left-104 {
    padding-left: 104px !important;
  }
  .has-sp-padding-right-104 {
    padding-right: 104px !important;
  }
  .has-sp-gap-104 {
    gap: 104px !important;
  }
  .has-sp-margin-top-112 {
    margin-top: 112px !important;
  }
  .has-sp-margin-bottom-112 {
    margin-bottom: 112px !important;
  }
  .has-sp-margin-left-112 {
    margin-left: 112px !important;
  }
  .has-sp-margin-right-112 {
    margin-right: 112px !important;
  }
  .has-sp-padding-top-112 {
    padding-top: 112px !important;
  }
  .has-sp-padding-bottom-112 {
    padding-bottom: 112px !important;
  }
  .has-sp-padding-left-112 {
    padding-left: 112px !important;
  }
  .has-sp-padding-right-112 {
    padding-right: 112px !important;
  }
  .has-sp-gap-112 {
    gap: 112px !important;
  }
  .has-sp-margin-top-120 {
    margin-top: 120px !important;
  }
  .has-sp-margin-bottom-120 {
    margin-bottom: 120px !important;
  }
  .has-sp-margin-left-120 {
    margin-left: 120px !important;
  }
  .has-sp-margin-right-120 {
    margin-right: 120px !important;
  }
  .has-sp-padding-top-120 {
    padding-top: 120px !important;
  }
  .has-sp-padding-bottom-120 {
    padding-bottom: 120px !important;
  }
  .has-sp-padding-left-120 {
    padding-left: 120px !important;
  }
  .has-sp-padding-right-120 {
    padding-right: 120px !important;
  }
  .has-sp-gap-120 {
    gap: 120px !important;
  }
  .has-sp-margin-top-128 {
    margin-top: 128px !important;
  }
  .has-sp-margin-bottom-128 {
    margin-bottom: 128px !important;
  }
  .has-sp-margin-left-128 {
    margin-left: 128px !important;
  }
  .has-sp-margin-right-128 {
    margin-right: 128px !important;
  }
  .has-sp-padding-top-128 {
    padding-top: 128px !important;
  }
  .has-sp-padding-bottom-128 {
    padding-bottom: 128px !important;
  }
  .has-sp-padding-left-128 {
    padding-left: 128px !important;
  }
  .has-sp-padding-right-128 {
    padding-right: 128px !important;
  }
  .has-sp-gap-128 {
    gap: 128px !important;
  }
  .has-sp-margin-top-136 {
    margin-top: 136px !important;
  }
  .has-sp-margin-bottom-136 {
    margin-bottom: 136px !important;
  }
  .has-sp-margin-left-136 {
    margin-left: 136px !important;
  }
  .has-sp-margin-right-136 {
    margin-right: 136px !important;
  }
  .has-sp-padding-top-136 {
    padding-top: 136px !important;
  }
  .has-sp-padding-bottom-136 {
    padding-bottom: 136px !important;
  }
  .has-sp-padding-left-136 {
    padding-left: 136px !important;
  }
  .has-sp-padding-right-136 {
    padding-right: 136px !important;
  }
  .has-sp-gap-136 {
    gap: 136px !important;
  }
  .has-sp-margin-top-144 {
    margin-top: 144px !important;
  }
  .has-sp-margin-bottom-144 {
    margin-bottom: 144px !important;
  }
  .has-sp-margin-left-144 {
    margin-left: 144px !important;
  }
  .has-sp-margin-right-144 {
    margin-right: 144px !important;
  }
  .has-sp-padding-top-144 {
    padding-top: 144px !important;
  }
  .has-sp-padding-bottom-144 {
    padding-bottom: 144px !important;
  }
  .has-sp-padding-left-144 {
    padding-left: 144px !important;
  }
  .has-sp-padding-right-144 {
    padding-right: 144px !important;
  }
  .has-sp-gap-144 {
    gap: 144px !important;
  }
  .has-sp-margin-top-152 {
    margin-top: 152px !important;
  }
  .has-sp-margin-bottom-152 {
    margin-bottom: 152px !important;
  }
  .has-sp-margin-left-152 {
    margin-left: 152px !important;
  }
  .has-sp-margin-right-152 {
    margin-right: 152px !important;
  }
  .has-sp-padding-top-152 {
    padding-top: 152px !important;
  }
  .has-sp-padding-bottom-152 {
    padding-bottom: 152px !important;
  }
  .has-sp-padding-left-152 {
    padding-left: 152px !important;
  }
  .has-sp-padding-right-152 {
    padding-right: 152px !important;
  }
  .has-sp-gap-152 {
    gap: 152px !important;
  }
  .has-sp-margin-top-160 {
    margin-top: 160px !important;
  }
  .has-sp-margin-bottom-160 {
    margin-bottom: 160px !important;
  }
  .has-sp-margin-left-160 {
    margin-left: 160px !important;
  }
  .has-sp-margin-right-160 {
    margin-right: 160px !important;
  }
  .has-sp-padding-top-160 {
    padding-top: 160px !important;
  }
  .has-sp-padding-bottom-160 {
    padding-bottom: 160px !important;
  }
  .has-sp-padding-left-160 {
    padding-left: 160px !important;
  }
  .has-sp-padding-right-160 {
    padding-right: 160px !important;
  }
  .has-sp-gap-160 {
    gap: 160px !important;
  }
  .has-sp-margin-top-235 {
    margin-top: 235px !important;
  }
  .has-sp-margin-bottom-235 {
    margin-bottom: 235px !important;
  }
  .has-sp-margin-left-235 {
    margin-left: 235px !important;
  }
  .has-sp-margin-right-235 {
    margin-right: 235px !important;
  }
  .has-sp-padding-top-235 {
    padding-top: 235px !important;
  }
  .has-sp-padding-bottom-235 {
    padding-bottom: 235px !important;
  }
  .has-sp-padding-left-235 {
    padding-left: 235px !important;
  }
  .has-sp-padding-right-235 {
    padding-right: 235px !important;
  }
  .has-sp-gap-235 {
    gap: 235px !important;
  }
}
.c-faq {
  margin-top: 32px;
}
.c-faq__button {
  --viewport-from: 768;
  --viewport-to: 1440;
  --min-font-size: 16;
  --max-font-size: 20;
  color: #071F45;
  padding: 16px 24px 16px 16px;
  background: #F0F5FC;
  border-radius: 16px;
  display: grid;
  grid-template-columns: 40px auto 16px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.c-faq__button *,
.c-faq__button *::before,
.c-faq__button *::after {
  --viewport-unit-converter: 1vw;
  --fz-from: var(--font-size-from, var(--min-font-size));
  --fz-to: var(--font-size-to, var(--max-font-size));
  --fz-slope: (var(--fz-to) - var(--fz-from)) / (var(--viewport-to) - var(--viewport-from)) * 100;
  --fz-intercept: (var(--viewport-to) * var(--fz-from) - var(--viewport-from) * var(--fz-to)) / (var(--viewport-to) - var(--viewport-from));
  --font-size: calc(var(--fz-slope) * var(--viewport-unit-converter) + var(--fz-intercept) * 1px);
  --min-fz-px: calc(var(--min-font-size) * 1px);
  --max-fz-px: calc(var(--max-font-size) * 1px);
  --clamp: clamp(var(--min-fz-px), var(--font-size), var(--max-fz-px));
  --max: var(--has-max, var(--min));
  --min: var(--has-min, var(--font-size));
  --has-max: min(var(--max-fz-px), var(--font-size));
  --has-min: max(var(--min-fz-px), var(--font-size));
  font-size: var(--clamp, var(--max));
}
@media (min-width: 700px) {
  .c-faq__button {
    padding: 24px;
    grid-template-columns: 56px auto 24px;
    gap: 24px;
  }
}
.c-faq__button.is-active {
  border-radius: 16px 16px 0 0;
}
.c-faq__button.is-active::after {
  -webkit-mask: url(../img/common/ic_accordion_minus.svg) no-repeat center center/100% auto;
          mask: url(../img/common/ic_accordion_minus.svg) no-repeat center center/100% auto;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.c-faq__button::before {
  content: "Q";
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  --viewport-from: 768;
  --viewport-to: 1440;
  --min-font-size: 18;
  --max-font-size: 24;
  color: #0A5FE8;
  font-weight: 600;
  min-width: 40px;
  aspect-ratio: 1/1;
  background: #FFFFFF;
  border-radius: 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-self: self-start;
      -ms-flex-item-align: self-start;
          align-self: self-start;
}
.c-faq__button::before *,
.c-faq__button::before *::before,
.c-faq__button::before *::after {
  --viewport-unit-converter: 1vw;
  --fz-from: var(--font-size-from, var(--min-font-size));
  --fz-to: var(--font-size-to, var(--max-font-size));
  --fz-slope: (var(--fz-to) - var(--fz-from)) / (var(--viewport-to) - var(--viewport-from)) * 100;
  --fz-intercept: (var(--viewport-to) * var(--fz-from) - var(--viewport-from) * var(--fz-to)) / (var(--viewport-to) - var(--viewport-from));
  --font-size: calc(var(--fz-slope) * var(--viewport-unit-converter) + var(--fz-intercept) * 1px);
  --min-fz-px: calc(var(--min-font-size) * 1px);
  --max-fz-px: calc(var(--max-font-size) * 1px);
  --clamp: clamp(var(--min-fz-px), var(--font-size), var(--max-fz-px));
  --max: var(--has-max, var(--min));
  --min: var(--has-min, var(--font-size));
  --has-max: min(var(--max-fz-px), var(--font-size));
  --has-min: max(var(--min-fz-px), var(--font-size));
  font-size: var(--clamp, var(--max));
}
@media (min-width: 700px) {
  .c-faq__button::before {
    min-width: 56px;
    border-radius: 16px;
  }
}
.c-faq__button::after {
  content: "";
  width: 16px;
  aspect-ratio: 1/1;
  margin-left: auto;
  -webkit-mask: url(../img/common/ic_accordion_plus.svg) no-repeat center center/100% auto;
          mask: url(../img/common/ic_accordion_plus.svg) no-repeat center center/100% auto;
  background-color: #082045;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
}
@media (min-width: 700px) {
  .c-faq__button::after {
    width: 24px;
  }
}
.c-faq__panel {
  height: 0;
  border: 1px solid transparent;
  overflow: hidden;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.c-faq__panel.is-open {
  border: 1px solid #F0F5FC;
  border-top-color: transparent;
  border-radius: 0 0 16px 16px;
}
.c-faq__panel.is-open .c-faq__inner {
  -webkit-transition: 0.3s cubic-bezier(0.12, 0, 0.39, 0);
  transition: 0.3s cubic-bezier(0.12, 0, 0.39, 0);
}
.c-faq__panel + .c-faq__button {
  margin-top: 24px;
}
.c-faq__inner {
  padding: 16px;
  display: grid;
  grid-template-columns: 40px auto;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  overflow: hidden;
  -webkit-transition: 0.3s cubic-bezier(0.12, 0, 0.39, 0);
  transition: 0.3s cubic-bezier(0.12, 0, 0.39, 0);
}
@media (min-width: 700px) {
  .c-faq__inner {
    padding: 24px;
    grid-template-columns: 56px auto;
    gap: 24px;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.c-faq__inner::before {
  content: "A";
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  --viewport-from: 768;
  --viewport-to: 1440;
  --min-font-size: 18;
  --max-font-size: 24;
  color: #FFFFFF;
  font-weight: 600;
  min-width: 40px;
  aspect-ratio: 1/1;
  margin-top: 4px;
  background: #0A5FE8;
  border-radius: 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-self: self-start;
      -ms-flex-item-align: self-start;
          align-self: self-start;
}
.c-faq__inner::before *,
.c-faq__inner::before *::before,
.c-faq__inner::before *::after {
  --viewport-unit-converter: 1vw;
  --fz-from: var(--font-size-from, var(--min-font-size));
  --fz-to: var(--font-size-to, var(--max-font-size));
  --fz-slope: (var(--fz-to) - var(--fz-from)) / (var(--viewport-to) - var(--viewport-from)) * 100;
  --fz-intercept: (var(--viewport-to) * var(--fz-from) - var(--viewport-from) * var(--fz-to)) / (var(--viewport-to) - var(--viewport-from));
  --font-size: calc(var(--fz-slope) * var(--viewport-unit-converter) + var(--fz-intercept) * 1px);
  --min-fz-px: calc(var(--min-font-size) * 1px);
  --max-fz-px: calc(var(--max-font-size) * 1px);
  --clamp: clamp(var(--min-fz-px), var(--font-size), var(--max-fz-px));
  --max: var(--has-max, var(--min));
  --min: var(--has-min, var(--font-size));
  --has-max: min(var(--max-fz-px), var(--font-size));
  --has-min: max(var(--min-fz-px), var(--font-size));
  font-size: var(--clamp, var(--max));
}
@media (min-width: 700px) {
  .c-faq__inner::before {
    min-width: 56px;
    border-radius: 16px;
  }
}
.c-faq__answer {
  --viewport-from: 768;
  --viewport-to: 1440;
  --min-font-size: 14;
  --max-font-size: 16;
  font-weight: 400;
  line-height: 1.8;
}
.c-faq__answer *,
.c-faq__answer *::before,
.c-faq__answer *::after {
  --viewport-unit-converter: 1vw;
  --fz-from: var(--font-size-from, var(--min-font-size));
  --fz-to: var(--font-size-to, var(--max-font-size));
  --fz-slope: (var(--fz-to) - var(--fz-from)) / (var(--viewport-to) - var(--viewport-from)) * 100;
  --fz-intercept: (var(--viewport-to) * var(--fz-from) - var(--viewport-from) * var(--fz-to)) / (var(--viewport-to) - var(--viewport-from));
  --font-size: calc(var(--fz-slope) * var(--viewport-unit-converter) + var(--fz-intercept) * 1px);
  --min-fz-px: calc(var(--min-font-size) * 1px);
  --max-fz-px: calc(var(--max-font-size) * 1px);
  --clamp: clamp(var(--min-fz-px), var(--font-size), var(--max-fz-px));
  --max: var(--has-max, var(--min));
  --min: var(--has-min, var(--font-size));
  --has-max: min(var(--max-fz-px), var(--font-size));
  --has-min: max(var(--min-fz-px), var(--font-size));
  font-size: var(--clamp, var(--max));
}
.c-faq__answer a {
  color: #0A5FE8;
}

.c-accordion:first-of-type {
  margin-top: 40px;
}
@media (min-width: 700px) {
  .c-accordion:first-of-type {
    margin-top: 64px;
  }
}
.c-accordion:not(:first-of-type) {
  margin-top: 24px;
}
@media (min-width: 700px) {
  .c-accordion:not(:first-of-type) {
    margin-top: 40px;
  }
}
.c-accordion__title {
  --viewport-from: 768;
  --viewport-to: 1440;
  --min-font-size: 18;
  --max-font-size: 24;
  background: #F0F5FC;
  padding: 24px;
  border-radius: 16px;
  cursor: pointer;
  display: grid;
  grid-template-columns: auto 16px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.c-accordion__title *,
.c-accordion__title *::before,
.c-accordion__title *::after {
  --viewport-unit-converter: 1vw;
  --fz-from: var(--font-size-from, var(--min-font-size));
  --fz-to: var(--font-size-to, var(--max-font-size));
  --fz-slope: (var(--fz-to) - var(--fz-from)) / (var(--viewport-to) - var(--viewport-from)) * 100;
  --fz-intercept: (var(--viewport-to) * var(--fz-from) - var(--viewport-from) * var(--fz-to)) / (var(--viewport-to) - var(--viewport-from));
  --font-size: calc(var(--fz-slope) * var(--viewport-unit-converter) + var(--fz-intercept) * 1px);
  --min-fz-px: calc(var(--min-font-size) * 1px);
  --max-fz-px: calc(var(--max-font-size) * 1px);
  --clamp: clamp(var(--min-fz-px), var(--font-size), var(--max-fz-px));
  --max: var(--has-max, var(--min));
  --min: var(--has-min, var(--font-size));
  --has-max: min(var(--max-fz-px), var(--font-size));
  --has-min: max(var(--min-fz-px), var(--font-size));
  font-size: var(--clamp, var(--max));
}
@media (min-width: 700px) {
  .c-accordion__title {
    padding: 32px 40px;
  }
}
@media (min-width: 1024px) {
  .c-accordion__title {
    padding: 32px 80px;
  }
}
.c-accordion__title.is-active {
  color: #FFFFFF;
  background: #0A5FE8;
  border-radius: 16px 16px 0 0;
}
.c-accordion__title.is-active::after {
  -webkit-mask: url(../img/common/ic_accordion_minus.svg) no-repeat center center/100% auto;
          mask: url(../img/common/ic_accordion_minus.svg) no-repeat center center/100% auto;
  background: #FFFFFF;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.c-accordion__title::after {
  content: "";
  width: 16px;
  aspect-ratio: 1/1;
  margin-left: auto;
  -webkit-mask: url(../img/common/ic_accordion_plus.svg) no-repeat center center/100% auto;
          mask: url(../img/common/ic_accordion_plus.svg) no-repeat center center/100% auto;
  background: #082045;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  display: block;
}
@media (min-width: 700px) {
  .c-accordion__title::after {
    width: 24px;
  }
}
.c-accordion__panel {
  height: 0;
  overflow: hidden;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.c-accordion__inner {
  padding: 24px;
  border: 1px solid #0A5FE8;
  border-radius: 0 0 16px 16px;
}
@media (min-width: 700px) {
  .c-accordion__inner {
    padding: 40px;
  }
}
@media (min-width: 1024px) {
  .c-accordion__inner {
    padding: 80px;
  }
}

.c-table-list {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}
@media (min-width: 700px) {
  .c-table-list {
    grid-template-columns: 153px auto;
  }
}
.c-table-list__term {
  padding: 24px 0 0 0;
}
@media (min-width: 700px) {
  .c-table-list__term {
    padding: 24px 0;
    border-bottom: 1px solid #0660E7;
  }
}
.c-table-list__term:first-of-type {
  padding-top: 0;
}
@media (min-width: 700px) {
  .c-table-list__term:first-of-type {
    padding-top: 24px;
  }
}
.c-table-list__caption {
  font-weight: 400;
  --viewport-from: 768;
  --viewport-to: 1440;
  --min-font-size: 14;
  --max-font-size: 16;
  line-height: 2;
  padding: 8px 0 24px 0;
  border-bottom: 1px solid #BCC8D9;
}
.c-table-list__caption *,
.c-table-list__caption *::before,
.c-table-list__caption *::after {
  --viewport-unit-converter: 1vw;
  --fz-from: var(--font-size-from, var(--min-font-size));
  --fz-to: var(--font-size-to, var(--max-font-size));
  --fz-slope: (var(--fz-to) - var(--fz-from)) / (var(--viewport-to) - var(--viewport-from)) * 100;
  --fz-intercept: (var(--viewport-to) * var(--fz-from) - var(--viewport-from) * var(--fz-to)) / (var(--viewport-to) - var(--viewport-from));
  --font-size: calc(var(--fz-slope) * var(--viewport-unit-converter) + var(--fz-intercept) * 1px);
  --min-fz-px: calc(var(--min-font-size) * 1px);
  --max-fz-px: calc(var(--max-font-size) * 1px);
  --clamp: clamp(var(--min-fz-px), var(--font-size), var(--max-fz-px));
  --max: var(--has-max, var(--min));
  --min: var(--has-min, var(--font-size));
  --has-max: min(var(--max-fz-px), var(--font-size));
  --has-min: max(var(--min-fz-px), var(--font-size));
  font-size: var(--clamp, var(--max));
}
@media (min-width: 700px) {
  .c-table-list__caption {
    padding: 24px 32px;
  }
}
.c-table-list + .wp-block-buttons {
  margin-top: 40px;
}
@media (min-width: 700px) {
  .c-table-list + .wp-block-buttons {
    margin-top: 64px;
  }
}

.c-column-text-image {
  margin-top: 32px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 40px;
}
@media (min-width: 700px) {
  .c-column-text-image {
    margin-top: 64px;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    gap: 50px;
  }
}
.c-column-text-image__textarea {
  width: 100%;
}
@media (min-width: 700px) {
  .c-column-text-image__textarea {
    width: min(100%, 726px);
  }
}
.c-column-text-image__image {
  width: min(100%, 424px);
}
@media (min-width: 700px) {
  .c-column-text-image__image {
    width: min(100%, 424px);
  }
}
.c-column-text-image__image img {
  border-radius: 16px;
}

.c-column {
  margin-top: 72px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.c-column.--card-type-image {
  gap: 32px;
}
@media (min-width: 700px) {
  .c-column.--card-type-image {
    gap: 56px 32px;
  }
}
.c-column.--card-type-icon {
  gap: 24px;
}
@media (min-width: 700px) {
  .c-column.--card-type-icon {
    gap: 32px;
  }
}
.c-column.--card-colum-2 {
  grid-template-columns: repeat(1, 1fr);
}
@media (min-width: 700px) {
  .c-column.--card-colum-2 {
    grid-template-columns: repeat(2, 1fr);
  }
}
.c-column.--card-colum-3 {
  grid-template-columns: repeat(1, 1fr);
}
@media (min-width: 700px) {
  .c-column.--card-colum-3 {
    grid-template-columns: repeat(3, 1fr);
  }
}
.c-column.--card-colum-4 {
  grid-template-columns: repeat(1, 1fr);
}
@media (min-width: 700px) {
  .c-column.--card-colum-4 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1024px) {
  .c-column.--card-colum-4 {
    grid-template-columns: repeat(4, 1fr);
  }
}

.c-card {
  padding: 24px;
  background: #F0F5FC;
  border-radius: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
.c-card.--icon-potision-left {
  padding: 24px;
  background: #FFFFFF;
  border: 1px solid #BCC8D9;
}
@media (min-width: 700px) {
  .c-card.--icon-potision-left {
    padding: 32px;
  }
}
.c-card.--icon-potision-left .c-card__header {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding-bottom: 16px;
  border-bottom: 1px solid #BCC8D9;
  gap: 16px;
}
@media (min-width: 700px) {
  .c-card.--icon-potision-left .c-card__header {
    padding-bottom: 24px;
    gap: 24px;
  }
}
.c-card.--icon-potision-left .c-card__icon {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
      -ms-flex-order: -1;
          order: -1;
}
.c-card.--icon-potision-left ul {
  margin-top: 16px;
}
.c-card__header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
.c-card__title {
  --viewport-from: 768;
  --viewport-to: 1440;
  --min-font-size: 16;
  --max-font-size: 20;
  line-height: 1.6;
  font-weight: 700;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.c-card__title *,
.c-card__title *::before,
.c-card__title *::after {
  --viewport-unit-converter: 1vw;
  --fz-from: var(--font-size-from, var(--min-font-size));
  --fz-to: var(--font-size-to, var(--max-font-size));
  --fz-slope: (var(--fz-to) - var(--fz-from)) / (var(--viewport-to) - var(--viewport-from)) * 100;
  --fz-intercept: (var(--viewport-to) * var(--fz-from) - var(--viewport-from) * var(--fz-to)) / (var(--viewport-to) - var(--viewport-from));
  --font-size: calc(var(--fz-slope) * var(--viewport-unit-converter) + var(--fz-intercept) * 1px);
  --min-fz-px: calc(var(--min-font-size) * 1px);
  --max-fz-px: calc(var(--max-font-size) * 1px);
  --clamp: clamp(var(--min-fz-px), var(--font-size), var(--max-fz-px));
  --max: var(--has-max, var(--min));
  --min: var(--has-min, var(--font-size));
  --has-max: min(var(--max-fz-px), var(--font-size));
  --has-min: max(var(--min-fz-px), var(--font-size));
  font-size: var(--clamp, var(--max));
}
.c-card__icon {
  width: min(100%, 54px);
  aspect-ratio: 1/1;
}
@media (min-width: 700px) {
  .c-card__icon {
    min-width: 80px;
  }
}
.c-card__icon img {
  border-radius: 8px;
}
.c-card__caption {
  font-size: 14px;
  width: 100%;
  padding-top: 16px;
  border-top: 1px solid #BCC8D9;
}

.c-column-voice {
  margin-top: 16px;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 24px;
}
@media (min-width: 700px) {
  .c-column-voice {
    margin-top: 24px;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
  }
}
.c-column-voice__card {
  padding: 16px;
  border: 1px solid #BCC8D9;
  border-radius: 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}
@media (min-width: 700px) {
  .c-column-voice__card {
    padding: 24px;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.c-column-voice__image {
  width: min(100%, 80px);
}
@media (min-width: 700px) {
  .c-column-voice__image {
    width: min(100%, 120px);
  }
}
.c-column-voice__image img {
  border-radius: 8px;
}
.c-column-voice__caption {
  --viewport-from: 768;
  --viewport-to: 1440;
  --min-font-size: 12;
  --max-font-size: 14;
  text-align: center;
  margin-top: 8px;
  display: block;
}
.c-column-voice__caption *,
.c-column-voice__caption *::before,
.c-column-voice__caption *::after {
  --viewport-unit-converter: 1vw;
  --fz-from: var(--font-size-from, var(--min-font-size));
  --fz-to: var(--font-size-to, var(--max-font-size));
  --fz-slope: (var(--fz-to) - var(--fz-from)) / (var(--viewport-to) - var(--viewport-from)) * 100;
  --fz-intercept: (var(--viewport-to) * var(--fz-from) - var(--viewport-from) * var(--fz-to)) / (var(--viewport-to) - var(--viewport-from));
  --font-size: calc(var(--fz-slope) * var(--viewport-unit-converter) + var(--fz-intercept) * 1px);
  --min-fz-px: calc(var(--min-font-size) * 1px);
  --max-fz-px: calc(var(--max-font-size) * 1px);
  --clamp: clamp(var(--min-fz-px), var(--font-size), var(--max-fz-px));
  --max: var(--has-max, var(--min));
  --min: var(--has-min, var(--font-size));
  --has-max: min(var(--max-fz-px), var(--font-size));
  --has-min: max(var(--min-fz-px), var(--font-size));
  font-size: var(--clamp, var(--max));
}
.c-column-voice__text {
  --viewport-from: 768;
  --viewport-to: 1440;
  --min-font-size: 14;
  --max-font-size: 16;
  font-weight: 400;
  width: calc(100% - 120px);
}
.c-column-voice__text *,
.c-column-voice__text *::before,
.c-column-voice__text *::after {
  --viewport-unit-converter: 1vw;
  --fz-from: var(--font-size-from, var(--min-font-size));
  --fz-to: var(--font-size-to, var(--max-font-size));
  --fz-slope: (var(--fz-to) - var(--fz-from)) / (var(--viewport-to) - var(--viewport-from)) * 100;
  --fz-intercept: (var(--viewport-to) * var(--fz-from) - var(--viewport-from) * var(--fz-to)) / (var(--viewport-to) - var(--viewport-from));
  --font-size: calc(var(--fz-slope) * var(--viewport-unit-converter) + var(--fz-intercept) * 1px);
  --min-fz-px: calc(var(--min-font-size) * 1px);
  --max-fz-px: calc(var(--max-font-size) * 1px);
  --clamp: clamp(var(--min-fz-px), var(--font-size), var(--max-fz-px));
  --max: var(--has-max, var(--min));
  --min: var(--has-min, var(--font-size));
  --has-max: min(var(--max-fz-px), var(--font-size));
  --has-min: max(var(--min-fz-px), var(--font-size));
  font-size: var(--clamp, var(--max));
}

.c-title {
  --viewport-from: 600;
  --viewport-to: 1024;
  --min-font-size: 28;
  --max-font-size: 44;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 8px 8px;
}
.c-title *,
.c-title *::before,
.c-title *::after {
  --viewport-unit-converter: 1vw;
  --fz-from: var(--font-size-from, var(--min-font-size));
  --fz-to: var(--font-size-to, var(--max-font-size));
  --fz-slope: (var(--fz-to) - var(--fz-from)) / (var(--viewport-to) - var(--viewport-from)) * 100;
  --fz-intercept: (var(--viewport-to) * var(--fz-from) - var(--viewport-from) * var(--fz-to)) / (var(--viewport-to) - var(--viewport-from));
  --font-size: calc(var(--fz-slope) * var(--viewport-unit-converter) + var(--fz-intercept) * 1px);
  --min-fz-px: calc(var(--min-font-size) * 1px);
  --max-fz-px: calc(var(--max-font-size) * 1px);
  --clamp: clamp(var(--min-fz-px), var(--font-size), var(--max-fz-px));
  --max: var(--has-max, var(--min));
  --min: var(--has-min, var(--font-size));
  --has-max: min(var(--max-fz-px), var(--font-size));
  --has-min: max(var(--min-fz-px), var(--font-size));
  font-size: var(--clamp, var(--max));
}
@media (min-width: 700px) {
  .c-title {
    gap: 20px 8px;
  }
}
.c-title::before {
  content: attr(data-en);
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  --viewport-from: 600;
  --viewport-to: 1024;
  --min-font-size: 16;
  --max-font-size: 24;
  line-height: 1;
  width: calc(100% - 28px);
}
.c-title::before *,
.c-title::before *::before,
.c-title::before *::after {
  --viewport-unit-converter: 1vw;
  --fz-from: var(--font-size-from, var(--min-font-size));
  --fz-to: var(--font-size-to, var(--max-font-size));
  --fz-slope: (var(--fz-to) - var(--fz-from)) / (var(--viewport-to) - var(--viewport-from)) * 100;
  --fz-intercept: (var(--viewport-to) * var(--fz-from) - var(--viewport-from) * var(--fz-to)) / (var(--viewport-to) - var(--viewport-from));
  --font-size: calc(var(--fz-slope) * var(--viewport-unit-converter) + var(--fz-intercept) * 1px);
  --min-fz-px: calc(var(--min-font-size) * 1px);
  --max-fz-px: calc(var(--max-font-size) * 1px);
  --clamp: clamp(var(--min-fz-px), var(--font-size), var(--max-fz-px));
  --max: var(--has-max, var(--min));
  --min: var(--has-min, var(--font-size));
  --has-max: min(var(--max-fz-px), var(--font-size));
  --has-min: max(var(--min-fz-px), var(--font-size));
  font-size: var(--clamp, var(--max));
}
.c-title::after {
  content: "";
  width: 8px;
  aspect-ratio: 1/1;
  background: -webkit-gradient(linear, left bottom, left top, from(rgb(3, 104, 234)), color-stop(70%, rgb(68, 205, 239)), to(rgb(255, 255, 255)));
  background: -webkit-linear-gradient(bottom, rgb(3, 104, 234) 0%, rgb(68, 205, 239) 70%, rgb(255, 255, 255) 100%);
  background: linear-gradient(0deg, rgb(3, 104, 234) 0%, rgb(68, 205, 239) 70%, rgb(255, 255, 255) 100%);
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
      -ms-flex-order: -1;
          order: -1;
}
@media (min-width: 700px) {
  .c-title::after {
    width: 12px;
  }
}

.c-flow {
  width: 100%;
  margin-top: 40px;
  display: grid;
  grid-template-columns: 64px 1fr;
  gap: 24px;
  position: relative;
}
@media (min-width: 700px) {
  .c-flow {
    margin-top: 64px;
    grid-template-columns: 80px 1fr;
    gap: 24px 32px;
  }
}
.c-flow::before {
  content: "";
  width: 1px;
  height: 100%;
  background: url(../img/common/flow-line.svg) repeat-y top center/100% auto;
  position: absolute;
  top: 0;
  left: 32px;
  z-index: -1;
}
@media (min-width: 700px) {
  .c-flow::before {
    left: 39px;
  }
}
.c-flow__step {
  color: #0A5FE8;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-weight: 500;
  counter-increment: flow;
}
.c-flow__step span {
  --viewport-from: 767;
  --viewport-to: 1440;
  --min-font-size: 10;
  --max-font-size: 16;
  width: 100%;
  aspect-ratio: 1/1;
  background: #F0F5FC;
  border-radius: 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-flow__step span *,
.c-flow__step span *::before,
.c-flow__step span *::after {
  --viewport-unit-converter: 1vw;
  --fz-from: var(--font-size-from, var(--min-font-size));
  --fz-to: var(--font-size-to, var(--max-font-size));
  --fz-slope: (var(--fz-to) - var(--fz-from)) / (var(--viewport-to) - var(--viewport-from)) * 100;
  --fz-intercept: (var(--viewport-to) * var(--fz-from) - var(--viewport-from) * var(--fz-to)) / (var(--viewport-to) - var(--viewport-from));
  --font-size: calc(var(--fz-slope) * var(--viewport-unit-converter) + var(--fz-intercept) * 1px);
  --min-fz-px: calc(var(--min-font-size) * 1px);
  --max-fz-px: calc(var(--max-font-size) * 1px);
  --clamp: clamp(var(--min-fz-px), var(--font-size), var(--max-fz-px));
  --max: var(--has-max, var(--min));
  --min: var(--has-min, var(--font-size));
  --has-max: min(var(--max-fz-px), var(--font-size));
  --has-min: max(var(--min-fz-px), var(--font-size));
  font-size: var(--clamp, var(--max));
}
.c-flow__step span::after {
  --viewport-from: 767;
  --viewport-to: 1440;
  --min-font-size: 20;
  --max-font-size: 32;
  line-height: 1;
  content: "0" counter(flow);
  display: block;
}
.c-flow__step span::after *,
.c-flow__step span::after *::before,
.c-flow__step span::after *::after {
  --viewport-unit-converter: 1vw;
  --fz-from: var(--font-size-from, var(--min-font-size));
  --fz-to: var(--font-size-to, var(--max-font-size));
  --fz-slope: (var(--fz-to) - var(--fz-from)) / (var(--viewport-to) - var(--viewport-from)) * 100;
  --fz-intercept: (var(--viewport-to) * var(--fz-from) - var(--viewport-from) * var(--fz-to)) / (var(--viewport-to) - var(--viewport-from));
  --font-size: calc(var(--fz-slope) * var(--viewport-unit-converter) + var(--fz-intercept) * 1px);
  --min-fz-px: calc(var(--min-font-size) * 1px);
  --max-fz-px: calc(var(--max-font-size) * 1px);
  --clamp: clamp(var(--min-fz-px), var(--font-size), var(--max-fz-px));
  --max: var(--has-max, var(--min));
  --min: var(--has-min, var(--font-size));
  --has-max: min(var(--max-fz-px), var(--font-size));
  --has-min: max(var(--min-fz-px), var(--font-size));
  font-size: var(--clamp, var(--max));
}
.c-flow__step:last-of-type {
  background: #FFFFFF;
}
.c-flow__content {
  border-bottom: 1px solid #BCC8D9;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.c-flow__content:has(p) {
  padding-bottom: 32px;
}
.c-flow__content h3.wp-block-heading {
  --viewport-from: 767;
  --viewport-to: 1440;
  --min-font-size: 20;
  --max-font-size: 24;
}
.c-flow__content h3.wp-block-heading *,
.c-flow__content h3.wp-block-heading *::before,
.c-flow__content h3.wp-block-heading *::after {
  --viewport-unit-converter: 1vw;
  --fz-from: var(--font-size-from, var(--min-font-size));
  --fz-to: var(--font-size-to, var(--max-font-size));
  --fz-slope: (var(--fz-to) - var(--fz-from)) / (var(--viewport-to) - var(--viewport-from)) * 100;
  --fz-intercept: (var(--viewport-to) * var(--fz-from) - var(--viewport-from) * var(--fz-to)) / (var(--viewport-to) - var(--viewport-from));
  --font-size: calc(var(--fz-slope) * var(--viewport-unit-converter) + var(--fz-intercept) * 1px);
  --min-fz-px: calc(var(--min-font-size) * 1px);
  --max-fz-px: calc(var(--max-font-size) * 1px);
  --clamp: clamp(var(--min-fz-px), var(--font-size), var(--max-fz-px));
  --max: var(--has-max, var(--min));
  --min: var(--has-min, var(--font-size));
  --has-max: min(var(--max-fz-px), var(--font-size));
  --has-min: max(var(--min-fz-px), var(--font-size));
  font-size: var(--clamp, var(--max));
}
.c-flow__content h3.wp-block-heading strong {
  --viewport-from: 767;
  --viewport-to: 1440;
  --min-font-size: 12;
  --max-font-size: 14;
  color: #0A5FE8;
  background: #FFFFFF;
  padding: 0px 20px;
  margin: 8px 0 0 0;
  border: 1px solid #0A5FE8;
  border-radius: 999px;
  display: table;
  vertical-align: top;
}
.c-flow__content h3.wp-block-heading strong *,
.c-flow__content h3.wp-block-heading strong *::before,
.c-flow__content h3.wp-block-heading strong *::after {
  --viewport-unit-converter: 1vw;
  --fz-from: var(--font-size-from, var(--min-font-size));
  --fz-to: var(--font-size-to, var(--max-font-size));
  --fz-slope: (var(--fz-to) - var(--fz-from)) / (var(--viewport-to) - var(--viewport-from)) * 100;
  --fz-intercept: (var(--viewport-to) * var(--fz-from) - var(--viewport-from) * var(--fz-to)) / (var(--viewport-to) - var(--viewport-from));
  --font-size: calc(var(--fz-slope) * var(--viewport-unit-converter) + var(--fz-intercept) * 1px);
  --min-fz-px: calc(var(--min-font-size) * 1px);
  --max-fz-px: calc(var(--max-font-size) * 1px);
  --clamp: clamp(var(--min-fz-px), var(--font-size), var(--max-fz-px));
  --max: var(--has-max, var(--min));
  --min: var(--has-min, var(--font-size));
  --has-max: min(var(--max-fz-px), var(--font-size));
  --has-min: max(var(--min-fz-px), var(--font-size));
  font-size: var(--clamp, var(--max));
}
@media (min-width: 700px) {
  .c-flow__content h3.wp-block-heading strong {
    padding: 2px 20px;
    margin-left: 24px;
    display: inline;
  }
}
.c-flow__content h3.wp-block-heading:has(+ p) {
  --viewport-from: 767;
  --viewport-to: 1440;
  --min-font-size: 20;
  --max-font-size: 24;
  margin-top: 0px;
}
.c-flow__content h3.wp-block-heading:has(+ p) *,
.c-flow__content h3.wp-block-heading:has(+ p) *::before,
.c-flow__content h3.wp-block-heading:has(+ p) *::after {
  --viewport-unit-converter: 1vw;
  --fz-from: var(--font-size-from, var(--min-font-size));
  --fz-to: var(--font-size-to, var(--max-font-size));
  --fz-slope: (var(--fz-to) - var(--fz-from)) / (var(--viewport-to) - var(--viewport-from)) * 100;
  --fz-intercept: (var(--viewport-to) * var(--fz-from) - var(--viewport-from) * var(--fz-to)) / (var(--viewport-to) - var(--viewport-from));
  --font-size: calc(var(--fz-slope) * var(--viewport-unit-converter) + var(--fz-intercept) * 1px);
  --min-fz-px: calc(var(--min-font-size) * 1px);
  --max-fz-px: calc(var(--max-font-size) * 1px);
  --clamp: clamp(var(--min-fz-px), var(--font-size), var(--max-fz-px));
  --max: var(--has-max, var(--min));
  --min: var(--has-min, var(--font-size));
  --has-max: min(var(--max-fz-px), var(--font-size));
  --has-min: max(var(--min-fz-px), var(--font-size));
  font-size: var(--clamp, var(--max));
}
.c-flow__content p + .wp-block-buttons {
  margin-top: 32px;
}
.c-flow__content hr {
  margin-top: 40px;
}
@media (min-width: 700px) {
  .c-flow__content hr {
    margin-top: 56px;
  }
}
.c-flow.--layout-type-image {
  gap: 0 32px;
}
.c-flow.--layout-type-image .c-flow__step:not(:first-child) {
  margin-top: 40px;
}
@media (min-width: 700px) {
  .c-flow.--layout-type-image .c-flow__step:not(:first-child) {
    margin-top: 56px;
  }
}
.c-flow.--layout-type-image .c-flow__content {
  padding: 40px 0;
}
@media (min-width: 700px) {
  .c-flow.--layout-type-image .c-flow__content {
    padding: 56px 0;
  }
}
.c-flow.--layout-type-image .c-flow__content .wp-block-columns {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.c-flow.--layout-type-image .c-flow__content .wp-block-column h3 {
  margin: 0;
}
.c-flow.--layout-type-image .c-flow__content .wp-block-column p {
  width: min(100%, 542px);
}
.c-flow.--layout-type-image .c-flow__content:first-of-type {
  padding-top: 0;
}

.c-gallery {
  margin-top: 24px;
}
@media (min-width: 700px) {
  .c-gallery {
    margin-top: 40px;
  }
}
.c-gallery__head {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.c-gallery__title {
  --viewport-from: 767;
  --viewport-to: 1440;
  --min-font-size: 20;
  --max-font-size: 24;
  width: 100%;
}
.c-gallery__title *,
.c-gallery__title *::before,
.c-gallery__title *::after {
  --viewport-unit-converter: 1vw;
  --fz-from: var(--font-size-from, var(--min-font-size));
  --fz-to: var(--font-size-to, var(--max-font-size));
  --fz-slope: (var(--fz-to) - var(--fz-from)) / (var(--viewport-to) - var(--viewport-from)) * 100;
  --fz-intercept: (var(--viewport-to) * var(--fz-from) - var(--viewport-from) * var(--fz-to)) / (var(--viewport-to) - var(--viewport-from));
  --font-size: calc(var(--fz-slope) * var(--viewport-unit-converter) + var(--fz-intercept) * 1px);
  --min-fz-px: calc(var(--min-font-size) * 1px);
  --max-fz-px: calc(var(--max-font-size) * 1px);
  --clamp: clamp(var(--min-fz-px), var(--font-size), var(--max-fz-px));
  --max: var(--has-max, var(--min));
  --min: var(--has-min, var(--font-size));
  --has-max: min(var(--max-fz-px), var(--font-size));
  --has-min: max(var(--min-fz-px), var(--font-size));
  font-size: var(--clamp, var(--max));
}
@media (min-width: 700px) {
  .c-gallery__title {
    width: auto;
  }
}
.c-gallery__swiper-button {
  margin: 40px 0 0 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 8px;
  position: relative;
  z-index: 1;
  left: 0;
  top: 0;
}
@media (min-width: 700px) {
  .c-gallery__swiper-button {
    margin: 0;
  }
}
.c-gallery__swiper-button .swiper-button-prev {
  width: 40px;
  height: 40px;
  border: 1px solid #BCC8D9;
  border-radius: 50%;
  position: static;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
.c-gallery__swiper-button .swiper-button-next {
  width: 40px;
  height: 40px;
  border: 1px solid #BCC8D9;
  border-radius: 50%;
  position: static;
}
.c-gallery__swiper-button .swiper-button-next::after,
.c-gallery__swiper-button .swiper-button-prev::after {
  content: "";
  width: 10px;
  height: 14px;
  background-color: #071F45;
  -webkit-mask: url(../img/common/ic_arrow_nav.svg) no-repeat center center/100% auto;
          mask: url(../img/common/ic_arrow_nav.svg) no-repeat center center/100% auto;
}
.c-gallery__wrapper {
  margin-top: 40px;
}
.c-gallery__swiper-image {
  margin: 0;
}
.c-gallery__swiper-image img {
  border-radius: 16px;
}
.c-gallery__swiper-caption {
  margin-top: 20px;
}

.c-button-internship {
  margin-top: 64px;
  width: min(100%, 920px);
}
@media (min-width: 700px) {
  .c-button-internship {
    margin-top: 160px;
  }
}
.c-button-internship__link {
  padding: 16px 24px 16px 16px;
  background: url(../img/common/bg_button.jpg) no-repeat center center/cover;
  border-radius: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
@media (min-width: 700px) {
  .c-button-internship__link {
    padding: 24px 32px 24px 24px;
    border-radius: 16px;
    gap: 56px;
  }
}
.c-button-internship__link::after {
  content: "";
  min-width: 36px;
  aspect-ratio: 1/1;
  margin-left: auto;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="8" viewBox="0 0 14 8"><path id="パス_19575" data-name="パス 19575" d="M13.8,3.813,4.528.029a.313.313,0,0,0-.453.342l.7,2.334L.328,2.69H.313A.319.319,0,0,0,0,3.017l.089,1.91a.321.321,0,0,0,.321.3l4.441.07L4.408,7.625a.349.349,0,0,0,.487.349L13.8,4.389a.32.32,0,0,0,.174-.166.308.308,0,0,0-.173-.411" transform="translate(0 0)" fill="%23FFFFFF"/></svg>') no-repeat center center/14px auto;
  background-color: #0360EA;
  border-radius: 50%;
}
@media (min-width: 700px) {
  .c-button-internship__link::after {
    min-width: 48px;
    background-size: 21px auto;
  }
}
.c-button-internship__image {
  display: none;
}
@media (min-width: 700px) {
  .c-button-internship__image {
    width: min(100%, 187px);
    margin: 0;
    aspect-ratio: 1/1;
    border-radius: 12px;
    display: block;
    overflow: hidden;
  }
}
.c-button-internship__textarea {
  color: #FFFFFF;
  width: min(100%, 457px);
}
.c-button-internship__title {
  --viewport-from: 768;
  --viewport-to: 1440;
  --min-font-size: 18;
  --max-font-size: 24;
  font-weight: 700;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
.c-button-internship__title *,
.c-button-internship__title *::before,
.c-button-internship__title *::after {
  --viewport-unit-converter: 1vw;
  --fz-from: var(--font-size-from, var(--min-font-size));
  --fz-to: var(--font-size-to, var(--max-font-size));
  --fz-slope: (var(--fz-to) - var(--fz-from)) / (var(--viewport-to) - var(--viewport-from)) * 100;
  --fz-intercept: (var(--viewport-to) * var(--fz-from) - var(--viewport-from) * var(--fz-to)) / (var(--viewport-to) - var(--viewport-from));
  --font-size: calc(var(--fz-slope) * var(--viewport-unit-converter) + var(--fz-intercept) * 1px);
  --min-fz-px: calc(var(--min-font-size) * 1px);
  --max-fz-px: calc(var(--max-font-size) * 1px);
  --clamp: clamp(var(--min-fz-px), var(--font-size), var(--max-fz-px));
  --max: var(--has-max, var(--min));
  --min: var(--has-min, var(--font-size));
  --has-max: min(var(--max-fz-px), var(--font-size));
  --has-min: max(var(--min-fz-px), var(--font-size));
  font-size: var(--clamp, var(--max));
}
.c-button-internship__title img {
  width: min(100%, 65px);
  border-radius: 8px;
}
@media (min-width: 700px) {
  .c-button-internship__title img {
    display: none;
  }
}
.c-button-internship__caption {
  --viewport-from: 768;
  --viewport-to: 1440;
  --min-font-size: 14;
  --max-font-size: 16;
  font-weight: 700;
  margin-top: 24px;
}
.c-button-internship__caption *,
.c-button-internship__caption *::before,
.c-button-internship__caption *::after {
  --viewport-unit-converter: 1vw;
  --fz-from: var(--font-size-from, var(--min-font-size));
  --fz-to: var(--font-size-to, var(--max-font-size));
  --fz-slope: (var(--fz-to) - var(--fz-from)) / (var(--viewport-to) - var(--viewport-from)) * 100;
  --fz-intercept: (var(--viewport-to) * var(--fz-from) - var(--viewport-from) * var(--fz-to)) / (var(--viewport-to) - var(--viewport-from));
  --font-size: calc(var(--fz-slope) * var(--viewport-unit-converter) + var(--fz-intercept) * 1px);
  --min-fz-px: calc(var(--min-font-size) * 1px);
  --max-fz-px: calc(var(--max-font-size) * 1px);
  --clamp: clamp(var(--min-fz-px), var(--font-size), var(--max-fz-px));
  --max: var(--has-max, var(--min));
  --min: var(--has-min, var(--font-size));
  --has-max: min(var(--max-fz-px), var(--font-size));
  --has-min: max(var(--min-fz-px), var(--font-size));
  font-size: var(--clamp, var(--max));
}

.c-department {
  margin: 40px auto 0 auto;
}
@media (min-width: 700px) {
  .c-department {
    margin: 80px auto 0 auto;
  }
}
.c-department + .c-department {
  margin: 100px auto 0 auto;
}
@media (min-width: 700px) {
  .c-department + .c-department {
    margin: 160px auto 0 auto;
  }
}
.c-department__head {
  position: relative;
}
.c-department__title {
  --viewport-from: 768;
  --viewport-to: 1440;
  --min-font-size: 20;
  --max-font-size: 72;
  color: #FFFFFF;
  position: absolute;
  left: 16px;
  bottom: 16px;
  z-index: 1;
}
.c-department__title *,
.c-department__title *::before,
.c-department__title *::after {
  --viewport-unit-converter: 1vw;
  --fz-from: var(--font-size-from, var(--min-font-size));
  --fz-to: var(--font-size-to, var(--max-font-size));
  --fz-slope: (var(--fz-to) - var(--fz-from)) / (var(--viewport-to) - var(--viewport-from)) * 100;
  --fz-intercept: (var(--viewport-to) * var(--fz-from) - var(--viewport-from) * var(--fz-to)) / (var(--viewport-to) - var(--viewport-from));
  --font-size: calc(var(--fz-slope) * var(--viewport-unit-converter) + var(--fz-intercept) * 1px);
  --min-fz-px: calc(var(--min-font-size) * 1px);
  --max-fz-px: calc(var(--max-font-size) * 1px);
  --clamp: clamp(var(--min-fz-px), var(--font-size), var(--max-fz-px));
  --max: var(--has-max, var(--min));
  --min: var(--has-min, var(--font-size));
  --has-max: min(var(--max-fz-px), var(--font-size));
  --has-min: max(var(--min-fz-px), var(--font-size));
  font-size: var(--clamp, var(--max));
}
@media (min-width: 700px) {
  .c-department__title {
    left: 60px;
    bottom: 60px;
  }
}
.c-department__title::before {
  --viewport-from: 768;
  --viewport-to: 1440;
  --min-font-size: 14;
  --max-font-size: 24;
}
.c-department__title::before *,
.c-department__title::before *::before,
.c-department__title::before *::after {
  --viewport-unit-converter: 1vw;
  --fz-from: var(--font-size-from, var(--min-font-size));
  --fz-to: var(--font-size-to, var(--max-font-size));
  --fz-slope: (var(--fz-to) - var(--fz-from)) / (var(--viewport-to) - var(--viewport-from)) * 100;
  --fz-intercept: (var(--viewport-to) * var(--fz-from) - var(--viewport-from) * var(--fz-to)) / (var(--viewport-to) - var(--viewport-from));
  --font-size: calc(var(--fz-slope) * var(--viewport-unit-converter) + var(--fz-intercept) * 1px);
  --min-fz-px: calc(var(--min-font-size) * 1px);
  --max-fz-px: calc(var(--max-font-size) * 1px);
  --clamp: clamp(var(--min-fz-px), var(--font-size), var(--max-fz-px));
  --max: var(--has-max, var(--min));
  --min: var(--has-min, var(--font-size));
  --has-max: min(var(--max-fz-px), var(--font-size));
  --has-min: max(var(--min-fz-px), var(--font-size));
  font-size: var(--clamp, var(--max));
}
.c-department__title::after {
  background: #FFFFFF;
}
.c-department__image {
  border-radius: 16px;
  overflow: hidden;
  position: relative;
}
.c-department__image::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.c-department.--sales .c-department__image::before {
  background: -webkit-linear-gradient(80deg, rgb(35, 109, 219) 0%, rgba(35, 109, 219, 0) 40%);
  background: linear-gradient(10deg, rgb(35, 109, 219) 0%, rgba(35, 109, 219, 0) 40%);
}
.c-department.--sales .l-columns__sidenav-list .current a {
  color: #236DDB;
}
.c-department.--sales .l-columns__sidenav-list .current a::before {
  background: #236DDB;
}
.c-department.--support .c-department__image::before {
  background: -webkit-linear-gradient(80deg, rgb(229, 123, 46) 0%, rgba(229, 123, 46, 0) 40%);
  background: linear-gradient(10deg, rgb(229, 123, 46) 0%, rgba(229, 123, 46, 0) 40%);
}
.c-department.--support .l-columns__sidenav-list .current a {
  color: #E57B2E;
}
.c-department.--support .l-columns__sidenav-list .current a::before {
  background: #E57B2E;
}
.c-department.--community .c-department__image::before {
  background: -webkit-linear-gradient(80deg, rgb(45, 172, 172) 0%, rgba(45, 172, 172, 0) 40%);
  background: linear-gradient(10deg, rgb(45, 172, 172) 0%, rgba(45, 172, 172, 0) 40%);
}
.c-department.--community .l-columns__sidenav-list .current a {
  color: #2DACAC;
}
.c-department.--community .l-columns__sidenav-list .current a::before {
  background: #2DACAC;
}
.c-department.--technical .c-department__image::before {
  background: -webkit-linear-gradient(80deg, rgb(46, 159, 229) 0%, rgba(46, 159, 229, 0) 40%);
  background: linear-gradient(10deg, rgb(46, 159, 229) 0%, rgba(46, 159, 229, 0) 40%);
}
.c-department.--technical .l-columns__sidenav-list .current a {
  color: #2E9FE5;
}
.c-department.--technical .l-columns__sidenav-list .current a::before {
  background: #2E9FE5;
}
.c-department.--sales-management .c-department__head {
  background: #DEB524;
  padding: 32px 24px;
  border-radius: 16px;
}
@media (min-width: 700px) {
  .c-department.--sales-management .c-department__head {
    padding: 40px 64px;
  }
}
.c-department.--sales-management .c-department__title {
  position: static;
}
.c-department.--sales-management .l-columns__sidenav-list .current a {
  color: #DEB524;
}
.c-department.--sales-management .l-columns__sidenav-list .current a::before {
  background: #DEB524;
}
.c-department.--general-affairs .c-department__head {
  background: #224988;
  padding: 32px 24px;
  border-radius: 16px;
}
@media (min-width: 700px) {
  .c-department.--general-affairs .c-department__head {
    padding: 40px 64px;
  }
}
.c-department.--general-affairs .c-department__title {
  position: static;
}
.c-department.--general-affairs .l-columns__sidenav-list .current a {
  color: #224988;
}
.c-department.--general-affairs .l-columns__sidenav-list .current a::before {
  background: #224988;
}
.c-department hr {
  margin-top: 40px;
}
@media (min-width: 700px) {
  .c-department hr {
    margin-top: 64px;
  }
}
.c-department .l-columns {
  margin-top: 32px;
}
@media (min-width: 700px) {
  .c-department .l-columns {
    margin-top: 80px;
  }
}
.c-department .l-columns__sidenav {
  display: none;
}
@media (min-width: 700px) {
  .c-department .l-columns__sidenav {
    display: block;
  }
}
.c-department .l-columns__sidenav-list {
  font-size: 16px;
  gap: 16px;
}
.c-department .l-columns__sidenav-list a {
  color: #738093;
  gap: 8px;
}
.c-department .l-columns__sidenav-list a::before {
  content: "";
  width: 8px;
  aspect-ratio: 1/1;
  background: #738093;
  margin: 0;
}
.c-department .l-columns__main {
  margin: 0;
}

.c-section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 32px;
}
@media (min-width: 700px) {
  .c-section {
    gap: 48px;
  }
}
.c-section__textare {
  width: 100%;
}
@media (min-width: 700px) {
  .c-section__textare {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
.c-section__title {
  --viewport-from: 767;
  --viewport-to: 1440;
  --min-font-size: 20;
  --max-font-size: 32;
}
.c-section__title *,
.c-section__title *::before,
.c-section__title *::after {
  --viewport-unit-converter: 1vw;
  --fz-from: var(--font-size-from, var(--min-font-size));
  --fz-to: var(--font-size-to, var(--max-font-size));
  --fz-slope: (var(--fz-to) - var(--fz-from)) / (var(--viewport-to) - var(--viewport-from)) * 100;
  --fz-intercept: (var(--viewport-to) * var(--fz-from) - var(--viewport-from) * var(--fz-to)) / (var(--viewport-to) - var(--viewport-from));
  --font-size: calc(var(--fz-slope) * var(--viewport-unit-converter) + var(--fz-intercept) * 1px);
  --min-fz-px: calc(var(--min-font-size) * 1px);
  --max-fz-px: calc(var(--max-font-size) * 1px);
  --clamp: clamp(var(--min-fz-px), var(--font-size), var(--max-fz-px));
  --max: var(--has-max, var(--min));
  --min: var(--has-min, var(--font-size));
  --has-max: min(var(--max-fz-px), var(--font-size));
  --has-min: max(var(--min-fz-px), var(--font-size));
  font-size: var(--clamp, var(--max));
}
.c-section__caption {
  margin-top: 16px;
}
.c-section__image {
  width: min(100%, 160px);
  margin: 0 auto;
}
@media (min-width: 700px) {
  .c-section__image {
    width: min(27%, 240px);
  }
}
.c-section__image img {
  border-radius: 16px;
}
.c-section__work {
  width: 100%;
  margin-top: 0;
  border-radius: 8px;
  overflow: hidden;
}
@media (min-width: 700px) {
  .c-section__work {
    margin-top: 0;
  }
}
.c-section__work > ul {
  padding: 24px;
}
.c-section__work-title {
  color: #FFFFFF;
  --viewport-from: 767;
  --viewport-to: 1440;
  --min-font-size: 16;
  --max-font-size: 20;
  padding: 8px 24px;
}
.c-section__work-title *,
.c-section__work-title *::before,
.c-section__work-title *::after {
  --viewport-unit-converter: 1vw;
  --fz-from: var(--font-size-from, var(--min-font-size));
  --fz-to: var(--font-size-to, var(--max-font-size));
  --fz-slope: (var(--fz-to) - var(--fz-from)) / (var(--viewport-to) - var(--viewport-from)) * 100;
  --fz-intercept: (var(--viewport-to) * var(--fz-from) - var(--viewport-from) * var(--fz-to)) / (var(--viewport-to) - var(--viewport-from));
  --font-size: calc(var(--fz-slope) * var(--viewport-unit-converter) + var(--fz-intercept) * 1px);
  --min-fz-px: calc(var(--min-font-size) * 1px);
  --max-fz-px: calc(var(--max-font-size) * 1px);
  --clamp: clamp(var(--min-fz-px), var(--font-size), var(--max-fz-px));
  --max: var(--has-max, var(--min));
  --min: var(--has-min, var(--font-size));
  --has-max: min(var(--max-fz-px), var(--font-size));
  --has-min: max(var(--min-fz-px), var(--font-size));
  font-size: var(--clamp, var(--max));
}
.--sales .c-section__work {
  background: #F9FBFF;
  border: 1px solid #D9E9FF;
}
.--sales .c-section__work-title {
  background: #0A5FE8;
}
.--support .c-section__work {
  background: #FFF8F3;
  border: 1px solid #F4E4D4;
}
.--support .c-section__work-title {
  background: #E57B2E;
}
.--community .c-section__work {
  background: #F5FBFB;
  border: 1px solid #D2EBEF;
}
.--community .c-section__work-title {
  background: #2DACAC;
}
.--technical .c-section__work {
  background: #F3FAFF;
  border: 1px solid #D3E4EF;
}
.--technical .c-section__work-title {
  background: #2E9FE5;
}
.--sales-management .c-section__work {
  background: #FFFCF1;
  border: 1px solid #F2E8C5;
}
.--sales-management .c-section__work-title {
  background: #DEB524;
}
.--general-affairs .c-section__work {
  background: #F9FBFF;
  border: 1px solid #D3DBE6;
}
.--general-affairs .c-section__work-title {
  background: #224988;
}
hr + .c-section {
  margin-top: 40px;
}
@media (min-width: 700px) {
  hr + .c-section {
    margin-top: 64px;
  }
}

.c-portrait {
  margin-top: 32px;
  padding: 24px;
  border-radius: 16px;
}
@media (min-width: 700px) {
  .c-portrait {
    padding: 32px;
    margin-top: 48px;
  }
}
.c-portrait__head {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 0 24px;
}
@media (min-width: 700px) {
  .c-portrait__head {
    padding-bottom: 32px;
    border-bottom: 1px solid #C7EAF0;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
  }
}
.c-portrait__image {
  width: 100%;
  margin-top: 24px;
}
@media (min-width: 700px) {
  .c-portrait__image {
    display: block;
    width: min(41%, 497px);
    margin-top: 0;
  }
}
.c-portrait__image img {
  border-radius: 16px;
}
@media (min-width: 1024px) {
  .c-portrait__image img {
    border-radius: 24px;
  }
}
.c-portrait__textarea {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
@media (min-width: 700px) {
  .c-portrait__textarea {
    gap: 24px;
  }
}
.c-portrait__icon {
  width: min(100%, 54px);
  aspect-ratio: 1/1;
}
@media (min-width: 700px) {
  .c-portrait__icon {
    min-width: 80px;
  }
}
.c-portrait__icon img {
  border-radius: 8px;
}
.c-portrait__title {
  color: #FFFFFF;
  --viewport-from: 767;
  --viewport-to: 1440;
  --min-font-size: 18;
  --max-font-size: 32;
}
.c-portrait__title *,
.c-portrait__title *::before,
.c-portrait__title *::after {
  --viewport-unit-converter: 1vw;
  --fz-from: var(--font-size-from, var(--min-font-size));
  --fz-to: var(--font-size-to, var(--max-font-size));
  --fz-slope: (var(--fz-to) - var(--fz-from)) / (var(--viewport-to) - var(--viewport-from)) * 100;
  --fz-intercept: (var(--viewport-to) * var(--fz-from) - var(--viewport-from) * var(--fz-to)) / (var(--viewport-to) - var(--viewport-from));
  --font-size: calc(var(--fz-slope) * var(--viewport-unit-converter) + var(--fz-intercept) * 1px);
  --min-fz-px: calc(var(--min-font-size) * 1px);
  --max-fz-px: calc(var(--max-font-size) * 1px);
  --clamp: clamp(var(--min-fz-px), var(--font-size), var(--max-fz-px));
  --max: var(--has-max, var(--min));
  --min: var(--has-min, var(--font-size));
  --has-max: min(var(--max-fz-px), var(--font-size));
  --has-min: max(var(--min-fz-px), var(--font-size));
  font-size: var(--clamp, var(--max));
}
.c-portrait__title::before {
  content: attr(data-point);
  --viewport-from: 767;
  --viewport-to: 1440;
  --min-font-size: 14;
  --max-font-size: 18;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  display: block;
}
.c-portrait__title::before *,
.c-portrait__title::before *::before,
.c-portrait__title::before *::after {
  --viewport-unit-converter: 1vw;
  --fz-from: var(--font-size-from, var(--min-font-size));
  --fz-to: var(--font-size-to, var(--max-font-size));
  --fz-slope: (var(--fz-to) - var(--fz-from)) / (var(--viewport-to) - var(--viewport-from)) * 100;
  --fz-intercept: (var(--viewport-to) * var(--fz-from) - var(--viewport-from) * var(--fz-to)) / (var(--viewport-to) - var(--viewport-from));
  --font-size: calc(var(--fz-slope) * var(--viewport-unit-converter) + var(--fz-intercept) * 1px);
  --min-fz-px: calc(var(--min-font-size) * 1px);
  --max-fz-px: calc(var(--max-font-size) * 1px);
  --clamp: clamp(var(--min-fz-px), var(--font-size), var(--max-fz-px));
  --max: var(--has-max, var(--min));
  --min: var(--has-min, var(--font-size));
  --has-max: min(var(--max-fz-px), var(--font-size));
  --has-min: max(var(--min-fz-px), var(--font-size));
  font-size: var(--clamp, var(--max));
}
.c-portrait .c-column {
  margin-top: 32px;
}

.c-strengths {
  margin-top: 32px;
}
@media (min-width: 700px) {
  .c-strengths {
    margin-top: 48px;
  }
}
.c-strengths__head {
  position: relative;
}
.c-strengths__image {
  border-radius: 16px 16px 0 0;
  aspect-ratio: 2/1;
  overflow: hidden;
}
@media (min-width: 700px) {
  .c-strengths__image {
    aspect-ratio: 1200/400;
  }
}
@media (min-width: 1024px) {
  .c-strengths__image {
    aspect-ratio: 1200/400;
    border-radius: 24px 24px 0 0;
  }
}
.c-strengths__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.c-strengths__title {
  color: #FFFFFF;
  --viewport-from: 768;
  --viewport-to: 1440;
  --min-font-size: 24;
  --max-font-size: 44;
  padding: 8px 24px;
  border-radius: 8px;
  background: -webkit-linear-gradient(45deg, rgb(10, 95, 232) 0%, rgb(24, 197, 239) 85%, rgb(255, 255, 255) 100%);
  background: linear-gradient(45deg, rgb(10, 95, 232) 0%, rgb(24, 197, 239) 85%, rgb(255, 255, 255) 100%);
  position: absolute;
  left: 24px;
  bottom: 0;
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
  -webkit-box-shadow: 0 8px 24px rgba(3, 57, 139, 0.16);
          box-shadow: 0 8px 24px rgba(3, 57, 139, 0.16);
}
.c-strengths__title *,
.c-strengths__title *::before,
.c-strengths__title *::after {
  --viewport-unit-converter: 1vw;
  --fz-from: var(--font-size-from, var(--min-font-size));
  --fz-to: var(--font-size-to, var(--max-font-size));
  --fz-slope: (var(--fz-to) - var(--fz-from)) / (var(--viewport-to) - var(--viewport-from)) * 100;
  --fz-intercept: (var(--viewport-to) * var(--fz-from) - var(--viewport-from) * var(--fz-to)) / (var(--viewport-to) - var(--viewport-from));
  --font-size: calc(var(--fz-slope) * var(--viewport-unit-converter) + var(--fz-intercept) * 1px);
  --min-fz-px: calc(var(--min-font-size) * 1px);
  --max-fz-px: calc(var(--max-font-size) * 1px);
  --clamp: clamp(var(--min-fz-px), var(--font-size), var(--max-fz-px));
  --max: var(--has-max, var(--min));
  --min: var(--has-min, var(--font-size));
  --has-max: min(var(--max-fz-px), var(--font-size));
  --has-min: max(var(--min-fz-px), var(--font-size));
  font-size: var(--clamp, var(--max));
}
@media (min-width: 1024px) {
  .c-strengths__title {
    padding: 8px 32px;
    left: 72px;
  }
}
.c-strengths__content {
  padding: 48px 24px 32px 24px;
  background: #F7FAFF;
  border: 1px solid #BCC8D9;
  border-radius: 0 0 16px 16px;
}
@media (min-width: 1024px) {
  .c-strengths__content {
    padding: 64px 72px;
    border-radius: 0 0 24px 24px;
  }
}

.c-data {
  padding: 24px;
  background: #FFFFFF;
  border: 1px solid #BCC8D9;
  border-radius: 16px;
  overflow: hidden;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 700px) {
  .c-data {
    border-radius: 24px;
  }
}
@media (max-width: 749px) {
  .c-data {
    grid-column: span 1;
  }
}
.--card-colum-2 .c-data {
  border-radius: 16px;
  padding: 24px 16px 24px 16px;
}
@media (min-width: 700px) {
  .--card-colum-2 .c-data {
    border-radius: 24px;
    padding: 24px 32px 36px 24px;
  }
}
.--card-colum-2 .c-data .c-data__modal {
  padding: 24px 16px 36px 16px;
}
@media (min-width: 700px) {
  .--card-colum-2 .c-data .c-data__modal {
    padding: 24px 32px 36px 24px;
  }
}
.c-data.--col2 {
  border-radius: 16px;
  grid-column: span 1;
}
@media (min-width: 700px) {
  .c-data.--col2 {
    border-radius: 24px;
    grid-column: span 2;
  }
}
.c-data.--col3 {
  border-radius: 16px;
  grid-column: span 1;
}
@media (min-width: 700px) {
  .c-data.--col3 {
    border-radius: 24px;
    grid-column: span 3;
  }
}
.c-data__title {
  --viewport-from: 768;
  --viewport-to: 1440;
  --min-font-size: 16;
  --max-font-size: 20;
  padding-bottom: 16px;
  border-bottom: 1px solid #BCC8D9;
}
.c-data__title *,
.c-data__title *::before,
.c-data__title *::after {
  --viewport-unit-converter: 1vw;
  --fz-from: var(--font-size-from, var(--min-font-size));
  --fz-to: var(--font-size-to, var(--max-font-size));
  --fz-slope: (var(--fz-to) - var(--fz-from)) / (var(--viewport-to) - var(--viewport-from)) * 100;
  --fz-intercept: (var(--viewport-to) * var(--fz-from) - var(--viewport-from) * var(--fz-to)) / (var(--viewport-to) - var(--viewport-from));
  --font-size: calc(var(--fz-slope) * var(--viewport-unit-converter) + var(--fz-intercept) * 1px);
  --min-fz-px: calc(var(--min-font-size) * 1px);
  --max-fz-px: calc(var(--max-font-size) * 1px);
  --clamp: clamp(var(--min-fz-px), var(--font-size), var(--max-fz-px));
  --max: var(--has-max, var(--min));
  --min: var(--has-min, var(--font-size));
  --has-max: min(var(--max-fz-px), var(--font-size));
  --has-min: max(var(--min-fz-px), var(--font-size));
  font-size: var(--clamp, var(--max));
}
.c-data__title span {
  --viewport-from: 768;
  --viewport-to: 1440;
  --min-font-size: 14;
  --max-font-size: 16;
}
.c-data__title span *,
.c-data__title span *::before,
.c-data__title span *::after {
  --viewport-unit-converter: 1vw;
  --fz-from: var(--font-size-from, var(--min-font-size));
  --fz-to: var(--font-size-to, var(--max-font-size));
  --fz-slope: (var(--fz-to) - var(--fz-from)) / (var(--viewport-to) - var(--viewport-from)) * 100;
  --fz-intercept: (var(--viewport-to) * var(--fz-from) - var(--viewport-from) * var(--fz-to)) / (var(--viewport-to) - var(--viewport-from));
  --font-size: calc(var(--fz-slope) * var(--viewport-unit-converter) + var(--fz-intercept) * 1px);
  --min-fz-px: calc(var(--min-font-size) * 1px);
  --max-fz-px: calc(var(--max-font-size) * 1px);
  --clamp: clamp(var(--min-fz-px), var(--font-size), var(--max-fz-px));
  --max: var(--has-max, var(--min));
  --min: var(--has-min, var(--font-size));
  --has-max: min(var(--max-fz-px), var(--font-size));
  --has-min: max(var(--min-fz-px), var(--font-size));
  font-size: var(--clamp, var(--max));
}
.c-data__content {
  margin-top: 16px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.c-data__button {
  width: 30px;
  aspect-ratio: 1/1;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><g id="グループ_18148" data-name="グループ 18148" transform="translate(-442 -7563)"><rect id="長方形_9982" data-name="長方形 9982" width="3" height="15" transform="translate(448 7563)" fill="%23fff"/><rect id="長方形_9983" data-name="長方形 9983" width="15" height="3" transform="translate(442 7569)" fill="%23fff"/></g></svg>') #071F45 no-repeat center center/10px auto;
  border-radius: 50%;
  position: absolute;
  bottom: 16px;
  right: 16px;
  cursor: pointer;
}
@media (min-width: 700px) {
  .c-data__button {
    width: 40px;
    background-size: 15px auto;
    bottom: 24px;
    right: 24px;
  }
}
@media (min-width: 1024px) {
  .c-data__button {
    bottom: 32px;
    right: 32px;
  }
}
.c-data__note {
  --viewport-from: 768;
  --viewport-to: 1440;
  --min-font-size: 12;
  --max-font-size: 14;
  margin-top: 32px;
  -webkit-transform: translateY(30%);
          transform: translateY(30%);
}
.c-data__note *,
.c-data__note *::before,
.c-data__note *::after {
  --viewport-unit-converter: 1vw;
  --fz-from: var(--font-size-from, var(--min-font-size));
  --fz-to: var(--font-size-to, var(--max-font-size));
  --fz-slope: (var(--fz-to) - var(--fz-from)) / (var(--viewport-to) - var(--viewport-from)) * 100;
  --fz-intercept: (var(--viewport-to) * var(--fz-from) - var(--viewport-from) * var(--fz-to)) / (var(--viewport-to) - var(--viewport-from));
  --font-size: calc(var(--fz-slope) * var(--viewport-unit-converter) + var(--fz-intercept) * 1px);
  --min-fz-px: calc(var(--min-font-size) * 1px);
  --max-fz-px: calc(var(--max-font-size) * 1px);
  --clamp: clamp(var(--min-fz-px), var(--font-size), var(--max-fz-px));
  --max: var(--has-max, var(--min));
  --min: var(--has-min, var(--font-size));
  --has-max: min(var(--max-fz-px), var(--font-size));
  --has-min: max(var(--min-fz-px), var(--font-size));
  font-size: var(--clamp, var(--max));
}
.c-data__modal {
  width: 100%;
  height: 100%;
  padding: 24px;
  background: rgba(51, 68, 90, 0.9);
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.c-data__modal h3 {
  color: #FFFFFF;
}
.c-data__modal p {
  color: #FFFFFF;
}
.c-data.is-active .c-data__button {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="3" viewBox="0 0 15 3"><rect id="長方形_9983" data-name="長方形 9983" width="15" height="3" fill="%23071f45"/></svg>') #FFFFFF no-repeat center center/10px auto;
  z-index: 2;
}
@media (min-width: 700px) {
  .c-data.is-active .c-data__button {
    background-size: 15px auto;
  }
}
.c-data.is-active .c-data__modal {
  opacity: 1;
  visibility: visible;
}

.c-munber__data {
  --viewport-from: 768;
  --viewport-to: 1440;
  --min-font-size: 56;
  --max-font-size: 72;
  color: #03398B;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
  white-space: nowrap;
}
.c-munber__data *,
.c-munber__data *::before,
.c-munber__data *::after {
  --viewport-unit-converter: 1vw;
  --fz-from: var(--font-size-from, var(--min-font-size));
  --fz-to: var(--font-size-to, var(--max-font-size));
  --fz-slope: (var(--fz-to) - var(--fz-from)) / (var(--viewport-to) - var(--viewport-from)) * 100;
  --fz-intercept: (var(--viewport-to) * var(--fz-from) - var(--viewport-from) * var(--fz-to)) / (var(--viewport-to) - var(--viewport-from));
  --font-size: calc(var(--fz-slope) * var(--viewport-unit-converter) + var(--fz-intercept) * 1px);
  --min-fz-px: calc(var(--min-font-size) * 1px);
  --max-fz-px: calc(var(--max-font-size) * 1px);
  --clamp: clamp(var(--min-fz-px), var(--font-size), var(--max-fz-px));
  --max: var(--has-max, var(--min));
  --min: var(--has-min, var(--font-size));
  --has-max: min(var(--max-fz-px), var(--font-size));
  --has-min: max(var(--min-fz-px), var(--font-size));
  font-size: var(--clamp, var(--max));
}
.c-munber__data span {
  --viewport-from: 768;
  --viewport-to: 1440;
  --min-font-size: 24;
  --max-font-size: 32;
}
.c-munber__data span *,
.c-munber__data span *::before,
.c-munber__data span *::after {
  --viewport-unit-converter: 1vw;
  --fz-from: var(--font-size-from, var(--min-font-size));
  --fz-to: var(--font-size-to, var(--max-font-size));
  --fz-slope: (var(--fz-to) - var(--fz-from)) / (var(--viewport-to) - var(--viewport-from)) * 100;
  --fz-intercept: (var(--viewport-to) * var(--fz-from) - var(--viewport-from) * var(--fz-to)) / (var(--viewport-to) - var(--viewport-from));
  --font-size: calc(var(--fz-slope) * var(--viewport-unit-converter) + var(--fz-intercept) * 1px);
  --min-fz-px: calc(var(--min-font-size) * 1px);
  --max-fz-px: calc(var(--max-font-size) * 1px);
  --clamp: clamp(var(--min-fz-px), var(--font-size), var(--max-fz-px));
  --max: var(--has-max, var(--min));
  --min: var(--has-min, var(--font-size));
  --has-max: min(var(--max-fz-px), var(--font-size));
  --has-min: max(var(--min-fz-px), var(--font-size));
  font-size: var(--clamp, var(--max));
}
.c-munber.--data-access .c-munber__data::before {
  content: "徒歩";
  --viewport-from: 768;
  --viewport-to: 1440;
  --min-font-size: 32;
  --max-font-size: 40;
  color: #03398B;
  font-weight: 700;
}
.c-munber.--data-access .c-munber__data::before *,
.c-munber.--data-access .c-munber__data::before *::before,
.c-munber.--data-access .c-munber__data::before *::after {
  --viewport-unit-converter: 1vw;
  --fz-from: var(--font-size-from, var(--min-font-size));
  --fz-to: var(--font-size-to, var(--max-font-size));
  --fz-slope: (var(--fz-to) - var(--fz-from)) / (var(--viewport-to) - var(--viewport-from)) * 100;
  --fz-intercept: (var(--viewport-to) * var(--fz-from) - var(--viewport-from) * var(--fz-to)) / (var(--viewport-to) - var(--viewport-from));
  --font-size: calc(var(--fz-slope) * var(--viewport-unit-converter) + var(--fz-intercept) * 1px);
  --min-fz-px: calc(var(--min-font-size) * 1px);
  --max-fz-px: calc(var(--max-font-size) * 1px);
  --clamp: clamp(var(--min-fz-px), var(--font-size), var(--max-fz-px));
  --max: var(--has-max, var(--min));
  --min: var(--has-min, var(--font-size));
  --has-max: min(var(--max-fz-px), var(--font-size));
  --has-min: max(var(--min-fz-px), var(--font-size));
  font-size: var(--clamp, var(--max));
}
.c-munber.--font-size-x-large .c-munber__data {
  --viewport-from: 768;
  --viewport-to: 1440;
  --min-font-size: 72;
  --max-font-size: 112;
}
.c-munber.--font-size-x-large .c-munber__data *,
.c-munber.--font-size-x-large .c-munber__data *::before,
.c-munber.--font-size-x-large .c-munber__data *::after {
  --viewport-unit-converter: 1vw;
  --fz-from: var(--font-size-from, var(--min-font-size));
  --fz-to: var(--font-size-to, var(--max-font-size));
  --fz-slope: (var(--fz-to) - var(--fz-from)) / (var(--viewport-to) - var(--viewport-from)) * 100;
  --fz-intercept: (var(--viewport-to) * var(--fz-from) - var(--viewport-from) * var(--fz-to)) / (var(--viewport-to) - var(--viewport-from));
  --font-size: calc(var(--fz-slope) * var(--viewport-unit-converter) + var(--fz-intercept) * 1px);
  --min-fz-px: calc(var(--min-font-size) * 1px);
  --max-fz-px: calc(var(--max-font-size) * 1px);
  --clamp: clamp(var(--min-fz-px), var(--font-size), var(--max-fz-px));
  --max: var(--has-max, var(--min));
  --min: var(--has-min, var(--font-size));
  --has-max: min(var(--max-fz-px), var(--font-size));
  --has-min: max(var(--min-fz-px), var(--font-size));
  font-size: var(--clamp, var(--max));
}
.c-munber.--font-size-x-large .c-munber__data span {
  --viewport-from: 768;
  --viewport-to: 1440;
  --min-font-size: 32;
  --max-font-size: 40;
}
.c-munber.--font-size-x-large .c-munber__data span *,
.c-munber.--font-size-x-large .c-munber__data span *::before,
.c-munber.--font-size-x-large .c-munber__data span *::after {
  --viewport-unit-converter: 1vw;
  --fz-from: var(--font-size-from, var(--min-font-size));
  --fz-to: var(--font-size-to, var(--max-font-size));
  --fz-slope: (var(--fz-to) - var(--fz-from)) / (var(--viewport-to) - var(--viewport-from)) * 100;
  --fz-intercept: (var(--viewport-to) * var(--fz-from) - var(--viewport-from) * var(--fz-to)) / (var(--viewport-to) - var(--viewport-from));
  --font-size: calc(var(--fz-slope) * var(--viewport-unit-converter) + var(--fz-intercept) * 1px);
  --min-fz-px: calc(var(--min-font-size) * 1px);
  --max-fz-px: calc(var(--max-font-size) * 1px);
  --clamp: clamp(var(--min-fz-px), var(--font-size), var(--max-fz-px));
  --max: var(--has-max, var(--min));
  --min: var(--has-min, var(--font-size));
  --has-max: min(var(--max-fz-px), var(--font-size));
  --has-min: max(var(--min-fz-px), var(--font-size));
  font-size: var(--clamp, var(--max));
}
.c-munber.--font-size-large .c-munber__data {
  --viewport-from: 768;
  --viewport-to: 1440;
  --min-font-size: 62;
  --max-font-size: 88;
}
.c-munber.--font-size-large .c-munber__data *,
.c-munber.--font-size-large .c-munber__data *::before,
.c-munber.--font-size-large .c-munber__data *::after {
  --viewport-unit-converter: 1vw;
  --fz-from: var(--font-size-from, var(--min-font-size));
  --fz-to: var(--font-size-to, var(--max-font-size));
  --fz-slope: (var(--fz-to) - var(--fz-from)) / (var(--viewport-to) - var(--viewport-from)) * 100;
  --fz-intercept: (var(--viewport-to) * var(--fz-from) - var(--viewport-from) * var(--fz-to)) / (var(--viewport-to) - var(--viewport-from));
  --font-size: calc(var(--fz-slope) * var(--viewport-unit-converter) + var(--fz-intercept) * 1px);
  --min-fz-px: calc(var(--min-font-size) * 1px);
  --max-fz-px: calc(var(--max-font-size) * 1px);
  --clamp: clamp(var(--min-fz-px), var(--font-size), var(--max-fz-px));
  --max: var(--has-max, var(--min));
  --min: var(--has-min, var(--font-size));
  --has-max: min(var(--max-fz-px), var(--font-size));
  --has-min: max(var(--min-fz-px), var(--font-size));
  font-size: var(--clamp, var(--max));
}
.c-munber.--font-size-small .c-munber__data {
  --viewport-from: 768;
  --viewport-to: 1440;
  --min-font-size: 40;
  --max-font-size: 56;
}
.c-munber.--font-size-small .c-munber__data *,
.c-munber.--font-size-small .c-munber__data *::before,
.c-munber.--font-size-small .c-munber__data *::after {
  --viewport-unit-converter: 1vw;
  --fz-from: var(--font-size-from, var(--min-font-size));
  --fz-to: var(--font-size-to, var(--max-font-size));
  --fz-slope: (var(--fz-to) - var(--fz-from)) / (var(--viewport-to) - var(--viewport-from)) * 100;
  --fz-intercept: (var(--viewport-to) * var(--fz-from) - var(--viewport-from) * var(--fz-to)) / (var(--viewport-to) - var(--viewport-from));
  --font-size: calc(var(--fz-slope) * var(--viewport-unit-converter) + var(--fz-intercept) * 1px);
  --min-fz-px: calc(var(--min-font-size) * 1px);
  --max-fz-px: calc(var(--max-font-size) * 1px);
  --clamp: clamp(var(--min-fz-px), var(--font-size), var(--max-fz-px));
  --max: var(--has-max, var(--min));
  --min: var(--has-min, var(--font-size));
  --has-max: min(var(--max-fz-px), var(--font-size));
  --has-min: max(var(--min-fz-px), var(--font-size));
  font-size: var(--clamp, var(--max));
}
.c-munber.--font-size-small .c-munber__data span {
  --viewport-from: 768;
  --viewport-to: 1440;
  --min-font-size: 18;
  --max-font-size: 24;
}
.c-munber.--font-size-small .c-munber__data span *,
.c-munber.--font-size-small .c-munber__data span *::before,
.c-munber.--font-size-small .c-munber__data span *::after {
  --viewport-unit-converter: 1vw;
  --fz-from: var(--font-size-from, var(--min-font-size));
  --fz-to: var(--font-size-to, var(--max-font-size));
  --fz-slope: (var(--fz-to) - var(--fz-from)) / (var(--viewport-to) - var(--viewport-from)) * 100;
  --fz-intercept: (var(--viewport-to) * var(--fz-from) - var(--viewport-from) * var(--fz-to)) / (var(--viewport-to) - var(--viewport-from));
  --font-size: calc(var(--fz-slope) * var(--viewport-unit-converter) + var(--fz-intercept) * 1px);
  --min-fz-px: calc(var(--min-font-size) * 1px);
  --max-fz-px: calc(var(--max-font-size) * 1px);
  --clamp: clamp(var(--min-fz-px), var(--font-size), var(--max-fz-px));
  --max: var(--has-max, var(--min));
  --min: var(--has-min, var(--font-size));
  --has-max: min(var(--max-fz-px), var(--font-size));
  --has-min: max(var(--min-fz-px), var(--font-size));
  font-size: var(--clamp, var(--max));
}
.c-munber.--font-size-s-small .c-munber__data {
  --viewport-from: 768;
  --viewport-to: 1440;
  --min-font-size: 32;
  --max-font-size: 48;
}
.c-munber.--font-size-s-small .c-munber__data *,
.c-munber.--font-size-s-small .c-munber__data *::before,
.c-munber.--font-size-s-small .c-munber__data *::after {
  --viewport-unit-converter: 1vw;
  --fz-from: var(--font-size-from, var(--min-font-size));
  --fz-to: var(--font-size-to, var(--max-font-size));
  --fz-slope: (var(--fz-to) - var(--fz-from)) / (var(--viewport-to) - var(--viewport-from)) * 100;
  --fz-intercept: (var(--viewport-to) * var(--fz-from) - var(--viewport-from) * var(--fz-to)) / (var(--viewport-to) - var(--viewport-from));
  --font-size: calc(var(--fz-slope) * var(--viewport-unit-converter) + var(--fz-intercept) * 1px);
  --min-fz-px: calc(var(--min-font-size) * 1px);
  --max-fz-px: calc(var(--max-font-size) * 1px);
  --clamp: clamp(var(--min-fz-px), var(--font-size), var(--max-fz-px));
  --max: var(--has-max, var(--min));
  --min: var(--has-min, var(--font-size));
  --has-max: min(var(--max-fz-px), var(--font-size));
  --has-min: max(var(--min-fz-px), var(--font-size));
  font-size: var(--clamp, var(--max));
}

p + .c-munber {
  line-height: 1.3;
  margin: 0;
}

.c-municipality__data {
  --viewport-from: 768;
  --viewport-to: 1440;
  --min-font-size: 56;
  --max-font-size: 72;
  color: #03398B;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
}
.c-municipality__data *,
.c-municipality__data *::before,
.c-municipality__data *::after {
  --viewport-unit-converter: 1vw;
  --fz-from: var(--font-size-from, var(--min-font-size));
  --fz-to: var(--font-size-to, var(--max-font-size));
  --fz-slope: (var(--fz-to) - var(--fz-from)) / (var(--viewport-to) - var(--viewport-from)) * 100;
  --fz-intercept: (var(--viewport-to) * var(--fz-from) - var(--viewport-from) * var(--fz-to)) / (var(--viewport-to) - var(--viewport-from));
  --font-size: calc(var(--fz-slope) * var(--viewport-unit-converter) + var(--fz-intercept) * 1px);
  --min-fz-px: calc(var(--min-font-size) * 1px);
  --max-fz-px: calc(var(--max-font-size) * 1px);
  --clamp: clamp(var(--min-fz-px), var(--font-size), var(--max-fz-px));
  --max: var(--has-max, var(--min));
  --min: var(--has-min, var(--font-size));
  --has-max: min(var(--max-fz-px), var(--font-size));
  --has-min: max(var(--min-fz-px), var(--font-size));
  font-size: var(--clamp, var(--max));
}
.c-municipality__city {
  --viewport-from: 768;
  --viewport-to: 1440;
  --min-font-size: 40;
  --max-font-size: 56;
}
.c-municipality__city *,
.c-municipality__city *::before,
.c-municipality__city *::after {
  --viewport-unit-converter: 1vw;
  --fz-from: var(--font-size-from, var(--min-font-size));
  --fz-to: var(--font-size-to, var(--max-font-size));
  --fz-slope: (var(--fz-to) - var(--fz-from)) / (var(--viewport-to) - var(--viewport-from)) * 100;
  --fz-intercept: (var(--viewport-to) * var(--fz-from) - var(--viewport-from) * var(--fz-to)) / (var(--viewport-to) - var(--viewport-from));
  --font-size: calc(var(--fz-slope) * var(--viewport-unit-converter) + var(--fz-intercept) * 1px);
  --min-fz-px: calc(var(--min-font-size) * 1px);
  --max-fz-px: calc(var(--max-font-size) * 1px);
  --clamp: clamp(var(--min-fz-px), var(--font-size), var(--max-fz-px));
  --max: var(--has-max, var(--min));
  --min: var(--has-min, var(--font-size));
  --has-max: min(var(--max-fz-px), var(--font-size));
  --has-min: max(var(--min-fz-px), var(--font-size));
  font-size: var(--clamp, var(--max));
}
.c-municipality__town {
  --viewport-from: 768;
  --viewport-to: 1440;
  --min-font-size: 24;
  --max-font-size: 32;
}
.c-municipality__town *,
.c-municipality__town *::before,
.c-municipality__town *::after {
  --viewport-unit-converter: 1vw;
  --fz-from: var(--font-size-from, var(--min-font-size));
  --fz-to: var(--font-size-to, var(--max-font-size));
  --fz-slope: (var(--fz-to) - var(--fz-from)) / (var(--viewport-to) - var(--viewport-from)) * 100;
  --fz-intercept: (var(--viewport-to) * var(--fz-from) - var(--viewport-from) * var(--fz-to)) / (var(--viewport-to) - var(--viewport-from));
  --font-size: calc(var(--fz-slope) * var(--viewport-unit-converter) + var(--fz-intercept) * 1px);
  --min-fz-px: calc(var(--min-font-size) * 1px);
  --max-fz-px: calc(var(--max-font-size) * 1px);
  --clamp: clamp(var(--min-fz-px), var(--font-size), var(--max-fz-px));
  --max: var(--has-max, var(--min));
  --min: var(--has-min, var(--font-size));
  --has-max: min(var(--max-fz-px), var(--font-size));
  --has-min: max(var(--min-fz-px), var(--font-size));
  font-size: var(--clamp, var(--max));
}

.c-charts {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  max-width: 600px;
  margin: 0 auto;
  overflow-x: auto;
}
@media (max-width: 749px) {
  .c-charts {
    margin-bottom: 20px;
  }
}
.c-charts__bar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end; /* 棒を下から伸ばす */
  gap: 0px;
  min-width: 380px;
  height: 160px; /* グラフの最大高さ */
  padding: 0 5px;
  border-bottom: 2px solid #BCC8D9;
}
@media (min-width: 700px) {
  .c-charts__bar {
    height: 210px;
  }
}
.c-charts__bar-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.c-charts__bar-wrapper .bar {
  width: min(70%, 75px);
  background-color: #4F8EF7;
  display: inline-block;
  -webkit-transition: height 0.3s;
  transition: height 0.3s;
}
.c-charts__bar-wrapper .value {
  color: #03398B;
  margin-bottom: 28px;
  min-width: 45px;
  font-size: 12px;
  padding: 2px 8px;
  text-align: center;
  font-weight: bold;
  border: 1px solid #BCC8D9;
  display: inline-block;
  border-radius: 4px;
  position: relative;
}
@media (min-width: 700px) {
  .c-charts__bar-wrapper .value {
    font-size: 14px;
  }
}
.c-charts__bar-wrapper .value::before {
  content: "";
  width: 17px;
  height: 13px;
  background: url(../img/common/bubble-tail.svg) no-repeat center center/100% auto;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: -13px;
}
.c-charts__bar-wrapper .value::after {
  content: "%";
}
.c-charts__bar-label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start; /* 棒を下から伸ばす */
  min-width: 380px;
}
.c-charts__bar-label .label {
  margin-top: 16px;
  font-size: 12px;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media (min-width: 1024px) {
  .c-charts__bar-label .label {
    font-size: 14px;
  }
}

.c-sales {
  width: 95%;
  max-width: 600px;
  height: 180px;
  margin: 40px auto 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
@media (min-width: 1024px) {
  .c-sales {
    gap: 20px;
  }
}
.c-sales__bar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  max-width: 600px;
  width: 70%;
  border-left: 2px solid #BCC8D9;
  background: -webkit-repeating-linear-gradient(left, #BCC8D9 0px, #BCC8D9 1px, transparent 1px, transparent 11.1111111111%);
  background: repeating-linear-gradient(to right, #BCC8D9 0px, #BCC8D9 1px, transparent 1px, transparent 11.1111111111%);
  background-position: -1px 0;
}
@media (min-width: 1024px) {
  .c-sales__bar {
    width: calc(100% - 200px);
  }
}
.c-sales__bar-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  position: relative;
}
.c-sales__bar-wrapper .sales_value {
  font-size: 12px;
  color: #03398B;
  font-weight: bold;
  white-space: nowrap;
  width: 65px;
  padding: 4px 4px;
  text-align: center;
  background: #FFFFFF;
  border: 1px solid #BCC8D9;
  border-radius: 4px;
  display: inline-block;
  position: absolute;
  right: 0;
  -webkit-transform: translateX(80%);
          transform: translateX(80%);
}
@media (min-width: 1024px) {
  .c-sales__bar-wrapper .sales_value {
    font-size: 14px;
    padding: 4px 8px;
    -webkit-transform: translateX(calc(100% + 25px));
            transform: translateX(calc(100% + 25px));
  }
}
.c-sales__bar-wrapper .sales_value::before {
  content: "";
  width: 17px;
  height: 13px;
  background: url(../img/common/bubble-tail.svg) no-repeat center center/100% auto;
  position: absolute;
  left: -15px;
  top: 0;
  bottom: 0;
  margin: auto;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.c-sales__bar-wrapper .sales_bar {
  display: block;
  height: 46px;
  background: #F0F5FC;
  border: 1px solid #BCC8D9;
  border-left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.c-sales__bar-wrapper .profit_bar {
  display: block;
  height: 32px;
  background: -webkit-gradient(linear, left top, right top, from(#FFFFFF), to(#0A5FE8));
  background: -webkit-linear-gradient(left, #FFFFFF, #0A5FE8);
  background: linear-gradient(90deg, #FFFFFF, #0A5FE8);
  position: absolute;
  left: 0;
}
.c-sales__bar-wrapper .profit_value {
  font-size: 12px;
  color: #FFFFFF;
  padding: 3px 12px;
  background: #0A5FE8;
  border-radius: 4px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
@media (min-width: 1024px) {
  .c-sales__bar-wrapper .profit_value {
    font-size: 14px;
  }
}
.c-sales__bar-wrapper .profit_value::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-right: 17px solid #0A5FE8;
  border-left: 0;
  position: absolute;
  left: 1px;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}
.c-sales__bar-label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  position: relative;
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
      -ms-flex-order: -1;
          order: -1;
}
.c-sales__bar-label .label {
  width: 45px;
  height: 46px;
  text-align: center;
  font-size: 10px;
  line-height: 1.2;
  word-break: break-word;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 1024px) {
  .c-sales__bar-label .label {
    font-size: 10px;
    width: 100px;
  }
}

.c-charts__pie {
  position: relative;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 auto;
  background-color: #eee;
}
.c-charts__pie__pie-segment {
  position: absolute;
  width: 100%;
  height: 100%;
  clip: rect(0px, 200px, 200px, 100px);
  border-radius: 50%;
  background-color: #4F8EF7;
  -webkit-transform: rotate(var(--start-angle)) translateY(-50%) rotate(var(--angle));
          transform: rotate(var(--start-angle)) translateY(-50%) rotate(var(--angle));
  -webkit-transform-origin: center center;
          transform-origin: center center;
}

.c-subscriber {
  margin-top: 40px;
}
.c-subscriber__total {
  color: #03398B;
  --viewport-from: 768;
  --viewport-to: 1440;
  --min-font-size: 56;
  --max-font-size: 72;
  line-height: 1;
  text-align: center;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-weight: 700;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-subscriber__total *,
.c-subscriber__total *::before,
.c-subscriber__total *::after {
  --viewport-unit-converter: 1vw;
  --fz-from: var(--font-size-from, var(--min-font-size));
  --fz-to: var(--font-size-to, var(--max-font-size));
  --fz-slope: (var(--fz-to) - var(--fz-from)) / (var(--viewport-to) - var(--viewport-from)) * 100;
  --fz-intercept: (var(--viewport-to) * var(--fz-from) - var(--viewport-from) * var(--fz-to)) / (var(--viewport-to) - var(--viewport-from));
  --font-size: calc(var(--fz-slope) * var(--viewport-unit-converter) + var(--fz-intercept) * 1px);
  --min-fz-px: calc(var(--min-font-size) * 1px);
  --max-fz-px: calc(var(--max-font-size) * 1px);
  --clamp: clamp(var(--min-fz-px), var(--font-size), var(--max-fz-px));
  --max: var(--has-max, var(--min));
  --min: var(--has-min, var(--font-size));
  --has-max: min(var(--max-fz-px), var(--font-size));
  --has-min: max(var(--min-fz-px), var(--font-size));
  font-size: var(--clamp, var(--max));
}
.c-subscriber__total::before {
  content: "合計";
  --viewport-from: 768;
  --viewport-to: 1440;
  --min-font-size: 14;
  --max-font-size: 16;
  color: #071F45;
  margin-right: 12px;
  vertical-align: middle;
}
.c-subscriber__total::before *,
.c-subscriber__total::before *::before,
.c-subscriber__total::before *::after {
  --viewport-unit-converter: 1vw;
  --fz-from: var(--font-size-from, var(--min-font-size));
  --fz-to: var(--font-size-to, var(--max-font-size));
  --fz-slope: (var(--fz-to) - var(--fz-from)) / (var(--viewport-to) - var(--viewport-from)) * 100;
  --fz-intercept: (var(--viewport-to) * var(--fz-from) - var(--viewport-from) * var(--fz-to)) / (var(--viewport-to) - var(--viewport-from));
  --font-size: calc(var(--fz-slope) * var(--viewport-unit-converter) + var(--fz-intercept) * 1px);
  --min-fz-px: calc(var(--min-font-size) * 1px);
  --max-fz-px: calc(var(--max-font-size) * 1px);
  --clamp: clamp(var(--min-fz-px), var(--font-size), var(--max-fz-px));
  --max: var(--has-max, var(--min));
  --min: var(--has-min, var(--font-size));
  --has-max: min(var(--max-fz-px), var(--font-size));
  --has-min: max(var(--min-fz-px), var(--font-size));
  font-size: var(--clamp, var(--max));
}
.c-subscriber__total::after {
  content: "件";
  --viewport-from: 768;
  --viewport-to: 1440;
  --min-font-size: 24;
  --max-font-size: 32;
  font-weight: 700;
  -webkit-align-self: baseline;
      -ms-flex-item-align: baseline;
          align-self: baseline;
  margin: auto 0 10px 0;
}
.c-subscriber__total::after *,
.c-subscriber__total::after *::before,
.c-subscriber__total::after *::after {
  --viewport-unit-converter: 1vw;
  --fz-from: var(--font-size-from, var(--min-font-size));
  --fz-to: var(--font-size-to, var(--max-font-size));
  --fz-slope: (var(--fz-to) - var(--fz-from)) / (var(--viewport-to) - var(--viewport-from)) * 100;
  --fz-intercept: (var(--viewport-to) * var(--fz-from) - var(--viewport-from) * var(--fz-to)) / (var(--viewport-to) - var(--viewport-from));
  --font-size: calc(var(--fz-slope) * var(--viewport-unit-converter) + var(--fz-intercept) * 1px);
  --min-fz-px: calc(var(--min-font-size) * 1px);
  --max-fz-px: calc(var(--max-font-size) * 1px);
  --clamp: clamp(var(--min-fz-px), var(--font-size), var(--max-fz-px));
  --max: var(--has-max, var(--min));
  --min: var(--has-min, var(--font-size));
  --has-max: min(var(--max-fz-px), var(--font-size));
  --has-min: max(var(--min-fz-px), var(--font-size));
  font-size: var(--clamp, var(--max));
}
.c-subscriber__row {
  margin-top: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 16px;
}
.c-subscriber__column {
  --viewport-from: 768;
  --viewport-to: 1440;
  --min-font-size: 18;
  --max-font-size: 32;
  font-weight: 700;
  background: #F0F5FC;
  padding: 8px 16px;
  margin-top: 16px;
  border-radius: 8px;
}
.c-subscriber__column *,
.c-subscriber__column *::before,
.c-subscriber__column *::after {
  --viewport-unit-converter: 1vw;
  --fz-from: var(--font-size-from, var(--min-font-size));
  --fz-to: var(--font-size-to, var(--max-font-size));
  --fz-slope: (var(--fz-to) - var(--fz-from)) / (var(--viewport-to) - var(--viewport-from)) * 100;
  --fz-intercept: (var(--viewport-to) * var(--fz-from) - var(--viewport-from) * var(--fz-to)) / (var(--viewport-to) - var(--viewport-from));
  --font-size: calc(var(--fz-slope) * var(--viewport-unit-converter) + var(--fz-intercept) * 1px);
  --min-fz-px: calc(var(--min-font-size) * 1px);
  --max-fz-px: calc(var(--max-font-size) * 1px);
  --clamp: clamp(var(--min-fz-px), var(--font-size), var(--max-fz-px));
  --max: var(--has-max, var(--min));
  --min: var(--has-min, var(--font-size));
  --has-max: min(var(--max-fz-px), var(--font-size));
  --has-min: max(var(--min-fz-px), var(--font-size));
  font-size: var(--clamp, var(--max));
}
@media (min-width: 700px) {
  .c-subscriber__column {
    border-radius: 16px;
    padding: 0 16px;
  }
}
.c-subscriber__column span {
  --viewport-from: 768;
  --viewport-to: 1440;
  --min-font-size: 12;
  --max-font-size: 14;
  text-align: center;
  margin: 0 0 0 0;
  display: block;
}
.c-subscriber__column span *,
.c-subscriber__column span *::before,
.c-subscriber__column span *::after {
  --viewport-unit-converter: 1vw;
  --fz-from: var(--font-size-from, var(--min-font-size));
  --fz-to: var(--font-size-to, var(--max-font-size));
  --fz-slope: (var(--fz-to) - var(--fz-from)) / (var(--viewport-to) - var(--viewport-from)) * 100;
  --fz-intercept: (var(--viewport-to) * var(--fz-from) - var(--viewport-from) * var(--fz-to)) / (var(--viewport-to) - var(--viewport-from));
  --font-size: calc(var(--fz-slope) * var(--viewport-unit-converter) + var(--fz-intercept) * 1px);
  --min-fz-px: calc(var(--min-font-size) * 1px);
  --max-fz-px: calc(var(--max-font-size) * 1px);
  --clamp: clamp(var(--min-fz-px), var(--font-size), var(--max-fz-px));
  --max: var(--has-max, var(--min));
  --min: var(--has-min, var(--font-size));
  --has-max: min(var(--max-fz-px), var(--font-size));
  --has-min: max(var(--min-fz-px), var(--font-size));
  font-size: var(--clamp, var(--max));
}
@media (min-width: 700px) {
  .c-subscriber__column span {
    display: inline;
    vertical-align: middle;
    margin: 0 0 10px 0;
  }
}
.c-subscriber__column::after {
  content: "件";
  --viewport-from: 768;
  --viewport-to: 1440;
  --min-font-size: 18;
  --max-font-size: 24;
}
.c-subscriber__column::after *,
.c-subscriber__column::after *::before,
.c-subscriber__column::after *::after {
  --viewport-unit-converter: 1vw;
  --fz-from: var(--font-size-from, var(--min-font-size));
  --fz-to: var(--font-size-to, var(--max-font-size));
  --fz-slope: (var(--fz-to) - var(--fz-from)) / (var(--viewport-to) - var(--viewport-from)) * 100;
  --fz-intercept: (var(--viewport-to) * var(--fz-from) - var(--viewport-from) * var(--fz-to)) / (var(--viewport-to) - var(--viewport-from));
  --font-size: calc(var(--fz-slope) * var(--viewport-unit-converter) + var(--fz-intercept) * 1px);
  --min-fz-px: calc(var(--min-font-size) * 1px);
  --max-fz-px: calc(var(--max-font-size) * 1px);
  --clamp: clamp(var(--min-fz-px), var(--font-size), var(--max-fz-px));
  --max: var(--has-max, var(--min));
  --min: var(--has-min, var(--font-size));
  --has-max: min(var(--max-fz-px), var(--font-size));
  --has-min: max(var(--min-fz-px), var(--font-size));
  font-size: var(--clamp, var(--max));
}

.c-anchor-link {
  margin: 60px 0 0 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px 32px;
}
@media (min-width: 700px) {
  .c-anchor-link {
    margin: 112px 0 0 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}
.c-anchor-link li a {
  --viewport-from: 768;
  --viewport-to: 1440;
  --min-font-size: 14;
  --max-font-size: 20;
  font-weight: 700;
  padding-bottom: 8px;
  border-bottom: 1px solid #BCC8D9;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 16px;
}
.c-anchor-link li a *,
.c-anchor-link li a *::before,
.c-anchor-link li a *::after {
  --viewport-unit-converter: 1vw;
  --fz-from: var(--font-size-from, var(--min-font-size));
  --fz-to: var(--font-size-to, var(--max-font-size));
  --fz-slope: (var(--fz-to) - var(--fz-from)) / (var(--viewport-to) - var(--viewport-from)) * 100;
  --fz-intercept: (var(--viewport-to) * var(--fz-from) - var(--viewport-from) * var(--fz-to)) / (var(--viewport-to) - var(--viewport-from));
  --font-size: calc(var(--fz-slope) * var(--viewport-unit-converter) + var(--fz-intercept) * 1px);
  --min-fz-px: calc(var(--min-font-size) * 1px);
  --max-fz-px: calc(var(--max-font-size) * 1px);
  --clamp: clamp(var(--min-fz-px), var(--font-size), var(--max-fz-px));
  --max: var(--has-max, var(--min));
  --min: var(--has-min, var(--font-size));
  --has-max: min(var(--max-fz-px), var(--font-size));
  --has-min: max(var(--min-fz-px), var(--font-size));
  font-size: var(--clamp, var(--max));
}
.c-anchor-link li a::after {
  content: "";
  width: 8px;
  aspect-ratio: 8/11;
  -webkit-mask: url(../img/common/ic_arrow_nav.svg) no-repeat center center/100% auto;
          mask: url(../img/common/ic_arrow_nav.svg) no-repeat center center/100% auto;
  background-color: #071F45;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.c-image__picture.has-radius-small img {
  border-radius: 8px;
}
.c-image__picture.has-radius-small img {
  border-radius: 8px;
}
.c-image__picture.has-radius-medium img {
  border-radius: 8px !important;
}
@media (min-width: 700px) {
  .c-image__picture.has-radius-medium img {
    border-radius: 16px !important;
  }
}
.c-image__picture.has-radius-large img {
  border-radius: 16px !important;
}
@media (min-width: 700px) {
  .c-image__picture.has-radius-large img {
    border-radius: 24px !important;
  }
}
.c-image__picture.has-radius-x-large img {
  border-radius: 16px !important;
}
@media (min-width: 700px) {
  .c-image__picture.has-radius-x-large img {
    border-radius: 32px !important;
  }
}

.is-container-normal {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 0 24px;
}
@media (min-width: 1024px) {
  .is-container-normal {
    width: min(100% - 48px, 1200px);
  }
}

.is-container-narrow {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 0 24px;
}
@media (min-width: 1024px) {
  .is-container-narrow {
    width: min(100% - 48px, 920px);
  }
}

.is-container-wide {
  width: min(100% - 24px, 1920px);
  margin: 80px auto 32px auto;
  padding: 40px 0;
  background: #F0F5FC;
  border-radius: 32px;
  position: relative;
}
@media (min-width: 700px) {
  .is-container-wide {
    width: min(100% - 64px, 1920px);
    margin: 160px auto 32px auto;
    padding: 60px 0;
  }
}
@media (min-width: 1024px) {
  .is-container-wide {
    padding: 80px 40px;
  }
}

.wp-block-heading.decoration-border {
  padding-bottom: 16px;
  border-bottom: 1px solid #BDC7DA;
}

.decoration-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.decoration-icon::before {
  content: "";
  min-width: 12px;
  aspect-ratio: 1/1;
  background: -webkit-gradient(linear, left bottom, left top, from(rgb(3, 104, 234)), color-stop(70%, rgb(68, 205, 239)), to(rgb(255, 255, 255)));
  background: -webkit-linear-gradient(bottom, rgb(3, 104, 234) 0%, rgb(68, 205, 239) 70%, rgb(255, 255, 255) 100%);
  background: linear-gradient(0deg, rgb(3, 104, 234) 0%, rgb(68, 205, 239) 70%, rgb(255, 255, 255) 100%);
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.decoration-bordericon {
  padding-bottom: 24px;
  border-bottom: 1px solid #BDC7DA;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.decoration-bordericon::before {
  content: "";
  min-width: 12px;
  aspect-ratio: 1/1;
  background: -webkit-gradient(linear, left bottom, left top, from(rgb(3, 104, 234)), color-stop(70%, rgb(68, 205, 239)), to(rgb(255, 255, 255)));
  background: -webkit-linear-gradient(bottom, rgb(3, 104, 234) 0%, rgb(68, 205, 239) 70%, rgb(255, 255, 255) 100%);
  background: linear-gradient(0deg, rgb(3, 104, 234) 0%, rgb(68, 205, 239) 70%, rgb(255, 255, 255) 100%);
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

/* デフォルトは左寄せ */
.wp-block-columns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

/* 左寄せ */
.wp-block-columns.is-justify-flex-start {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

/* 中央 */
.wp-block-columns.is-justify-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/* 右寄せ */
.wp-block-columns.is-justify-flex-end {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

/* 均等配置 */
.wp-block-columns.is-justify-space-between {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.button-light .wp-block-button__link {
  background: #0A5FE8;
}
@media (hover: hover) and (pointer: fine) {
  .button-light .wp-block-button__link:hover {
    background: #03398B;
  }
  .button-light .wp-block-button__link:hover::after {
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="8" viewBox="0 0 14 8"><path id="パス_19575" data-name="パス 19575" d="M13.8,3.813,4.528.029a.313.313,0,0,0-.453.342l.7,2.334L.328,2.69H.313A.319.319,0,0,0,0,3.017l.089,1.91a.321.321,0,0,0,.321.3l4.441.07L4.408,7.625a.349.349,0,0,0,.487.349L13.8,4.389a.32.32,0,0,0,.174-.166.308.308,0,0,0-.173-.411" transform="translate(0 0)" fill="%2303398B"/></svg>') no-repeat center center/14px auto;
    background-color: #FFFFFF;
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .button-light .wp-block-button__link:hover {
    background: #03398B;
  }
  .button-light .wp-block-button__link:hover::after {
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="8" viewBox="0 0 14 8"><path id="パス_19575" data-name="パス 19575" d="M13.8,3.813,4.528.029a.313.313,0,0,0-.453.342l.7,2.334L.328,2.69H.313A.319.319,0,0,0,0,3.017l.089,1.91a.321.321,0,0,0,.321.3l4.441.07L4.408,7.625a.349.349,0,0,0,.487.349L13.8,4.389a.32.32,0,0,0,.174-.166.308.308,0,0,0-.173-.411" transform="translate(0 0)" fill="%2303398B"/></svg>') no-repeat center center/14px auto;
    background-color: #FFFFFF;
  }
}
.button-light .wp-block-button__link::after {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="8" viewBox="0 0 14 8"><path id="パス_19575" data-name="パス 19575" d="M13.8,3.813,4.528.029a.313.313,0,0,0-.453.342l.7,2.334L.328,2.69H.313A.319.319,0,0,0,0,3.017l.089,1.91a.321.321,0,0,0,.321.3l4.441.07L4.408,7.625a.349.349,0,0,0,.487.349L13.8,4.389a.32.32,0,0,0,.174-.166.308.308,0,0,0-.173-.411" transform="translate(0 0)" fill="%230A5FE8"/></svg>') no-repeat center center/14px auto;
  background-color: #FFFFFF;
}
.button-light.icon-external .wp-block-button__link {
  background: #0A5FE8;
}
@media (hover: hover) and (pointer: fine) {
  .button-light.icon-external .wp-block-button__link:hover {
    background: #03398B;
  }
  .button-light.icon-external .wp-block-button__link:hover::after {
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 11 11"><g id="グループ_1056" data-name="グループ 1056" transform="translate(0.5 0.5)"><g id="グループ_1038" data-name="グループ 1038" transform="translate(3.159 0)"><g id="グループ_1058" data-name="グループ 1058" transform="translate(0 0)"><path id="パス_404" data-name="パス 404" d="M15.9,7.207h-1V.953H8.564v-1H15.9Z" transform="translate(-8.564 -0.453)" fill="%2303398B"/></g></g><path id="長方形_436" data-name="長方形 436" d="M-.5-.5H8.439V8.439H-.5ZM7.439.5H.5V7.439H7.439Z" transform="translate(0 2.061)" fill="%2303398B"/></g></svg>') no-repeat center center/10px auto;
    background-color: #FFFFFF;
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .button-light.icon-external .wp-block-button__link:hover {
    background: #03398B;
  }
  .button-light.icon-external .wp-block-button__link:hover::after {
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 11 11"><g id="グループ_1056" data-name="グループ 1056" transform="translate(0.5 0.5)"><g id="グループ_1038" data-name="グループ 1038" transform="translate(3.159 0)"><g id="グループ_1058" data-name="グループ 1058" transform="translate(0 0)"><path id="パス_404" data-name="パス 404" d="M15.9,7.207h-1V.953H8.564v-1H15.9Z" transform="translate(-8.564 -0.453)" fill="%2303398B"/></g></g><path id="長方形_436" data-name="長方形 436" d="M-.5-.5H8.439V8.439H-.5ZM7.439.5H.5V7.439H7.439Z" transform="translate(0 2.061)" fill="%2303398B"/></g></svg>') no-repeat center center/10px auto;
    background-color: #FFFFFF;
  }
}
.button-light.icon-external .wp-block-button__link::after {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 11 11"><g id="グループ_1056" data-name="グループ 1056" transform="translate(0.5 0.5)"><g id="グループ_1038" data-name="グループ 1038" transform="translate(3.159 0)"><g id="グループ_1058" data-name="グループ 1058" transform="translate(0 0)"><path id="パス_404" data-name="パス 404" d="M15.9,7.207h-1V.953H8.564v-1H15.9Z" transform="translate(-8.564 -0.453)" fill="%230A5FE8"/></g></g><path id="長方形_436" data-name="長方形 436" d="M-.5-.5H8.439V8.439H-.5ZM7.439.5H.5V7.439H7.439Z" transform="translate(0 2.061)" fill="%230A5FE8"/></g></svg>') no-repeat center center/10px auto;
  background-color: #FFFFFF;
}

.wp-block-group.has-border {
  border: 1px solid #BCC8D9;
}

.wp-block-image.aligncenter {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/*----------------------------------------------------
  margin
----------------------------------------------------*/
.u-mt0 {
  margin-top: 0px;
}

.u-mt8 {
  margin-top: 8px;
}

.u-mt16 {
  margin-top: 16px;
}

.u-mt24 {
  margin-top: 24px;
}

.u-mt32 {
  margin-top: 32px;
}

.u-mt40 {
  margin-top: 40px;
}

.u-mt48 {
  margin-top: 48px;
}

.u-mt56 {
  margin-top: 56px;
}

.u-mt64 {
  margin-top: 64px;
}

.u-mt72 {
  margin-top: 72px;
}

.u-mt80 {
  margin-top: 80px;
}

.u-mt88 {
  margin-top: 88px;
}

.u-mt96 {
  margin-top: 96px;
}

.u-mt104 {
  margin-top: 104px;
}

.u-mt112 {
  margin-top: 112px;
}

.u-mt120 {
  margin-top: 120px;
}

.u-mt128 {
  margin-top: 128px;
}

.u-mt136 {
  margin-top: 136px;
}

.u-mt144 {
  margin-top: 144px;
}

.u-mt152 {
  margin-top: 152px;
}

.u-mt160 {
  margin-top: 160px;
}

@media (max-width: 749px) {
  .u-mt-sp0 {
    margin-top: 0px;
  }
  .u-mt-sp8 {
    margin-top: 8px;
  }
  .u-mt-sp16 {
    margin-top: 16px;
  }
  .u-mt-sp24 {
    margin-top: 24px;
  }
  .u-mt-sp32 {
    margin-top: 32px;
  }
  .u-mt-sp40 {
    margin-top: 40px;
  }
  .u-mt-sp48 {
    margin-top: 48px;
  }
  .u-mt-sp56 {
    margin-top: 56px;
  }
  .u-mt-sp64 {
    margin-top: 64px;
  }
  .u-mt-sp72 {
    margin-top: 72px;
  }
  .u-mt-sp80 {
    margin-top: 80px;
  }
  .u-mt-sp88 {
    margin-top: 88px;
  }
  .u-mt-sp96 {
    margin-top: 96px;
  }
  .u-mt-sp104 {
    margin-top: 104px;
  }
  .u-mt-sp112 {
    margin-top: 112px;
  }
  .u-mt-sp120 {
    margin-top: 120px;
  }
  .u-mt-sp128 {
    margin-top: 128px;
  }
  .u-mt-sp136 {
    margin-top: 136px;
  }
  .u-mt-sp144 {
    margin-top: 144px;
  }
  .u-mt-sp152 {
    margin-top: 152px;
  }
  .u-mt-sp160 {
    margin-top: 160px;
  }
}
.u-mt-0 {
  margin-top: 0;
}

/*----------------------------------------------------
  margin left
----------------------------------------------------*/
.u-ml-1 {
  margin-left: 1em;
}

/*----------------------------------------------------
  padding left
----------------------------------------------------*/
.u-pl-18 {
  padding-left: 1.8em;
}

/*----------------------------------------------------
  custom
----------------------------------------------------*/
/*----------------------------------------------------
  font-family
----------------------------------------------------*/
.u-fz-family {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

/*----------------------------------------------------
  font-size
----------------------------------------------------*/
/*----------------------------------------------------
  text-indent
----------------------------------------------------*/
/*----------------------------------------------------
  text align
----------------------------------------------------*/
/*----------------------------------------------------
  table
----------------------------------------------------*/
/*----------------------------------------------------
  iframe
----------------------------------------------------*/
.u-pad-80 {
  padding: 24px;
}
@media (min-width: 700px) {
  .u-pad-80 {
    padding: 60px;
  }
}
@media (min-width: 1024px) {
  .u-pad-80 {
    padding: 80px;
  }
}

/*----------------------------------------------------
  画像デコレーション
----------------------------------------------------*/
.u-deco-image-left {
  position: relative;
}
.u-deco-image-left::before {
  content: "";
  width: 80px;
  aspect-ratio: 1/1;
  background: url(../img/common/deco_img.svg) no-repeat center center/100% auto;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translate(-25%, -30%);
          transform: translate(-25%, -30%);
}

.u-deco-title-right {
  position: relative;
}
.u-deco-title-right::before {
  content: "";
  width: min(14%, 110px);
  aspect-ratio: 110/94;
  background: url(../img/common/deco_triangle.svg) no-repeat center center/100% auto;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transform: translate(0, -30%);
          transform: translate(0, -30%);
}

/*----------------------------------------------------
  アイコン
----------------------------------------------------*/
.u-icon-square::before {
  content: "";
  width: 12px;
  aspect-ratio: 1/1;
  margin-right: 8px;
  border-radius: 2px;
  display: inline-block;
}
.u-icon-square.--primary::before {
  background: #0A5FE8;
}
.u-icon-square.--primary-light::before {
  background: #18C5EF;
}
.u-icon-square.--primary-lighter::before {
  background: #BCC8D9;
  border: 1px solid #F0F5FC;
}

/*----------------------------------------------------
flex
----------------------------------------------------*/
.u-flex-column {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

.u-flex-grow {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.u-flex-between {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

/*----------------------------------------------------
  display
----------------------------------------------------*/
.u-dn-tab-min {
  display: none;
}
@media (min-width: 700px) {
  .u-dn-tab-min {
    display: block;
  }
}

.u-dn-sp-min {
  display: none;
}
@media (max-width: 749px) {
  .u-dn-sp-min {
    display: block;
  }
}

@media (min-width: 700px) {
  .u-dn-tab-max {
    display: none;
  }
}

@media (max-width: 749px) {
  .u-dn-sp-max {
    display: none;
  }
}

/*----------------------------------------------------
  boder
----------------------------------------------------*/
.u-dn-border {
  border: none !important;
}

.u-border-left {
  border-top: 1px solid #BCC8D9;
  padding-top: 24px;
}
@media (min-width: 700px) {
  .u-border-left {
    border-left: 1px solid #BCC8D9;
    border-top: none;
    padding-top: 0;
    padding-left: 48px;
  }
}

/*----------------------------------------------------
  wp-column-spacing_reset
----------------------------------------------------*/
.u-column-reset {
  --wp--preset--spacing--32: 0;
}

/*----------------------------------------------------
  image-size
----------------------------------------------------*/
.u-image-tab-w90 {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 700px) {
  .u-image-tab-w90 {
    width: 90%;
  }
}
@media (min-width: 1024px) {
  .u-image-tab-w90 {
    width: 100%;
  }
}/*# sourceMappingURL=style.css.map */