@charset "UTF-8";
/* =====================================
 * メディアクエリ
 * ================================== */
/* =====================================
 * 変数設定
 * ================================== */
/* =====================================
 * カラー変数
 * ================================== */
/*

--c-〇〇〇-darker:標準カラーよりやや暗め;
--c-〇〇〇-dark:標準カラーより少し暗め;
--c-〇〇〇:標準カラー;
--c-〇〇〇-lighter:標準カラーより少し薄め;
--c-〇〇〇-light:標準カラーよりやや薄め;

↓

--c-blk-darker:#000;
--c-blk-dark:#111;
--c-blk:#333;
--c-blk-lighter:#555;
--c-blk-light:#777;

*/
:root {
  --c-error: #B70000;
  --c-mark: #fff9b1;
  --c-error-light: #ffe5e5;
  --c-mask: rgba(0, 0, 0, 0.64);
  --c-pri: #226AD8;
  --c-pri-light: #95c1e1;
  --c-main-dark: #1C59B7;
  --c-main: #226AD8;
  --c-main-light: #F7FAFF;
  --c-mule-blue: #00A1DF;
  --c-mule-blue-light: #EFFBFF;
  --c-blue-gradation1: linear-gradient(180deg, #1FB3FA 0%, #1A79F9 100%);
  --c-blue-gradation2: linear-gradient(223deg, #1DC0F2 0%, #1DC0F2 40.36%, #41D6B0 100.89%);
  --c-blue-gradation3: linear-gradient(90deg, #0095ED 0%, #56D8DD 100%);
  --c-orange: #F66F2D;
  --c-orange-hover: #F8915E;
  --c-gray-dark: #7B7B7B;
  --c-gray-darker: #929292;
  --c-gray: #E1E1E1;
  --c-gray-light: #F6F6F6;
  --c-black: #333;
  --c-white: #fff;
}

/* =====================================
 * フォント設定
 * ================================== */
/* -------------------------------------
 * フォント変数定義
 * ----------------------------------- */
@font-face {
  font-family: "Local Noto Sans JP";
  src: local("Noto Sans JP");
}
/* -------------------------------------
 * フォントMixin定義
 * ----------------------------------- */
/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/
html,
body,
div,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent;
  word-wrap: break-word;
}

html {
  scroll-behavior: smooth;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

nav ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  word-break: break-all;
}

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input,
select {
  vertical-align: middle;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

.clearfix::after {
  content: "";
  display: block;
  clear: both;
}

img {
  max-width: 100%;
  /*最大横幅制御*/
  height: auto;
  /*縦長比維持*/
  vertical-align: bottom;
  /*画像下部の謎の余白をなくす*/
  line-height: 1;
  /*ブラウザによって有効と無効な場合がありますが、一応入れておく*/
  border: 0;
  /*ブラウザによって有効と無効な場合がありますが、一応入れておく*/
}

/* レスポンシブ表示 */
@media only screen and (min-width: 768px) {
  .pc-none {
    display: none !important;
  }
}
@media only screen and (max-width: 767px) {
  .sp-none {
    display: none !important;
  }
}
/* aリンク PCでクリック非表示 */
@media (min-width: 768px) {
  a[href*="tel:"] {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
  }
}
/* =====================================
 * ベース設定
 * ================================== */
/* -------------------------------------
 * html
 * ---------------------------------- */
html {
  height: 100%;
  scrollbar-gutter: stable;
  font-size: clamp(14px, 14px + 2 * (100vw - 320px) / 1120, 16px);
  /* firefox：文字が太く見える問題への対策（windows非対応） */
}
html.is-firefox body {
  -moz-osx-font-smoothing: grayscale;
}
html {
  /* iPhone Safari：文字が細く見える問題への対策 */
}
@media (max-width: 767px) {
  html.is-mobile.is-safari body * {
    -webkit-text-stroke-width: 0.01em !important;
  }
}

/* WP管理バーがある場合でも余白を付けない */
html:has(#wpadminbar) {
  margin-top: 0 !important;
}

#wpadminbar[id] {
  opacity: 0.5;
}

#wpadminbar[id]:hover {
  opacity: 1;
}

/* -------------------------------------
 * body
 * ---------------------------------- */
body {
  scrollbar-gutter: stable;
  position: relative;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  overflow-wrap: break-word;
  word-wrap: break-word;
  line-height: 1.75;
  text-align: left;
  color: var(--c-black);
  font-weight: normal;
  font-size: 1rem;
  font-family: "Local Noto Sans JP", "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  width: 100%;
  transition: opacity 1s ease, visibility 0.3s ease;
  background-color: var(--c-white);
  /* 読み込み中は非表示 */
}
body.is-loading {
  visibility: hidden;
  opacity: 0;
}
body {
  /* 読み込み完了後に表示 */
}
body.is-loaded {
  visibility: visible;
  opacity: 1;
}
body {
  /* home以外はヘッダー固定分の余白を付与 */
}
body:not([data-page-slug=home]) {
  padding-top: 60px;
}
@media (min-width: 960px) {
  body:not([data-page-slug=home]) {
    padding-top: 80px;
  }
}

/* -------------------------------------
 * 見出しリセット
 * ---------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}

/* -------------------------------------
 * リンク（classなし）
 * ---------------------------------- */
a:not([class]) {
  color: inherit;
  text-decoration: underline;
}
@media (min-width: 960px) {
  a:not([class]):hover {
    text-decoration: none;
  }
}
a:not([class])[href^="#"], a:not([class])[data-type=URL] {
  color: var(--c-pri);
}

/* -------------------------------------
 * リスト（classあり）
 * ---------------------------------- */
ul[class],
ol[class] {
  list-style: none;
}

/* -------------------------------------
 * インライン要素
 * ---------------------------------- */
strong,
span {
  font-size: 100%;
}

strong {
  font-weight: bold;
}

iframe {
  display: block;
  max-width: 100%;
}

cite {
  font-style: normal;
}

/* -------------------------------------
 * フォーム部品
 * ---------------------------------- */
input,
textarea,
select {
  border-radius: 0;
  outline: none;
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  padding: 0;
  margin: 0;
  max-width: 100%;
}

textarea,
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type=tel],
input[type=email],
input[type=number],
select,
input[type=text],
textarea {
  display: block;
}
input[type=tel]:not([size]),
input[type=email]:not([size]),
input[type=number]:not([size]),
select:not([size]),
input[type=text]:not([size]),
textarea:not([size]) {
  width: 100%;
}

input[type=submit],
button {
  line-height: inherit;
  border-radius: 0;
  background: none;
  border: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
  margin: 0;
  font-size: inherit;
  font-family: inherit;
  color: inherit;
}
@media (min-width: 960px) {
  input[type=submit]:hover,
  button:hover {
    cursor: pointer;
  }
}

label {
  cursor: pointer;
}

/* -------------------------------------
 * placeholder
 * ---------------------------------- */
::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: var(--c-gray);
}

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: var(--c-gray);
}

::placeholder {
  /* Others */
  color: var(--c-gray);
}

/* -------------------------------------
 * テキスト選択の反転カラー
 * ---------------------------------- */
::selection {
  background: var(--c-pri-light);
  color: var(--c-white);
}

::-moz-selection {
  background: var(--c-pri-light);
  color: var(--c-white);
}

/* -------------------------------------
 * スクロールバーの設定
 * ---------------------------------- */
html {
  scrollbar-width: thin;
  scrollbar-width: thin;
  scrollbar-color: rgba(var(--c-black), 0.1) rgba(var(--c-gray), 0.1);
}

html::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5rem;
}

html::-webkit-scrollbar-track {
  border-radius: 0.25rem;
  -webkit-box-shadow: 0 0 0.5rem var(--c-gray) inset;
  box-shadow: 0 0 0.5rem var(--c-gray) inset;
}

html::-webkit-scrollbar-thumb {
  border-radius: 0.25rem;
  background: var(--c-black);
}

/* -------------------------------------
 * その他インライン要素
 * ---------------------------------- */
mark {
  background-color: var(--c-mark) !important;
  font-style: normal;
  font-weight: inherit;
  color: inherit;
}

sup {
  font-size: 75%;
  vertical-align: super;
}

sub {
  font-size: 75%;
  vertical-align: sub;
}

/* =====================================
 * extend用のclassをここに集約
 * ================================== */
/* === フォントセット === */
.c-headline__lv2 .title {
  line-height: 160%;
  letter-spacing: 0.5rem;
}

.c-headline__lv3 .title {
  line-height: 160%;
  letter-spacing: 0.14rem;
}

.p-system__picky .text, .c-plan-card__text, .p-exqr__text, .p-exqr__item-text, .p-exqr-step__text, .p-exstock__text, .p-exstock__panel-text, .p-exstock__step-list, .p-exstock__step-note, .p-mv-mulesoft__leads-text, .p-mulesoft__service-anc-q, .p-mulesoft__service-anc-points li, .p-system__leads .detail .text, .p-pixplan__leads .detail .text, .p-ms__leads .detail .text, .p-cloud-authentication__leads .detail .text, .p-network__leads .detail .text, .p-asprova__leads .detail .text, .p-edifas__leads .detail .text, .p-factory-one__leads .detail .text, .c-text, .c-point_text, .c-box__format-detail .text, .c-textlink, ol.wp-block,
ol.wp-block-list,
ul.wp-block,
ul.wp-block-list,
ol:not([class]),
ul:not([class]),
ul.p-list__links,
ol.p-list__links,
ol[class*=font-size],
ul[class*=font-size] {
  line-height: 175%;
  letter-spacing: 0.08rem;
}

/* === ホバー処理 === */
.l-footer__sitemap-banner-list > li > a img {
  transition: all 0.5s ease-in-out;
}
.l-footer__sitemap-banner-list > li > a:hover img {
  opacity: 0.84;
}

.p-slider__solution-item a, .p-archive__lists-item a, .c-anchor-type, .c-banner-layout {
  box-shadow: 0 0 20px 0 rgba(28, 89, 183, 0.1);
  transition: box-shadow 0.5s ease-in-out;
}
.p-slider__solution-item a:hover, .p-archive__lists-item a:hover, .c-anchor-type:hover, .c-banner-layout:hover {
  box-shadow: 0 0 0 1px var(--c-main);
}

/* =====================================
 * WordPress Blocks / Editor Styles
 * ================================== */
/* -------------------------------------
 * WP テキスト：フォントサイズ（Preset）
 * ---------------------------------- */
.has-small-font-size {
  font-size: 75%;
}

.has-medium-font-size {
  font-size: 87.5%;
}

.has-normal-font-size {
  font-size: inherit;
}

.has-large-font-size {
  font-size: 150%;
}

.has-x-large-font-size,
.has-huge-font-size {
  font-size: 225%;
}

/* -------------------------------------
 * WP テキスト：左右中央揃え
 * ---------------------------------- */
.has-text-align-left {
  text-align: left;
}

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

.has-text-align-right {
  text-align: right;
}

/* -------------------------------------
 * WP 画像：左右中央揃え
 * ---------------------------------- */
.wp-block-image {
  display: flex;
  flex-wrap: wrap;
}
.wp-block-image > figure {
  max-width: 800px;
}
* + .wp-block-image {
  margin-top: 2rem;
}
@media (max-width: 767px) {
  .wp-block-image {
    margin-top: 1.5rem;
  }
}
.wp-block-image .alignleft,
.wp-block-image .alignright {
  display: inline-block;
}
.wp-block-image .alignleft figcaption,
.wp-block-image .alignright figcaption,
.wp-block-image .aligncenter figcaption {
  text-align: center;
}
@media (max-width: 767px) {
  .wp-block-image .alignleft,
  .wp-block-image .alignright,
  .wp-block-image .aligncenter {
    margin-left: auto;
    margin-right: auto;
  }
}
.wp-block-image .alignright {
  margin-left: auto;
}
.wp-block-image .aligncenter {
  margin-left: auto;
  margin-right: auto;
}

/* -------------------------------------
 * WP 引用
 * ---------------------------------- */
.wp-block-quote {
  position: relative;
  background-color: var(--c-gry-light);
  padding: 4rem;
}
@media (max-width: 767px) {
  .wp-block-quote {
    padding: 3.5rem 1.5rem;
  }
}
.wp-block-quote::before, .wp-block-quote::after {
  content: "";
  display: block;
  width: 2rem;
  height: 2rem;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: left center;
  position: absolute;
  z-index: 1;
}
.wp-block-quote::before {
  background-image: url(../img/ico_quote_mark01.svg);
  top: 0;
  left: 0;
  margin: 1.5rem 0 0 1.5rem;
}
@media (max-width: 767px) {
  .wp-block-quote::before {
    margin-top: 1rem;
  }
}
.wp-block-quote::after {
  background-image: url(../img/ico_quote_mark02.svg);
  bottom: 0;
  right: 0;
  margin: 0 1.5rem 1.5rem 0;
}
@media (max-width: 767px) {
  .wp-block-quote::after {
    margin-bottom: 1rem;
  }
}
.wp-block-quote cite {
  font-size: 0.75rem;
}
.wp-block-quote cite::before {
  content: "出典：";
  display: inline-block;
}
.wp-block-quote cite a {
  display: inline-block;
  color: var(--c-pri);
  text-decoration: underline;
  margin-top: 1.5rem;
}
@media (min-width: 960px) {
  .wp-block-quote cite a:hover {
    text-decoration: none;
  }
}

/* -------------------------------------
 * WP ファイル（ダウンロード）
 * ---------------------------------- */
.wp-block-file {
  text-align: center;
  border: 1px solid var(--c-gry);
  padding: 2rem;
}
@media (max-width: 767px) {
  .wp-block-file {
    padding: 1.5rem;
  }
}
.wp-block-file::before {
  content: "下記よりPDFをダウンロードいただけます。";
  display: block;
  text-align: center;
  padding-bottom: 1rem;
}
@media (max-width: 767px) {
  .wp-block-file::before {
    font-size: 0.875rem;
    padding-bottom: 0.5rem;
  }
}
.wp-block-file object {
  display: none;
}
.wp-block-file a:not([download]) {
  display: none;
}
.wp-block-file a[download] {
  font-weight: bold;
  color: inherit;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 0.44em auto;
  background-position: left 40%;
  background-size: 1em auto;
  background-image: url("../img/ico_pdf.svg");
  padding-left: 1.875rem;
}
@media (min-width: 960px) {
  .wp-block-file a[download]:hover {
    text-decoration: none;
  }
}

/* -------------------------------------
 * WP 動画埋め込み（iframe）
 * ---------------------------------- */
.wp-block-embed:not([class*=is-type-wp-embed]) .wp-block-embed__wrapper {
  max-width: 800px;
  margin-right: auto;
  margin-left: auto;
  aspect-ratio: 16/9;
}
.wp-block-embed:not([class*=is-type-wp-embed]) .wp-block-embed__wrapper iframe {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

/* -------------------------------------
 * 見出し（共通）
 * ---------------------------------- */
h4.wp-block,
h3.wp-block,
h2.wp-block,
h4[class*=has-text-align],
h4[class*=font-size],
h3[class*=has-text-align],
h3[class*=font-size],
h2[class*=has-text-align],
h2[class*=font-size],
h2:not([class]),
h3:not([class]),
h4:not([class]) {
  font-weight: bold !important;
  line-height: 160%;
}

/* -------------------------------------
 * 見出し（h2）
 * ---------------------------------- */
h2.wp-block,
h2[class*=has-text-align],
h2[class*=font-size],
h2:not([class]) {
  border-bottom: 1px solid var(--c-gray);
  font-size: 2rem;
  padding-bottom: 1.5rem;
  letter-spacing: 0.4rem;
}
@media (max-width: 767px) {
  h2.wp-block,
  h2[class*=has-text-align],
  h2[class*=font-size],
  h2:not([class]) {
    font-size: 1.5rem;
  }
}
h2.wp-block + *,
h2[class*=has-text-align] + *,
h2[class*=font-size] + *,
h2:not([class]) + * {
  /* 下余白 */
  margin-top: 2.5rem;
}
@media (max-width: 767px) {
  h2.wp-block + *,
  h2[class*=has-text-align] + *,
  h2[class*=font-size] + *,
  h2:not([class]) + * {
    margin-top: 2rem;
  }
}

/* -------------------------------------
 * 見出し（h3）
 * ---------------------------------- */
h3.wp-block,
h3[class*=has-text-align],
h3[class*=font-size],
h3:not([class]) {
  position: relative;
  font-size: 1.5rem;
  padding-left: 1rem;
  letter-spacing: 0.3rem;
}
h3.wp-block::before,
h3[class*=has-text-align]::before,
h3[class*=font-size]::before,
h3:not([class])::before {
  content: "";
  display: block;
  background-color: var(--c-main);
  width: clamp(3px, 6 / 1200 * 100vw, 6px);
  height: calc(100% - 0.25em);
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
h3.wp-block + *,
h3[class*=has-text-align] + *,
h3[class*=font-size] + *,
h3:not([class]) + * {
  /* 下余白 */
  margin-top: 1.5rem;
}
@media (max-width: 767px) {
  h3.wp-block + *,
  h3[class*=has-text-align] + *,
  h3[class*=font-size] + *,
  h3:not([class]) + * {
    margin-top: 1.125rem;
  }
}

* + h3[class*=has-text-align],
* + h3[class*=font-size],
* + h3:not([class]) {
  /* 上余白 */
  margin-top: 3.5rem;
}

/* -------------------------------------
 * 見出し（h4）
 * ---------------------------------- */
h4.wp-block,
h4[class*=has-text-align],
h4[class*=font-size],
h4:not([class]) {
  font-size: 1.25rem;
  letter-spacing: 0.25rem;
}
h4.wp-block + *,
h4[class*=has-text-align] + *,
h4[class*=font-size] + *,
h4:not([class]) + * {
  /* 下余白 */
  margin-top: 1.25rem;
}
@media (max-width: 767px) {
  h4.wp-block + *,
  h4[class*=has-text-align] + *,
  h4[class*=font-size] + *,
  h4:not([class]) + * {
    margin-top: 1rem;
  }
}

* + h4[class*=has-text-align],
* + h4[class*=font-size],
* + h4:not([class]) {
  /* 上余白 */
  margin-top: 2.5rem;
}

/* -------------------------------------
 * リスト
 * ---------------------------------- */
ol.wp-block,
ol.wp-block-list,
ul.p-list__links,
ol.p-list__links,
ol[class*=font-size] {
  list-style: decimal;
}

ul.wp-block,
ul.wp-block-list,
ul.p-list__links,
ol.p-list__links,
ul[class*=font-size] {
  list-style: inherit;
}

ol.wp-block,
ol.wp-block-list,
ul.wp-block,
ul.wp-block-list,
ol:not([class]),
ul:not([class]),
ul.p-list__links,
ol.p-list__links,
ol[class*=font-size],
ul[class*=font-size] {
  padding: 0 0 0 1.58rem;
}
body:not([data-page-slug=privacy]):not([data-page-slug=company]) ol.wp-block li::marker,
body:not([data-page-slug=privacy]):not([data-page-slug=company]) ol.wp-block-list li::marker,
body:not([data-page-slug=privacy]):not([data-page-slug=company]) ul.wp-block li::marker,
body:not([data-page-slug=privacy]):not([data-page-slug=company]) ul.wp-block-list li::marker,
body:not([data-page-slug=privacy]):not([data-page-slug=company]) ol:not([class]) li::marker,
body:not([data-page-slug=privacy]):not([data-page-slug=company]) ul:not([class]) li::marker,
body:not([data-page-slug=privacy]):not([data-page-slug=company]) ul.p-list__links li::marker,
body:not([data-page-slug=privacy]):not([data-page-slug=company]) ol.p-list__links li::marker,
body:not([data-page-slug=privacy]):not([data-page-slug=company]) ol[class*=font-size] li::marker,
body:not([data-page-slug=privacy]):not([data-page-slug=company]) ul[class*=font-size] li::marker {
  font-weight: 700;
  color: var(--c-main);
}
body:not([data-page-slug=privacy]):not([data-page-slug=company]) ol.wp-block li + li,
body:not([data-page-slug=privacy]):not([data-page-slug=company]) ol.wp-block-list li + li,
body:not([data-page-slug=privacy]):not([data-page-slug=company]) ul.wp-block li + li,
body:not([data-page-slug=privacy]):not([data-page-slug=company]) ul.wp-block-list li + li,
body:not([data-page-slug=privacy]):not([data-page-slug=company]) ol:not([class]) li + li,
body:not([data-page-slug=privacy]):not([data-page-slug=company]) ul:not([class]) li + li,
body:not([data-page-slug=privacy]):not([data-page-slug=company]) ul.p-list__links li + li,
body:not([data-page-slug=privacy]):not([data-page-slug=company]) ol.p-list__links li + li,
body:not([data-page-slug=privacy]):not([data-page-slug=company]) ol[class*=font-size] li + li,
body:not([data-page-slug=privacy]):not([data-page-slug=company]) ul[class*=font-size] li + li {
  margin-top: 1rem;
}
body:not([data-page-slug=privacy]):not([data-page-slug=company]) ol.wp-block + ul,
body:not([data-page-slug=privacy]):not([data-page-slug=company]) ol.wp-block + ol,
body:not([data-page-slug=privacy]):not([data-page-slug=company]) ol.wp-block-list + ul,
body:not([data-page-slug=privacy]):not([data-page-slug=company]) ol.wp-block-list + ol,
body:not([data-page-slug=privacy]):not([data-page-slug=company]) ul.wp-block + ul,
body:not([data-page-slug=privacy]):not([data-page-slug=company]) ul.wp-block + ol,
body:not([data-page-slug=privacy]):not([data-page-slug=company]) ul.wp-block-list + ul,
body:not([data-page-slug=privacy]):not([data-page-slug=company]) ul.wp-block-list + ol,
body:not([data-page-slug=privacy]):not([data-page-slug=company]) ol:not([class]) + ul,
body:not([data-page-slug=privacy]):not([data-page-slug=company]) ol:not([class]) + ol,
body:not([data-page-slug=privacy]):not([data-page-slug=company]) ul:not([class]) + ul,
body:not([data-page-slug=privacy]):not([data-page-slug=company]) ul:not([class]) + ol,
body:not([data-page-slug=privacy]):not([data-page-slug=company]) ul.p-list__links + ul,
body:not([data-page-slug=privacy]):not([data-page-slug=company]) ul.p-list__links + ol,
body:not([data-page-slug=privacy]):not([data-page-slug=company]) ol.p-list__links + ul,
body:not([data-page-slug=privacy]):not([data-page-slug=company]) ol.p-list__links + ol,
body:not([data-page-slug=privacy]):not([data-page-slug=company]) ol[class*=font-size] + ul,
body:not([data-page-slug=privacy]):not([data-page-slug=company]) ol[class*=font-size] + ol,
body:not([data-page-slug=privacy]):not([data-page-slug=company]) ul[class*=font-size] + ul,
body:not([data-page-slug=privacy]):not([data-page-slug=company]) ul[class*=font-size] + ol {
  margin-top: 2.5rem;
}

body:not([data-page-slug=privacy]):not([data-page-slug=company]) * + ol:not([class]),
body:not([data-page-slug=privacy]):not([data-page-slug=company]) * + ul:not([class]),
body:not([data-page-slug=privacy]):not([data-page-slug=company]) * + ul.p-list__links,
body:not([data-page-slug=privacy]):not([data-page-slug=company]) * + ol.p-list__links,
body:not([data-page-slug=privacy]):not([data-page-slug=company]) * + ol[class*=font-size],
body:not([data-page-slug=privacy]):not([data-page-slug=company]) * + ul[class*=font-size] {
  margin-top: 1.5rem;
}

/* -------------------------------------
 * ギャラリー（画像横並び 2-3-4）
 * ---------------------------------- */
.c-flex {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(10px, 2.7777777778vw, 40px);
}
.c-flex.-max2 .c-flex__item {
  width: calc((100% - min(1 * clamp(10px, 2.7777777778vw, 40px))) / 2);
}
.c-flex.-max3 .c-flex__item {
  width: calc((100% - min(2 * clamp(10px, 2.7777777778vw, 40px))) / 3);
}
.c-flex.-max4 .c-flex__item {
  width: calc((100% - min(3 * clamp(10px, 2.7777777778vw, 40px))) / 4);
}
.c-flex + .c-flex {
  margin-top: clamp(10px, 2.7777777778vw, 40px);
}

/* =====================================
 * パンくずリスト
 * ================================== */
.c-breadcrumb__list {
  display: inline-flex;
  flex-wrap: wrap;
  overflow-x: auto;
  margin: 0;
  padding: 0;
  color: var(--c-gray-dark);
  gap: 0.2rem 0.3rem;
}
.c-breadcrumb__list li {
  list-style: none;
  display: inline-flex;
  align-items: center;
  gap: 0.2rem 0.3rem;
  line-height: 1.5;
  font-size: 0.875rem;
}
.c-breadcrumb__list li a {
  position: relative;
}
.c-breadcrumb__list li a:before {
  content: "";
  height: 2px;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: -2px;
  transform-origin: right top;
  transform: scale(0, 1);
  transition: transform 0.3s;
  background: currentColor;
}
.c-breadcrumb__list li a:hover:before {
  transform-origin: left top;
  transform: scale(1, 1);
}
.c-breadcrumb__list li a {
  color: inherit;
  text-decoration: none;
  /*
  既存仕様（B）：
  - 下線は常時表示
  - hover で下線を消す
  ※ hover-link の標準挙動を上書き
  */
}
.c-breadcrumb__list li a:before {
  height: 1px;
  bottom: 0;
  background-color: currentColor;
  transform-origin: left top;
  transform: scale(1, 1);
}
.c-breadcrumb__list li a:hover:before {
  transform-origin: right top;
  transform: scale(0, 1);
}
.c-breadcrumb__list li:after {
  content: "";
  display: inline-block;
  min-width: 1px;
  height: 0.5rem;
  background-color: currentColor;
}
.c-breadcrumb__list li:last-child:after {
  content: none;
}

body[data-page-type=form] .c-breadcrumb {
  display: none;
}

.is-fz14 {
  font-size: 0.875rem;
}

.is-fz18 {
  font-size: 1.125rem;
}

.is-fz20 {
  font-size: 1.25rem;
}

.is-fz24 {
  font-size: 1.5rem;
}

.is-fwb {
  font-weight: bold !important;
}

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

.is-tal {
  text-align: left;
}

.is-tar {
  text-align: right;
}

.is-mt8 {
  margin-top: 0.25rem !important;
}
@media (min-width: 768px) {
  .is-mt8 {
    margin-top: 0.5rem !important;
  }
}

.is-mt12 {
  margin-top: 0.5rem !important;
}
@media (min-width: 768px) {
  .is-mt12 {
    margin-top: 0.75rem !important;
  }
}

.is-mt16 {
  margin-top: 0.75rem !important;
}
@media (min-width: 768px) {
  .is-mt16 {
    margin-top: 1rem !important;
  }
}

.is-mt24 {
  margin-top: 1rem !important;
}
@media (min-width: 768px) {
  .is-mt24 {
    margin-top: 1.5rem !important;
  }
}

.is-mt40 {
  margin-top: 2rem !important;
}
@media (min-width: 768px) {
  .is-mt40 {
    margin-top: 2.5rem !important;
  }
}

.is-mt56 {
  margin-top: min(10.6666666667vw, 3.4285714286rem) !important;
}
@media (min-width: 768px) {
  .is-mt56 {
    margin-top: min(3.8888888889vw, 3.5rem) !important;
  }
}

.is-mt80 {
  margin-top: min(10.6666666667vw, 3.4285714286rem) !important;
}
@media (min-width: 768px) {
  .is-mt80 {
    margin-top: min(5.5555555556vw, 5rem) !important;
  }
}

.is-mt128 {
  margin-top: min(17.0666666667vw, 5.4857142857rem) !important;
}
@media (min-width: 768px) {
  .is-mt128 {
    margin-top: min(8.8888888889vw, 8rem) !important;
  }
}

.is-mb12 {
  margin-bottom: 0.5rem !important;
}
@media (min-width: 768px) {
  .is-mb12 {
    margin-bottom: 0.75rem !important;
  }
}

.is-mb56 {
  margin-bottom: min(10.6666666667vw, 3.4285714286rem) !important;
}
@media (min-width: 768px) {
  .is-mb56 {
    margin-bottom: min(3.8888888889vw, 3.5rem) !important;
  }
}

.is-color__blue {
  color: var(--c-main);
}

@media (max-width: 767px) {
  .u-hidden-sp {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .u-hidden-tb {
    display: none !important;
  }
}
@media (min-width: 960px) {
  .u-hidden-pc {
    display: none !important;
  }
}
@media (min-width: 1440px) {
  .u-hidden-wd {
    display: none !important;
  }
}
.c-pager__list {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px 16px;
}
@media (max-width: 767px) {
  .c-pager__list {
    gap: 10px 8px;
  }
}
.c-pager__item[class] {
  padding: 0.5rem;
  /* item内のリンク/テキスト共通 */
}
.c-pager__item[class] > * {
  transition: all 0.5s ease-in-out;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 150%;
  letter-spacing: 0.04rem;
  text-decoration: none;
  aspect-ratio: 1;
  color: var(--c-main);
}
.c-pager__item[class] {
  /* 数値ページ（prev/next/skip 以外） */
}
.c-pager__item[class]:not(.-skip):not(.-prev):not(.-next) * {
  min-width: 40px;
  position: relative;
}
.c-pager__item[class]:not(.-skip):not(.-prev):not(.-next) *:before {
  content: "";
  height: 2px;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: -2px;
  transform-origin: right top;
  transform: scale(0, 1);
  transition: transform 0.3s;
  background: currentColor;
}
.c-pager__item[class]:not(.-skip):not(.-prev):not(.-next) *:hover:before {
  transform-origin: left top;
  transform: scale(1, 1);
}
.c-pager__item[class]:not(.-skip):not(.-prev):not(.-next) *:before {
  width: calc(100% - 0.4rem);
  left: 0.2rem;
  background: var(--c-main);
}
@media (max-width: 767px) {
  .c-pager__item[class]:not(.-skip):not(.-prev):not(.-next) * {
    min-width: 30px;
  }
}
.c-pager__item[class] {
  /* 現在ページ（下線を常時表示） */
}
.c-pager__item[class].-current span:before {
  transform-origin: left top !important;
  transform: scale(1, 1) !important;
}
.c-pager__item[class] {
  /* 省略記号（…） */
}
.c-pager__item[class].-skip span {
  background: none;
  border: none;
  color: inherit;
}
.c-pager__item[class] {
  /* 前へ / 次へ */
}
.c-pager__item[class].-prev > *, .c-pager__item[class].-next > * {
  transition: background-color 0.5s ease-in-out !important;
  min-width: 56px;
  border: 1px solid var(--c-main);
  border-radius: 50%;
}
@media (max-width: 767px) {
  .c-pager__item[class].-prev > *, .c-pager__item[class].-next > * {
    min-width: 40px;
  }
}
.c-pager__item[class].-prev > *:before, .c-pager__item[class].-next > *:before {
  content: "";
  transition: background-image 0.5s ease-in-out;
  aspect-ratio: 1;
  width: 20px;
  background-image: url(../img/ico_arr_pri.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.c-pager__item[class].-prev > *:hover, .c-pager__item[class].-next > *:hover {
  background-color: var(--c-main);
}
.c-pager__item[class].-prev > *:hover:before, .c-pager__item[class].-next > *:hover:before {
  background-image: url(../img/ico_arr_wht.svg);
}
.c-pager__item[class] {
  /* 前へ：矢印回転 */
}
.c-pager__item[class].-prev > *:before {
  transform: rotate(180deg);
}

.c-page-nav {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5rem;
  margin-top: 5rem;
}
@media (max-width: 767px) {
  .c-page-nav {
    gap: 3rem;
    margin-top: 3rem;
  }
}
.c-page-nav__link {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 1rem;
  line-height: 1.75;
  letter-spacing: 0.128rem;
  color: #333;
  text-decoration: none;
  transition: opacity all 0.5s ease-in-out;
}
.c-page-nav__link:hover {
  opacity: 0.7;
}
.c-page-nav__link--prev::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url(../img/ico_arr_pri.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transform: rotate(180deg);
}
.c-page-nav__link--next::after {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url(../img/ico_arr_pri.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.c-page-nav__link + .c-page-nav__link {
  position: relative;
}
.c-page-nav__link + .c-page-nav__link::before {
  content: "";
  position: absolute;
  left: -1.75rem;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 16px;
  background-color: #E1E1E1;
}

/* =====================================
 * Mixin
 * ================================== */
/* =====================================
 * Base Style
 * ================================== */
.c-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: fit-content;
  position: relative;
  z-index: 0;
  border-radius: 2rem;
  min-width: min(85.3333333333vw, 320px);
  font-size: 1rem;
  min-height: clamp(61px, 7.9427083333vw, 64px);
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 0.04rem;
  text-decoration: none;
  overflow: hidden;
  transition: color 0.5s, border-color 0.5s;
}
.c-btn:after {
  display: block;
  aspect-ratio: 1;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 1;
  transition: background-image 0.5s;
}
.c-btn:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  margin: auto;
  z-index: -1;
  opacity: 0;
  transform: scale(0.1);
  transition: border-color 0.5s, opacity 0.5s, transform 0.5s;
  border-radius: 2rem;
}
.c-btn.-format01 {
  border: 1px solid var(--c-main);
  color: var(--c-main);
}
.c-btn.-format01:after {
  content: "";
  width: 14px;
  right: 24px;
  background-image: url(../img/ico_arrow_blue.svg);
  transform: rotate(90deg);
}
.c-btn.-format01:before {
  background: var(--c-blue-gradation1);
}
.c-btn.-format01.-contact {
  border-color: var(--c-white);
  color: var(--c-white);
}
.c-btn.-format01.-contact:before {
  background: var(--c-white);
}
.c-btn.-format01.-contact:after {
  background-image: url(../img/ico_accordion_w.svg);
}
.c-btn.-format01.-contact:hover {
  color: var(--c-main);
}
.c-btn.-format01.-contact:hover:after {
  background-image: url(../img/ico_arrow_blue.svg);
}
.c-btn.-format01:hover {
  border-color: transparent;
  color: var(--c-white);
}
.c-btn.-format01:hover:after {
  background-image: url(../img/ico_accordion_w.svg);
}
.c-btn.-format01:hover:before {
  transform: scale(1);
  opacity: 1;
}
.c-btn.-format02 {
  background-size: 200% 100%;
  transition: background-position 0.5s;
  color: var(--c-white);
}
.c-btn.-format02:after {
  content: "";
  width: 1rem;
  right: 1.5rem;
  background-image: url(../img/ico_blank_type2_w.svg);
}
.c-btn.-format02.-recruit {
  background-image: linear-gradient(90deg, rgb(0, 149, 237) 0%, rgb(86, 216, 221) 50%, rgb(0, 149, 237) 100%);
}
.c-btn.-format02:hover {
  background-position: 100% 0;
}
.c-btn.-format03 {
  min-width: 0;
}
.c-btn.-format03:before, .c-btn.-format03:after {
  content: none;
}
.c-btn.-format03 a {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  text-decoration: none;
}
.c-btn.-format03 a span {
  display: block;
  position: relative;
}
.c-btn.-format03 a span:before {
  content: "";
  height: 2px;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: -2px;
  transform-origin: right top;
  transform: scale(0, 1);
  transition: transform 0.3s;
  background: var(--c-black);
}
.c-btn.-format03 a:before, .c-btn.-format03 a:after {
  content: "";
  display: block;
  transition: background-image 0.3s, background-color 0.3s;
}
.c-btn.-format03 a:before {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 1.1666666667rem;
  aspect-ratio: 1;
  width: 14px;
  background-image: url(../img/ico_arrow_blue.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transform: rotate(90deg);
  margin: auto 0;
}
.c-btn.-format03 a:after {
  aspect-ratio: 1;
  width: 3.5rem;
  background-color: var(--c-white);
  border-radius: 50%;
}
.c-btn.-format03 a:hover span:before {
  transform-origin: left top;
  transform: scale(1, 1);
}
.c-btn.-format03 a:hover:before {
  background-image: url(../img/ico_accordion_w.svg);
}
.c-btn.-format03 a:hover:after {
  background-color: var(--c-main);
}
.c-btn.-format03 a {
  color: var(--c-main);
}
.c-btn.-format03 a span:before {
  height: 1px;
  background-color: var(--c-main);
}
.c-btn.-format03 a:after {
  border: 1px solid var(--c-main);
}

.c-btn__type02 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: min(4.2666666667vw, 1rem);
  width: fit-content;
  min-width: min(64vw, 240px);
  min-height: min(14.9333333333vw, 56px);
  padding: min(4.2666666667vw, 1rem) min(6.4vw, 1.5rem);
  border: 1px solid var(--c-main);
  font-weight: 700;
  font-size: 1rem;
  color: var(--c-main);
  text-decoration: none;
  transition: background-color 0.5s, color 0.5s;
}
.c-btn__type02 i {
  width: min(5.3333333333vw, 20px);
  line-height: 0;
}
.c-btn__type02 i svg path {
  transition: fill 0.5s;
}
.c-btn__type02:hover {
  background-color: var(--c-main);
  color: var(--c-white);
}
.c-btn__type02:hover i svg path {
  fill: var(--c-white);
}

/* =====================================
 * Text Button
 * ================================== */
.c-text-btn {
  font-size: 0.75rem;
  line-height: 180%;
  letter-spacing: 0.03rem;
  text-decoration: none;
  position: relative;
}
.c-text-btn:before {
  content: "";
  height: 2px;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: -2px;
  transform-origin: right top;
  transform: scale(0, 1);
  transition: transform 0.3s;
  background: currentColor;
}
.c-text-btn:hover:before {
  transform-origin: left top;
  transform: scale(1, 1);
}
.c-text-btn:before {
  bottom: 0;
  height: 1px;
  background-color: var(--c-black);
}
.c-text-btn.-icon-pdf {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: fit-content;
}
.c-text-btn.-icon-pdf:after {
  content: "";
  aspect-ratio: 1;
  width: 0.75rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../img/ico_pdf_blue.svg");
}
@media (min-width: 768px) {
  .c-text-btn {
    font-size: 0.875rem;
  }
}

.c-textlink {
  display: flex;
  gap: 0.5rem;
  width: fit-content;
  color: var(--c-black);
  text-decoration: none;
  position: relative;
}
.c-textlink:before {
  content: "";
  height: 2px;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: -2px;
  transform-origin: right top;
  transform: scale(0, 1);
  transition: transform 0.3s;
  background: currentColor;
}
.c-textlink:hover:before {
  transform-origin: left top;
  transform: scale(1, 1);
}
.c-textlink:before {
  bottom: 0;
  height: 1px;
  background-color: var(--c-black);
}
.c-textlink:after {
  content: "";
  aspect-ratio: 1;
  width: 1rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.c-textlink.-text:after {
  background-image: url(../img/ico_arrow_blue.svg);
  transform: rotate(90deg);
}
.c-textlink.-blank:after {
  background-image: url(../img/ico_blank_blue.svg);
}
.c-textlink.-download:after {
  background-image: url(../img/ico_pdf_blue.svg);
}

/* =====================================
 * アンカー Button
 * ================================== */
.c-anchor-type {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 0.25rem;
  text-decoration: none;
  border-radius: 1.5rem;
  background-color: var(--c-white);
  color: var(--c-black);
  font-family: "Hanken Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  line-height: 150%;
  letter-spacing: 0.08rem;
  font-size: 1rem;
  width: 100%;
  padding: 5.5555555556% 2.7777777778%;
  text-align: center;
  flex-grow: 1;
}
.c-anchor-type span {
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.c-anchor-type:after {
  content: "";
  display: block;
  margin: 0 auto;
  aspect-ratio: 1;
  width: 1.25rem;
  background-image: url(../img/ico_arrow_blue.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transform: rotate(180deg);
}
@media (min-width: 768px) {
  .c-anchor-type {
    padding: 5.5555555556% 8.3333333333%;
  }
}

/* =====================================
 * バナー Button
 * ================================== */
.c-banner-layout {
  position: relative;
  z-index: 0;
  text-decoration: none;
  background-color: var(--c-white);
  border-radius: 1.5rem;
  color: var(--c-black);
  padding: min(4.2666666667vw, 1.3714285714rem);
  display: grid;
  grid-template-columns: 100px 1fr;
  gap: 16px;
  align-items: flex-start;
}
.c-banner-layout .img {
  background-color: var(--c-gray);
  box-shadow: 0 0 9.333px 0 rgba(28, 89, 183, 0.1);
  border-radius: 12px;
}
.c-banner-layout .detail {
  position: relative;
  height: 100%;
  padding-bottom: 2rem;
}
.c-banner-layout .detail .title {
  font-weight: 700;
  line-height: 160%;
  letter-spacing: 0.09rem;
  font-size: min(3.7333333333vw, 1.2rem);
}
.c-banner-layout .detail .text {
  margin-top: 0.5rem;
  line-height: 175%;
  letter-spacing: 0.07rem;
  color: var(--c-gray-dark);
  font-size: min(3.2vw, 1.0285714286rem);
}
.c-banner-layout .detail:after {
  content: "";
  display: block;
  margin: 0.5rem 0 0 auto;
  aspect-ratio: 1;
  width: 1rem;
  background-image: url(../img/ico_arrow_blue.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transform: rotate(90deg);
  position: absolute;
  bottom: 0;
  right: 0;
}
.c-banner-layout.-blank .detail:after {
  background-image: url(../img/ico_blank_blue_ty2.svg);
  transform: none;
}
.c-banner-layout.-simple {
  grid-template-columns: 80px 1fr;
  align-items: center;
}
.c-banner-layout.-simple .img {
  box-shadow: none;
  background-color: unset;
}
.c-banner-layout.-simple .detail {
  padding: 0 2rem 0 0;
  height: auto;
}
.c-banner-layout.-simple .detail:after {
  top: 0;
  margin: auto;
}
@media (min-width: 768px) {
  .c-banner-layout {
    gap: 24px;
    padding: min(1.6666666667vw, 1.5rem);
    grid-template-columns: min(9.7222222222vw, 8.75rem) 1fr;
  }
  .c-banner-layout .detail .title {
    font-size: min(1.25vw, 1.125rem);
  }
  .c-banner-layout .detail .text {
    font-size: min(0.9722222222vw, 0.875rem);
  }
}

/* =====================================
 * ページタイトル
 * ================================== */
.p-title__pages {
  position: relative;
  z-index: 0;
  overflow: hidden;
  min-height: min(58.6666666667vw, 18.8571428571rem);
  margin-bottom: min(21.3333333333vw, 6.8571428571rem);
  border-bottom: 1px solid var(--c-gray);
}
.p-title__pages-inner {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  z-index: 2;
}
.p-title__pages-inner .title {
  color: var(--c-main);
  font-family: "Hanken Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
  line-height: 100%;
  letter-spacing: 0.4rem;
  font-size: min(8.5333333333vw, 2.7428571429rem);
  text-align: right;
}
.p-title__pages-inner .title.long {
  letter-spacing: 0.08rem;
}
.p-title__pages-inner .subtitle {
  margin-top: 0.5rem;
  color: var(--c-black);
  font-size: min(3.7333333333vw, 1.2rem);
  font-weight: 700;
  line-height: 160%;
  letter-spacing: 0.24rem;
}
.p-title__pages-line {
  position: absolute;
  z-index: 1;
  top: -16.6666666667%;
  right: -27.7333333333%;
  left: -14.9333333333%;
  width: 142.9333333333%;
}
.p-title__pages .-breadcrumb {
  position: absolute;
  bottom: 16px;
  left: 0;
  right: 0;
  z-index: 2;
}
.p-title__pages.-contact {
  margin-bottom: 0;
  border-bottom: none;
}
.p-title__pages.-contact .p-title__pages-inner {
  align-items: center !important;
}
.p-title__pages.-contact + .c-section {
  margin-top: 0;
}
@media (min-width: 768px) {
  .p-title__pages {
    min-height: min(20.8333333333vw, 18.75rem);
    margin-bottom: min(8.8888888889vw, 8rem);
  }
  .p-title__pages-inner {
    align-items: flex-start;
    padding-bottom: 30px !important;
  }
  .p-title__pages-inner .title {
    text-align: left;
    font-size: min(5.5555555556vw, 5rem);
  }
  .p-title__pages-inner .subtitle {
    margin-top: 1.5rem;
    font-size: min(1.6666666667vw, 1.5rem);
  }
  .p-title__pages-line {
    width: calc(859 / 1200 * 100%);
    top: calc(-60 / 300 * 100%);
    right: calc(-290 / 1200 * 100%);
    left: auto;
  }
  .p-title__pages-line-inner {
    position: relative;
    height: min(20.8333333333vw, 18.75rem);
  }
  .p-title__pages-line-wrap {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .p-title__pages.-contact {
    margin-bottom: 0;
  }
}

/* =====================================
 * 見出し
 * ================================== */
/* -------------------------------------
 * メイン見出し
 * ---------------------------------- */
.c-headline {
  font-family: "Hanken Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
  color: var(--c-main);
  font-size: min(14.9333333333vw, 4.8rem);
  line-height: 100%;
  letter-spacing: 0.28rem;
}
.c-headline-desc {
  font-size: min(3.7333333333vw, 1.2rem);
  font-weight: 700;
  line-height: 160%;
  letter-spacing: 0.14rem;
  margin-top: 0.5rem;
}
@media (min-width: 768px) {
  .c-headline {
    font-size: min(6.6666666667vw, 5rem);
    letter-spacing: 0.4rem;
  }
  .c-headline-desc {
    font-size: min(1.3333333333vw, 1rem);
    letter-spacing: 0.16rem;
    margin-top: 1rem;
  }
}

/* -------------------------------------
 * Lv2
 * ---------------------------------- */
.c-headline__lv2 .subtitle {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-family: "Hanken Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
  font-size: min(4.2666666667vw, 1.3714285714rem);
  line-height: 100%;
  letter-spacing: 0.08rem;
  color: var(--c-main);
}
.c-headline__lv2 .subtitle:before {
  content: "";
  display: block;
  width: 24px;
  height: 1px;
  background-color: var(--c-main);
}
.c-headline__lv2 .title {
  font-family: "Hanken Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: min(5.3333333333vw, 1.7142857143rem);
  margin-top: 0.5rem;
}
.c-headline__lv2 {
  /* 直後の要素との余白（既存仕様） */
}
.c-headline__lv2 + * {
  margin-top: min(6.4vw, 2.0571428571rem);
}
@media (min-width: 768px) {
  .c-headline__lv2 .subtitle {
    font-size: min(2vw, 1.5rem);
  }
  .c-headline__lv2 .title {
    font-size: min(3.3333333333vw, 2.5rem);
    margin-top: 1rem;
  }
  .c-headline__lv2 + * {
    margin-top: min(3.8888888889vw, 3.5rem);
  }
}

/* -------------------------------------
 * Lv3
 * ---------------------------------- */
.c-headline__lv3 .title {
  font-family: "Hanken Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: min(4.2666666667vw, 1.3714285714rem);
  color: var(--c-main);
}
.c-headline__lv3:after {
  content: "";
  display: block;
  width: min(6.4vw, 2.0571428571rem);
  height: 2px;
  background-color: var(--c-main);
  margin-top: 0.75rem;
}
.c-headline__lv3 {
  /* 直後の要素との余白（既存仕様） */
}
.c-headline__lv3 + * {
  margin-top: min(4.2666666667vw, 1.3714285714rem);
}
.c-headline__lv3.-center {
  text-align: center;
}
.c-headline__lv3.-center:after {
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 768px) {
  .c-headline__lv3 .title {
    font-size: min(2.3333333333vw, 1.75rem);
  }
  .c-headline__lv3:after {
    width: min(3.3333333333vw, 2.5rem);
    margin-top: 1.5rem;
  }
  .c-headline__lv3 + * {
    margin-top: min(3.3333333333vw, 2.5rem);
  }
}

/* -------------------------------------
 * Lv4
 * ---------------------------------- */
.c-headline__lv4 .title {
  font-family: "Hanken Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: min(6.4vw, 2.0571428571rem);
  text-align: center;
  line-height: 160%;
  letter-spacing: 0.4rem;
}
@media (min-width: 768px) {
  .c-headline__lv4 .title {
    font-size: min(2.6666666667vw, 2rem);
  }
}

/* -------------------------------------
 * Lv5
 * ---------------------------------- */
.c-headline__lv5 {
  font-size: min(4.8vw, 1.5428571429rem);
  line-height: 160%;
  letter-spacing: 0.14rem;
}
.c-headline__lv5 .title {
  font-family: "Hanken Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}
@media (min-width: 768px) {
  .c-headline__lv5 {
    font-size: min(2.3333333333vw, 1.75rem);
  }
}

/* -------------------------------------
 * Lv6
 * ---------------------------------- */
.c-headline__lv6 {
  font-family: "Hanken Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: min(4.2666666667vw, 1.3714285714rem);
  line-height: 160%;
  letter-spacing: 0.14rem;
}
@media (min-width: 768px) {
  .c-headline__lv6 {
    font-size: min(2vw, 1.5rem);
  }
}

/* =====================================
 * Animation
 * ================================== */
/* アニメーション：線 */
.c-animation__line .svg_wrap {
  position: relative;
  z-index: 0;
  line-height: 0;
}
.c-animation__line svg .elem-1 {
  stroke-dashoffset: 2765.9216308594px;
  stroke-dasharray: 2765.9216308594px;
}
.c-animation__line svg .elem-2 {
  stroke-dashoffset: 1251.1052246094px;
  stroke-dasharray: 1251.1052246094px;
}
.c-animation__line svg .elem-3 {
  stroke-dashoffset: 1704.0748291016px;
  stroke-dasharray: 1704.0748291016px;
}
.c-animation__line .line01 .elem-1 {
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.2s;
  transition-delay: 0.5s;
}
.c-animation__line .line01 .elem-2 {
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.1s;
  transition-delay: 0.5s;
}
.c-animation__line .line01 .elem-3 {
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.2s;
  transition-delay: 0.5s;
}
.c-animation__line .line02 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.c-animation__line .line02 .elem-1 {
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s;
  transition-delay: 1s;
}
.c-animation__line .line02 .elem-2 {
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s;
  transition-delay: 1s;
}
.c-animation__line .line02 .elem-3 {
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s;
  transition-delay: 1s;
}
.js-view.is-active .c-animation__line svg .elem-1,
.js-view.is-active .c-animation__line svg .elem-2,
.js-view.is-active .c-animation__line svg .elem-3, .c-animation__line.js-view.is-active svg .elem-1,
.c-animation__line.js-view.is-active svg .elem-2,
.c-animation__line.js-view.is-active svg .elem-3 {
  stroke-dashoffset: 0;
}

/* アニメーション：フェード */
.c-animation__fade {
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}
.js-view.is-active .c-animation__fade, .c-animation__fade.js-view.is-active {
  opacity: 1;
}

/* アニメーション：下からフェードイン */
.c-animation__fadein {
  transform: translateY(10px);
  opacity: 0;
  transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
}
.js-view.is-active .c-animation__fadein, .c-animation__fadein.js-view.is-active {
  transform: translateY(0);
  opacity: 1;
}

/* =====================================
 * Section / Text
 * ================================== */
/* セクション */
.c-section {
  margin-top: min(21.3333333333vw, 6.8571428571rem);
  overflow-x: clip;
}
.c-section__inner {
  margin-top: min(10.6666666667vw, 3.4285714286rem);
}
.c-section .c-section {
  overflow-x: visible;
}
@media (min-width: 768px) {
  .c-section {
    margin-top: min(8.8888888889vw, 8rem);
  }
  .c-section__inner {
    margin-top: min(3.8888888889vw, 3.5rem);
  }
}

/* テキスト */
.c-text {
  font-size: min(3.7333333333vw, 1.2rem);
}
@media (min-width: 768px) {
  .c-text {
    font-size: min(1.3333333333vw, 1rem);
  }
}

/* 強調テキスト */
.c-point_text {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: min(4.2666666667vw, 1.3714285714rem);
  color: var(--c-main);
}
.c-point_text:before {
  content: "";
  display: inline-block;
  width: 30px;
  height: 1px;
  background-color: var(--c-main);
}
@media (min-width: 768px) {
  .c-point_text {
    font-size: min(1.5vw, 1.125rem);
  }
  .c-point_text:before {
    width: 56px;
  }
}

.c-hr {
  background-color: var(--c-gray);
  margin: min(10.6666666667vw, 3.4285714286rem) 0;
}
@media (min-width: 768px) {
  .c-hr {
    margin: min(3.8888888889vw, 3.5rem) 0;
  }
}

/* =====================================
 * Utility Parts
 * ================================== */
/* 仕切り矢印 */
.c-arrow__flow {
  aspect-ratio: 2.5;
  width: min(14.9333333333vw, 4.8rem);
  margin-left: auto;
  margin-right: auto;
  background-image: url(../img/icon_flow.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  margin-bottom: 1.5rem;
}
@media (min-width: 768px) {
  .c-arrow__flow {
    width: min(5.5555555556vw, 5rem);
  }
}

/* 画像ボックス+テキスト（float版） */
.c-imgbox::after {
  content: "";
  display: block;
  clear: both;
}
.c-imgbox + * {
  margin-top: 3rem;
}
.c-imgbox .c-imgbox__right {
  float: right;
  max-width: 48.3333333333%;
  margin: 0 0 1.5rem 2.5rem;
}
.c-imgbox .c-imgbox__left {
  float: left;
  max-width: 48.3333333333%;
  margin: 0 2.5rem 1.5rem 0;
}
@media (max-width: 767px) {
  .c-imgbox .c-imgbox__right,
  .c-imgbox .c-imgbox__left {
    text-align: center;
    float: none;
    margin: 0;
    max-width: 100%;
  }
  .c-imgbox .c-imgbox__right + *,
  .c-imgbox .c-imgbox__left + * {
    margin-top: 1.5rem;
  }
}

/* =====================================
 * Box format
 * ================================== */
.c-box__format {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding-top: 2.5rem;
}
.c-box__format-inner {
  position: relative;
  border-radius: min(1.6666666667vw, 1.5rem);
  background-color: var(--c-main-light);
  padding: 3.5rem 0.5rem 1rem;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.c-box__format-icon {
  position: absolute;
  width: 80px;
  top: -40px;
  left: 0;
  right: 0;
  margin: auto;
  display: block;
  line-height: 1;
  aspect-ratio: 1;
  background-color: var(--c-main);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border-radius: 50%;
}
.c-box__format-title {
  text-align: center;
  font-family: "Hanken Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  line-height: 160%;
  letter-spacing: 0.12rem;
  color: var(--c-main);
  font-size: min(4.2666666667vw, 1.3714285714rem);
}
.c-box__format-detail {
  margin-top: 1.5rem;
  background-color: var(--c-white);
  padding: 1.5rem 1rem;
}
.c-box__format-detail .title {
  text-align: center;
  margin-bottom: 0.5rem;
  font-family: "Hanken Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  line-height: 175%;
  letter-spacing: 0.1rem;
}
.c-box__format-detail:last-child {
  flex: 1;
}
@media (min-width: 768px) {
  .c-box__format {
    padding-top: 2.5rem;
  }
  .c-box__format-inner {
    background-color: var(--c-main-light);
    padding: 3.5rem 1rem 1.5rem;
  }
  .c-box__format-icon {
    width: 80px;
    top: -40px;
  }
  .c-box__format-title {
    font-size: min(1.6666666667vw, 1.5rem);
  }
  .c-box__format-detail {
    margin-top: 1.5rem;
    padding: 1.5rem;
  }
  .c-box__format-detail .title {
    font-size: min(1.3888888889vw, 1.25rem);
  }
  .c-box__format.-large {
    padding-top: 3.75rem;
  }
  .c-box__format.-large .c-box__format-inner {
    padding-top: 5rem;
  }
  .c-box__format.-large .c-box__format-icon {
    width: 120px;
    top: -60px;
  }
  .c-box__format.-compact .c-box__format-detail {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2.9197080292%;
  }
  .c-box__format.-compact .c-box__format-detail .title {
    font-size: min(1.25vw, 1.125rem);
    margin-bottom: 0;
  }
}

/* =====================================
 * Parts Modules
 * ================================== */
/* フレックスレイアウト */
.p-flex_layout {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 2.5rem 1.5rem;
}
.p-flex_layout-item {
  display: flex;
}
.p-flex_layout.-col4 {
  flex-direction: row;
}
.p-flex_layout.-col4 .p-flex_layout-item {
  width: calc((100% - 1.5rem) / 2);
}
@media (min-width: 768px) {
  .p-flex_layout {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 3.3333333333%;
    align-items: stretch;
  }
  .p-flex_layout-item {
    width: 48.3333333333%;
    align-items: stretch;
  }
  .p-flex_layout-item > .c-box__format {
    width: 100%;
    height: 100%;
  }
  .p-flex_layout-item .c-box__format-inner {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    height: 100%;
  }
  .p-flex_layout-item .c-box__format-detail {
    display: flex;
    flex-direction: column;
    flex: 1;
  }
  .p-flex_layout.-col3 .p-flex_layout-item {
    width: 31.1111111111%;
  }
  .p-flex_layout.-col3 .p-flex_layout-item .c-box__format .title {
    font-size: 1.125rem;
  }
  .p-flex_layout.-col4 .p-flex_layout-item {
    width: 22.5%;
  }
}

/* =====================================
 * Slider (Solution)
 * ================================== */
.p-slider__solution .slick-list {
  overflow: visible;
}
.p-slider__solution-item {
  margin-left: min(5.3333333333vw, 1.7142857143rem);
}
.p-slider__solution-item a {
  border-radius: 1.5rem;
  display: block;
  aspect-ratio: 1;
  width: 200px;
}
.p-slider__solution-item a:hover {
  box-shadow: 0 0 0 1px var(--c-main);
}
.p-slider__solution-controller {
  display: flex;
  align-items: center;
  gap: min(5.3333333333vw, 1.7142857143rem);
  margin-top: min(3.8888888889vw, 3.5rem);
}
.p-slider__solution-controller .bar {
  width: 100%;
  height: 8px;
  background-color: var(--c-gray-light);
  border-radius: 4px;
  display: block;
}
.p-slider__solution-controller .bar span {
  display: block;
  height: 100%;
  border-radius: 4px;
  background-color: var(--c-main);
  transition: width 0.5s ease-in-out;
}
.p-slider__solution-controller .btn {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.p-slider__solution-controller .btn .prev,
.p-slider__solution-controller .btn .next {
  aspect-ratio: 1;
  width: min(10.6666666667vw, 3.4285714286rem);
  border: 1px solid var(--c-main);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.5s ease-in-out !important;
}
.p-slider__solution-controller .btn .prev:before,
.p-slider__solution-controller .btn .next:before {
  content: "";
  transition: background-image 0.5s ease-in-out;
  aspect-ratio: 1;
  width: 20px;
  background-image: url(../img/ico_arr_pri.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.p-slider__solution-controller .btn .prev:hover,
.p-slider__solution-controller .btn .next:hover {
  background-color: var(--c-main);
}
.p-slider__solution-controller .btn .prev:hover:before,
.p-slider__solution-controller .btn .next:hover:before {
  background-image: url(../img/ico_arr_wht.svg);
}
.p-slider__solution-controller .btn .prev {
  transform: rotate(180deg);
}
@media (min-width: 768px) {
  .p-slider__solution-item {
    margin-left: min(2.7777777778vw, 2.5rem);
  }
  .p-slider__solution-item a {
    width: 300px;
  }
  .p-slider__solution-controller {
    gap: min(5.5555555556vw, 5rem);
  }
  .p-slider__solution-controller .btn {
    gap: 1.5rem;
  }
}

/* =====================================
 * Editor Parts
 * ================================== */
/* 記事ヘッダー */
.p-editor__tittle {
  display: flex;
  flex-direction: column;
  gap: min(4.2666666667vw, 1.3714285714rem);
  margin-bottom: min(10.6666666667vw, 3.4285714286rem);
  padding-bottom: min(10.6666666667vw, 3.4285714286rem);
}
.p-editor__tittle-meta {
  display: flex;
  align-items: center;
  gap: 16px;
}
.p-editor__tittle-time {
  font-size: 1rem;
  letter-spacing: 0.08em;
  color: #929292;
  line-height: 1;
}
.p-editor__tittle-cat {
  display: flex;
  gap: 8px;
}
.p-editor__tittle-cat li {
  border: 1px solid var(--c-main);
  color: var(--c-main);
  font-size: 1rem;
  line-height: 1.6;
  letter-spacing: 0.08em;
  padding: 4px 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--c-white);
}
.p-editor__tittle-title {
  font-weight: 700;
  font-size: 1.7142857143rem;
  line-height: 1.6;
  letter-spacing: 0.1em;
  color: #333;
}
@media (min-width: 768px) {
  .p-editor__tittle {
    gap: min(1.6666666667vw, 1.5rem);
    margin-bottom: min(4.1666666667vw, 3.75rem);
    padding-bottom: min(4.1666666667vw, 3.75rem);
  }
  .p-editor__tittle-time {
    font-size: 0.875rem;
  }
  .p-editor__tittle-cat li {
    font-size: 0.875rem;
  }
  .p-editor__tittle-title {
    font-size: 2rem;
    letter-spacing: 0.2em;
  }
}

.p-editor *:not(.c-btn) {
  font-family: "Hanken Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}
.p-editor h2 ~ h2 {
  margin-top: min(21.3333333333vw, 6.8571428571rem);
}
.p-editor .c-btn {
  margin: 2rem 0;
}
.p-editor .c-textlink {
  margin-top: 1rem;
}
@media (min-width: 768px) {
  .p-editor h2 ~ h2 {
    margin-top: min(8.8888888889vw, 8rem);
  }
}

/* =====================================
 * Layout: Image + Text
 * ================================== */
.p-layout__imgtext {
  display: flex;
  flex-direction: column;
  gap: 0.75rem 4.6666666667%;
}
@media (min-width: 768px) {
  .p-layout__imgtext {
    flex-direction: row;
  }
  .p-layout__imgtext .img {
    order: 2;
    width: 40%;
  }
  .p-layout__imgtext .text {
    order: 1;
    width: 55.3333333333%;
  }
}

/* =====================================
 * Problems Parts
 * ================================== */
.p-problems {
  font-family: "Hanken Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  background-color: var(--c-gray-light);
  text-align: center;
  padding: min(10.6666666667vw, 3.4285714286rem) min(3.7333333333vw, 1.2rem);
  border-radius: 2.5rem;
}
.p-problems__title {
  position: relative;
  display: inline-block;
  padding: 0 1em;
  color: var(--black, #333);
  text-align: center;
  font-family: "Hanken Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  line-height: 160%;
  letter-spacing: 0.3rem;
  font-size: min(4.8vw, 1.5428571429rem);
  margin-bottom: min(6.4vw, 2.0571428571rem);
}
.p-problems__title::before, .p-problems__title::after {
  content: "";
  position: absolute;
  aspect-ratio: 1;
  width: 12px;
  border-top: 2px solid var(--c-main);
}
.p-problems__title::before {
  top: 0;
  left: 0;
  border-left: 2px solid var(--c-main);
}
.p-problems__title::after {
  bottom: 0;
  top: auto;
  transform: rotate(90deg);
  border-right: 2px solid var(--c-main);
}
.p-problems__title .dots {
  position: relative;
  color: var(--c-main);
  font-family: "Hanken Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  line-height: 160%;
  letter-spacing: 0.4rem;
  font-size: min(6.4vw, 2.0571428571rem);
}
.p-problems__title .dots::before {
  content: "・・・";
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  color: var(--c-main);
  letter-spacing: 0.2em;
  line-height: 1;
}
.p-problems__list {
  display: flex;
  flex-direction: column;
  gap: min(4.2666666667vw, 1.3714285714rem);
}
.p-problems__item {
  background: var(--c-white);
  border: 4px solid var(--c-gray);
  border-radius: 12px;
  padding: min(8.5333333333vw, 2.7428571429rem) min(4.2666666667vw, 1.3714285714rem);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.p-problems__item::before {
  content: "";
  display: block;
  aspect-ratio: 1;
  width: min(5.3333333333vw, 1.7142857143rem);
  margin-bottom: 0.5rem;
  background: url(../img/icon_check.svg) no-repeat center center/contain;
}
.p-problems__item > p {
  margin-bottom: min(4.2666666667vw, 1.3714285714rem);
  line-height: 175%;
  letter-spacing: 0.09rem;
}
.p-problems__item > p span,
.p-problems__item > p strong {
  margin-bottom: min(4.8vw, 1.5428571429rem);
  font-weight: 700;
  color: var(--c-main);
}
@media (min-width: 768px) {
  .p-problems {
    padding: min(5.5555555556vw, 5rem);
    border-radius: 5rem;
  }
  .p-problems__title {
    font-size: min(1.7647058824vw, 1.5rem);
    margin-bottom: min(2.9411764706vw, 2.5rem);
  }
  .p-problems__title .dots {
    font-size: min(2.3529411765vw, 2rem);
  }
  .p-problems__list {
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    gap: min(1.1764705882vw, 1rem) 1.3333333333%;
  }
  .p-problems__list.-col4 {
    gap: min(4.2666666667vw, 1.3714285714rem) 1.3333333333%;
  }
  .p-problems__list.-col4 > * {
    width: 24%;
  }
  .p-problems__item {
    width: 32.4166666667%;
    padding: min(2.2222222222vw, 2rem) min(1.3888888889vw, 1.25rem);
  }
  .p-problems__item:before {
    width: min(1.3888888889vw, 1.25rem);
  }
  .p-problems__item > p {
    font-size: min(1.1111111111vw, 1rem);
  }
  .p-problems__item > p span,
  .p-problems__item > p strong {
    font-size: min(1.25vw, 1.125rem);
  }
}

/* =====================================
 * Solution Parts
 * ================================== */
.p-solution {
  display: flex;
  flex-direction: column;
  gap: min(4.2666666667vw, 1.3714285714rem);
}
.p-solution__item {
  display: flex;
  flex-direction: column;
}
.p-solution__notes {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1.125rem;
  line-height: 175%;
  letter-spacing: 0.06rem;
  margin-bottom: 0.5rem;
}
.p-solution__notes:before {
  content: "";
  aspect-ratio: 1;
  width: 16px;
  background: url(../img/icon_check.svg) no-repeat center center/contain;
}
.p-solution__inner {
  border: 1px solid var(--c-main);
  border-radius: 1rem;
  padding: min(6.4vw, 2.0571428571rem) min(4.2666666667vw, 1.3714285714rem);
  flex-grow: 1;
}
.p-solution__inner .title {
  border-bottom: 1px solid var(--c-gray);
  padding-bottom: 0.5rem;
  margin-bottom: 0.5rem;
  font-size: min(4.8vw, 1.5428571429rem);
  font-weight: 700;
  color: var(--c-main);
}
.p-solution__inner .text {
  font-family: "Hanken Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 0.875rem;
}
@media (min-width: 768px) {
  .p-solution {
    flex-wrap: wrap;
    flex-direction: row;
    gap: min(3.3333333333vw, 2.5rem) 3.3333333333%;
  }
  .p-solution__item {
    width: 48.3333333333%;
  }
  .p-solution__notes {
    gap: 1rem;
    font-size: min(1.1666666667vw, 0.875rem);
  }
  .p-solution__inner {
    border-radius: 1.5rem;
    padding: min(3.3333333333vw, 2.5rem);
  }
  .p-solution__inner .title {
    font-size: min(1.6666666667vw, 1.25rem);
  }
}

/* =====================================
 * Flow Parts
 * ================================== */
.p-flow {
  counter-reset: num;
}
.p-flow__item {
  counter-increment: num;
}
.p-flow__item ~ .p-flow__item:before {
  content: "";
  background-image: url(../img/icon_flow02.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  aspect-ratio: 2;
  width: 24px;
  display: block;
  margin: 0.75rem auto;
}
.p-flow__inner {
  border-radius: 1rem;
  padding: min(6.4vw, 2.0571428571rem) min(4.2666666667vw, 1.3714285714rem);
  border: 1px solid var(--c-gray);
}
.p-flow .head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: min(6.3291139241%, 20px);
}
.p-flow .head .icon {
  order: 2;
  aspect-ratio: 1;
  width: 56px;
  background-color: var(--c-main-light);
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.p-flow .head .heading {
  order: 1;
  font-family: "Hanken Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  width: calc(100% - (56px + min(6.3291139241%, 20px)));
}
.p-flow .head .heading .num {
  font-weight: 200;
  color: var(--c-main);
  line-height: 100%;
  letter-spacing: 0.12rem;
  font-size: min(6.4vw, 2.0571428571rem);
  margin-bottom: 0.5rem;
}
.p-flow .head .heading .num:before {
  content: attr(data-genre) " " counter(num, decimal-leading-zero);
}
.p-flow .head .heading .title {
  line-height: 160%;
  letter-spacing: 0.09rem;
  font-size: min(4.8vw, 1.5428571429rem);
}
.p-flow .text {
  margin-top: 1rem;
}
@media (min-width: 768px) {
  .p-flow {
    display: flex;
    gap: min(1.6666666667vw, 1.5rem) 0;
  }
  .p-flow__item {
    display: flex;
  }
  .p-flow__item ~ .p-flow__item:before {
    aspect-ratio: 0.5;
    min-width: min(2.3611111111vw, 2.125rem);
    margin: 0;
    transform: rotate(-90deg);
    background-size: auto 10px;
  }
  .p-flow__item ~ .p-flow__item:nth-child(5n) + .p-flow__item:before {
    content: none;
  }
  .p-flow__inner {
    width: min(14.7916666667vw, 13.3125rem);
    padding: min(1.6666666667vw, 1.5rem) min(1.6666666667vw, 1.5rem);
  }
  .p-flow .head {
    display: block;
  }
  .p-flow .head .icon {
    aspect-ratio: 1;
    width: min(3.8888888889vw, 3.5rem);
    margin-bottom: 1.5rem;
  }
  .p-flow .head .heading {
    width: 100%;
  }
  .p-flow .head .heading .num {
    font-size: min(1.6666666667vw, 1.5rem);
    margin-bottom: 1rem;
  }
  .p-flow .head .heading .title {
    font-size: min(1.3888888889vw, 1.25rem);
  }
  .p-flow.-col4 .p-flow__inner {
    width: min(19.0277777778vw, 17.125rem);
  }
}

/* =====================================
 * Anchor / Banner list
 * ================================== */
.p-anchor-list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: min(2.1333333333vw, 0.6857142857rem);
}
.p-anchor-list__item {
  display: flex;
  width: calc((100% - 1 * min(2.1333333333vw, 0.6857142857rem)) / 2);
}
@media (min-width: 768px) {
  .p-anchor-list {
    gap: min(1.6666666667vw, 1.5rem) min(0.8333333333vw, 0.75rem);
  }
  .p-anchor-list__item {
    width: calc((100% - 3 * min(0.8333333333vw, 0.75rem)) / 4);
  }
}

.p-banner-layout {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: min(4.2666666667vw, 1.3714285714rem);
}
.p-banner-layout__item {
  width: 100%;
}
@media (min-width: 768px) {
  .p-banner-layout {
    gap: min(2.7777777778vw, 2.5rem);
  }
  .p-banner-layout__item {
    width: calc((100% - 1 * min(2.7777777778vw, 2.5rem)) / 2);
  }
}

/* =====================================
 * Modal
 * ================================== */
.c-img__modal {
  position: relative;
  cursor: pointer;
  box-shadow: -8px 8px 24px 0 rgba(51, 51, 51, 0.1);
  z-index: 0;
}
.c-img__modal::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.4);
  background-image: url(../img/ico_scale.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  aspect-ratio: 2.3461538462;
  width: 61px;
}

.c-modal-zoom {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10000;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.c-modal-zoom.is-active {
  opacity: 1;
  visibility: visible;
}
.c-modal-zoom__inner {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  cursor: grab;
}
.c-modal-zoom__inner:active {
  cursor: grabbing;
}
.c-modal-zoom__inner img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1);
  max-width: 90%;
  max-height: 90%;
  object-fit: contain;
  transition: transform 0.1s ease-out;
  will-change: transform;
  user-select: none;
}
.c-modal-zoom__close {
  position: absolute;
  top: 2rem;
  right: 2rem;
  width: 2rem;
  height: 2rem;
  background: transparent;
  border: none;
  cursor: pointer;
  z-index: 10001;
}
.c-modal-zoom__close::before, .c-modal-zoom__close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 2px;
  background-color: #fff;
}
.c-modal-zoom__close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.c-modal-zoom__close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

/* =====================================
 * List links
 * ================================== */
.p-list__links li a {
  color: var(--c-black);
  font-size: 1rem;
}

/* =====================================
 * List links
 * ================================== */
.p-archive__lists {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
}
.p-archive__lists-item {
  width: 100%;
}
.p-archive__lists-item a {
  display: flex;
  justify-content: space-between;
  font-size: 1.125rem;
  line-height: 160%;
  letter-spacing: 0.09rem;
  text-decoration: none;
  font-family: "Hanken Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  padding: 1.2rem 1rem;
  border-radius: 1.5rem;
}
.p-archive__lists-item a:after {
  content: "";
  aspect-ratio: 1;
  width: 1.25rem;
  background-image: url(../img/ico_arr_pri.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.p-archive__lists-item a[target=_blank]:after {
  width: 1rem;
  background-image: url(../img/ico_blank_blue_ty2.svg);
}
@media (min-width: 768px) {
  .p-archive__lists {
    gap: 2.5rem;
  }
  .p-archive__lists-item {
    width: calc((100% - 2.5rem) / 2);
  }
  .p-archive__lists-item a {
    font-size: min(1.25vw, 1.125rem);
    padding: 1.5rem;
    border-radius: 1.5rem;
  }
}

/* ==========================================================================
 * 表組み (Table Component)
 * ========================================================================== */
/* -------------------------------------
 * ベース（SP用のテーブル間隔）
 * ---------------------------------- */
.js-table-sp + .js-table-sp {
  margin-top: 2rem;
}

/* -------------------------------------
 * Block Table（WPブロック / 汎用テーブル）
 * ---------------------------------- */
.c-table {
  border: none !important;
  border-top: 1px solid var(--c-gray) !important;
  border-left: 1px solid var(--c-gray) !important;
}
.c-table th,
.c-table td {
  border: none !important;
  border-right: 1px solid var(--c-gray) !important;
  border-bottom: 1px solid var(--c-gray) !important;
  padding: 1.25rem 1.5rem !important;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.75;
  letter-spacing: 0.04rem;
}
@media (max-width: 767px) {
  .c-table th,
  .c-table td {
    padding: 0.625rem 0.75rem !important;
  }
}
.c-table th {
  font-weight: 700 !important;
  background-color: var(--c-gray-light);
}
.c-table.-normal th {
  width: 240px;
}
@media (max-width: 767px) {
  .c-table.-normal {
    display: block;
  }
  .c-table.-normal tbody,
  .c-table.-normal tr,
  .c-table.-normal th,
  .c-table.-normal td {
    display: block;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .c-table.-scroll {
    min-width: 640px;
  }
}
@media (min-width: 768px) {
  body[data-page-slug=privacy] .c-table th {
    width: 536.5px;
  }
  body[data-page-slug=privacy] .c-table th:first-child {
    width: 123px;
  }
}

/* -------------------------------------
 * ページ用テーブル（独自：.p-table）
 * ---------------------------------- */
.p-table {
  width: 100%;
  border-top: 1px solid var(--c-gray);
}
.p-table > tbody > tr {
  border-bottom: 1px solid var(--c-gray);
}
.p-table > tbody > tr > th,
.p-table > tbody > tr > td {
  padding: min(2.7777777778vw, 2.5rem);
}
.p-table > tbody > tr > th {
  width: 300px;
}
.p-table > tbody > tr > td {
  width: 900px;
}
@media (max-width: 767px) {
  .p-table {
    display: block;
  }
  .p-table > tbody,
  .p-table > tbody > tr,
  .p-table > tbody > tr > th,
  .p-table > tbody > tr > td {
    display: block;
    width: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .p-table > tbody > tr > th {
    padding-bottom: 0;
  }
  .p-table > tbody > tr > td {
    padding-top: 0;
    margin-top: 0.5rem;
  }
}

/* インライン表示のテーブル（1列目だけ右余白） */
.p-table__inline td:first-child {
  padding-right: 1.5rem;
}

/* -------------------------------------
 * スクロールラッパー
 * ---------------------------------- */
.-scroll__wrap .wp-block-table {
  margin-right: calc(-1 * min(3.7333333333vw, 1.2rem));
  margin-left: calc(-1 * min(3.7333333333vw, 1.2rem));
  padding: 0 min(3.7333333333vw, 1.2rem);
}
@media (max-width: 767px) {
  .-scroll__wrap .wp-block-table {
    position: relative;
    z-index: 0;
    overflow-y: clip;
    -webkit-overflow-scrolling: touch;
    /* スクロールヒントのオーバーレイ */
  }
  .-scroll__wrap .wp-block-table::after {
    content: "スクロールできます";
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    padding: 4rem 1.25rem 0.5rem;
    transform: translate(150%, -50%);
    transition: all 0.5s ease-in-out;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    background-color: var(--c-white);
    background-image: url(../img/ico_scroll.svg);
    background-repeat: no-repeat;
    background-position: center 1rem;
    background-size: 2rem auto;
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.24);
    font-size: 0.75rem;
    text-align: center;
  }
  .-scroll__wrap.is-show .wp-block-table::after {
    animation: table_scroll_show 3s ease 0.4s 1 alternate forwards;
  }
}
@media (min-width: 768px) {
  .-scroll__wrap .wp-block-table {
    margin-right: calc(-1 * min(8.3333333333vw, 7.5rem));
    margin-left: calc(-1 * min(8.3333333333vw, 7.5rem));
    padding: 0 min(8.3333333333vw, 7.5rem);
  }
}

/* -------------------------------------
 * アニメーション
 * ---------------------------------- */
@keyframes table_scroll_show {
  0% {
    visibility: inherit;
    opacity: 1;
    transform: translate(150%, -50%);
  }
  40%, 41% {
    visibility: inherit;
    opacity: 1;
    transform: translate(-50%, -50%);
  }
  100% {
    visibility: hidden;
    opacity: 0;
    transform: translate(-50%, -50%);
  }
}
/* =====================================
 * 共通コンポーネント：Leads レイアウト
 * ================================== */
.p-system__leads, .p-pixplan__leads, .p-ms__leads, .p-cloud-authentication__leads, .p-network__leads, .p-asprova__leads, .p-edifas__leads, .p-factory-one__leads {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.p-system__leads .detail .title, .p-pixplan__leads .detail .title, .p-ms__leads .detail .title, .p-cloud-authentication__leads .detail .title, .p-network__leads .detail .title, .p-asprova__leads .detail .title, .p-edifas__leads .detail .title, .p-factory-one__leads .detail .title {
  font-size: 1.25rem;
  font-family: "Hanken Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  line-height: 160%;
  letter-spacing: 0.0875rem;
}
.p-system__leads .detail_img, .p-pixplan__leads .detail_img, .p-ms__leads .detail_img, .p-cloud-authentication__leads .detail_img, .p-network__leads .detail_img, .p-asprova__leads .detail_img, .p-edifas__leads .detail_img, .p-factory-one__leads .detail_img {
  width: 160px;
  margin-left: auto;
  margin-right: auto;
}
.p-system__leads .img, .p-pixplan__leads .img, .p-ms__leads .img, .p-cloud-authentication__leads .img, .p-network__leads .img, .p-asprova__leads .img, .p-edifas__leads .img, .p-factory-one__leads .img {
  margin-left: auto;
  margin-right: auto;
  max-width: 400px;
  width: 100%;
}
@media (min-width: 768px) {
  .p-system__leads, .p-pixplan__leads, .p-ms__leads, .p-cloud-authentication__leads, .p-network__leads, .p-asprova__leads, .p-edifas__leads, .p-factory-one__leads {
    flex-direction: row;
    align-items: center;
    gap: 6.6666666667%;
  }
  .p-system__leads .detail .title, .p-pixplan__leads .detail .title, .p-ms__leads .detail .title, .p-cloud-authentication__leads .detail .title, .p-network__leads .detail .title, .p-asprova__leads .detail .title, .p-edifas__leads .detail .title, .p-factory-one__leads .detail .title {
    letter-spacing: 0.35rem;
  }
  .p-system__leads .detail_img, .p-pixplan__leads .detail_img, .p-ms__leads .detail_img, .p-cloud-authentication__leads .detail_img, .p-network__leads .detail_img, .p-asprova__leads .detail_img, .p-edifas__leads .detail_img, .p-factory-one__leads .detail_img {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .p-system__leads .img, .p-pixplan__leads .img, .p-ms__leads .img, .p-cloud-authentication__leads .img, .p-network__leads .img, .p-asprova__leads .img, .p-edifas__leads .img, .p-factory-one__leads .img {
    margin: 0;
    max-width: 100%;
  }
  .p-system__leads .img img, .p-pixplan__leads .img img, .p-ms__leads .img img, .p-cloud-authentication__leads .img img, .p-network__leads .img img, .p-asprova__leads .img img, .p-edifas__leads .img img, .p-factory-one__leads .img img {
    width: 100%;
  }
}

@media (min-width: 768px) {
  .p-cloud-authentication__leads, .p-network__leads {
    position: relative;
    z-index: 0;
    min-height: 500px;
  }
  .p-cloud-authentication__leads .detail, .p-network__leads .detail {
    width: 65%;
  }
  .p-cloud-authentication__leads .detail .title, .p-network__leads .detail .title {
    font-size: min(1.9444444444vw, 1.75rem);
  }
  .p-cloud-authentication__leads .detail .text, .p-network__leads .detail .text {
    max-width: 560px;
  }
  .p-cloud-authentication__leads .img, .p-network__leads .img {
    width: 41.6666666667%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    height: fit-content;
    z-index: -1;
  }
}

/* =====================================
 * コンテンツ幅
 * ================================== */
.l-container {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 0 min(3.7333333333vw, 1.2rem);
}
.l-container.-lg .l-container {
  padding: 0;
}
@media (min-width: 768px) {
  .l-container {
    max-width: calc(1200px + min(8.3333333333vw, 7.5rem) * 2);
    padding: 0 min(8.3333333333vw, 7.5rem);
  }
  .l-container.-lg {
    max-width: calc(1360px + min(8.3333333333vw, 7.5rem) * 2);
  }
  .l-container.-lg .l-container {
    max-width: 1200px;
  }
  .l-container.-sm {
    max-width: calc(960px + min(3.7333333333vw, 1.2rem) * 2);
  }
}

.l-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 5;
}
.l-header[class] a {
  color: inherit;
  text-decoration: none;
}
.l-header.is-headtop {
  position: absolute;
}
.l-header:not(.is-headtop) {
  box-shadow: 0 -4px 5px var(--c-black);
}
.l-header__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: min(3.7333333333vw, 1.2rem);
  padding-right: min(3.7333333333vw, 1.2rem);
  min-height: 60px;
  background-color: var(--c-white);
  position: relative;
  z-index: 4;
}
.l-header__menu-list > li > a[target=_blank] {
  display: flex;
  align-items: center;
  gap: 0 0.25rem;
}
.l-header__menu-list > li > a[target=_blank]:after {
  content: "";
  display: block;
  aspect-ratio: 1;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.l-header__btn-list li {
  max-width: 500px;
  width: 100%;
  color: var(--c-white);
}
.l-header__btn-list li > a {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: min(3.125vw, 1.5rem);
  padding-right: min(3.125vw, 1.5rem);
  min-height: 3.5rem;
  background-color: var(--c-gray-dark);
  border-radius: 1.75rem;
  font-size: 1.25rem;
  font-family: "Hanken Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  line-height: 1.25rem;
  letter-spacing: 0.1rem;
  position: relative;
  z-index: 0;
}
.l-header__btn-list li.-contact > a {
  background-color: var(--c-orange);
  overflow: hidden;
}
.l-header__btn-list li.-contact > a:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  margin: auto;
  background: var(--c-orange-hover);
  z-index: -1;
  opacity: 0;
  transform: scale(0.1);
  transition: opacity 0.5s, transform 0.5s;
  border-radius: 1.75rem;
}
.l-header__btn-list li.-contact > a:hover:after {
  transform: scale(1);
  opacity: 1;
}
@media screen and (max-width: 959px) {
  .l-header__menu {
    position: absolute;
    top: 60px;
    left: 0;
    width: 100%;
    height: calc(100dvh - 60px);
    max-height: 0;
    overflow-y: hidden;
    transition: 0.5s ease-in-out;
  }
  .l-header__menu-inner {
    background: var(--c-white);
    height: 100%;
    padding: 2.5rem 2rem 0;
    overflow-y: auto;
  }
  .l-header__menu-list > li + li {
    margin-top: 1.5rem;
  }
  .l-header__menu-list > li > a {
    font-size: 1rem;
    font-weight: 700;
    line-height: 150%;
    /* 1.5rem */
    letter-spacing: 0.04rem;
    color: var(--c-main) !important;
  }
  .l-header__menu-list > li > a[target=_blank]:after {
    width: 1rem;
    gap: 0 0.5rem;
    background-image: url(../img/ico_blank_blue.svg);
  }
  .l-header__menu-list > li.-accordion-btn > a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0 0.25rem;
  }
  .l-header__menu-list > li.-accordion-btn > a:not(:only-child):after {
    content: "";
    display: block;
    aspect-ratio: 1;
    width: 1rem;
    background-image: url(../img/ico_arrow_blue.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transform: rotate(180deg);
  }
  .l-header__menu-list > li.-accordion-btn.on > a:after {
    transform: rotate(0);
  }
  .l-header__menu-list > li.-accordion-btn.on > .sub-menu__inner {
    max-height: 100vh;
  }
  .l-header__menu-list > li.-accordion-btn > .sub-menu__inner {
    max-height: 0;
    transition: max-height 0.5s;
    overflow: hidden;
  }
  .l-header__menu-list > li.-accordion-btn > .sub-menu__inner > .sub-menu > li {
    margin-top: 1rem;
    padding-left: 1px;
  }
  .l-header__menu-list > li.-accordion-btn > .sub-menu__inner > .sub-menu > li > a {
    font-size: 0.875rem;
    font-weight: 700;
    letter-spacing: 0.14rem;
  }
  .l-header__menu-list > li.-accordion-btn > .sub-menu__inner > .sub-menu > li > .sub-menu > li {
    margin-top: 0.7rem;
  }
  .l-header__menu-list > li.-accordion-btn > .sub-menu__inner > .sub-menu > li > .sub-menu > li > a {
    display: flex;
    align-items: center;
    gap: 0 0.5rem;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0.035rem;
  }
  .l-header__menu-list > li.-accordion-btn > .sub-menu__inner > .sub-menu > li > .sub-menu > li > a[target=_blank]:after {
    width: 1rem;
    gap: 0 0.5rem;
    background-image: url(../img/ico_blank_blue.svg);
  }
  .l-header__menu-list > li.-accordion-btn > .sub-menu__inner > .sub-menu > li > .sub-menu > li > a:before {
    content: "";
    display: block;
    width: 0.625rem;
    height: 1px;
    background: var(--c-gray-dark);
  }
  .l-header__btn {
    margin-top: 4rem;
    margin-bottom: 5.7142857143rem;
  }
  .l-header__btn .-contact {
    margin-left: auto;
    margin-right: auto;
  }
  .l-header__sub-links li {
    font-size: 0.8571428571rem;
    margin-top: 1.7142857143rem;
    color: #7B7B7B;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0.03rem;
  }
  .l-header__trigger {
    position: absolute;
    top: 0;
    right: 0;
    aspect-ratio: 1;
    display: block;
    width: 60px;
    background: var(--c-blue-gradation1);
    cursor: pointer;
  }
  .l-header__trigger span, .l-header__trigger:before, .l-header__trigger:after {
    display: block;
    width: 24px;
    height: 2px;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: var(--c-white);
    transition: 0.5s ease-in-out;
  }
  .l-header__trigger span {
    font-size: 0;
    color: transparent;
  }
  .l-header__trigger:before {
    content: "";
    transform: translateY(-7px);
  }
  .l-header__trigger:after {
    content: "";
    transform: translateY(7px);
  }
  .l-header__trigger.is-active span {
    width: 0;
  }
  .l-header__trigger.is-active:before {
    transform: translateY(0) rotate(45deg);
  }
  .l-header__trigger.is-active:after {
    transform: translateY(0) rotate(-45deg);
  }
  .l-header.is-active .l-header__menu {
    max-height: calc(100dvh - 60px);
  }
  .l-header__logo {
    width: min(37.3333333333vw, 140px);
  }
  .l-header__logo a {
    display: block;
    width: fit-content;
  }
}
@media (min-width: 960px) {
  .l-header__inner {
    min-height: 80px;
    padding-left: min(2.7777777778vw, 2.5rem);
    padding-right: min(2.7777777778vw, 2.5rem);
  }
  .l-header__menu-inner {
    display: flex;
    align-items: center;
    gap: 0 min(2.7777777778vw, 2.5rem);
  }
  .l-header__menu-list {
    display: flex;
    gap: 0 min(3.125vw, 1.5rem);
  }
  .l-header__menu-list > li {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .l-header__menu-list > li > a {
    gap: 0 0.25rem;
    font-size: min(1.1764705882vw, 0.875rem);
    line-height: 150%;
    letter-spacing: 0.035rem;
    position: relative;
  }
  .l-header__menu-list > li > a:before {
    content: "";
    height: 2px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -2px;
    transform-origin: right top;
    transform: scale(0, 1);
    transition: transform 0.3s;
    background: currentColor;
  }
  .l-header__menu-list > li > a:hover:before {
    transform-origin: left top;
    transform: scale(1, 1);
  }
  .l-header__menu-list > li > a[target=_blank]:after {
    content: "";
    display: block;
    aspect-ratio: 1;
    width: min(1.0294117647vw, 0.875rem);
    background-image: url(../img/ico_blank.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  .l-header__menu-list > li > a:before {
    background: var(--c-main);
  }
  .l-header__menu-list > li:not(.-dropdown-btn) > a:hover:before {
    transform-origin: left top;
    transform: scale(1, 1);
  }
  .l-header__menu-list > li.-dropdown-btn {
    position: relative;
    height: 80px;
  }
  .l-header__menu-list > li.-dropdown-btn > a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0 0.25rem;
  }
  .l-header__menu-list > li.-dropdown-btn > a:not(:only-child):after {
    content: "";
    display: block;
    aspect-ratio: 1;
    width: 1rem;
    background-image: url(../img/ico_dropdown.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
  }
  .l-header__menu-list > li.-dropdown-btn .sub-menu {
    color: var(--c-white);
  }
  .l-header__menu-list > li.-dropdown-btn .sub-menu__inner {
    position: fixed;
    z-index: -1;
    top: 80px;
    left: 0;
    width: 100dvw;
    background: var(--c-blue-gradation1);
    max-height: 0;
    overflow: hidden;
    border-radius: 0 0 5rem 5rem;
  }
  .l-header__menu-list > li.-dropdown-btn .sub-menu__inner > .sub-menu {
    max-width: 1264px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5rem;
    padding: 0 32px 5rem min(34.8333333333vw, 418px);
    position: relative;
  }
  .l-header__menu-list > li.-dropdown-btn .sub-menu__inner > .sub-menu:before, .l-header__menu-list > li.-dropdown-btn .sub-menu__inner > .sub-menu:after {
    position: absolute;
    left: 32px;
  }
  .l-header__menu-list > li.-dropdown-btn .sub-menu__inner > .sub-menu:before {
    top: 0;
    width: 100%;
    font-family: "Hanken Grotesk", sans-serif;
    font-optical-sizing: auto;
    font-weight: 200;
    font-style: normal;
    font-size: min(5.5555555556vw, 5rem);
    line-height: 100%;
    letter-spacing: 0.4rem;
  }
  .l-header__menu-list > li.-dropdown-btn .sub-menu__inner > .sub-menu:after {
    top: min(8vw, 96px);
    font-size: min(1.1111111111vw, 1rem);
  }
  .l-header__menu-list > li.-dropdown-btn .sub-menu__inner > .sub-menu > li:not(.-toplink) {
    border-bottom: 1px solid var(--c-white);
    padding: 1.25rem 1.5rem;
  }
  .l-header__menu-list > li.-dropdown-btn .sub-menu__inner > .sub-menu > li:not(.-toplink) > a {
    display: flex;
    gap: 0 0.5rem;
    font-size: min(1.25vw, 1.125rem);
    font-weight: 700;
    letter-spacing: 0.14rem;
    width: fit-content;
  }
  .l-header__menu-list > li.-dropdown-btn .sub-menu__inner > .sub-menu > li:not(.-toplink) > a + .sub-menu {
    margin-top: 1.5rem;
  }
  .l-header__menu-list > li.-dropdown-btn .sub-menu__inner > .sub-menu > li:not(.-toplink) > a[href] {
    position: relative;
  }
  .l-header__menu-list > li.-dropdown-btn .sub-menu__inner > .sub-menu > li:not(.-toplink) > a[href]:before {
    content: "";
    height: 2px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -2px;
    transform-origin: right top;
    transform: scale(0, 1);
    transition: transform 0.3s;
    background: currentColor;
  }
  .l-header__menu-list > li.-dropdown-btn .sub-menu__inner > .sub-menu > li:not(.-toplink) > a[href]:hover:before {
    transform-origin: left top;
    transform: scale(1, 1);
  }
  .l-header__menu-list > li.-dropdown-btn .sub-menu__inner > .sub-menu > li:not(.-toplink) > a[href]:before {
    background: var(--c-white);
    height: 1px;
  }
  .l-header__menu-list > li.-dropdown-btn .sub-menu__inner > .sub-menu > li:not(.-toplink) > a[href]:after {
    content: "";
    display: block;
    aspect-ratio: 1;
    width: 12px;
    background-image: url(../img/ico_accordion_w.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transform: rotate(90deg);
  }
  .l-header__menu-list > li.-dropdown-btn .sub-menu__inner > .sub-menu > li:not(.-toplink) > .sub-menu {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
  }
  .l-header__menu-list > li.-dropdown-btn .sub-menu__inner > .sub-menu > li:not(.-toplink) > .sub-menu > li {
    display: flex;
    align-items: center;
    gap: 0 0.5rem;
  }
  .l-header__menu-list > li.-dropdown-btn .sub-menu__inner > .sub-menu > li:not(.-toplink) > .sub-menu > li:before {
    content: "";
    display: block;
    width: 0.625rem;
    height: 1px;
    background: var(--c-white);
  }
  .l-header__menu-list > li.-dropdown-btn .sub-menu__inner > .sub-menu > li:not(.-toplink) > .sub-menu > li > a {
    display: block;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0.035rem;
    font-size: min(1.1111111111vw, 1rem);
    width: fit-content;
    position: relative;
  }
  .l-header__menu-list > li.-dropdown-btn .sub-menu__inner > .sub-menu > li:not(.-toplink) > .sub-menu > li > a:before {
    content: "";
    height: 2px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -2px;
    transform-origin: right top;
    transform: scale(0, 1);
    transition: transform 0.3s;
    background: currentColor;
  }
  .l-header__menu-list > li.-dropdown-btn .sub-menu__inner > .sub-menu > li:not(.-toplink) > .sub-menu > li > a:hover:before {
    transform-origin: left top;
    transform: scale(1, 1);
  }
  .l-header__menu-list > li.-dropdown-btn .sub-menu__inner > .sub-menu > li:not(.-toplink) > .sub-menu > li > a:before {
    background: var(--c-white);
    height: 1px;
  }
  .l-header__menu-list > li.-dropdown-btn .sub-menu__inner > .sub-menu .-toplink {
    position: absolute;
    top: min(16.6666666667vw, 200px);
    left: 32px;
    min-width: 0;
  }
  .l-header__menu-list > li.-dropdown-btn .sub-menu__inner > .sub-menu .-toplink:before, .l-header__menu-list > li.-dropdown-btn .sub-menu__inner > .sub-menu .-toplink:after {
    content: none;
  }
  .l-header__menu-list > li.-dropdown-btn .sub-menu__inner > .sub-menu .-toplink a {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    text-decoration: none;
  }
  .l-header__menu-list > li.-dropdown-btn .sub-menu__inner > .sub-menu .-toplink a span {
    display: block;
    position: relative;
  }
  .l-header__menu-list > li.-dropdown-btn .sub-menu__inner > .sub-menu .-toplink a span:before {
    content: "";
    height: 2px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -2px;
    transform-origin: right top;
    transform: scale(0, 1);
    transition: transform 0.3s;
    background: var(--c-black);
  }
  .l-header__menu-list > li.-dropdown-btn .sub-menu__inner > .sub-menu .-toplink a:before, .l-header__menu-list > li.-dropdown-btn .sub-menu__inner > .sub-menu .-toplink a:after {
    content: "";
    display: block;
    transition: background-image 0.3s, background-color 0.3s;
  }
  .l-header__menu-list > li.-dropdown-btn .sub-menu__inner > .sub-menu .-toplink a:before {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 1.1666666667rem;
    aspect-ratio: 1;
    width: 14px;
    background-image: url(../img/ico_arrow_blue.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transform: rotate(90deg);
    margin: auto 0;
  }
  .l-header__menu-list > li.-dropdown-btn .sub-menu__inner > .sub-menu .-toplink a:after {
    aspect-ratio: 1;
    width: 3.5rem;
    background-color: var(--c-white);
    border-radius: 50%;
  }
  .l-header__menu-list > li.-dropdown-btn .sub-menu__inner > .sub-menu .-toplink a:hover span:before {
    transform-origin: left top;
    transform: scale(1, 1);
  }
  .l-header__menu-list > li.-dropdown-btn .sub-menu__inner > .sub-menu .-toplink a:hover:before {
    background-image: url(../img/ico_accordion_w.svg);
  }
  .l-header__menu-list > li.-dropdown-btn .sub-menu__inner > .sub-menu .-toplink a:hover:after {
    background-color: var(--c-main);
  }
  .l-header__menu-list > li.-dropdown-btn .sub-menu__inner > .sub-menu .-toplink a span:before {
    background: var(--c-white);
    height: 1px;
  }
  .l-header__menu-list > li.-dropdown-btn .sub-menu__inner .col1 {
    width: 100%;
  }
  .l-header__menu-list > li.-dropdown-btn.on > a:after {
    transform: rotate(180deg);
  }
  .l-header__menu-list > li.-dropdown-btn.on > .sub-menu__inner {
    max-height: 100%;
    transition: max-height 0.5s ease;
  }
  .l-header__menu-list > li.-parts-service .sub-menu__inner > .sub-menu {
    display: flex;
    flex-wrap: wrap;
    gap: 0 3.3333333333%;
  }
  .l-header__menu-list > li.-parts-service .sub-menu__inner > .sub-menu:before {
    content: "Service";
  }
  .l-header__menu-list > li.-parts-service .sub-menu__inner > .sub-menu:after {
    content: "事業内容";
  }
  .l-header__menu-list > li.-parts-company .sub-menu__inner > .sub-menu {
    flex-wrap: wrap;
    display: flex;
    gap: 2.5rem 5.6899004267%;
    padding-left: min(41.4166666667vw, 497px);
    padding-top: 40px;
    padding-bottom: 130px;
  }
  .l-header__menu-list > li.-parts-company .sub-menu__inner > .sub-menu:before {
    content: "Company";
  }
  .l-header__menu-list > li.-parts-company .sub-menu__inner > .sub-menu:after {
    content: "企業情報";
  }
  .l-header__menu-list > li.-parts-company .sub-menu__inner > .sub-menu > li:not(.col1):not(.-toplink) {
    width: 47.0839260313%;
  }
  .l-header__menu-list > li.-parts-company .sub-menu__inner > .sub-menu > li:not(.col1):not(.-toplink) > a {
    width: 100%;
    justify-content: space-between;
  }
  .l-header__logo {
    width: min(12.5vw, 180px);
  }
  .l-header__logo a {
    display: block;
    width: fit-content;
  }
  .l-header__btn-list li {
    width: fit-content;
    min-width: min(11.1111111111vw, 160px);
  }
  .l-header__btn-list li > a {
    min-height: min(4.1176470588vw, 56px);
    background-color: var(--c-gray-dark);
    border-radius: min(2.0588235294vw, 1.75rem);
    font-size: min(1.4705882353vw, 1.25rem);
    font-family: "Hanken Grotesk", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
  }
}
@media (min-width: 960px) {
  body[data-page-slug=home] .l-header__inner {
    min-height: 80px;
    background-color: var(--c-white);
    transition: min-height 0.5s, background-color 0.5s;
  }
  body[data-page-slug=home] .l-header.is-headtop .l-header__inner {
    background-color: transparent;
  }
  body[data-page-slug=home] .l-header.is-headtop:not(.-dropdown_on) .l-header__menu-list > li > a {
    color: var(--c-white);
  }
  body[data-page-slug=home] .l-header.is-headtop:not(.-dropdown_on) .l-header__menu-list > li > a:not(:only-child):after {
    background-image: url(../img/ico_dropdown_w.svg);
  }
  body[data-page-slug=home] .l-header.is-headtop:not(.-dropdown_on) .l-header__menu-list > li > a[target=_blank]:after {
    width: 1rem;
    gap: 0 0.5rem;
    background-image: url(../img/ico_blank_w.svg);
  }
  body[data-page-slug=home] .l-header.is-headtop.-dropdown_on .l-header__inner {
    background: var(--c-white);
  }
}
body[data-page-slug=form] .l-header {
  position: relative !important;
}
body[data-page-slug=form] .l-header__trigger, body[data-page-slug=form] .l-header__menu {
  display: none;
}
body[data-page-slug=form] .l-header__inner {
  justify-content: center;
}

.l-aside__cv {
  padding-top: min(21.3333333333vw, 6.8571428571rem);
}
.l-aside__cv-inner {
  background: var(--c-blue-gradation1);
  border-radius: 2.5rem;
  padding: 5rem min(3.7333333333vw, 1.2rem);
  position: relative;
  z-index: 0;
}
.l-aside__cv-title {
  color: var(--c-white);
  text-align: center;
  margin-bottom: 2.5rem;
}
.l-aside__cv-title .c-headline {
  color: var(--c-white);
}
.l-aside__cv-lead {
  font-size: min(5.3333333333vw, 1.7142857143rem);
  color: var(--c-white);
  text-align: center;
  line-height: 160%;
  letter-spacing: 0.2rem;
  margin-bottom: 1rem;
}
.l-aside__cv-text {
  font-size: min(3.7333333333vw, 1.2rem);
  color: var(--c-white);
  line-height: 180%;
  letter-spacing: 0.07rem;
}
.l-aside__cv-btn {
  margin-top: 2.5rem;
}
.l-aside__cv-btn .-contact {
  margin-left: auto;
  margin-right: auto;
}
.l-aside__cv-btn .-textlink {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: fit-content;
  color: var(--c-white);
  margin-top: 1rem;
}
.l-aside__cv-btn .-textlink:before {
  transform-origin: left top;
  transform: scale(1, 1);
  background-color: var(--c-white);
}
.l-aside__cv-btn .-textlink:hover:before {
  transform-origin: right top;
  transform: scale(0, 1);
}
.l-aside__cv-bg_line {
  position: absolute;
  z-index: -1;
  display: none;
}
@media (max-width: 767px) {
  .l-aside__cv .l-container {
    padding: 0;
  }
}
@media (min-width: 768px) {
  .l-aside__cv {
    padding-top: min(8.8888888889vw, 8rem);
  }
  .l-aside__cv-inner {
    overflow: hidden;
    padding: min(7.3611111111vw, 6.625rem) min(5.5555555556vw, 5rem);
  }
  .l-aside__cv-title {
    color: var(--c-white);
    text-align: center;
    margin-bottom: 3.5rem;
  }
  .l-aside__cv-title .c-headline {
    color: var(--c-white);
  }
  .l-aside__cv-lead {
    font-size: min(2.2222222222vw, 2rem);
    margin-bottom: 1.5rem;
  }
  .l-aside__cv-text {
    text-align: center;
    font-size: min(1.1111111111vw, 1rem);
  }
  .l-aside__cv-bg_line {
    display: block;
    width: 141.6666666667%;
    top: -20.564516129%;
    left: -11%;
  }
  body[data-page-slug=home] .l-aside__cv {
    padding-top: min(5.5555555556vw, 5rem);
  }
}

.l-footer {
  margin-top: min(21.3333333333vw, 6.8571428571rem);
  padding-bottom: min(6.4vw, 2.0571428571rem);
  overflow-x: clip;
}
.l-footer__sitemap {
  width: 72%;
}
.l-footer__sitemap-list {
  display: grid;
  grid-template-columns: 2fr 2fr 1fr;
  column-gap: min(3.8888888889vw, 3.5rem);
  row-gap: min(1.7361111111vw, 1.5625rem);
  list-style: none;
  margin: 0;
  padding: 0;
}
.l-footer__sitemap-list > li a {
  text-decoration: none;
}
.l-footer__sitemap-list > li > a {
  display: flex;
  align-items: center;
  gap: 0 min(0.3472222222vw, 0.3125rem);
  width: fit-content;
  color: var(--c-main-dark);
  font-weight: 700;
  line-height: 160%;
  letter-spacing: 0.16rem;
  font-size: min(1.1111111111vw, 1rem);
}
.l-footer__sitemap-list > li > a[href] {
  position: relative;
}
.l-footer__sitemap-list > li > a[href]:before {
  content: "";
  height: 2px;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: -2px;
  transform-origin: right top;
  transform: scale(0, 1);
  transition: transform 0.3s;
  background: currentColor;
}
.l-footer__sitemap-list > li > a[href]:hover:before {
  transform-origin: left top;
  transform: scale(1, 1);
}
.l-footer__sitemap-list > li > a[href]:before {
  background: var(--c-main-dark);
  height: 1px;
}
.l-footer__sitemap-list > li > a:after {
  content: "";
  aspect-ratio: 1;
  width: 12px;
  background-image: url(../img/ico_arrow_blue.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transform: rotate(90deg);
}
.l-footer__sitemap-list > li > .sub-menu {
  font-size: min(0.9027777778vw, 0.8125rem);
}
.l-footer__sitemap-list > li > .sub-menu > li > a {
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 0.14rem;
}
.l-footer__sitemap-list > li > .sub-menu > li > a[href] {
  position: relative;
}
.l-footer__sitemap-list > li > .sub-menu > li > a[href]:before {
  content: "";
  height: 2px;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: -2px;
  transform-origin: right top;
  transform: scale(0, 1);
  transition: transform 0.3s;
  background: currentColor;
}
.l-footer__sitemap-list > li > .sub-menu > li > a[href]:hover:before {
  transform-origin: left top;
  transform: scale(1, 1);
}
.l-footer__sitemap-list > li > .sub-menu > li > a[href]:before {
  height: 1px;
}
.l-footer__sitemap-list > li > .sub-menu > li > .sub-menu {
  margin-top: min(0.8333333333vw, 0.75rem);
  font-size: min(0.9027777778vw, 0.8125rem);
}
.l-footer__sitemap-list > li > .sub-menu > li > .sub-menu > li {
  display: flex;
  align-items: center;
  gap: 0 min(0.3472222222vw, 0.3125rem);
}
.l-footer__sitemap-list > li > .sub-menu > li > .sub-menu > li:before {
  content: "";
  display: block;
  width: 0.625rem;
  height: 1px;
  background: var(--c-gray-dark);
}
.l-footer__sitemap-list > li > .sub-menu > li > .sub-menu > li ~ li {
  margin-top: min(0.4861111111vw, 0.4375rem);
}
.l-footer__sitemap-list > li > .sub-menu > li > .sub-menu > li > a {
  line-height: 150%;
  letter-spacing: 0.035rem;
}
.l-footer__sitemap-list > li > .sub-menu > li > .sub-menu > li > a[href] {
  position: relative;
}
.l-footer__sitemap-list > li > .sub-menu > li > .sub-menu > li > a[href]:before {
  content: "";
  height: 2px;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: -2px;
  transform-origin: right top;
  transform: scale(0, 1);
  transition: transform 0.3s;
  background: currentColor;
}
.l-footer__sitemap-list > li > .sub-menu > li > .sub-menu > li > a[href]:hover:before {
  transform-origin: left top;
  transform: scale(1, 1);
}
.l-footer__sitemap-list > li > .sub-menu > li > .sub-menu > li > a[href]:before {
  height: 1px;
}
.l-footer__sitemap-list > li > .sub-menu > li > .sub-menu > li > a[target=_blank] {
  display: flex;
  align-items: center;
  gap: 0 min(0.3472222222vw, 0.3125rem);
}
.l-footer__sitemap-list > li > .sub-menu > li > .sub-menu > li > a[target=_blank]:after {
  content: "";
  display: block;
  aspect-ratio: 1;
  width: min(0.9722222222vw, 0.875rem);
  background-image: url(../img/ico_blank.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.l-footer__sitemap-list > li.-col1 {
  grid-column: 1/-1;
}
.l-footer__sitemap-list > li.-col2 {
  grid-column: 1/3;
}
.l-footer__sitemap-list > li.-col2 > .sub-menu {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: min(1.8055555556vw, 1.625rem);
  row-gap: min(0.9722222222vw, 0.875rem);
  margin: min(0.8333333333vw, 0.75rem) 0 0;
  padding: 0;
  list-style: none;
}
.l-footer__sitemap-list > li.-col2 > .sub-menu > li:nth-child(-n+2) {
  grid-column: 1;
}
.l-footer__sitemap-list > li.-col2 > .sub-menu > li:nth-child(n+3) {
  grid-column: 2;
  margin-top: -2.5rem;
}
.l-footer__sitemap-list > li.-col2 > .sub-menu > li.-item03 {
  margin-top: max(-3.125vw, -2.1875rem);
}
.l-footer__sitemap-list > li.-col3-wrapper > a {
  display: none;
}
.l-footer__sitemap-list > li.-col3-wrapper .-col3 ~ .-col3 {
  margin-top: min(1.7361111111vw, 1.5625rem);
}
.l-footer__sitemap-list > li.-col3-wrapper .-col3 > a {
  display: flex;
  align-items: center;
  gap: 0 min(0.3472222222vw, 0.3125rem);
  width: fit-content;
  color: var(--c-main-dark);
  position: relative;
  line-height: 160%;
  letter-spacing: 0.16rem;
  font-size: min(1.1111111111vw, 1rem);
}
.l-footer__sitemap-list > li.-col3-wrapper .-col3 > a:before {
  content: "";
  background: var(--c-main);
  height: 1px;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: -2px;
  transform-origin: right top;
  transform: scale(0, 1);
  transition: transform 0.3s;
}
.l-footer__sitemap-list > li.-col3-wrapper .-col3 > a:after {
  content: "";
  aspect-ratio: 1;
  width: 12px;
  background-image: url(../img/ico_arrow_blue.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transform: rotate(90deg);
}
.l-footer__sitemap-list > li.-col3-wrapper .-col3 > a:hover:before {
  transform-origin: left top;
  transform: scale(1, 1);
}
.l-footer__sitemap-list > li.-col3-wrapper .-col3 > .sub-menu {
  margin-top: min(0.8333333333vw, 0.75rem);
}
.l-footer__sitemap-wrap {
  display: flex;
  gap: 0 8%;
}
.l-footer__sitemap-banner-list {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
}
.l-footer__sitemap-banner-list > li > a {
  display: block;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 14.978px 0 rgba(28, 89, 183, 0.1);
}
.l-footer__logo a {
  display: block;
  width: fit-content;
}
.l-footer__bottom {
  border-top: 1px solid var(--c-gray);
}
.l-footer__bottom-links {
  border: none;
}
.l-footer .copyright {
  font-size: min(3.2vw, 1.0285714286rem);
}
@media (max-width: 767px) {
  .l-footer__logo {
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
  }
  .l-footer__bottom {
    margin: min(10.6666666667vw, 3.4285714286rem) min(-3.7333333333vw, -1.2rem) 0;
    padding-top: min(6.4vw, 2.0571428571rem);
  }
  .l-footer__sitemap-banner {
    margin-top: min(14.9333333333vw, 4.8rem);
  }
  .l-footer__sitemap-banner-list {
    justify-content: center;
    gap: min(2.1333333333vw, 0.6857142857rem);
  }
  .l-footer__sitemap-banner-list > li {
    width: min(44.5333333333vw, 14.3142857143rem);
  }
  .l-footer .copyright {
    text-align: center;
  }
}
@media (min-width: 768px) {
  .l-footer {
    margin-top: min(8.8194444444vw, 7.9375rem);
    padding-bottom: min(3.75vw, 3.375rem);
  }
  .l-footer__logo {
    border-bottom: 1px solid var(--c-gray);
    padding-bottom: 2.5rem;
    margin-bottom: 5rem;
  }
  .l-footer__bottom {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-top: 3.5rem;
    padding-top: 2.5rem;
  }
  .l-footer__bottom-links {
    font-size: 0.75rem;
    line-height: 150%;
    letter-spacing: 0.03rem;
    color: var(--c-gray-dark);
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 1rem;
    width: 64.75%;
  }
  .l-footer__bottom-links li {
    display: flex;
    gap: 0.5rem 1rem;
    align-items: center;
  }
  .l-footer__bottom-links li:after {
    content: "";
    width: 1px;
    height: 12px;
    background: var(--c-gray-dark);
  }
  .l-footer__bottom-links li a {
    text-decoration: none;
    position: relative;
  }
  .l-footer__bottom-links li a:before {
    content: "";
    height: 2px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -2px;
    transform-origin: right top;
    transform: scale(0, 1);
    transition: transform 0.3s;
    background: currentColor;
  }
  .l-footer__bottom-links li a:hover:before {
    transform-origin: left top;
    transform: scale(1, 1);
  }
  .l-footer__bottom-links li a:before {
    height: 1px;
    background-color: var(--c-gray-dark);
  }
  .l-footer__sitemap-banner {
    width: 20%;
  }
  .l-footer__sitemap-banner-list {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .l-footer__sitemap-banner-list > li > a {
    display: block;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 21.145px 0 rgba(28, 89, 183, 0.1);
  }
  .l-footer .copyright {
    font-size: min(0.8333333333vw, 0.75rem);
  }
}

.p-home-mv {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  box-sizing: border-box;
  overflow-x: clip;
  position: relative;
  z-index: 0;
  padding-top: 60px;
}
.p-home-mv:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../img/img_home_mv_bg.jpg);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: cover;
  z-index: -1;
}
.p-home-mv__container {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  position: relative;
  padding: 0 min(3.7333333333vw, 1.2rem);
  z-index: 1;
}
.p-home-mv__inner {
  position: relative;
  z-index: 0;
}
.p-home-mv__line, .p-home-mv__model, .p-home-mv__copy, .p-home-mv__text {
  position: absolute;
  left: 0;
}
.p-home-mv__line {
  aspect-ratio: 1.7051792829;
  width: 143.7333333333vw;
  top: 5.3333333333vw;
  left: -1.8666666667vw;
  z-index: 2;
}
.p-home-mv__copy, .p-home-mv__text {
  z-index: 3;
}
.p-home-mv__copy {
  width: min(80vw, 514px);
  top: 12.8vw;
  left: 3.7333333333vw;
}
.p-home-mv__copy img {
  margin-left: -6%;
}
.p-home-mv__text {
  top: min(35.4285714286%, 248px);
  font-size: min(1.1111111111vw, 1rem);
  line-height: 200%;
  letter-spacing: 0.16rem;
  color: var(--c-white);
  text-shadow: 0 0 25px rgba(91, 161, 203, 0.6);
}
.p-home-mv__model {
  width: 64vw;
  top: 28.2666666667vw;
  left: 37.3333333333vw;
  z-index: 1;
}
.p-home-mv__bnrslider {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.p-home-mv__bnrslider-wrapper {
  width: 100%;
  height: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
.p-home-mv__bnrslider .slick-list {
  overflow: visible;
}
.p-home-mv__bnrslider .slick-arrow {
  z-index: 1;
  aspect-ratio: 1;
  width: 3rem;
  height: auto;
  background-color: var(--c-white);
  border-radius: 50%;
  transition: background-color 0.5s ease-in-out;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 0 20px 0 rgba(28, 89, 183, 0.1);
}
.p-home-mv__bnrslider .slick-arrow:before {
  content: none;
}
.p-home-mv__bnrslider .slick-arrow:after {
  content: "";
  transition: background-image 0.5s ease-in-out;
  aspect-ratio: 1;
  width: 20px;
  background-image: url(../img/ico_arr_pri.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.p-home-mv__bnrslider .slick-arrow.slick-prev:after {
  transform: rotate(180deg);
}
.p-home-mv__bnrslider .slick-arrow:hover {
  background-color: var(--c-main);
}
.p-home-mv__bnrslider .slick-arrow:hover:after {
  background-image: url(../img/ico_arr_wht.svg);
}
.p-home-mv__bnrslider .slick-arrow.slick-next {
  right: 0.8333333333%;
}
.p-home-mv__bnrslider .slick-arrow.slick-prev {
  left: 0.8333333333%;
}
@media screen and (min-width: 1440px) {
  .p-home-mv__bnrslider .slick-arrow.slick-next {
    right: -3.3333333333%;
  }
  .p-home-mv__bnrslider .slick-arrow.slick-prev {
    left: -3.3333333333%;
  }
}
@media (max-width: 767px) {
  .p-home-mv__bnrslider .slick-arrow {
    opacity: 1;
  }
  .p-home-mv__bnrslider .slick-arrow.slick-next {
    right: 0.5rem;
  }
  .p-home-mv__bnrslider .slick-arrow.slick-prev {
    left: 0.5rem;
  }
}
.p-home-mv__bnrslider .slide {
  width: 230px;
  margin-left: 8px;
}
.p-home-mv__bnrslider .slide a {
  display: block;
  box-shadow: 0 0 20px 0 rgba(28, 89, 183, 0.1);
}
.p-home-mv__bnrslider-dots {
  padding-bottom: 2rem;
}
.p-home-mv__bnrslider-dots .slick-dots {
  position: static;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.5rem;
  padding-top: 1px;
  padding-bottom: 1px;
}
.p-home-mv__bnrslider-dots .slick-dots li {
  width: auto;
  height: auto;
  margin: 0;
}
.p-home-mv__bnrslider-dots .slick-dots li button {
  aspect-ratio: 1;
  width: 8px;
  height: auto;
  padding: 0;
  background-color: transparent;
  border-radius: 50%;
  border: 1px solid var(--c-main);
}
.p-home-mv__bnrslider-dots .slick-dots li button:before {
  content: none;
}
.p-home-mv__bnrslider-dots .slick-dots li.slick-active button {
  background-color: var(--c-main);
}
.p-home-mv + .p-home-topics {
  margin-top: 0;
}
@media (max-width: 767px) {
  .p-home-mv {
    aspect-ratio: 0.5859375;
  }
  .p-home-mv__bnrslider {
    bottom: 0;
  }
  .p-home-mv__bnrslider-wrapper {
    margin-bottom: min(4vw, 1.2857142857rem) !important;
  }
}
@media (min-width: 768px) {
  .p-home-mv {
    height: min(56.8055555556vw, 818px);
  }
  .p-home-mv:before {
    height: 100%;
  }
  .p-home-mv__container {
    max-width: calc(1200px + min(8.3333333333vw, 7.5rem) * 2);
    margin-left: auto;
    margin-right: auto;
    padding-left: min(8.3333333333vw, 7.5rem);
    padding-right: min(8.3333333333vw, 7.5rem);
  }
  .p-home-mv__inner {
    height: 100%;
  }
  .p-home-mv__copy {
    width: min(35.6944444444vw, 514px);
    top: min(9.4899169632%, 80px) !important;
  }
  .p-home-mv__copy img {
    margin-left: -4%;
  }
  .p-home-mv__text {
    top: min(32.6215895611%, 275px);
  }
  .p-home-mv__line {
    width: min(78.3333333333%, 940px);
    top: min(-7.1174377224%, -60px);
    left: min(44.4166666667%, 533px);
  }
  .p-home-mv__copy {
    top: min(8.0664294187%, 68px);
    left: 0;
    font-size: min(3.6111111111vw, 3.25rem);
    letter-spacing: 0.65rem;
  }
  .p-home-mv__model {
    width: min(34.5833333333%, 415px);
    top: min(9.4899169632%, 80px);
    left: min(67.0833333333%, 805px);
  }
  .p-home-mv__bnrslider {
    bottom: 0;
  }
  .p-home-mv__bnrslider-wrapper {
    margin-bottom: min(1.6666666667vw, 1.5rem) !important;
  }
  .p-home-mv__bnrslider .slide {
    width: min(20.8333333333vw, 300px);
    margin: 0 min(1.3888888889vw, 20px);
  }
  .p-home-mv__bnrslider-dots {
    padding-bottom: min(2.7777777778vw, 2.5rem) !important;
  }
}

.p-home-topics {
  background: var(--c-white);
  padding: min(21.3333333333vw, 6.8571428571rem) 0 0;
  overflow-x: clip;
}
.p-home-topics .-topics {
  margin-top: 2.5rem;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 767px) {
  .p-home-topics__header {
    margin-bottom: 2rem;
  }
}
@media (min-width: 768px) {
  .p-home-topics {
    padding: min(11.1111111111vw, 10rem) 0 min(8.8888888889vw, 8rem);
  }
  .p-home-topics__inner {
    display: flex;
    align-items: flex-start;
    align-self: stretch;
    gap: 0 min(6.6666666667%, 5rem);
  }
  .p-home-topics .-topics {
    margin-top: 3.5rem;
  }
}

.p-home-recruit {
  margin-top: 0;
  padding-top: min(21.3333333333vw, 6.8571428571rem);
  position: relative;
  z-index: 0;
}
.p-home-recruit__header {
  margin-bottom: 2rem;
}
.p-home-recruit__inner {
  padding: 0 0 min(14.9333333333vw, 4.8rem);
}
.p-home-recruit__inner .lead p {
  width: fit-content;
  background: var(--c-blue-gradation3);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: min(5.3333333333vw, 1.7142857143rem);
  font-weight: 700;
  line-height: 160%;
  letter-spacing: 0.2rem;
  -webkit-text-stroke: 0 transparent !important;
}
.p-home-recruit__inner .lead + .text {
  margin-top: 1rem;
}
.p-home-recruit__inner .text {
  font-size: min(3.7333333333vw, 1.2rem);
  line-height: 180%;
  letter-spacing: 0.07rem;
}
.p-home-recruit__loop-label {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: min(26.6666666667vw, 8.5714285714rem);
  opacity: 0.2;
  z-index: -1;
  overflow-x: clip;
}
.p-home-recruit__loop-label:before, .p-home-recruit__loop-label:after {
  content: "Join us and help us shape the future";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  display: block;
  font-size: min(26.6666666667vw, 8.5714285714rem);
  font-family: "Hanken Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
  line-height: 100%;
  letter-spacing: 0.5rem;
  width: auto;
  height: fit-content;
  padding: 10px 30px 20px;
  white-space: nowrap;
  background: var(--c-blue-gradation2);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.p-home-recruit__loop-label:before {
  animation: scrollTags1 60s linear infinite;
}
.p-home-recruit__loop-label:after {
  animation: scrollTags2 60s linear infinite;
}
.p-home-recruit .-recruit {
  margin-top: min(10.6666666667vw, 3.4285714286rem);
}
.p-home-recruit__slider {
  position: absolute;
}
.p-home-recruit__slider .slider1,
.p-home-recruit__slider .slider2 {
  width: 100%;
}
@media (max-width: 767px) {
  .p-home-recruit {
    margin-bottom: 316px;
  }
  .p-home-recruit__slider {
    top: 100%;
    left: 0;
    width: 100%;
    height: 316px;
    overflow: hidden;
  }
  .p-home-recruit__slider .slider1 {
    transform: rotate(180deg);
  }
  .p-home-recruit__slider .slider1 .slide img {
    transform: rotate(180deg);
  }
  .p-home-recruit__slider .slider2 {
    margin-top: 16px;
  }
  .p-home-recruit__slider .slide {
    width: fit-content;
    height: 150px;
    padding: 0 8px;
  }
  .p-home-recruit__slider .slide img {
    width: auto;
    height: 100%;
  }
  .p-home-recruit .-recruit {
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 768px) {
  .p-home-recruit {
    padding-top: 0;
  }
  .p-home-recruit__inner {
    padding: min(5.5555555556vw, 5rem) 0;
    width: min(42.7777777778vw, 38.5rem);
  }
  .p-home-recruit__inner .lead p {
    font-size: min(2.6388888889vw, 2.375rem);
    letter-spacing: 0.5rem;
  }
  .p-home-recruit__inner .lead + .text {
    margin-top: 1.5rem;
  }
  .p-home-recruit__inner .text {
    font-size: min(1.1111111111vw, 1rem);
    line-height: 200%;
    letter-spacing: 0.16rem;
  }
  .p-home-recruit__loop-label {
    height: min(12.5vw, 11.25rem);
  }
  .p-home-recruit__loop-label:before, .p-home-recruit__loop-label:after {
    font-size: min(11.1111111111vw, 10rem);
    line-height: 100%;
    letter-spacing: 0.8rem;
  }
  .p-home-recruit__wrap {
    position: relative;
    z-index: 0;
  }
  .p-home-recruit .u-recruit {
    margin-top: min(3.8888888889vw, 3.5rem);
  }
  .p-home-recruit__slider {
    top: 0;
    right: 0;
    width: min(45.5555555556vw, 41rem);
    height: 100%;
    overflow: hidden;
  }
  .p-home-recruit__slider-wrap {
    display: flex;
    gap: min(1.3888888889vw, 1.25rem);
  }
  .p-home-recruit__slider .slider1,
  .p-home-recruit__slider .slider2 {
    width: min(22.3569444444vw, 20.12125rem);
  }
  .p-home-recruit__slider .slider1 {
    transform: rotate(180deg);
  }
  .p-home-recruit__slider .slider1 .slide img {
    transform: rotate(180deg);
  }
  .p-home-recruit__slider .slide {
    padding: min(0.6944444444vw, 0.625rem) 0;
  }
}

@keyframes scrollTags1 {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-101%);
  }
}
@keyframes scrollTags2 {
  0% {
    transform: translateX(101%);
  }
  100% {
    transform: translateX(0);
  }
}
/* =====================================
 * 企業情報
 * ================================== */
/* 代表メッセージ
 * ================================== */
.p-message__profile {
  max-width: 460px;
  width: 100%;
  margin: 0 auto 2.5rem;
}
.p-message__profile-name {
  text-align: center;
  font-weight: 700;
  font-size: min(4.2666666667vw, 1.3714285714rem);
  margin-top: 1rem;
}
.p-message__detail .title {
  font-family: "Hanken Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: min(4.8vw, 1.5428571429rem);
}
@media (min-width: 768px) {
  .p-message {
    display: flex;
    gap: 3.3333333333%;
  }
  .p-message__profile {
    order: 2;
    width: 40%;
  }
  .p-message__profile-name {
    font-size: min(1.25vw, 1.125rem);
  }
  .p-message__detail {
    order: 1;
    width: 56.6666666667%;
  }
  .p-message__detail .title {
    font-size: min(1.9444444444vw, 1.75rem);
  }
}

/* 企業理念
 * ================================== */
.p-company-philosophy {
  margin-top: 5rem;
}
.p-company-philosophy__visual {
  position: relative;
  aspect-ratio: 1;
  max-width: 500px;
  width: 100%;
  margin: 0 auto;
  z-index: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.p-company-philosophy__visual:before, .p-company-philosophy__visual:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  border-radius: 50%;
  background: var(--c-main);
  filter: blur(4px);
  aspect-ratio: 1;
}
.p-company-philosophy__visual:before {
  width: 100%;
  opacity: 0.02;
}
.p-company-philosophy__visual:after {
  width: 64%;
  opacity: 0.04;
}
.p-company-philosophy__visual-inner {
  position: relative;
  aspect-ratio: 1.0652173913;
  width: 78.4%;
}
.p-company-philosophy__visual-item {
  position: absolute;
  aspect-ratio: 1;
  width: 51.0204081633%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
  color: var(--c-main);
  z-index: 1;
  margin: auto;
  background-color: var(--c-white);
  border-radius: 50%;
  filter: drop-shadow(-8px 8px 24px rgba(51, 51, 51, 0.1));
}
.p-company-philosophy__visual-item .num {
  font-size: 2rem;
  font-family: "Hanken Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
  line-height: 100%;
  letter-spacing: 0.2rem;
}
.p-company-philosophy__visual-item .text {
  font-size: 1rem;
  font-weight: 700;
  line-height: 160%;
  letter-spacing: 0.1rem;
}
.p-company-philosophy__visual-item.-item01 {
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
.p-company-philosophy__visual-item.-item02 {
  bottom: 0;
  left: 0;
  z-index: 2;
}
.p-company-philosophy__visual-item.-item03 {
  bottom: 0;
  right: 0;
  z-index: 3;
}
.p-company-philosophy__content {
  margin-top: 4rem;
}
.p-company-philosophy__list {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding-left: 1.5rem;
}
.p-company-philosophy__item {
  background: var(--c-main-light);
  padding: 1.5rem 1rem 1.5rem 3.5rem;
  border-radius: 1.5rem;
  position: relative;
}
.p-company-philosophy__item .num {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -1.5rem;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1;
  width: 56px;
  height: fit-content;
  border-radius: 50%;
  font-family: "Hanken Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
  color: var(--c-white);
  background-color: var(--c-main);
  font-size: 1.5rem;
  line-height: 100%;
  letter-spacing: 0.12rem;
}
.p-company-philosophy__item .text {
  font-size: 1.125rem;
  font-family: "Hanken Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  line-height: 160%;
  letter-spacing: 0.1rem;
}
@media (min-width: 768px) {
  .p-company-philosophy {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 4rem;
    margin-top: 8rem;
  }
  .p-company-philosophy__visual {
    width: 41.6666666667%;
    margin: 0;
    flex-shrink: 0;
  }
  .p-company-philosophy__visual-item {
    gap: 1rem;
  }
  .p-company-philosophy__visual-item .num {
    font-size: min(2.7777777778vw, 2.5rem);
  }
  .p-company-philosophy__visual-item .text {
    font-size: min(1.3888888889vw, 1.25rem);
  }
  .p-company-philosophy__content {
    width: 54%;
  }
  .p-company-philosophy__item {
    padding: min(1.6666666667vw, 1.5rem) min(1.1111111111vw, 1rem) min(1.6666666667vw, 1.5rem) min(3.8888888889vw, 3.5rem);
  }
  .p-company-philosophy__item .num {
    font-size: min(1.6666666667vw, 1.5rem);
    width: min(3.8888888889vw, 3.5rem);
    left: min(-1.3888888889vw, -1.25rem);
  }
  .p-company-philosophy__item .text {
    font-size: min(1.3888888889vw, 1.25rem);
  }
}

/* 会社概要・沿革
 * ================================== */
.p-history {
  border-top: 1px solid var(--c-gray);
}
.p-history__cell {
  border-bottom: 1px solid var(--c-gray);
  padding: 1.5rem 0;
  display: flex;
  gap: 0 5.7636887608%;
}
.p-history__cell:last-child .p-history__events .event:last-child {
  height: calc(100% + 1px);
}
.p-history__cell:last-child .p-history__events .event:last-child:before {
  display: none;
}
.p-history__years {
  min-width: 70px;
  font-family: "Hanken Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
  font-size: 1.75rem;
  line-height: 100%;
  letter-spacing: 0.2rem;
  color: var(--c-main);
}
.p-history__events {
  width: 100%;
}
.p-history__events .event {
  position: relative;
  display: flex;
  align-items: baseline;
  gap: 0 5.8365758755%;
  padding-bottom: 2.5rem;
}
.p-history__events .event:last-child {
  padding-bottom: 0;
}
.p-history__events .event:last-child:before {
  height: calc(100% + 3rem);
}
.p-history__events .event:before {
  content: "";
  position: absolute;
  top: 14px;
  left: 2px;
  bottom: 0;
  display: block;
  aspect-ratio: 1;
  width: 2px;
  height: calc(100% + 1px);
  background-color: var(--c-main-light);
  z-index: -1;
}
.p-history__events .event .date {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-width: 54px;
  position: relative;
  font-family: "Hanken Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 1.125rem;
  line-height: 100%;
  letter-spacing: 0.1rem;
  color: var(--c-main);
}
.p-history__events .event .date:before {
  content: "";
  display: block;
  aspect-ratio: 1;
  width: 0.5rem;
  background-color: var(--c-main);
  border-radius: 50%;
}
.p-history__events .event .content {
  font-size: 1rem;
  line-height: 175%;
  letter-spacing: 0.08rem;
}
.p-history .innerblock {
  padding: 0.75rem 0.75rem;
  background-color: var(--c-gray-light);
  font-size: 0.75rem;
  margin-top: 1rem;
}
.p-history .innerblock .title {
  text-align: center;
}
.p-history .innerblock .detail {
  border: 1px solid var(--c-gray);
  border-width: 1px 0 0 0;
  padding: 0.5rem 0 0;
  margin: 0.5rem 0 0;
}
@media (min-width: 768px) {
  .p-history__cell {
    padding: 2.5rem 0;
    gap: 0 6.6666666667%;
  }
  .p-history__cell:last-child .p-history__events .event:last-child:before {
    display: none;
  }
  .p-history__years {
    min-width: 110px;
    font-size: 2.5rem;
  }
  .p-history__events .event {
    gap: 0 3.9603960396%;
  }
  .p-history__events .event:last-child:before {
    height: calc(100% + 5rem);
  }
  .p-history__events .event:before {
    left: 3px;
  }
  .p-history__events .event .date {
    min-width: 65px;
    font-size: 1.25rem;
  }
  .p-history .innerblock {
    display: flex;
    align-items: center;
    padding: 0.75rem 1.5rem;
    font-size: 1rem;
  }
  .p-history .innerblock .detail {
    border-width: 0 0 0 1px;
    padding: 0 0 0 1.5rem;
    margin: 0 0 0 1.5rem;
  }
}

/* 事業所一覧
 * ================================== */
.p-office__list {
  display: flex;
  flex-wrap: wrap;
  gap: min(8.8888888889vw, 8rem) 6.6666666667%;
}
.p-office__list-item {
  width: 100%;
}
.p-office__list-item .office_item {
  margin-top: 2.5rem;
}
.p-office__list-item .office_item + .office_item {
  margin-top: 1.5rem;
}
.p-office__list-item .item-heading_lv1 {
  font-size: min(5.3333333333vw, 1.7142857143rem);
  font-weight: 700;
  border-bottom: 1px solid var(--c-gray);
  padding-bottom: 1rem;
}
.p-office__list-item .item-heading_lv2 {
  position: relative;
  padding-left: 1rem;
  color: var(--c-main);
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 0.08rem;
  margin-bottom: 0.5rem;
  font-size: min(3.7333333333vw, 1.2rem);
}
.p-office__list-item .item-heading_lv2::before {
  content: "";
  display: block;
  background-color: var(--c-main);
  width: clamp(3px, 0.3333333333vw, 4px);
  height: calc(100% - 0.25em);
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.p-office__list-item .item-text {
  font-family: "Hanken Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: min(3.7333333333vw, 1.2rem);
}
.p-office__list-item .item-btn {
  max-width: 240px;
  margin-top: 1.5rem;
}
@media (min-width: 768px) {
  .p-office__list-item {
    width: 46.6666666667%;
  }
  .p-office__list-item .office_item {
    margin-top: 2.5rem;
  }
  .p-office__list-item .office_item + .office_item {
    margin-top: 1.5rem;
  }
  .p-office__list-item .item-heading_lv1 {
    font-size: min(2.2222222222vw, 2rem);
  }
  .p-office__list-item .item-heading_lv2 {
    font-size: min(1.1111111111vw, 1rem);
  }
  .p-office__list-item .item-text {
    font-size: min(1.1111111111vw, 1rem);
  }
  .p-office__list-item .item-btn {
    max-width: 240px;
  }
}

/* =====================================
 * Leads：各ページ差分
 * ================================== */
.p-system__leads .detail .text {
  margin-top: 1.5rem;
}
.p-system__leads .img {
  position: relative;
  aspect-ratio: 1.1467889908;
}
.p-system__leads .img img {
  position: absolute;
  top: 55%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 111.6%;
  height: 122.9357798165%;
}
@media (min-width: 768px) {
  .p-system__leads .detail {
    width: 46.6666666667%;
  }
  .p-system__leads .detail .title {
    font-size: min(1.9444444444vw, 1.75rem);
  }
  .p-system__leads .img {
    width: 41.6666666667%;
    max-width: none;
    max-height: none;
  }
}

.p-pixplan__leads .detail .name {
  font-family: "Hanken Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 2.5rem;
  line-height: 160%;
  letter-spacing: 0.7rem;
  margin-top: 1rem;
}
.p-pixplan__leads .detail .text {
  margin-top: 1rem;
}
.p-pixplan__leads .detail .note {
  font-family: "Hanken Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 0.75rem;
  margin-top: 1rem;
  line-height: 175%;
  letter-spacing: 0.07rem;
  color: var(--c-gray-dark);
}
.p-pixplan__leads .img {
  margin-top: 1rem;
}
@media (min-width: 768px) {
  .p-pixplan__leads .detail {
    width: 46.6666666667%;
  }
  .p-pixplan__leads .detail .title {
    font-size: min(1.3888888889vw, 1.25rem);
  }
  .p-pixplan__leads .detail .name {
    font-size: min(3.8888888889vw, 3.5rem);
  }
  .p-pixplan__leads .detail .note {
    font-size: 0.875rem;
  }
  .p-pixplan__leads .img {
    width: 48.6666666667%;
    margin-top: 0;
    box-shadow: -8px 8px 24px 0 rgba(51, 51, 51, 0.1);
  }
}

.p-ms__leads .detail .text {
  margin-top: 1.5rem;
}
@media (min-width: 768px) {
  .p-ms__leads .detail {
    width: 47.5%;
  }
  .p-ms__leads .detail .title {
    font-size: min(1.9444444444vw, 1.75rem);
  }
  .p-ms__leads .img {
    width: 41.6666666667%;
  }
}

.p-cloud-authentication__leads .detail .text {
  margin-top: 1.5rem;
}

.p-network__leads .detail .text {
  margin-top: 1.5rem;
}

.p-asprova__leads .img {
  max-width: none;
}
.p-asprova__leads .detail .name {
  font-family: "Hanken Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
  font-size: 3rem;
  line-height: 1;
  letter-spacing: 0.35rem;
  text-transform: capitalize;
  margin-top: 1rem;
}
.p-asprova__leads .detail .text {
  margin-top: 1rem;
}
@media (min-width: 768px) {
  .p-asprova__leads {
    position: relative;
    z-index: 0;
    overflow: visible;
    min-height: min(29.1666666667vw, 26.25rem);
  }
  .p-asprova__leads .detail {
    width: 46.6666666667%;
    z-index: 1;
  }
  .p-asprova__leads .detail .title {
    font-size: min(1.3888888889vw, 1.25rem);
    letter-spacing: 0.16rem;
  }
  .p-asprova__leads .detail .name {
    font-size: min(3.8888888889vw, 3.5rem);
    letter-spacing: 0.5rem;
    margin-top: 1.25rem;
  }
  .p-asprova__leads .detail .text {
    max-width: 34rem;
    margin-top: 1.25rem;
  }
  .p-asprova__leads .img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -13.3333333333%;
    width: 70%;
    height: auto;
    margin: 0;
    z-index: 0;
  }
  .p-asprova__leads .img img {
    width: 100%;
    height: auto;
    display: block;
  }
}
@media (min-width: 960px) {
  .p-asprova__leads .img {
    right: -16.6666666667%;
  }
}

/* =====================================
 * Leads：EDiFAS
 * - 左：ロゴ＋青見出し（下線）
 * - 右：白カード（shadow）で図版
 * - TB〜：右側へ少しはみ出し
 * ================================== */
.p-edifas__leads .detail .title {
  color: var(--c-main);
  letter-spacing: 0.2rem;
  position: relative;
  padding-bottom: 0.75rem;
  margin-bottom: 1.25rem;
}
.p-edifas__leads .detail .title::after {
  content: "";
  display: block;
  width: 2.5rem;
  height: 2px;
  background: var(--c-main);
  position: absolute;
  left: 0;
  bottom: 0;
}
.p-edifas__leads .detail .lead {
  font-family: "Hanken Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 1rem;
  line-height: 160%;
  letter-spacing: 0.08rem;
  color: var(--c-black);
  margin-top: 1.25rem;
}
.p-edifas__leads .detail .text {
  margin-top: 1rem;
}
.p-edifas__leads .img {
  max-width: none;
  margin-top: 1rem;
}
.p-edifas__leads .img img {
  display: block;
  width: 100%;
  height: auto;
  background: var(--c-white);
  border-radius: 0.75rem;
  box-shadow: -8px 8px 24px rgba(51, 51, 51, 0.1);
}
@media (min-width: 768px) {
  .p-edifas__leads .detail {
    width: 43.3333333333%;
  }
  .p-edifas__leads .detail .title {
    font-size: min(1.9444444444vw, 1.75rem);
    letter-spacing: 0.28rem;
  }
  .p-edifas__leads .detail .title::after {
    width: min(3.8888888889vw, 3.5rem);
  }
  .p-edifas__leads .detail .lead {
    font-size: min(1.5vw, 1.125rem);
    margin-top: 1.5rem;
  }
  .p-edifas__leads .detail .text {
    max-width: 560px;
  }
  .p-edifas__leads .img {
    width: 50%;
    margin-top: 0;
  }
}

/* =====================================
 * Factory-ONE：Leads
 * ================================== */
.p-factory-one__leads .detail .detail_img {
  width: min(53.3333333333vw, 17.1428571429rem);
  max-width: 240px;
}
.p-factory-one__leads .detail .detail_img img {
  display: block;
  width: 100%;
  height: auto;
}
.p-factory-one__leads .detail .title {
  margin-top: 0;
}
.p-factory-one__leads .detail .name {
  font-family: "Hanken Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: min(10.6666666667vw, 3.4285714286rem);
  line-height: 120%;
  letter-spacing: 0.4rem;
  margin-top: 1.25rem;
  color: var(--c-black);
}
.p-factory-one__leads .detail .text {
  margin-top: 1.25rem;
}
.p-factory-one__leads .img {
  max-width: none;
  width: 100%;
  margin-top: 1rem;
}
.p-factory-one__leads .img img {
  display: block;
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  .p-factory-one__leads {
    align-items: center;
  }
  .p-factory-one__leads .detail {
    width: 46.6666666667%;
  }
  .p-factory-one__leads .detail .title {
    font-size: min(1.3888888889vw, 1.25rem);
    letter-spacing: 0.3rem;
  }
  .p-factory-one__leads .detail .name {
    font-size: min(3.8888888889vw, 3.5rem);
    letter-spacing: 0.56rem;
    margin-top: 1.5rem;
  }
  .p-factory-one__leads .detail .text {
    margin-top: 1.5rem;
    max-width: 560px;
  }
  .p-factory-one__leads .img {
    width: 53.3333333333%;
    margin-top: 0;
  }
}

/* =====================================
 * System：picky
 * ================================== */
.p-system__picky {
  border-radius: min(5.5555555556vw, 5rem);
  border: 1px solid var(--c-gray);
  padding: min(6.4vw, 2.0571428571rem);
}
.p-system__picky .title {
  line-height: 160%;
  letter-spacing: 0.3rem;
  color: var(--c-main);
  font-family: "Hanken Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 1.25rem;
}
.p-system__picky .text {
  margin-top: 1rem;
}
.p-system__picky-list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 1.5rem;
}
.p-system__picky-item {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 1.5rem;
  border-radius: min(1.6666666667vw, 1.5rem);
  border: 1px solid var(--c-main);
  padding: 0.5rem;
}
.p-system__picky-item .list-icon {
  width: 75px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: var(--c-main-light);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.p-system__picky-item .list-detail {
  font-family: "Hanken Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
}
.p-system__picky-item .list-detail .list-title {
  color: var(--c-main-dark);
  line-height: 100%;
  letter-spacing: 0.10638rem;
}
.p-system__picky-item .list-detail .list-subtitle {
  font-weight: 700;
  line-height: 160%;
  letter-spacing: 0.1rem;
  margin-top: 0.5rem;
}
@media (min-width: 768px) {
  .p-system__picky {
    padding: min(5.5555555556vw, 5rem);
  }
  .p-system__picky .title {
    font-size: min(1.6666666667vw, 1.5rem);
  }
  .p-system__picky-list {
    flex-direction: row;
    flex-wrap: wrap;
    gap: min(1.6666666667vw, 1.5rem);
    margin-top: 2.5rem;
  }
  .p-system__picky-item {
    width: calc((100% - 3 * min(1.6666666667vw, 1.5rem)) / 3);
    gap: min(1.6666666667vw, 1.5rem);
    padding: min(1.6666666667vw, 1.5rem);
  }
  .p-system__picky-item .list-icon {
    width: min(5.5555555556vw, 5rem);
  }
  .p-system__picky-item .list-detail {
    width: calc(100% - (min(5.5555555556vw, 5rem) + min(1.6666666667vw, 1.5rem)));
  }
  .p-system__picky-item .list-detail .list-title {
    font-size: min(1.3888888889vw, 1.25rem);
  }
  .p-system__picky-item .list-detail .list-subtitle {
    font-size: min(1.3194444444vw, 1.1875rem);
  }
}

/* =====================================
 * Asprova block
 * ================================== */
/* =====================================
 * 共通：Product block
 * - 枠、角丸、背景グラデ、overflow
 * - 画像は ::before の background-image で表現
 * ================================== */
.p-pixplan_block, .p-asprova_block {
  border-radius: 2rem;
  border: 1px solid var(--c-gray);
  padding: min(6.6666666667vw, 2.1428571429rem) min(2.6666666667vw, 0.8571428571rem) min(58.6666666667vw, 18.8571428571rem);
  background-image: linear-gradient(104deg, #FEFEFE 0%, #F6F6F6 100%);
  background-position: 0;
  background-size: auto;
  background-repeat: no-repeat;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.p-pixplan_block::before, .p-asprova_block::before {
  content: "";
  display: block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  aspect-ratio: 1.6915422886;
  width: min(80vw, 25.7142857143rem);
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  z-index: -1;
}
.p-pixplan_block .title, .p-asprova_block .title {
  text-align: center;
  font-family: "Hanken Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: min(4.8vw, 1.5428571429rem);
  line-height: 160%;
  letter-spacing: 0.4rem;
  margin-bottom: 2.5rem;
}
.p-pixplan_block .inner, .p-asprova_block .inner {
  width: 100%;
}
.p-pixplan_block .inner .logo, .p-asprova_block .inner .logo {
  width: min(32vw, 10.2857142857rem);
  margin-inline: auto;
  margin-bottom: 2rem;
}
.p-pixplan_block .inner hr, .p-asprova_block .inner hr {
  margin: 2rem 0;
}
.p-pixplan_block .inner .text, .p-asprova_block .inner .text {
  margin-bottom: 2rem;
}
.p-pixplan_block .inner .c-btn, .p-asprova_block .inner .c-btn {
  margin-inline: auto;
}
@media (min-width: 768px) {
  .p-pixplan_block, .p-asprova_block {
    border-radius: 5rem;
    padding: min(3.8888888889vw, 3.5rem) min(5.5555555556vw, 5rem);
  }
  .p-pixplan_block::before, .p-asprova_block::before {
    width: 56.6666666667%;
    top: 23.6363636364%;
    right: -7.8266666667%;
    left: auto;
    bottom: auto;
  }
  .p-pixplan_block .title, .p-asprova_block .title {
    font-size: min(2.2222222222vw, 2rem);
  }
  .p-pixplan_block .inner, .p-asprova_block .inner {
    width: 50%;
  }
  .p-pixplan_block .inner .logo, .p-asprova_block .inner .logo {
    width: min(16.6666666667vw, 15rem);
    margin-inline: 0;
    margin-bottom: min(1.6666666667vw, 1.5rem);
  }
  .p-pixplan_block .inner hr, .p-asprova_block .inner hr {
    margin: min(2.7777777778vw, 2.5rem) 0;
  }
  .p-pixplan_block .inner .text, .p-asprova_block .inner .text {
    margin-bottom: min(1.1111111111vw, 1rem);
  }
  .p-pixplan_block .inner .c-btn, .p-asprova_block .inner .c-btn {
    margin: 0;
  }
}

/* Asprova block（差分のみ） */
.p-asprova_block::before {
  background-image: url("../img/img_bg_asprova.png");
}

/* PIXPlan block（差分のみ） */
.p-pixplan_block::before {
  background-image: url("../img/img_bg_pixplan.png");
}
@media (min-width: 768px) {
  .p-pixplan_block::before {
    width: 62.0833333333%;
    top: 27.6033057851%;
  }
}

/* =====================================
 * Software list
 * ================================== */
.p-software-list {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-top: 1.5rem;
}
.p-software-list__item {
  display: flex;
  flex-direction: column;
  text-align: center;
  gap: 0.5rem;
  border: 1px solid var(--c-gray);
  font-family: "Hanken Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  width: calc((100% - 1rem) / 2);
  border-radius: 1.5rem;
  padding: 1rem;
}
.p-software-list__item .item-title {
  font-size: 1rem;
  font-weight: 700;
  line-height: 175%;
  letter-spacing: 1.6px;
  color: var(--c-main);
}
.p-software-list__item .item-subtitle {
  font-size: 0.875rem;
  line-height: 150%;
  letter-spacing: 1.28px;
}
@media (min-width: 768px) {
  .p-software-list {
    gap: min(1.3333333333vw, 16px) 1.3333333333%;
  }
  .p-software-list__item {
    justify-content: center;
    width: 24%;
    border-radius: min(1.6666666667vw, 1.5rem);
    padding: min(2.2222222222vw, 2rem) min(1.6666666667vw, 1.5rem);
  }
  .p-software-list__item .item-title {
    font-size: 1.25rem;
  }
  .p-software-list__item .item-subtitle {
    font-size: 1rem;
  }
}

/* =====================================
 * About cloud auth / Network importance
 * （arrowを共通化）
 * ================================== */
.p-about-cloudauth {
  margin-top: 1.5rem;
  display: flex;
  flex-direction: column;
}
.p-about-cloudauth .arrow {
  position: relative;
  z-index: 0;
  height: 80px;
}
.p-about-cloudauth .arrow::before {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  margin: auto;
  aspect-ratio: 2.5;
  height: 32px;
  background-image: url(../img/icon_flow03.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
@media (min-width: 768px) {
  .p-about-cloudauth .arrow {
    height: auto;
  }
  .p-about-cloudauth .arrow::before {
    aspect-ratio: 0.4;
    transform: rotate(-90deg);
    height: auto;
  }
}
@media (min-width: 768px) {
  .p-about-cloudauth {
    flex-direction: row;
  }
  .p-about-cloudauth .img01,
  .p-about-cloudauth .img02 {
    width: 46.6666666667%;
  }
  .p-about-cloudauth .arrow {
    width: 6.6666666667%;
  }
}

.p-network__imortance {
  display: flex;
  flex-direction: column;
}
.p-network__imortance .img01,
.p-network__imortance .img02,
.p-network__imortance .img03 {
  margin-inline: auto;
}
.p-network__imortance .arrow {
  position: relative;
  z-index: 0;
  height: 80px;
}
.p-network__imortance .arrow::before {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  margin: auto;
  aspect-ratio: 2.5;
  height: 32px;
  background-image: url(../img/icon_flow03.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
@media (min-width: 768px) {
  .p-network__imortance .arrow {
    height: auto;
  }
  .p-network__imortance .arrow::before {
    aspect-ratio: 0.4;
    transform: rotate(-90deg);
    height: auto;
  }
}
@media (min-width: 768px) {
  .p-network__imortance {
    flex-direction: row;
  }
  .p-network__imortance .img01,
  .p-network__imortance .img02,
  .p-network__imortance .img03 {
    width: 28.8888888889%;
  }
  .p-network__imortance .arrow {
    width: 6.6666666667%;
  }
}

/* =====================================
 * Feature Grid（添付スクショのカード群）
 * ================================== */
.p-feature-grid {
  --fg-gap: 1.25rem;
  --fg-radius: 1.25rem;
  width: 100%;
}
.p-feature-grid__inner {
  display: grid;
  gap: var(--fg-gap);
}
@media (min-width: 768px) {
  .p-feature-grid__inner {
    grid-template-columns: 1fr 2fr;
    align-items: stretch;
  }
}
.p-feature-grid__main {
  order: 0;
}
.p-feature-grid__sub {
  order: 1;
}
.p-feature-grid__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (min-width: 768px) {
  .p-feature-grid__list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.c-feature-card {
  background: var(--c-white);
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: var(--fg-radius);
  overflow: hidden;
  box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.05);
  display: flex;
  flex-direction: column;
  min-height: 100%;
}
.c-feature-card__head {
  background: rgba(0, 0, 0, 0.03);
  padding: 1rem 1.25rem;
  display: grid;
  place-items: center;
  gap: 0.5rem;
  text-align: center;
}
.c-feature-card__icon {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 999px;
  background: var(--c-main);
  position: relative;
}
.c-feature-card__icon::before, .c-feature-card__icon::after {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  background: var(--c-white);
  border-radius: 1px;
}
.c-feature-card__icon::before {
  width: 0.75rem;
  height: 2px;
}
.c-feature-card__icon::after {
  width: 2px;
  height: 0.75rem;
}
.c-feature-card__title {
  margin: 0;
  font-size: 1rem;
  line-height: 1.4;
  letter-spacing: 0.06rem;
  font-weight: 700;
  color: var(--c-black);
}
.c-feature-card__body {
  padding: 1rem 1.25rem 1.25rem;
}
.c-feature-card__lead {
  margin: 0 0 0.75rem;
  font-weight: 700;
  letter-spacing: 0.06rem;
  line-height: 1.6;
  color: var(--c-black);
}
.c-feature-card__text {
  margin: 0;
  line-height: 1.7;
  letter-spacing: 0.04rem;
  color: var(--c-black);
}
.c-feature-card__text strong {
  font-weight: 700;
}
.c-feature-card__checks {
  margin: 1rem 0 0;
  padding: 1rem 0 0;
  border-top: 1px solid var(--c-gray);
  list-style: none;
  display: grid;
  gap: 0.5rem;
  font-size: 0.875rem;
}
.c-feature-card__checks li {
  position: relative;
  padding-left: 1.5rem;
  line-height: 1.7;
  letter-spacing: 0.04rem;
}
.c-feature-card__checks li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.25em;
  aspect-ratio: 1;
  width: 1rem;
  background-image: url(../img/icon_check_blue.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.c-feature-card--large .c-feature-card__head {
  padding: 1.25rem 1.5rem;
}
.c-feature-card--large .c-feature-card__title {
  font-size: 1.125rem;
  letter-spacing: 0.08rem;
}
.c-feature-card--large .c-feature-card__body {
  padding: 1.25rem 1.5rem 1.5rem;
}

/* =====================================
 * Industry Grid（業種カード一覧）
 * ================================== */
.p-industry-grid {
  width: 100%;
}
.p-industry-grid__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 1.2rem;
  grid-template-columns: 1fr;
}
@media (min-width: 768px) {
  .p-industry-grid__list {
    gap: 1.3333333333%;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 960px) {
  .p-industry-grid__list {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.p-industry-grid__item {
  min-width: 0;
}

/* =====================================
 * Industry Card
 * ================================== */
.c-industry-card {
  height: 100%;
  background: var(--c-white);
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 1.5rem;
  padding: 1.5rem 1.5rem 1.75rem;
  display: flex;
  flex-direction: column;
}
.c-industry-card__title {
  margin: 0;
  font-family: "Hanken Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 1.125rem;
  line-height: 160%;
  letter-spacing: 0.1rem;
  color: var(--c-black);
  padding-bottom: 0.75rem;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.18);
}
.c-industry-card__bullets {
  margin: 1rem 0 0;
  padding: 0 !important;
  list-style: none;
  display: grid;
}
.c-industry-card__bullets li {
  position: relative;
  padding-left: 1rem;
  line-height: 175%;
  letter-spacing: 0.04rem;
}
.c-industry-card__bullets li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.9rem;
  transform: translateY(-50%);
  width: 0.375rem;
  height: 0.375rem;
  border-radius: 999px;
  background: var(--c-main);
}
.c-industry-card__bullets li + li {
  margin-top: 0 !important;
}
@media (min-width: 768px) {
  .c-industry-card__title {
    font-size: 1.25rem;
    padding-bottom: 1rem;
  }
  .c-industry-card__bullets {
    margin-top: 1.25rem;
  }
}

/* =====================================
 * plan grid（4カラムカード）
 * ================================== */
.p-plan-grid {
  width: 100%;
}
.p-plan-grid__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 1rem;
  grid-template-columns: 1fr;
}
@media (min-width: 960px) {
  .p-plan-grid__list {
    gap: 0.3333333333%;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.p-plan-grid__item {
  min-width: 0;
}

/* =====================================
 * plan card
 * ================================== */
.c-plan-card {
  height: 100%;
  border-radius: 1.5rem;
  overflow: hidden;
  background: var(--c-white);
  display: flex;
  flex-direction: column;
}
.c-plan-card__head {
  color: var(--c-white);
  padding: 1rem 0.75rem;
  margin-bottom: 0.5rem;
}
.p-plan-grid__item:first-child .c-plan-card__head {
  background: #689FF2;
}
.p-plan-grid__item:nth-child(2) .c-plan-card__head {
  background: #4A89E8;
}
.p-plan-grid__item:nth-child(3) .c-plan-card__head {
  background: #2A74E7;
}
.p-plan-grid__item:nth-child(4) .c-plan-card__head {
  background: var(--c-main);
}
.c-plan-card__head-inner {
  text-align: center;
  display: grid;
  gap: 0.25rem;
}
.c-plan-card__title {
  font-family: "Hanken Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 1.125rem;
  line-height: 1.2;
  letter-spacing: 0.12rem;
}
.c-plan-card__sub {
  font-family: "Hanken Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 0.875rem;
  line-height: 1.2;
  letter-spacing: 0.08rem;
  opacity: 0.9;
}
.c-plan-card__body {
  background: var(--c-main-light);
  padding: 1.25rem 1rem 1.5rem;
  flex: 1;
}
.c-plan-card__lead {
  font-family: "Hanken Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 1rem;
  line-height: 160%;
  letter-spacing: 0.08rem;
  color: var(--c-black);
  margin-bottom: 0.75rem;
}
.c-plan-card__text {
  font-size: 0.875rem;
  line-height: 175%;
  letter-spacing: 0.04rem;
  color: var(--c-black);
}
@media (min-width: 768px) {
  .p-plan-grid__item:first-child .c-plan-card {
    border-radius: 2rem 0 0 0;
  }
  .p-plan-grid__item:nth-child(2) .c-plan-card, .p-plan-grid__item:nth-child(3) .c-plan-card {
    border-radius: 0;
  }
  .p-plan-grid__item:nth-child(4) .c-plan-card {
    border-radius: 0 2rem 0 0;
  }
  .c-plan-card__head {
    padding: 1.25rem 1rem;
  }
  .c-plan-card__title {
    font-size: 1.25rem;
  }
  .c-plan-card__sub {
    font-size: 0.9375rem;
  }
  .c-plan-card__body {
    padding: 1.5rem 1.25rem 1.75rem;
  }
  .c-plan-card__lead {
    font-size: 1.0625rem;
    margin-bottom: 1rem;
  }
  .c-plan-card__text {
    font-size: 0.9375rem;
  }
}

/* --------------------------------
  exqr現品照合 コンテンツブロック
-------------------------------- */
.p-exqr__inner {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 1.7142857143rem;
}
@media (min-width: 768px) {
  .p-exqr__inner {
    grid-template-columns: 52fr 60fr;
    column-gap: 5rem;
    row-gap: 0;
    align-items: start;
  }
}
.p-exqr {
  /* 左カラム */
}
.p-exqr__lead {
  padding-top: 0;
}
@media (min-width: 768px) {
  .p-exqr__lead {
    padding-top: 0.5rem;
  }
}
.p-exqr__logo {
  max-width: 15.7142857143rem;
  margin-bottom: 1.4285714286rem;
}
.p-exqr__logo img {
  display: block;
  max-width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  .p-exqr__logo {
    max-width: none;
    margin-bottom: 2.5rem;
  }
}
.p-exqr__title {
  color: var(--c-main);
  font-weight: 700;
  font-size: 1.5714285714rem;
  line-height: 160%;
  letter-spacing: 0.1rem;
  margin-bottom: 1.4285714286rem;
}
@media (min-width: 768px) {
  .p-exqr__title {
    font-size: 1.75rem;
    margin-bottom: 1.25rem;
  }
}
.p-exqr__underline {
  display: block;
  width: 2.1428571429rem;
  height: 0.1428571429rem;
  background: var(--c-main);
  border-radius: 999px;
  margin-bottom: 1.4285714286rem;
}
@media (min-width: 768px) {
  .p-exqr__underline {
    width: 2.5rem;
    height: 0.125rem;
    margin-bottom: 2.5rem;
  }
}
.p-exqr__catch {
  font-weight: 700;
  font-size: 1.2857142857rem;
  line-height: 160%;
  letter-spacing: 0.09rem;
  margin-bottom: 0.7142857143rem;
}
@media (min-width: 768px) {
  .p-exqr__catch {
    font-size: 1.25rem;
    margin-bottom: 1.125rem;
  }
}
.p-exqr__text {
  font-size: 1rem;
  color: var(--c-gray-dark);
}
@media (min-width: 768px) {
  .p-exqr__text {
    font-size: 1rem;
  }
}
.p-exqr {
  /* 右カラム（特徴カード） */
}
.p-exqr__card {
  background: var(--c-main-light);
  border-radius: 1.1428571429rem;
  padding: 1.2857142857rem 1.1428571429rem;
  box-shadow: 0 0 1.2857142857rem rgba(28, 89, 183, 0.06);
}
@media (min-width: 768px) {
  .p-exqr__card {
    border-radius: 1rem;
    padding: 1.625rem;
    box-shadow: 0 0 1.625rem rgba(28, 89, 183, 0.08);
  }
}
.p-exqr__list {
  display: grid;
  gap: 1rem;
}
@media (min-width: 768px) {
  .p-exqr__list {
    gap: 1.25rem;
  }
}
.p-exqr__item-head {
  font-family: "Hanken Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  display: flex;
  align-items: center;
  gap: 0.7142857143rem;
  margin-bottom: 0.5714285714rem;
}
@media (min-width: 768px) {
  .p-exqr__item-head {
    gap: 0.75rem;
    margin-bottom: 0.5rem;
  }
}
.p-exqr__item-title {
  font-weight: 700;
  font-size: 1.1428571429rem;
  color: var(--c-main);
  line-height: 1.5;
}
@media (min-width: 768px) {
  .p-exqr__item-title {
    font-size: 1.125rem;
    line-height: 1.55;
  }
}
.p-exqr__item-text {
  font-size: 0.9285714286rem;
  line-height: 1.9;
  color: var(--c-gray-dark);
}
@media (min-width: 768px) {
  .p-exqr__item-text {
    font-size: 0.875rem;
    line-height: 1.95;
  }
}
.p-exqr__no {
  width: 1.7142857143rem;
  height: 1.7142857143rem;
  border-radius: 50%;
  background: var(--c-main);
  color: var(--c-white);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.1428571429rem;
  font-weight: 700;
  line-height: 1;
}
@media (min-width: 768px) {
  .p-exqr__no {
    width: 1.625rem;
    height: 1.625rem;
    font-size: 1rem;
  }
}

/* --------------------------------
  exqr 現品照合 ステップフロー（max1200 / 伸びるレイアウト）
-------------------------------- */
.p-exqr-step {
  /* コンテンツ幅：max1200 */
}
.p-exqr-step__list {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  max-width: 1200px;
}
@media (min-width: 768px) {
  .p-exqr-step__list {
    display: flex;
    align-items: stretch;
    gap: 0;
  }
}
.p-exqr-step__item {
  /* 矢印：2つ目以降に挿入（spは縦） */
}
.p-exqr-step__item ~ .p-exqr-step__item:before {
  content: "";
  display: block;
  width: 1.7142857143rem;
  margin: 0.8571428571rem auto 0.8571428571rem;
  background-image: url(../img/icon_flow02.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  aspect-ratio: 2;
}
@media (min-width: 768px) {
  .p-exqr-step__item {
    display: flex;
    align-items: stretch;
    flex: 1;
    /* ★ ここで4分割を強制 */
  }
  .p-exqr-step__item ~ .p-exqr-step__item:before {
    width: min(2.3611111111vw, 2.125rem);
    min-width: min(2.3611111111vw, 2.125rem);
    margin: 0;
    aspect-ratio: 0.5;
    transform: rotate(-90deg);
    background-size: auto 0.625rem;
  }
}
.p-exqr-step {
  /* カード本体：幅固定はしない（親に合わせて伸びる） */
}
.p-exqr-step__inner {
  background: var(--c-white);
  padding: 1.7142857143rem 1.1428571429rem;
  border-radius: 0.8571428571rem;
  box-shadow: 0 0 1.4285714286rem rgba(0, 0, 0, 0.05);
  width: 100%;
  /* ★ 伸びる */
}
@media (min-width: 768px) {
  .p-exqr-step__inner {
    width: min(19.0625vw, 17.15625rem);
    padding: 2rem 1.25rem;
    border-radius: 1rem;
    box-shadow: 0 0 1.5rem rgba(0, 0, 0, 0.05);
  }
}
.p-exqr-step__image {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 1.1428571429rem;
  /* ★ 画像表示サイズを統一 */
  width: 100%;
  height: 5.7142857143rem;
}
.p-exqr-step__image img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
  display: block;
}
@media (min-width: 768px) {
  .p-exqr-step__image {
    justify-content: flex-start;
    height: 7.5rem;
    margin-bottom: 1.25rem;
  }
}
.p-exqr-step__step {
  font-family: "Hanken Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
  font-size: 1.2857142857rem;
  color: var(--c-main);
  margin-bottom: 0.5714285714rem;
}
@media (min-width: 768px) {
  .p-exqr-step__step {
    font-size: 1.5rem;
    margin-bottom: 0.625rem;
  }
}
.p-exqr-step__title {
  font-size: 1.1428571429rem;
  font-family: "Hanken Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  margin-bottom: 0.7142857143rem;
}
@media (min-width: 768px) {
  .p-exqr-step__title {
    font-size: 1.25rem;
    margin-bottom: 0.75rem;
  }
}
.p-exqr-step__text {
  font-size: 1rem;
  color: var(--c-gray-dark);
}
@media (min-width: 768px) {
  .p-exqr-step__text {
    font-size: 1rem;
  }
}

/* --------------------------------
  ex在庫系 サービスブロック（共通 + 差分）
-------------------------------- */
.p-exstock__inner {
  max-width: 1200px;
  margin: 0 auto;
}
.p-exstock__head {
  margin-bottom: 1.7142857143rem;
}
@media (min-width: 768px) {
  .p-exstock__head {
    margin-bottom: 2rem;
  }
}
.p-exstock__logo {
  margin-bottom: 1.4285714286rem;
}
@media (min-width: 768px) {
  .p-exstock__logo {
    margin-bottom: 2.5rem;
  }
}
.p-exstock__title {
  color: var(--c-main);
  font-weight: 700;
  font-size: 1.5714285714rem;
  line-height: 160%;
  letter-spacing: 0.1rem;
  margin-bottom: 1.4285714286rem;
}
@media (min-width: 768px) {
  .p-exstock__title {
    font-size: 1.75rem;
    margin-bottom: 1.25rem;
  }
}
.p-exstock__underline {
  display: block;
  width: 2.1428571429rem;
  height: 0.1428571429rem;
  background: var(--c-main);
  border-radius: 999px;
  margin-bottom: 1.4285714286rem;
}
@media (min-width: 768px) {
  .p-exstock__underline {
    width: 2.5rem;
    height: 0.125rem;
    margin-bottom: 2.5rem;
  }
}
.p-exstock__catch {
  font-weight: 700;
  font-size: 1.2857142857rem;
  line-height: 160%;
  letter-spacing: 0.09rem;
  margin-bottom: 0.7142857143rem;
}
@media (min-width: 768px) {
  .p-exstock__catch {
    font-size: 1.25rem;
    margin-bottom: 1.125rem;
  }
}
.p-exstock__text {
  font-size: 1rem;
}
@media (min-width: 768px) {
  .p-exstock__text {
    font-size: 1rem;
  }
}
.p-exstock__body {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 1.1428571429rem;
}
@media (min-width: 768px) {
  .p-exstock__body {
    grid-template-columns: 308fr 860fr;
    column-gap: 2rem;
    row-gap: 0;
    align-items: start;
  }
}
.p-exstock__left img {
  width: 100%;
}
.p-exstock__right img:not(.-noshadow) {
  background: url(<path-to-image>) lightgray 50%/cover no-repeat;
  box-shadow: -8px 8px 24px 0 rgba(51, 51, 51, 0.1);
}
.p-exstock__panel {
  background: var(--c-white);
  border-radius: 1.1428571429rem;
  padding: 1.4285714286rem;
  box-shadow: 0 0 1.7142857143rem rgba(0, 0, 0, 0.05);
}
@media (min-width: 768px) {
  .p-exstock__panel {
    border-radius: 1.125rem;
    padding: 2rem 2.5rem 3.25rem;
    box-shadow: 0 0 1.75rem rgba(0, 0, 0, 0.06);
  }
}
.p-exstock__panel-text {
  margin-top: 1rem;
  font-size: 1rem;
}
.p-exstock__panel-text span {
  color: var(--c-main);
}
@media (min-width: 768px) {
  .p-exstock__panel-text {
    margin-top: 1rem;
    font-size: 0.875rem;
  }
}
.p-exstock {
  /* 2つの機能（診断側） */
}
.p-exstock__feature2 {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.4285714286rem;
}
@media (min-width: 768px) {
  .p-exstock__feature2 {
    grid-template-columns: repeat(2, 1fr);
    gap: 2.5rem;
  }
}
.p-exstock__feature2-head {
  display: flex;
  align-items: center;
  gap: 0.7142857143rem;
  margin-bottom: 0.7142857143rem;
}
@media (min-width: 768px) {
  .p-exstock__feature2-head {
    gap: 0.625rem;
    margin-bottom: 0.625rem;
  }
}
.p-exstock__feature2-title {
  font-family: "Hanken Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: var(--c-main);
  font-weight: 700;
  font-size: 1rem;
}
@media (min-width: 768px) {
  .p-exstock__feature2-title {
    font-size: 1.125rem;
  }
}
.p-exstock__no {
  width: 1.7142857143rem;
  height: 1.7142857143rem;
  border-radius: 50%;
  background: var(--c-main);
  color: var(--c-white);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.1428571429rem;
  font-weight: 700;
  line-height: 1;
}
@media (min-width: 768px) {
  .p-exstock__no {
    width: 1.625rem;
    height: 1.625rem;
    font-size: 1rem;
  }
}
.p-exstock {
  /* シミュレータ側：グリッド */
}
.p-exstock__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.4285714286rem;
}
@media (min-width: 768px) {
  .p-exstock__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 4.375rem 2.5rem;
  }
}
.p-exstock__step img {
  width: 100%;
}
@media (min-width: 768px) {
  .p-exstock__step--wide {
    grid-column: 1/-1;
  }
}
.p-exstock__step-head {
  display: flex;
  align-items: center;
  gap: 0.7142857143rem;
  margin-bottom: 0.8571428571rem;
}
@media (min-width: 768px) {
  .p-exstock__step-head {
    gap: 0.625rem;
    margin-bottom: 0.75rem;
  }
}
.p-exstock__step-title {
  font-family: "Hanken Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: var(--c-main);
  font-weight: 700;
  font-size: 1rem;
}
@media (min-width: 768px) {
  .p-exstock__step-title {
    font-size: 1.125rem;
  }
}
.p-exstock__step-content {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.8571428571rem;
}
@media (min-width: 768px) {
  .p-exstock__step-content {
    grid-template-columns: 374fr 390fr;
    gap: 1.5rem;
    align-items: center;
  }
}
.p-exstock__step-list {
  margin: 0;
  font-size: 1rem;
}
@media (min-width: 768px) {
  .p-exstock__step-list {
    font-size: 0.8125rem;
  }
}
.p-exstock__step-note {
  margin-top: 0.7142857143rem;
  font-size: 1rem;
}
@media (min-width: 768px) {
  .p-exstock__step-note {
    margin-top: 1.1875rem;
    font-size: 0.875rem;
  }
}
.p-exstock {
  /* ダミー画像（#000） */
}
.p-exstock__ph {
  background: #000;
  border-radius: 0.7142857143rem;
}
@media (min-width: 768px) {
  .p-exstock__ph {
    border-radius: 0.75rem;
  }
}
.p-exstock__ph--logo {
  width: 15.7142857143rem;
  height: 3.1428571429rem;
}
@media (min-width: 768px) {
  .p-exstock__ph--logo {
    width: 16.25rem;
    height: 3.25rem;
  }
}
.p-exstock__ph--flow {
  width: 100%;
  height: 17.1428571429rem;
}
@media (min-width: 768px) {
  .p-exstock__ph--flow {
    height: 22.5rem;
  }
}
.p-exstock__ph--shot {
  width: 100%;
  height: 8.5714285714rem;
}
@media (min-width: 768px) {
  .p-exstock__ph--shot {
    height: 10rem;
  }
}
.p-exstock__ph--shotwide {
  width: 100%;
  height: 10.7142857143rem;
}
@media (min-width: 768px) {
  .p-exstock__ph--shotwide {
    height: 13.75rem;
  }
}
.p-exstock__ph--card {
  width: 100%;
  height: 8.5714285714rem;
}
@media (min-width: 768px) {
  .p-exstock__ph--card {
    height: 7.5rem;
  }
}
.p-exstock {
  /* 差分用フック（必要ならここへ） */
}
.p-exstock--diagnosis .p-exstock__feature2 img {
  width: 100%;
  height: auto;
}
.p-exstock--diagnosis .p-exstock__feature2-img01 {
  aspect-ratio: 2.0549450549;
}
.p-exstock--diagnosis .p-exstock__feature2-img02 {
  position: relative;
  aspect-ratio: 1.7077625571;
}
.p-exstock--diagnosis .p-exstock__feature2-img02 img {
  position: absolute;
  top: -6.8493150685%;
  left: -8.2887700535%;
  width: 112.2994652406%;
  object-fit: cover;
  max-width: none;
}
@media (max-width: 767px) {
  .p-exstock--diagnosis .p-exstock__logo {
    max-width: 13.2857142857rem;
  }
}
@media (min-width: 768px) {
  .p-exstock--simulator .p-exstock__panel {
    background-image: url(../img/ico_bg_flow_simulator_pc.svg);
    background-size: 47.6744186047% auto;
    background-position: top 48% center;
    background-repeat: no-repeat;
  }
}
@media (max-width: 767px) {
  .p-exstock--simulator .p-exstock__logo {
    max-width: 15.7142857143rem;
  }
}

/* --------------------------------
  MuleSoft
-------------------------------- */
.p-mv-mulesoft {
  background-image: url(../img/bg_mv_mulesoft.png);
  background-size: min(125%, 1800px);
  background-position: center;
  background-repeat: no-repeat;
  z-index: 0;
}
.p-mv-mulesoft__inner {
  position: relative;
  padding-top: min(89.6vw, 28.8rem);
}
.p-mv-mulesoft__sub, .p-mv-mulesoft__catch, .p-mv-mulesoft__main {
  position: absolute;
  left: 0;
  z-index: 2;
}
.p-mv-mulesoft__main {
  top: min(12.8vw, 4.1142857143rem);
  margin-bottom: 0 !important;
  gap: min(1.1111111111vw, 1rem) !important;
}
.p-mv-mulesoft__main .line {
  width: min(8vw, 2.5714285714rem) !important;
}
.p-mv-mulesoft__sub {
  top: min(26.1333333333vw, 8.4rem);
  font-family: "Hanken Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: min(4.2666666667vw, 1.3714285714rem);
  line-height: 160%;
  letter-spacing: 0.12rem;
}
.p-mv-mulesoft__catch {
  top: min(32vw, 10.2857142857rem);
  line-height: 160%;
  letter-spacing: 0.3rem;
  font-weight: 700;
  font-size: min(10.6666666667vw, 3.4285714286rem);
}
.p-mv-mulesoft__leads {
  display: grid;
  grid-template-columns: 5.3571428571rem 1fr;
  column-gap: 0.8571428571rem;
  row-gap: 0.7142857143rem;
  align-items: center;
  padding: 1.2857142857rem 1.1428571429rem;
  border-radius: 1.2857142857rem;
  background: var(--c-white);
  box-shadow: 0 0 20px 0 rgba(28, 89, 183, 0.1);
}
.p-mv-mulesoft__leads-badge {
  grid-column: 1;
  grid-row: auto;
  width: 5.3571428571rem;
}
.p-mv-mulesoft__leads-badge img {
  display: block;
  width: 100%;
  height: auto;
  /* ★ 比率維持 */
  object-fit: contain;
}
.p-mv-mulesoft__leads-title {
  grid-column: 2;
  grid-row: 1;
  font-weight: 700;
  font-size: 1.2857142857rem;
}
.p-mv-mulesoft__leads-text {
  grid-column: 1/-1;
  /* ★ 下段100% */
  grid-row: 2;
  font-size: 0.8571428571rem;
}
@media (min-width: 768px) {
  .p-mv-mulesoft {
    background-position: top 150% center;
  }
  .p-mv-mulesoft__inner {
    min-height: min(55.8333333333vw, 50.25rem);
  }
  .p-mv-mulesoft__main {
    top: 15.92039801%;
    gap: min(1.1111111111vw, 1rem) !important;
  }
  .p-mv-mulesoft__main .line {
    width: min(2.7777777778vw, 2.5rem) !important;
  }
  .p-mv-mulesoft__sub {
    top: 25.8706467662%;
    font-size: min(2.3611111111vw, 2.125rem);
    letter-spacing: 0.425rem;
  }
  .p-mv-mulesoft__catch {
    top: 32.3383084577%;
    font-size: min(4.4444444444vw, 4rem);
    letter-spacing: 0.8rem;
  }
  .p-mv-mulesoft__item {
    position: absolute;
    border-radius: 1.5rem;
    overflow: hidden;
    z-index: 1;
  }
  .p-mv-mulesoft__item.-img01 {
    top: 9.9502487562%;
    left: 68.6666666667%;
    width: min(27.7777777778vw, 25rem);
  }
  .p-mv-mulesoft__item.-img02 {
    top: 45.7711442786%;
    left: 80%;
    width: min(22.2222222222vw, 20rem);
  }
  .p-mv-mulesoft__leads {
    position: absolute;
    top: 65.92039801%;
    width: 100%;
    align-items: center;
    grid-template-columns: 7.0625rem 1fr;
    column-gap: 2rem;
    row-gap: 0.625rem;
    padding: 1.5rem 2.5rem;
    border-radius: 1.5rem;
  }
  .p-mv-mulesoft__leads-badge {
    grid-row: 1/3;
    width: 7.0625rem;
  }
  .p-mv-mulesoft__leads-title {
    font-size: min(1.8055555556vw, 1.625rem);
  }
  .p-mv-mulesoft__leads-text {
    grid-column: auto;
    font-size: min(0.9722222222vw, 0.875rem);
  }
}

/* --------------------------------
  mulesoft service anc（4カード + hover）
-------------------------------- */
.p-mulesoft__service-anc-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.1428571429rem;
}
@media (min-width: 768px) {
  .p-mulesoft__service-anc-list {
    grid-template-columns: repeat(4, 1fr);
    gap: 1.125rem;
  }
}
.p-mulesoft__service-anc-item {
  display: grid;
  grid-template-rows: auto 1fr;
  gap: 0.7142857143rem;
}
@media (min-width: 768px) {
  .p-mulesoft__service-anc-item {
    gap: 1.5rem;
  }
}
.p-mulesoft__service-anc {
  /* 上の短文（白い小カード） */
}
.p-mulesoft__service-anc-q {
  position: relative;
  z-index: 0;
  background: var(--c-gray-light);
  border-radius: 0.7142857143rem;
  padding: 0.7142857143rem 0.8571428571rem;
  font-size: 0.7857142857rem;
}
.p-mulesoft__service-anc-q:after {
  content: "";
  display: block;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 12px solid transparent;
  border-left: 12px solid transparent;
  border-top: 8px solid var(--c-gray-light);
  border-bottom: 0;
}
@media (min-width: 768px) {
  .p-mulesoft__service-anc-q {
    border-radius: 0.625rem;
    padding: 0.75rem 0.875rem;
    box-shadow: 0 0 1.125rem rgba(28, 89, 183, 0.08);
    font-size: 0.75rem;
  }
}
.p-mulesoft__service-anc {
  /* メインカード */
}
.p-mulesoft__service-anc-card {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  text-decoration: none;
  color: inherit;
  background: var(--c-white);
  border-radius: 0.8571428571rem;
  padding: 1.2857142857rem 1rem 2.8571428571rem;
  box-shadow: 0 0 1.2857142857rem rgba(28, 89, 183, 0.08);
  transition: background-color 0.2s ease;
  border: 1px solid transparent;
}
@media (min-width: 768px) {
  .p-mulesoft__service-anc-card {
    border-radius: 1.5rem;
    padding: 1.5rem 1.5rem 3.75rem;
    box-shadow: 0 0 1.125rem rgba(28, 89, 183, 0.08);
  }
}
.p-mulesoft__service-anc-card:hover {
  background: var(--c-mule-blue-light);
}
.p-mulesoft__service-anc-card:focus-visible {
  outline: 2px solid rgba(28, 89, 183, 0.35);
  outline-offset: 2px;
}
.p-mulesoft__service-anc-title {
  color: var(--c-mule-blue);
  font-weight: 700;
  font-size: 1rem;
  line-height: 160%;
  letter-spacing: 0.1rem;
  margin-bottom: 0.8571428571rem;
}
@media (min-width: 768px) {
  .p-mulesoft__service-anc-title {
    font-size: min(1.3888888889vw, 1.25rem);
    margin-bottom: 0.75rem;
    min-height: 4rem;
  }
}
.p-mulesoft__service-anc-line {
  display: block;
  height: 1px;
  width: 100%;
  background: rgba(0, 0, 0, 0.12);
  margin-bottom: 0.8571428571rem;
}
@media (min-width: 768px) {
  .p-mulesoft__service-anc-line {
    margin-bottom: 0.75rem;
  }
}
.p-mulesoft__service-anc-points {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0.7142857143rem;
}
@media (min-width: 768px) {
  .p-mulesoft__service-anc-points {
    gap: 0.625rem;
  }
}
.p-mulesoft__service-anc-points li {
  position: relative;
  padding-left: 1rem;
  font-size: 1rem;
}
@media (min-width: 768px) {
  .p-mulesoft__service-anc-points li {
    font-size: 1rem;
    padding-left: 0.875rem;
  }
}
.p-mulesoft__service-anc-points li:before {
  content: "";
  position: absolute;
  top: 0.8rem;
  left: 0;
  width: 0.2857142857rem;
  height: 0.2857142857rem;
  border-radius: 50%;
  background: var(--c-main);
}
@media (min-width: 768px) {
  .p-mulesoft__service-anc-points li:before {
    width: 0.25rem;
    height: 0.25rem;
  }
}
.p-mulesoft__service-anc {
  /* 下の矢印（常に表示） */
}
.p-mulesoft__service-anc-arrow {
  position: absolute;
  left: 50%;
  bottom: 0.8571428571rem;
  transform: translateX(-50%);
  width: 1.1428571429rem;
  height: 0.7142857143rem;
}
@media (min-width: 768px) {
  .p-mulesoft__service-anc-arrow {
    bottom: 1.5rem;
    width: 1.25rem;
    height: 1.25rem;
  }
}
.p-mulesoft__service-anc-arrow:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  /* 既存アイコンが無い場合はCSS矢印に差し替え可能 */
  background-image: url(../img/icon_arrow_down.svg);
}

/* --------------------------------
  mulesoft 共通見出し
-------------------------------- */
.p-mulesoft-heading {
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
}
.p-mulesoft-heading__eyebrow {
  position: relative;
  display: inline-block;
  color: var(--c-mule-blue);
  font-size: 0.8571428571rem;
  padding: 0 1rem;
  margin-bottom: 1rem;
  line-height: 100%;
  letter-spacing: 0.12rem;
  font-family: "Hanken Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
}
@media (min-width: 768px) {
  .p-mulesoft-heading__eyebrow {
    font-size: 1.5rem;
    padding: 0 0.875rem;
  }
}
.p-mulesoft-heading__eyebrow:before, .p-mulesoft-heading__eyebrow:after {
  content: "";
  position: absolute;
  top: 50%;
  width: 1.5714285714rem;
  height: 1px;
  background: var(--c-mule-blue);
  transform: translateY(-50%);
}
@media (min-width: 768px) {
  .p-mulesoft-heading__eyebrow:before, .p-mulesoft-heading__eyebrow:after {
    width: 1.625rem;
  }
}
.p-mulesoft-heading__eyebrow:before {
  left: 0;
  transform: translate(-100%, -50%);
}
.p-mulesoft-heading__eyebrow:after {
  right: 0;
  transform: translate(100%, -50%);
}
.p-mulesoft-heading__title {
  font-size: min(6.4vw, 2.0571428571rem);
  line-height: 160%;
  letter-spacing: 0.5rem;
  font-family: "Hanken Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}
@media (min-width: 768px) {
  .p-mulesoft-heading__title {
    font-size: 2.5rem;
  }
}

/* --------------------------------
  MuleSoft 既存パーツ上書き
-------------------------------- */
.-mulesoft .p-problems__title::before, .-mulesoft .p-problems__title::after {
  border-color: var(--c-mule-blue);
}
.-mulesoft .p-problems__title .dots {
  color: var(--c-mule-blue);
}
.-mulesoft .p-problems__title .dots::before {
  color: var(--c-mule-blue);
}
.-mulesoft .p-problems__item > p span,
.-mulesoft .p-problems__item > p strong {
  color: var(--c-mule-blue);
}

/* --------------------------------
  MuleSoft コンテンツレイアウト
-------------------------------- */
.p-mulesoft__layout-content {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.4285714286rem;
  margin-top: 2.8571428571rem;
}
.p-mulesoft__layout-content + .p-mulesoft__layout-content {
  margin-top: 2.8571428571rem;
}
@media (min-width: 768px) {
  .p-mulesoft__layout-content {
    grid-template-columns: min(36.1111111111vw, 32.5rem) min(41.6666666667vw, 37.5rem);
    gap: min(5.5555555556vw, 5rem);
    align-items: center;
    justify-content: space-between;
    padding: min(2.7777777778vw, 2.5rem) 0;
    margin-top: 5rem;
  }
  .p-mulesoft__layout-content#sec01 {
    position: relative;
    z-index: 0;
  }
  .p-mulesoft__layout-content#sec01::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: min(8.3333333333vw, 7.5rem);
    aspect-ratio: 2.2857142857;
    width: min(100vw, 90rem);
    height: fit-content;
    background-image: url(../img/bg_mulesoft_layout01.png);
    background-repeat: no-repeat;
    background-position: top left;
    background-size: cover;
    z-index: -1;
    border-radius: 5rem;
  }
  .p-mulesoft__layout-content#sec03 {
    position: relative;
    z-index: 0;
  }
  .p-mulesoft__layout-content#sec03::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: min(8.3333333333vw, 7.5rem);
    aspect-ratio: 2.3225806452;
    width: min(100vw, 90rem);
    height: fit-content;
    background-image: url(../img/bg_mulesoft_layout02.png);
    background-repeat: no-repeat;
    background-position: top left;
    background-size: cover;
    z-index: -1;
    border-radius: 5rem;
  }
  .p-mulesoft__layout-content.-improvement {
    grid-template-columns: min(41.6666666667vw, 37.5rem) min(35.5555555556vw, 32rem);
    gap: min(2.7777777778vw, 2.5rem);
    padding: 0;
  }
}

/* --------------------------------
  mulesoft lead（左カラム）
-------------------------------- */
.p-mulesoft__lead {
  max-width: 1200px;
  text-align: center;
}
@media (min-width: 768px) {
  .p-mulesoft__lead {
    text-align: left;
  }
}
.p-mulesoft__lead-title {
  font-family: "Hanken Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: var(--c-mule-blue);
  font-weight: 700;
  font-size: 1.5714285714rem;
  letter-spacing: 0.12rem;
  margin-bottom: 0.7142857143rem;
  line-height: 1.6;
}
@media (min-width: 768px) {
  .p-mulesoft__lead-title {
    font-size: min(1.9444444444vw, 1.75rem);
    margin-bottom: 1.5rem;
    letter-spacing: 0.08em;
  }
}
.p-mulesoft__lead-underline {
  display: block;
  width: 2.8571428571rem;
  height: 0.1428571429rem;
  background: var(--c-mule-blue);
  margin-bottom: 1.7142857143rem;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 768px) {
  .p-mulesoft__lead-underline {
    width: 2.5rem;
    margin: 0;
    margin-bottom: 2.5rem;
  }
}
.p-mulesoft__lead-catch {
  font-family: "Hanken Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-weight: 700;
  color: var(--c-black);
  font-size: 1.1428571429rem;
  letter-spacing: 0.08rem;
  margin-bottom: 0.8571428571rem;
}
@media (min-width: 768px) {
  .p-mulesoft__lead-catch {
    font-size: min(1.3888888889vw, 1.25rem);
    margin-bottom: 1rem;
  }
}
.p-mulesoft__lead-text {
  font-size: 1rem;
  color: var(--c-black);
  line-height: 1.75;
  letter-spacing: 0.08em;
}
@media (min-width: 768px) {
  .p-mulesoft__lead-text {
    font-size: min(1.1111111111vw, 1rem);
  }
}
.p-mulesoft__lead-text br {
  display: none;
}
@media (min-width: 768px) {
  .p-mulesoft__lead-text br {
    display: inline;
  }
}

/* =====================================
 * MuleSoft: PoC Flow Detail
 * ================================== */
.p-mulesoft-sv__detail-list {
  display: flex;
  flex-direction: column;
  gap: 1.7142857143rem;
}
@media (min-width: 768px) {
  .p-mulesoft-sv__detail-list {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-rows: repeat(6, auto);
    gap: 0.625rem 0.9375rem;
  }
}
.p-mulesoft-sv__detail .item {
  display: flex;
  flex-direction: column;
  position: relative;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
@media (min-width: 768px) {
  .p-mulesoft-sv__detail .item {
    grid-column: 1/2;
    flex-direction: row;
    align-items: stretch;
  }
}
.p-mulesoft-sv__detail .item {
  /* 縦矢印 (Labels Connecting Arrow) */
}
.p-mulesoft-sv__detail .item:not(:last-of-type) {
  margin-bottom: 1rem;
}
.p-mulesoft-sv__detail .item:not(:last-of-type):before,
.p-mulesoft-sv__detail .item:not(:last-of-type) .label::before {
  position: absolute;
  z-index: 1;
  width: 6px;
  height: 6px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  transform: translateX(-50%) rotate(45deg);
  bottom: -1.7142857143rem;
  left: 50%;
}
.p-mulesoft-sv__detail .item:not(:last-of-type):after,
.p-mulesoft-sv__detail .item:not(:last-of-type) .label::after {
  position: absolute;
  z-index: 1;
  background: #ccc;
  width: 1px;
  height: 1.7142857143rem;
  bottom: -1.7142857143rem;
  left: 50%;
  transform: translateX(-50%);
}
.p-mulesoft-sv__detail .item:not(:last-of-type):before, .p-mulesoft-sv__detail .item:not(:last-of-type):after {
  content: "";
}
@media (min-width: 768px) {
  .p-mulesoft-sv__detail .item:not(:last-of-type):before, .p-mulesoft-sv__detail .item:not(:last-of-type):after {
    content: none;
  }
  .p-mulesoft-sv__detail .item:not(:last-of-type) .label::after,
  .p-mulesoft-sv__detail .item:not(:last-of-type) .label::before {
    content: "";
  }
  .p-mulesoft-sv__detail .item:not(:last-of-type) .label::after {
    height: 1.5rem;
    bottom: -1.5rem;
  }
  .p-mulesoft-sv__detail .item:not(:last-of-type) .label::before {
    bottom: -1.5rem;
  }
}
.p-mulesoft-sv__detail .label {
  background: var(--c-mule-blue);
  color: var(--c-white);
  font-weight: 700;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.6428571429rem 0.3571428571rem;
  position: relative;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .p-mulesoft-sv__detail .label {
    padding: 0.5625rem 0.3125rem;
    width: min(6.9444444444vw, 6.25rem);
    min-height: min(4.1666666667vw, 3.75rem);
    flex-shrink: 0;
    font-size: min(0.9722222222vw, 0.875rem);
  }
}
.p-mulesoft-sv__detail .detail-wrap {
  background: var(--c-white);
  padding: 1.1428571429rem;
  display: flex;
  flex-direction: column;
  gap: 0.7142857143rem;
  flex-grow: 1;
  justify-content: center;
}
@media (min-width: 768px) {
  .p-mulesoft-sv__detail .detail-wrap {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem 1rem;
  }
}
.p-mulesoft-sv__detail .detail .title {
  font-weight: 700;
  font-size: 1.0714285714rem;
  margin-bottom: 0.2857142857rem;
}
@media (min-width: 768px) {
  .p-mulesoft-sv__detail .detail .title {
    font-size: min(1.1111111111vw, 1rem);
    margin-bottom: 0.25rem;
  }
}
.p-mulesoft-sv__detail .detail .text {
  font-size: 0.8571428571rem;
  color: var(--c-gray-dark);
}
@media (min-width: 768px) {
  .p-mulesoft-sv__detail .detail .text {
    font-size: min(0.9027777778vw, 0.8125rem);
  }
}
.p-mulesoft-sv__detail .arrow-text {
  color: var(--c-mule-blue);
  font-weight: 700;
  font-size: 1rem;
  display: inline-flex;
  align-items: center;
  gap: 0.5em;
  position: relative;
  padding-left: 1em;
  /* Left-pointing arrow (or right, based on context - Figma shows caret pointing left of text "> Text") */
}
.p-mulesoft-sv__detail .arrow-text::before {
  content: "";
  position: absolute;
  left: -10px;
  top: 50%;
  transform: translateY(-50%) rotate(-45deg);
  width: 10px;
  height: 10px;
  border-right: 1px solid currentColor;
  border-bottom: 1px solid currentColor;
}
@media (min-width: 768px) {
  .p-mulesoft-sv__detail .arrow-text {
    font-size: 0.875rem;
  }
}
.p-mulesoft-sv__detail .p-mulesoft-sv__cycle {
  display: none;
}
@media (min-width: 768px) {
  .p-mulesoft-sv__detail .p-mulesoft-sv__cycle {
    display: flex;
    align-items: center;
    justify-content: center;
    grid-column: 2/3;
    grid-row: 1/6;
    /* Span from item 1 to item 5 */
    position: relative;
    padding-left: 0;
    width: 1.875rem;
    /* Dotted Bracket Container */
  }
  .p-mulesoft-sv__detail .p-mulesoft-sv__cycle .cycle-bracket {
    position: absolute;
    top: 2.5rem;
    bottom: 3rem;
    left: 0;
    width: 100%;
    border-top: 1px dashed #999;
    border-right: 1px dashed #999;
    border-bottom: 1px dashed #999;
    pointer-events: none;
    /* Arrow Head pointing to Item 1 (Top) */
  }
  .p-mulesoft-sv__detail .p-mulesoft-sv__cycle .cycle-bracket::before {
    content: "";
    position: absolute;
    top: -6px;
    left: -8px;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 8px solid #999;
  }
  .p-mulesoft-sv__detail .p-mulesoft-sv__cycle .cycle-bracket {
    /* Arrow Head pointing to Item 5 (Bottom) */
  }
  .p-mulesoft-sv__detail .p-mulesoft-sv__cycle .cycle-bracket::after {
    content: "";
    position: absolute;
    bottom: -6px;
    left: -8px;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 8px solid #999;
  }
  .p-mulesoft-sv__detail .p-mulesoft-sv__cycle .text {
    background: var(--c-white);
    /* Masking the content behind if needed, but here just background */
    writing-mode: vertical-rl;
    letter-spacing: 0.2em;
    font-size: 0.75rem;
    color: var(--c-black);
    padding: 1em 0;
    z-index: 1;
    border: 1px dashed #999;
    border-radius: 10px;
    position: absolute;
    top: 0;
    left: 19px;
    bottom: 0;
    height: fit-content;
    margin: auto;
  }
}

/* --------------------------------
  Support & Internalization (Left)
-------------------------------- */
.p-mulesoft-support {
  position: relative;
  width: 100%;
  margin-top: 1.4285714286rem;
}
@media (min-width: 768px) {
  .p-mulesoft-support {
    margin-top: 0;
  }
}
.p-mulesoft-support__visual {
  width: 100%;
  margin-bottom: 1.4285714286rem;
  box-shadow: none;
}
@media (min-width: 768px) {
  .p-mulesoft-support__visual {
    margin-bottom: 1.5rem;
  }
  .p-mulesoft-support__visual img {
    margin: 0 -3%;
    width: 105%;
    max-width: none;
  }
}
.p-mulesoft-support__notes {
  padding: 1rem 1.5rem;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 1.7142857143rem;
}
.p-mulesoft-support__notes p {
  font-size: 0.8571428571rem;
  color: #666;
  margin-bottom: 0.2857142857rem;
  text-indent: -1.5em;
  padding-left: 1.5em;
  line-height: 1.5;
}
.p-mulesoft-support__notes p span {
  color: var(--c-mule-blue);
}
@media (min-width: 768px) {
  .p-mulesoft-support__notes p {
    font-size: 0.75rem;
  }
}

/* --------------------------------
   Work Process (Right)
-------------------------------- */
.p-mulesoft-process {
  width: 100%;
  margin-top: 2.8571428571rem;
}
@media (min-width: 768px) {
  .p-mulesoft-process {
    margin-top: 0;
  }
}
.p-mulesoft-process .process-grid {
  display: grid;
  grid-template-columns: 7.1428571429rem 1fr;
  gap: 4px;
}
@media (min-width: 768px) {
  .p-mulesoft-process .process-grid {
    grid-template-columns: 11.25rem 1fr;
  }
}
.p-mulesoft-process .process-grid .th {
  background: var(--c-mule-blue);
  color: var(--c-white);
  font-weight: 700;
  padding: 0.7142857143rem;
  font-size: 1rem;
  display: flex;
  align-items: center;
  box-shadow: -8px 8px 24px 0 rgba(51, 51, 51, 0.1);
}
@media (min-width: 768px) {
  .p-mulesoft-process .process-grid .th {
    padding: 0.25rem 1.5rem;
    font-size: min(0.9722222222vw, 0.875rem);
    min-height: 3rem;
  }
}
.p-mulesoft-process .process-grid .td-head {
  background: var(--c-mule-blue-light);
  color: var(--c-black);
  font-weight: 700;
  padding: 0.7142857143rem;
  font-size: 0.9285714286rem;
  display: flex;
  align-items: center;
  box-shadow: -8px 8px 24px 0 rgba(51, 51, 51, 0.1);
}
@media (min-width: 768px) {
  .p-mulesoft-process .process-grid .td-head {
    padding: 0.25rem 1.5rem;
    font-size: min(0.9027777778vw, 0.8125rem);
    min-height: 3rem;
  }
}
.p-mulesoft-process .process-grid .td-body {
  background: var(--c-white);
  color: var(--c-black);
  padding: 0.7142857143rem;
  font-size: 0.9285714286rem;
  display: flex;
  align-items: center;
  box-shadow: -8px 8px 24px 0 rgba(51, 51, 51, 0.1);
}
@media (min-width: 768px) {
  .p-mulesoft-process .process-grid .td-body {
    padding: 0.25rem 1.5rem;
    font-size: min(0.9027777778vw, 0.8125rem);
    min-height: 3rem;
  }
}

/* --------------------------------
   Improvement Service (Sec04)
-------------------------------- */
@media (min-width: 768px) {
  .p-mulesoft__layout-content.-col1 {
    grid-template-columns: 1fr;
    display: block;
  }
}
.p-mulesoft__layout-content.-col1 .p-mulesoft__layout-content--left {
  margin-bottom: 2.8571428571rem;
}
@media (min-width: 768px) {
  .p-mulesoft__layout-content.-col1 .p-mulesoft__layout-content--left {
    margin-bottom: 3.75rem;
  }
}

.p-mulesoft-improvement {
  width: 100%;
}
.p-mulesoft-improvement .improvement-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2.1428571429rem;
}
@media (min-width: 768px) {
  .p-mulesoft-improvement .improvement-list {
    grid-template-columns: repeat(4, 1fr);
    gap: 1.5rem;
    align-items: stretch;
  }
}
.p-mulesoft-improvement .improvement-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.p-mulesoft-improvement .question-box {
  width: 100%;
  border: 1px solid var(--c-gray);
  border-radius: 8px;
  padding: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--c-white);
}
.p-mulesoft-improvement .question-box p {
  font-size: 0.9285714286rem;
  font-weight: 700;
  color: var(--c-gray-dark);
  line-height: 1.6;
  text-align: left;
  width: 100%;
}
@media (min-width: 768px) {
  .p-mulesoft-improvement .question-box p {
    font-size: min(0.9722222222vw, 0.875rem);
  }
}
.p-mulesoft-improvement .arrow-down {
  width: 100%;
  height: 1.4285714286rem;
  margin: 0.5714285714rem 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 768px) {
  .p-mulesoft-improvement .arrow-down {
    height: 2rem;
    margin: 0.5rem 0;
  }
}
.p-mulesoft-improvement .arrow-down:after {
  content: "";
  display: block;
  width: 1.1428571429rem;
  height: 1.1428571429rem;
  border-right: 2px solid var(--c-mule-blue);
  border-bottom: 2px solid var(--c-mule-blue);
  transform: rotate(45deg);
  margin-top: -6px;
}
@media (min-width: 768px) {
  .p-mulesoft-improvement .arrow-down:after {
    width: 1.25rem;
    height: 1.25rem;
  }
}
.p-mulesoft-improvement .solution-box {
  width: 100%;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: -8px 8px 24px 0 rgba(51, 51, 51, 0.1);
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.p-mulesoft-improvement .solution-box .head {
  display: flex;
  align-items: center;
  background: var(--c-mule-blue);
  color: var(--c-white);
  padding: 1.1428571429rem;
  font-weight: 700;
  font-size: 1.1428571429rem;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .p-mulesoft-improvement .solution-box .head {
    padding: 1rem 0.875rem;
    font-size: min(1.1111111111vw, 1rem);
    min-height: min(5.9027777778vw, 5.3125rem);
  }
}
.p-mulesoft-improvement .solution-box .body {
  background: var(--c-white);
  padding: 1.1428571429rem;
  font-size: 0.9285714286rem;
  line-height: 1.75;
  color: var(--c-black);
  flex-grow: 1;
}
@media (min-width: 768px) {
  .p-mulesoft-improvement .solution-box .body {
    padding: 1rem;
    font-size: min(0.9722222222vw, 0.875rem);
  }
}

/* --------------------------------
   Subtitle (Node 1462-116348)
-------------------------------- */
.p-mulesoft-subtitle {
  display: flex;
  align-items: center;
  gap: 1.1428571429rem;
  margin-bottom: 1.7142857143rem;
}
@media (min-width: 768px) {
  .p-mulesoft-subtitle {
    gap: min(1.6666666667vw, 1.5rem);
    margin-bottom: min(1.6666666667vw, 1.5rem);
  }
}
.p-mulesoft-subtitle .line {
  display: block;
  width: 2.1428571429rem;
  height: 1px;
  background-color: var(--c-mule-blue);
  flex-shrink: 0;
}
@media (min-width: 768px) {
  .p-mulesoft-subtitle .line {
    width: min(5.5555555556vw, 5rem);
  }
}
.p-mulesoft-subtitle .text {
  font-size: 1.2857142857rem;
  font-weight: 700;
  line-height: 1.6;
  color: var(--c-mule-blue);
  letter-spacing: 0.08em;
}
@media (min-width: 768px) {
  .p-mulesoft-subtitle .text {
    font-size: min(1.6666666667vw, 1.5rem);
  }
}

/* --------------------------------
   Highlights (Node 1462-116288)
-------------------------------- */
.p-mulesoft-highlights {
  display: flex;
  flex-direction: column;
  gap: 1.7142857143rem;
  width: 100%;
}
@media (min-width: 768px) {
  .p-mulesoft-highlights {
    gap: min(1.6666666667vw, 1.5rem);
  }
}

.highlight-item {
  display: grid;
  grid-template-columns: 4.2857142857rem 1fr;
  column-gap: 1.1428571429rem;
  row-gap: 0.8571428571rem;
  align-items: center;
  padding: 1.1428571429rem 1.4285714286rem;
  border: 1px solid var(--c-mule-blue);
  border-radius: 1.7142857143rem;
  background: var(--c-white);
  box-shadow: none;
}
@media (min-width: 768px) {
  .highlight-item {
    grid-template-columns: min(5.5555555556vw, 5rem) 1fr;
    column-gap: min(1.6666666667vw, 1.5rem);
    row-gap: min(0.5555555556vw, 0.5rem);
    padding: min(1.6666666667vw, 1.5rem);
    border-radius: 24px;
    align-items: center;
  }
}
.highlight-item .icon-box {
  grid-column: 1;
  grid-row: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  aspect-ratio: 1/1;
  background: var(--c-mule-blue-light);
  border-radius: 50%;
}
@media (min-width: 768px) {
  .highlight-item .icon-box {
    grid-row: 1/3;
  }
}
.highlight-item .title {
  grid-column: 2;
  grid-row: 1;
  font-weight: 700;
  font-size: 1.2857142857rem;
  line-height: 1.6;
  color: var(--c-black);
}
@media (min-width: 768px) {
  .highlight-item .title {
    grid-row: 1;
    align-self: end;
    font-size: min(1.3888888889vw, 1.25rem);
  }
}
.highlight-item .desc {
  grid-column: 1/-1;
  grid-row: 2;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.75;
  color: var(--c-black);
}
@media (min-width: 768px) {
  .highlight-item .desc {
    grid-column: 2;
    grid-row: 2;
    font-size: min(1.1111111111vw, 1rem);
    align-self: start;
  }
}

/* --------------------------------
   Slider (Node 1282-68782)
-------------------------------- */
.p-mulesoft__slider {
  position: relative;
  width: 100%;
}
.p-mulesoft__slider-wrapper {
  width: 100%;
  margin: 0 auto;
}
.p-mulesoft__slider-wrapper .slick-list {
  overflow: visible;
}
.p-mulesoft__slider-wrapper .slick-track {
  display: flex;
  align-items: stretch;
}
.p-mulesoft__slider-wrapper .slick-slide {
  height: auto;
  display: flex;
  flex-direction: column;
}
.p-mulesoft__slider-wrapper .slick-arrow {
  z-index: 1;
  aspect-ratio: 1;
  width: 3.4285714286rem;
  height: auto;
  background-color: var(--c-white);
  opacity: 0.5;
  border-radius: 50%;
  transition: opacity 0.3s, background-color 0.3s;
  border: 1px solid var(--c-mule-blue);
  display: flex;
  justify-content: center;
  align-items: center;
}
.p-mulesoft__slider-wrapper .slick-arrow:before {
  content: none;
}
.p-mulesoft__slider-wrapper .slick-arrow:after {
  content: "";
  transition: filter 0.3s;
  aspect-ratio: 1;
  width: 1.4285714286rem;
  display: block;
  border-top: 2px solid var(--c-mule-blue);
  border-right: 2px solid var(--c-mule-blue);
  transform: rotate(45deg);
  margin-left: -20%;
}
.p-mulesoft__slider-wrapper .slick-arrow.slick-prev {
  left: 0;
}
.p-mulesoft__slider-wrapper .slick-arrow.slick-prev:after {
  transform: rotate(-135deg);
  margin-left: 20%;
}
.p-mulesoft__slider-wrapper .slick-arrow.slick-next {
  right: 0;
}
.p-mulesoft__slider-wrapper .slick-arrow:hover {
  opacity: 1;
  background-color: var(--c-mule-blue);
}
.p-mulesoft__slider-wrapper .slick-arrow:hover:after {
  border-color: var(--c-white);
}
@media (min-width: 768px) {
  .p-mulesoft__slider-wrapper .slick-arrow {
    width: min(4.1666666667vw, 3.75rem);
  }
  .p-mulesoft__slider-wrapper .slick-arrow:after {
    width: min(0.8333333333vw, 0.75rem);
  }
}
.p-mulesoft__slider-dots {
  margin-top: 1.7142857143rem;
}
@media (min-width: 768px) {
  .p-mulesoft__slider-dots {
    margin-top: min(2.2222222222vw, 2rem);
  }
}
.p-mulesoft__slider-dots .slick-dots {
  position: static;
  display: flex;
  justify-content: center;
  gap: 0.5714285714rem;
}
.p-mulesoft__slider-dots .slick-dots li {
  width: auto;
  height: auto;
  margin: 0;
}
.p-mulesoft__slider-dots .slick-dots li button {
  width: 0.8571428571rem;
  height: 0.8571428571rem;
  padding: 0;
  background: var(--c-gray);
  border-radius: 50%;
  text-indent: -9999px;
  opacity: 1;
}
.p-mulesoft__slider-dots .slick-dots li button:before {
  content: none;
}
.p-mulesoft__slider-dots .slick-dots li.slick-active button {
  background: var(--c-mule-blue);
}

.p-mulesoft__card {
  width: 17.1428571429rem;
  margin: 0 0.5714285714rem;
  padding: 1.7142857143rem;
  border: 1px solid var(--c-gray);
  border-radius: 1.7142857143rem;
  background: var(--c-white);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.p-mulesoft__card .title {
  border-bottom: 1px dashed var(--c-gray);
  padding-bottom: 0.5714285714rem;
  margin-bottom: 0.5714285714rem;
  font-weight: 700;
  font-size: 1.1428571429rem;
  color: #333;
  letter-spacing: 0.08em;
}
.p-mulesoft__card .list li {
  display: flex;
  align-items: flex-start;
  font-size: 1rem;
  line-height: 1.75;
  color: var(--c-black);
}
.p-mulesoft__card .list li::before {
  content: "";
  flex-shrink: 0;
  transform: translateY(0.6em);
  width: 0.2857142857rem;
  height: 0.2857142857rem;
  background: var(--c-mule-blue);
  margin-right: 0.5714285714rem;
  border-radius: 50%;
}
@media (min-width: 768px) {
  .p-mulesoft__card {
    width: min(16.6666666667vw, 15rem);
    padding: min(1.6666666667vw, 1.5rem);
    margin: 0 min(0.5555555556vw, 0.5rem);
  }
  .p-mulesoft__card .title {
    font-size: min(1.3888888889vw, 1.25rem);
    padding-bottom: min(0.5555555556vw, 0.5rem);
    margin-bottom: min(0.5555555556vw, 0.5rem);
  }
  .p-mulesoft__card .list li {
    font-size: min(1.1111111111vw, 1rem);
  }
}

/* --------------------------------
   Qualification Accordion (Node 1462-116436)
-------------------------------- */
.p-mulesoft-cert {
  width: 100%;
}
.p-mulesoft-cert__item {
  background: var(--c-white);
  border-radius: 1.7142857143rem;
  box-shadow: 0 0 20px 0 rgba(28, 89, 183, 0.1);
  padding: 1.7142857143rem;
  cursor: pointer;
  transition: box-shadow 0.3s;
}
.p-mulesoft-cert__item:hover {
  box-shadow: 0 0 25px 0 rgba(28, 89, 183, 0.2);
}
.p-mulesoft-cert__item.is-open .toggle-icon::after {
  transform: rotate(90deg);
}
.p-mulesoft-cert__head {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto auto;
  align-items: center;
  width: 100%;
  column-gap: 1.7142857143rem;
  row-gap: 1.1428571429rem;
}
.p-mulesoft-cert__head .icon {
  grid-column: 1;
  grid-row: 1;
  width: 5.5714285714rem;
  height: 6rem;
  flex-shrink: 0;
}
.p-mulesoft-cert__head .title {
  grid-column: 2;
  grid-row: 1;
  font-weight: 700;
  font-size: 1.4285714286rem;
  color: #333;
  line-height: 1.6;
  letter-spacing: 0.08em;
}
.p-mulesoft-cert__head .toggle-icon {
  grid-column: 1/-1;
  grid-row: 2;
  justify-self: center;
  position: relative;
  width: 1.4285714286rem;
  height: 1.4285714286rem;
  flex-shrink: 0;
  margin-top: 0;
}
.p-mulesoft-cert__head .toggle-icon::before, .p-mulesoft-cert__head .toggle-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  background: var(--c-mule-blue);
  transform: translate(-50%, -50%);
  transition: transform 0.3s;
}
.p-mulesoft-cert__head .toggle-icon::before {
  width: 100%;
  height: 2px;
}
.p-mulesoft-cert__head .toggle-icon::after {
  width: 2px;
  height: 100%;
}
.p-mulesoft-cert__item.is-open .toggle-icon::after {
  transform: translate(-50%, -50%) rotate(90deg);
}
.p-mulesoft-cert__body {
  display: none;
  opacity: 0;
  height: 0;
  overflow: hidden;
  transition: display 0.4s allow-discrete, content-visibility 0.4s allow-discrete, height 0.4s ease, opacity 0.4s ease;
  padding-top: 0;
}
.p-mulesoft-cert__body .desc-jp {
  font-size: 1.1428571429rem;
  font-weight: 700;
  color: var(--c-mule-blue);
  text-align: center;
  margin-bottom: 1.1428571429rem;
  border-top: 2px dotted var(--c-gray);
  padding-top: 1.1428571429rem;
  width: 100%;
}
.p-mulesoft-cert__body .count {
  display: flex;
  justify-content: center;
  align-items: baseline;
  font-size: 4.5714285714rem;
  font-weight: 700;
  color: var(--c-mule-blue);
  line-height: 1;
}
.p-mulesoft-cert__body .count .unit {
  font-size: 1.7142857143rem;
  margin-left: 0.2857142857rem;
}
.p-mulesoft-cert__item.is-open .p-mulesoft-cert__body {
  display: block;
  opacity: 1;
  height: auto;
  padding-top: 1.1428571429rem;
}
@starting-style {
  .p-mulesoft-cert__item.is-open .p-mulesoft-cert__body {
    opacity: 0;
    height: 0;
    padding-top: 0;
  }
}
.p-mulesoft-cert :root {
  interpolate-size: allow-keywords;
}
@media (min-width: 768px) {
  .p-mulesoft-cert__item {
    border-radius: min(1.6666666667vw, 1.5rem);
    padding: min(1.6666666667vw, 1.5rem);
  }
  .p-mulesoft-cert__head {
    column-gap: min(1.6666666667vw, 1.5rem);
    row-gap: min(1.1111111111vw, 1rem);
  }
  .p-mulesoft-cert__head .icon {
    width: min(5.4166666667vw, 4.875rem);
    height: min(5.8333333333vw, 5.25rem);
  }
  .p-mulesoft-cert__head .title {
    font-size: min(1.3888888889vw, 1.25rem);
  }
  .p-mulesoft-cert__head .toggle-icon {
    width: min(1.3888888889vw, 1.25rem);
    height: min(1.3888888889vw, 1.25rem);
  }
  .p-mulesoft-cert__item.is-open .p-mulesoft-cert__body {
    padding-top: min(1.1111111111vw, 1rem);
  }
  @starting-style {
    .p-mulesoft-cert__item.is-open .p-mulesoft-cert__body {
      padding-top: 0;
    }
  }
  .p-mulesoft-cert__body .desc-jp {
    font-size: min(1.3888888889vw, 1.25rem);
    margin-bottom: min(1.6666666667vw, 1.5rem);
    padding-top: min(1.1111111111vw, 1rem);
  }
  .p-mulesoft-cert__body .count {
    font-size: min(5.5555555556vw, 5rem);
  }
  .p-mulesoft-cert__body .count .unit {
    font-size: min(2.2222222222vw, 2rem);
  }
}

.p-mulesoft-cert__layout {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.4285714286rem;
  align-items: flex-start;
}
@media (min-width: 768px) {
  .p-mulesoft-cert__layout {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.4285714286rem;
  }
}

/* =====================================
 * Ticker Section
 * ================================== */
.p-ticker-section {
  margin-top: 4.2857142857rem;
  margin-bottom: 4.2857142857rem;
  overflow: hidden;
}
.p-ticker-section__row {
  display: flex;
  width: 100%;
  overflow: hidden;
  margin-bottom: 1.1428571429rem;
}
.p-ticker-section__row:last-child {
  margin-bottom: 0;
}
.p-ticker-section__track {
  display: flex;
  width: max-content;
  will-change: transform;
}
.p-ticker-section__item {
  flex-shrink: 0;
  width: 14.2857142857rem;
  margin-right: 1.1428571429rem;
}
.p-ticker-section__item img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 0.5714285714rem;
}
.p-ticker-section__row--left .p-ticker-section__track {
  animation: ticker-left 60s linear infinite;
}
.p-ticker-section__row--right .p-ticker-section__track {
  animation: ticker-right 60s linear infinite;
}
@media (min-width: 768px) {
  .p-ticker-section {
    margin-top: min(6.9444444444vw, 6.25rem);
    margin-bottom: min(6.9444444444vw, 6.25rem);
  }
  .p-ticker-section__row {
    margin-bottom: min(1.6666666667vw, 1.5rem);
  }
  .p-ticker-section__item {
    width: min(22.2222222222vw, 20rem);
    margin-right: min(1.6666666667vw, 1.5rem);
  }
  .p-ticker-section__item img {
    border-radius: min(1.1111111111vw, 1rem);
  }
}

@keyframes ticker-left {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
@keyframes ticker-right {
  0% {
    transform: translateX(-50%);
  }
  100% {
    transform: translateX(0);
  }
}
/* =====================================
 * ANA Systems Case Study
 * ================================== */
.p-ana-system {
  background-color: var(--c-mule-blue-light);
  border-radius: 1.7142857143rem;
  padding: 2.8571428571rem 0;
  margin-top: 4.2857142857rem;
}
.p-ana-system__layout-head {
  margin-bottom: 2.2857142857rem;
}
.p-ana-system__layout-head .logo {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.1428571429rem;
  margin-bottom: 1.1428571429rem;
  justify-content: center;
}
.p-ana-system__layout-head .logo img {
  height: 2.1428571429rem;
  width: auto;
}
.p-ana-system__layout-head .logo span {
  font-size: 1rem;
  font-weight: bold;
  color: #333;
}
.p-ana-system__layout-head .title {
  font-size: 1.4285714286rem;
  font-weight: bold;
  color: #333;
  line-height: 1.5;
  text-align: center;
}
.p-ana-system__layout-head .title span {
  color: var(--c-mule-blue);
}
.p-ana-system__layout {
  display: flex;
  flex-direction: column;
  gap: 3.4285714286rem;
  position: relative;
  margin-top: 2.1428571429rem;
}
.p-ana-system__layout-left, .p-ana-system__layout-right {
  width: 100%;
  position: relative;
}
.p-ana-system__layout-left img, .p-ana-system__layout-right img {
  width: 100%;
  height: auto;
  display: block;
}
.p-ana-system__layout-left::after {
  content: "";
  display: block;
  aspect-ratio: 1;
  width: 1.4285714286rem;
  border-bottom: 2px solid var(--c-mule-blue);
  border-right: 2px solid var(--c-mule-blue);
  background-color: transparent;
  clip-path: none;
  position: absolute;
  bottom: -2.1428571429rem;
  left: 50%;
  transform: translateX(-50%) rotate(45deg) skew(-10deg, -10deg);
  z-index: 1;
}
@media (min-width: 768px) {
  .p-ana-system {
    border-radius: 0;
    padding: min(4.1666666667vw, 3.75rem) 0;
    margin-top: min(6.9444444444vw, 6.25rem);
    position: relative;
    z-index: 0;
    background: none;
  }
  .p-ana-system:before {
    z-index: -1;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: min(8.3333333333vw, 7.5rem);
    width: 100%;
    height: 100%;
    background-color: var(--c-mule-blue-light);
    border-radius: min(2.7777777778vw, 2.5rem);
  }
  .p-ana-system__layout-head {
    margin-bottom: min(3.4722222222vw, 3.125rem);
  }
  .p-ana-system__layout-head .logo {
    gap: min(1.6666666667vw, 1.5rem);
    margin-bottom: min(1.6666666667vw, 1.5rem);
    justify-content: flex-start;
    align-items: baseline;
    flex-direction: row;
  }
  .p-ana-system__layout-head .logo img {
    height: min(2.7777777778vw, 2.5rem);
  }
  .p-ana-system__layout-head .logo span {
    font-size: min(1.25vw, 1.125rem);
    transform: translateY(-2px);
  }
  .p-ana-system__layout-head .title {
    font-size: min(2.2222222222vw, 2rem);
    text-align: left;
  }
  .p-ana-system__layout {
    flex-direction: row;
    align-items: stretch;
    gap: min(5.5555555556vw, 5rem);
    margin-top: min(3.4722222222vw, 3.125rem);
  }
  .p-ana-system__layout-left, .p-ana-system__layout-right {
    flex: 1;
    padding: 0;
    border-radius: min(1.6666666667vw, 1.5rem);
  }
  .p-ana-system__layout-left .badge, .p-ana-system__layout-right .badge {
    font-size: min(1.9444444444vw, 1.75rem);
    padding: min(0.8333333333vw, 0.75rem) min(2.7777777778vw, 2.5rem);
    border-radius: min(0.5555555556vw, 0.5rem);
    min-width: min(11.1111111111vw, 10rem);
  }
  .p-ana-system__layout-right {
    border-width: 2px;
  }
  .p-ana-system__layout-left::after {
    width: min(2.4305555556vw, 2.1875rem);
    border-width: 3px;
    border-right: 2px solid var(--c-mule-blue);
    border-bottom: 2px solid var(--c-mule-blue);
    bottom: auto;
    left: auto;
    right: -10%;
    top: 50%;
    transform: translateY(-50%) rotate(-45deg) skew(-10deg, -10deg);
  }
}

body[data-page-slug=partner] .p-layout__col2 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem 6.6666666667%;
}
body[data-page-slug=partner] .p-layout__col2 .img {
  position: relative;
  aspect-ratio: 1;
  width: 100%;
  z-index: 0;
}
body[data-page-slug=partner] .p-layout__col2 .img .bg_wrap01 {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
body[data-page-slug=partner] .p-layout__col2 .img .bg_wrap01:before, body[data-page-slug=partner] .p-layout__col2 .img .bg_wrap01:after {
  content: "";
  aspect-ratio: 1;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--c-main);
  filter: blur(4px);
  border-radius: 50%;
  margin: auto;
}
body[data-page-slug=partner] .p-layout__col2 .img .bg_wrap01:before {
  opacity: 0.02;
  width: 100%;
  z-index: -4;
}
body[data-page-slug=partner] .p-layout__col2 .img .bg_wrap01:after {
  opacity: 0.04;
  width: 80%;
  z-index: -3;
}
body[data-page-slug=partner] .p-layout__col2 .img .bg_wrap01 .bg_wrap02 {
  display: flex;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1;
  width: 80%;
}
body[data-page-slug=partner] .p-layout__col2 .img .bg_wrap01 .bg_wrap02:before, body[data-page-slug=partner] .p-layout__col2 .img .bg_wrap01 .bg_wrap02:after {
  aspect-ratio: 1;
  content: "";
  position: absolute;
  background-color: var(--c-main);
  filter: blur(4px);
  border-radius: 50%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.04;
  margin: auto;
}
body[data-page-slug=partner] .p-layout__col2 .img .bg_wrap01 .bg_wrap02:before {
  width: 64%;
  z-index: -2;
}
body[data-page-slug=partner] .p-layout__col2 .img .bg_wrap01 .bg_wrap02:after {
  width: 48%;
  z-index: -1;
}
body[data-page-slug=partner] .p-layout__col2 .img .bg_wrap01 img {
  line-height: 1;
}
body[data-page-slug=partner] .p-layout__col2 .detail {
  width: 100%;
}
@media (min-width: 768px) {
  body[data-page-slug=partner] .p-layout__col2 {
    flex-direction: row;
  }
  body[data-page-slug=partner] .p-layout__col2 .img {
    width: 41.6666666667%;
  }
  body[data-page-slug=partner] .p-layout__col2 .detail {
    width: 51.6666666667%;
  }
}
body[data-page-slug=partner] .p-area__list {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
body[data-page-slug=partner] .p-area__list .p-area__list-item {
  width: 100%;
  display: flex;
  gap: 0.5rem;
  font-size: min(3.7333333333vw, 1.2rem);
  padding: 0.5rem 1.5rem;
  border: 1px solid var(--c-gray);
}
body[data-page-slug=partner] .p-area__list .p-area__list-item span {
  font-size: min(4vw, 1.2857142857rem);
  color: var(--c-main);
  font-weight: bold;
}
@media (min-width: 768px) {
  body[data-page-slug=partner] .p-area__list {
    gap: min(1.1111111111vw, 1rem) min(1.1111111111vw, 1rem);
  }
  body[data-page-slug=partner] .p-area__list .p-area__list-item {
    font-size: min(1.1111111111vw, 1rem);
    width: calc((100% - min(1.1111111111vw, 1rem)) / 2);
  }
  body[data-page-slug=partner] .p-area__list .p-area__list-item span {
    font-size: min(1.25vw, 1.125rem);
  }
}

.p-topics__list {
  border-top: 1px solid var(--c-gray);
}
.p-topics__list-item {
  display: block;
  padding: 1.5rem 0;
  border-bottom: 1px solid var(--c-gray);
  color: var(--c-black);
  text-decoration: none;
  padding-right: 2.75rem;
  position: relative;
}
.p-topics__list-item:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  background-image: url(../img/ico_arrow_blue.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  aspect-ratio: 1;
  width: 14px;
  margin: auto;
  transform: rotate(90deg);
}
.p-topics__list-meta {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.p-topics__list-time {
  font-family: "Hanken Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  color: var(--c-gray-darker);
  font-size: 0.75rem;
  line-height: 100%;
  letter-spacing: 0.06rem;
}
.p-topics__list-cat {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
}
.p-topics__list-cat li {
  display: block;
  padding: 0.25rem 0.5rem;
  color: var(--c-main);
  border: 1px solid var(--c-main);
  font-size: 0.75rem;
  line-height: 160%;
  letter-spacing: 0.06rem;
}
.p-topics__list-title {
  margin-top: 0.5rem;
  display: block;
  font-size: 0.875rem;
  line-height: 160%;
  letter-spacing: 0.07rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
@media (min-width: 768px) {
  .p-topics__list-item {
    padding-right: 3.75rem;
    transition: color 0.5s ease;
  }
  .p-topics__list-item:hover {
    color: var(--c-main);
  }
  .p-topics__list-item:hover .p-topics__list-time {
    color: inherit;
  }
  .p-topics__list-meta {
    gap: 0.5rem 1rem;
  }
  .p-topics__list-time {
    font-size: 0.75rem;
    transition: color 0.5s ease;
  }
  .p-topics__list-cat {
    gap: 0.25rem;
  }
  .p-topics__list-cat li {
    padding: 0.25rem 0.5rem;
    font-size: 0.75rem;
  }
  .p-topics__list-title {
    margin-top: 0.5rem;
    font-size: 1rem;
    letter-spacing: 0.08rem;
  }
  .p-topics__list.-archive .p-topics__list-item {
    display: flex;
    align-items: baseline;
    gap: 2.5rem;
  }
  .p-topics__list.-archive .p-topics__list-item:after {
    right: 2rem;
  }
  .p-topics__list.-archive .p-topics__list-meta {
    min-width: 217px;
  }
  .p-topics__list.-archive .p-topics__list-time {
    white-space: nowrap;
    font-size: 0.875rem;
  }
  .p-topics__list.-archive .p-topics__list-cat {
    font-size: 0.875rem;
  }
  .p-topics__list.-archive .p-topics__list-title {
    width: calc(100% - 217px - 2.5rem);
  }
}

.l-header__contact {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px 20px;
  border-bottom: 1px solid var(--c-gray);
}
.l-header__contact .l-header__logo {
  width: 240px;
}

.l-footer.-contact {
  border-top: 1px solid var(--c-gray);
}
.l-footer.-contact .l-footer__bottom {
  margin-top: 0;
  border-top: none;
}

.p-form__complete {
  text-align: center;
}
.p-form__complete .title {
  margin-bottom: 2.5rem;
  font-size: 2rem;
  line-height: 160%;
  letter-spacing: 0.32rem;
  font-weight: 700;
}
@media (max-width: 767px) {
  .p-form__complete .title {
    font-size: 1.5rem;
  }
}

/* =====================================
* contact form 7 デフォルトcss
* ================================== */
.wpcf7 .screen-reader-response {
  position: absolute;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  word-wrap: normal !important;
}

.wpcf7 form .wpcf7-response-output {
  margin: 2em 0.5em 1em;
  padding: 0.2em 1em;
  border: 2px solid #00a0d2;
}

.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
  display: none;
}

.wpcf7 form.sent .wpcf7-response-output {
  border-color: #46b450;
}

.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
  border-color: #dc3232;
}

.wpcf7 form.spam .wpcf7-response-output {
  border-color: #f56e28;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
  border-color: #ffb900;
}

.wpcf7-form-control-wrap {
  position: relative;
  font-size: 1rem;
}

.wpcf7-not-valid-tip {
  color: #dc3232;
  font-size: 1em;
  font-weight: normal;
  display: block;
}

.use-floating-validation-tip .wpcf7-not-valid-tip {
  position: relative;
  top: -2ex;
  left: 1em;
  z-index: 100;
  border: 1px solid #dc3232;
  background: #fff;
  padding: 0.2em 0.8em;
  width: 24em;
}

.wpcf7-list-item {
  display: inline-block;
  margin: 0 0 0 1em;
}

.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
  content: " ";
}

.wpcf7-spinner {
  visibility: hidden;
  display: inline-block;
  background-color: #23282d;
  opacity: 0.75;
  width: 24px;
  height: 24px;
  border: none;
  border-radius: 100%;
  padding: 0;
  margin: 0 24px;
  position: relative;
}

form.submitting .wpcf7-spinner {
  visibility: visible;
}

.wpcf7-spinner::before {
  content: "";
  position: absolute;
  background-color: #fbfbfc;
  top: 4px;
  left: 4px;
  width: 6px;
  height: 6px;
  border: none;
  border-radius: 100%;
  transform-origin: 8px 8px;
  animation-name: spin;
  animation-duration: 1000ms;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

@media (prefers-reduced-motion: reduce) {
  .wpcf7-spinner::before {
    animation-name: blink;
    animation-duration: 2000ms;
  }
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes blink {
  from {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.wpcf7 [inert] {
  opacity: 0.5;
}

.wpcf7 input[type=file] {
  cursor: pointer;
}

.wpcf7 input[type=file]:disabled {
  cursor: default;
}

.wpcf7 .wpcf7-submit:disabled {
  cursor: not-allowed;
}

.wpcf7 input[type=url],
.wpcf7 input[type=email],
.wpcf7 input[type=tel] {
  direction: ltr;
}

.wpcf7-reflection > output {
  display: list-item;
  list-style: none;
}

.wpcf7-reflection > output[hidden] {
  display: none;
}

/* =====================================
 * フォームのオリジナル設定はここから
 * ================================== */
.p-form__item {
  margin-bottom: 1.7142857143rem;
}
.p-form__item:last-child {
  margin-bottom: 0;
}
.p-form__label {
  display: block;
  font-size: 1rem;
  font-weight: bold;
  margin-bottom: 0.5714285714rem;
  color: #333;
}
.p-form__required {
  display: inline-block;
  font-size: 0.7142857143rem;
  color: var(--c-main);
  margin-left: 0.5714285714rem;
  font-weight: normal;
}
.p-form__input {
  width: 100%;
}
.p-form__input input[type=text],
.p-form__input input[type=email],
.p-form__input input[type=url],
.p-form__input input[type=tel],
.p-form__input textarea {
  width: 100%;
  border: 1px solid #e1e1e1;
  border-radius: 0.1428571429rem;
  padding: 0.8571428571rem 1.1428571429rem;
  font-size: 1.1428571429rem;
  background: #fff;
  appearance: none;
}
.p-form__input input[type=text]::placeholder,
.p-form__input input[type=email]::placeholder,
.p-form__input input[type=url]::placeholder,
.p-form__input input[type=tel]::placeholder,
.p-form__input textarea::placeholder {
  color: #ccc;
}
.p-form__input textarea {
  height: 14.2857142857rem;
  resize: vertical;
}
.p-form__label-sub {
  display: block;
  font-size: 0.8571428571rem;
  margin-bottom: 0.2857142857rem;
  color: #333;
}
.p-form__group-zip, .p-form__group-addr {
  margin-bottom: 1.1428571429rem;
}
.p-form .p-zip {
  max-width: 125px;
}
.p-form__policy {
  margin-top: 2.8571428571rem;
  margin-bottom: 2.8571428571rem;
}
.p-form__policy-title {
  font-size: 1rem;
  font-weight: bold;
  margin-bottom: 1.1428571429rem;
}
.p-form__policy-check {
  margin-bottom: 1.1428571429rem;
}
.p-form__policy-check label {
  display: flex;
  align-items: center;
  gap: 0.5714285714rem;
  cursor: pointer;
}
.p-form__policy-check input[type=checkbox] {
  accent-color: var(--c-main);
  width: 1.4285714286rem;
  height: 1.4285714286rem;
}
.p-form__policy-text {
  font-size: 0.8571428571rem;
  line-height: 1.6;
  color: #333;
}
.p-form__policy-text a {
  color: var(--c-main);
  text-decoration: underline;
}
.p-form__submit {
  text-align: center;
  position: relative;
  z-index: 0;
}
.p-form__submit input[type=submit] {
  background-color: transparent;
  color: var(--c-main);
  border: 1px solid #e1e1e1;
  padding: 1.1428571429rem 4.2857142857rem;
  font-size: 1.1428571429rem;
  font-weight: bold;
  border-radius: 2.1428571429rem;
  cursor: pointer;
  transition: all 0.3s;
  min-width: 17.1428571429rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-image: url(../img/ico_arrow_right_blue.svg);
  background-repeat: no-repeat;
  background-position: right 1.7142857143rem center;
  background-size: 1.1428571429rem;
}
.p-form__submit input[type=submit]:hover {
  background-color: var(--c-main);
  color: #fff;
  border-color: var(--c-main);
  background-image: url(../img/ico_arrow_right_white.svg);
}
@media (min-width: 768px) {
  .p-form__item {
    margin-bottom: min(2.2222222222vw, 2rem);
  }
  .p-form__label {
    font-size: min(0.9722222222vw, 0.875rem);
    margin-bottom: min(0.8333333333vw, 0.75rem);
  }
  .p-form__required {
    font-size: min(0.8333333333vw, 0.75rem);
    margin-left: min(0.8333333333vw, 0.75rem);
  }
  .p-form__input input[type=text],
  .p-form__input input[type=email],
  .p-form__input input[type=url],
  .p-form__input input[type=tel],
  .p-form__input textarea {
    padding: min(1.1111111111vw, 1rem) min(1.6666666667vw, 1.5rem);
    font-size: min(1.1111111111vw, 1rem);
    border-radius: min(0.1388888889vw, 0.125rem);
  }
  .p-form__input textarea {
    height: min(16.6666666667vw, 15rem);
  }
  .p-form__policy {
    margin-top: min(4.1666666667vw, 3.75rem);
    margin-bottom: min(4.1666666667vw, 3.75rem);
  }
  .p-form__policy-title {
    font-size: min(0.9722222222vw, 0.875rem);
    margin-bottom: min(1.3888888889vw, 1.25rem);
  }
  .p-form__policy-text {
    font-size: min(0.9027777778vw, 0.8125rem);
  }
  .p-form__submit input[type=submit] {
    padding: min(1.3888888889vw, 1.25rem) min(5.5555555556vw, 5rem);
    font-size: min(1.1111111111vw, 1rem);
    border-radius: min(2.7777777778vw, 2.5rem);
    min-width: min(20.8333333333vw, 18.75rem);
  }
}

.js-privacy-checkbox + * {
  margin-top: 0.75rem;
}
.js-privacy-checkbox .wpcf7-list-item.first span {
  font-weight: bold;
}

@media (min-width: 960px) {
  .c-thanks-desc {
    text-align: center;
  }
}

html.is-safari .p-form input[type=checkbox],
html.is-safari .p-form input[type=radio] {
  transform: scale(1.3);
  opacity: 0.8;
}

/* =====================================
 * JS制御スタイル（バリデーション・ステータス）
 * ================================== */
.p-form .is-error {
  background-color: #ffe5e5 !important;
  border: 1px solid #E34242 !important;
}

.p-form .wpcf7-not-valid-tip,
.p-form .error {
  display: block;
  margin: 0.75rem 0 0;
  font-size: 0.875rem;
  color: #E34242;
}

.p-form__error-message {
  margin: 0 0 2rem;
  padding: 1.5rem;
  background-color: #ffe5e5;
  display: none;
}
.p-form__error-message.is-show {
  display: block;
}

.p-form__error-headline {
  font-size: 1.25rem;
  font-weight: bold;
  color: #E34242;
  margin-bottom: 1rem;
}
@media (max-width: 767px) {
  .p-form__error-headline {
    font-size: 1.125rem;
  }
}

.p-form__error-list {
  list-style: disc;
  margin: 0 0 0 1.5rem;
  padding: 0;
}
.p-form__error-list li {
  font-size: 1.125rem;
  color: #E34242;
  margin-bottom: 0.5rem;
}
.p-form__error-list li:last-child {
  margin-bottom: 0;
}

.wpcf7-spinner {
  display: block !important;
  position: absolute !important;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: -1;
  width: fit-content;
  height: fit-content;
  margin: auto !important;
}

.wpcf7-submit.is-disabled {
  opacity: 0.5;
  pointer-events: none;
  cursor: not-allowed;
}

form.submitting .has-spinner {
  opacity: 0;
}

/* =========================
  Sitemap (contents only) - Mobile First
  - hover は共通の hover-link mixin に統一
  - 2階層目のみ wrap で段落ち（SP=1列 → TB以降で増やす）
  - metaLink はサイズ控えめに整える
========================= */
.p-sitemap {
  padding: clamp(1.25rem, 3vw, 3rem) 0;
}

.p-sitemap__section + .p-sitemap__section {
  margin-top: 2.5rem;
}

.p-sitemap__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.p-sitemap__item {
  margin: 0;
}
.p-sitemap__item + .p-sitemap__item {
  margin-top: 1.25rem;
}

/* -------------------------
  セクション見出し（第0階層）
------------------------- */
.p-sitemap__top {
  margin: 0 0 0.9375rem;
  padding-bottom: 0.625rem;
  border-bottom: 1px solid var(--c-gray);
}

.p-sitemap__topLink {
  position: relative;
}
.p-sitemap__topLink:before {
  content: "";
  height: 2px;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: -2px;
  transform-origin: right top;
  transform: scale(0, 1);
  transition: transform 0.3s;
  background: currentColor;
}
.p-sitemap__topLink:hover:before {
  transform-origin: left top;
  transform: scale(1, 1);
}
.p-sitemap__topLink {
  display: inline-flex;
  align-items: center;
  font-weight: 700;
  line-height: 1.4;
  color: var(--c-main);
  text-decoration: none;
}
.p-sitemap__topLink:before {
  height: 1px;
}

/* -------------------------
  通常リンク（第1階層）
------------------------- */
.p-sitemap__link {
  display: inline-block;
  line-height: 1.6;
  color: var(--c-black);
  text-decoration: none;
}

a.p-sitemap__link {
  position: relative;
}
a.p-sitemap__link:before {
  content: "";
  height: 2px;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: -2px;
  transform-origin: right top;
  transform: scale(0, 1);
  transition: transform 0.3s;
  background: currentColor;
}
a.p-sitemap__link:hover:before {
  transform-origin: left top;
  transform: scale(1, 1);
}
a.p-sitemap__link:before {
  height: 1px;
}

/* リンク無効（cloud / itps など） */
.p-sitemap__link.is-disabled {
  position: static;
  cursor: default;
  color: var(--c-gray-dark);
}

.p-sitemap__link.is-disabled::before {
  content: none;
}

/* -------------------------
  2階層目：wrap + 横線（SP:1列 → 以降で増やす）
------------------------- */
.p-sitemap__childList {
  margin: 0.5rem 0 0.75rem;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem 1rem;
}

.p-sitemap__childItem {
  position: relative;
  padding-left: 1.25rem;
  flex: 0 0 100%;
  min-width: 0;
}

.p-sitemap__childItem::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.9em;
  width: 0.75rem;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.35);
}

.p-sitemap__childItem .p-sitemap__link {
  font-size: 0.9375rem;
}

/* -------------------------
  3階層目（必要な場合だけ）
------------------------- */
.p-sitemap__grandList {
  margin: 0.375rem 0 0;
  padding: 0.25rem 0 0;
  list-style: none;
  display: grid;
  gap: 0.125rem;
}

.p-sitemap__grandItem {
  position: relative;
  padding-left: 1.25rem;
}

.p-sitemap__grandItem::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.9em;
  width: 0.6rem;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.28);
}

.p-sitemap__grandItem .p-sitemap__link {
  font-size: 0.875rem;
  color: var(--c-gray-dark);
}

/* -------------------------
  その他リンク（固定ページ群）
  - metaLink を控えめに（文字サイズ/行間/余白/視覚密度）
------------------------- */
.p-sitemap__section--meta {
  padding-top: 1rem;
}

.p-sitemap__metaList {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 0.75rem;
}

.p-sitemap__metaLink {
  position: relative;
}
.p-sitemap__metaLink:before {
  content: "";
  height: 2px;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: -2px;
  transform-origin: right top;
  transform: scale(0, 1);
  transition: transform 0.3s;
  background: currentColor;
}
.p-sitemap__metaLink:hover:before {
  transform-origin: left top;
  transform: scale(1, 1);
}
.p-sitemap__metaLink {
  display: inline-block;
  line-height: 1.4;
  font-size: 0.875rem;
  color: var(--c-gray-dark);
  text-decoration: none;
}
.p-sitemap__metaLink:before {
  height: 1px;
}

/* -------------------------
  External link（任意）
  target="_blank" のときだけアイコン
------------------------- */
.p-sitemap__link[target=_blank] {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  width: fit-content;
}
.p-sitemap__link[target=_blank]:after {
  content: "";
  display: inline-block;
  aspect-ratio: 1;
  width: 0.875rem;
  background-image: url(../img/ico_blank.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  flex: 0 0 auto;
}

/* -------------------------
  Breakpoints（mobile first）
  - 2階層目だけ列数を増やす
------------------------- */
/* TB〜：2列 */
@media (min-width: 768px) {
  .p-sitemap__childItem {
    flex-basis: calc((100% - 1rem) / 2);
    min-width: 12rem;
  }
  .p-sitemap__metaList {
    gap: 0.625rem 0.875rem;
  }
}
/* PC〜：3列（現状の意図に合わせて） */
@media (min-width: 960px) {
  .p-sitemap__childItem {
    flex-basis: calc((100% - 2rem) / 3);
  }
}/*# sourceMappingURL=style.css.map */