@charset "UTF-8";
/* ==========================================================================
Base
========================================================================== */
@layer reset, base, vendor, layout, base-element, component, component-block, project, custom-block , utility;
/*!
 * @acab/reset.css
 */
@layer reset {
  *,
  *::before,
  *::after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box; /* もちろん、より直感的なbox-sizingに設定 */
    margin: 0; /* マージンは0に */
    padding: 0; /* パディングも常に0に */
  }
  :where([hidden]:not([hidden=until-found])) {
    display: none !important; /* hiddenは非表示を意味します */
  }
  :where(html) {
    -webkit-text-size-adjust: none; /* iOSのランドスケープでテキストが調整されないようにする */
    color-scheme: dark light; /* ユーザーがダークテーマを好む場合、自動的にダークテーマになる */
  }
  @supports not (min-block-size: 100dvb) {
    :where(html) {
      block-size: 100%;
    }
  }
  @media (prefers-reduced-motion: no-preference) {
    :where(html:focus-within) {
      scroll-behavior: smooth; /* 何かにフォーカスがある場合のみスムーズスクロール */
    }
  }
  :where(body) {
    block-size: 100%; /* サファリ以外のブラウザのフォールバック */
    block-size: 100dvb; /* 1dvbは動的ビューポートの長さの1%、100dvbで高さいっぱいに */
    font-family: system-ui, sans-serif; /* timeの代わりにシステムフォントを使用 */
    line-height: 1.5; /* アクセシブルな行の高さ */
    -webkit-font-smoothing: antialiased; /* テキストのレンダリングを改善 */
  }
  :where(input, button, textarea, select) {
    color: inherit; /* カラーも継承 */
    font: inherit; /* フォーム コントロールは親フォントを継承 */
  }
  :where(textarea) {
    resize: vertical; /* テキストエリアの水平リサイズを無効に */
    resize: block;
  }
  :where(button, label, select, summary, [role=button], [role=option]) {
    cursor: pointer; /* インタラクティブなものにカーソルを合わせる */
  }
  :where(:disabled) {
    cursor: not-allowed; /* フォームコントロール無効時のカーソルを許可しない */
  }
  :where(label:has(> input:disabled), label:has(+ input:disabled)) {
    cursor: not-allowed; /* ラベルにもカーソルを許可しない */
  }
  :where(button) {
    border-style: solid; /* ボタンのボーダーのスタイルを設定しやすくする */
  }
  :where(a) {
    text-underline-offset: 0.2ex; /* 下線の上にスペースを追加する */
  }
  :where(ul, ol) {
    list-style: none; /* ビュレットを削除、必要に応じて手動で追加する */
  }
  :where(img, svg, video, canvas, audio, iframe, embed, object) {
    display: block; /* 置換された要素をより予測可能にする */
  }
  :where(img, picture, svg) {
    block-size: auto; /* アスペクト比を保持 */
    max-inline-size: 100%; /* images should never overflow past the available space */
  }
  :where(p, h1, h2, h3, h4, h5, h6) {
    overflow-wrap: break-word; /* 長い単語は改行 */
  }
  :where(h1, h2, h3) {
    line-height: calc(1em + 0.5rem); /* 見出しの行の高さを減らす */
  }
  :where(hr) {
    block-size: 0;
    /* より一貫性のある、スタイリッシュなhr */
    border: none;
    -webkit-border-before: 1px solid;
    border-block-start: 1px solid;
    color: inherit;
    overflow: visible;
  }
  :where(:focus-visible) {
    /* より一貫性のある、カスタマイズ可能なフォーカスのアウトライン */
    outline: 2px solid var(--focus-color, Highlight);
    outline-offset: 2px;
  }
  /* .visually-hiddenは後のカスケードレイヤーを上書きするために!importantを使用 */
  :where(.visually-hidden:not(:focus, :active, :focus-within, .not-visually-hidden)) {
    border: 0 !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 1px !important;
  }
}
:root {
  --font-family-primary: Hiragino Sans, ヒラギノ角ゴシック, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, メイリオ, Meiryo, sans-serif;
  --font-family-secondary: "Zen Kaku Gothic New", sans-serif;
  --scroll-padding-pc: 64px;
  --scroll-padding-sp: 36px;
  --clr-black-100: #222222;
  --clr-white-100: #ffffff;
  --clr-black-30: #444444;
  --clr-black-20: #cccccc;
  --clr-black-10: #f5f5f5;
  --clr-red-100: #fa1d1c;
  --clr-yellow-100: #ffe542;
  --clr-orange-100: #f4ac00;
  --clr-orange-80: #d38137;
  --clr-green-100: #3aa131;
  --clr-blue-100: #0e6eab;
  --clr-blue-60: #0c7bc9;
  --clr-blue-50: #4ca3e0;
  --clr-blue-40: #e6edf5;
  --clr-blue-30: #d1dae1;
  --clr-blue-20: #e7eff2;
  --clr-blue-10: #f2f6fa;
  --clr-red-100: #fa1d1c;
  --clr-yellow-100: #ffe542;
  --agent-green-100: #a0d036;
  --gradient-black-01: linear-gradient(180deg, #4b4b4b 0%, var(--Labels-Primary, #000) 100%);
  --gradient-red-01: linear-gradient(90deg, rgba(204, 1, 0, 0) 0%, #cc0100 50%, rgba(204, 1, 0, 0) 100%);
}

/* Base
----------------------------------------------------------------- */
@layer base {
  html {
    font-size: 62.5%;
    scroll-behavior: smooth;
    scroll-padding-top: var(--scroll-padding-pc);
  }
  @media screen and (max-width: 1170px) {
    html {
      scroll-padding-top: var(--scroll-padding-sp);
    }
  }
  html:has(dialog[open]) {
    overflow: hidden;
  }
  body {
    background-color: var(--clr-white-100);
    color: var(--clr-black-100);
    font-family: var(--font-family-primary);
    -webkit-font-feature-settings: "palt" 1;
    font-feature-settings: "palt" 1;
    font-size: 1.6rem;
    font-weight: 400;
    letter-spacing: 0.03em;
    line-height: 1.7;
    -webkit-font-smoothing: antialiased;
    padding-top: var(--scroll-padding-pc);
    word-break: break-all;
  }
  @media screen and (max-width: 1170px) {
    body {
      padding-top: var(--scroll-padding-sp);
    }
  }
  :where(a) {
    color: inherit;
    text-decoration: none;
  }
  :where(a):hover {
    text-decoration: none;
  }
  :where(ol),
  :where(ul),
  :where(dl) {
    list-style: none;
  }
  :where(em),
  :where(i) {
    font-style: normal;
  }
  :where(h1),
  :where(h2),
  :where(h3),
  :where(h4),
  :where(h5),
  :where(h6) {
    font-size: 1.6rem;
    font-weight: normal;
  }
  :where(p) {
    font-size: 14px;
  }
  :where(em) {
    font-weight: bold;
  }
  :where(img) {
    display: block;
    height: auto;
    width: 100%;
  }
  :where(button) {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    cursor: pointer;
  }
  :where(input) {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--clr-white-100);
    border: 1px solid var(--clr-black-100);
  }
  :where(textarea) {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--clr-white-100);
    border: 1px solid var(--clr-black-100);
  }
  .visually-hidden {
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    clip: rect(0, 0, 0, 0) !important;
    border: 0 !important;
    white-space: nowrap !important;
  }
  h4 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 15px;
  }
  h5 {
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 15px;
  }
}
@media print {
  .c-header {
    position: absolute !important;
  }
  .c-header__block {
    display: none !important;
  }
  .c-hamburger {
    display: none !important;
  }
}
/* ==========================================================================
Layout
========================================================================== */
@layer layout {
  .l-page__inner {
    margin: 0 auto;
    max-width: 1200px;
  }
  @media print, screen and (max-width:767px) {
    .l-page__inner {
      padding: 0 24px;
    }
  }
}
/* ==========================================================================
Component（カスタムブロック以外）
========================================================================== */
@layer component {
  .c-footer {
    background: var(--clr-white-100);
    border-top: 1px solid #d1dae1;
  }
  .c-footer__inner {
    margin: 0 auto;
    max-width: 1225px;
    padding: 50px 20px 39px;
  }
  @media print, screen and (max-width:767px) {
    .c-footer__inner {
      padding: 48px 24px 40px;
    }
  }
  .c-footer__logo {
    width: 395px;
  }
  @media print, screen and (max-width:767px) {
    .c-footer__logo {
      max-width: 327px;
      width: auto;
    }
  }
  .c-footer__block {
    -webkit-column-gap: 50px;
    -moz-column-gap: 50px;
    column-gap: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 20px;
  }
  @media print, screen and (max-width:767px) {
    .c-footer__block {
      display: block;
      margin-top: 16px;
    }
  }
  .c-footer__l {
    width: 37.552742616%;
  }
  @media print, screen and (max-width:767px) {
    .c-footer__l {
      padding-bottom: 40px;
      width: auto;
    }
  }
  .c-footer__l-catch {
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.7;
  }
  @media print, screen and (max-width:767px) {
    .c-footer__l-catch {
      letter-spacing: 0.03em;
    }
    .c-footer__l-catch br {
      display: none;
    }
  }
  .c-footer__l .c-button {
    margin-top: 26px;
  }
  @media print, screen and (max-width:767px) {
    .c-footer__l .c-button {
      margin-top: 16px;
    }
  }
  .c-footer__l .c-button a {
    font-size: 1.7rem;
    margin-left: 0;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
  }
  .c-footer__l .c-button a:hover {
    opacity: 0.7;
  }
  .c-footer__l .c-button a {
    border: none;
    padding: 9px 34px;
  }
  @media print, screen and (max-width:767px) {
    .c-footer__l .c-button a {
      font-size: 1.4rem;
      padding: 9px 24px;
    }
  }
  .c-footer__r {
    width: 58.3966244726%;
  }
  @media print, screen and (max-width:767px) {
    .c-footer__r {
      border-top: 1px solid var(--clr-blue-30);
      margin-inline: -24px;
      padding: 32px 24px 0;
      width: auto;
    }
  }
  .c-footer__info {
    margin-top: 30px;
  }
  @media print, screen and (max-width:767px) {
    .c-footer__info {
      mtgin-top: 16px;
    }
  }
  .c-footer__info div {
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 5px;
  }
  @media print, screen and (max-width:767px) {
    .c-footer__info div {
      -webkit-column-gap: 16px;
      -moz-column-gap: 16px;
      column-gap: 16px;
    }
  }
  .c-footer__info div dt {
    font-size: 1.3rem;
    width: 80px;
  }
  @media print, screen and (max-width:767px) {
    .c-footer__info div dt {
      font-size: 1.2rem;
    }
  }
  .c-footer__info div dd {
    font-size: 1.3rem;
    width: 100%;
  }
  @media print, screen and (max-width:767px) {
    .c-footer__info div dd {
      font-size: 1.2rem;
    }
  }
  .c-footer__nav {
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  @media print, screen and (max-width:767px) {
    .c-footer__nav {
      gap: 16px 0;
    }
  }
  @media print, screen and (max-width:767px) {
    .c-footer__nav li {
      width: 50%;
    }
  }
  .c-footer__nav li a {
    font-size: 1.5rem;
    font-weight: 600;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
  .c-footer__nav li a:hover {
    opacity: 0.7;
  }
  @media print, screen and (max-width:767px) {
    .c-footer__nav li a {
      font-size: 1.6rem;
    }
  }
  .c-footer__link {
    margin-top: 30px;
  }
  @media print, screen and (max-width:767px) {
    .c-footer__link {
      margin-top: 24px;
    }
  }
  .c-footer__link li {
    background: #e9f0f7;
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 5px;
    overflow: hidden;
  }
  @media print, screen and (max-width:767px) {
    .c-footer__link li {
      margin-top: 8px;
    }
  }
  .c-footer__link-fig {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 106px;
  }
  @media print, screen and (max-width:767px) {
    .c-footer__link-fig {
      width: 78px;
    }
  }
  .c-footer__link-fig img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
  }
  .c-footer__link dl {
    padding: 13px 18px;
  }
  @media print, screen and (max-width:767px) {
    .c-footer__link dl {
      padding: 8px 12px;
    }
  }
  .c-footer__link dl dt {
    color: var(--clr-blue-100);
    font-size: 1.5rem;
    font-weight: 600;
  }
  @media print, screen and (max-width:767px) {
    .c-footer__link dl dt {
      font-size: 1.3rem;
      letter-spacing: 0.01em;
      line-height: 1.5;
    }
  }
  .c-footer__link dl dt a:hover {
    text-decoration: underline;
  }
  .c-footer__link dl dd {
    font-size: 1.3rem;
    font-weight: 300;
    line-height: 1.5;
  }
  @media print, screen and (max-width:767px) {
    .c-footer__link dl dd {
      font-size: 1.1rem;
      letter-spacing: 0.08em;
    }
  }
  .c-footer__link dl dd a {
    color: var(--clr-blue-100);
    display: block;
    text-decoration: underline;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
  }
  .c-footer__link dl dd a:hover {
    opacity: 0.7;
  }
  .c-footer__block2 {
    border-top: 1px solid #d1dae1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 50px;
    padding-top: 30px;
  }
  @media screen and (max-width: 1170px) {
    .c-footer__block2 {
      display: block;
      margin-top: 18px;
      padding-top: 24px;
    }
  }
  .c-footer__block2-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 30px;
  }
  @media not print, screen and (max-width:767px) {
    .c-footer__block2-nav {
      -ms-flex-negative: 0;
      flex-shrink: 0;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
    }
  }
  @media print, screen and (max-width:767px) {
    .c-footer__block2-nav {
      display: block;
    }
  }
  @media print, screen and (max-width:767px) {
    .c-footer__block2-nav li {
      margin-top: 5px;
    }
  }
  .c-footer__block2-nav li a {
    font-size: 1.3rem;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
  @media not print, screen and (max-width:767px) {
    .c-footer__block2-nav li a {
      white-space: nowrap;
    }
  }
  .c-footer__block2-nav li a:hover {
    opacity: 0.7;
  }
  @media print, screen and (max-width:767px) {
    .c-footer__block2-nav li a {
      font-size: 1.2rem;
    }
  }
  .c-footer__block2-nav li a[target=_blank]::after {
    background-color: var(--clr-blue-100);
    content: "";
    display: inline-block;
    height: 9px;
    margin-left: 5px;
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%229%22%20height%3D%229%22%20viewBox%3D%220%200%209%209%22%20fill%3D%22none%22%3E%20%3Crect%20x%3D%220.5%22%20y%3D%222.5%22%20width%3D%226%22%20height%3D%226%22%20stroke%3D%22%230C7BC9%22%2F%3E%20%3Crect%20x%3D%223%22%20width%3D%226%22%20height%3D%221%22%20fill%3D%22%230C7BC9%22%2F%3E%20%3Crect%20x%3D%229%22%20width%3D%226%22%20height%3D%221%22%20transform%3D%22rotate(90%209%200)%22%20fill%3D%22%230C7BC9%22%2F%3E%20%3C%2Fsvg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%229%22%20height%3D%229%22%20viewBox%3D%220%200%209%209%22%20fill%3D%22none%22%3E%20%3Crect%20x%3D%220.5%22%20y%3D%222.5%22%20width%3D%226%22%20height%3D%226%22%20stroke%3D%22%230C7BC9%22%2F%3E%20%3Crect%20x%3D%223%22%20width%3D%226%22%20height%3D%221%22%20fill%3D%22%230C7BC9%22%2F%3E%20%3Crect%20x%3D%229%22%20width%3D%226%22%20height%3D%221%22%20transform%3D%22rotate(90%209%200)%22%20fill%3D%22%230C7BC9%22%2F%3E%20%3C%2Fsvg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    width: 9px;
  }
  .c-footer__copy {
    font-size: 1.1rem;
    font-weight: 500;
    margin-top: 5px;
  }
  @media not print, screen and (max-width:767px) {
    .c-footer__copy {
      -ms-flex-negative: 0;
      flex-shrink: 0;
      white-space: nowrap;
    }
  }
  @media screen and (max-width: 1170px) {
    .c-footer__copy {
      margin-top: 18px;
    }
  }
  @media print, screen and (max-width:767px) {
    .c-footer__copy {
      font-size: 1rem;
      margin-top: 55px;
    }
  }
}
@layer component {
  .c-header {
    background: var(--clr-white-100);
    -webkit-box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.1);
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 20;
  }
  @media print, screen and (max-width:767px) {
    .c-header {
      -webkit-box-shadow: unset;
      box-shadow: unset;
    }
  }
  .c-header__top {
    background: #3d72a9;
    padding: 4px 0 0;
  }
  .c-header__top-nav-list {
    color: var(--clr-white-100);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.1rem;
    font-weight: 700;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    padding-right: 50px;
  }
  @media screen and (max-width: 1170px) {
    .c-header__top-nav {
      display: none;
    }
  }
  .c-header__top-nav-item {
    color: var(--clr-white-100);
    padding-block: 8px 15px;
    padding-inline: 12px;
  }
  .c-header__top-nav-item:hover, .c-header__top-nav-item.is-current {
    background: var(--clr-white-100);
    border-radius: 10px 10px 0 0;
    color: var(--clr-blue-100);
  }
  .c-header__inner {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 10px 64px 10px 24px;
    position: relative;
    z-index: 11;
  }
  @media screen and (max-width: 1340px) {
    .c-header__inner {
      padding: 10px 10px 10px 10px;
    }
  }
  @media screen and (max-width: 1170px) {
    .c-header__inner {
      background: var(--clr-white-100);
      border-bottom: 1px solid var(--clr-blue-30);
      height: 36px;
      padding: 0 0 0 16px;
    }
  }
  .c-header__logo {
    width: 359px;
  }
  @media screen and (max-width: 1340px) {
    .c-header__logo {
      width: 300px;
    }
  }
  @media screen and (max-width: 1170px) {
    .c-header__logo {
      width: 226px;
    }
  }
  .c-header__block {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
  }
  .c-header__nav {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
  }
  @media screen and (max-width: 1340px) {
    .c-header__nav {
      gap: 12px;
    }
  }
  @media screen and (max-width: 1170px) {
    .c-header__nav {
      display: none;
    }
  }
  .c-header__nav li {
    padding-block: 4px;
    position: relative;
  }
  .c-header__nav li a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.6rem;
    font-weight: 600;
    height: 36px;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
  }
  .c-header__nav li a.is-current::before {
    background-color: var(--clr-blue-100);
    bottom: -10px;
    content: "";
    display: block;
    height: 3px;
    left: 0;
    position: absolute;
    width: 100%;
  }
  .c-header__nav li:hover {
    color: var(--clr-blue-100);
  }
  .c-header__nav li:has(ul):hover > a::after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  .c-header__nav li:has(ul) > a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 6px;
    -moz-column-gap: 6px;
    column-gap: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .c-header__nav li:has(ul) > a::after {
    background: url("../images/common/icon_submenu.svg") no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 7px;
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    width: 10px;
  }
  .c-header__sub {
    background: var(--clr-white-100);
    border: 1px solid var(--clr-blue-30);
    border-radius: 5px;
    -webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.1);
    display: none;
    left: -23px;
    min-width: 390px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 40px;
    -webkit-transition: opacity 0.3s, display 0.3s;
    transition: opacity 0.3s, display 0.3s;
    transition-behavior: allow-discrete;
    width: 100%;
    z-index: 5;
  }
  .c-header__sub.is-open {
    display: block;
    opacity: 1;
    pointer-events: auto;
  }
  @starting-style {
    .c-header__sub.is-open {
      opacity: 0;
    }
  }
  .c-header__sub li:not(:last-child) {
    border-bottom: 1px solid var(--clr-blue-30);
  }
  .c-header__sub li a {
    display: block;
    height: auto;
    padding: 10px 24px;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
  .c-header__sub li a:hover {
    opacity: 0.7;
  }
  .c-header__sub li a dl dt {
    color: var(--clr-blue-100);
    font-size: 1.5rem;
    font-weight: 600;
    letter-spacing: 0.03em;
  }
  .c-header__sub li a dl dd {
    color: var(--clr-black-30);
    font-size: 1.1rem;
  }
  .c-header__block2 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 22px;
  }
  @media screen and (max-width: 1170px) {
    .c-header__block2 {
      display: none;
    }
  }
  .c-header__block2::before {
    background-color: var(--clr-blue-30);
    content: "";
    display: block;
    height: 18px;
    margin-left: 22px;
    width: 1px;
  }
  .c-header__block2-link {
    font-size: 1.6rem;
    font-weight: 600;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
  }
  .c-header__block2-link:hover {
    color: var(--clr-blue-100);
  }
  .c-header__nav2 li a {
    font-size: 1.6rem;
    font-weight: 600;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
  }
  .c-header__nav2 li a:hover {
    color: var(--clr-blue-100);
  }
  .c-header__contact a {
    background: linear-gradient(95deg, #6fbadf 1.7%, #44a4de 32.07%, #0e7dca 73.6%);
    border-radius: 600px;
    -webkit-box-shadow: 1px 1px 1px 0 rgba(0, 45, 96, 0.2);
    box-shadow: 1px 1px 1px 0 rgba(0, 45, 96, 0.2);
    color: var(--clr-white-100);
    display: block;
    font-size: 1.4rem;
    font-weight: 600;
    letter-spacing: 0.05em;
    padding: 8px 32px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
  }
  .c-header__contact a:hover {
    opacity: 0.7;
  }
  .c-header__hamburger {
    display: none;
  }
  @media screen and (max-width: 1170px) {
    .c-header__hamburger {
      border-left: 1px solid var(--clr-blue-30);
      cursor: pointer;
      display: block;
      height: 36px;
      position: relative;
      width: 46px;
    }
    .c-header__hamburger.is-open span:nth-child(1) {
      top: 17px;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
    }
    .c-header__hamburger.is-open span:nth-child(2) {
      opacity: 0;
    }
    .c-header__hamburger.is-open span:nth-child(3) {
      top: 17px;
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg);
    }
    .c-header__hamburger span {
      background: var(--clr-blue-100);
      display: block;
      height: 2px;
      left: 15px;
      pointer-events: none;
      position: absolute;
      top: 17px;
      -webkit-transition: opacity 0.2s, top 0.2s, -webkit-transform 0.2s;
      transition: opacity 0.2s, top 0.2s, -webkit-transform 0.2s;
      transition: opacity 0.2s, transform 0.2s, top 0.2s;
      transition: opacity 0.2s, transform 0.2s, top 0.2s, -webkit-transform 0.2s;
      width: 16px;
    }
    .c-header__hamburger span:nth-child(1) {
      top: 10px;
    }
    .c-header__hamburger span:nth-child(3) {
      top: 24px;
    }
  }
}
@layer component {
  .c-hamburger {
    background: var(--clr-white-100);
    height: 100vh;
    left: 0;
    overflow-y: auto;
    padding-top: 36px;
    position: fixed;
    right: 0;
    top: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
    transition: opacity 0.3s ease, transform 0.3s ease;
    transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;
    z-index: 10;
  }
  .c-hamburger.is-open {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  .c-hamburger__inner {
    padding: 32px;
  }
  .c-hamburger__nav li {
    border-bottom: 1px solid var(--clr-blue-30);
  }
  .c-hamburger__nav li a {
    background: url("../images/common/icon_arrow.svg") no-repeat 100% 50%;
    display: block;
    font-size: 1.8rem;
    font-weight: 600;
    letter-spacing: 0.03em;
    line-height: 2;
    padding: 8px 0;
  }
  .c-hamburger__child {
    padding-bottom: 12px;
  }
  .c-hamburger__child li {
    border-bottom: none;
  }
  .c-hamburger__child li a {
    background: none;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2;
    padding: 0;
  }
  .c-hamburger__child li + li {
    margin-top: 5px;
  }
  .c-hamburger__sub {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px 32px;
    margin-top: 16px;
  }
  .c-hamburger__sub li {
    width: calc((100% - 32px) / 2);
  }
  .c-hamburger__sub li a {
    font-size: 1.4rem;
    letter-spacing: 0.03em;
    line-height: 1.5;
  }
  .c-hamburger__sub li a[target=_blank]::after {
    background-color: var(--clr-blue-100);
    content: "";
    display: inline-block;
    height: 9px;
    margin-left: 5px;
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%229%22%20height%3D%229%22%20viewBox%3D%220%200%209%209%22%20fill%3D%22none%22%3E%20%3Crect%20x%3D%220.5%22%20y%3D%222.5%22%20width%3D%226%22%20height%3D%226%22%20stroke%3D%22%230C7BC9%22%2F%3E%20%3Crect%20x%3D%223%22%20width%3D%226%22%20height%3D%221%22%20fill%3D%22%230C7BC9%22%2F%3E%20%3Crect%20x%3D%229%22%20width%3D%226%22%20height%3D%221%22%20transform%3D%22rotate(90%209%200)%22%20fill%3D%22%230C7BC9%22%2F%3E%20%3C%2Fsvg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%229%22%20height%3D%229%22%20viewBox%3D%220%200%209%209%22%20fill%3D%22none%22%3E%20%3Crect%20x%3D%220.5%22%20y%3D%222.5%22%20width%3D%226%22%20height%3D%226%22%20stroke%3D%22%230C7BC9%22%2F%3E%20%3Crect%20x%3D%223%22%20width%3D%226%22%20height%3D%221%22%20fill%3D%22%230C7BC9%22%2F%3E%20%3Crect%20x%3D%229%22%20width%3D%226%22%20height%3D%221%22%20transform%3D%22rotate(90%209%200)%22%20fill%3D%22%230C7BC9%22%2F%3E%20%3C%2Fsvg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    width: 9px;
  }
}
@layer component {
  .c-button--fit a,
  .c-button--fit button {
    margin: 0 auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  .c-button a,
  .c-button button {
    background: linear-gradient(95deg, #6fbadf 1.7%, #44a4de 32.07%, #0e7dca 73.6%);
    border: 1px solid #2a8fd5;
    border-radius: 28px;
    -webkit-box-shadow: 1px 1px 1px 0 rgba(0, 45, 96, 0.2);
    box-shadow: 1px 1px 1px 0 rgba(0, 45, 96, 0.2);
    color: var(--clr-white-100);
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
  }
  .c-button a:hover,
  .c-button button:hover {
    opacity: 0.7;
  }
  .c-button a,
  .c-button button {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px 50px;
  }
  .c-button__icon {
    color: var(--clr-white-100);
    height: 20px;
    width: 20px;
  }
  .c-button__icon svg {
    height: 100%;
    width: 100%;
  }
  .c-button__text {
    font-size: 1.5rem;
    font-weight: 600;
    letter-spacing: 0.05em;
    line-height: 1;
  }
  .c-button--secondary a,
  .c-button--secondary button {
    background: linear-gradient(95deg, #f7f7f7 1.7%, #eaf3f8 32.07%, #e8f3fb 73.6%);
    border-width: 2px;
    color: var(--clr-blue-100);
  }
  .c-button--thirdry a,
  .c-button--thirdry button {
    background: #fff;
    border-color: #ddd;
    border-width: 2px;
    color: var(--clr-blue-100);
  }
  .c-button--orange a,
  .c-button--orange button {
    background: linear-gradient(95deg, #f7f7f7 1.7%, #f8f4ea 32.07%, #fbf3e8 73.6%);
    border-color: #d9b03f;
    border-width: 2px;
    color: #d38137;
  }
  .c-button--green a,
  .c-button--green button {
    background: linear-gradient(95deg, #f7f7f7 1.7%, #eaf8ef 32.07%, #f0fbe8 73.6%);
    border-color: #70d93f;
    border-width: 2px;
    color: #509527;
  }
}
@layer component {
  .c-button2 {
    margin: 48px 0 0;
  }
  @media print, screen and (max-width:767px) {
    .c-button2 {
      margin: 32px 0 0;
    }
  }
  .c-button2 a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 3px solid var(--clr-blue-100);
    border-radius: 600px;
    color: var(--clr-blue-100);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.6rem;
    font-weight: 600;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1;
    margin: 0 auto;
    max-width: 322px;
    padding: 16px 26px;
    position: relative;
    text-align: center;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
  }
  .c-button2 a:hover {
    opacity: 0.7;
  }
  @media print, screen and (max-width:767px) {
    .c-button2 a {
      margin: 0 auto;
      max-width: 226px;
      padding: 10px 26px;
    }
  }
  .c-button2 a::after {
    background: url("../images/common/icon_submenu.svg") no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 6px;
    position: absolute;
    right: 26px;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(-90deg);
    transform: translateY(-50%) rotate(-90deg);
    width: 10px;
  }
}
@layer component {
  .c-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 40px;
  }
  @media print, screen and (max-width:767px) {
    .c-column {
      display: block;
      margin-top: 24px;
    }
  }
  .c-column__item {
    width: calc(50% - 4px);
  }
  @media print, screen and (max-width:767px) {
    .c-column__item {
      margin-top: 8px;
      width: auto;
    }
  }
  .c-column__link {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: var(--clr-white-100);
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    overflow: hidden;
    padding: 10px 8px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
  }
  .c-column__link:hover {
    opacity: 0.7;
  }
  @media print, screen and (max-width:767px) {
    .c-column__link {
      padding: 8px;
    }
  }
  .c-column__link dl {
    margin: 10px 20px;
  }
  @media print, screen and (max-width:767px) {
    .c-column__link dl {
      margin: 5px 16px;
    }
  }
  .c-column__link dl dt {
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.5;
  }
  @media print, screen and (max-width:767px) {
    .c-column__link dl dt {
      font-size: 1.2rem;
      letter-spacing: 0.03em;
    }
  }
  .c-column__link dl dd {
    font-size: 1rem;
    margin-top: 8px;
  }
  @media print, screen and (max-width:767px) {
    .c-column__link dl dd {
      font-size: 1.2rem;
      letter-spacing: 0.03em;
      margin-top: 0;
    }
  }
  .c-column__fig {
    aspect-ratio: 180/90;
    border-radius: 5px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    overflow: hidden;
    width: 180px;
  }
  @media print, screen and (max-width:767px) {
    .c-column__fig {
      -ms-flex-item-align: stretch;
      align-self: stretch;
      width: 100px;
    }
  }
  .c-column__fig img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
  }
}
@layer component {
  .c-column2 {
    display: grid;
    gap: 36px;
    grid-template-columns: repeat(3, 1fr);
    margin-top: 40px;
  }
  @media print, screen and (max-width:767px) {
    .c-column2 {
      gap: 8px;
      grid-template-columns: 1fr;
      margin-top: 16px;
    }
  }
  .c-column2__item {
    border: 1px solid var(--clr-blue-30);
    border-radius: 8px;
    overflow: hidden;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
  }
  .c-column2__item:hover {
    opacity: 0.7;
  }
  .c-column2__item {
    -webkit-transition: opacity 200ms, display 200ms;
    transition: opacity 200ms, display 200ms;
  }
  @starting-style {
    .c-column2__item {
      opacity: 0;
    }
  }
  .c-column2__item.is-hidden {
    display: none;
    opacity: 0;
  }
  .c-column2__item a {
    display: contents;
  }
  @media print, screen and (max-width:767px) {
    .c-column2__item a {
      -webkit-column-gap: 16px;
      -moz-column-gap: 16px;
      column-gap: 16px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding: 8px;
    }
  }
  .c-column2__item a figure {
    aspect-ratio: 376/212;
  }
  @media print, screen and (max-width:767px) {
    .c-column2__item a figure {
      aspect-ratio: 100/90;
      border-radius: 4px;
      -ms-flex-negative: 0;
      flex-shrink: 0;
      overflow: hidden;
      width: 100px;
    }
  }
  .c-column2__item a figure img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
  }
  .c-column2__item-inner {
    padding: 20px 24px;
  }
  @media print, screen and (max-width:767px) {
    .c-column2__item-inner {
      padding: 0;
    }
  }
  .c-column2__item-inner h3 {
    font-size: 1.8rem;
    font-weight: 600;
    letter-spacing: 0.03em;
    line-height: 1.5;
  }
  @media print, screen and (max-width:767px) {
    .c-column2__item-inner h3 {
      font-size: 1.4rem;
    }
  }
  .c-column2__item-date {
    color: #636363;
    font-size: 1.2rem;
    letter-spacing: 0.03em;
    line-height: 1.5;
    margin-top: 8px;
  }
  .c-column2__item-tag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 12px;
  }
  .c-column2__item-tag li {
    background: var(--clr-blue-20);
    border-radius: 4px;
    color: var(--clr-black-30);
    font-size: 1.2rem;
    padding: 3px 8px;
  }
}
@layer component {
  .c-column3__item:not(:first-child) {
    margin-top: 24px;
  }
  @media print, screen and (max-width:767px) {
    .c-column3__item:not(:first-child) {
      margin-top: 8px;
    }
  }
  @media print, screen and (max-width:767px) {
    .c-column3__item {
      border: 1px solid var(--clr-blue-30);
      border-radius: 8px;
      overflow: hidden;
    }
  }
  .c-column3__item a {
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
  }
  .c-column3__item a:hover {
    opacity: 0.7;
  }
  @media print, screen and (max-width:767px) {
    .c-column3__item a {
      -webkit-column-gap: 16px;
      -moz-column-gap: 16px;
      column-gap: 16px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding: 8px;
    }
  }
  .c-column3__item a figure {
    aspect-ratio: 213/120;
    border-radius: 8px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    overflow: hidden;
    width: 27.0304568528%;
  }
  @media print, screen and (max-width:767px) {
    .c-column3__item a figure {
      aspect-ratio: 100/90;
      border-radius: 4px;
      -ms-flex-negative: 0;
      flex-shrink: 0;
      overflow: hidden;
      width: 100px;
    }
  }
  .c-column3__item a figure img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
  }
  .c-column3__item-inner h3 {
    font-size: 1.8rem;
    font-weight: 600;
    letter-spacing: 0.03em;
    line-height: 1.5;
  }
  @media print, screen and (max-width:767px) {
    .c-column3__item-inner h3 {
      font-size: 1.4rem;
    }
  }
  .c-column3__item-date {
    color: #636363;
    font-size: 1.2rem;
    letter-spacing: 0.03em;
    line-height: 1.5;
    margin-top: 8px;
  }
  .c-column3__item-tag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 12px;
  }
  .c-column3__item-tag li {
    background: var(--clr-blue-20);
    border-radius: 4px;
    color: var(--clr-black-30);
    font-size: 1.2rem;
    padding: 3px 8px;
  }
  @media print, screen and (max-width:767px) {
    .c-column3__item-tag li {
      font-size: 1rem;
    }
  }
}
@layer component {
  .c-caselist {
    margin-top: 40px;
  }
  @media print, screen and (max-width:767px) {
    .c-caselist {
      margin-top: 24px;
    }
  }
  .c-caselist__item {
    border-bottom: 1px solid var(--clr-black-20);
  }
  .c-caselist__link {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
    padding: 16px 8px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
  }
  .c-caselist__link:hover {
    opacity: 0.7;
  }
  .c-caselist__arrow {
    background-color: var(--clr-blue-60);
    border-radius: 50%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 24px;
    position: relative;
    width: 24px;
  }
  .c-caselist__arrow::after {
    background-color: var(--clr-white-100);
    content: "";
    height: 8px;
    left: 50%;
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228%22%20height%3D%228%22%20viewBox%3D%220%200%208%208%22%3E%3Cpath%20d%3D%22M1%200L7%204L1%208V0Z%22%2F%3E%3C%2Fsvg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228%22%20height%3D%228%22%20viewBox%3D%220%200%208%208%22%3E%3Cpath%20d%3D%22M1%200L7%204L1%208V0Z%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-60%, -50%);
    transform: translate(-60%, -50%);
    width: 8px;
  }
  .c-caselist__text {
    font-size: 1.6rem;
    line-height: 1.6;
  }
  @media print, screen and (max-width:767px) {
    .c-caselist__text {
      font-size: 1.4rem;
    }
  }
}
@layer component {
  .c-seminar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 64px 60px;
    margin-top: 40px;
  }
  @media print, screen and (max-width:767px) {
    .c-seminar {
      display: block;
      margin-top: 23px;
    }
  }
  .c-seminar__item {
    width: calc((100% - 120px) / 3);
  }
  @media print, screen and (max-width:767px) {
    .c-seminar__item {
      width: auto;
    }
    .c-seminar__item:not(:first-child) {
      margin-top: 24px;
    }
  }
  .c-seminar__link {
    display: block;
    position: relative;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
  }
  .c-seminar__link:hover {
    opacity: 0.7;
  }
  .c-seminar__link.-disabled {
    cursor: default;
  }
  .c-seminar__link.-disabled:hover {
    opacity: 1;
  }
  .c-seminar__badge {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: url("../images/seminar/badge.png") no-repeat 50%/contain;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-filter: drop-shadow(0 4px 5px rgba(0, 0, 0, 0.1));
    filter: drop-shadow(0 4px 5px rgba(0, 0, 0, 0.1));
    height: 72px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    right: -36px;
    top: -36px;
    width: 72px;
  }
  @media print, screen and (max-width:767px) {
    .c-seminar__badge {
      right: -20px;
    }
  }
  .c-seminar__badge-inner {
    color: var(--clr-white-100);
    font-size: 11px;
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
  }
  .c-seminar__badge-inner span {
    font-size: 16px;
  }
  .c-seminar__badge-inner span span {
    font-size: 22px;
  }
  .c-seminar__fig {
    aspect-ratio: 348/182;
    border-radius: 6px;
    overflow: hidden;
  }
  .c-seminar__fig img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
  }
  .c-seminar__icon {
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 16px;
    row-gap: 8px;
  }
  .c-seminar__icon li {
    border: 1px solid var(--clr-black-20);
    border-radius: 65px;
    font-size: 1.3rem;
    font-weight: 600;
    line-height: 1;
    padding: 7.5px 16px 4.5px;
  }
  .c-seminar__icon li.-icon01 {
    background: linear-gradient(100deg, #d8b53f 9.22%, #d67d2d 67.3%);
    border: unset;
    border-color: transparent;
    color: var(--clr-white-100);
  }
  .c-seminar__icon li.-icon02 {
    background: linear-gradient(94deg, #44a0d7 10.57%, #13449c 95.16%);
    border: unset;
    border-color: transparent;
    color: var(--clr-white-100);
    -webkit-column-gap: 6px;
    -moz-column-gap: 6px;
    column-gap: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .c-seminar__icon li.-icon02::before {
    background: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%227%22%20height%3D%2210%22%20viewBox%3D%220%200%207%2010%22%20fill%3D%22none%22%3E%20%3Cpath%20d%3D%22M0.417471%200C0.494548%200%200.569904%200.0288591%200.634069%200.0829499L6.52976%203.96398C6.67255%204.06681%206.79129%204.21572%206.87389%204.39555C6.95649%204.57538%207%204.77972%207%204.98777C7%205.19582%206.95649%205.40016%206.87389%205.57999C6.79129%205.75982%206.67255%205.90873%206.52976%206.01156L0.634069%209.94613C0.564792%209.99079%200.486576%2010.0083%200.409413%209.99636C0.33225%209.98444%200.259645%209.94365%200.200873%209.87921C0.135939%209.80227%200.0845098%209.7089%200.0499243%209.60514C0.0153387%209.50139%20-0.00162949%209.38958%200.000123178%209.27698V0.685179C-0.00162949%200.572578%200.0153387%200.460771%200.0499243%200.357018C0.0845098%200.253264%200.135939%200.159887%200.200873%200.0829499C0.265038%200.0288591%200.340395%200%200.417471%200Z%22%20fill%3D%22white%22%2F%3E%20%3C%2Fsvg%3E") no-repeat center/contain;
    content: "";
    display: block;
    height: 10px;
    width: 7px;
  }
  .c-seminar__icon li.-icon03 {
    background: var(--clr-green-100);
    border: unset;
    border-color: transparent;
    color: var(--clr-white-100);
    -webkit-column-gap: 6px;
    -moz-column-gap: 6px;
    column-gap: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .c-seminar__icon li.-icon03::before {
    background: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%227%22%20height%3D%2210%22%20viewBox%3D%220%200%207%2010%22%20fill%3D%22none%22%3E%20%3Cpath%20d%3D%22M0.417471%200C0.494548%200%200.569904%200.0288591%200.634069%200.0829499L6.52976%203.96398C6.67255%204.06681%206.79129%204.21572%206.87389%204.39555C6.95649%204.57538%207%204.77972%207%204.98777C7%205.19582%206.95649%205.40016%206.87389%205.57999C6.79129%205.75982%206.67255%205.90873%206.52976%206.01156L0.634069%209.94613C0.564792%209.99079%200.486576%2010.0083%200.409413%209.99636C0.33225%209.98444%200.259645%209.94365%200.200873%209.87921C0.135939%209.80227%200.0845098%209.7089%200.0499243%209.60514C0.0153387%209.50139%20-0.00162949%209.38958%200.000123178%209.27698V0.685179C-0.00162949%200.572578%200.0153387%200.460771%200.0499243%200.357018C0.0845098%200.253264%200.135939%200.159887%200.200873%200.0829499C0.265038%200.0288591%200.340395%200%200.417471%200Z%22%20fill%3D%22white%22%2F%3E%20%3C%2Fsvg%3E") no-repeat center/contain;
    content: "";
    display: block;
    height: 10px;
    width: 7px;
  }
  .c-seminar__icon li.-icon04 {
    background: var(--clr-yellow-100);
    border: unset;
    border-color: transparent;
    color: var(--clr-black-100);
    -webkit-column-gap: 6px;
    -moz-column-gap: 6px;
    column-gap: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .c-seminar__icon li.-icon04::before {
    background: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%227%22%20height%3D%2210%22%20viewBox%3D%220%200%207%2010%22%20fill%3D%22none%22%3E%20%3Cpath%20d%3D%22M0.417471%200C0.494548%200%200.569904%200.0288591%200.634069%200.0829499L6.52976%203.96398C6.67255%204.06681%206.79129%204.21572%206.87389%204.39555C6.95649%204.57538%207%204.77972%207%204.98777C7%205.19582%206.95649%205.40016%206.87389%205.57999C6.79129%205.75982%206.67255%205.90873%206.52976%206.01156L0.634069%209.94613C0.564792%209.99079%200.486576%2010.0083%200.409413%209.99636C0.33225%209.98444%200.259645%209.94365%200.200873%209.87921C0.135939%209.80227%200.0845098%209.7089%200.0499243%209.60514C0.0153387%209.50139%20-0.00162949%209.38958%200.000123178%209.27698V0.685179C-0.00162949%200.572578%200.0153387%200.460771%200.0499243%200.357018C0.0845098%200.253264%200.135939%200.159887%200.200873%200.0829499C0.265038%200.0288591%200.340395%200%200.417471%200Z%22%20fill%3D%22%23222%22%2F%3E%20%3C%2Fsvg%3E") no-repeat center/contain;
    content: "";
    display: block;
    height: 10px;
    width: 7px;
  }
  .c-seminar__icon li.-icon05 {
    background: var(--clr-black-30);
    border: unset;
    border-color: transparent;
    color: var(--clr-white-100);
  }
  .c-seminar__title {
    font-size: 1.6rem;
    font-weight: 600;
    letter-spacing: 0.03em;
    line-height: 1.5;
    margin-top: 16px;
  }
  .c-seminar__info {
    margin-top: 8px;
  }
  .c-seminar__info div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .c-seminar__info div dt,
  .c-seminar__info div dd {
    font-size: 1.2rem;
  }
  .c-seminar__info div dt {
    width: 75px;
  }
}
@layer component {
  .c-case {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 64px 48px;
    margin-top: 40px;
  }
  @media print, screen and (max-width:767px) {
    .c-case {
      display: block;
      margin-top: 23px;
    }
  }
  .c-case__item {
    opacity: 1;
    -webkit-transition: opacity 200ms, display 200ms;
    transition: opacity 200ms, display 200ms;
    width: calc((100% - 96px) / 3);
  }
  @starting-style {
    .c-case__item {
      opacity: 0;
    }
  }
  @media print, screen and (max-width:767px) {
    .c-case__item {
      width: auto;
    }
    .c-case__item:not(:first-child) {
      margin-top: 24px;
    }
  }
  .c-case__item a {
    display: block;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
  }
  .c-case__item a:hover {
    opacity: 0.7;
  }
  .c-case__fig {
    aspect-ratio: 347/202;
    border-radius: 6px;
    overflow: hidden;
    position: relative;
  }
  .c-case__fig > img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
  }
  .c-case__fig-logo {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: var(--clr-white-100);
    border-radius: 6px 0 0 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 56px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    right: 0;
    width: 104px;
  }
  .c-case__fig-logo img {
    height: auto;
    max-height: 51px;
    max-width: 67px;
    width: auto;
  }
  .c-case__sub {
    font-size: 1.2rem;
    font-weight: 600;
    margin-top: 16px;
  }
  .c-case__title {
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.6;
    margin-top: 8px;
  }
  .c-case__title a {
    color: var(--clr-black-100);
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.48px;
    line-height: 1.5;
    margin: 8px 0 0;
    padding: 0 0 0 24px;
    position: relative;
  }
  .c-case__title a::before {
    background: url("../images/common/icon_arrow.svg") no-repeat center/contain;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    height: 18px;
    left: 0;
    margin: 0 8px 0 0;
    position: absolute;
    top: 0;
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
    width: 18px;
  }
  .c-case__info {
    display: grid;
    gap: 4px 10px;
    grid-template-columns: auto 1fr;
    margin-top: 16px;
  }
  .c-case__info dt,
  .c-case__info dd {
    font-size: 1.2rem;
  }
  .c-case__icon {
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .c-case__icon li {
    border-radius: 25px;
    color: var(--clr-white-100);
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1;
    padding: 4px 10px;
  }
  .c-case__icon li.-icon01 {
    background: linear-gradient(105deg, #d8b73f 14.38%, #d38137 91.01%);
  }
  .c-case__icon li.-icon02 {
    background: linear-gradient(101deg, #63b4de 0%, #0e7dca 50.43%);
  }
  .c-case__url a {
    color: var(--clr-blue-100);
    text-decoration: underline;
  }
}
@layer component {
  .c-page-title {
    background: -webkit-gradient(linear, left top, left bottom, from(#50b0ed), to(#36a0e9));
    background: linear-gradient(180deg, #50b0ed 0%, #36a0e9 100%);
    position: relative;
  }
  .c-page-title::after {
    background: -webkit-gradient(linear, left top, left bottom, from(#4dbdf0), to(#79cdf4));
    background: linear-gradient(180deg, #4dbdf0 0%, #79cdf4 100%);
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    z-index: 1;
  }
  .c-page-title .c-breadcrumb {
    color: var(--clr-black-10);
    left: 30px;
    padding: 0;
    position: absolute;
    top: 16px;
    z-index: 3;
  }
  @media print, screen and (max-width:767px) {
    .c-page-title .c-breadcrumb {
      left: 24px;
      top: 16px;
    }
  }
  .c-page-title .c-breadcrumb__item:not(:first-child)::before {
    background-image: url("../images/common/icon_breadcrumb.svg");
  }
  .c-page-title__inner {
    background: -webkit-gradient(linear, left top, left bottom, from(#0480c5), to(#0099d9));
    background: linear-gradient(180deg, #0480c5 0%, #0099d9 100%);
    clip-path: polygon(0% 0%, 100% 0%, 100% 70%, 60% 100%, 40% 100%, 0% 70%);
    margin: 0 auto;
    padding: 65px 20px 54px;
    position: relative;
    width: 733px;
    z-index: 2;
  }
  @media print, screen and (max-width:767px) {
    .c-page-title__inner {
      margin: 0 40px;
      padding: 55px 20px 61px;
      width: auto;
    }
  }
  .c-page-title__heading {
    color: var(--clr-white-100);
    font-size: 4rem;
    font-weight: 600;
    letter-spacing: 0.03em;
    line-height: 1.75;
    text-align: center;
  }
  @media print, screen and (max-width:767px) {
    .c-page-title__heading {
      font-size: 2.4rem;
    }
  }
}
@layer component {
  .c-breadcrumb {
    padding: 16px 30px 0;
  }
  .c-breadcrumb__inner {
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  @media print, screen and (max-width:767px) {
    .c-breadcrumb__inner {
      -webkit-column-gap: 6px;
      -moz-column-gap: 6px;
      column-gap: 6px;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      row-gap: 2px;
    }
  }
  .c-breadcrumb__item {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.3rem;
    line-height: 1.5;
  }
  @media print, screen and (max-width:767px) {
    .c-breadcrumb__item {
      -ms-flex-negative: 0;
      flex-shrink: 0;
      font-size: 1rem;
      max-width: 100%;
    }
  }
  .c-breadcrumb__item:not(:first-child)::before {
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNSIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDUgMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3QgeD0iMC43MDcwMzEiIHk9IjAuNzU3ODEyIiB3aWR0aD0iNiIgaGVpZ2h0PSIxIiB0cmFuc2Zvcm09InJvdGF0ZSg0NSAwLjcwNzAzMSAwLjc1NzgxMikiIGZpbGw9IiMwZTZlYWIiLz48cmVjdCB5PSI4LjUzMTI1IiB3aWR0aD0iNiIgaGVpZ2h0PSIxIiB0cmFuc2Zvcm09InJvdGF0ZSgtNDUgMCA4LjUzMTI1KSIgZmlsbD0iIzBlNmVhYiIvPjwvc3ZnPg==") no-repeat;
    background-size: contain;
    content: "";
    display: block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 8px;
    margin-top: calc((1.5em - 8px) / 2);
    width: 5px;
  }
  .c-breadcrumb__item a:hover {
    text-decoration: underline;
  }
}
@layer component {
  .c-title1 {
    font-size: 3.4rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    margin-top: 72px;
    text-align: center;
  }
}
@layer component {
  .c-title2 {
    -webkit-column-gap: 16px;
    -moz-column-gap: 16px;
    column-gap: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 3.4rem;
    font-weight: 600;
    letter-spacing: 0.02em;
  }
  @media print, screen and (max-width:767px) {
    .c-title2 {
      font-size: 2.6rem;
      line-height: 1.5;
      margin-left: -8px;
    }
  }
  .c-title2::before {
    background: -webkit-gradient(linear, left top, left bottom, from(#0e6eab), to(#4ca3e0));
    background: linear-gradient(180deg, #0e6eab 0%, #4ca3e0 100%);
    border-radius: 2px;
    content: "";
    display: block;
    width: 6px;
  }
}
@layer component {
  .c-cta {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #f6f6f6;
    border-radius: 8px;
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 40px 0;
    padding: 20px;
  }
  @media print, screen and (max-width:767px) {
    .c-cta {
      display: block;
    }
  }
  .c-cta figure {
    border-radius: 8px;
    overflow: hidden;
    width: 57.5757575758%;
  }
  @media print, screen and (max-width:767px) {
    .c-cta figure {
      width: auto;
    }
  }
  .c-cta__block {
    width: 51.5151515152%;
  }
  @media print, screen and (max-width:767px) {
    .c-cta__block {
      width: auto;
    }
  }
  @media print, screen and (max-width:767px) {
    .c-cta dl {
      margin-top: 16px;
      text-align: center;
    }
  }
  .c-cta dl dt {
    font-size: 2.2rem;
    font-weight: 600;
    letter-spacing: 0.03em;
    line-height: 1.5;
  }
  @media print, screen and (max-width:767px) {
    .c-cta dl dt {
      font-size: 1.6rem;
    }
  }
  .c-cta dl dd {
    color: var(--clr-black-30);
    font-size: 1.2rem;
    letter-spacing: 0.03em;
  }
  @media print, screen and (max-width:767px) {
    .c-cta dl dd {
      font-size: 1.3rem;
    }
  }
  .c-cta__btn {
    margin-top: 24px;
  }
  @media print, screen and (max-width:767px) {
    .c-cta__btn {
      margin-top: 16px;
    }
  }
  .c-cta__btn a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: linear-gradient(95deg, #6fbadf 1.7%, #44a4de 32.07%, #0e7dca 73.6%);
    border-radius: 58px;
    color: var(--clr-white-100) !important;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    font-size: 1.6rem;
    font-weight: 600;
    letter-spacing: 0.05em;
    line-height: 1;
    padding: 16px 30px;
    text-decoration: none !important;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  .c-cta__btn a:hover {
    opacity: 0.7;
  }
  @media print, screen and (max-width:767px) {
    .c-cta__btn a {
      margin: 0 auto;
      padding: 15px;
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
    }
  }
  .c-cta__btn a svg {
    color: var(--clr-white-100);
    height: 18px;
    position: relative;
    top: -2px;
    width: 18px;
  }
}
@layer component {
  .c-reason__block {
    background: var(--clr-black-10);
    border-left: 8px var(--clr-blue-60) solid;
    border-radius: 8px;
    margin-top: 24px;
    overflow: hidden;
    padding: 32px 40px;
  }
  @media print, screen and (max-width:767px) {
    .c-reason__block {
      margin-top: 16px;
      padding: 32px 16px;
    }
    .c-reason__block:first-child {
      margin-top: 0;
    }
  }
  .c-reason__block ul {
    margin-left: 20px;
    margin-top: 20px;
  }
  @media print, screen and (max-width:767px) {
    .c-reason__block ul {
      margin-left: 10px;
    }
  }
  .c-reason__block ul li {
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    letter-spacing: 0.03em;
    line-height: 2;
    margin-top: 4px;
  }
  @media print, screen and (max-width:767px) {
    .c-reason__block ul li {
      font-size: 14px;
      line-height: 1.6;
    }
  }
  .c-reason__block ul li::before {
    background: var(--clr-blue-60);
    border-radius: 50%;
    content: "";
    display: block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 6px;
    position: relative;
    top: 15px;
    width: 6px;
  }
  @media print, screen and (max-width:767px) {
    .c-reason__block ul li::before {
      top: 8px;
    }
  }
  .c-reason__block--block2 {
    border-color: #3aa131;
  }
  .c-reason__block--block2 .c-reason__title::before {
    background: #3aa131 url(/_assets/images/report/icon_reason02.svg) no-repeat 50% 50%;
  }
  .c-reason__block--block2 ul li::before {
    background-color: #3aa131;
  }
  .c-reason__block--block3 {
    border-color: #d38137;
  }
  .c-reason__block--block3 .c-reason__title::before {
    background: #d38137 url(/_assets/images/report/icon_reason03.svg) no-repeat 50% 50%;
  }
  .c-reason__block--block3 ul li::before {
    background-color: #d38137;
  }
  .c-reason__title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 16px;
    -moz-column-gap: 16px;
    column-gap: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 0.03em;
  }
  @media print, screen and (max-width:767px) {
    .c-reason__title {
      font-size: 22px;
    }
  }
  .c-reason__title::before {
    background: var(--clr-blue-60) url(/_assets/images/report/icon_reason01.svg) no-repeat 50% 50%;
    border-radius: 50%;
    content: "";
    display: block;
    height: 52px;
    width: 52px;
  }
  @media print, screen and (max-width:767px) {
    .c-reason__title::before {
      -ms-flex-negative: 0;
      flex-shrink: 0;
    }
  }
}
/* ==========================================================================
Component（カスタムブロック）
========================================================================== */
@layer custom-block {
  .c-seminar-fig01 p + p {
    margin-top: 10px;
  }
  .c-seminar-fig01 p img {
    border-radius: 8px;
  }
}
@layer custom-block {
  .c-seminar-fig02 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px;
  }
  .c-seminar-fig02 p {
    width: calc((100% - 10px) / 2);
  }
  .c-seminar-fig02 p img {
    border-radius: 8px;
  }
}
@layer custom-block {
  .c-seminar-caution {
    margin-top: 20px;
  }
  .c-seminar-caution h2 {
    color: var(--clr-red-100);
  }
  .c-seminar-caution-list {
    background-color: #ffeeee;
    border-radius: 8px;
    padding: 20px;
  }
  .c-seminar-caution-list li {
    font-size: 15px;
    padding-left: 23px;
  }
  .c-seminar-caution-list li::before {
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDE1IDE0IiBmaWxsPSJub25lIj4gPHBhdGggZD0iTTUuOTI5NyAwLjk0MDM0QzYuNjI1NjQgLTAuMzEzNDY0IDguMzYxNjYgLTAuMzEzNDMgOS4wNTc2MyAwLjk0MDM0TDE0Ljc0ODEgMTEuMTg0NUgxNC43NTQ5QzE1LjQ1MDcgMTIuNDM4NSAxNC41ODIyIDEzLjk5OTggMTMuMTkwNCAxMy45OTk5SDEuODA5NThDMC40MTc3NTcgMTMuOTk5OSAtMC40NTA3ODUgMTIuNDMyMiAwLjI0NTEyNiAxMS4xODQ1TDUuOTI5NyAwLjk0MDM0Wk03LjQ5MzE3IDEwLjU5NzZDNi4zOTA5NCAxMC41OTc3IDYuMzY2MzEgMTIuMjQ3OSA3LjQ5MzE3IDEyLjI0OEM4LjYzMjUgMTIuMjQ4IDguNTk1NTQgMTAuNTk3NiA3LjQ5MzE3IDEwLjU5NzZaTTcuNDg3MzEgMi44MDM2MkM3LjEzMDEyIDIuODAzNjIgNi44MzM5OSAzLjA3MjQ2IDYuODMzOTkgMy40MDUxOFY4Ljk0NjJDNi44MzM5OSA5LjI5MTcyIDcuMTMwMTIgOS41NjA0NiA3LjQ4NzMxIDkuNTYwNDZDNy44NDQ0MiA5LjU2MDM2IDguMTM5NjYgOS4yOTE2NiA4LjEzOTY2IDguOTQ2MlYzLjQwNTE4QzguMTM5NjYgMy4wNzI1MiA3Ljg0NDQyIDIuODAzNzIgNy40ODczMSAyLjgwMzYyWiIgZmlsbD0iI0ZBMUQxQyIvPjwvc3ZnPg==") no-repeat 50%/contain !important;
    border-radius: unset;
    height: 14px;
    top: 3px;
    width: 15px;
  }
  .c-seminar-caution-list li + li {
    margin-top: 14px;
  }
}
@layer custom-block {
  .c-seminar-voice li {
    background: var(--clr-blue-10);
    border-radius: 8px;
    font-size: 15px;
    margin-left: 16px;
    padding: 16px 20px;
    position: relative;
  }
  .c-seminar-voice li::before {
    background: var(--clr-blue-10);
    border-radius: 2px;
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%);
    display: block;
    height: 16px;
    left: -15px;
    position: absolute;
    top: 20px;
    width: 16px;
  }
}
/* ==========================================================================
Project
========================================================================== */
@layer project {
  @-webkit-keyframes logo-marquee {
    to {
      -webkit-transform: translateX(calc(-100% - 37px));
      transform: translateX(calc(-100% - 37px));
    }
  }
  @keyframes logo-marquee {
    to {
      -webkit-transform: translateX(calc(-100% - 37px));
      transform: translateX(calc(-100% - 37px));
    }
  }
  .p-home .l-page__inner {
    max-width: 1176px;
  }
  .p-home__fv {
    background: -webkit-gradient(linear, left top, left bottom, from(#50b0ed), to(#36a0e9));
    background: linear-gradient(180deg, #50b0ed 0%, #36a0e9 100%);
    position: relative;
  }
  .p-home__fv::after {
    background: -webkit-gradient(linear, left top, left bottom, from(#4dbdf0), to(#79cdf4));
    background: linear-gradient(180deg, #4dbdf0 0%, #79cdf4 100%);
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    z-index: 1;
  }
  .p-home__fv__inner {
    background: -webkit-gradient(linear, left top, left bottom, from(#0480c5), to(#0099d9));
    background: linear-gradient(180deg, #0480c5 0%, #0099d9 100%);
    clip-path: polygon(0% 0%, 100% 0%, 100% 85%, 50% 100%, 0% 85%);
    margin: 0 auto;
    max-width: 898px;
    padding: 78px 16px 85px;
    position: relative;
    z-index: 2;
  }
  @media print, screen and (max-width:767px) {
    .p-home__fv__inner {
      clip-path: polygon(0% 0%, 100% 0%, 100% 90%, 50% 100%, 0% 90%);
      margin: 0 40px;
      padding: 30px 8px 45px;
    }
  }
  .p-home__fv-title {
    color: var(--clr-white-100);
    font-family: "Zen Kaku Gothic Antique", sans-serif;
    font-size: 7.7rem;
    text-align: center;
  }
  @media print, screen and (max-width:767px) {
    .p-home__fv-title {
      font-size: 4.95rem;
      letter-spacing: 0;
    }
  }
  .p-home__fv-title span {
    font-size: 5rem;
  }
  @media print, screen and (max-width:767px) {
    .p-home__fv-title span {
      font-size: 2.8rem;
    }
  }
  .p-home__fv-title em {
    background: linear-gradient(105deg, #003dab 0%, #008acd 95.27%);
    display: inline-block;
    padding: 0 5px 5px 2px;
  }
  @media print, screen and (max-width:767px) {
    .p-home__fv-title em {
      padding-right: 2px;
    }
  }
  .p-home__fv-title .u-pc-only {
    font-size: inherit;
  }
  .p-home__fv-lead {
    color: var(--clr-white-100);
    font-size: 2.8rem;
    font-weight: 600;
    letter-spacing: 0.03em;
    line-height: 1.5;
    margin-top: 21px;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  }
  @media print, screen and (max-width:767px) {
    .p-home__fv-lead {
      display: none;
    }
  }
  .p-home__fv-list {
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 49px;
  }
  @media print, screen and (max-width:767px) {
    .p-home__fv-list {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      margin: 24px auto 0;
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
    }
  }
  .p-home__fv-list li {
    width: auto;
  }
  @media print, screen and (max-width:767px) {
    .p-home__fv-list li {
      width: auto;
    }
  }
  .p-home__fv-list li:first-child > span {
    margin-left: auto;
  }
  @media print, screen and (max-width:767px) {
    .p-home__fv-list li:first-child > span {
      margin-bottom: 30px;
    }
  }
  .p-home__fv-list li > span {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    background: #fff;
    border-radius: 5px;
    color: #1a5e8e;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 2rem;
    font-weight: 600;
    height: 30px;
    line-height: 1;
    padding: 0 5px 5px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  @media print, screen and (max-width:767px) {
    .p-home__fv-list li > span {
      font-size: 1.6rem;
      height: 33px;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      padding-bottom: 8px;
      white-space: nowrap;
      width: auto;
    }
  }
  .p-home__fv-list li > span .num {
    -webkit-text-stroke: 8px #fff;
    font-family: "Oswald";
    font-size: 5.2rem;
    text-stroke: 8px #fff;
    paint-order: stroke;
  }
  @media print, screen and (max-width:767px) {
    .p-home__fv-list li > span .num {
      font-size: 4.4rem;
      position: relative;
      top: 4px;
    }
  }
  .p-home__fv-list li > span sup {
    font-size: 1rem;
    position: relative;
    top: -0.5em;
  }
  .p-home__fv-note {
    color: var(--clr-white-100);
    font-size: 1rem;
    margin-top: 13px;
    text-align: center;
    text-align: center;
  }
  .p-home__fv2 {
    background: #f2f6fa;
    margin-top: 148px;
    padding-top: 1px;
    position: relative;
    z-index: 2;
  }
  @media print, screen and (max-width:767px) {
    .p-home__fv2 {
      margin-top: 48px;
    }
  }
  .p-home__fv2::before {
    background: #f2f6fa;
    clip-path: polygon(50% 0, 100% 100%, 0% 100%);
    content: "";
    display: block;
    height: 150px;
    left: 0;
    position: absolute;
    top: -148px;
    width: 100%;
    z-index: 1;
  }
  @media print, screen and (max-width:767px) {
    .p-home__fv2::before {
      height: 50px;
      top: -48px;
    }
  }
  .p-home__fv2-inner {
    margin: 0 auto;
    max-width: 1120px;
    padding: 0 20px;
  }
  @media print, screen and (max-width:767px) {
    .p-home__fv2-inner {
      margin: 0 24px;
      padding: 0;
    }
  }
  .p-home__fv2-services {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 16px;
    margin-top: -150px;
    position: relative;
    z-index: 4;
  }
  @media print, screen and (max-width:767px) {
    .p-home__fv2-services {
      display: block;
      margin-top: -50px;
    }
  }
  .p-home__fv2-services > li {
    background: var(--clr-white-100);
    border-radius: 5px;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 32, 92, 0.1);
    box-shadow: 0 0 10px 0 rgba(0, 32, 92, 0.1);
    width: 100%;
  }
  .p-home__fv2-services > li:first-child {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 40px 80px;
  }
  @media print, screen and (max-width:767px) {
    .p-home__fv2-services > li:first-child {
      display: block;
      padding: 24px 16px;
      text-align: center;
    }
  }
  .p-home__fv2-services > li:first-child h2 img {
    height: 49px;
    width: auto;
  }
  @media print, screen and (max-width:767px) {
    .p-home__fv2-services > li:first-child h2 img {
      height: 40px;
      margin: 0 auto;
    }
  }
  .p-home__fv2-services > li:first-child .p-home__fv2-services-lead {
    font-size: 2rem;
  }
  @media print, screen and (max-width:767px) {
    .p-home__fv2-services > li:first-child .p-home__fv2-services-lead {
      font-size: 1.7rem;
    }
  }
  .p-home__fv2-services > li:first-child ul {
    -webkit-column-gap: 32px;
    -moz-column-gap: 32px;
    column-gap: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 34px;
  }
  @media print, screen and (max-width:767px) {
    .p-home__fv2-services > li:first-child ul {
      display: block;
      margin: 14px auto 0;
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
    }
  }
  .p-home__fv2-services > li:first-child ul li {
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.5rem;
  }
  @media print, screen and (max-width:767px) {
    .p-home__fv2-services > li:first-child ul li {
      font-size: 1.4rem;
      letter-spacing: 0;
      text-align: left;
      white-space: nowrap;
    }
  }
  .p-home__fv2-services > li:first-child ul li::before {
    background: url("../images/common/icon_check.svg") no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 20px;
    width: 20px;
  }
  .p-home__fv2-services > li:not(:first-child) {
    padding: 37px;
    text-align: center;
    width: calc(50% - 8px);
  }
  @media print, screen and (max-width:767px) {
    .p-home__fv2-services > li:not(:first-child) {
      margin-top: 16px;
      padding: 24px 16px;
      width: 100%;
    }
  }
  .p-home__fv2-services > li:not(:first-child) h2 img {
    height: 53px;
    margin: 0 auto;
    width: auto;
  }
  @media print, screen and (max-width:767px) {
    .p-home__fv2-services > li:not(:first-child) h2 img {
      height: 40px;
      margin: 0 auto;
    }
  }
  .p-home__fv2-services > li:not(:first-child) .c-button {
    margin-top: 14px;
  }
  .p-home__fv2-services > li:not(:first-child) .c-button a {
    padding: 12px;
  }
  .p-home__fv2-services-lead {
    font-size: 1.7rem;
    font-weight: 600;
    line-height: 1.7;
  }
  @media print, screen and (max-width:767px) {
    .p-home__fv2-services-lead {
      font-size: 1.6rem;
    }
  }
  .p-home__fv2-services-sub {
    font-size: 1.5rem;
    margin-top: 8px;
  }
  @media print, screen and (max-width:767px) {
    .p-home__fv2-services-sub {
      font-size: 1.4rem;
    }
  }
  .p-home__fv2-services-btns {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 220px;
  }
  @media print, screen and (max-width:767px) {
    .p-home__fv2-services-btns {
      margin: 14px auto;
    }
  }
  .p-home__fv2-services-btns .c-button a {
    padding: 14px 15px;
  }
  .p-home__fv2-services-btns .c-button + .c-button {
    margin-top: 8px;
  }
  @media print, screen and (max-width:767px) {
    .p-home__fv2-services-btns .c-button + .c-button {
      margin-top: 8px;
    }
  }
  .p-home__fv2-slide {
    margin-top: 40px;
    padding-bottom: 23px;
  }
  .p-home__fv2-slide.is-stop .p-home__fv2-marquee-list {
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
  }
  .p-home__fv2-slide-button {
    background: var(--clr-blue-30) url(../images/home/icon_pause.svg) no-repeat center;
    border-radius: 4px;
    height: 40px;
    margin: 16px 24px 0 auto;
    width: 60px;
  }
  .p-home__fv2-marquee {
    -webkit-column-gap: 37px;
    -moz-column-gap: 37px;
    column-gap: 37px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
  }
  .p-home__fv2-marquee + .p-home__fv2-marquee {
    margin-top: 20px;
  }
  @media print, screen and (max-width:767px) {
    .p-home__fv2-marquee + .p-home__fv2-marquee {
      margin-top: 10px;
    }
  }
  .p-home__fv2-marquee-list {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-animation: logo-marquee 80s linear infinite;
    animation: logo-marquee 80s linear infinite;
    -webkit-column-gap: 37px;
    -moz-column-gap: 37px;
    column-gap: 37px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
  .p-home__fv2-marquee-list li {
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
  .p-home__fv2-marquee-list img {
    height: 35px;
    width: auto;
  }
  .p-home__fv2-marquee--reverse .p-home__fv2-marquee-list {
    animation-direction: reverse;
  }
  .p-home__about {
    background: url("../images/home/bg_about.webp") no-repeat center/cover;
    padding: 100px 20px 56px;
  }
  @media print, screen and (max-width:767px) {
    .p-home__about {
      background-image: url("../images/home/bg_about_sp.webp");
      padding: 40px 0;
    }
  }
  .p-home__about-block {
    margin-left: auto;
    max-width: 1200px;
  }
  .p-home__about-block-title {
    color: var(--clr-blue-60);
    font-family: "Zen Kaku Gothic Antique", sans-serif;
    font-size: 4.4rem;
    font-weight: 900;
    letter-spacing: 0;
    line-height: 1.4;
    margin-bottom: 25px;
    width: 57.0833333333%;
  }
  @media print, screen and (max-width:767px) {
    .p-home__about-block-title {
      font-size: 2.2rem;
      letter-spacing: -0.02em;
      margin-bottom: 16px;
      width: 100%;
    }
  }
  .p-home__about-block-row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 4px;
    -moz-column-gap: 4px;
    column-gap: 4px;
    display: grid;
  }
  @media print, screen and (max-width:767px) {
    .p-home__about-block-row {
      display: block;
    }
  }
  .p-home__about-block-body {
    grid-column: 1;
    grid-row: 1;
  }
  @media print, screen and (max-width:767px) {
    .p-home__about-block-body {
      width: 100%;
    }
  }
  .p-home__about-block-body p {
    color: var(--clr-blue-60);
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 1.9;
  }
  @media print, screen and (max-width:767px) {
    .p-home__about-block-body p {
      font-size: 1.4rem;
      font-weight: bold;
      letter-spacing: 0.03em;
      line-height: 1.5;
    }
  }
  .p-home__about-block-body p + p {
    margin-top: 16px;
  }
  .p-home__about-block-fig {
    grid-column: 2;
    grid-row: 1;
    margin: 0 0 0 auto;
    max-width: 640px;
    max-width: 640px;
  }
  .p-home__about-block-fig img {
    aspect-ratio: 640/405;
    display: block;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
  }
  @media print, screen and (max-width:767px) {
    .p-home__about-block-fig {
      margin-left: auto;
      margin-right: auto;
      margin-top: 16px;
      width: 100%;
    }
  }
  .p-home__about-block .p-home__about-note {
    font-size: 1.2rem;
    font-weight: 300;
    grid-column: 1;
    grid-row: 2;
    margin-top: 16px;
  }
  .p-home__about-block2 {
    background: #1e71bf;
    border-radius: 12px;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 40px;
    padding: 50px 62px;
  }
  @media print, screen and (max-width:767px) {
    .p-home__about-block2 {
      display: block;
      padding: 24px 16px;
    }
  }
  .p-home__about-block2-fig {
    width: 35.1627906977%;
  }
  @media print, screen and (max-width:767px) {
    .p-home__about-block2-fig {
      width: 100%;
    }
  }
  .p-home__about-block2-text {
    width: 63.1627906977%;
  }
  @media print, screen and (max-width:767px) {
    .p-home__about-block2-text {
      width: 100%;
    }
  }
  .p-home__about-block2-text h3 {
    color: var(--clr-white-100);
    font-size: 2.6rem;
    font-weight: 600;
    letter-spacing: 0.03em;
  }
  @media print, screen and (max-width:767px) {
    .p-home__about-block2-text h3 {
      font-size: 2.3rem;
    }
  }
  .p-home__about-block2-text ul {
    margin-top: 36px;
  }
  .p-home__about-block2-text ul li {
    color: var(--clr-white-100);
    font-size: 1.7rem;
    letter-spacing: 0.08em;
    line-height: 1.7;
    margin-top: 20px;
    padding-left: 38px;
    position: relative;
  }
  @media print, screen and (max-width:767px) {
    .p-home__about-block2-text ul li {
      font-size: 1.4rem;
      padding-left: 26px;
    }
  }
  .p-home__about-block2-text ul li sub {
    position: relative;
    top: -0.2em;
  }
  .p-home__about-block2-text ul li span.note {
    display: block;
    font-size: 1.2rem;
    letter-spacing: 0.02em;
  }
  .p-home__about-block2-text ul li::before {
    background: url("../images/home/icon_voice.svg") no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 25px;
    left: 0;
    position: absolute;
    top: 0;
    width: 22px;
  }
  @media print, screen and (max-width:767px) {
    .p-home__about-block2-text ul li::before {
      height: 21px;
      margin-top: 3px;
      width: 16px;
    }
  }
  .p-home__case {
    padding: 80px 20px 64px;
  }
  @media print, screen and (max-width:767px) {
    .p-home__case {
      padding: 40px 0;
    }
    .p-home__case .c-case__item:nth-child(n+4) {
      display: none;
    }
  }
  .p-home__case-title {
    font-size: 3.4rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    text-align: center;
  }
  @media print, screen and (max-width:767px) {
    .p-home__case-title {
      font-size: 2.4rem;
    }
  }
  .p-home__case .c-button {
    margin-top: 40px;
  }
  .p-home__seminar {
    border-top: 1px solid var(--clr-blue-30);
    padding: 80px 20px 64px;
  }
  @media print, screen and (max-width:767px) {
    .p-home__seminar {
      padding: 40px 0;
    }
    .p-home__seminar .c-seminar__item:nth-child(n+4) {
      display: none;
    }
  }
  .p-home__seminar .c-seminar__icon li {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    height: 19px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1;
    padding: 0 10px;
  }
  .p-home__seminar-title {
    font-size: 3.4rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    text-align: center;
  }
  @media print, screen and (max-width:767px) {
    .p-home__seminar-title {
      font-size: 2.4rem;
    }
  }
  .p-home__seminar .c-button {
    margin-top: 40px;
  }
  .p-home__column {
    background: linear-gradient(122deg, #0660a9 16.15%, #179ddc 57.97%, #79caf2 94.91%);
    padding: 80px 20px 64px;
  }
  @media print, screen and (max-width:767px) {
    .p-home__column {
      padding: 40px 0;
    }
    .p-home__column .c-column__item:nth-child(n+7) {
      display: none;
    }
  }
  .p-home__column-title {
    color: var(--clr-white-100);
    font-size: 3.4rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    text-align: center;
  }
  @media print, screen and (max-width:767px) {
    .p-home__column-title {
      font-size: 2.4rem;
    }
  }
  .p-home__column-lead {
    color: var(--clr-white-100);
    font-size: 1.6rem;
    margin-top: 19px;
    text-align: center;
  }
  @media print, screen and (max-width:767px) {
    .p-home__column-lead {
      font-size: 1.5rem;
      margin-top: 16px;
    }
  }
  .p-home__column .c-button {
    margin-top: 40px;
  }
}
@layer project {
  .p-service {
    background: #f2f6fa;
  }
  .p-service .l-page__inner {
    max-width: 1040px;
    padding-block: 60px 72px;
    padding-inline: 20px;
  }
  @media print, screen and (max-width:767px) {
    .p-service .l-page__inner {
      padding-top: 40px;
    }
  }
  .p-service__list-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: var(--clr-white-100);
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-filter: drop-shadow(0 0 10px rgba(0, 32, 92, 0.05));
    filter: drop-shadow(0 0 10px rgba(0, 32, 92, 0.05));
  }
  @media print, screen and (max-width:767px) {
    .p-service__list-item {
      display: block;
    }
  }
  .p-service__list-item.-recruiting h2 {
    max-width: 328px;
  }
  .p-service__list-item.-report h2 {
    max-width: 396px;
  }
  .p-service__list-item.-report dl dt {
    color: #cc7e38;
  }
  .p-service__list-item.-report dl dd svg {
    color: var(--clr-orange-80);
  }
  .p-service__list-item.-agent h2 {
    max-width: 324px;
  }
  .p-service__list-item.-agent dl dt {
    color: #6e9121;
  }
  .p-service__list-item.-agent dl dd svg {
    color: var(--agent-green-100);
  }
  .p-service__list-item:not(:first-child) {
    margin-top: 30px;
  }
  @media print, screen and (max-width:767px) {
    .p-service__list-item:not(:first-child) {
      margin-top: 16px;
    }
  }
  .p-service__list-item-block, .p-service__list-item-block2 {
    width: 50%;
  }
  @media print, screen and (max-width:767px) {
    .p-service__list-item-block, .p-service__list-item-block2 {
      width: 100%;
    }
  }
  .p-service__list-item-block {
    border-right: 1px solid #d1dae1;
    padding: 36px 20px;
  }
  @media print, screen and (max-width:767px) {
    .p-service__list-item-block {
      border-bottom: 1px solid #d1dae1;
      border-right: unset;
      padding: 20px 20px 15px;
    }
  }
  .p-service__list-item-block h2 {
    margin: 0 auto;
  }
  .p-service__list-item-lead {
    font-size: 1.7rem;
    font-weight: 600;
    text-align: center;
  }
  @media print, screen and (max-width:767px) {
    .p-service__list-item-lead {
      font-size: 1.3rem;
    }
  }
  .p-service__list-item-btns {
    margin: 14px auto 0;
    max-width: 230px;
  }
  @media print, screen and (max-width:767px) {
    .p-service__list-item-btns {
      margin-top: 10px;
    }
  }
  .p-service__list-item-btns li + li {
    margin-top: 8px;
  }
  .p-service__list-item-btns .c-button a {
    padding: 12px;
  }
  .p-service__list-item.-recruiting .p-service__list-item-btns {
    max-width: 220px;
  }
  .p-service__list-item.-recruiting .p-service__list-item-btns .c-button a {
    padding: 14px 15px;
  }
  .p-service__list-item.-report .p-service__list-item-btns, .p-service__list-item.-agent .p-service__list-item-btns {
    max-width: none;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  .p-service__list-item-block2 {
    padding: 0 40px 0 50px;
  }
  @media print, screen and (max-width:767px) {
    .p-service__list-item-block2 {
      padding: 15px 10px 20px;
    }
  }
  .p-service__list-item-block2 dl dt {
    color: #0c7bc9;
    font-size: 1.5rem;
    font-weight: 600;
  }
  @media print, screen and (max-width:767px) {
    .p-service__list-item-block2 dl dt {
      font-size: 1.4rem;
    }
  }
  .p-service__list-item-block2 dl dd {
    margin-top: 19px;
  }
  @media print, screen and (max-width:767px) {
    .p-service__list-item-block2 dl dd {
      margin-top: 10px;
    }
  }
  .p-service__list-item-block2 dl dd ul li {
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.4rem;
    line-height: 1.5;
  }
  @media print, screen and (max-width:767px) {
    .p-service__list-item-block2 dl dd ul li {
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
    }
  }
  .p-service__list-item-block2 dl dd ul li + li {
    margin-top: 12px;
  }
  .p-service__list-item-block2 dl dd ul li span {
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
  .p-service__list-item-block2 dl dd ul li span svg {
    color: var(--clr-blue-60);
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 20px;
    position: relative;
    top: 0;
    width: 20px;
  }
  @media print, screen and (max-width:767px) {
    .p-service__list-item-block2 dl dd ul li span svg {
      top: 0;
    }
  }
}
@layer project {
  .p-case .l-page__inner {
    max-width: 1180px;
    padding-block: 60px 70px;
    padding-inline: 20px;
  }
  @media print, screen and (max-width:767px) {
    .p-case .l-page__inner {
      padding-inline: 24px;
      padding-top: 40px;
    }
  }
  @media print, screen and (max-width:767px) {
    .p-case__filter-wrap {
      scroll-margin-top: 40px;
    }
  }
  .p-case__filter-wrap.is-open .p-case__filter-panel {
    grid-template-rows: 1fr;
  }
  @media print, screen and (max-width:767px) {
    .p-case__filter-wrap.is-open .p-case__filter {
      background: var(--clr-blue-10);
    }
  }
  .p-case__filter-wrap.is-open .p-case__filter-plus::after {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  .p-case__filter-panel {
    display: grid;
    grid-template-rows: 1fr;
    overflow: hidden;
  }
  @media print, screen and (max-width:767px) {
    .p-case__filter-panel {
      grid-template-rows: 0fr;
      -webkit-transition: grid-template-rows 0.3s ease;
      transition: grid-template-rows 0.3s ease;
      transition: grid-template-rows 0.3s ease, -ms-grid-rows 0.3s ease;
    }
  }
  .p-case__filter-panel > .p-case__filter {
    min-height: 0;
  }
  .p-case__filter {
    background: var(--clr-blue-10);
    border-radius: 8px;
    margin-top: 12px;
    overflow: hidden;
    padding-bottom: 12px;
  }
  @media print, screen and (max-width:767px) {
    .p-case__filter {
      background: transparent;
    }
  }
  .p-case__filter-title {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.03em;
  }
  .p-case__filter-toggle {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: none;
    color: inherit;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
    cursor: default;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font: inherit;
    letter-spacing: inherit;
    text-align: left;
    width: 100%;
  }
  @media print, screen and (max-width:767px) {
    .p-case__filter-toggle {
      cursor: pointer;
    }
  }
  .p-case__filter-toggle::before {
    background: url("../images/column/icon_filter.svg") no-repeat 50%/contain;
    content: "";
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 40px;
    width: 40px;
  }
  .p-case__filter-plus {
    display: none;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 30px;
    margin-left: auto;
    position: relative;
    width: 30px;
  }
  @media print, screen and (max-width:767px) {
    .p-case__filter-plus {
      display: block;
    }
  }
  .p-case__filter-plus::before, .p-case__filter-plus::after {
    background: var(--clr-black-100);
    content: "";
    height: 2px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
    width: 18px;
  }
  .p-case__filter-plus::before {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  .p-case__filter-plus::after {
    -webkit-transform: translate(-50%, -50%) rotate(90deg);
    transform: translate(-50%, -50%) rotate(90deg);
  }
  .p-case__filter h2 {
    background: var(--clr-blue-60);
    color: var(--clr-white-100);
    font-size: 2rem;
    font-weight: 600;
    letter-spacing: 0.03em;
    padding: 12px 20px;
  }
  @media print, screen and (max-width:767px) {
    .p-case__filter h2 {
      font-size: 1.6rem;
      line-height: 1.75;
      padding: 8px 10px;
    }
  }
  .p-case__filter dl {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #ddd;
    -webkit-column-gap: 60px;
    -moz-column-gap: 60px;
    column-gap: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 20px;
    padding: 20px;
  }
  @media print, screen and (max-width:767px) {
    .p-case__filter dl {
      display: block;
      margin: 0 10px;
      padding: 12px 0;
    }
  }
  .p-case__filter dl dt {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: 1.6rem;
    font-weight: 600;
    letter-spacing: 0.03em;
    white-space: nowrap;
    width: 4em;
  }
  @media print, screen and (max-width:767px) {
    .p-case__filter dl dt {
      font-size: 1.4rem;
      width: auto;
    }
  }
  .p-case__filter dl dd {
    width: 100%;
  }
  @media print, screen and (max-width:767px) {
    .p-case__filter dl dd {
      margin-top: 10px;
    }
  }
  .p-case__filter dl dd ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 12px 40px;
  }
  @media print, screen and (max-width:767px) {
    .p-case__filter dl dd ul {
      gap: 12px 15px;
    }
  }
  @media print, screen and (max-width:767px) {
    .p-case__filter dl dd ul.p-case__filter-employeeList {
      gap: 10px 15px;
    }
  }
  .p-case__filter dl dd ul.-probrem {
    gap: 12px 20px;
  }
  .p-case__filter dl dd ul.-probrem li {
    width: calc((100% - 40px) / 3);
  }
  @media print, screen and (max-width:767px) {
    .p-case__filter dl dd ul.-probrem li {
      width: auto;
    }
  }
  .p-case__filter dl dd ul li label {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.5rem;
  }
  @media print, screen and (max-width:767px) {
    .p-case__filter dl dd ul li label {
      font-size: 1.4rem;
    }
  }
  .p-case__filter dl dd ul li label:has(input:checked) {
    color: var(--clr-blue-100);
    font-weight: 600;
  }
  .p-case__filter dl dd ul li input {
    accent-color: var(--clr-blue-50);
    border-color: #ccc;
    border-radius: 4px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 24px;
    overflow: hidden;
    width: 24px;
  }
  .p-case__filter dl dd ul li input:checked {
    background: var(--clr-blue-50) url("../images/common/icon_input_check.svg") no-repeat center;
    border-color: var(--clr-blue-50);
  }
  .p-case__filter .c-button {
    margin-top: 12px;
  }
  .p-case__filter .c-button button {
    font-weight: 600;
    line-height: 1;
    margin: 0 auto;
  }
  .p-case__title {
    font-size: 15px;
    font-weight: 600;
    margin-top: 25px;
  }
  .p-case__title #num {
    display: inline-block;
    font-size: 25px;
    font-weight: 300;
    margin-right: 5px;
  }
  .p-case__fixFilter {
    background: var(--clr-blue-100);
    left: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: var(--scroll-padding-pc);
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    z-index: 10;
  }
  @media screen and (max-width: 1170px) {
    .p-case__fixFilter {
      top: var(--scroll-padding-sp);
    }
  }
  @media print, screen and (max-width:767px) {
    .p-case__fixFilter {
      display: none;
    }
  }
  .p-case__fixFilter .l-page__inner {
    padding-block: 6px;
  }
  .p-case__fixFilter.is-active {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  .p-case__fixFilter-inner {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
  }
  .p-case__fixFilter-title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--clr-white-100);
    -webkit-column-gap: 9px;
    -moz-column-gap: 9px;
    column-gap: 9px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 600;
    letter-spacing: 0.04em;
    white-space: nowrap;
  }
  .p-case__fixFilter-title::before {
    background: url("../images/case/icon_filter.svg") no-repeat 50%/contain;
    content: "";
    height: 18px;
    width: 18px;
  }
  .p-case__fixFilter-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 4px;
  }
  .p-case__fixFilter-label li {
    background: rgba(255, 255, 255, 0.1);
    border: 2px solid var(--clr-black-0, #fff);
    border-radius: 20px;
  }
  .p-case__fixFilter-label li dl {
    color: var(--clr-white-100);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 2px 10px;
  }
  .p-case__fixFilter-label li dl dt {
    font-size: 13px;
    font-weight: 600;
  }
  .p-case__fixFilter-label li dl dt span {
    font-size: 14px;
    font-weight: 300;
  }
  .p-case__fixFilter-label li dl dd {
    font-size: 14px;
  }
  .p-case__fixFilter-label li dl dd span.-etc {
    font-size: 11px;
  }
  .p-case__fixFilter-button {
    margin-left: auto;
  }
  .p-case__fixFilter-button a {
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.04em;
    line-height: 1;
    padding-block: 10px;
    padding-inline: 30px;
    white-space: nowrap;
  }
  .p-case__fixFilter-button a::after {
    background: url("../images/column/icon_down.svg") no-repeat 50%/contain;
    content: "";
    display: block;
    height: 6px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    width: 9px;
  }
  .p-case__changeFilter {
    display: none;
  }
  @media print, screen and (max-width:767px) {
    .p-case__changeFilter {
      bottom: 20px;
      display: block;
      opacity: 0;
      pointer-events: none;
      position: fixed;
      right: 20px;
      -webkit-transition: opacity 0.3s ease, visibility 0.3s ease;
      transition: opacity 0.3s ease, visibility 0.3s ease;
      visibility: hidden;
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
      z-index: 11;
    }
    .p-case__changeFilter.is-active {
      opacity: 1;
      pointer-events: auto;
      visibility: visible;
    }
    .p-case__changeFilter a {
      -webkit-box-shadow: 0 4px 16px rgba(0, 45, 96, 0.16);
      box-shadow: 0 4px 16px rgba(0, 45, 96, 0.16);
      font-weight: 600;
      line-height: 1;
      white-space: nowrap;
    }
    .p-case__changeFilter a:hover {
      opacity: 1;
    }
  }
  .p-case .c-case {
    margin-top: 10px;
  }
}
@layer project {
  .p-seminar {
    padding: 0 20px;
  }
  @media print, screen and (max-width:767px) {
    .p-seminar {
      padding: 0;
    }
  }
  .p-seminar .l-page__inner {
    padding: 0 0 72px;
  }
  @media print, screen and (max-width:767px) {
    .p-seminar .l-page__inner {
      padding: 0 24px 70px;
    }
  }
  .p-seminar .l-page__inner section {
    margin-top: 72px;
  }
  @media print, screen and (max-width:767px) {
    .p-seminar .l-page__inner section {
      margin-top: 80px;
    }
    .p-seminar .l-page__inner section:first-of-type {
      margin-top: 40px;
    }
  }
  @media print, screen and (max-width:767px) {
    .p-seminar .c-title2 {
      margin-left: 0;
    }
  }
  .p-seminar .c-seminar {
    gap: 56px 79px;
    margin-top: 56px;
  }
  @media print, screen and (max-width:767px) {
    .p-seminar .c-seminar {
      margin-top: 30px;
    }
  }
  .p-seminar .c-seminar__item {
    width: calc((100% - 158px) / 3);
  }
  @media print, screen and (max-width:767px) {
    .p-seminar .c-seminar__item {
      width: auto;
    }
  }
  @media print, screen and (max-width:767px) {
    .p-seminar .c-seminar__title {
      margin-top: 10px;
    }
  }
  .p-seminar .c-seminar__icon {
    margin-top: 22px;
  }
  .p-seminar .c-seminar__icon li {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    height: 19px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1;
    padding: 0 10px;
  }
  @media print, screen and (max-width:767px) {
    .p-seminar .c-seminar__icon {
      margin-top: 15px;
    }
  }
  .p-seminar .c-button2 a {
    padding: 16px 56px 16px 26px;
  }
  @media print, screen and (max-width:767px) {
    .p-seminar .c-button2 a {
      padding: 15px 22px 15px 12px;
    }
  }
  @media print, screen and (max-width:767px) {
    .p-seminar .c-button2 a::after {
      right: 16px;
    }
  }
}
@layer project {
  .p-seminar-detail {
    padding-inline: 20px;
  }
  .p-seminar-detail .l-page__inner:not(:has(.p-seminar-detail__form)) {
    max-width: 800px;
  }
  @media print, screen and (max-width:767px) {
    .p-seminar-detail .l-page__inner:not(:has(.p-seminar-detail__form)) .p-seminar-detail__main {
      margin-bottom: 0;
    }
  }
  @media print, screen and (max-width:767px) {
    .p-seminar-detail .l-page__inner {
      padding-inline: 0;
    }
  }
  .p-seminar-detail__block {
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 40px;
  }
  @media print, screen and (max-width:999px) {
    .p-seminar-detail__block {
      display: block;
      margin: 60px auto 0;
    }
  }
  .p-seminar-detail__main {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  @media print, screen and (max-width:999px) {
    .p-seminar-detail__main {
      margin: 0 0 40px;
    }
  }
  .p-seminar-detail__form {
    -ms-flex-negative: 1;
    flex-shrink: 1;
    width: 460px;
  }
  @media print, screen and (max-width:999px) {
    .p-seminar-detail__form {
      margin: 0 0 40px;
      width: auto;
    }
  }
  .p-seminar-detail__form iframe {
    min-width: 460px;
  }
  @media print, screen and (max-width:999px) {
    .p-seminar-detail__form iframe {
      min-width: 100%;
    }
  }
  @media print, screen and (max-width:767px) {
    .p-seminar-detail__form iframe {
      min-height: 0 !important;
    }
  }
  .p-seminar-detail__status-tag {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 65px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    font-weight: 600;
    height: 19px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1;
    padding: 0 10px;
  }
  .p-seminar-detail__status-tag--status01 {
    background: linear-gradient(100deg, #d8b53f 9.22%, #d67d2d 67.3%);
    border: unset;
    border-color: transparent;
    color: var(--clr-white-100);
  }
  .p-seminar-detail__status-tag--status02 {
    background: linear-gradient(94deg, #44a0d7 10.57%, #13449c 95.16%);
    border: unset;
    border-color: transparent;
    color: var(--clr-white-100);
    -webkit-column-gap: 6px;
    -moz-column-gap: 6px;
    column-gap: 6px;
  }
  .p-seminar-detail__status-tag--status02::before {
    background: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%227%22%20height%3D%2210%22%20viewBox%3D%220%200%207%2010%22%20fill%3D%22none%22%3E%20%3Cpath%20d%3D%22M0.417471%200C0.494548%200%200.569904%200.0288591%200.634069%200.0829499L6.52976%203.96398C6.67255%204.06681%206.79129%204.21572%206.87389%204.39555C6.95649%204.57538%207%204.77972%207%204.98777C7%205.19582%206.95649%205.40016%206.87389%205.57999C6.79129%205.75982%206.67255%205.90873%206.52976%206.01156L0.634069%209.94613C0.564792%209.99079%200.486576%2010.0083%200.409413%209.99636C0.33225%209.98444%200.259645%209.94365%200.200873%209.87921C0.135939%209.80227%200.0845098%209.7089%200.0499243%209.60514C0.0153387%209.50139%20-0.00162949%209.38958%200.000123178%209.27698V0.685179C-0.00162949%200.572578%200.0153387%200.460771%200.0499243%200.357018C0.0845098%200.253264%200.135939%200.159887%200.200873%200.0829499C0.265038%200.0288591%200.340395%200%200.417471%200Z%22%20fill%3D%22white%22%2F%3E%20%3C%2Fsvg%3E") no-repeat center/contain;
    content: "";
    display: block;
    height: 10px;
    width: 7px;
  }
  .p-seminar-detail__status-tag--status03 {
    background: var(--clr-green-100);
    border: unset;
    border-color: transparent;
    color: var(--clr-white-100);
    -webkit-column-gap: 6px;
    -moz-column-gap: 6px;
    column-gap: 6px;
  }
  .p-seminar-detail__status-tag--status03::before {
    background: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%227%22%20height%3D%2210%22%20viewBox%3D%220%200%207%2010%22%20fill%3D%22none%22%3E%20%3Cpath%20d%3D%22M0.417471%200C0.494548%200%200.569904%200.0288591%200.634069%200.0829499L6.52976%203.96398C6.67255%204.06681%206.79129%204.21572%206.87389%204.39555C6.95649%204.57538%207%204.77972%207%204.98777C7%205.19582%206.95649%205.40016%206.87389%205.57999C6.79129%205.75982%206.67255%205.90873%206.52976%206.01156L0.634069%209.94613C0.564792%209.99079%200.486576%2010.0083%200.409413%209.99636C0.33225%209.98444%200.259645%209.94365%200.200873%209.87921C0.135939%209.80227%200.0845098%209.7089%200.0499243%209.60514C0.0153387%209.50139%20-0.00162949%209.38958%200.000123178%209.27698V0.685179C-0.00162949%200.572578%200.0153387%200.460771%200.0499243%200.357018C0.0845098%200.253264%200.135939%200.159887%200.200873%200.0829499C0.265038%200.0288591%200.340395%200%200.417471%200Z%22%20fill%3D%22white%22%2F%3E%20%3C%2Fsvg%3E") no-repeat center/contain;
    content: "";
    display: block;
    height: 10px;
    width: 7px;
  }
  .p-seminar-detail__status-tag--status04 {
    background: var(--clr-yellow-100);
    border: unset;
    border-color: transparent;
    color: var(--clr-black-100);
    -webkit-column-gap: 6px;
    -moz-column-gap: 6px;
    column-gap: 6px;
  }
  .p-seminar-detail__status-tag--status04::before {
    background: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%227%22%20height%3D%2210%22%20viewBox%3D%220%200%207%2010%22%20fill%3D%22none%22%3E%20%3Cpath%20d%3D%22M0.417471%200C0.494548%200%200.569904%200.0288591%200.634069%200.0829499L6.52976%203.96398C6.67255%204.06681%206.79129%204.21572%206.87389%204.39555C6.95649%204.57538%207%204.77972%207%204.98777C7%205.19582%206.95649%205.40016%206.87389%205.57999C6.79129%205.75982%206.67255%205.90873%206.52976%206.01156L0.634069%209.94613C0.564792%209.99079%200.486576%2010.0083%200.409413%209.99636C0.33225%209.98444%200.259645%209.94365%200.200873%209.87921C0.135939%209.80227%200.0845098%209.7089%200.0499243%209.60514C0.0153387%209.50139%20-0.00162949%209.38958%200.000123178%209.27698V0.685179C-0.00162949%200.572578%200.0153387%200.460771%200.0499243%200.357018C0.0845098%200.253264%200.135939%200.159887%200.200873%200.0829499C0.265038%200.0288591%200.340395%200%200.417471%200Z%22%20fill%3D%22%23222%22%2F%3E%20%3C%2Fsvg%3E") no-repeat center/contain;
    content: "";
    display: block;
    height: 10px;
    width: 7px;
  }
  .p-seminar-detail__status-tag--status05 {
    background: var(--clr-black-30);
    border: unset;
    border-color: transparent;
    color: var(--clr-white-100);
  }
  .p-seminar-detail__status-tag--eventType {
    background: #fff;
    border: 1px solid #ccc;
    color: #222;
  }
  .p-seminar-detail__status--reception .p-seminar-detail__status-tag--status {
    background: #d38137;
    color: #fff;
  }
  .p-seminar-detail__status--reception .p-seminar-detail__status-tag--status::after {
    content: "受付中";
  }
  .p-seminar-detail__status-text {
    color: #222;
    font-size: 17px;
    font-weight: bold;
    letter-spacing: 0.51px;
    line-height: 1.5;
    margin: 10px 0 0;
  }
  .p-seminar-detail__tags {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px;
  }
  .p-seminar-detail__title {
    margin-top: 10px;
  }
  .p-seminar-detail__title-main {
    color: #222;
    display: block;
    font-size: 3.4rem;
    font-weight: 600;
    letter-spacing: 1.02px;
    line-height: 1.5;
  }
  @media print, screen and (max-width:999px) {
    .p-seminar-detail__title-main {
      font-size: 2.4rem;
      letter-spacing: 0.72px;
    }
  }
  .p-seminar-detail__title-sub {
    color: #222;
    display: block;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0.6px;
    line-height: 1.75;
    margin: 10px 0 0;
  }
  @media print, screen and (max-width:999px) {
    .p-seminar-detail__title-sub {
      font-size: 15px;
      letter-spacing: 0.45px;
      line-height: 1.5;
    }
  }
  .p-seminar-detail__subData {
    border-top: 1px solid #d1dae1;
    color: #222;
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 0.36px;
    line-height: 1.75;
    margin: 24px 0 0;
    padding: 16px 0;
  }
  @media print, screen and (max-width:999px) {
    .p-seminar-detail__subData {
      margin: 16px 0 0;
      padding: 12px 0;
    }
  }
  .p-seminar-detail__subData-date, .p-seminar-detail__subData-method {
    display: inline;
  }
  .p-seminar-detail__subData-date p, .p-seminar-detail__subData-method p {
    color: #222;
    display: inline;
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 0.36px;
    line-height: 1.75;
  }
  .p-seminar-detail__subData-method::before {
    background-color: #d1dae1;
    content: "";
    display: inline-block;
    height: 21px;
    margin: -5px 24px;
    width: 1px;
  }
  @media print, screen and (max-width:999px) {
    .p-seminar-detail__subData-method::before {
      content: none;
    }
  }
  @media print, screen and (max-width:767px) {
    .p-seminar-detail__subData-method::before {
      content: "";
    }
  }
  .p-seminar-detail__image {
    border-radius: 8px;
    overflow: hidden;
  }
  .p-seminar-detail__contents {
    margin-top: 56px;
  }
  .p-seminar-detail__contents h2 {
    color: #222;
    font-size: 26px;
    font-weight: bold;
    letter-spacing: 0.78px;
    line-height: 1.5;
    margin: 56px 0 16px;
  }
  @media print, screen and (max-width:999px) {
    .p-seminar-detail__contents h2 {
      font-size: 18px;
      letter-spacing: 0.54px;
      margin: 64px 0 16px;
    }
  }
  @media print, screen and (max-width:767px) {
    .p-seminar-detail__contents h2 {
      margin-top: 30px;
    }
  }
  .p-seminar-detail__contents h2.seminar_h2 {
    background: var(--clr-blue-10);
    border-radius: 8px;
    font-size: 20px;
    padding: 10px 20px;
  }
  .p-seminar-detail__contents p {
    color: #222;
    font-size: 1.7rem;
    font-weight: 400;
    letter-spacing: 0.45px;
    line-height: 2;
  }
  @media print, screen and (max-width:999px) {
    .p-seminar-detail__contents p {
      font-size: 1.4rem;
    }
  }
  .p-seminar-detail__contents p strong {
    background: linear-gradient(transparent 50%, var(--clr-yellow-100) 50%);
  }
  .p-seminar-detail__contents ul {
    line-height: 2;
  }
  .p-seminar-detail__contents ul li {
    color: #242422;
    font-size: 1.7rem;
    font-weight: 400;
    letter-spacing: 0.45px;
    line-height: 1.5;
    padding: 0 0 0 16px;
    position: relative;
  }
  @media print, screen and (max-width:999px) {
    .p-seminar-detail__contents ul li {
      font-size: 1.4rem;
      letter-spacing: 0.42px;
    }
  }
  .p-seminar-detail__contents ul li + li {
    margin-top: 8px;
  }
  .p-seminar-detail__contents ul li::before {
    background: #ccc;
    border-radius: 7px;
    content: "";
    display: inline-block;
    height: 7px;
    left: 0;
    position: absolute;
    top: 7px;
    width: 7px;
  }
  .p-seminar-detail__contents table {
    border-collapse: collapse;
    margin: 16px 0 0;
    width: 100%;
  }
  .p-seminar-detail__contents table tr:first-child th,
  .p-seminar-detail__contents table tr:first-child td {
    border-bottom: none;
  }
  .p-seminar-detail__contents table th {
    background: #f2f6fa;
    border-bottom: 1px solid #d1dae1;
    border-top: 1px solid #d1dae1;
    color: #242422;
    empty-cells: show;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 0.45px;
    line-height: 1.5;
    min-width: 80px;
    padding: 14px 20px;
    text-align: left;
    white-space: nowrap;
  }
  @media print, screen and (max-width:999px) {
    .p-seminar-detail__contents table th {
      font-size: 1.4rem;
      letter-spacing: 0.42px;
      min-width: 60px;
    }
  }
  .p-seminar-detail__contents table td {
    background: #fff;
    border-bottom: 1px solid #d1dae1;
    border-top: 1px solid #d1dae1;
    color: #242422;
    font-size: 15px;
    font-weight: normal;
    letter-spacing: 0.45px;
    line-height: 1.5;
    padding: 14px 20px;
  }
  @media print, screen and (max-width:999px) {
    .p-seminar-detail__contents table td {
      font-size: 1.4rem;
      letter-spacing: 0.42px;
    }
  }
  .p-seminar-detail__contents table td span {
    font-size: 14px;
  }
  @media print, screen and (max-width:999px) {
    .p-seminar-detail__contents table td span {
      font-size: 12px;
    }
  }
  .p-seminar-detail__contents .seminarInstructor {
    margin-top: 32px;
  }
  @media print, screen and (max-width:767px) {
    .p-seminar-detail__contents .seminarInstructor {
      margin-top: 15px;
    }
  }
  .p-seminar-detail__contents .seminarInstructor_block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
  }
  @media screen and (max-width: 999px) {
    .p-seminar-detail__contents .seminarInstructor_block {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
    }
  }
  .p-seminar-detail__contents .seminarInstructor_block + .seminarInstructor_block {
    margin: 32px 0 0;
  }
  .p-seminar-detail__contents .seminarInstructor_col-first {
    width: 120px;
  }
  @media screen and (max-width: 999px) {
    .p-seminar-detail__contents .seminarInstructor_col-first {
      width: 80px;
    }
  }
  .p-seminar-detail__contents .seminarInstructor_col-first img {
    aspect-ratio: 1/1;
    border-radius: 8px;
  }
  .p-seminar-detail__contents .seminarInstructor_col-second {
    width: calc(100% - 140px);
  }
  @media screen and (max-width: 999px) {
    .p-seminar-detail__contents .seminarInstructor_col-second {
      width: 100%;
    }
  }
  .p-seminar-detail__contents .seminarInstructor_name {
    color: #222;
    font-size: 17px;
    font-weight: bold;
    letter-spacing: 0.51px;
    line-height: 1.5;
  }
  .p-seminar-detail__contents .seminarInstructor_position {
    color: #242422;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 0.45px;
    line-height: 1.5;
    margin: 2px 0 0;
  }
  .p-seminar-detail__contents .seminarInstructor_description {
    color: #242422;
    font-size: 15px;
    letter-spacing: 0.45px;
    line-height: 1.5;
    margin: 10px 0 0;
  }
  .p-seminar-detail__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 60px;
  }
  .p-seminar-detail__btn > a {
    margin: 0 auto;
  }
  .p-seminar-detail__btn .c-button__icon {
    height: 14px;
    width: 14px;
  }
  .p-seminar-detail__btn .c-button__text {
    font-size: 1.6rem;
  }
  @media print, screen and (max-width:767px) {
    .p-seminar-detail__btn .c-button__text {
      font-size: 1.5rem;
    }
  }
  @media print, screen and (max-width:767px) {
    .p-seminar-detail__block + .p-seminar-detail__btn {
      margin-left: auto;
      margin-right: auto;
      margin-top: 40px;
      max-width: 460px;
      width: 100%;
    }
    .p-seminar-detail__block + .p-seminar-detail__btn a {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      width: 100%;
    }
  }
  .p-seminar-detail .c-button2 {
    margin-bottom: 72px;
    margin-top: 72px;
  }
  @media print, screen and (max-width:767px) {
    .p-seminar-detail .c-button2 {
      margin-bottom: 70px;
      margin-left: auto;
      margin-right: auto;
      margin-top: 40px;
      max-width: 460px;
      width: 100%;
    }
  }
  .p-seminar-detail .c-button2__link {
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
    max-width: unset;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  @media print, screen and (max-width:767px) {
    .p-seminar-detail .c-button2__link {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-column-gap: 5px;
      -moz-column-gap: 5px;
      column-gap: 5px;
      font-size: 1.5rem;
      max-width: none;
      padding: 15px 12px;
      width: 100%;
    }
  }
  .p-seminar-detail .c-button2 a {
    padding: 16px 56px 16px 26px;
  }
  @media print, screen and (max-width:767px) {
    .p-seminar-detail .c-button2 a {
      padding: 15px 22px 15px 12px;
    }
  }
  @media print, screen and (max-width:767px) {
    .p-seminar-detail .c-button2 a::after {
      right: 16px;
    }
  }
}
@layer project {
  @media print, screen and (max-width:767px) {
    .p-column .c-title2 {
      margin-left: 0;
    }
  }
  @media print, screen and (max-width:767px) {
    .p-column .c-button2 a {
      padding-block: 15px;
    }
  }
  .p-column__noResult {
    color: var(--clr-black-30);
    display: none;
    font-size: 1.6rem;
    margin-top: 40px;
    text-align: center;
  }
  @media print, screen and (max-width:767px) {
    .p-column__noResult {
      font-size: 1.4rem;
      margin-top: 20px;
    }
  }
  .p-column__noResult--show {
    display: block;
  }
  .p-column__section {
    padding-left: 24px;
    padding-right: 24px;
  }
  @media print, screen and (max-width:767px) {
    .p-column__section {
      padding-left: 0;
      padding-right: 0;
    }
  }
  .p-column__section:not(:first-child) {
    border-top: 1px solid var(--clr-blue-30);
    margin-top: 60px;
    padding-top: 60px;
  }
  @media print, screen and (max-width:767px) {
    .p-column__section:not(:first-child) {
      margin-top: 40px;
      padding-top: 40px;
    }
  }
  .p-column__section--category {
    padding: 70px 0 100px !important;
  }
  @media print, screen and (max-width:767px) {
    .p-column__section--category {
      padding-bottom: 70px !important;
      padding-top: 40px !important;
    }
  }
  .p-column__reccommend {
    margin-top: 70px;
  }
  @media print, screen and (max-width:767px) {
    .p-column__reccommend {
      margin-top: 40px;
    }
  }
  .p-column__new {
    border-top: unset !important;
    margin-top: 20px !important;
  }
  .p-column__new section {
    margin-bottom: 80px;
    margin-top: 80px;
  }
  .p-column__new section h3 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.03em;
  }
  .p-column__new section h3::before {
    background: url("../images/column/icon_filter.svg") no-repeat 50%/contain;
    content: "";
    height: 40px;
    width: 40px;
  }
  @media print, screen and (max-width:767px) {
    .p-column__new section h3::before {
      height: 30px;
      width: 30px;
    }
  }
  .p-column__new section ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 16px;
  }
  .p-column__new section ul li a {
    background: var(--clr-blue-20);
    border-radius: 4px;
    color: var(--clr-black-30);
    display: block;
    font-size: 15px;
    padding: 8px 14px;
    -webkit-transition: color 200ms;
    transition: color 200ms;
  }
  @media print, screen and (max-width:767px) {
    .p-column__new section ul li a {
      font-size: 1.3rem;
      padding: 4px 9px;
    }
  }
  .p-column__new section ul li a:hover {
    color: var(--clr-blue-100);
  }
  .p-column__tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 24px;
  }
  .p-column__tab-item.is-active a {
    background-color: var(--clr-blue-100);
    color: var(--clr-white-100);
  }
  .p-column__tab-item a {
    border: 1px solid var(--clr-blue-100);
    border-radius: 20px;
    color: var(--clr-blue-100);
    display: block;
    font-size: 1.5rem;
    font-weight: 600;
    letter-spacing: 0.03em;
    line-height: 1;
    padding: 8px 16px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
  }
  .p-column__tab-item a:hover {
    opacity: 0.7;
  }
  @media print, screen and (max-width:767px) {
    .p-column__tab-item a {
      font-size: 1.3rem;
    }
  }
  .p-column__tab-contents > div {
    -webkit-transition: opacity 200ms, display 200ms;
    transition: opacity 200ms, display 200ms;
  }
  @starting-style {
    .p-column__tab-contents > div {
      opacity: 0;
    }
  }
  .p-column__tab-contents > div:not(.is-active) {
    display: none;
    opacity: 0;
  }
  .p-column__block {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-column-gap: 36px;
    -moz-column-gap: 36px;
    column-gap: 36px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 40px;
  }
  @media print, screen and (max-width:767px) {
    .p-column__block {
      display: block;
      margin-top: 16px;
    }
  }
  .p-column__block .c-column3 {
    width: 65.6666666667%;
  }
  @media print, screen and (max-width:767px) {
    .p-column__block .c-column3 {
      width: auto;
    }
  }
  .p-column__banner {
    background: #f6f6f6;
    border-radius: 8px;
    padding: 20px;
    width: 31.3333333333%;
  }
  @media print, screen and (max-width:767px) {
    .p-column__banner {
      display: none;
    }
  }
  .p-column__banner figure {
    border-radius: 8px;
    overflow: hidden;
  }
  .p-column__banner dl {
    margin-top: 20px;
    text-align: center;
  }
  @media print, screen and (max-width:767px) {
    .p-column__banner dl {
      margin-top: 16px;
    }
  }
  .p-column__banner dl dt {
    font-size: 1.6rem;
    font-weight: 600;
    letter-spacing: 0.03em;
  }
  .p-column__banner dl dd {
    color: var(--clr-black-30);
    font-size: 1.4rem;
    letter-spacing: 0.03em;
  }
  @media print, screen and (max-width:767px) {
    .p-column__banner dl dd {
      font-size: 1.3rem;
    }
  }
  .p-column__banner-btn {
    margin-top: 16px;
  }
  .p-column__banner-btn a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: linear-gradient(95deg, #6fbadf 1.7%, #44a4de 32.07%, #0e7dca 73.6%);
    border-radius: 58px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
  }
  .p-column__banner-btn a:hover {
    opacity: 0.7;
  }
  .p-column__banner-btn a {
    color: var(--clr-white-100);
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    font-size: 1.6rem;
    font-weight: 600;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    letter-spacing: 0.05em;
    line-height: 1;
    padding: 16px 22px;
  }
  @media print, screen and (max-width:767px) {
    .p-column__banner-btn a {
      margin: 0 auto;
      padding: 15px;
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
    }
  }
  .p-column__banner-btn a svg {
    color: var(--clr-white-100);
    height: 18px;
    position: relative;
    top: -2px;
    width: 18px;
  }
  .p-column__cta {
    background: url("../images/column/bg_banner.svg");
    background-size: 21px 21px;
    border-radius: 8px;
    display: grid;
    gap: 32px 93px;
    grid-template-columns: 43.619047619% 47.4285714286%;
    grid-template-rows: 1fr auto;
    margin-bottom: 100px;
    margin-top: 100px;
    padding: 80px;
  }
  @media print, screen and (max-width:767px) {
    .p-column__cta {
      display: block;
      margin-bottom: 70px;
      margin-top: 60px;
      padding: 39px 16px;
    }
  }
  .p-column__cta-text p {
    color: #000;
    font-size: 1.8rem;
    font-weight: 600;
    letter-spacing: 0.03em;
    line-height: 1.75;
    margin-top: 28px;
  }
  @media print, screen and (max-width:767px) {
    .p-column__cta-text p {
      font-size: 1.5rem;
      margin-top: 16px;
    }
  }
  .p-column__cta-fig {
    grid-column: 2;
    grid-row: 1/3;
  }
  @media print, screen and (max-width:767px) {
    .p-column__cta-fig {
      margin: 35px 70px;
    }
  }
  .p-column__cta-btn a {
    background: var(--clr-white-100);
    border: 3px solid var(--clr-blue-100);
    border-radius: 600px;
    display: block;
    padding: 16px 51px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  @media print, screen and (max-width:767px) {
    .p-column__cta-btn a {
      border-width: 3px;
    }
  }
  .p-column__cta-btn a {
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
  }
  .p-column__cta-btn a:hover {
    opacity: 0.7;
  }
  .p-column__cta-btn a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--clr-blue-100);
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  @media print, screen and (max-width:767px) {
    .p-column__cta-btn a {
      margin: 0 auto 0;
    }
  }
  .p-column__cta-btn a span {
    height: 18px;
    width: 18px;
  }
  .p-column__cta-btn a span svg {
    height: 100%;
    width: 100%;
  }
  .p-column__search h2 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.03em;
  }
  .p-column__search h2::before {
    background: url("../images/column/icon_filter.svg") no-repeat 50%/contain;
    content: "";
    height: 40px;
    width: 40px;
  }
  @media print, screen and (max-width:767px) {
    .p-column__search h2::before {
      height: 30px;
      width: 30px;
    }
  }
  .p-column__search dl {
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 15px;
  }
  @media print, screen and (max-width:767px) {
    .p-column__search dl {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      row-gap: 10px;
    }
  }
  .p-column__search dl dt {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.03em;
    padding-top: 3px;
    width: 90px;
  }
  .p-column__search dl dd ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px;
  }
  .p-column__search dl dd ul li label {
    cursor: pointer;
  }
  .p-column__search dl dd ul li label input {
    display: none;
  }
  .p-column__search-category dd ul li label {
    border: 1px solid var(--clr-blue-100);
    border-radius: 20px;
    color: var(--clr-blue-100);
    display: block;
    font-size: 1.5rem;
    font-weight: 600;
    letter-spacing: 0.03em;
    line-height: 1;
    padding: 8px 16px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
  }
  .p-column__search-category dd ul li label:hover {
    opacity: 0.7;
  }
  .p-column__search-category dd ul li label:has(:checked) {
    background: var(--clr-blue-100);
    color: var(--clr-white-100);
  }
  .p-column__search-tag dt {
    margin-top: 5px;
  }
  .p-column__search-tag dd ul li label {
    background: var(--clr-blue-20);
    border-radius: 4px;
    color: var(--clr-black-30);
    display: block;
    font-size: 15px;
    padding: 8px 14px;
  }
  @media print, screen and (max-width:767px) {
    .p-column__search-tag dd ul li label {
      font-size: 1.3rem;
      padding: 4px 9px;
    }
  }
  .p-column__search-tag dd ul li label {
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
  }
  .p-column__search-tag dd ul li label:hover {
    opacity: 0.7;
  }
  .p-column__search-tag dd ul li label {
    -webkit-transition: color 200ms, background 200ms;
    transition: color 200ms, background 200ms;
  }
  .p-column__search-tag dd ul li label:has(:checked) {
    background: var(--clr-blue-100);
    color: var(--clr-white-100);
  }
}
@layer project {
  .p-column-detail .l-page__inner {
    max-width: 1240px;
    padding-inline: 20px;
  }
  @media print, screen and (max-width:767px) {
    .p-column-detail .l-page__inner {
      padding-inline: 24px;
    }
  }
  .p-column-detail__block {
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 90px;
    margin-top: 60px;
  }
  @media print, screen and (max-width:999px) {
    .p-column-detail__block {
      display: block;
    }
  }
  @media print, screen and (max-width:767px) {
    .p-column-detail__block {
      margin-bottom: 40px;
    }
  }
  .p-column-detail__social {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    left: -60px;
    position: relative;
    width: 20px;
    z-index: 1;
  }
  @media print, screen and (max-width: 1350px) {
    .p-column-detail__social {
      opacity: 0;
      visibility: hidden;
    }
  }
  @media print, screen and (max-width:999px) {
    .p-column-detail__social {
      display: none;
    }
  }
  .p-column-detail__social ul {
    position: sticky;
    top: calc(var(--scroll-padding-pc) + 20px);
  }
  .p-column-detail__social ul li {
    margin-bottom: 28px;
    width: 20px;
  }
  .p-column-detail__social ul li a {
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
  }
  .p-column-detail__social ul li a:hover {
    opacity: 0.7;
  }
  .p-column-detail__copy {
    position: relative;
  }
  .p-column-detail__copy-toast {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: var(--clr-blue-20);
    border-radius: 6px;
    color: var(--clr-blue-100);
    -webkit-column-gap: 5px;
    -moz-column-gap: 5px;
    column-gap: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.2rem;
    font-weight: 600;
    height: 36px;
    left: calc(100% + 12px);
    line-height: 1.5;
    opacity: 0;
    padding: 0 8px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: opacity 0.3s, visibility 0.3s;
    transition: opacity 0.3s, visibility 0.3s;
    visibility: hidden;
    white-space: nowrap;
  }
  .p-column-detail__copy-toast::before {
    background: var(--clr-blue-20);
    border-radius: 1px;
    content: "";
    height: 14px;
    left: -3px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    width: 14px;
  }
  .p-column-detail__copy-toast svg {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 15px;
    margin-top: -1px;
    position: relative;
    width: 15px;
  }
  .p-column-detail__copy-toast.is-show {
    opacity: 1;
    visibility: visible;
  }
  .p-column-detail__main {
    width: 66.6666666667%;
  }
  @media print, screen and (max-width:999px) {
    .p-column-detail__main {
      width: auto;
    }
  }
  .p-column-detail__block2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  @media print, screen and (max-width:999px) {
    .p-column-detail__block2 {
      display: block;
    }
  }
  .p-column-detail__main2 {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-left: -20px;
  }
  @media print, screen and (max-width:999px) {
    .p-column-detail__main2 {
      margin-left: 0;
    }
  }
  .p-column-detail__side {
    margin-left: 60px;
    width: 26.6666666667%;
  }
  @media print, screen and (max-width:999px) {
    .p-column-detail__side {
      margin-left: 0;
      width: auto;
    }
  }
  .p-column-detail__side .p-column__banner {
    width: auto;
  }
  .p-column-detail__side .p-column__banner dl dd {
    font-size: 12px;
  }
  .p-column-detail__side .p-column__banner-btn a {
    font-size: 14px;
  }
  .p-column-detail__side h3 {
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0.03em;
    margin-top: 40px;
  }
  .p-column-detail__side-ranking {
    counter-reset: ranking;
    margin-top: 20px;
  }
  .p-column-detail__side-ranking-item {
    counter-increment: ranking;
    margin-top: 16px;
  }
  .p-column-detail__side-ranking-item a {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
  }
  .p-column-detail__side-ranking-item a:hover {
    opacity: 0.7;
  }
  .p-column-detail__side-ranking-item a figure {
    aspect-ratio: 100/67;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    width: 31.25%;
  }
  .p-column-detail__side-ranking-item a figure img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
  }
  .p-column-detail__side-ranking-item-inner {
    width: 65.625%;
  }
  .p-column-detail__side-ranking-item-inner h4 {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.03em;
    line-height: 1.5;
  }
  @media print, screen and (max-width:767px) {
    .p-column-detail__side-ranking-item-inner h4 {
      font-size: 14px;
    }
  }
  .p-column-detail__side-ranking-item-date {
    color: var(--clr-black-30);
    font-size: 12px;
    letter-spacing: 0.03em;
    margin-top: 4px;
  }
  .p-column-detail__side-banner {
    display: none;
    opacity: 0;
    position: sticky;
    top: calc(var(--scroll-padding-pc) + 60px);
    -webkit-transition: opacity 0.3s, display 0.3s;
    transition: opacity 0.3s, display 0.3s;
    transition-behavior: allow-discrete;
  }
  .p-column-detail__side-banner.is-fixed {
    display: block;
    opacity: 1;
  }
  @starting-style {
    .p-column-detail__side-banner.is-fixed {
      opacity: 0;
    }
  }
  @media print, screen and (max-width:767px) {
    .p-column-detail__side-banner {
      display: block;
      opacity: 1;
      position: static;
    }
  }
  .p-column-detail__header {
    margin-bottom: 40px;
  }
  .p-column-detail__title {
    font-size: 34px;
    font-weight: 600;
    letter-spacing: 0.03em;
    line-height: 1.3;
    margin-top: calc((1em - 1lh) / 2);
  }
  @media print, screen and (max-width:767px) {
    .p-column-detail__title {
      font-size: 28px;
    }
  }
  .p-column-detail__date {
    color: var(--clr-black-30);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    letter-spacing: 0.03em;
    margin-top: 10px;
  }
  @media print, screen and (max-width:767px) {
    .p-column-detail__date {
      font-size: 12px;
    }
  }
  .p-column-detail__date dt {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 6px;
    -moz-column-gap: 6px;
    column-gap: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .p-column-detail__date dt::before {
    background: url("../images/column/icon_update.svg") no-repeat 50%/contain;
    content: "";
    display: block;
    height: 20px;
    width: 20px;
  }
  .p-column-detail__date dd {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .p-column-detail__date dd::before {
    background: var(--clr-black-20);
    content: "";
    height: 16px;
    margin: 0 12px;
    width: 1px;
  }
  .p-column-detail__search {
    -webkit-column-gap: 12px;
    -moz-column-gap: 12px;
    column-gap: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 16px;
  }
  @media print, screen and (max-width:767px) {
    .p-column-detail__search {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      row-gap: 6px;
    }
  }
  .p-column-detail__categories {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 3px;
  }
  .p-column-detail__categories li a {
    border: 1px solid var(--clr-blue-100);
    border-radius: 20px;
    color: var(--clr-blue-100);
    display: block;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.03em;
    line-height: 1.3;
    padding: 2px 16px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    white-space: nowrap;
  }
  .p-column-detail__categories li a:hover {
    opacity: 0.7;
  }
  .p-column-detail__tags {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 6px;
  }
  .p-column-detail__tags li a {
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
  }
  .p-column-detail__tags li a:hover {
    opacity: 0.7;
  }
  .p-column-detail__tags li a {
    background: var(--clr-blue-20);
    border-radius: 4px;
    color: var(--clr-black-30);
    font-size: 12px;
    letter-spacing: 0.03em;
    padding: 3px 8px;
    white-space: nowrap;
  }
  @media print, screen and (max-width:767px) {
    .p-column-detail__tags li a {
      display: block;
      line-height: 1.3;
    }
  }
  .p-column-detail__img {
    border: 1px solid var(--clr-blue-20);
    border-radius: 8px;
    overflow: hidden;
  }
  .p-column-detail__excerpt {
    font-size: 17px;
    letter-spacing: 0.03em;
    line-height: 2;
  }
  @media print, screen and (max-width:767px) {
    .p-column-detail__excerpt {
      font-size: 15px;
      margin-top: 20px;
    }
  }
  .p-column-detail__excerpt p {
    font-size: 17px;
  }
  @media print, screen and (max-width:767px) {
    .p-column-detail__excerpt p {
      font-size: 15px;
    }
  }
  .p-column-detail__excerpt strong {
    background: linear-gradient(transparent 60%, var(--clr-yellow-100) 60%);
    box-decoration-break: clone;
    padding: 3px;
    -webkit-box-decoration-break: clone;
  }
  .p-column-detail__issue {
    background: var(--clr-blue-10);
    border-radius: 8px;
    margin-top: 40px;
    padding: 32px 24px 40px 40px;
  }
  @media print, screen and (max-width:767px) {
    .p-column-detail__issue {
      margin-top: 30px;
      padding: 30px 20px;
    }
  }
  .p-column-detail__issue h2 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 12px;
    -moz-column-gap: 12px;
    column-gap: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .p-column-detail__issue h2::before {
    background: url("/_assets/images/column/icon_issue.svg") no-repeat 50%/contain;
    content: "";
    display: block;
    height: 52px;
    width: 52px;
  }
  .p-column-detail__issue h2 > span {
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0.03em;
  }
  .p-column-detail__issue h2 > span span {
    color: var(--clr-blue-60);
    display: block;
    font-size: 12px;
    font-weight: 400;
    margin-top: 2px;
  }
  .p-column-detail__issue ul {
    margin-top: 20px;
  }
  .p-column-detail__issue ul li {
    margin-top: 16px;
  }
  .p-column-detail__issue ul li dl {
    font-size: 15px;
  }
  .p-column-detail__issue ul li dd {
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .p-column-detail__issue ul li dd a {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    color: var(--clr-blue-100);
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-decoration: underline;
  }
  .p-column-detail__issue ul li dd a::before {
    background: url("../images/column/icon_down.svg") no-repeat 50%/contain;
    content: "";
    display: block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 7px;
    margin-left: 5px;
    margin-top: 9px;
    width: 11px;
  }
  .p-column-detail__point {
    background: var(--clr-blue-10);
    border-radius: 8px;
    margin-top: 40px;
    padding: 32px 24px 40px 40px;
  }
  @media print, screen and (max-width:767px) {
    .p-column-detail__point {
      margin-top: 30px;
      padding: 30px 20px;
    }
  }
  .p-column-detail__point h2 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 12px;
    -moz-column-gap: 12px;
    column-gap: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .p-column-detail__point h2::before {
    background: url("/_assets/images/column/icon_point.svg") no-repeat 50%/contain;
    content: "";
    display: block;
    height: 52px;
    width: 52px;
  }
  .p-column-detail__point h2 > span {
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0.03em;
  }
  .p-column-detail__point h2 > span span {
    color: var(--clr-blue-60);
    display: block;
    font-size: 12px;
    font-weight: 400;
    margin-top: 2px;
  }
  .p-column-detail__point ol {
    counter-reset: num;
    margin-top: 24px;
  }
  .p-column-detail__point ol > li {
    -webkit-column-gap: 4px;
    -moz-column-gap: 4px;
    column-gap: 4px;
    counter-increment: num;
    font-size: 15px;
    letter-spacing: 0.03em;
    line-height: 1.5;
    margin-top: 16px;
    padding-left: 20px;
    position: relative;
  }
  .p-column-detail__point ol > li strong {
    background: linear-gradient(transparent 60%, var(--clr-yellow-100) 60%);
    box-decoration-break: clone;
    padding: 3px;
    -webkit-box-decoration-break: clone;
  }
  .p-column-detail__point ol > li::before {
    color: var(--clr-blue-60);
    content: counter(num) ".";
    font-weight: 500;
    left: 0;
    position: absolute;
    top: 0;
  }
  .p-column-detail__toc {
    border: 1px solid var(--clr-blue-30);
    border-radius: 6px;
    height: 342px;
    margin-top: 40px;
    overflow: hidden;
    padding: 24px 40px;
    position: relative;
  }
  .p-column-detail__toc.is-expanded {
    height: auto;
  }
  @media print, screen and (max-width:767px) {
    .p-column-detail__toc {
      margin-top: 30px;
      padding: 24px 20px;
    }
  }
  .p-column-detail__toc h2 {
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0.03em;
  }
  .p-column-detail__toc > ul {
    margin-top: 16px;
  }
  .p-column-detail__toc > ul > li:not(:first-child) {
    background-image: repeating-linear-gradient(90deg, var(--clr-blue-30), var(--clr-blue-30) 3px, transparent 3px, transparent 6px);
    background-position: left top;
    background-repeat: repeat-x;
    background-size: 100% 1px;
    margin-top: 12px;
    padding-top: 12px;
  }
  .p-column-detail__toc > ul > li ul {
    margin-top: 8px;
  }
  .p-column-detail__toc > ul > li ul li {
    margin-top: 6px;
  }
  .p-column-detail__toc > ul > li ul li a {
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    letter-spacing: 0.03em;
    line-height: 1.5;
  }
  .p-column-detail__toc > ul > li ul li a::before {
    background: var(--clr-blue-100);
    border-radius: 2px;
    content: "";
    display: block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 2px;
    position: relative;
    top: 8px;
    width: 10px;
  }
  .p-column-detail__toc > ul > li a {
    font-size: 16px;
    letter-spacing: 0.03ems;
    line-height: 1.5;
  }
  .p-column-detail__toc > ul > li a:hover {
    text-decoration: underline;
  }
  .p-column-detail__toc button {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.98%, rgba(255, 255, 255, 0)), color-stop(61.53%, #fff));
    background: linear-gradient(rgba(255, 255, 255, 0) 1.98%, #fff 61.53%);
    bottom: 0;
    color: var(--clr-blue-100);
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 15px;
    left: 0;
    padding: 100px 40px 22px;
    position: absolute;
    text-align: left;
    width: 100%;
  }
  .p-column-detail__toc button::before {
    background: url("../images/column/icon_down.svg") no-repeat 50%/contain;
    content: "";
    display: block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 7px;
    margin-left: 5px;
    margin-top: 9px;
    width: 11px;
  }
  .p-column-detail__contents {
    margin-top: 97px;
  }
  @media print, screen and (max-width:767px) {
    .p-column-detail__contents {
      margin-top: 60px;
    }
  }
  .p-column-detail__contents > *:first-child {
    margin-top: 0 !important;
  }
  .p-column-detail__contents strong {
    background: linear-gradient(transparent 60%, var(--clr-yellow-100) 60%);
    box-decoration-break: clone;
    padding: 3px;
    -webkit-box-decoration-break: clone;
  }
  .p-column-detail__contents h2 {
    font-size: 34px;
    font-weight: 600;
    letter-spacing: 0.03em;
    line-height: 1.5;
    margin: 72px 0 28px;
  }
  @media print, screen and (max-width:767px) {
    .p-column-detail__contents h2 {
      font-size: 2.4rem;
    }
  }
  .p-column-detail__contents h3 {
    border-bottom: 1px solid var(--clr-blue-20);
    font-size: 26px;
    font-weight: 600;
    letter-spacing: 0.03em;
    line-height: 1.5;
    margin: 72px 0 28px;
    padding-bottom: 6px;
  }
  @media print, screen and (max-width:767px) {
    .p-column-detail__contents h3 {
      font-size: 21px;
      font-weight: bold;
      margin: 40px 0 15px;
    }
  }
  .p-column-detail__contents h4 {
    font-size: 19px;
    font-weight: bold;
    letter-spacing: 0.03em;
    line-height: 1.5;
    margin: 48px 0 15px;
  }
  @media print, screen and (max-width:767px) {
    .p-column-detail__contents h4 {
      font-size: 19px;
      margin: 32px 0 15px;
    }
  }
  .p-column-detail__contents h4 + * {
    margin-top: 0;
  }
  .p-column-detail__contents h5 {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.03em;
    line-height: 1.5;
    margin: 32px 0 12px;
  }
  @media print, screen and (max-width:767px) {
    .p-column-detail__contents h5 {
      font-size: 15px;
      font-weight: bold;
      margin: 24px 0 10px;
    }
  }
  .p-column-detail__contents a {
    color: var(--clr-blue-100);
    text-decoration: underline;
  }
  .p-column-detail__contents p {
    font-size: 17px;
    letter-spacing: 0.03em;
    line-height: 2;
    margin: 28px 0;
  }
  @media print, screen and (max-width:767px) {
    .p-column-detail__contents p {
      font-size: 15px;
      margin-top: 20px;
    }
  }
  .p-column-detail__contents p strong {
    background: linear-gradient(transparent 60%, var(--clr-yellow-100) 60%);
    box-decoration-break: clone;
    padding: 3px;
    -webkit-box-decoration-break: clone;
  }
  .p-column-detail__contents p:has(+ :is(ul, ol)) {
    margin-bottom: 0;
  }
  .p-column-detail__contents p + :is(ul, ol) {
    margin-top: 15px;
  }
  .p-column-detail__contents p + .p-column-detail__note-list {
    margin-top: 15px;
  }
  .p-column-detail__contents p img {
    border: 1px solid var(--clr-blue-20);
    border-radius: 16px;
  }
  .p-column-detail__contents p:has(img) + .p-column-detail__note {
    margin-top: -18px;
  }
  .p-column-detail__contents h4 + p {
    margin-top: 0;
  }
  @media print, screen and (max-width:767px) {
    .p-column-detail__contents h4 + p,
    .p-column-detail__contents h5 + p {
      margin-top: 0;
    }
  }
  .p-column-detail__contents .p-column-detail__label {
    font-weight: 600;
  }
  .p-column-detail__contents .p-column-detail__label:has(+ .p-column-detail__balloon) {
    margin-bottom: 0;
  }
  .p-column-detail__contents .p-column-detail__label + .p-column-detail__balloon {
    margin-top: 15px;
  }
  @media print, screen and (max-width:767px) {
    .p-column-detail__contents .p-column-detail__label {
      margin-bottom: 15px;
    }
    .p-column-detail__contents .p-column-detail__label + * {
      margin-top: 15px;
    }
    .p-column-detail__contents .p-column-detail__label + .p-column-detail__balloon {
      margin-top: 15px;
    }
  }
  .p-column-detail__contents .p-column-detail__related-link {
    margin-bottom: 0;
  }
  .p-column-detail__contents .p-column-detail__related-link + .p-column-detail__related-link {
    margin-top: 0;
  }
  @media print, screen and (max-width:767px) {
    .p-column-detail__contents .p-column-detail__related-link:has(+ :is(h3, h4, h5)) {
      margin-bottom: 28px;
    }
    .p-column-detail__contents .p-column-detail__related-link + :is(h3, h4, h5) {
      margin-top: 0;
    }
  }
  .p-column-detail__contents .p-column-detail__balloon {
    background: var(--clr-blue-10);
    border-radius: 8px;
    margin: 28px 0;
    padding: 20px 40px;
    position: relative;
  }
  @media print, screen and (max-width:767px) {
    .p-column-detail__contents .p-column-detail__balloon {
      padding: 16px 20px;
    }
  }
  .p-column-detail__contents .p-column-detail__balloon::before {
    background: var(--clr-blue-10);
    border-radius: 1px;
    content: "";
    height: 12px;
    left: -6px;
    position: absolute;
    top: 20px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 12px;
  }
  .p-column-detail__contents .p-column-detail__balloon > p {
    margin: 0;
  }
  .p-column-detail__contents .p-column-detail__note-list {
    background: var(--clr-blue-10);
    border-radius: 8px;
    margin: 28px 0;
    padding: 20px 40px;
  }
  @media print, screen and (max-width:767px) {
    .p-column-detail__contents .p-column-detail__note-list {
      padding: 16px 20px;
    }
  }
  .p-column-detail__contents .p-column-detail__note-list > ul,
  .p-column-detail__contents .p-column-detail__note-list > ol {
    margin: 0;
  }
  .p-column-detail__contents .p-column-detail__note-list:is(ol) > li > ul {
    margin: 0 0 15px;
  }
  .p-column-detail__contents .p-column-detail__note-list:is(ol) > li > ul > li {
    counter-increment: none;
    line-height: 2;
    padding-left: 16px;
    position: relative;
  }
  .p-column-detail__contents .p-column-detail__note-list:is(ol) > li > ul > li::before {
    background: #ccc;
    border-radius: 7px;
    content: "";
    display: inline-block;
    height: 7px;
    left: 0;
    position: absolute;
    top: 0.75em;
    width: 7px;
  }
  .p-column-detail__contents .p-column-detail__note-list > :is(h3, h4, h5) {
    border-bottom: none;
    margin-top: 0;
  }
  .p-column-detail__contents .p-column-detail__note-list > :is(h3, h4, h5) + :is(h3, h4, h5) {
    margin-top: 20px;
  }
  .p-column-detail__contents .p-column-detail__note-list > :is(h3, h4, h5) + p {
    margin-top: 8px;
  }
  .p-column-detail__contents .p-column-detail__note-list > h3 {
    font-size: 20px;
    margin-bottom: 16px;
  }
  @media print, screen and (max-width:767px) {
    .p-column-detail__contents .p-column-detail__note-list > h3 {
      font-size: 18px;
    }
  }
  .p-column-detail__contents .p-column-detail__note-list > h5 {
    font-size: 16px;
    margin-bottom: 8px;
  }
  @media print, screen and (max-width:767px) {
    .p-column-detail__contents .p-column-detail__note-list > h5 {
      font-size: 15px;
    }
  }
  .p-column-detail__contents .p-column-detail__note-list > h5:not(:first-child) {
    margin-top: 20px;
  }
  .p-column-detail__contents .p-column-detail__note-list > p {
    margin: 0;
  }
  .p-column-detail__contents .p-column-detail__note-list > p + p {
    margin-top: 15px;
  }
  .p-column-detail__contents .p-column-detail__note-list > p + ul, .p-column-detail__contents .p-column-detail__note-list > p + ol {
    margin-top: 15px;
  }
  .p-column-detail__contents .p-column-detail__note-list > p + :is(h3, h4, h5) {
    margin-top: 20px;
  }
  .p-column-detail__contents .p-column-detail__note-list > ul + p,
  .p-column-detail__contents .p-column-detail__note-list > ol + p {
    margin-top: 15px;
  }
  .p-column-detail__contents .p-column-detail__note-list > ul + :is(h3, h4, h5),
  .p-column-detail__contents .p-column-detail__note-list > ol + :is(h3, h4, h5) {
    margin-top: 20px;
  }
  .p-column-detail__contents .p-column-detail__table-guide {
    display: none;
  }
  @media print, screen and (max-width:767px) {
    .p-column-detail__contents .p-column-detail__table-guide {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      font-size: 13px;
      gap: 3px;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      margin: 28px 0 8px;
    }
    .p-column-detail__contents .p-column-detail__table-guide::before {
      background: url("/_assets/images/column/icon_table_guide.svg") no-repeat 50%/contain;
      content: "";
      display: inline-block;
      height: 26px;
      width: 27px;
    }
    .p-column-detail__contents .p-column-detail__table-guide + table {
      margin-top: 0;
    }
  }
  .p-column-detail__contents .p-column-detail__note * {
    font-size: 13px;
    margin-top: 10px;
  }
  .p-column-detail__contents ul {
    line-height: 2;
    margin: 28px 0;
  }
  .p-column-detail__contents ul li {
    color: #242422;
    font-size: 1.7rem;
    font-weight: 400;
    letter-spacing: 0.45px;
    line-height: 2;
    padding: 0 0 0 16px;
    position: relative;
  }
  @media print, screen and (max-width:999px) {
    .p-column-detail__contents ul li {
      font-size: 1.4rem;
      letter-spacing: 0.42px;
    }
  }
  .p-column-detail__contents ul li + li {
    margin-top: 8px;
  }
  .p-column-detail__contents ul li + li:has(> ul) {
    margin-top: 15px;
  }
  .p-column-detail__contents ul li::before {
    background: #ccc;
    border-radius: 7px;
    content: "";
    display: inline-block;
    height: 7px;
    left: 0;
    position: absolute;
    top: 0.75em;
    width: 7px;
  }
  .p-column-detail__contents ul li > ul {
    margin: 0 0 15px;
    padding-left: 20px;
  }
  @media print, screen and (max-width:767px) {
    .p-column-detail__contents ul li > ul {
      margin-bottom: 0;
      margin-top: 2px;
    }
  }
  .p-column-detail__contents ul li > ul li {
    padding-left: 0;
  }
  .p-column-detail__contents ul li > ul li::before {
    display: none;
  }
  @media print, screen and (max-width:767px) {
    .p-column-detail__contents ul li > ul li + li {
      margin-top: 5px;
    }
  }
  .p-column-detail__contents ul li:last-child > ul {
    margin-bottom: 0;
  }
  @media print, screen and (max-width:767px) {
    .p-column-detail__contents ul > li:has(> ul) > ul {
      line-height: 2;
    }
  }
  .p-column-detail__contents ol {
    counter-reset: num;
    line-height: 2;
    margin: 28px 0;
  }
  .p-column-detail__contents ol > li {
    color: #242422;
    counter-increment: num;
    font-size: 1.7rem;
    font-weight: 400;
    letter-spacing: 0.45px;
    line-height: 2;
    padding: 0 0 0 20px;
    position: relative;
  }
  @media print, screen and (max-width:999px) {
    .p-column-detail__contents ol > li {
      font-size: 1.4rem;
      letter-spacing: 0.42px;
    }
  }
  .p-column-detail__contents ol > li + li {
    margin-top: 8px;
  }
  .p-column-detail__contents ol > li::before {
    color: var(--clr-blue-60);
    content: counter(num) ".";
    font-weight: 500;
    left: 0;
    position: absolute;
    top: 0;
  }
  .p-column-detail__contents ol > li strong {
    background: linear-gradient(transparent 60%, var(--clr-yellow-100) 60%);
    box-decoration-break: clone;
    padding: 3px;
    -webkit-box-decoration-break: clone;
  }
  .p-column-detail__contents p + :is(ul, ol) {
    margin-top: 15px;
  }
  .p-column-detail__contents table {
    border-collapse: collapse;
    margin: 28px 0;
    width: 100%;
  }
  .p-column-detail__contents table.p-column-detail__table-fit--arrow {
    margin-top: 86px;
    position: relative;
  }
  .p-column-detail__contents table.p-column-detail__table-fit--arrow::before {
    background-color: #555555;
    bottom: calc(100% + 28px);
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    content: "";
    height: 30px;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 200px;
  }
  @media print, screen and (max-width:999px) {
    .p-column-detail__contents table {
      display: block;
      max-width: 100%;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
    }
  }
  @media print, screen and (max-width:767px) {
    .p-column-detail__contents table:not(:has(tr > :nth-child(3))) {
      display: table;
      overflow-x: visible;
      table-layout: fixed;
      width: 100%;
    }
    .p-column-detail__contents table:not(:has(tr > :nth-child(3))) th,
    .p-column-detail__contents table:not(:has(tr > :nth-child(3))) td {
      min-width: 0;
    }
    .p-column-detail__contents table:not(:has(tr > :nth-child(3))) th {
      white-space: normal;
      width: 40%;
      word-break: break-word;
    }
    .p-column-detail__contents table:not(:has(tr > :nth-child(3))) td {
      width: 60%;
      word-break: break-word;
    }
    .p-column-detail__contents table.p-column-detail__table-fit {
      display: table;
      overflow-x: visible;
      table-layout: fixed;
      width: 100%;
    }
    .p-column-detail__contents table.p-column-detail__table-fit th,
    .p-column-detail__contents table.p-column-detail__table-fit td {
      min-width: 0;
      white-space: normal;
      word-break: break-word;
    }
    .p-column-detail__contents table.p-column-detail__table-fit--narrow-first th:first-child,
    .p-column-detail__contents table.p-column-detail__table-fit--narrow-first td:first-child {
      width: 4.5em;
    }
    .p-column-detail__contents table.p-column-detail__table-fit a {
      font-size: 14px;
    }
  }
  .p-column-detail__contents table caption {
    caption-side: bottom;
    font-size: 13px;
    margin-top: 10px;
    text-align: left;
  }
  .p-column-detail__contents table tr {
    border-bottom: 1px solid #d1dae1;
  }
  .p-column-detail__contents table tr:first-child {
    border-top: 1px solid #d1dae1;
  }
  .p-column-detail__contents table th {
    background: #f2f6fa;
    color: #242422;
    empty-cells: show;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 0.45px;
    line-height: 1.5;
    min-width: 80px;
    padding: 14px 20px;
    text-align: left;
    white-space: nowrap;
  }
  @media print, screen and (max-width:999px) {
    .p-column-detail__contents table th {
      font-size: 1.4rem;
      letter-spacing: 0.42px;
      min-width: 60px;
    }
  }
  @media print, screen and (max-width:767px) {
    .p-column-detail__contents table th {
      min-width: 130px;
      padding: 14px 5px;
    }
  }
  .p-column-detail__contents table td {
    background: #fff;
    color: #242422;
    font-size: 15px;
    font-weight: normal;
    letter-spacing: 0.45px;
    line-height: 1.5;
    padding: 14px 20px;
    vertical-align: top;
  }
  .p-column-detail__contents table td > *:first-child {
    margin-top: 0;
  }
  .p-column-detail__contents table td > *:last-child {
    margin-bottom: 0;
  }
  .p-column-detail__contents table td * {
    font-size: 15px;
  }
  .p-column-detail__contents table td ul,
  .p-column-detail__contents table td ol {
    margin-bottom: 0;
    margin-top: 0;
  }
  .p-column-detail__contents table td ul > li,
  .p-column-detail__contents table td ol > li {
    font-size: 14px;
    letter-spacing: 0.42px;
    line-height: 1.5;
  }
  .p-column-detail__contents table td ul > li + li,
  .p-column-detail__contents table td ol > li + li {
    margin-top: 8px;
  }
  .p-column-detail__contents table td strong {
    background: linear-gradient(transparent 60%, var(--clr-yellow-100) 60%);
    box-decoration-break: clone;
    padding: 3px;
    -webkit-box-decoration-break: clone;
  }
  @media print, screen and (max-width:999px) {
    .p-column-detail__contents table td {
      font-size: 1.4rem;
      letter-spacing: 0.42px;
    }
  }
  @media print, screen and (max-width:767px) {
    .p-column-detail__contents table td {
      min-width: 130px;
      padding: 14px 5px;
    }
  }
  .p-column-detail__contents figure img {
    border: 1px solid var(--clr-blue-20);
    border-radius: 16px;
  }
  .p-column-detail__contents figure figcaption {
    font-size: 13px;
    margin-top: 10px;
    text-align: center;
  }
  @media print, screen and (max-width:767px) {
    .p-column-detail__contents figure figcaption {
      text-align: left;
    }
  }
  .p-column-detail__contents .c-cta figure p {
    margin: 0;
  }
  .p-column-detail__share {
    margin-top: 60px;
  }
  .p-column-detail__share-title {
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0.03em;
    line-height: 1.5;
  }
  .p-column-detail__share--x {
    background: #000;
  }
  .p-column-detail__share--x::before {
    background: url("/_assets/images/column/icon_x.svg") no-repeat 50%/contain;
  }
  .p-column-detail__share--fb {
    background: #4267b2;
  }
  .p-column-detail__share--fb::before {
    background: url("/_assets/images/column/icon_fb.svg") no-repeat 50%/contain;
  }
  .p-column-detail__share--hb {
    background: #00a4de;
  }
  .p-column-detail__share--hb::before {
    background: url("/_assets/images/column/icon_hb.svg") no-repeat 50%/contain;
  }
  .p-column-detail__share--mail {
    background: var(--clr-black-10);
    border: 1px solid var(--clr-blue-30);
    color: var(--clr-black-100) !important;
  }
  .p-column-detail__share--mail::before {
    background: url("/_assets/images/column/icon_mail.svg") no-repeat 50%/contain;
  }
  .p-column-detail__share--copy {
    background: var(--clr-black-10);
    border: 1px solid var(--clr-blue-30);
    color: var(--clr-black-100) !important;
    padding-block: 11px !important;
  }
  .p-column-detail__share--copy::before {
    background: url("/_assets/images/column/icon_link_side.svg") no-repeat 50%/contain;
  }
  .p-column-detail__share ul {
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 24px;
  }
  @media print, screen and (max-width:767px) {
    .p-column-detail__share ul {
      -webkit-column-gap: 5px;
      -moz-column-gap: 5px;
      column-gap: 5px;
    }
  }
  .p-column-detail__share ul li {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .p-column-detail__share ul li a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 8px;
    color: var(--clr-white-100);
    -webkit-column-gap: 12px;
    -moz-column-gap: 12px;
    column-gap: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    font-weight: 600;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    letter-spacing: 0.03em;
    line-height: 1.5;
    padding: 12px 32px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
  }
  .p-column-detail__share ul li a:hover {
    opacity: 0.7;
  }
  @media print, screen and (max-width:767px) {
    .p-column-detail__share ul li a {
      -webkit-column-gap: 5px;
      -moz-column-gap: 5px;
      column-gap: 5px;
      font-size: 11px;
      padding: 12px 5px;
    }
  }
  .p-column-detail__share ul li a::before {
    content: "";
    display: block;
    height: 20px;
    width: 20px;
  }
  @media print, screen and (max-width:767px) {
    .p-column-detail__share ul li a::before {
      -ms-flex-negative: 0;
      flex-shrink: 0;
      height: 15px;
      width: 15px;
    }
  }
  .p-column-detail__share ul li a .u-pc-only {
    display: block;
  }
  @media print, screen and (max-width:767px) {
    .p-column-detail__share ul li a .u-pc-only {
      display: none;
    }
  }
  .p-column-detail__related {
    padding-block: 80px !important;
  }
  @media print, screen and (max-width:767px) {
    .p-column-detail__related {
      padding-block: 40px 70px !important;
    }
  }
  .p-column-detail__related .c-title1 {
    margin-top: 0;
  }
  @media print, screen and (max-width:767px) {
    .p-column-detail__related .c-title1 {
      font-size: 24px;
    }
  }
  @media print, screen and (max-width:767px) {
    .p-column-detail .c-button2 a {
      padding-block: 15px;
    }
  }
  .p-column-detail .c-cta:has(+ .c-cta) {
    margin-bottom: 20px;
  }
  .p-column-detail .c-cta + .c-cta {
    margin-top: 20px;
  }
}
@layer project {
  .p-download__tab {
    border-bottom: 1px solid var(--clr-blue-100);
    margin-top: 72px;
  }
  @media print, screen and (max-width:767px) {
    .p-download__tab {
      margin-top: 0;
    }
  }
  .p-download__tab-list {
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  @media print, screen and (max-width:767px) {
    .p-download__tab-list {
      background: var(--clr-blue-100);
      -webkit-column-gap: 6px;
      -moz-column-gap: 6px;
      column-gap: 6px;
      padding: 6px 8px 0;
    }
  }
  .p-download__tab-list li {
    width: 100%;
  }
  .p-download__tab-list li a {
    background: var(--clr-blue-10);
    border: 1px solid transparent;
    border-bottom: 1px solid var(--clr-blue-100);
    border-radius: 8px 8px 0 0;
    color: var(--clr-blue-100);
    display: block;
    font-size: 1.5rem;
    letter-spacing: 0.03em;
    margin-bottom: -1px;
    padding: 12px 10px;
    text-align: center;
  }
  @media print, screen and (max-width:767px) {
    .p-download__tab-list li a {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      background: none;
      border: none;
      border-radius: 4px 4px 0 0;
      color: var(--clr-white-100);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      font-size: 1.2rem;
      font-weight: 700;
      height: 44px;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      letter-spacing: -0.5px;
      line-height: 1.5;
      margin-bottom: 0;
      padding: 0 2px;
      position: relative;
      top: 1px;
    }
  }
  .p-download__tab-list li a:not(.is-current) {
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
  }
  .p-download__tab-list li a:not(.is-current):hover {
    opacity: 0.7;
  }
  .p-download__tab-list li a.is-current {
    background-color: var(--clr-white-100);
    border: 1px solid var(--clr-blue-100);
    border-bottom: 1px solid var(--clr-white-100);
    color: var(--clr-black-100);
    font-weight: 600;
  }
  @media print, screen and (max-width:767px) {
    .p-download__tab-list li a.is-current {
      border: none;
      color: var(--clr-blue-100);
    }
  }
  .p-download .l-page__inner {
    padding-block: 0;
    padding-left: 24px;
    padding-right: 24px;
  }
  @media print, screen and (max-width:767px) {
    .p-download__tab .l-page__inner {
      padding: 0;
    }
  }
  .p-download__section {
    padding-bottom: 72px;
  }
  .p-download__section:not(:last-child) {
    border-bottom: 1px solid var(--clr-blue-30);
  }
  @media print, screen and (max-width:767px) {
    .p-download__section:not(:last-of-type) {
      padding-bottom: 40px;
    }
  }
  .p-download__section.is-hidden {
    display: none;
  }
  .p-download__section.is-show {
    -webkit-animation: fadeIn 0.4s ease forwards;
    animation: fadeIn 0.4s ease forwards;
  }
  @-webkit-keyframes fadeIn {
    from {
      opacity: 0;
      -webkit-transform: translateY(10px);
      transform: translateY(10px);
    }
    to {
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
  }
  @keyframes fadeIn {
    from {
      opacity: 0;
      -webkit-transform: translateY(10px);
      transform: translateY(10px);
    }
    to {
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
  }
  @media print, screen and (max-width:767px) {
    .p-download .c-title1 {
      font-size: 2rem;
      margin-top: 40px;
    }
  }
  @media print, screen and (max-width:767px) {
    .p-download__section:first-of-type .c-title1 {
      margin-top: 50px;
    }
  }
  .p-download__list {
    margin-top: 48px;
  }
  @media print, screen and (max-width:767px) {
    .p-download__list {
      margin-top: 30px;
    }
  }
  .p-download__list {
    display: grid;
    gap: 56px 48px;
    grid-template-columns: repeat(3, 1fr);
  }
  @media print, screen and (max-width:767px) {
    .p-download__list {
      gap: 24px;
      grid-template-columns: repeat(1, 1fr);
    }
  }
  .p-download__list figure {
    aspect-ratio: 368/187;
    border: 1px solid var(--clr-blue-20);
    border-radius: 8px;
    overflow: hidden;
  }
  .p-download__list figure img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
  }
  .p-download__list h3 {
    display: -webkit-box;
    font-size: 1.6rem;
    font-weight: 600;
    letter-spacing: 0.03em;
    line-height: 1.5;
    margin-top: 24px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
  @media print, screen and (max-width:767px) {
    .p-download__list h3 {
      margin-top: 10px;
    }
  }
  .p-download__list-btn {
    margin-top: 16px;
  }
  @media print, screen and (max-width:767px) {
    .p-download__list-btn {
      margin-top: 10px;
    }
  }
  .p-download__list-btn a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: linear-gradient(95deg, #6fbadf 1.7%, #44a4de 32.07%, #0e7dca 73.6%);
    border-radius: 58px;
    color: var(--clr-white-100);
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.6rem;
    font-weight: 600;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    letter-spacing: 0.05em;
    line-height: 1;
    padding: 16px 22px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  .p-download__list-btn a:hover {
    opacity: 0.7;
  }
  .p-download__list-btn a svg {
    color: var(--clr-white-100);
    height: 18px;
    position: relative;
    top: -2px;
    width: 18px;
  }
}
@layer project {
  .p-download-detail .l-page__inner {
    max-width: 1120px;
    padding-inline: 20px;
  }
  @media print, screen and (max-width:767px) {
    .p-download-detail .l-page__inner {
      padding-inline: 24px;
    }
  }
  .p-download-detail__title {
    font-size: 3.4rem;
    font-weight: bold;
    letter-spacing: 1.02px;
    line-height: 1.5;
    padding: 20px 0 30px;
  }
  @media print, screen and (max-width:999px) {
    .p-download-detail__title {
      display: block;
      font-size: 1.8rem;
      margin: 0 auto;
      padding-left: 24px;
      padding-right: 24px;
    }
  }
  @media print, screen and (max-width:767px) {
    .p-download-detail__title {
      max-width: none;
      padding-left: 0;
      padding-right: 0;
    }
  }
  .p-download-detail__block {
    -webkit-column-gap: 60px;
    -moz-column-gap: 60px;
    column-gap: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 72px;
  }
  @media print, screen and (max-width:999px) {
    .p-download-detail__block {
      display: block;
      margin: 0 auto 72px;
    }
  }
  @media print, screen and (max-width:767px) {
    .p-download-detail__block {
      margin-bottom: 70px;
      max-width: none;
    }
  }
  .p-download-detail__main {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  @media print, screen and (max-width:999px) {
    .p-download-detail__main {
      margin: 0 24px 40px;
    }
  }
  @media print, screen and (max-width:767px) {
    .p-download-detail__main {
      margin: 0 0 40px;
    }
  }
  .p-download-detail__form {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 460px;
  }
  .p-download-detail__form--single {
    margin-inline: auto;
    width: 600px;
  }
  .p-download-detail__form--single iframe {
    min-width: 600px;
  }
  @media print, screen and (max-width:999px) {
    .p-download-detail__form {
      margin: 0 24px 40px;
      width: auto;
    }
  }
  @media print, screen and (max-width:767px) {
    .p-download-detail__form {
      margin: 0 0 70px;
    }
  }
  .p-download-detail__form iframe {
    min-width: 460px;
  }
  @media print, screen and (max-width:999px) {
    .p-download-detail__form iframe {
      min-width: 100%;
    }
  }
  @media print, screen and (max-width:999px) {
    .p-download-detail__form--single {
      margin-inline: 0;
      width: auto;
    }
  }
  @media print, screen and (max-width:999px) {
    .p-download-detail__form--single iframe {
      min-width: 100%;
    }
  }
  .p-download-detail__title:has(~ .p-download-detail__form--single) {
    margin-inline: auto;
    width: 600px;
  }
  @media print, screen and (max-width:999px) {
    .p-download-detail__title:has(~ .p-download-detail__form--single) {
      margin-inline: 0;
      width: auto;
    }
  }
  .p-download-detail__image {
    border-radius: 8px;
    overflow: hidden;
  }
  .p-download-detail__contents {
    margin-top: 30px;
  }
  .p-download-detail__contents h2 {
    color: #222;
    font-size: 1.7rem;
    font-weight: bold;
    letter-spacing: 0.78px;
    line-height: 1.5;
    margin: 56px 0 8px;
  }
  @media print, screen and (max-width:999px) {
    .p-download-detail__contents h2 {
      font-size: 1.4rem;
      letter-spacing: 0.54px;
      margin: 64px 0 8px;
    }
  }
  @media print, screen and (max-width:767px) {
    .p-download-detail__contents h2 {
      margin-top: 30px;
    }
  }
  .p-download-detail__contents p {
    color: #222;
    font-size: 1.7rem;
    letter-spacing: 0.45px;
    line-height: 2;
  }
  @media print, screen and (max-width:999px) {
    .p-download-detail__contents p {
      font-size: 1.4rem;
    }
  }
  .p-download-detail__contents ul {
    line-height: 2;
  }
  .p-download-detail__contents ul li {
    color: #242422;
    font-size: 1.7rem;
    letter-spacing: 0.45px;
    line-height: 1.5;
    padding: 0 0 0 16px;
    position: relative;
  }
  @media print, screen and (max-width:999px) {
    .p-download-detail__contents ul li {
      font-size: 1.4rem;
      letter-spacing: 0.42px;
    }
  }
  .p-download-detail__contents ul li + li {
    margin-top: 8px;
  }
  .p-download-detail__contents ul li::before {
    background: #ccc;
    border-radius: 7px;
    content: "";
    display: inline-block;
    height: 7px;
    left: 0;
    position: absolute;
    top: 7px;
    width: 7px;
  }
}
@layer project {
  .p-download-thanks {
    background: #f5f5f5;
    padding: 64px 0 104px;
    text-align: center;
  }
  .p-download-thanks__message {
    background: var(--clr-white-100);
    font-size: 1.6rem;
    line-height: 1.8;
    margin: 24px auto 0;
    max-width: 500px;
    padding: 28px 24px;
  }
  .p-download-thanks__button {
    margin-top: 22px;
  }
  @media print, screen and (max-width:767px) {
    .p-download-thanks {
      padding: 48px 0 64px;
    }
    .p-download-thanks .c-title1 {
      font-size: 2.2rem;
    }
    .p-download-thanks__message {
      font-size: 1.5rem;
      padding: 24px 16px;
    }
  }
}
@layer project {
  .p-contact-thanks {
    padding: 64px 0 104px;
    text-align: center;
  }
  .p-contact-thanks__message {
    font-size: 1.6rem;
    line-height: 1.8;
    margin-top: 16px;
  }
  .p-contact-thanks__note {
    font-size: 1.5rem;
    line-height: 1.8;
    margin-top: 32px;
  }
  .p-contact-thanks__link {
    color: var(--clr-blue-100);
    display: inline-block;
    font-size: 1.6rem;
    font-weight: 700;
    margin-top: 4px;
    text-decoration: none;
  }
  .p-contact-thanks__link:hover {
    text-decoration: underline;
  }
  .p-contact-thanks__box {
    background: #f5f5f5;
    border-radius: 8px;
    margin: 40px auto 0;
    max-width: 600px;
    padding: 24px 32px;
    text-align: left;
  }
  .p-contact-thanks__boxTitle {
    font-size: 1.6rem;
    font-weight: 700;
  }
  .p-contact-thanks__boxList {
    margin-top: 12px;
  }
  .p-contact-thanks__boxList div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
  }
  .p-contact-thanks__boxList div + div {
    margin-top: 4px;
  }
  .p-contact-thanks__boxList dt {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-weight: 700;
  }
  .p-contact-thanks__boxList dt::after {
    content: "：";
  }
  @media print, screen and (max-width:767px) {
    .p-contact-thanks {
      padding: 48px 0 64px;
    }
    .p-contact-thanks .c-title1 {
      font-size: 2.2rem;
    }
    .p-contact-thanks__box {
      padding: 20px 24px;
    }
  }
}
@layer project {
  .p-case-detail__mv {
    background: linear-gradient(278deg, #0084d1 2.14%, #00a6f4 92.06%);
    padding: 0 20px 60px;
  }
  @media print, screen and (max-width:767px) {
    .p-case-detail__mv {
      padding: 0 0 60px;
    }
  }
  .p-case-detail__mv .c-breadcrumb {
    margin-left: -20px;
  }
  @media print, screen and (max-width:767px) {
    .p-case-detail__mv .c-breadcrumb {
      margin-left: 0;
    }
  }
  .p-case-detail__mv .c-breadcrumb * {
    color: var(--clr-white-100);
  }
  .p-case-detail__mv .c-breadcrumb__item:not(:first-child)::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1IiBoZWlnaHQ9IjkiIHZpZXdCb3g9IjAgMCA1IDkiIGZpbGw9Im5vbmUiPiA8cmVjdCB4PSIwLjcwNzAzMSIgd2lkdGg9IjYiIGhlaWdodD0iMSIgdHJhbnNmb3JtPSJyb3RhdGUoNDUgMC43MDcwMzEgMCkiIGZpbGw9IndoaXRlIi8+IDxyZWN0IHk9IjcuNzc3MzQiIHdpZHRoPSI2IiBoZWlnaHQ9IjEiIHRyYW5zZm9ybT0icm90YXRlKC00NSAwIDcuNzc3MzQpIiBmaWxsPSJ3aGl0ZSIvPjwvc3ZnPg==");
  }
  .p-case-detail__header {
    display: grid;
    gap: 16px 40px;
    grid-template-columns: 47.0833333333% 49.5833333333%;
    grid-template-rows: auto auto;
    margin-top: 48px;
  }
  @media print, screen and (max-width:999px) {
    .p-case-detail__header {
      display: block;
    }
  }
  .p-case-detail__title {
    color: var(--clr-white-100);
    font-size: 36px;
    font-weight: 700;
    grid-column: 2;
    grid-row: 1;
    letter-spacing: 0.03em;
    line-height: 1.4;
    margin-top: auto;
  }
  @media print, screen and (max-width:999px) {
    .p-case-detail__title {
      margin-bottom: 30px;
    }
  }
  @media print, screen and (max-width:767px) {
    .p-case-detail__title {
      font-size: 28px;
    }
  }
  .p-case-detail__fig {
    aspect-ratio: 565/370;
    border-radius: 8px;
    grid-column: 1;
    grid-row: 1/3;
    overflow: hidden;
  }
  @media print, screen and (max-width:999px) {
    .p-case-detail__fig {
      margin-bottom: 30px;
    }
  }
  .p-case-detail__fig img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
  }
  .p-case-detail__info {
    background: transparent;
    border-radius: 8px;
    padding: 0;
  }
  .p-case-detail__company {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 12px;
    -moz-column-gap: 12px;
    column-gap: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  @media print, screen and (max-width:767px) {
    .p-case-detail__company {
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
    }
  }
  .p-case-detail__company-fig {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    aspect-ratio: 104/56;
    background: var(--clr-white-100);
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    padding: 10px;
    width: 104px;
  }
  .p-case-detail__company-fig img {
    height: auto;
    max-height: 51px;
    max-width: 67px;
    width: auto;
  }
  .p-case-detail__company dl {
    color: var(--clr-white-100);
  }
  .p-case-detail__company dl dt {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.03em;
    line-height: 1;
  }
  .p-case-detail__company dl dd {
    font-size: 12px;
    letter-spacing: 0.03em;
    margin-top: 8px;
  }
  .p-case-detail__company dl dd a {
    text-decoration: underline;
  }
  .p-case-detail__company dl dd a:hover {
    text-decoration: none;
  }
  .p-case-detail__company-text {
    color: var(--clr-white-100);
    font-size: 12px;
    letter-spacing: 0.03em;
    line-height: 1.5;
    margin-top: 14px;
  }
  .p-case-detail__company-data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 10px;
  }
  .p-case-detail__company-data dl {
    border-radius: 4px;
    color: var(--clr-white-100);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    line-height: 1;
    overflow: hidden;
  }
  .p-case-detail__company-data dl dt {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: rgba(14, 110, 171, 0.25);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 4px;
    white-space: nowrap;
  }
  .p-case-detail__company-data dl dd {
    background: rgba(255, 255, 255, 0.2);
    padding: 4px;
  }
  .p-case-detail__company-data dl dd a:hover {
    text-decoration: underline;
  }
  .p-case-detail__interview {
    background: var(--clr-blue-10);
  }
  .p-case-detail__interview .l-page__inner {
    max-width: 1040px;
    padding-block: 52px 60px;
    padding-inline: 20px;
  }
  @media print, screen and (max-width:767px) {
    .p-case-detail__interview .l-page__inner {
      padding-inline: 24px;
    }
  }
  .p-case-detail__interview .l-page__inner .c-title2 {
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
    font-size: 18px;
  }
  @media print, screen and (max-width:767px) {
    .p-case-detail__interview .l-page__inner .c-title2 {
      margin-left: 0;
    }
  }
  .p-case-detail__interview-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 28px;
  }
  @media print, screen and (max-width:999px) {
    .p-case-detail__interview-list {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
    }
  }
  .p-case-detail__interview-list li {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    background: var(--clr-white-100);
    border-radius: 8px;
    -webkit-column-gap: 24px;
    -moz-column-gap: 24px;
    column-gap: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 16px;
    width: calc((100% - 16px) / 2);
  }
  @media print, screen and (max-width:999px) {
    .p-case-detail__interview-list li {
      width: auto;
    }
  }
  @media print, screen and (max-width:767px) {
    .p-case-detail__interview-list li {
      -webkit-column-gap: 15px;
      -moz-column-gap: 15px;
      column-gap: 15px;
    }
  }
  .p-case-detail__interview-list li figure {
    aspect-ratio: 1/1;
    border-radius: 4px;
    overflow: hidden;
    width: 29.7826086957%;
  }
  .p-case-detail__interview-list li figure img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
  }
  .p-case-detail__interview-list li dl {
    width: 65.2173913043%;
  }
  .p-case-detail__interview-list li dl dt {
    color: #000;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.03em;
    line-height: 1.5;
  }
  .p-case-detail__interview-list li dl dt span {
    color: var(--clr-black-30);
    font-size: 12px;
    font-weight: 300;
    margin-left: 10px;
  }
  .p-case-detail__interview-list li dl dd {
    color: #000;
    font-size: 12px;
    letter-spacing: 0.03em;
    line-height: 1.5;
    margin-top: 10px;
  }
  .p-case-detail__main .l-page__inner {
    max-width: 1040px;
    padding-block: 80px 0;
    padding-inline: 20px;
  }
  @media print, screen and (max-width:767px) {
    .p-case-detail__main .l-page__inner {
      padding-block: 60px 11px;
      padding-inline: 24px;
    }
  }
  .p-case-detail__main .l-page__inner:not(:has(.c-reason__block)) > .p-case-detail__group:nth-child(1 of .p-case-detail__group) {
    margin-top: 0;
  }
  @media print, screen and (max-width:767px) {
    .p-case-detail__main .p-case-detail__group:first-child {
      margin-top: 0;
    }
  }
  .p-case-detail__disclaimer {
    font-size: 12px;
    margin-bottom: 60px;
    margin-top: 40px;
    padding-left: 145px;
    text-align: left;
  }
  @media print, screen and (max-width:999px) {
    .p-case-detail__disclaimer {
      padding-left: 0;
    }
  }
  .p-case-detail__group {
    border-bottom: 1px solid var(--clr-blue-30);
    margin-top: 80px;
    padding-bottom: 20px;
  }
  @media print, screen and (max-width:767px) {
    .p-case-detail__group {
      margin-top: 60px;
    }
  }
  .p-case-detail__group p {
    color: var(--clr-blue-100);
    font-weight: 16;
    font-weight: 600;
    letter-spacing: 0.03em;
  }
  .p-case-detail__group h2 {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.4;
    margin-top: 10px;
  }
  @media print, screen and (max-width:767px) {
    .p-case-detail__group h2 {
      font-size: 24px;
    }
  }
  .p-case-detail__lead {
    color: var(--clr-blue-60);
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0.03em;
    line-height: 1.5;
    margin-bottom: 56px;
    margin-top: 60px;
  }
  @media print, screen and (max-width:767px) {
    .p-case-detail__lead {
      margin-bottom: 30px;
      margin-top: 30px;
    }
  }
  .p-case-detail__lead::before {
    background: -webkit-gradient(linear, left top, right top, color-stop(-2.94%, #0e6eab), color-stop(50%, #4ca3e0));
    background: linear-gradient(90deg, #0e6eab -2.94%, #4ca3e0 50%);
    content: "";
    display: block;
    height: 2px;
    position: relative;
    top: 12px;
    width: 40px;
  }
  @media print, screen and (max-width:767px) {
    .p-case-detail__lead::before {
      -ms-flex-negative: 0;
      flex-shrink: 0;
      width: 20px;
    }
  }
  .p-case-detail__voice {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 40px 0;
  }
  @media print, screen and (max-width:767px) {
    .p-case-detail__voice {
      margin-top: 30px;
    }
  }
  @media print, screen and (max-width:999px) {
    .p-case-detail__voice {
      display: block;
    }
  }
  .p-case-detail__voice dt {
    background: var(--clr-blue-20);
    border-radius: 8px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    margin-top: 4px;
    padding: 8px 4px;
    text-align: center;
    width: 105px;
  }
  @media print, screen and (max-width:999px) {
    .p-case-detail__voice dt {
      margin-bottom: 20px;
    }
  }
  @media print, screen and (max-width:767px) {
    .p-case-detail__voice dt {
      margin-bottom: 10px;
    }
  }
  .p-case-detail__voice dd > *:first-child {
    margin-top: 0 !important;
  }
  .p-case-detail__voice dd p {
    font-size: 17px;
    letter-spacing: 0.03em;
    line-height: 2;
    margin: 40px 0;
  }
  @media print, screen and (max-width:767px) {
    .p-case-detail__voice dd p {
      font-size: 15px;
    }
  }
  .p-case-detail__voice dd p strong {
    background: linear-gradient(transparent 60%, var(--clr-yellow-100) 0);
    padding: 3px;
  }
  .p-case-detail__cta {
    background: var(--clr-white-100);
    border-bottom: 1px solid var(--clr-blue-30);
  }
  .p-case-detail__cta .l-page__inner {
    margin-top: 60px;
    max-width: 1040px;
    padding-block: 0 80px;
    padding-inline: 20px;
  }
  @media print, screen and (max-width:767px) {
    .p-case-detail__cta .l-page__inner {
      margin-top: 0;
      padding-inline: 24px;
    }
  }
  .p-case-detail__cta-item {
    margin-top: 40px;
  }
  @media print, screen and (max-width:767px) {
    .p-case-detail__cta-item {
      margin-top: 0;
    }
  }
  .p-case-detail__cta-item--recruiting .p-case-detail__cta-card {
    background: #e4f3e7;
  }
  .p-case-detail__cta-item--recruiting .c-button + .c-button a {
    background: var(--clr-green-100);
    color: var(--clr-white-100);
  }
  .p-case-detail__cta-item--report .p-case-detail__cta-card {
    background: #faf3da;
  }
  .p-case-detail__cta-item--report .c-button + .c-button a {
    background: #f4ac00;
    color: var(--clr-black-100);
  }
  .p-case-detail__cta-item--agent .p-case-detail__cta-card {
    background: #eef6ea;
  }
  .p-case-detail__cta-item--agent .c-button + .c-button a {
    background: #a0d036;
    color: var(--clr-black-100);
  }
  .p-case-detail__cta-card {
    border-radius: 8px;
    padding: 40px 20px;
    text-align: center;
  }
  @media print, screen and (max-width:767px) {
    .p-case-detail__cta-card {
      padding: 40px 24px;
    }
  }
  .p-case-detail__cta-title {
    color: var(--clr-black-100);
    font-size: 22px;
    font-weight: 600;
    line-height: 1.4;
  }
  @media print, screen and (max-width:767px) {
    .p-case-detail__cta-title {
      font-size: 17px;
    }
  }
  .p-case-detail__cta-title-row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 6px;
    -moz-column-gap: 6px;
    column-gap: 6px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .p-case-detail__cta-title-row img {
    display: inline-block;
    height: 2.2em;
    position: relative;
    top: 0;
    width: auto;
  }
  @media print, screen and (max-width:767px) {
    .p-case-detail__cta-title-row {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      row-gap: 2px;
    }
    .p-case-detail__cta-title-row img {
      -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
      height: 41px;
      -o-object-fit: contain;
      object-fit: contain;
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1;
      width: 100%;
    }
    .p-case-detail__cta-title-row .p-case-detail__cta-slash:first-child {
      -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
      order: 2;
    }
    .p-case-detail__cta-title-row .p-case-detail__cta-slash:last-child {
      -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
      order: 4;
    }
    .p-case-detail__cta-title-row .p-case-detail__cta-title-tail {
      -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
      order: 3;
    }
  }
  .p-case-detail__cta-slash {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 16px;
    width: 14px;
  }
  .p-case-detail__cta-lead {
    font-size: 15px;
    font-weight: 300;
    line-height: 2;
    margin-top: 13px;
  }
  .p-case-detail__cta-btns {
    -webkit-column-gap: 12px;
    -moz-column-gap: 12px;
    column-gap: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 17px;
  }
  @media print, screen and (max-width:767px) {
    .p-case-detail__cta-btns {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      row-gap: 8px;
    }
    .p-case-detail__cta-btns .c-button {
      width: 100%;
    }
  }
  .p-case-detail__cta-btns .c-button a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: linear-gradient(95deg, #6fbadf 1.7%, #44a4de 32.07%, #0e7dca 73.6%);
    border: unset;
    border-radius: 76px;
    color: var(--clr-white-100);
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 17px;
    font-weight: 600;
    height: 64px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    letter-spacing: 0.05em;
    line-height: 1;
    max-width: 100%;
    padding: 0;
    text-shadow: unset;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    width: 303px;
  }
  .p-case-detail__cta-btns .c-button a:hover {
    opacity: 0.7;
  }
  @media print, screen and (max-width:767px) {
    .p-case-detail__cta-btns .c-button a {
      height: auto;
      padding: 15px 20px;
      width: 100%;
    }
  }
  .p-case-detail__cta-btns .c-button a .c-button__icon {
    color: currentColor;
    height: 18px;
    width: 18px;
  }
  .p-case-detail__cta-btns .c-button a .c-button__icon svg {
    height: 100%;
    width: 100%;
  }
  .p-case-detail__cta-btns .c-button + .c-button a .c-button__icon {
    height: 20px;
    width: 20px;
  }
  .p-case-detail__cta-link {
    color: var(--clr-blue-100);
    display: block;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.03em;
    line-height: 1.4666666667;
    margin: 23px auto 0;
    text-align: center;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  .p-case-detail__cta-link:hover {
    opacity: 0.7;
  }
  .p-case-detail__related {
    padding-bottom: 120px;
  }
  @media print, screen and (max-width:767px) {
    .p-case-detail__related {
      padding-bottom: 60px;
    }
  }
  .p-case-detail__related .l-page__inner {
    max-width: 1240px;
    padding-inline: 20px;
  }
  @media print, screen and (max-width:767px) {
    .p-case-detail__related .l-page__inner {
      padding-inline: 24px;
    }
  }
  @media print, screen and (max-width:767px) {
    .p-case-detail__related .c-title1 {
      font-size: 24px;
    }
  }
  @media print, screen and (max-width:767px) {
    .p-case-detail__related .c-button2 a {
      padding-block: 15px;
    }
  }
}
#pardot-form {
  background-color: #f5f5f5;
  border-radius: 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #666;
  color-scheme: light;
  font: 100%/120% Tahoma, Arial, Helvetica, Verdana, sans-serif;
  font-size: 13px;
  margin: 0.5em 0 0;
  margin: 0 0 0.5em;
  margin-bottom: 30px;
  padding-block: 22px 30px;
  padding-inline: 0.5em;
  width: 100%;
}
#pardot-form .pd-hidden,
#pardot-form .hidden {
  display: none !important;
}
#pardot-form p {
  clear: left;
  line-height: 1.4em;
  margin: 10px 5px 0;
  padding: 3px 2px;
}
#pardot-form input[type=checkbox] {
  -webkit-appearance: auto;
  -moz-appearance: auto;
  appearance: auto;
  background-color: revert;
  border: revert;
  height: auto;
  width: auto;
}
#pardot-form input.text {
  border: 1px solid rgba(0, 41, 96, 0.22);
  border-radius: 8px;
  display: block;
  height: 32px;
  margin-top: 6px;
  width: 100%;
}
#pardot-form p label {
  border-radius: 8px;
  display: block;
  float: none;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.03em;
  margin: 0;
  padding: 3px 13px 0 0;
  text-align: left !important;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
#pardot-form p label a {
  color: #156c9d;
  text-decoration: none;
}
#pardot-form p span.description {
  clear: both;
  display: block;
  margin-left: 0;
}
#pardot-form p span label {
  display: inline;
  -webkit-appearance: auto;
  -moz-appearance: auto;
  appearance: auto;
}
#pardot-form select {
  background-color: var(--clr-white-100);
  border: 1px solid rgba(0, 41, 96, 0.22);
  border-radius: 8px;
  height: 36px;
  margin-top: 6px;
  padding: 2px;
  width: 100%;
}
#pardot-form .value {
  margin-left: 0;
}
#pardot-form .value span {
  display: block;
  margin-top: 12px;
}
#pardot-form p.submit {
  /* margin: 1em .5em .2em 160px; */
  margin-inline: 10px;
  padding: 0;
}
#pardot-form p.submit input {
  background: linear-gradient(95deg, #6fbadf 1.7%, #44a4de 32.07%, #0e7dca 73.6%);
  border: 1px solid #2a8fd5;
  border-radius: 28px;
  -webkit-box-shadow: 1px 1px 1px 0 rgba(0, 45, 96, 0.2);
  box-shadow: 1px 1px 1px 0 rgba(0, 45, 96, 0.2);
  color: #fff;
  cursor: pointer;
  font-size: 15px;
  font-weight: 700;
  margin: 0 10px 0 0;
  padding: 9px 12px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 100%;
}
#pardot-form p.submit input:hover {
  opacity: 0.7;
}

@media print, screen and (max-width:767px) {
  .p-download-detail #pardot-form {
    padding-inline: 24px;
  }
  .p-download-detail #pardot-form p {
    margin-inline: 0;
    padding-inline: 0;
  }
  .p-download-detail #pardot-form p.submit input {
    margin-right: 0;
  }
  .p-download-detail #pardot-form input.text,
  .p-download-detail #pardot-form select,
  .p-download-detail #pardot-form textarea {
    font-size: 16px;
  }
}

@layer project {
  body:has(.p-notfound) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100vh;
  }
  .p-notfound {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding-bottom: 80px;
  }
  @media print, screen and (max-width:767px) {
    .p-notfound .c-title1 {
      font-size: 2.8rem;
    }
  }
  .p-notfound__text {
    font-size: 1.7rem;
    font-weight: 300;
    letter-spacing: 0.03em;
    line-height: 2;
    margin-top: 28px;
    text-align: center;
  }
  @media print, screen and (max-width:767px) {
    .p-notfound__text {
      font-size: 1.5rem;
    }
    .p-notfound__text br {
      display: none;
    }
  }
  .p-notfound__button {
    margin-top: 24px;
  }
  .p-notfound__button a {
    min-width: 240px;
  }
}
/* ==========================================================================
Utility
========================================================================== */
@layer utility {
  .u-no-underline {
    border-bottom: none !important;
    padding-bottom: 0 !important;
  }
  .u-sp-only {
    display: none;
  }
  @media print, screen and (max-width:767px) {
    .u-sp-only {
      display: block !important;
    }
  }
  @media print, screen and (max-width:767px) {
    .u-pc-only {
      display: none !important;
    }
    .u-sp-margin {
      margin: 0 !important;
    }
  }
}