@charset "UTF-8";
:root {
  --c-text: #303336;
  --c-link: #0078d4;
  --c-hover: #015a9e;
  --c-visit: #7f57f8;
  --c-active: #ff5500;
  --c-disabled: #afb3b6;
  --c-main: #176cff;
  --c-red: #be0006;
  --c-red-b: #ED0008;
  --c-gry: #61676b;
  --bg-hover-a: #125ad7;
  --bg-hover-b: #e1ecff;
  --bg-main-a: #e1ecff;
  --bg-main-b: #176cff;
  --bg-main-c: #125ad7;
  --bg-main-g: url(/case/2025/n001/css/assets/img/bg_img_a.png),linear-gradient(90deg, #0091FF 0%, #176CFF 90%, #176CFF 100%);
  --bg-sub-a: #f7faff;
  --bg-sub-b: #e1ecff;
  --bg-gry-a: #e6eaed;
  --bg-gry-b: #c9cccf;
  --bg-blk-a: #303336;
  --bg-blk-b: #61676b;
  --bg-blk-c: #798086;
  --bg-red-a: #fff2f3;
  --bg-red-b: #ED0008;
  --bg-red-c: #be0006;
  --bg-cv-a: #fad433;
  --bg-cv-b: #f9c900;
  --ui-link-arrow: url(/case/2025/n001/css/assets/img/ui_link_arrow.svg);
  --ui-link-blank: url(/case/2025/n001/css/assets/img/ui_link_blank.svg);
  --ui-link-anchor: url(/case/2025/n001/css/assets/img/ui_link_anchor.svg);
  --ui-link-close: url(/case/2025/n001/css/assets/img/ui_link_close.svg);
  --ui-link-dl: url(/case/2025/n001/css/assets/img/ui_link_dl.svg);
  --ui-link-pdf: url(/case/2025/n001/css/assets/img/ui_link_pdf.svg);
  --list-disc: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgOCA5IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxjaXJjbGUgY3g9IjQiIGN5PSI0LjU5MTgiIHI9IjQiIGZpbGw9IiMwMDc4RDQiLz48L3N2Zz4=");
  --box-shadow-a: 0 2px 24px 8px rgba(54, 130, 217, 0.08);
  --box-shadow-b: 0 1px 8px 0 rgba(54, 130, 217, 0.1);
  --box-shadow-a-hover: 0 2px 48px 16px rgba(54, 130, 217, 0.08);
  --box-shadow-b-hover: 0 2px 24px 0 rgba(54, 130, 217, 0.12);
}

main.case {
  /*
  .main_wrap_a + .main_wrap_a {border-top: dotted 1px #ccc;}
  */
  /* 600 - 1024 */
  /*
  600 > 585
  768 > 753
  1024 > 1009

  2段コンテナサイズ
  @container main-container (min-width: 896px) {}
  コラムコンテナサイズ
  @container main-container (min-width: 736px)
   */
  /* ==================================
   stracture
  ================================== */
  /*a {color: var(--c-link); transition: color .3s, background-color .3s, border .3s, box-shadow .3s;}
  a:hover {color: var(--c-hover);}
  a:active {color: var(--c-active);}
  a:visited {color: var(--c-visit);}
  main {
    a:after {background-color: var(--c-link); transition: color .3s, background-color .3s, transform .3s;}
    a:hover::after {background-color: var(--c-hover);}
    a:active::after {background-color: var(--c-active);}
    a:visited::after {background-color: var(--c-visit);}
  }*/
  /* ==================================
   heading
  ================================== */
  /* ==================================
   link
  ================================== */
  /* tab list  */
  /* A */
  /* B */
  /* C */
  /* ==================================
   btn
  ================================== */
  /* variation */
  /* close */
  /* center */
  /* size */
  /* disabled */
  /* ==================================
   card A
  ================================== */
  /*
    .card_list_a,
    .card_list_b {margin: 3em 0; display: grid; gap: 16px;}

    [class*="card_list_"] .card_item {
      .txt_wrap p,
      .txt_wrap ul {margin: 0;}
      .txt_wrap p + p:not(.title),
      .txt_wrap p + p:not(.catch) {margin-top: 1em;}
      .txt_wrap p.title + p {margin-top: 8px;}
      .txt_wrap p.catch + p.title {margin-top: 8px;}
      .txt_wrap ul.btn_list_a {align-items: flex-start;}
    }

    .card_list_a {
      .card_item {display: flex; margin: 0; flex-direction: column; position: relative; background-color: #fff; border-radius: 16px; overflow: hidden; border: solid 1px var(--bg-gry-a); box-shadow: var(--box-shadow-a), var(--box-shadow-b);}
      .card_item {
        > .inner {height: 100%; display: flex; flex-direction: column; position: relative; gap: 0;}
        > .inner > * {margin: 0;}
        > .inner > :first-child {margin-top: 0;}
        > .inner > :last-child {margin-bottom: 0;}

        .img_wrap {padding: 24px 24px 0; flex-shrink: 0; text-align: center;}
        .img_wrap > div {aspect-ratio: 16 / 9; overflow: hidden; border-radius: 8px; !* max-height: 360px; *! width: 100%; background-color: var(--bg-sub-a);}
        .img_wrap img {object-fit: cover; object-position: center center; width: 100%; height: 100%;}

        .txt_wrap {padding: 16px 24px 24px; display: flex; flex-direction: column; gap: 16px;}
        .title {font-size: 2.2rem; font-weight: bold; margin: 0; line-height: 1.5; max-height: 4.5em; overflow: hidden;}
        .title {
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 3;
          line-clamp: 3;
          display: -webkit-box;}
          a._expand::before {content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1;}

        .txt_wrap p {max-height: 5em; overflow: hidden;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 3;
          line-clamp: 3;
          display: -webkit-box;}

        .lower_inner {border-top: solid 1px var(--bg-gry-a); flex-shrink: 0;}
        .lower_inner button {min-height: 3em; line-height: 1; width: 100%; border: none; background-color: #fff; color: var(--c-link);}
        .lower_inner button.add_list {display: flex; justify-content: center; align-items: center; gap: 2px;}
        .lower_inner button.add_list::after {content: ""; width: 20px; height: 20px; mask: url(/case/2025/n001/css/assets/img/icon_list_add.svg) center / 20px no-repeat; background-color: var(--c-link);}
        .lower_inner button.add_list:hover::after {content: ""; transform: translateX(2px); transition: transform .3s;}
        .lower_inner button:hover {background-color: var(--bg-hover-b);}
        .lower_inner button.icon_blank:hover {text-decoration: underline;}
      }

      .card_item.label_a::before {content: "オススメ"; padding: 5px 5px 9px; line-height: 1; font-size: 1.2rem; height: 2.5em; position: absolute; left: 32px; top: 0; color: #fff; background-color: var(--c-main); z-index: 1; mask: url(/case/2025/n001/css/assets/img/label_a.svg) bottom center / cover no-repeat;}
      .card_item.label_a {border-color: var(--bg-main-b); box-shadow: var(--box-shadow-a), var(--box-shadow-b), 0px 0px 0px 1px var(--bg-main-b);}
    }


    @media (min-width: 768px) {
      .card_list_a,
      .card_list_b {gap: 32px;}
    }
    .card_item:has(a._expand:hover) {background-color: var(--bg-hover-b); transition: .3s;}
    .card_item:has(a._expand:hover) .img_wrap img {transform: scale(1.1);}

    !* a *!

    @media (min-width: 768px) {
      .card_list_a._col1 .card_item {min-height: 365px;}
      .card_list_a._col1 .card_item {
        > .inner {display: flex; flex-direction: row; gap: 0; align-items: center;}
        .inner > * {width: 50%; flex-shrink: 1;}
        .txt_wrap {padding: 24px;}
        .img_wrap {align-self: stretch; padding-bottom: 24px; padding-right: 0;}
        .img_wrap > div {max-height: initial; height: 100%;}
      }
    }

    .card_list_a._fit {
      .card_item .img_wrap {padding: 0;}
      .card_item .txt_wrap {padding: 16px;}
      .card_item .txt_wrap .title {font-size: 1.8rem;}
      .card_item .img_wrap > div {border-radius: 0;}
    }

    .card_list_a._dl .card_item {
    .img_wrap > div {padding: 5%;}
    .img_wrap > div img {object-fit: contain; width: auto;}
    }

    !* columns *!
    .card_list_a._fit._col4 {grid-template-columns: repeat(2, 1fr);}

    @media (max-width: 767px) {
    .card_list_a._fit[class*="_col"] {grid-template-columns: repeat(2, 1fr);}
    .card_list_a._fit[class*="_col"] .card_item {border-radius: 8px;}
    .card_list_a._fit[class*="_col"] .card_item .txt_wrap {padding: 8px; gap: 8px;}
    .card_list_a._fit[class*="_col"] .card_item .title {font-size: 1.6rem;}
    .card_list_a._fit[class*="_col"] .card_item .text {display: none;}
    }

    @media (min-width: 768px) {
    .card_list_a._col2 {grid-template-columns: repeat(2, 1fr);}
    .card_list_a._col3 {grid-template-columns: repeat(2, 1fr);}
    .card_list_a._fit._col1 .card_item .txt_wrap {padding: 24px;}
    .card_list_a._fit._col1 .card_item .title {font-size: 2.4rem;}
    }

    @media (min-width: 960px) {
    .card_list_a._col3 {grid-template-columns: repeat(3, 1fr);}
    .card_list_a._fit._col4 {grid-template-columns: repeat(4, 1fr);}
    }

    !* type a *!
    .card_list_a._var_a .card_item .txt_wrap {padding: 16px 32px; gap: 8px;}
    .card_list_a._var_a .card_item .txt_wrap .title {font-size: 1.8rem;}

    @media (max-width: 767px) {
    .card_list_a._var_a .card_item .txt_wrap {padding: 16px;}
    .card_list_a._var_a .card_item .lower_inner button {min-height: 2.5em;}
    }

    @media (min-width: 768px) {
    .card_list_a._var_a._col2 {grid-template-columns: repeat(2, 1fr);}
    }

    @media (min-width: 960px) {
    .card_list_a._col3 {grid-template-columns: repeat(3, 1fr);}
    .card_list_a._var_a._col4 {grid-template-columns: repeat(4, 1fr);}
    }

    !* type b *!
    .card_list_a._var_b .card_item {
      .catch {color: var(--c-main);}
      .btn_list_a a {min-width: 10em;}
    }

    @media (min-width: 768px) {
    .card_list_a._var_b .card_item {
        > .inner {display: flex; flex-direction: row; gap: 0; align-items: flex-start;}
        .img_wrap {padding-right: 0; padding-bottom: 24px; align-self: flex-start; flex-shrink: 0; border-radius: 8px;}
        .img_wrap > div {max-height: initial; width: 175px; aspect-ratio: 170 / 96;}
        .txt_wrap {padding: 24px; display: flex; flex-direction: row; justify-content: space-between; width: 100%; align-self: stretch; align-items: center;}
        .title {font-size: 2rem;}
        .catch {color: var(--c-main); margin-bottom: .5em;}
        .btn_list_a {flex-shrink: 0;}
        .btn_list_a {flex-direction: column; }
      }
    }

    !* type c *!
    .card_list_a._var_c .card_item {
      > .inner {display: flex; flex-direction: row; gap: 0; align-items: flex-start;}
      .img_wrap {padding-right: 0; padding-bottom: 24px; align-self: flex-start; flex-shrink: 0; border-radius: 8px;}
      .img_wrap > div {max-height: initial; width: 100px; aspect-ratio: 100 / 56;}
      .txt_wrap {padding: 24px; padding-left: 16px;}
      .title {font-size: 2rem;}
    }

    !* type d *!
    .card_list_a._var_d {gap: 0;}
    .card_list_a._var_d .card_item {border-radius: 0; border-width: 0 0 1px; background-color: transparent; gap: 0; box-shadow: none; border-color: var(--bg-gry-a);}
    .card_list_a._var_d .card_item:first-child {border-top-width: 1px;}
    .card_list_a._var_d .card_item {
      > .inner {display: flex; flex-direction: row; gap: 0; align-items: flex-start; padding: 24px 0; gap: 24px;}
      .img_wrap {padding-right: 0; padding: 0; align-self: flex-start; flex-shrink: 0; border-radius: 16px;}
      .img_wrap > div {max-height: initial; width: 160px; aspect-ratio: 160 / 120;}
      .txt_wrap {padding: 0;}
      .title {font-size: 1.8rem;}
    }

    @media (min-width: 768px) {
      .card_list_a._var_d {display: flex; gap: 32px; flex-wrap: wrap;}
      .card_list_a._var_d .card_item {width: calc((100% - 32px) / 2); border-top-width: 1px;}
      .card_list_a._var_d .card_item > .inner {gap: 24px;}
    }
    @media (min-width: 1024px) {
      .card_list_a._var_d {flex-wrap: nowrap;}
    }

    .card_list_a._var_d.c_wht .card_item {border-color: rgba(255, 255, 255, .2);}
    .card_list_a._var_d.c_wht .card_item .link_list_a a {color: inherit;}
    .card_list_a._var_d.c_wht .card_item .link_list_a a::after {background-color: #fff;}*/
  /* ==================================
   card B
  ================================== */
  /*.card_list_b {
    .card_item {background-color: #fff; border-radius: 16px; overflow: hidden; border: solid 1px var(--bg-gry-a); box-shadow: var(--box-shadow-a), var(--box-shadow-b);}
    .card_item {
      > .inner {display: flex; flex-direction: column; position: relative; gap: 16px; padding: 24px;}
      > .inner > * {margin: 0;}
      .tit_wrap {display: flex; width: 100%; justify-content: space-between; gap: 16px;}
      .img_wrap > div {aspect-ratio: 16 / 9; overflow: hidden; border-radius: 8px; width: 100%;}
      .img_wrap img {object-fit: cover; object-position: center center; width: 100%; height: 100%;}

      .title {line-height: 1.5; font-weight: bold; margin: 0;}
      .title i {font-size: 1.2rem; color: var(--c-main); line-height: 1; display: inline-block; border-radius: 1em; background-color: var(--bg-main-a); padding: .5em; min-width: 6.5em; text-align: center; margin-bottom: 1rem;}
      .title em {font-size: 2.4rem;}
      .icon_wrap {flex-shrink: 0; width: 40px; height: 40px;}
      .txt_wrap {display: flex; flex-direction: column; gap: 16px;}
      .txt_wrap hr {margin: 0;}
      .txt_wrap .link_list_a {margin: 8px 0;}
      .icon_wrap img {object-fit: contain; object-position: center center; width: 40px; height: 40px;}
      a._expand::before {content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}

    }
  }

  @media (min-width: 768px) {
    .card_list_b._col1 .card_item:has(.img_wrap) {
      > .inner {display: grid; gap: 16px 32px;}
   .tit_wrap {grid-column-start: 1; grid-column-end: 3;}

    }
  }

  .card_list_b._sm {
    .card_item > .inner {padding: 16px;}
    .card_item .link_list_a {margin: 0;}
  }



  !* columns *!

  .card_list_b._sm._col3,
  .card_list_b._sm._col4 {grid-template-columns: repeat(2, 1fr);}

  @media (min-width: 768px) {
  .card_list_b._col2 {grid-template-columns: repeat(2, 1fr);}
  .card_list_b._col3 {grid-template-columns: repeat(2, 1fr);}

  .card_list_b._col4 {grid-template-columns: repeat(2, 1fr);}

  .card_list_b._col4:not(._sm) {gap: 16px;}
  .card_list_b._col4 .tit_wrap:has(.icon_wrap) {flex-direction: column; gap: 8px;}
  .card_list_b._col4 .tit_wrap .title em {font-size: 2rem;}
  }

  @media (min-width: 960px) {
  .card_list_b._col3,
  .card_list_b._sm._col3 {grid-template-columns: repeat(3, 1fr);}
  .card_list_b._col4,
  .card_list_b._sm._col4 {grid-template-columns: repeat(4, 1fr);}
  }


  !* btn_list_b *!
  ul.card_list_c {display: grid; gap: 16px; list-style: none; padding: 0;}
  ul.card_list_c a {display: flex; align-items: center; justify-content: space-between; gap: 16px; height: 100%; text-decoration: none; border-radius: 16px; padding: 24px 16px 24px 32px;}
  ul.card_list_c a {color: var(--c-link); background-color: #fff; border: solid 1px var(--bg-gry-a); box-shadow: var(--box-shadow-a), var(--box-shadow-b);}
  ul.card_list_c a > :first-child {margin-top: 0;}
  ul.card_list_c a > :last-child  {margin-bottom: 0;}
  ul.card_list_c a::after {content: ""; width: 24px; height: 24px; flex-shrink: 0; background-color: var(--c-link); mask: var(--ui-link-arrow) center / 20px no-repeat;}
  ul.card_list_c a:hover {color: var(--c-hover); background-color: var(--bg-hover-b); box-shadow: var(--box-shadow-a-hover), var(--box-shadow-b-hover);}
  ul.card_list_c a:hover::after {background-color: var(--c-hover); transform: translateX(2px);}
  ul.card_list_c a[target="_blank"]::after {mask-image: var(--ui-link-blank);}
  ul.card_list_c .title {display: inline-block; font-size: 1.8rem; font-weight: bold;}
  ul.card_list_c .catch {display: inline-block; font-size: 1.2rem; color: var(--c-text);}

  @media (min-width: 768px) {
    ul.card_list_c._col2,
    ul.card_list_c._col3 {grid-template-columns: repeat(2, 1fr);}
  }


  @media (min-width: 960px) {
    ul.card_list_c._col3 {grid-template-columns: repeat(3, 1fr);}
  }



  !* cv *!
  .card_list_cv {display: flex; flex-direction: column; gap: 16px; margin: 3em 0;}
  .card_list_cv + .card_list_cv {margin-top: calc(-3em + 16px);}
  .card_list_cv {
    .card_item {background-color: #fff; border-radius: 16px; overflow: hidden; border: solid 1px var(--bg-gry-a); box-shadow: var(--box-shadow-a), var(--box-shadow-b);}
    .card_item {
      > .inner {display: flex; flex-direction: column; align-items: center; justify-content: space-between; position: relative; gap: 16px; padding: 24px; height: 100%;}
      > .inner * {margin: 0;}
      .icon_wrap {flex-shrink: 0; width: 48px; height: 48px;}
      .icon_wrap img {object-fit: contain; object-position: center center; width: 48px; height: 48px;}
      .txt_wrap {text-align: center;}
      .txt_wrap > * {margin: 0;}
      .btn_list_a {width: 100%; margin-top: .5em;}
      .btn_list_a img {filter: invert(17%) sepia(12%) saturate(327%) hue-rotate(169deg) brightness(88%) contrast(88%);}
      a._expand::before {content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
    }
  }
  @media (min-width: 768px) {
  .card_list_cv {flex-direction: row; justify-content: center; gap: 32px;}
  .card_list_cv > * {float: 1; width: 100%; max-width: 480px;}
  .card_list_cv + .card_list_cv {margin-top: calc(-3em + 32px);}
  }

  !* tag pointer off *!
  @media (max-width: 767px) {
    .card_item .tag_list_a {z-index: 0;}
    .card_item .tag_list_a a {pointer-events: none;}
  }
  @media (min-width: 768px) {
    .card_item .tag_list_a {z-index: 2;}
  }*/
  /* ==================================
   list
  ================================== */
  /* ==================================
   navi
  ================================== */
  /*nav.nav_local {position: fixed; left: 0; top: 90%; z-index: 1; width: 100%; }
  nav.nav_local > label {position: fixed; right: 8px; min-height: 2.5em; bottom: 8px; z-index: 2; background-color: var(--bg-main-b); padding: 8px; color: #fff; display: inline-block; text-align: center; font-size: 1.2rem;}
  nav.nav_local > input[type="checkbox"] {opacity: 0; position: fixed;}
  nav.nav_local > input[type="checkbox"] + label::before {content: "開く";}
  nav.nav_local > input[type="checkbox"]:checked + label::before {content: "閉じる";}
  nav.nav_local > input[type="checkbox"]:checked + label::before {content: "閉じる";}
  nav.nav_local > ul {display: flex; flex-direction: column; margin: 0; font-size: 1.5rem;}
  nav.nav_local {
   .local_menu {position: fixed; top: 100%; width: 100%; transition: transform .5s;}
   .local_menu > div {display: flex; gap: 8px; flex-direction: column; width: 100%; background-color: #fff; padding: 8px; background-color: #fff; border-top: solid 1px #ccc;}
   .local_menu a {min-height: 2.5em; display: flex; border: solid 1px var(--bg-gry-a); align-items: center; justify-content: center; background-color: #fff; color: inherit; text-decoration: none;}
   .cv {position: fixed; bottom: 0; width: 100%; display: flex; justify-content: space-between; gap: 8px; background-color: var(--bg-main-a); padding: 8px;}
   .cv li {flex: 1; display: flex; align-items: center; justify-content: center;}
    .cv a {flex: 1; min-height: 2.5em; display: flex; border: solid 1px var(--bg-cv-b); align-items: center; justify-content: center; background-color: #fff; background-color: var(--bg-cv-a); color: inherit; text-decoration: none;}
  }
  nav.nav_local > input[type="checkbox"]:checked ~ ul div.local_menu {transform: translateY(-100%);}

  @media (min-width: 1024px) {
    nav.nav_local > ul {font-size: inherit;}
    nav.nav_local {
     .local_menu {position: initial;}
     .local_menu a {min-height: 2.5em; display: flex; border: solid 1px var(--bg-gry-a); align-items: center; justify-content: center; background-color: #fff; color: inherit; text-decoration: none;}
     .cv {position: initial; width: auto;}
    }
  }

  @media (min-width: 1024px) {
    nav.nav_local {position: sticky; z-index: 2; top: 0; box-shadow: 0 2px 7px 0 rgba(54, 130, 217, 0.08); background: #fff; border: solid 1px var(--bg-gry-a);}
    nav.nav_local {
     > label {display: none}
     > ul {max-width: 1200px; margin: 0 auto; flex-direction: row; justify-content: space-between;}
     > ul a {min-width: 4em; padding: 0 1em; border-radius: 8px; min-height: 2.3em !important; height: 100%;}
     .local_menu {display: block;}
     .local_menu li.customer {border-left: dotted 1px #ccc; padding-left: 8px;}
     .local_menu > div {flex-direction: row; border: none; background-color: transparent;}
     .cv {background-color: transparent; flex-shrink: 0;}
     .cv li {flex: auto; display: flex; align-items: center; justify-content: center;}
    }
  }*/
  /*  */
  /* ==================================
   box
  ================================== */
  /* ==================================
   table
  ================================== */
  /*
  table.tbl_a {
    th,
    td {padding: 16px; border-right: 1px solid var(--bg-gry-a); border-bottom: 1px solid  var(--bg-gry-a); background-color: #fff; &:last-child {border-right: none;}}
    > thead th {font-weight: bold; background: var(--bg-main-b); color: #fff;}
    > tbody th {font-weight: bold; background: var(--bg-sub-a); text-align: left;}
  }
  */
  /* ==================================
   modaal
  ================================== */
  /*body {

  !* 要確認 *!
  .modaal-container {max-width: 960px; border-radius: 16px; overflow: hidden;}
  .js_modal_content {display: none;}
  .modal_wrap > :first-child {margin-top: 0;}
  .modal_wrap > :last-child {margin-bottom: 0;}
  !* ここまで *!

  .modaal-inner-wrapper {padding-left: 16px; padding-right: 16px;}
  .modaal-container:has(iframe) {height: 100%; max-height: 80vh;}
  .modaal-close:before, .modaal-close:after {
      top: 8px;
      left: 18px;
      width: 2px;
      height: 20px;
      border-radius: 0;
      background: #fff;
      -webkit-transition: background-color 0.2s ease-in-out;
      transition: background-color 0.2s ease-in-out;
  }
  .modaal-close:focus,
  .modaal-close:hover {background: transparent;}
  .modaal-close:focus:before,
  .modaal-close:focus:after,
  .modaal-close:hover:before,
  .modaal-close:hover:after {background: #fff;}

  .modaal-inner-wrapper {padding-top: 32px; padding-bottom: 100px;}
  .modaal-wrapper .modaal-close {border: solid 1px #fff; border-radius: 8px; top: auto; right: 20px; bottom: 8%; width: 40px; height: 40px;}
  .modaal-overlay {opacity: .6 !important;}

  @media (min-width: 1024px) {
  .modaal-wrapper .modaal-close {right: calc((100% - 990px) / 2);}
  }

  }*/
  /* ==================================
   form
  ================================== */
  /*button,
  select,
  textarea,
  select,
  input[type="text"],
  input[type="tel"],
  input[type="email"],
  input[type="password"],
  input[type="submit"],
  input[type="button"],
  input[type="reset"],
  input[type="list"] {font-family: inherit; font-size: inherit; letter-spacing: inherit; line-height: inherit; color: var(--c-text);}

  label,
  button,
  input[type="button"],
  input[type="submit"],
  input[type="file"] {cursor: pointer;}

  form > :first-child {margin-top: 0;}
  form > :last-child {margin-bottom: 0;}

  input[type="radio"],
  input[type="checkbox"] {flex-shrink: 0;}
  select {min-height: 2.5em; padding-left: .5em;}

  !* placeholder *!
  ::placeholder{color: #999;}

  !* iOS *!
  button,
  input[type="submit"],
  input[type="button"],
  input[type="reset"] {
    -webkit-box-sizing: content-box;
    -webkit-appearance: button;
    box-sizing: border-box;
    appearance: button;
  }

  button:hover,
  input[type="submit"]:hover,
  input[type="button"]:hover,
  input[type="reset"]:hover {background-color: var(--bg-main-b); transition: background-color .3s;}

  .form_a {

  button,
  select,
  textarea,
  select,
  input[type="text"],
  input[type="tel"],
  input[type="email"],
  input[type="password"],
  input[type="submit"],
  input[type="button"],
  input[type="reset"],
  input[type="list"] {width: 100%; padding: 5px 16px; min-height: 3em; background-color: #fff; border: 1px solid var(--bg-gry-b); border-radius: 8px;}

  !* disabled *!
  input[type="text"]:disabled,
  input[type="tel"]:disabled,
  input[type="email"]:disabled,
  select:disabled,
  textarea:disabled {background-color: var(--bg-gry-b);}

  button,
  input[type="submit"],
  input[type="button"],
  input[type="reset"] {width: auto; padding: 0 2em; min-width: 11em;}

  select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%; padding-left: .5em; padding-right: 2em; position: relative;
    background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22a%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2216px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2016%2016%22%20style%3D%22enable-background%3Anew%200%200%2016%2016%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%230071C5%3B%7D%3C%2Fstyle%3E%3Cpolygon%20class%3D%22st0%22%20points%3D%228%2C11.9%201.9%2C5.8%203.7%2C4.1%208%2C8.4%2012.3%2C4.1%2014.1%2C5.8%20%22%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    background-position: right .6em top 50%;
    background-size: 0.9em auto, 100%;
  }

  button.icon_link,
  input[type="submit"].icon_link,
  input[type="button"].icon_link,
  input[type="reset"].icon_link {color: inherit;}

  @media (min-width: 768px) {
    input[type="radio"],
    input[type="checkbox"] {-webkit-transform: scale(1.3); transform: scale(1.3); margin: 0 .3em;}
  }

  @-moz-document url-prefix() {
    select {padding-top: 0.4em;}
  }

  !* エリア検索 *!
  div.area_search {margin: 1.5em 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1em;}
  div.area_search:first-child {margin-top: 0;}
  div.area_search:last-child {margin-bottom: 0;}
  div.area_search {
    p.yubin button {flex-shrink: 0; padding: 0 .5em;}
    p.yubin {display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 1em; width: 100%; margin: 0;}
    p.yubin > .inner {display: flex; align-items: center; justify-content: center; gap: .5em; width: 100%; max-width: 400px;}

    button.search_link {border: none; display: flex; align-items: center; padding: 0; background-color: transparent; min-height: initial; min-width: initial; color: var(--c-link);}
    button.search_link:hover {color: var(--c-hover); text-decoration: underline;}
    button.search_link::after {content: ""; width: 18px; height: 18px; background-color: var(--c-link); mask: var(--ui-link-blank) center / 16px no-repeat;}
    button.search_link.c_wht::after {background-color: #fff;}
  }

  @media (min-width: 1024px) {
    div.area_search {flex-direction: row; flex-wrap: nowrap;}
    div.area_search {
      p.yubin {flex-wrap: nowrap; width: auto;}
      p.yubin > .inner {width: 400px;}
      p.yubin + div {align-self: stretch; display: flex; align-items: center; padding-left: 1em; border-left: solid 1px var(--bg-gry-b);}
    }
  }

  }*/
  /* ==================================
   script-enabled
  ================================== */
  /*html[data-script-enabled="true"]
  .local_nav a.js_dropdown_hook::before,
  .local_nav ul.item_a a.js_dropdown_hook::before,
  .local_nav ul.dropdown_content a::before,
  .local_nav ul[class*="item"] > li.anc > a::before {position: absolute; top: 50%; left: .7em; width: 1em; height: 1em; margin-top: -.5em; font-weight: normal; font-style: normal; font-family: "icomoon"; vertical-align: middle; line-height: 1; transition: .2s;}

  html[data-script-enabled="true"] .tab_panel {display: none;}
  html[data-script-enabled="true"] .tab_panel.is_active {display: block;}
  html[data-script-enabled="true"] .accordion_list_a > .acco_item.is_close > .acco_item_content {display: none;}*/
  /* ==================================
   accordion
  ================================== */
  /*.accordion_list_a {margin: 3em 0; border-radius: 16px; border: 1px solid var(--bg-gry-a); box-shadow: var(--box-shadow-a), var(--box-shadow-b); overflow: hidden;}
  .accordion_list_a {
    .acco_item {border-bottom: 1px solid var(--bg-gry-a);}
    .acco_item:last-child {border: none;}
    .acco_item > .title {margin: 0; font-size: 1.7rem; font-weight: bold; line-height: inherit;}
    .acco_item > .title > button {display: flex; width: 100%; text-align: left; gap: 16px; font-weight: bold; justify-content: space-between; align-items: center; min-height: 4em; padding: 16px; background: #fff; border: none; border-radius: 0;}
    .acco_item > .title > button::after {content: ""; width: 32px; height: 32px; flex-shrink: 0; border: solid 1px var(--bg-gry-a); border-radius: 6px; background: url("/case/2025/n001/css/assets/img/ui_acco_plus.svg") no-repeat #fff center / 24px 24px}
    .acco_item.is_open > .title > button::after {background-image: url("/case/2025/n001/css/assets/img/ui_acco_minus.svg")}
    .acco_item > .title > button:hover {background-color: var(--bg-hover-b); transition: background-color .2s}
    .acco_item > .title > button:hover .text {text-decoration: underline;}
    .acco_item > .acco_item_content {position: relative; overflow: hidden;}
    .acco_item > .acco_item_content > div {padding: 16px;}
    .acco_item > .acco_item_content > div > :first-child {margin-top: 0;}
    .acco_item > .acco_item_content > div > :last-child {margin-bottom: 0;}
    .acco_item > .acco_item_content::before {content: ""; position: absolute; left: 16px; top: 0; flex-shrink: 0; border-top: solid 1px var(--bg-gry-a); width: 100%;}
    .toggle_status {position: absolute; top: 0; right: 0; line-height: 1; opacity: 0;}

    .acco_item > .acco_item_content > ul.link_list_a {gap: 0; position: relative;}
    .acco_item > .acco_item_content > ul.link_list_a > li {position: relative;}
    .acco_item > .acco_item_content > ul.link_list_a::before,
    .acco_item > .acco_item_content > ul.link_list_a > li::before {content: ""; position: absolute; left: 16px; top: 0; border-top: solid 1px var(--bg-gry-a); width: 100%;}
    .acco_item > .acco_item_content > ul.link_list_a a {color: inherit; display: flex; align-items: center; justify-content: space-between; min-height: 4em; padding: 16px 24px 16px 16px;}
    .acco_item > .acco_item_content > ul.link_list_a a:hover {background-color: var(--bg-hover-b);}

  }


  .accordion_list_a._qa,
  .accordion_list_a._info {
    .acco_item button .text {display: flex; gap: 16px;}
    .acco_item button .text::before,
    .acco_item .acco_item_content > div::before {content: ""; width: 24px; height: 24px; overflow: hidden; padding-left: 24px; flex-shrink: 0; color: transparent; background: no-repeat center / 24px 24px;}
    .acco_item .acco_item_content::before {left: 56px;}
  }

  .accordion_list_a._qa {
    .acco_item button .text::before {content: "Q"; margin-top: 2px; background-image: url("/case/2025/n001/css/assets/img/ui_acco_qa_q.svg")}
    .acco_item .acco_item_content > div {display: flex; gap: 16px;}
    .acco_item .acco_item_content > div::before {content: "A"; background-image: url("/case/2025/n001/css/assets/img/ui_acco_qa_a.svg")}
  }

  .accordion_list_a._info {
    .acco_item button .text::before {content: ""; margin-top: 2px; background-image: url("/case/2025/n001/css/assets/img/ui_acco_info.svg")}
    .acco_item .acco_item_content > div::before {display: none;}
    .acco_item .acco_item_content > div {padding-left: 56px;}
  }

  .accordion_list_a._img {
    .acco_item button > div {display: flex; align-items: center; gap: 16px;}
    .acco_item button > div > .img_wrap {width: 64px; margin: 0; border-radius: 8px; overflow: hidden; aspect-ratio: 64 / 48; display: grid; align-items: center;}
    .acco_item > .acco_item_content > ul.link_list_a a {padding-left: 48px;}
    .acco_item > .acco_item_content > ul.link_list_a > li::before {left: 48px;}
  }
  @media (min-width: 768px) {
    .accordion_list_a._img {
      .acco_item > .acco_item_content > ul.link_list_a a {padding-left: 96px;}
      .acco_item > .acco_item_content > ul.link_list_a > li::before {left: 96px;}
    }
  }

  .accordion_list_a .accordion_list_a {box-shadow: none;}*/
  /* ==================================
   modal custtmaize
  ================================== */
  /*.modaal-container {max-width: 960px; border-radius: 16px;}
  .js_modal_content {display: none;}
  .modal_wrap > :first-child {margin-top: 0;}
  .modal_wrap > :last-child {margin-bottom: 0;}*/
  /* ==================================
   swiper
  ================================== */
  /*#mv_swiper {padding-top: 16px;}
  .swiper-slide {max-width: 680px;}
  .swiper-slide > a {display: block; width: 100%;}
  .swiper-slide > a > span {display: dis}
  .swiper-slide picture img {width: 100%; height: auto;}

  ._swiper-pagination-wrap {display: flex; align-items: center; justify-content: center; gap: 1em; padding: .5em 0;}
  .swiper-pagination {top: initial !important; bottom: initial !important; position: initial; width: auto !important; flex-shrink: 0;}

  button.js_swiper_pause {flex-shrink: 0; width: 19px; height: 19px; overflow: hidden; border-radius: 4px; background: none; position: relative; padding: 0; border-color: var(--theme-color); font-size: small;
   background: url(/assets/images/icon_play_excp.svg) no-repeat transparent bottom center / 100% auto;}
  button.js_swiper_pause > * {left: 25px; position: absolute;}
  button.js_swiper_pause.paused {background-position: top center;}
  button.js_swiper_pause ._on,
  button.js_swiper_pause.paused ._off {display: none;}
  button.js_swiper_pause.paused ._on {display: inline;}

  .swiper-button-next,
  .swiper-button-prev {background-color: #fff; width: 2.4em; height: 2.4em; border-radius: 50px; border: solid 3px #0072bc; display: flex; align-items: center; justify-content: center; margin-top: -1.2em;}
  .swiper-button-next {padding-left: 0.1em; right: 2px;}
  .swiper-button-prev {padding-right: 0.1em; left: 2px;}
  .swiper-button-next:after,
  .swiper-button-prev:after {font-size: 1em; font-weight: 900;}

  .site_header .header_wrap {border-color: #999;}

  !*
  @media (min-width: 600px) {
    .swiper-button-next,
    .swiper-button-prev {width: 3em; height: 3em; margin-top: -1.5em;}
    .swiper-button-next {right: 1%;}
    .swiper-button-prev {left: 1%;}
  }
  *!
  @media (min-width: 768px) {
    .swiper_wrap {padding-top: 32px;}
    .swiper-button-prev {left: calc((100% - 724px) /2);}
    .swiper-button-next {right: calc((100% - 724px) /2);}
  }

  @media (min-width: 1024px) {
    .swiper-button-prev {left: calc((100% - 1050px) /2);}
    .swiper-button-next {right: calc((100% - 1050px) /2);}
    .swiper-slide {width: 1000px; max-width: 1000px; border-radius: 15px; overflow: hidden;}
  }*/
  /* ==================================
   column
  ================================== */
  /* ==================================
   modules
  ================================== */
  /* stracture */
  /* icon */
  /* center */
  /* layout */
  /*
  .lay_img_a {margin: 2em 0; display: flex; flex-direction: column; gap: 8px; align-items: center;}
  .lay_img_a > div:first-child {text-align: center;}
  .lay_img_a > div {border-radius: 8px; overflow: hidden;}
  */
  /* tel */
  /* ==================================
   micro css
  ================================== */
  /* guideline */
  /* sp */
  /* tb */
  /* pc */
}
main.case :root {
  font-size: 10px;
}
main.case html {
  -webkit-text-size-adjust: 100%;
}
main.case body {
  margin: 0;
  color: #303336;
  font-family: var(--font-main);
  font-size: 1.6rem;
  background-color: #fff;
}
main.case main {
  line-height: 1.75;
  letter-spacing: 0.02em;
  overflow: clip;
}
main.case #page {
  min-width: 360px;
}
main.case .main_wrap_a > .inner {
  max-width: 1200px;
  padding: 64px 16px;
  margin: 0 auto;
  /* container query */
  container-type: inline-size;
  container-name: main-container;
}
@media (min-width: 1024px) {
  main.case .main_wrap_a > .inner {
    padding: 64px 16px;
  }
}
main.case .main_wrap_a > :first-child,
main.case .main_wrap_a > .inner > :first-child {
  margin-top: 0;
}
main.case .main_wrap_a > :last-child,
main.case .main_wrap_a > .inner > :last-child {
  margin-bottom: 0;
}
main.case em, main.case i {
  font-style: normal;
}
main.case em {
  font-weight: bold;
}
main.case img {
  max-width: 100%;
  height: auto;
}
main.case .img_wrap {
  margin: 2em 0;
}
main.case .img_wrap:first-child {
  margin-top: 0;
}
main.case .img_wrap:last-child {
  margin-bottom: 0;
}
main.case .img_wrap img {
  transition: 0.3s;
}
main.case .img_wrap .image {
  overflow: hidden;
  border-radius: 8px;
}
@media (min-width: 768px) {
  main.case .img_wrap .image {
    border-radius: 16px;
  }
}
main.case .img_wrap:has(.caption) {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
main.case .img_wrap:has(.txt_wrap) {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
main.case div._aspect_a {
  aspect-ratio: 16/9;
}
main.case div._aspect_b {
  aspect-ratio: 1/1;
}
main.case div._aspect_a img,
main.case div._aspect_b img {
  object-fit: cover;
  object-position: center center;
  width: 100%;
  height: 100%;
}
main.case hr {
  height: 0;
  margin: 2em 0;
  padding: 0;
  border: 0;
  border-top: solid 1px var(--bg-gry-b);
}
main.case div[class*=box_] hr {
  margin: 1em 0;
}
main.case [href^="tel:"] {
  color: #5192c8;
  text-decoration: underline;
}
main.case sup {
  display: inline-block;
  font-size: 10px;
  margin: 0 0.2em;
}
main.case .sticky_wrap {
  position: relative;
}
main.case .sticky_item {
  position: sticky;
  z-index: 1;
  top: 0;
}
main.case .sticky_item > :first-child {
  margin-top: 0;
}
main.case .sticky_item > :last-child {
  margin-bottom: 0;
}
main.case p:first-child {
  margin-top: 0;
}
main.case p:last-child {
  margin-bottom: 0;
}
main.case *:focus {
  outline-color: #176cff;
  outline-offset: 2px;
}
main.case .bg_main_g._fixed {
  background: none;
  position: relative;
}
main.case .bg_main_g._fixed::before {
  content: "";
  position: absolute;
  z-index: 0;
  left: calc((100vw - 100%) / -2);
  top: 0;
  width: 100vw;
  height: 100%;
  background: var(--bg-main-g);
}
main.case div.bg_main_g._fixed > :first-child {
  margin-top: 0;
}
main.case div.bg_main_g._fixed > :last-child {
  margin-bottom: 0;
}
main.case div.bg_main_g._fixed {
  margin: 32px 0;
  padding: 32px 0;
}
main.case .bg_main_g > * {
  position: relative;
}
@media (min-width: 768px) {
  main.case div.bg_main_g._fixed {
    margin: 64px 0;
    padding: 64px 0;
  }
}
main.case h1, main.case h2, main.case h3, main.case h4, main.case h5, main.case h6, main.case .title {
  line-height: 1.5;
  font-feature-settings: "palt";
  letter-spacing: 0.05em;
}
main.case h4, main.case h5, main.case h6 {
  font-size: inherit;
}
main.case [class^=hd_]._h1 {
  font-size: 3.2rem;
  margin: 1em 0 0.5em;
}
main.case [class^=hd_]._h2 {
  font-size: 2.8rem;
  margin: 2em 0 1em;
}
main.case [class^=hd_]._h3 {
  font-size: 2.4rem;
  margin: 2.5em 0 1em;
}
main.case [class^=hd_]._h4 {
  font-size: 2rem;
  margin: 2em 0 1em;
}
main.case [class^=hd_]._h5 {
  font-size: 1.8rem;
  margin: 2em 0 1em;
}
main.case [class^=hd_]._h6 {
  font-size: 1.6rem;
  margin: 2em 0 1em;
}
main.case .hd_b._h1,
main.case .hd_b._h2,
main.case .hd_b._h3,
main.case .hd_b._h4,
main.case .hd_b._h5,
main.case .hd_b._h6 {
  margin-bottom: 2em;
}
main.case .hd_a,
main.case .hd_b,
main.case .hd_c,
main.case .hd_d {
  font-weight: bold;
}
main.case .txt_wrap > :first-child,
main.case [class^=hd_]:first-child {
  margin-top: 0;
}
main.case .txt_wrap > :last-child,
main.case [class^=hd_]:last-child {
  margin-bottom: 0;
}
@media (min-width: 1024px) {
  main.case .hd_a._h1 {
    font-size: 4rem;
  }
  main.case .hd_a._h2 {
    font-size: 3.2rem;
  }
  main.case .hd_a._h3 {
    font-size: 2.8rem;
  }
}
main.case .hd_b {
  font-size: 2.4rem;
  position: relative;
  padding-left: 1.6rem;
}
main.case .hd_b::before {
  content: "";
  width: 4px;
  height: calc(100% - 0.2em);
  position: absolute;
  top: 0.1em;
  left: 0;
  background: linear-gradient(to bottom, #FAD433 0%, #FAD433 50%, #176CFF 50%, #176CFF 100%);
}
main.case .hd_b.ta_c {
  padding-bottom: 0.5em;
  padding-left: 0;
}
main.case .hd_b.ta_c::before {
  width: 32px;
  height: 4px;
  top: initial;
  bottom: 0;
  left: 50%;
  margin-left: -16px;
  background: linear-gradient(to right, #FAD433 0%, #FAD433 50%, #176CFF 50%, #176CFF 100%);
}
@media (max-width: 599px) {
  main.case .hd_b.ta_c_pc {
    padding-bottom: 0.5em;
  }
  main.case .hd_b.ta_c_pc::before {
    width: 32px;
    height: 4px;
    top: initial;
    bottom: 0;
    left: 50%;
    margin-left: -16px;
    background: linear-gradient(to right, #FAD433 0%, #FAD433 50%, #176CFF 50%, #176CFF 100%);
  }
}
main.case .hd_c {
  position: relative;
  padding-left: 1.6rem;
  font-size: 2.8rem;
}
main.case .hd_c::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.1em;
  width: 4px;
  height: calc(100% - 0.2em);
  border-radius: 10px;
  background: var(--bg-main-g);
}
main.case .hd_c.ta_c {
  padding-bottom: 0.5em;
  padding-left: 0;
}
main.case .hd_c.ta_c::before {
  width: 32px;
  height: 4px;
  top: initial;
  bottom: 0;
  left: 50%;
  margin-left: -16px;
  background: var(--bg-main-g);
}
@media (min-width: 768px) {
  main.case .hd_c {
    font-size: 3.2rem;
  }
}
main.case .hd_wrap_main_a .inner {
  display: flex;
  flex-direction: column-reverse;
  max-width: 1200px;
  margin: 0 auto;
}
main.case .hd_wrap_main_a .txt_wrap {
  padding: 32px 16px;
}
main.case .hd_wrap_main_a .txt_wrap {
  padding: 32px 16px;
}
main.case .hd_wrap_main_a .hd_a {
  margin: 0;
}
main.case .hd_wrap_main_a .catch {
  color: var(--c-main);
  font-size: 1.6rem;
  font-weight: bold;
}
main.case .hd_wrap_main_a .read {
  margin-top: 1em;
}
main.case .hd_wrap_main_a .catch + .hd_a {
  margin-top: 0.2em;
}
main.case .hd_wrap_main_a .img_wrap {
  margin: 0;
  aspect-ratio: 16/9;
}
main.case .hd_wrap_main_a .img_wrap .image {
  border-radius: 0;
}
main.case .hd_wrap_main_a .img_wrap img {
  object-fit: cover;
  object-position: center center;
  width: 100%;
  height: 100%;
}
main.case .hd_wrap_main_a .txt_wrap .hd_a:first-child {
  margin: 0;
}
main.case .hd_wrap_main_a .txt_wrap .hd_a:first-child + p {
  margin-top: 1em;
}
@media (min-width: 1024px) {
  main.case .hd_wrap_main_a .inner {
    flex-direction: initial;
    align-items: center;
    justify-content: space-between;
    padding: 24px 16px;
    gap: 32px;
  }
  main.case .hd_wrap_main_a .head_wrap {
    padding: 1rem 0;
  }
  main.case .hd_wrap_main_a .head_wrap .hd_a {
    font-size: 2.8rem;
  }
  main.case .hd_wrap_main_a .txt_wrap {
    padding: 0;
    width: 100%;
  }
  main.case .hd_wrap_main_a .catch {
    font-size: 1.8rem;
  }
  main.case .hd_wrap_main_a .img_wrap {
    flex-shrink: 0;
    width: 100%;
    max-width: 340px;
    border-radius: 16px;
    align-self: flex-start;
    background-color: var(--bg-gry-a);
  }
  main.case .hd_wrap_main_a .img_wrap .image {
    border-radius: 8px;
  }
  main.case .hd_wrap_main_a .txt_wrap:has(.tag_list_a) {
    align-self: flex-start;
  }
}
main.case .hd_wrap_main_modal {
  border-bottom: solid 1px var(--bg-gry-a);
}
main.case .hd_wrap_main_modal > .inner {
  max-width: 960px;
  margin: 0 auto;
  padding: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
main.case .hd_wrap_main_modal h1.hd_a {
  margin: 0;
}
main.case .hd_wrap_main_modal + .inner {
  padding: 32px;
  max-width: 960px;
}
main.case .hd_wrap_a {
  margin: 3em 0 2em;
}
main.case [class*=hd_wrap_]:first-child {
  margin-top: 0;
}
main.case [class*=hd_wrap_]:last-child {
  margin-bottom: 0;
}
main.case [class*=hd_wrap_] p {
  margin: 0;
}
main.case .hd_wrap_a .sub {
  color: var(--c-main);
  font-size: 1.2rem;
  font-weight: bold;
}
main.case .hd_wrap_a .sub i {
  border: solid 1px var(--c-main);
  color: var(--c-main);
  background-color: var(--bg-sub-a);
  display: inline-block;
  line-height: 1;
  padding: 6px 12px;
  border-radius: 4px;
  font-weight: bold;
}
main.case .hd_wrap_a .sub:has(i) {
  margin-bottom: 1.2rem;
}
main.case .hd_wrap_a .sub + [class*=hd_] {
  margin-top: 0.2rem;
}
main.case .icon_link::after,
main.case .icon_dl::after,
main.case .icon_tips::after,
main.case .icon_link[target*=_blank]::after,
main.case .icon_link[href^="#"]::after,
main.case .icon_link[href*=".pdf"]::after {
  content: "";
  width: 18px;
  height: 18px;
  margin: 0 2px;
  vertical-align: middle;
  display: inline-block;
  mask: var(--ui-link-arrow) center/20px no-repeat;
  background-color: var(--c-link);
}
main.case .icon_link[target*=_blank]::after,
main.case .icon_link[class*=modal]::after {
  mask-image: var(--ui-link-blank);
}
main.case .icon_link[href^="#"]::after {
  mask-image: var(--ui-link-anchor);
}
main.case .icon_link[href*=".pdf"]::after {
  mask-image: var(--ui-link-pdf);
}
main.case .icon_dl::after {
  mask-image: var(--ui-link-dl) !important;
}
main.case .icon_tips::after {
  mask-image: url(/case/2025/n001/css/assets/img/ui_icon_tips.svg);
}
main.case a.icon_link:hover::after,
main.case a.icon_dl:hover::after {
  transform: translateX(2px);
  transition: transform 0.2s;
}
main.case ul[class*=link_list_] {
  list-style: none;
  margin: 1.5em 0;
  padding: 0;
}
main.case table ul[class*=link_list_] {
  margin: 1em 0;
}
main.case ul[class*=link_list_]:first-child {
  margin-top: 0;
}
main.case ul[class*=link_list_]:last-child {
  margin-bottom: 0;
}
main.case ul[class*=link_list_] a {
  text-decoration: none;
}
main.case ul[class*=link_list_] a::after {
  content: "";
  width: 20px;
  height: 20px;
  display: inline-block;
  margin: 0 0 0 0.2em;
  vertical-align: -0.25em;
  mask: var(--ui-link-arrow) center/20px no-repeat;
}
main.case ul[class*=link_list_] a[target=_blank]::after,
main.case ul[class*=link_list_] a[class*=modal]::after {
  mask-image: var(--ui-link-blank);
}
main.case ul[class*=link_list_] a[href*=".pdf"]::after {
  mask-image: var(--ui-link-pdf);
}
main.case ul[class*=link_list_] a[href^="#"]::after {
  mask-image: var(--ui-link-anchor);
}
main.case ul[class*=link_list_] a:hover {
  text-decoration: underline;
}
main.case ul[class*=link_list_] a:hover::after {
  transform: translateX(2px);
  transition: transform 0.2s;
}
main.case ul.link_list_a,
main.case ul.link_list_b {
  display: flex;
  flex-direction: column;
  gap: 0.7em;
}
main.case ul.link_list_a._sub a::before {
  content: "┗";
  margin: 0 0.2em;
  color: var(--c-link);
  display: inline-block;
  height: 1.2em;
  overflow: hidden;
}
main.case ul.link_list_a ul.link_list_a._sub {
  margin: 1em 0 0;
}
main.case ul.link_list_a._center {
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1em 2em;
}
main.case ul.link_list_a._row {
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1em 2em;
}
main.case ul.link_list_a._row_right {
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1em 2em;
  justify-content: flex-end;
}
main.case ul.link_list_a._right {
  align-items: flex-end;
}
main.case footer ul.link_list_a a {
  color: inherit;
}
main.case ul.link_list_b > li::before {
  content: "●";
  font-size: 9px;
  color: var(--c-link);
  display: inline-block;
  margin: 0 1em 0 0.5em;
  vertical-align: middle;
  margin-top: -0.5em;
}
main.case ul.link_list_qa {
  margin: 3em 0;
  border-radius: 16px;
  border: 1px solid var(--bg-gry-a);
  box-shadow: var(--box-shadow-a), var(--box-shadow-b);
  overflow: hidden;
}
main.case ul.link_list_qa .title {
  margin: 0;
  font-size: 1.7rem;
  font-weight: bold;
  line-height: inherit;
  border-bottom: 1px solid var(--bg-gry-a);
}
main.case ul.link_list_qa .title:last-child {
  border: none;
}
main.case ul.link_list_qa .title > a {
  display: flex;
  width: 100%;
  text-align: left;
  gap: 16px;
  font-weight: bold;
  justify-content: space-between;
  align-items: center;
  min-height: 4em;
  padding: 16px;
  color: inherit;
  background: #fff;
  border: none;
  border-radius: 0;
}
main.case ul.link_list_qa .title > a::after {
  content: "";
  width: 32px;
  height: 20px;
  flex-shrink: 0;
  border: solid 1px var(--bg-gry-a);
  border-radius: 6px;
  mask: var(--ui-link-arrow) center/20px no-repeat;
}
main.case ul.link_list_qa .title > a .text {
  display: flex;
  gap: 16px;
}
main.case ul.link_list_qa .title > a .text::before {
  content: "Q";
  margin-top: 2px;
  width: 24px;
  height: 24px;
  overflow: hidden;
  padding-left: 24px;
  flex-shrink: 0;
  color: transparent;
  background: url("/case/2025/n001/css/assets/img/ui_acco_qa_q.svg") no-repeat center/24px 24px;
}
main.case ul.link_list_qa .title > a:hover {
  background-color: var(--bg-hover-b);
  transition: background-color 0.2s;
}
main.case ul.link_list_qa .title > a:hover .text {
  text-decoration: underline;
}
main.case .tab_a {
  margin: 3em 0;
}
main.case ul.tab_list_a {
  display: flex;
  gap: 16px;
  padding: 0;
  margin: 3em auto 0;
  max-width: 1200px;
  padding: 0 16px;
  position: relative;
}
main.case div.tab_a ul.tab_list_a {
  margin-top: 0;
  padding-top: 32px;
}
@media (min-width: 768px) {
  main.case ul.tab_list_a.bg_main_g {
    padding-top: 32px;
  }
}
main.case ul.tab_list_a li {
  display: flex;
  flex: 1;
  line-height: 1.5;
  position: relative;
  z-index: 1;
}
main.case ul.tab_list_a li.is_active > a {
  color: var(--c-link);
  pointer-events: none;
}
main.case ul.tab_list_a li > a:visited {
  color: var(--c-link);
}
main.case ul.tab_list_a li.is_active > a {
  font-weight: bold;
  color: inherit;
  background: #fff;
}
main.case ul.tab_list_a li a {
  display: grid;
  align-items: center;
  text-align: center;
  width: 100%;
  padding: 8px 16px;
  min-height: 4em;
  text-decoration: none;
  border: 1px solid #ccc;
  border-bottom: none;
  border-radius: 16px 16px 0 0;
}
main.case ul.tab_list_a.bg_main_g {
  padding-top: 16px;
}
main.case ul.tab_list_a.bg_main_g li a {
  border-color: #fff;
  color: #fff;
}
main.case ul.tab_list_a.bg_main_g li.is_active > a {
  color: inherit;
}
main.case ul.tab_list_b {
  position: relative;
  list-style: none;
  display: flex;
  gap: 8px;
  padding: 8px;
  margin: 0 -16px;
  max-width: 1200px;
}
main.case ul.tab_list_b::before {
  content: "";
  position: absolute;
  top: 0;
  left: -16px;
  height: 100%;
  width: 100vw;
  box-shadow: var(--box-shadow-a), var(--box-shadow-b);
  border-top: solid 1px var(--bg-gry-a);
}
main.case ul.tab_list_b li {
  line-height: 1.5;
  font-size: 1.4rem;
  position: relative;
  font-weight: bold;
  flex: 1;
}
main.case ul.tab_list_b li a {
  display: flex;
  color: var(--bg-main-b);
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  padding: 5px 8px;
  min-height: 4.5em;
  text-decoration: none;
  background: #fff;
  border: 1px solid var(--bg-main-b);
}
main.case ul.tab_list_b li a::before {
  content: "";
  width: 24px;
  gap: 3px;
  height: 24px;
  flex-shrink: 0;
  color: var(--c-main-b);
  background-color: var(--bg-main-b);
  mask: url(/case/2025/n001/css/assets/img/icon_build_fm.svg) center/contain no-repeat;
}
main.case ul.tab_list_b li a.icon_fn::before {
  mask-image: url(/case/2025/n001/css/assets/img/icon_build_fm.svg);
}
main.case ul.tab_list_b li a.icon_mn::before {
  mask-image: url(/case/2025/n001/css/assets/img/icon_build_mn.svg);
}
main.case ul.tab_list_b li a:hover {
  color: #fff;
  background-color: var(--bg-main-b);
}
main.case ul.tab_list_b li a:hover::before {
  background-color: #fff;
}
main.case ul.tab_list_b li.is_active a {
  color: #fff;
  background-color: var(--bg-main-b);
  pointer-events: none;
}
main.case ul.tab_list_b li.is_active a::before {
  background-color: #fff;
}
@media (min-width: 600px) {
  main.case ul.tab_list_b {
    padding: 16px;
    gap: 16px;
  }
  main.case ul.tab_list_b li a {
    border-radius: 16px;
    flex-direction: row;
    gap: 10px;
  }
  main.case ul.tab_list_b::before {
    left: calc((100vw - 100%) / -2);
  }
}
main.case ul.tab_list_c {
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1px;
  margin: 3em auto 0;
  position: relative;
  list-style: none;
  box-shadow: var(--box-shadow-a), var(--box-shadow-b);
  border-radius: 16px;
  overflow: hidden;
  line-height: 1.5;
  background-color: var(--bg-gry-a);
  text-align: center;
}
main.case ul.tab_list_c li {
  display: grid;
}
main.case ul.tab_list_c li a {
  display: flex;
  padding: 16px;
  align-items: center;
  justify-content: stretch;
  flex-direction: column;
  gap: 16px;
  text-decoration: none;
  color: inherit;
  background-color: #fff;
  transition: color 0.3s, background-color 0.3s, background-img 0.3s;
}
main.case ul.tab_list_c li a:hover {
  background: var(--bg-main-a);
}
main.case ul.tab_list_c li a img {
  transition: filter 0.3s;
}
main.case ul.tab_list_c li.is_active a {
  color: #fff;
  background: var(--bg-main-g);
  pointer-events: none;
}
main.case ul.tab_list_c li.is_active a img {
  filter: brightness(0) invert(1);
}
main.case ul.tab_list_c li a > span {
  display: flex;
  align-items: center;
  gap: 16px;
}
main.case ul.tab_list_c li a i {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
}
main.case ul.tab_list_c li a i img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}
@media (min-width: 768px) {
  main.case ul.tab_list_c {
    grid-template-columns: repeat(3, 1fr);
  }
  main.case ul.tab_list_c {
    gap: 32px;
    background: none;
    box-shadow: none;
    overflow: initial;
  }
  main.case ul.tab_list_c li a {
    padding: 34px 28px;
    border-radius: 16px;
    box-shadow: var(--box-shadow-a), var(--box-shadow-b);
    border: solid 1px var(--bg-gry-a);
  }
  main.case ul.tab_list_c li a i {
    flex-shrink: 0;
    width: 32px;
    height: 32px;
  }
}
main.case .tag_list_a {
  font-size: 1.2rem;
  display: flex;
  list-style: none;
  padding: 0;
  margin: 1em 0;
  gap: 8px;
  flex-wrap: wrap;
  position: relative;
}
main.case .tag_list_a._tag li > a::before {
  content: "#";
}
main.case .tag_list_a li {
  position: relative;
  z-index: 1;
  line-height: 1;
  display: flex;
  align-items: center;
}
main.case .tag_list_a li > a,
main.case .tag_list_a li > span {
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--bg-main-a);
  line-height: 1;
  min-height: 2em;
  min-width: 4em;
  padding: 0 0.6em;
  border-radius: 4px;
}
main.case .tag_list_a a:hover {
  text-decoration: underline;
  background-color: var(--bg-hover-b);
}
main.case .tag_list_a a.icon_tips {
  font-size: 1.3rem;
  display: flex;
  gap: 2px;
  padding: 0;
  background: none;
  color: inherit;
}
main.case .tag_list_a a.icon_tips::after {
  width: 1em;
  height: 1em;
  flex-grow: 0;
  mask-size: 110%;
}
main.case .tag_list_a li.new > * {
  color: var(--c-red-b);
  background-color: var(--bg-red-a);
}
main.case .tag_list_a li.rec > * {
  color: #645000;
  background-color: #fefae6;
}
main.case .tab_panel {
  padding: 32px 0;
}
main.case .tab_panel > :first-child {
  margin-top: 0;
}
main.case .tab_panel > :last-child {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  main.case .tab_panel {
    padding: 48px 0;
  }
}
main.case [class*=btn_list_] {
  list-style: none;
  margin: 2em 0;
  padding: 0;
}
main.case [class*=btn_list_]:first-child {
  margin-top: 0;
}
main.case [class*=btn_list_]:last-child {
  margin-bottom: 0;
}
main.case ul.btn_list_a {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  flex-direction: column;
  line-height: 1.5;
}
main.case ul.btn_list_a._row {
  flex-direction: row;
}
main.case ul.btn_list_a a,
main.case ul.btn_list_a button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  gap: 4px;
  min-width: 8em;
  text-decoration: none;
  min-height: 3em;
  border-radius: 8px;
  padding: 5px 1.5em;
  background-color: #fff;
  border: solid 1px;
  color: var(--c-link);
  border-color: var(--bg-main-g);
  transition: background-color 0.3s;
}
main.case ul.btn_list_a a::after,
main.case ul.btn_list_a button::after {
  content: "";
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  background-color: var(--c-link);
  mask: var(--ui-link-arrow) center/20px no-repeat;
  margin-right: -4px;
  transition: transform 0.3s;
}
main.case ul.btn_list_a a:hover,
main.case ul.btn_list_a button:hover {
  color: var(--c-hover);
  background-color: var(--bg-hover-b);
  text-decoration: underline;
}
main.case ul.btn_list_a a:hover::after,
main.case ul.btn_list_a button:hover::after {
  background-color: var(--c-hover);
  transform: translateX(2px);
}
main.case ul.btn_list_a a[target=_blank]::after,
main.case ul.btn_list_a a[class*=js_modal_inline]::after {
  mask-image: var(--ui-link-blank);
}
main.case ul.btn_list_a li._cv a {
  color: var(--c-text);
  background-color: var(--bg-cv-a);
  border-color: var(--bg-cv-a);
}
main.case ul.btn_list_a li._cv a:hover {
  background-color: var(--bg-cv-b);
  border-color: var(--bg-cv-b);
}
main.case ul.btn_list_a li._cv a::after {
  background-color: var(--c-text);
}
main.case ul.btn_list_a li._em a {
  color: #fff;
  background: var(--bg-main-b);
  border-color: var(--bg-main-b);
}
main.case ul.btn_list_a li._em a:hover {
  background-color: var(--bg-hover-a);
  border-color: var(--bg-hover-a);
}
main.case ul.btn_list_a li._em a::after {
  background-color: #fff;
}
main.case ul.btn_list_a._ol a {
  color: #fff;
  background-color: transparent;
  border-color: #fff;
}
main.case ul.btn_list_a._ol a:hover {
  background-color: rgba(0, 0, 0, 0.2);
  border-color: #fff;
}
main.case ul.btn_list_a._ol a::after {
  background-color: #fff;
}
main.case ul.btn_list_a._anchor a::after {
  mask-image: var(--ui-link-anchor);
}
main.case ul.btn_list_a._close button {
  min-width: 14em;
}
main.case ul.btn_list_a._close button::after {
  mask-image: var(--ui-link-close);
}
main.case ul.btn_list_a._center {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
}
main.case ul.btn_list_a._xs li {
  font-size: 1.2rem;
}
main.case ul.btn_list_a._s li {
  font-size: 1.4rem;
}
main.case ul.btn_list_a._l a {
  min-height: 3.5em;
  padding: 0.5em 2em;
}
main.case ul.btn_list_a a._disabled {
  pointer-events: none !important;
  border-color: var(--bg-gry-a) !important;
  color: var(--c-disabled) !important;
}
main.case ul.btn_list_a a._disabled::after {
  background-color: var(--c-disabled) !important;
}
main.case ul.btn_list_a a._em._disabled,
main.case ul.btn_list_a a._cv._disabled {
  background-color: var(--bg-gry-a);
}
main.case ul.btn_list_a._ol a._disabled {
  background-color: rgba(0, 0, 0, 0.25);
  color: var(--c-disabled);
  border-color: var(--c-disabled);
}
main.case ul.btn_list_a._col2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
main.case ul.btn_list_a._col3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
main.case ul.btn_list_a._col4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
main.case ul.btn_list_a._col3 a,
main.case ul.btn_list_a._col4 a {
  padding-left: 0.5em;
  padding-right: 0.5em;
}
@media (min-width: 768px) {
  main.case ul.btn_list_a._center_tb {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
  }
  main.case ul.btn_list_a._col2_tb {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  main.case ul.btn_list_a._col3_tb {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1024px) {
  main.case ul.btn_list_a._center_pc {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
  }
  main.case ul.btn_list_a._center_pc > li {
    min-width: 430px;
  }
  main.case ul.btn_list_a._col2_pc {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  main.case ul.btn_list_a._col3_pc {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
}
main.case ul.ul_a,
main.case ul.ul_att {
  margin: 2em 0;
  display: flex;
  flex-direction: column;
  gap: 0.5em;
  padding-left: 1.5em;
}
main.case table ul.ul_a,
main.case table ul.ul_att {
  margin: 1rem 0;
}
main.case ul.ul_a {
  list-style: disc;
}
main.case ul.ul_a > li,
main.case ul.ul_att > li {
  margin: 0;
  position: relative;
}
main.case ul.ul_a {
  list-style: none;
}
main.case ul.ul_a > li:before {
  content: "";
  width: 1.5em;
  height: 1em;
  position: absolute;
  left: -1.5em;
  top: 0.35em;
  background-color: var(--c-text);
  mask: var(--list-disc) center/0.4em no-repeat;
}
main.case ul.ul_a._mk_a > li:before {
  background-color: var(--c-main);
}
main.case ul.ul_att {
  list-style: none;
  color: var(--c-gry);
  font-size: 1.2rem;
}
main.case ul.ul_att > li:before {
  content: "※";
  position: absolute;
  left: -1.5em;
}
main.case ol.ol_a,
main.case ol.ol_att {
  margin: 2rem 0;
  display: flex;
  flex-direction: column;
  gap: 0.5em;
  padding-left: 2.5rem;
}
main.case ol.ol_a > li,
main.case ol.ol_a > li {
  margin: 0;
}
main.case ol.ol_a,
main.case ol.ol_att {
  counter-reset: num_li;
  list-style: none;
}
main.case ol.ol_a > li,
main.case ol.ol_att > li {
  position: relative;
}
main.case ol.ol_a > li:before,
main.case ol.ol_att > li:before {
  counter-increment: num_li;
  position: absolute;
}
main.case ol.ol_a {
  padding-left: 2em;
}
main.case ol.ol_att {
  padding-left: 3em;
  color: var(--c-gry);
  font-size: 1.2rem;
}
main.case ol.ol_a > li:before {
  content: counter(num_li) ".";
  left: -2em;
  width: 1.5em;
  text-align: right;
  font-weight: bold;
  white-space: nowrap;
}
main.case ol.ol_att > li:before {
  content: "※" counter(num_li);
  left: -3em;
}
main.case ol.ol_a._kak {
  padding-left: 3em;
}
main.case ol.ol_a._kak > li:before {
  content: "(" counter(num_li) ")";
  left: -3em;
  width: auto;
  text-align: left;
  font-weight: bold;
  white-space: nowrap;
}
main.case .ul_att em,
main.case .ol_att em {
  color: var(--c-text);
}
main.case ol[start="2"] {
  counter-reset: num_li 1;
}
main.case ol[start="3"] {
  counter-reset: num_li 2;
}
main.case ol[start="4"] {
  counter-reset: num_li 3;
}
main.case ol[start="5"] {
  counter-reset: num_li 4;
}
main.case ol[start="6"] {
  counter-reset: num_li 5;
}
main.case ol[start="7"] {
  counter-reset: num_li 6;
}
main.case ol[start="8"] {
  counter-reset: num_li 7;
}
main.case ol[start="9"] {
  counter-reset: num_li 8;
}
main.case ol[start="10"] {
  counter-reset: num_li 9;
}
main.case ol[start="11"] {
  counter-reset: num_li 10;
}
main.case ol[start="12"] {
  counter-reset: num_li 11;
}
main.case ol[start="13"] {
  counter-reset: num_li 12;
}
main.case ol[start="14"] {
  counter-reset: num_li 13;
}
main.case ol[start="15"] {
  counter-reset: num_li 14;
}
main.case ol[start="16"] {
  counter-reset: num_li 15;
}
main.case ol[start="17"] {
  counter-reset: num_li 16;
}
main.case ol[start="18"] {
  counter-reset: num_li 17;
}
main.case ol[start="19"] {
  counter-reset: num_li 18;
}
main.case ol[start="20"] {
  counter-reset: num_li 19;
}
main.case ol[start="21"] {
  counter-reset: num_li 20;
}
main.case .li_a::before {
  content: "＊" !important;
}
main.case .li_b::before {
  content: "◎" !important;
}
main.case .li_c::before {
  content: "★" !important;
}
main.case li > ul[class*=ul_],
main.case li > ul[class*=ol_] {
  margin: 1em 0;
}
main.case dl.dl_a {
  margin: 2em 0;
}
main.case dl.dl_a > dt,
main.case dl.dl_a > div > dt {
  font-weight: bold;
}
main.case dl.dl_a > dd,
main.case dl.dl_a > div > dd {
  margin: 0;
}
main.case dl.dl_a > dt,
main.case dl.dl_a > div > dt {
  margin-top: 1em;
}
main.case dl.dl_a > dd,
main.case dl.dl_a > div > dd {
  margin-top: 0.2em;
}
main.case dl.dl_a > dt:first-child {
  margin-top: 0;
}
main.case ul.anchor_list_a {
  padding: 0;
  margin: 3em auto 0;
  max-width: 1200px;
  position: relative;
  list-style: none;
}
main.case ul.anchor_list_a div {
  background-color: #fff;
  border: solid 1px var(--bg-gry-a);
  border-radius: 16px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: start;
}
main.case ul.anchor_list_a li {
  line-height: 1.5;
  z-index: 1;
  border-bottom: solid 1px var(--bg-gry-a);
}
main.case ul.anchor_list_a li:last-child {
  border-bottom: none;
}
main.case ul.anchor_list_a li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 8px 16px;
  min-height: 4em;
  text-decoration: none;
  color: inherit;
  background-color: #fff;
}
main.case ul.anchor_list_a li a > span i {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
}
main.case ul.anchor_list_a li a > span i img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}
main.case ul.anchor_list_a li a > span {
  display: flex;
  align-items: center;
  gap: 16px;
}
main.case ul.anchor_list_a li a::after {
  content: "";
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  mask: var(--ui-link-anchor) center/24px no-repeat;
  background-color: var(--c-main);
}
main.case ul.anchor_list_a li a:hover {
  color: var(--c-hover);
  text-decoration: underline;
  background-color: var(--bg-hover-b);
}
main.case ul.anchor_list_a li.is_active a {
  color: var(--c-link);
  pointer-events: none;
}
main.case ul.anchor_list_a li > a:visited {
  color: var(--c-link);
}
main.case ul.anchor_list_a li.is_active > a {
  color: inherit;
  background: #fff;
}
@media (min-width: 768px) {
  main.case ul.anchor_list_a div {
    background-color: transparent;
    border: none;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
  }
  main.case ul.anchor_list_a li {
    border: none;
    flex: 1;
  }
  main.case ul.anchor_list_a li a {
    display: flex;
    flex-direction: column;
    border-radius: 16px;
    padding: 16px 16px 8px;
    height: 100%;
    border: solid 1px var(--bg-gry-b);
  }
  main.case ul.anchor_list_a li a > span {
    flex-direction: column;
    text-align: center;
  }
  main.case ul.anchor_list_a li a > span i {
    width: 40px;
    height: 40px;
  }
}
main.case ul.anchor_list_b {
  list-style: none;
  padding: 0;
  display: flex;
  flex-direction: column;
  line-height: 1.5;
}
main.case ul.anchor_list_b > li:first-child {
  border-top: solid 1px var(--bg-gry-a);
}
main.case ul.anchor_list_b > li {
  z-index: 1;
  border-bottom: solid 1px var(--bg-gry-a);
}
main.case ul.anchor_list_b > li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 0.5em 0;
  text-decoration: none;
  color: inherit;
  min-height: 3em;
}
main.case ul.anchor_list_b > li a::after {
  content: "";
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  mask: var(--ui-link-anchor) center/24px no-repeat;
  background-color: var(--c-main);
}
main.case ul.anchor_list_b > li a:hover {
  color: var(--c-hover);
  text-decoration: underline;
}
main.case ul.anchor_list_b > li ul.anchor_list_b {
  padding-left: 1.5em;
}
main.case ul.anchor_list_b > li ul.anchor_list_b > li:last-child {
  border: none;
}
main.case .box_a {
  margin: 3em 0;
  padding: 32px 16px;
  background-color: var(--bg-gry-a);
}
main.case .box_a.bs_s {
  padding: 32px 15px;
}
main.case .box_a > :first-child {
  margin-top: 0;
}
main.case .box_a > :last-child {
  margin-bottom: 0;
}
main.case .box_a._r {
  border-radius: 16px;
}
main.case .box_a.bg_main_g._fixed_sp {
  margin: 32px -16px;
  border-radius: 0;
}
main.case .box_a.bg_main_g._fixed_sp:first-child {
  margin-top: 0;
}
main.case .box_a.bg_main_g._fixed_sp:last-child {
  margin-bottom: 0;
}
main.case .box_a._pdf {
  padding: 16px;
  display: flex;
  gap: 16px;
  flex-direction: column;
}
main.case .box_a._pdf p {
  margin: 0;
  font-size: 1.4rem;
}
main.case .box_a._pdf > div {
  flex-shrink: 0;
}
@media (min-width: 768px) {
  main.case .box_a._pdf {
    gap: 32px;
    padding: 32px;
    flex-direction: row;
  }
}
main.case .box_a .box_inner {
  background-color: #fff;
  padding: 24px 16px;
  border-radius: 8px;
}
@media (min-width: 768px) {
  main.case .box_a {
    padding: 32px;
  }
  main.case .box_a.bs_s {
    padding: 32px 31px;
  }
  main.case .box_a.bg_main_g._fixed_sp {
    margin-left: 0;
    margin-right: 0;
  }
  main.case .box_a.bg_main_g._fixed_sp._r {
    border-radius: 16px;
  }
  main.case .box_a .box_inner {
    padding: 24px;
  }
}
main.case table {
  margin: 2em 0;
  width: 100%;
  border-collapse: collapse;
}
main.case table th > :first-child,
main.case table td > :first-child {
  margin-top: 0;
}
main.case table th > :last-child,
main.case table td > :last-child {
  margin-bottom: 0;
}
main.case th._txt_v {
  text-align: center !important;
}
main.case th._txt_v > span,
main.case td._txt_v > span {
  display: inline-block;
  word-break: break-all;
  line-height: 1.2;
  max-width: 1em;
  text-align: center;
}
main.case table.tbl_a {
  border-radius: 16px;
  overflow: clip;
  box-shadow: var(--box-shadow-a), var(--box-shadow-b);
}
main.case table.tbl_a th,
main.case table.tbl_a td {
  padding: 16px;
  background-color: #fff;
  border: solid 1px var(--bg-gry-a);
}
main.case table.tbl_a > thead th {
  font-weight: bold;
  background: var(--bg-main-b);
  color: #fff;
}
main.case table.tbl_a > tbody th {
  font-weight: bold;
  background: var(--bg-sub-a);
  text-align: left;
}
main.case table.tbl_a._odd tbody > tr:nth-child(odd) > * {
  background-color: var(--bg-sub-a);
}
main.case table.tbl_a._even tbody > tr:nth-child(even) > * {
  background-color: var(--bg-sub-a);
}
main.case table.tbl_a table.tbl_a,
main.case [class*=accordion_list_] table.tbl_a {
  box-shadow: var(--box-shadow-b);
}
@container main-container (min-width: 768px) {
  main.case table.tbl_a:not(._sm) th,
  main.case table.tbl_a:not(._sm) td {
    padding: 16px 24px;
  }
}
main.case table.tbl_a._sm thead,
main.case table.tbl_a._sm tbody {
  font-size: 1.5rem;
}
main.case table.tbl_a._sm th,
main.case table.tbl_a._sm td {
  padding: 12px;
}
main.case table._td_center > tbody > tr > td {
  text-align: center;
}
@container main-container (max-width: 599px) {
  main.case table.tbl_a._sp td,
  main.case table.tbl_a._sp th {
    display: block;
  }
  main.case table.tbl_a._sp > tr:first-child > :first-child,
  main.case table.tbl_a._sp > tbody > tr:first-child > :first-child {
    border-top-width: 1px;
  }
}
main.case table.ta_c > tbody > tr > th,
main.case table.ta_c > tbody > tr > td,
main.case tr.ta_c > tr > th,
main.case tr.ta_c > tr > td {
  text-align: center;
}
main.case table.tl_f {
  table-layout: fixed;
}
@container main-container (min-width: 768px) {
  main.case table.tl_f_tb {
    table-layout: fixed;
  }
}
@container main-container (min-width: 1024px) {
  main.case table.tl_f_pc {
    table-layout: fixed;
  }
}
main.case .scroll_wrap {
  margin: 2em 0;
  overflow: auto;
  border-radius: 16px 16px 0 0;
  box-shadow: var(--box-shadow-a), var(--box-shadow-b);
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: var(--bg-gry-b) var(--bg-gry-a);
}
main.case .scroll_wrap ::-webkit-scrollbar {
  width: 8px;
  width: 9px;
}
main.case .scroll_wrap ::-webkit-scrollbar-track {
  background: #fff;
  box-shadow: 0 0 2px #ccc inset;
}
main.case .scroll_wrap ::-webkit-scrollbar-thumb {
  background: var(--bg-gry-b);
}
main.case .scroll_wrap ::-webkit-scrollbar-thumb:hover {
  background: #aaa;
}
main.case .scroll_wrap > :first-child {
  margin-top: 0;
}
main.case .scroll_wrap > :last-child {
  margin-bottom: 0;
}
main.case .scroll_wrap + .scroll_wrap {
  margin-top: 3em;
}
main.case div.scroll_wrap._sp > table {
  min-width: 640px;
}
main.case div.scroll_wrap > table {
  min-width: 800px;
}
@container main-container (min-width: 600px) {
  main.case div.scroll_wrap._sp {
    overflow: initial;
    box-shadow: none;
  }
  main.case div.scroll_wrap._sp > table {
    min-width: auto;
  }
}
@container main-container (min-width: 768px) {
  main.case div.scroll_wrap {
    overflow: initial;
    box-shadow: none;
  }
  main.case div.scroll_wrap > table {
    min-width: auto;
  }
}
main.case .tag_wrap_a {
  border: solid var(--bg-gry-a);
  border-width: 1px 0;
}
main.case .tag_wrap_a > .inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 16px;
  display: flex;
  gap: 16px;
  flex-direction: column;
  justify-content: space-between;
}
main.case .tag_wrap_a ul.tag_list_a {
  margin: 0;
}
main.case .tag_wrap_a dl.release_date {
  margin: 0;
  padding: 0;
  font-size: 1.2rem;
  display: flex;
  flex-direction: column;
  gap: 8px;
  line-height: 1;
  flex-shrink: 0;
}
main.case .tag_wrap_a dl.release_date > div {
  display: flex;
  gap: 8px;
  align-items: center;
}
main.case .tag_wrap_a dl.release_date dt {
  display: flex;
  gap: 4px;
  align-items: center;
  color: var(--c-main);
}
main.case .tag_wrap_a dl.release_date dd {
  margin: 0;
}
main.case .tag_wrap_a dl.release_date .release::before,
main.case .tag_wrap_a dl.release_date .update::before {
  content: "";
  width: 16px;
  height: 16px;
  mask: url(/case/2025/n001/css/assets/img/ui_icon_calendar.svg) center/cover no-repeat;
  background-color: var(--bg-main-b);
}
main.case .tag_wrap_a dl.release_date .update::before {
  mask-image: url(/case/2025/n001/css/assets/img/ui_icon_refresh.svg);
}
@media (min-width: 768px) {
  main.case .tag_wrap_a > .inner {
    flex-direction: row;
    align-items: center;
  }
}
main.case .hd_article_a {
  background-color: var(--bg-sub-a);
}
main.case .hd_article_a .inner {
  max-width: 1200px;
  padding: 32px 16px;
  margin: 0 auto;
}
main.case .summary_list_a {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
}
main.case .summary_list_a > dt {
  font-weight: bold;
  position: relative;
  padding-left: 0.8em;
  margin-top: 1em;
}
main.case .summary_list_a > dt:first-child {
  margin-top: 0;
}
main.case .summary_list_a > dt::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.25em;
  width: 4px;
  height: calc(100% - 0.5em);
  border-radius: 10px;
  background: var(--bg-main-g);
}
main.case .summary_list_a > dd {
  margin: 0;
  color: #000;
  position: relative;
  padding-left: 1em;
}
main.case .summary_list_a > dd::before {
  content: "";
  width: 1.5em;
  height: 1em;
  position: absolute;
  left: -0.5em;
  top: 0.35em;
  background-color: var(--c-main);
  mask: var(--list-disc) center/0.4em no-repeat;
}
main.case .box_a.bg_main_g ul.anchor_list_b > li a {
  color: #fff;
}
main.case .box_a.bg_main_g ul.anchor_list_b > li a::after {
  background-color: #fff;
}
main.case .box_a.bg_main_g:has(ul.anchor_list_b) ul.anchor_list_b > li {
  border-color: rgba(255, 255, 255, 0.2);
}
main.case .box_a:has(ul.anchor_list_b),
main.case .box_a:has(ul.summary_list_a) {
  padding-top: 16px;
  padding-bottom: 16px;
}
@media (min-width: 768px) {
  main.case .box_a:has(ul.anchor_list_b),
  main.case .box_a:has(ul.summary_list_a) {
    padding-top: 24px;
    padding-bottom: 24px;
  }
  main.case ul.anchor_list_b > li > ul.anchor_list_b {
    padding-left: 3em;
  }
}
main.case .inner._narrow_a {
  max-width: 960px;
}
main.case .inner._narrow_b {
  max-width: 768px;
}
main.case .icon_plus,
main.case .icon_arrow {
  display: flex;
  justify-content: center;
}
main.case .icon_plus img,
main.case .icon_arrow img {
  width: 100%;
  width: 100%;
  opacity: 0;
}
main.case .icon_plus i {
  position: relative;
  width: 32px;
  height: 32px;
  border-radius: 100px;
  background: #fff;
  border: solid 1px var(--bg-main-b);
  z-index: 1;
}
main.case .icon_plus i::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: var(--bg-main-b);
  mask: url(/case/2025/n001/css/assets/img/ui_acco_plus.svg) center/90% no-repeat;
}
main.case .icon_arrow i {
  position: relative;
  width: 90px;
  height: 32px;
}
main.case .icon_arrow i::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: var(--bg-main-b);
  mask: url(/case/2025/n001/css/assets/img/ui_arrow_down.svg) center -48px/140% no-repeat;
}
main.case .icon_plus._gry i::after,
main.case .icon_arrow._gry i::after {
  background: #798086;
}
main.case .icon_plus._wht i::after,
main.case .icon_arrow._wht i::after {
  background: #fff;
}
main.case .icon_plus._gry i {
  border-color: #798086;
}
main.case .icon_plus._wht i {
  background: var(--bg-main-b);
}
main.case .icon_plus._sm i {
  width: 24px;
  height: 24px;
}
main.case .icon_arrow._sm i {
  width: 90px;
  height: 24px;
}
main.case .icon_arrow._sm i::after {
  mask: url(/case/2025/n001/css/assets/img/ui_arrow_down.svg) center -32px/100% no-repeat;
}
main.case .center {
  display: flex;
  justify-content: center;
}
main.case .em_a {
  color: var(--c-main);
}
main.case .em_b {
  color: var(--c-red);
}
main.case .ul_att .em_b,
main.case .ol_att .em_b {
  color: var(--c-red);
}
main.case .em_c {
  color: #ff5500;
}
main.case .em_box_a {
  border: solid 1px var(--bg-sub-b);
  margin: 1em auto;
  background-color: var(--bg-sub-a);
  border-radius: 8px;
  padding: 16px;
  color: var(--c-main);
}
main.case .em_box_a .title {
  margin-bottom: 0;
  font-size: 1.8rem;
}
main.case .em_box_a .title + * {
  margin-top: 0.5em;
}
main.case [class*=lay_col2] {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  margin: 2em 0;
}
main.case [class*=lay_col2] > :first-child {
  margin-top: 0;
}
main.case [class*=lay_col2] > :last-child {
  margin-bottom: 0;
}
main.case [class*=lay_col2] > * {
  flex: 1;
}
main.case dl.news_list_a {
  margin: 2em 0;
}
main.case dl.news_list_a > div {
  display: flex;
  flex-direction: column;
  gap: 8px;
  border-bottom: solid 1px var(--bg-gry-a);
  padding: 1em 0;
}
main.case dl.news_list_a > div:first-child {
  border-top: solid 1px var(--bg-gry-a);
}
main.case dl.news_list_a dt {
  flex-shrink: 0;
  color: var(--c-main);
}
main.case dl.news_list_a dd {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0;
}
main.case dl.news_list_a dd > span:last-child {
  flex-shrink: 0;
}
@media (min-width: 768px) {
  main.case dl.news_list_a > div {
    flex-direction: row;
    gap: 64px;
  }
  main.case dl.news_list_a dd {
    flex-direction: row;
    gap: 64px;
    justify-content: space-between;
    width: 100%;
  }
}
main.case .lay_col2 {
  flex-direction: column;
  gap: 32px;
}
main.case .lay_col2 > * {
  margin: 0;
}
main.case .lay_col2 > :first-child {
  margin-top: 0;
}
main.case .lay_col2 > :last-child {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  main.case .lay_col2 {
    flex-direction: row;
    gap: 32px;
  }
  main.case .lay_col2 > * {
    margin: 0;
  }
  main.case .lay_col2._reverse {
    flex-direction: row-reverse;
  }
  main.case .lay_col2._ver_a > [class*=img_wrap] {
    max-width: 33%;
    flex-shrink: 0;
  }
  main.case .box_a > [class*=lay_col2] {
    padding-left: 8px;
    padding-right: 8px;
  }
  main.case [class*=lay_col2] .image {
    border-radius: 8px;
  }
}
main.case .tel_icon_a,
main.case .tel_icon_free {
  display: flex;
  align-items: center;
  line-height: 1;
  gap: 5px;
  font-size: 3.2rem;
  margin: 2rem auto;
}
main.case .tel_icon_a::before {
  content: "";
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  mask: url(/case/2025/n001/css/assets/img/icon_call.svg) center/32px no-repeat;
  background-color: var(--bg-cv-a);
}
main.case .tel_icon_free .img_wrap {
  flex-shrink: 0;
}
@media (min-width: 1024px) {
  main.case .box_tel_a {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 16px;
  }
  main.case .box_tel_a > * {
    margin: 0;
  }
}
main.case .ar_i {
  aspect-ratio: initial !important;
}
main.case ul.color_chrart {
  display: flex;
  gap: 16px;
  flex-direction: column;
  margin: 64px 0;
  padding: 0;
}
main.case ul.color_chrart div {
  display: grid;
  list-style: none;
  gap: 1px;
  grid-template-columns: repeat(auto-fit, 100px);
}
main.case ul.color_chrart li {
  aspect-ratio: 2/1;
  background-color: var(--bg-gry-a);
  font-size: x-small;
  display: grid;
  align-items: center;
  justify-content: center;
}
main.case .c_wht {
  color: #fff !important;
}
main.case .c_gry {
  color: var(--c-gry) !important;
}
main.case .c_main {
  color: #0078D4 !important;
}
main.case .bg_blk {
  background-color: #303336 !important;
}
main.case .bg_wht {
  background-color: #fff !important;
}
main.case .bg_gry_a {
  background-color: var(--bg-gry-a) !important;
}
main.case .bg_gry_b {
  background-color: var(--bg-gry-b) !important;
}
main.case .bg_gry_c {
  background-color: #798086 !important;
}
main.case .bg_gry_d {
  background-color: #61676b !important;
}
main.case .bg_main_a {
  background-color: var(--bg-main-a) !important;
}
main.case .bg_main_b {
  background-color: var(--bg-main-b) !important;
}
main.case .bg_main_c {
  background-color: var(--bg-main-c) !important;
}
main.case .bg_main_g {
  background: var(--bg-main-g);
}
main.case .bg_sub_a {
  background-color: var(--bg-sub-a) !important;
}
main.case .bg_sub_b {
  background-color: var(--bg-sub-b) !important;
}
main.case .bg_red_a {
  background-color: var(--bg-red-a) !important;
}
main.case .bg_red_b {
  background-color: var(--bg-red-b) !important;
}
main.case .bg_red_c {
  background-color: var(--bg-red-c) !important;
}
main.case .bg_yel_a {
  background-color: #fffaf6 !important;
}
main.case .bg_yel_b {
  background-color: var(--bg-cv-a) !important;
}
main.case .bg_yel_c {
  background-color: var(--bg-cv-b) !important;
}
main.case .bg_yel_d {
  background-color: #645000 !important;
}
main.case .bg_grn_a {
  background-color: #e3f3ed !important;
}
main.case .bg_grn_b {
  background-color: #008756 !important;
}
main.case .bg_grn_c {
  background-color: #006c45 !important;
}
main.case .bg_org_a {
  background-color: #fff8f5 !important;
}
main.case .bg_org_b {
  background-color: #ff5500 !important;
}
main.case .tl_c,
main.case ._center {
  display: flex !important;
  justify-content: center !important;
}
main.case .tl_r {
  display: flex !important;
  justify-content: flex-end !important;
}
main.case .fs_xxs {
  font-size: xx-small !important;
}
main.case .fs_xs {
  font-size: x-small !important;
}
main.case .fs_s {
  font-size: small !important;
}
main.case .fs_m {
  font-size: medium !important;
}
main.case .fs_l {
  font-size: large !important;
}
main.case .fs_xl {
  font-size: x-large !important;
}
main.case .fs_xxl {
  font-size: xx-large !important;
}
main.case .fs_sm {
  font-size: smaller !important;
}
main.case .fs_lg {
  font-size: larger !important;
}
main.case .fs_i {
  font-size: inherit !important;
}
main.case .ta_l {
  text-align: left !important;
}
main.case .ta_c {
  text-align: center !important;
}
main.case .ws_nw {
  white-space: nowrap !important;
}
main.case ul.ls_n {
  list-style: none !important;
}
main.case .d_n {
  display: none !important;
}
main.case .d_f {
  display: flex !important;
}
main.case .d_f > input {
  flex-shrink: 0;
}
main.case .d_g {
  display: grid !important;
}
main.case .ai_c {
  align-items: center !important;
}
main.case .ai_fs {
  align-items: flex-start !important;
}
main.case .jc_c {
  justify-content: center !important;
}
main.case .fd_c {
  flex-direction: column;
}
main.case .fw_w {
  flex-wrap: wrap !important;
}
main.case .fd_r {
  flex-direction: row !important;
}
main.case .fs_0 {
  flex-shrink: 0;
}
main.case .of_sd,
main.case .of_sd img {
  object-fit: scale-down !important;
}
main.case img.of_cov {
  object-fit: cover !important;
  width: 100%;
  height: 100%;
  max-width: initial;
}
main.case img.of_con {
  object-fit: contain !important;
  width: 100%;
  height: 100%;
  max-width: initial;
}
main.case .of_cov img {
  object-fit: cover !important;
  width: 100%;
  height: 100%;
  max-width: initial;
}
main.case .of_con img {
  object-fit: contain !important;
  width: 100%;
  height: 100%;
  max-width: initial;
}
main.case .bs_s {
  border: solid 1px var(--bg-gry-a) !important;
}
main.case .bg_sub_a.bs_s {
  border-color: var(--bg-sub-b) !important;
}
main.case .bt_s {
  border-top: solid 1px var(--bg-gry-a) !important;
}
main.case .ls_n {
  list-style: none !important;
}
main.case .g_5 {
  gap: 10px !important;
}
main.case .g_10 {
  gap: 10px !important;
}
main.case .g_15 {
  gap: 15px !important;
}
main.case .g_20 {
  gap: 20px !important;
}
main.case .g_8 {
  gap: 8px !important;
}
main.case .g_16 {
  gap: 16px !important;
}
main.case .g_24 {
  gap: 24px !important;
}
main.case .g_32 {
  gap: 32px !important;
}
main.case .g_1em {
  gap: 1em !important;
}
main.case .g_2em {
  gap: 2em !important;
}
main.case .g_1_2em {
  gap: 1em 2em !important;
}
main.case .pe_n {
  pointer-events: none !important;
}
main.case .bg_a {
  background: var(--bg-main-g) !important;
}
main.case .mk_a {
  background: linear-gradient(transparent 0%, transparent 70%, #fbe380 70%, #fbe380 100%) !important;
}
main.case .mk_b {
  background: #ffe57f !important;
}
main.case .m_0 {
  margin: 0 !important;
}
main.case .mt_0 {
  margin-top: 0 !important;
}
main.case .mt_10 {
  margin-top: 10px !important;
}
main.case .mt_15 {
  margin-top: 15px !important;
}
main.case .mt_20 {
  margin-top: 20px !important;
}
main.case .mt_30 {
  margin-top: 30px !important;
}
main.case .mt_40 {
  margin-top: 40px !important;
}
main.case .mt_50 {
  margin-top: 50px !important;
}
main.case .mb_0 {
  margin-bottom: 0 !important;
}
main.case .mb_10 {
  margin-bottom: 10px !important;
}
main.case .mb_20 {
  margin-bottom: 20px !important;
}
main.case .mb_30 {
  margin-bottom: 30px !important;
}
main.case .mb_40 {
  margin-bottom: 40px !important;
}
main.case .mb_50 {
  margin-bottom: 50px !important;
}
main.case .mt_1em {
  margin-top: 1em !important;
}
main.case .mt_2em {
  margin-top: 2em !important;
}
main.case .mt_3em {
  margin-top: 3em !important;
}
main.case .mt_4em {
  margin-top: 4em !important;
}
main.case .mb_1em {
  margin-bottom: 1em !important;
}
main.case .mb_2em {
  margin-bottom: 2em !important;
}
main.case .mb_3em {
  margin-bottom: 3em !important;
}
main.case .mb_4em {
  margin-bottom: 4em !important;
}
main.case .p_0 {
  padding: 0 !important;
}
main.case .pt_0 {
  padding-top: 0 !important;
}
main.case .pt_10 {
  padding-top: 10px !important;
}
main.case .pt_15 {
  padding-top: 15px !important;
}
main.case .pt_20 {
  padding-top: 20px !important;
}
main.case .pt_30 {
  padding-top: 30px !important;
}
main.case .pt_40 {
  padding-top: 40px !important;
}
main.case .pt_50 {
  padding-top: 50px !important;
}
main.case .pb_0 {
  padding-bottom: 0 !important;
}
main.case .pb_10 {
  padding-bottom: 10px !important;
}
main.case .pb_20 {
  padding-bottom: 20px !important;
}
main.case .pb_30 {
  padding-bottom: 30px !important;
}
main.case .pb_40 {
  padding-bottom: 40px !important;
}
main.case .pb_50 {
  padding-bottom: 50px !important;
}
main.case .pt_1em {
  padding-top: 1em !important;
}
main.case .pt_2em {
  padding-top: 2em !important;
}
main.case .pt_3em {
  padding-top: 3em !important;
}
main.case .pt_4em {
  padding-top: 4em !important;
}
main.case .pb_1em {
  padding-bottom: 1em !important;
}
main.case .pb_2em {
  padding-bottom: 2em !important;
}
main.case .pb_3em {
  padding-bottom: 3em !important;
}
main.case .pb_4em {
  padding-bottom: 4em !important;
}
main.case .pl_1em {
  padding-left: 1em !important;
}
main.case .w_2em {
  width: 2em !important;
}
main.case .w_3em {
  width: 3em !important;
}
main.case .w_4em {
  width: 3em !important;
}
main.case .w_50p {
  width: 50% !important;
}
main.case .min_w_10em {
  min-width: 10em !important;
}
main.case .min_w_11em {
  min-width: 11em !important;
}
main.case .min_w_12em {
  min-width: 12em !important;
}
main.case .min_w_13em {
  min-width: 13em !important;
}
main.case .min_w_14em {
  min-width: 14em !important;
}
main.case .min_w_15em {
  min-width: 15em !important;
}
main.case .min_w_16em {
  min-width: 16em !important;
}
main.case .min_w_17em {
  min-width: 17em !important;
}
main.case .min_w_18em {
  min-width: 18em !important;
}
main.case .min_w_19em {
  min-width: 19em !important;
}
main.case .min_w_20em {
  min-width: 20em !important;
}
@media (max-width: 599px) {
  main.case .fs_12_sp {
    font-size: 1.2rem !important;
  }
  main.case .fs_13_sp {
    font-size: 1.3rem !important;
  }
  main.case .fs_14_sp {
    font-size: 1.4rem !important;
  }
  main.case .fs_15_sp {
    font-size: 1.5rem !important;
  }
  main.case .fs_16_sp {
    font-size: 1.6rem !important;
  }
  main.case .fs_18_sp {
    font-size: 1.8rem !important;
  }
  main.case .fs_20_sp {
    font-size: 2rem !important;
  }
  main.case .fs_22_sp {
    font-size: 2.2rem !important;
  }
  main.case .fs_24_sp {
    font-size: 2.4rem !important;
  }
  main.case .fs_26_sp {
    font-size: 2.6rem !important;
  }
  main.case .fs_28_sp {
    font-size: 2.8rem !important;
  }
  main.case .fs_30_sp {
    font-size: 3rem !important;
  }
  main.case .fs_32_sp {
    font-size: 3.2rem !important;
  }
  main.case .fs_34_sp {
    font-size: 3.4rem !important;
  }
  main.case .ta_c_sp {
    text-align: center !important;
  }
  main.case .fs_xxs_sp {
    font-size: xx-small !important;
  }
  main.case .fs_xs_sp {
    font-size: x-small !important;
  }
  main.case .fs_s_sp {
    font-size: small !important;
  }
  main.case .fs_l_sp {
    font-size: large !important;
  }
  main.case .fs_xl_sp {
    font-size: x-large !important;
  }
  main.case .fs_xxl_sp {
    font-size: xx-large !important;
  }
}
@media (min-width: 768px) {
  main.case .fs_12_tb {
    font-size: 1.2rem !important;
  }
  main.case .fs_13_tb {
    font-size: 1.3rem !important;
  }
  main.case .fs_14_tb {
    font-size: 1.4rem !important;
  }
  main.case .fs_15_tb {
    font-size: 1.5rem !important;
  }
  main.case .fs_16_tb {
    font-size: 1.6rem !important;
  }
  main.case .fs_18_tb {
    font-size: 1.8rem !important;
  }
  main.case .fs_20_tb {
    font-size: 2rem !important;
  }
  main.case .fs_22_tb {
    font-size: 2.2rem !important;
  }
  main.case .fs_24_tb {
    font-size: 2.4rem !important;
  }
  main.case .fs_26_tb {
    font-size: 2.6rem !important;
  }
  main.case .fs_28_tb {
    font-size: 2.8rem !important;
  }
  main.case .fs_30_tb {
    font-size: 3rem !important;
  }
  main.case .fs_32_tb {
    font-size: 3.2rem !important;
  }
  main.case .fs_34_tb {
    font-size: 3.4rem !important;
  }
  main.case .ta_c_tb {
    text-align: center !important;
  }
  main.case .fd_r_tb {
    flex-direction: row !important;
  }
  main.case .pl_1em_tb {
    padding-left: 1em !important;
  }
  main.case .g_16_tb {
    gap: 16px !important;
  }
  main.case .g_24_tb {
    gap: 24px !important;
  }
  main.case .g_32_tb {
    gap: 32px !important;
  }
  main.case .min_w_10em_tb {
    min-width: 10em !important;
  }
  main.case .min_w_11em_tb {
    min-width: 11em !important;
  }
  main.case .min_w_12em_tb {
    min-width: 12em !important;
  }
  main.case .min_w_13em_tb {
    min-width: 13em !important;
  }
  main.case .min_w_14em_tb {
    min-width: 14em !important;
  }
  main.case .min_w_15em_tb {
    min-width: 15em !important;
  }
  main.case .min_w_16em_tb {
    min-width: 16em !important;
  }
  main.case .min_w_17em_tb {
    min-width: 17em !important;
  }
  main.case .min_w_18em_tb {
    min-width: 18em !important;
  }
  main.case .min_w_19em_tb {
    min-width: 19em !important;
  }
  main.case .min_w_20em_tb {
    min-width: 20em !important;
  }
  main.case .min_w_21em_tb {
    min-width: 21em !important;
  }
  main.case .min_w_22em_tb {
    min-width: 22em !important;
  }
  main.case .min_w_23em_tb {
    min-width: 23em !important;
  }
  main.case .min_w_24em_tb {
    min-width: 24em !important;
  }
  main.case .min_w_25em_tb {
    min-width: 25em !important;
  }
  main.case .min_w_26em_tb {
    min-width: 26em !important;
  }
  main.case .min_w_27em_tb {
    min-width: 27em !important;
  }
  main.case .min_w_28em_tb {
    min-width: 28em !important;
  }
  main.case .min_w_29em_tb {
    min-width: 29em !important;
  }
  main.case .min_w_30em_tb {
    min-width: 30em !important;
  }
  main.case .min_w_31em_tb {
    min-width: 31em !important;
  }
  main.case .min_w_32em_tb {
    min-width: 32em !important;
  }
  main.case .min_w_33em_tb {
    min-width: 33em !important;
  }
  main.case .min_w_34em_tb {
    min-width: 34em !important;
  }
}
@media (min-width: 1024px) {
  main.case .fs_14_pc {
    font-size: 1.4rem !important;
  }
  main.case .fs_15_pc {
    font-size: 1.5rem !important;
  }
  main.case .fs_16_pc {
    font-size: 1.6rem !important;
  }
  main.case .fs_18_pc {
    font-size: 1.8rem !important;
  }
  main.case .fs_20_pc {
    font-size: 2rem !important;
  }
  main.case .fs_22_pc {
    font-size: 2.2rem !important;
  }
  main.case .fs_24_pc {
    font-size: 2.4rem !important;
  }
  main.case .fs_26_pc {
    font-size: 2.6rem !important;
  }
  main.case .fs_28_pc {
    font-size: 2.8rem !important;
  }
  main.case .fs_30_pc {
    font-size: 3rem !important;
  }
  main.case .fs_32_pc {
    font-size: 3.2rem !important;
  }
  main.case .fs_34_pc {
    font-size: 3.4rem !important;
  }
  main.case .ta_c_pc {
    text-align: center !important;
  }
  main.case .fd_r_pc {
    flex-direction: row !important;
  }
  main.case .jc_fe_pc {
    justify-content: flex-end !important;
  }
  main.case .g_16_pc {
    gap: 16px !important;
  }
  main.case .g_24_pc {
    gap: 24px !important;
  }
  main.case .g_32_pc {
    gap: 32px !important;
  }
}

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