@charset "utf-8";

/* ========================================
  MV
======================================== */
.mv{
  /* position: sticky;
  top: 0;
  left: 0; */
  width: 100%;
  z-index: 1;
  background: url(../img/mv_bg.jpg) top center / cover no-repeat;
  padding: clamp(84px, calc(130 / var(--content-width) * 100vw), 130px) 0 var(--size64);
  color: #fff;
}

.mv .js-fadein{
  transition: opacity .75s cubic-bezier(0.215, 0.61, 0.355, 1) .4s, transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) .4s;
}

.mv__main-copy{
  font-size: clamp(30px, calc(64 / var(--content-width) * 100vw), 64px);
  font-weight: 700;
}
.mv__sub-copy{
  font-size: clamp(22px, calc(40 / var(--content-width) * 100vw), 40px);
  font-weight: 700;
  margin-top: clamp(16px, calc(28 / var(--content-width) * 100vw), 28px);
}

.mv__inner{
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  align-items: center;
  gap: clamp(28px, calc(48 / 1600 * 100vw), 48px) clamp(16px, calc(32 / 1600 * 100vw), 32px);
  margin-top: clamp(20px, calc(28 / var(--content-width) * 100vw), 28px);
}

.mv__list{
  grid-area: mv_list;
}

.mv__list-item{
  position: relative;
  font-size: var(--size22);
  font-weight: 700;
  padding-left: calc(clamp(24px, calc(30 / var(--content-width) * 100vw), 30px) + 0.5em);
}

.mv__list-item::before{
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: clamp(24px, calc(30 / var(--content-width) * 100vw), 30px);
  height: clamp(24px, calc(30 / var(--content-width) * 100vw), 30px);
  background: url(../img/icon_arrow-right.png) center center / contain no-repeat;
  opacity: 0;
  filter: blur(6px);
}

.mv__list-item.js-slidein::before{
  transition: opacity 1s ease-in-out .1s, filter .45s ease-in-out .25s;
}

.mv__list-item.js-slidein.active::before{
  filter: blur(0);
  opacity: 1;
}


.mv__list-item + .mv__list-item{
  margin-top: 0.5em;
}

.mv .btn__wrapper{
  grid-template-columns: 1fr;
  grid-area: mv_btn;
}

.mv-img__wrapper{
  grid-area: mv_img;
}

.mv-img__wrapper p{
  font-size: clamp(12px, calc(14 / var(--content-width) * 100vw), 14px);
  margin-top: 1em;
}

@media screen and (min-width: 768px){
  .mv__inner{
    grid-template-areas:
      "mv_list mv_img"
      "mv_btn mv_img";
    grid-template-rows: 1.1fr 1fr;
  }
  .mv__list{
    align-self: end;
  }
  .mv .btn__wrapper{
    align-self: start;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px){
  .mv{
    padding-top: clamp(88px, calc(104 / 1024 * 100vw), 104px);
    color: #fff;
  }
  .mv__inner{
    grid-template-columns: 1fr 1fr;
    gap: clamp(24px, calc(32 / 1600 * 100vw), 32px);
  }
}

@media screen and (max-width: 1023px){
  .mv .btn__wrapper{
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 767px){
  .mv__inner{
    grid-template-columns: unset;
    grid-template-areas:
      "mv_list"
      "mv_img"
      "mv_btn";
  }
}


/* ========================================
  こんなお悩みありませんか？
======================================== */
.issue{
  background: var(--c-lightblue2);
}

.issue::before,
.issue::after{
  position: absolute;
  content: '';
  width: clamp(258px, calc(369 / var(--content-width) * 100vw), 369px);
  height: clamp(312px, calc(446 / var(--content-width) * 100vw), 446px);
  background-image: url(../img/issue_treat.png);
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}

.issue::before{
  top: 0;
  left: 0;
}

.issue::after{
  bottom: 0;
  right: 0;
  rotate: 180deg;
}

.issue__title{
  position: relative;
  z-index: 2;
  font-size: clamp(24px, calc(38 / var(--content-width) * 100vw), 38px);
  text-align: center;
}

.issue__title .small{
  display: block;
  font-size: 0.75em;
  color: var(--c-darkblue);
}

.issue__box{
  position: relative;
  z-index: 2;
  margin-top: var(--size52);
}

.issue__item{
  display: flex;
  flex-direction: column;
  border-radius: var(--bd-radius);
  background: #fff;
  overflow: hidden;
}

.issue-item__title{
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--size26);
  text-align: center;
  margin-top: clamp(14px, calc(20 / var(--content-width) * 100vw), 20px);
  padding: 0 clamp(16px, calc(28 / var(--content-width) * 100vw), 28px);
}

.issue-item__desc{
  margin-top: clamp(12px, calc(24 / var(--content-width) * 100vw), 24px);
  padding: 0 clamp(16px, calc(28 / var(--content-width) * 100vw), 28px) clamp(16px, calc(28 / var(--content-width) * 100vw), 28px);
}


/* ========================================
  解決します
======================================== */
.solution{
  background-image: var(--grd-blue);
}

.solution::before{
  position: absolute;
  content: '';
  z-index: 2;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-right: clamp(36px, calc(50 / var(--content-width) * 100vw), 50px) solid transparent;
  border-left: clamp(36px, calc(50 / var(--content-width) * 100vw), 50px) solid transparent;
  border-top: clamp(36px, calc(50 / var(--content-width) * 100vw), 50px) solid var(--c-lightblue2);
  border-bottom: 0;
}

.solution__title{
  font-size: clamp(28px, calc(44 / var(--content-width) * 100vw), 44px);
  font-weight: 700;
  line-height: 1.8;
  color: #fff;
  text-align: center;
}

.solution__img{
  background: #adb1b6;
  border-radius: var(--bd-radius-large);
  padding: var(--size26) clamp(10px, calc(32 / 768 * 100vw), 32px);
  margin: 1.75rem auto;
  max-width: 900px;
  text-align: center;
}

.solution__img img{
  max-width: 720px;
}

@media screen and (max-width: 767px){
  .solution__img{
    max-width: 600px;
  }
  .solution__img img{
    max-width: 480px;
  }
}


/* ========================================
  ArchiXのAI機能
======================================== */
.func::before,
.func::after{
  position: absolute;
  content: '';
  top: 0;
  width: clamp(170px, calc(420 / 1024 * 100vw), 420px);
  height: clamp(77px, calc(203 / 1024 * 100vw), 203px);
  background: url(../img/func_treat.png) center center / contain no-repeat;
}

.func::before{
  left: 0;
}

.func::after{
  right: 0;
  scale:-1 1;
}

.func .desc + .func__h3{
  margin-top: var(--size64);
}

.func__h3,
.func__h4,
.func__h5{
  position: relative;
  margin-bottom: 0.75em;
}

.func__h3{
  font-size: var(--size40);
  width: fit-content;
  padding: 0 2em 0.15em 0.15em;
  border-bottom: solid 4px #96a3d4;
}

.func__h4{
  font-size: clamp(22px, calc(36 / var(--content-width) * 100vw), 36px);
  color: var(--c-darkblue);
}

.func__h5{
  font-size: clamp(20px, calc(32 / var(--content-width) * 100vw), 32px);
  color: var(--c-darkblue);
}

.func__box{
  padding: var(--size64) 0;
}

.func__box.bg{
  background: var(--c-lightblue);
}

.func__item{
  align-items: center;
  justify-content: space-between;
  gap: clamp(16px, calc(48 / var(--content-width) * 100vw), 48px);
}

.func__item + .func__item{
  margin-top: clamp(34px, calc(36 / var(--content-width) * 100vw), 36px);
}

.func-item__desc p strong{
  color: var(--c-blue2);
  font-weight: 700;
}

.func__item2{
  margin-top: var(--size64);
}

.func-item2-box__desc{
  font-weight: 700;
  text-align: center;
  margin-top: 0.75em;
}

.func__img img{
  aspect-ratio: 3 / 2;
}

.func__column{
  margin-top: clamp(32px, calc(64 / var(--content-width) * 100vw), 64px);
}

.func__generate{
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  align-items: center;
  column-gap: clamp(48px, calc(86 / 1600 * 100vw), 86px);
  margin-top: var(--size22);
}

.func-generate__original{
  position: relative;
  background: #edf6fc;
  padding: 10px;
  border-radius: var(--bd-radius);
}

.func-generate__original::after{
  position: absolute;
  content: '';
  top: 50%;
  left: calc(100% + clamp(12px, calc(20 / 1600 * 100vw), 20px));
  transform: translateY(-50%);
  width: clamp(2px, calc(44 / 1600 * 100vw), 44px);
  height: clamp(70px, calc(110 / 1600 * 100vw), 110px);
  background-image: url(../img/icon_triangle.png);
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}

.func-generate__column{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.func-generate-column__item{
  background: #fff;
  padding: 10px;
  border-radius: var(--bd-radius);
}

.func-generate-column__img{
  border-radius: var(--bd-radius);
  overflow: hidden;
}

.func-generate-column__desc{
  font-size: var(--size16);
  font-weight: 700;
  text-align: center;
  margin-top: 0.5em;
}

.func-generate__generated{
  border-radius: var(--bd-radius);
  overflow: hidden;
}

.func-generate__generated--square{
  aspect-ratio: 1 / 1;
  max-width: clamp(280px, calc(350 / var(--content-width) * 100vw), 350px);
}


.func__box--type-b .func-column__item{
  text-align: center;
  background: #fff;
  border-radius: var(--bd-radius);
  padding: clamp(18px, calc(20 / var(--content-width) * 100vw), 20px) clamp(10px, calc(16 / var(--content-width) * 100vw), 16px);
}

.func__box--type-b .func-column__title{
  font-size: clamp(19px, calc(24 / var(--content-width) * 100vw), 24px);
  color: var(--c-blue3);
  margin-bottom: 0.5em;
}

.func__box--type-b .func-column__desc{
  font-size: clamp(14px, calc(15 / var(--content-width) * 100vw), 15px);
}

.func__box--type-b .func-column__img{
  margin-top: 1rem;
}

.func__patent{
  text-align: center;
  border-radius: var(--bd-radius);
  background: #fff;
  margin-top: clamp(20px, calc(30 / var(--content-width) * 100vw), 30px);
  padding: clamp(20px, calc(30 / var(--content-width) * 100vw), 30px) clamp(16px, calc(24 / var(--content-width) * 100vw), 24px);
}

.func-patent__title{
  position: relative;
  font-size: clamp(19px, calc(24 / var(--content-width) * 100vw), 24px);
  color: var(--c-blue3);
  width: fit-content;
  margin-inline: auto;
}

.func-patent__title::before{
  position: absolute;
  content: '';
  top: -0.5em;
  left: calc(clamp(32px, calc(44 / var(--content-width) * 100vw), 44px) * -1);
  width: clamp(32px, calc(44 / var(--content-width) * 100vw), 44px);
  height: clamp(32px, calc(44 / var(--content-width) * 100vw), 44px);
  background: url(../img/new.png) center center / contain no-repeat;
}

.func-patent__text{
  font-size: clamp(14px, calc(15 / var(--content-width) * 100vw), 15px);
  margin-top: 1.5em;
}

.func__box--type-c .func-box__desc{
  text-align: center;
  margin-top: 1.5em;
}

.func__box--type-e{
  padding-bottom: 0;
}

.func__box--type-e .func__h4{
  text-align: center;
  padding-top: 54px;
}

.func__box--type-e .func__h4::before{
  position: absolute;
  content: '';
  left: 50%;
  transform: translateX(-50%);
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}

.func__box--type-e .func__h4--minutes::before{
  top: 0;
  width: clamp(40px, calc(54 / var(--content-width) * 100vw), 54px);
  height: clamp(40px, calc(54 / var(--content-width) * 100vw), 54px);
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzQiIGhlaWdodD0iMzQiIHZpZXdCb3g9IjAgMCAzNCAzNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUuNjY2NjcgMTguNDE2N0M3LjIyNSAxOC40MTY3IDguNSAxNy4xNDE3IDguNSAxNS41ODMzQzguNSAxNC4wMjUgNy4yMjUgMTIuNzUgNS42NjY2NyAxMi43NUM0LjEwODMzIDEyLjc1IDIuODMzMzMgMTQuMDI1IDIuODMzMzMgMTUuNTgzM0MyLjgzMzMzIDE3LjE0MTcgNC4xMDgzMyAxOC40MTY3IDUuNjY2NjcgMTguNDE2N1pNNy4yNjc1IDE5Ljk3NUM2Ljc0MzMzIDE5Ljg5IDYuMjE5MTcgMTkuODMzMyA1LjY2NjY3IDE5LjgzMzNDNC4yNjQxNyAxOS44MzMzIDIuOTMyNSAyMC4xMzA4IDEuNzI4MzMgMjAuNjU1QzAuNjggMjEuMTA4MyAwIDIyLjEyODMgMCAyMy4yNzU4VjI1LjVINi4zNzVWMjMuMjE5MkM2LjM3NSAyMi4wNDMzIDYuNzAwODMgMjAuOTM4MyA3LjI2NzUgMTkuOTc1Wk0yOC4zMzMzIDE4LjQxNjdDMjkuODkxNyAxOC40MTY3IDMxLjE2NjcgMTcuMTQxNyAzMS4xNjY3IDE1LjU4MzNDMzEuMTY2NyAxNC4wMjUgMjkuODkxNyAxMi43NSAyOC4zMzMzIDEyLjc1QzI2Ljc3NSAxMi43NSAyNS41IDE0LjAyNSAyNS41IDE1LjU4MzNDMjUuNSAxNy4xNDE3IDI2Ljc3NSAxOC40MTY3IDI4LjMzMzMgMTguNDE2N1pNMzQgMjMuMjc1OEMzNCAyMi4xMjgzIDMzLjMyIDIxLjEwODMgMzIuMjcxNyAyMC42NTVDMzEuMDY3NSAyMC4xMzA4IDI5LjczNTggMTkuODMzMyAyOC4zMzMzIDE5LjgzMzNDMjcuNzgwOCAxOS44MzMzIDI3LjI1NjcgMTkuODkgMjYuNzMyNSAxOS45NzVDMjcuMjk5MiAyMC45MzgzIDI3LjYyNSAyMi4wNDMzIDI3LjYyNSAyMy4yMTkyVjI1LjVIMzRWMjMuMjc1OFpNMjMuMDA2NyAxOS4zMzc1QzIxLjM0OTIgMTguNjAwOCAxOS4zMDkyIDE4LjA2MjUgMTcgMTguMDYyNUMxNC42OTA4IDE4LjA2MjUgMTIuNjUwOCAxOC42MTUgMTAuOTkzMyAxOS4zMzc1QzkuNDYzMzMgMjAuMDE3NSA4LjUgMjEuNTQ3NSA4LjUgMjMuMjE5MlYyNS41SDI1LjVWMjMuMjE5MkMyNS41IDIxLjU0NzUgMjQuNTM2NyAyMC4wMTc1IDIzLjAwNjcgMTkuMzM3NVpNMTEuNDMyNSAyMi42NjY3QzExLjU2IDIyLjM0MDggMTEuNjE2NyAyMi4xMTQyIDEyLjcyMTcgMjEuNjg5MkMxNC4wOTU4IDIxLjE1MDggMTUuNTQwOCAyMC44OTU4IDE3IDIwLjg5NThDMTguNDU5MiAyMC44OTU4IDE5LjkwNDIgMjEuMTUwOCAyMS4yNzgzIDIxLjY4OTJDMjIuMzY5MiAyMi4xMTQyIDIyLjQyNTggMjIuMzQwOCAyMi41Njc1IDIyLjY2NjdIMTEuNDMyNVpNMTcgMTEuMzMzM0MxNy43NzkyIDExLjMzMzMgMTguNDE2NyAxMS45NzA4IDE4LjQxNjcgMTIuNzVDMTguNDE2NyAxMy41MjkyIDE3Ljc3OTIgMTQuMTY2NyAxNyAxNC4xNjY3QzE2LjIyMDggMTQuMTY2NyAxNS41ODMzIDEzLjUyOTIgMTUuNTgzMyAxMi43NUMxNS41ODMzIDExLjk3MDggMTYuMjIwOCAxMS4zMzMzIDE3IDExLjMzMzNaTTE3IDguNUMxNC42NDgzIDguNSAxMi43NSAxMC4zOTgzIDEyLjc1IDEyLjc1QzEyLjc1IDE1LjEwMTcgMTQuNjQ4MyAxNyAxNyAxN0MxOS4zNTE3IDE3IDIxLjI1IDE1LjEwMTcgMjEuMjUgMTIuNzVDMjEuMjUgMTAuMzk4MyAxOS4zNTE3IDguNSAxNyA4LjVaIiBmaWxsPSIjNkI3MDk0Ii8+Cjwvc3ZnPg==');
}

.func__box--type-e .func__h4--chat::before{
  top: clamp(5px, calc(7 / var(--content-width) * 100vw), 7px);
  width: clamp(30px, calc(40 / var(--content-width) * 100vw), 40px);
  height: clamp(30px, calc(40 / var(--content-width) * 100vw), 40px);
  background-image: url('data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjM0IiBoZWlnaHQ9IjM0IiB2aWV3Qm94PSIwIDAgMzQgMzQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0yMi4xIDMuNFYxNS4zSDUuMzg5TDMuNCAxNy4yODlWMy40SDIyLjFaTTIzLjggMEgxLjdDMC43NjUgMCAwIDAuNzY1IDAgMS43VjI1LjVMNi44IDE4LjdIMjMuOEMyNC43MzUgMTguNyAyNS41IDE3LjkzNSAyNS41IDE3VjEuN0MyNS41IDAuNzY1IDI0LjczNSAwIDIzLjggMFpNMzIuMyA2LjhIMjguOVYyMi4xSDYuOFYyNS41QzYuOCAyNi40MzUgNy41NjUgMjcuMiA4LjUgMjcuMkgyNy4yTDM0IDM0VjguNUMzNCA3LjU2NSAzMy4yMzUgNi44IDMyLjMgNi44WiIgZmlsbD0iIzZCNzA5NCIvPgo8L3N2Zz4K');
}

.func__box--type-e .func-column__item{
  border: solid 4px var(--bd-color);
  border-radius: var(--bd-radius);
  padding: clamp(20px, calc(28 / var(--content-width) * 100vw), 28px) clamp(16px, calc(24 / var(--content-width) * 100vw), 24px);
}

.func__box--type-e .func-column__item{
  display: flex;
  flex-direction: column;
}

.func__box--type-e .func-column__desc{
  flex: 1;
}

.func-column__list{
  margin-top: 1.5rem;
}

.func-column-list__item{
  font-weight: 700;
  line-height: 1.8;
}

.func-column-list__item .emoji{
  margin-right: 0.25em;
}

@media screen and (min-width: 768px){
  .func__item.reverse .func-img__wrapper{
    order: 2;
  }

  .func__item.reverse .func-item__desc{
    order: 1;
  }
}

@media screen and (max-width: 767px){
  .func__generate{
    max-width: 550px;
    margin-inline: auto;
    grid-template-columns: 1fr;
    row-gap: clamp(48px, calc(62 / 768 * 100vw), 62px);
  }

  .func-generate__original::after{
    top: 100%;
    left: 50%;
    transform: translateX(-50%) translateY(12px);
    width: clamp(64px, calc(96 / 768 * 100vw), 96px);
    height: clamp(26px, calc(39 / 768 * 100vw), 39px);
    background-image: url(../img/icon_triangle_bottom.png);
  }

  .func-generate__generated--square{
    margin-inline: auto;
  }
}

/* ========================================
  料金プラン
======================================== */
.plan{
  background: #edf0f2;
  overflow-x: hidden;
}

.plan__wrapper{
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-x;
  /* overflow-y: hidden; */
  padding: clamp(12px, calc(24 / var(--content-width) * 100vw), 24px);
  margin-top: var(--size40);
  border-radius: var(--bd-radius);
  background: #fff;
}

.plan__wrapper.is-grabbing{
  cursor: grabbing;
  cursor: -webkit-grabbing;
}

.plan__tb{
  min-width: 1180px;
  margin: 0;
  font-size: var(--size16);
}

.plan__tb colgroup col{
  width: calc(calc(100% - 13.6% - calc(6px * 5)) / 5);
  border-color: transparent;
}
.plan__tb colgroup col.head{
  width: 13.6%;
}
.plan__tb colgroup col.space{
  width: 6px;
}

.plan__tb th,
.plan__tb td{
  font-size: var(--size16);
  letter-spacing: 0.025em;
  padding: 10px clamp(4px, calc(10 / 1600 * 100vw), 10px);
  text-align: center;
  border-top: solid 1px #eee;
  background: #fff;
}

.plan__tb th{
  font-weight: 700;
}

.plan__tb .space{
  border-top: none;
}

.plan__tb thead th.head{
  font-size: 1.05em;
}

.plan__tb .standard{
  border-left-width: 4px;
  border-right-width: 4px;
  border-style: solid;
}
.plan__tb thead .standard{
  border-left-color: rgb(var(--c-standard));
  border-right-color: rgb(var(--c-standard));
}

.plan__tb tbody .standard{
  background: #eff6fa;
  border-left-color: #eff6fa;
  border-right-color: #eff6fa;
}

.plan__tb thead .plan th,
.plan__tb thead .plan-name .head{
  border-color: transparent;
}

.plan__tb thead .plan-name .standard{
  border-top-width: 4px;
  border-top-color: rgb(var(--c-standard));
}

.plan__tb thead .plan-name th{
  color: #fff;
  letter-spacing: 0.025em;
}
.plan__tb .plan-name .standard{
  background: rgb(var(--c-standard));
}
.plan__tb .plan-name .complete{
  background: rgb(var(--c-complete));
}
.plan__tb .plan-name .vs-pro{
  background: rgb(var(--c-vs_pro));
}
.plan__tb .plan-name .vs{
  background: rgb(var(--c-vs));
}
.plan__tb .plan-name .student{
  background: rgb(var(--c-student));
}

.plan__tb .price--m{
  font-size: 1.6rem;
}
.plan__tb .price--y{
  font-size: 1.3rem;
}
.plan__tb .price .yen{
  font-size: 0.75em;
}
.plan__tb .price .small{
  font-size: 0.58em;
}

.plan__tb .price + .price{
  margin-top: 0;
}

.plan__tb .credit .standard{
  border-bottom-width: 4px;
  border-bottom-color: rgb(var(--c-standard));
}
.plan__tb .credit th:not(.head){
  font-size: 1.3rem;
  color: var(--c-red);
}
.plan__tb .credit th .small{
  font-size: 0.6em;
  color: var(--c-bk);
}

.plan__tb tbody th{
  text-align: left;
}

.plan__tb tbody th .icon{
  position: relative;
  padding-left: calc(clamp(18px, calc(22 / var(--content-width) * 100vw), 22px) + 0.5em);
}

.plan__tb tbody th .icon::before{
  position: absolute;
  content: '';
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: clamp(18px, calc(22 / var(--content-width) * 100vw), 22px);
  height: clamp(18px, calc(22 / var(--content-width) * 100vw), 22px);
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}

.plan__tb tbody th .icon.icon--ai-render::before{
  background-image: url('data:image/svg+xml;base64,PHN2ZyBpZD0iX+ODrOOCpOODpOODvF8yIiBkYXRhLW5hbWU9IuODrOOCpOODpOODvCAyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMS4xOSAyMS4xOSI+CiAgPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5jbHMtMSB7CiAgICAgICAgZmlsbDogbm9uZTsKICAgICAgICBzdHJva2U6ICM1OTU3NTc7CiAgICAgICAgc3Ryb2tlLW1pdGVybGltaXQ6IDEwOwogICAgICAgIHN0cm9rZS13aWR0aDogMS42OHB4OwogICAgICB9CgogICAgICAuY2xzLTIgewogICAgICAgIGZpbGw6ICM1OTU3NTc7CiAgICAgICAgc3Ryb2tlLXdpZHRoOiAwcHg7CiAgICAgIH0KICAgIDwvc3R5bGU+CiAgPC9kZWZzPgogIDxnIGlkPSJf44Os44Kk44Ok44O8XzEtMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMSI+CiAgICA8Zz4KICAgICAgPHJlY3QgY2xhc3M9ImNscy0xIiB4PSIuODQiIHk9Ii44NCIgd2lkdGg9IjE5LjUxIiBoZWlnaHQ9IjE5LjUxIi8+CiAgICAgIDxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxMi44MSAxMi4wNCAxNi40MSAxOC4yOCA5LjIgMTguMjggMTIuODEgMTIuMDQiLz4KICAgICAgPHBvbHlnb24gY2xhc3M9ImNscy0yIiBwb2ludHM9IjYuOTQgMTQuMzYgOS4yIDE4LjI4IDQuNjggMTguMjggNi45NCAxNC4zNiIvPgogICAgPC9nPgogIDwvZz4KPC9zdmc+');
}
.plan__tb tbody th .icon.icon--ai-image-edit::before{
  background-image: url('data:image/svg+xml;base64,PHN2ZyBpZD0iX+ODrOOCpOODpOODvF8yIiBkYXRhLW5hbWU9IuODrOOCpOODpOODvCAyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNS4wNiAyMS4xOSI+CiAgPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5jbHMtMSB7CiAgICAgICAgZmlsbDogbm9uZTsKICAgICAgICBzdHJva2U6ICM1OTU3NTc7CiAgICAgICAgc3Ryb2tlLW1pdGVybGltaXQ6IDEwOwogICAgICAgIHN0cm9rZS13aWR0aDogLjMzcHg7CiAgICAgIH0KCiAgICAgIC5jbHMtMiB7CiAgICAgICAgZmlsbDogIzU5NTc1NzsKICAgICAgICBzdHJva2Utd2lkdGg6IDBweDsKICAgICAgfQogICAgPC9zdHlsZT4KICA8L2RlZnM+CiAgPGcgaWQ9Il/jg6zjgqTjg6Tjg7xfMS0yIiBkYXRhLW5hbWU9IuODrOOCpOODpOODvCAxIj4KICAgIDxnPgogICAgICA8cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0xNC41LjIxdjEuMDNsLTEyLjMzLjA4Yy0uNDIuMDUtLjczLjMyLS44Ny43MWwtLjA0LDE2Ljc1YzAsLjYuNDEsMS4yMywxLjA2LDEuMjIsNS44NS0uMDUsMTEuNzMuMDksMTcuNTctLjA5LjY1LS4wMiwxLjc5LjExLDIuMzUtLjAxLjQ3LS4xLjc2LS42OC43Ny0xLjEzLDAtLjE5LS4wOC0uMzYtLjA5LS41NCwwLTEuNTkuMDEtMy4xOCwwLTQuNzdoMS4wMmMtLjA0LDEuNzcuMjMsMy43Mi4wOCw1LjQ4LS4wOC45MS0uNjEsMS42OS0xLjUsMS45Ny02Ljc5LjI3LTEzLjY0LjA0LTIwLjQ1LjEyLTEuMDQtLjEtMS43OS0uOTgtMS44NS0yLjAxLS4wNC01LjUxLjEtMTEuMDUtLjA4LTE2LjU1Qy4yNCwxLjQ3Ljc0LjYsMS43NC4zMmMuMzctLjEsMS4wNS0uMSwxLjQ2LS4xMiwzLjc0LS4xMyw3LjU2LjExLDExLjMxLDAiLz4KICAgICAgPHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTQuNS4yMXYxLjAzbC0xMi4zMy4wOGMtLjQyLjA1LS43My4zMi0uODcuNzFsLS4wNCwxNi43NWMwLC42LjQxLDEuMjMsMS4wNiwxLjIyLDUuODUtLjA1LDExLjczLjA5LDE3LjU3LS4wOS42NS0uMDIsMS43OS4xMSwyLjM1LS4wMS40Ny0uMS43Ni0uNjguNzctMS4xMywwLS4xOS0uMDgtLjM2LS4wOS0uNTQsMC0xLjU5LjAxLTMuMTgsMC00Ljc3aDEuMDJjLS4wNCwxLjc3LjIzLDMuNzIuMDgsNS40OC0uMDguOTEtLjYxLDEuNjktMS41LDEuOTctNi43OS4yNy0xMy42NC4wNC0yMC40NS4xMi0xLjA0LS4xLTEuNzktLjk4LTEuODUtMi4wMS0uMDQtNS41MS4xLTExLjA1LS4wOC0xNi41NUMuMjQsMS40Ny43NC42LDEuNzQuMzJjLjM3LS4xLDEuMDUtLjEsMS40Ni0uMTIsMy43NC0uMTMsNy41Ni4xMSwxMS4zMSwwWiIvPgogICAgICA8cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0yMS4yOCwxMS4wOGMwLS4wNy0uMDMtLjE0LS4wOC0uMTktLjY4LS43MS0xLjQ1LTEuODUtMi4xNC0yLjQ0LS40My0uMzctLjk3LS4zNy0xLjQxLS4wMS0yLjA0LDIuMTMtMy45NCw0LjU5LTYuMDIsNi42Ni0yLjI4LDIuMjYtNC4yLTEuMDQtNi4xNi0yLjAzLTEuMDMtLjI2LTEuNTEuODctMi4yOCwxLjMxbC0uNzMtLjY2YzEuMDQtMS4wMiwyLjA5LTIuMzMsMy43LTEuNDksMS4wNS41NSwyLjQxLDIuMTQsMy40NCwyLjU1LjY5LjI3LDEuMDUtLjE4LDEuNDktLjYyLDIuMDEtMi4wNSwzLjgyLTQuMzMsNS43OS02LjQyLDEuMzEtMS4wNiwyLjMtLjY3LDMuMzUuNDMuMjIuMjQsMS45NSwyLjE1LDEuOSwyLjI5bC0uODMuNjNaIi8+CiAgICAgIDxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTYuMjksMy43YzMuNS0uMzgsMy45Miw0LjcxLjc2LDUuMDktMy43MS40NS00LjE3LTQuNzItLjc2LTUuMDlNNS40Nyw3LjM1YzEuMzQsMS4yNSwzLjU2LS40MiwyLjQxLTEuOTgtMS4zMi0xLjgxLTQuMDQuNDctMi40MSwxLjk4Ii8+CiAgICAgIDxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTIxLjk4LDYuODJsLS4zNS0uMDdjLS4yNi0xLjI0LS42Ni0yLjE5LTEuOTEtMi42Ni0uMjItLjA5LS45NC0uMjEtMS4wNS0uMjktLjEyLS4wOS0uMTUtLjMuMDItLjM4LjI5LS4xNC43Ni0uMTYsMS4xMS0uMywxLjQ3LS41OSwxLjMxLTEuMzYsMS43OC0yLjU1LjMzLS44Mi42OC45Ny43NSwxLjE0LjIxLjUxLjcyLDEuMDYsMS4yMiwxLjMuNDEuMi45OC4yMywxLjMyLjQxLjcyLjM4LS45My42My0xLjE5Ljc0LTEuMTMuNS0xLjQ2LDEuNTQtMS43MSwyLjY2Ii8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4=');
}
.plan__tb tbody th .icon.icon--ai-video::before{
  background-image: url('data:image/svg+xml;base64,PHN2ZyBpZD0iX+ODrOOCpOODpOODvF8yIiBkYXRhLW5hbWU9IuODrOOCpOODpOODvCAyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMy42MyAxOS4zOSI+CiAgPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5jbHMtMSB7CiAgICAgICAgZmlsbDogbm9uZTsKICAgICAgICBzdHJva2U6ICM1OTU3NTc7CiAgICAgICAgc3Ryb2tlLW1pdGVybGltaXQ6IDEwOwogICAgICAgIHN0cm9rZS13aWR0aDogMS42OHB4OwogICAgICB9CgogICAgICAuY2xzLTIgewogICAgICAgIGZpbGw6ICM1OTU3NTc7CiAgICAgICAgc3Ryb2tlLXdpZHRoOiAwcHg7CiAgICAgIH0KICAgIDwvc3R5bGU+CiAgPC9kZWZzPgogIDxnIGlkPSJf44Os44Kk44Ok44O8XzEtMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMSI+CiAgICA8Zz4KICAgICAgPHJlY3QgY2xhc3M9ImNscy0xIiB4PSIuODQiIHk9Ii44NCIgd2lkdGg9IjIxLjk1IiBoZWlnaHQ9IjE3LjcyIi8+CiAgICAgIDxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTE1Ljg0LDEwLjE4bC02Ljk2LDQuMDJjLS4zNy4yMS0uODMtLjA1LS44My0uNDhWNS42OGMwLS40My40Ni0uNjkuODMtLjQ4bDYuOTYsNC4wMmMuMzcuMjEuMzcuNzUsMCwuOTYiLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPg==');
}
.plan__tb tbody th .icon.icon--ai-staging::before{
  background-image: url('data:image/svg+xml;base64,PHN2ZyBpZD0iX+ODrOOCpOODpOODvF8yIiBkYXRhLW5hbWU9IuODrOOCpOODpOODvCAyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNC4zNyAxOC4xMSI+CiAgPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5jbHMtMSB7CiAgICAgICAgZmlsbDogIzU5NTc1NzsKICAgICAgICBzdHJva2Utd2lkdGg6IDBweDsKICAgICAgfQogICAgPC9zdHlsZT4KICA8L2RlZnM+CiAgPGcgaWQ9Il/jg6zjgqTjg6Tjg7xfMS0yIiBkYXRhLW5hbWU9IuODrOOCpOODpOODvCAxIj4KICAgIDxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTIyLjYsNC4zM2gtLjd2LTEuMjFDMjEuOSwxLjQsMjAuNTEsMCwxOC43OSwwSDUuNTljLTEuNzIsMC0zLjEyLDEuNC0zLjEyLDMuMTJ2MS4yMWgtLjdjLS45OCwwLTEuNzcuNzktMS43NywxLjc3djcuODhjMCwuOTguNzksMS43NywxLjc3LDEuNzdoLjgzbC4xOSwyLjM2aDIuNmwuMTktMi4zNmgxMy4yMWwuMTksMi4zNmgyLjZsLjE5LTIuMzZoLjgzYy45OCwwLDEuNzctLjc5LDEuNzctMS43N3YtNy44OGMwLS45OC0uNzktMS43Ny0xLjc3LTEuNzdNMy41LDMuMTJjMC0uNTguMjMtMS4xLjYxLTEuNDcuMzgtLjM4LjktLjYxLDEuNDctLjYxaDEzLjJjLjU4LDAsMS4wOS4yMywxLjQ3LjYxLjM4LjM4LjYxLjkuNjEsMS40N3YxLjQ3Yy0uNDkuMzEtLjgyLjg1LS44MiwxLjQ4djUuMThINC4zMnYtNS4xOGMwLS42Mi0uMzMtMS4xNy0uODItMS40OHYtMS40N1pNNC40MywxNy4wN2gtLjY5bC0uMTEtMS4zMmguOWwtLjExLDEuMzJaTTIwLjYzLDE3LjA3aC0uNjlsLS4xMS0xLjMyaC45bC0uMTEsMS4zMlpNMjMuMzQsMTMuOThjMCwuMi0uMDguMzgtLjIyLjUyLS4xMy4xMy0uMzEuMjEtLjUyLjIxSDEuNzdjLS4yLDAtLjM4LS4wOC0uNTItLjIxLS4xMy0uMTQtLjIxLS4zMi0uMjEtLjUydi03Ljg4YzAtLjIuMDgtLjM4LjIxLS41Mi4xMy0uMTMuMzEtLjIyLjUyLS4yMmguODFjLjIsMCwuMzcuMDguNS4yMS4xMy4xMy4yMS4zLjIxLjV2Ni4yMmgxNy43OXYtNi4yMmMwLS4yLjA4LS4zNy4yMS0uNS4xMy0uMTMuMy0uMjEuNS0uMjFoLjgxYy4yLDAsLjM4LjA4LjUyLjIyLjEzLjEzLjIyLjMxLjIyLjUydjcuODhaIi8+CiAgPC9nPgo8L3N2Zz4=');
}
.plan__tb tbody th .icon.icon--ai-meeting-summary::before{
  background-image: url('data:image/svg+xml;base64,PHN2ZyBpZD0iX+ODrOOCpOODpOODvF8yIiBkYXRhLW5hbWU9IuODrOOCpOODpOODvCAyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyOC4zMSAxNy40NiI+CiAgPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5jbHMtMSB7CiAgICAgICAgZmlsbDogIzU5NTc1NzsKICAgICAgICBzdHJva2Utd2lkdGg6IDBweDsKICAgICAgfQogICAgPC9zdHlsZT4KICA8L2RlZnM+CiAgPGcgaWQ9Il/jg6zjgqTjg6Tjg7xfMS0yIiBkYXRhLW5hbWU9IuODrOOCpOODpOODvCAxIj4KICAgIDxnPgogICAgICA8cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik04LjE2LDEyLjI4cy0uMDItLjA4LS4wMi0uMTN2LS4zOGMwLS4xOC4wMy0uMzYuMDktLjUzLDAsMCwuOTQtMS4yNiwxLjM5LTIuNzQtLjQ5LTEuMDMtLjkzLTIuMzEtLjkzLTMuNTgsMC0uMy4wMi0uNTguMDUtLjg2LS42My0uNjctMS40OS0xLjA0LTIuNDQtMS4wNC0xLjk2LDAtMy41NCwxLjYtMy41NCw0LjA4LDAsMS45OSwxLjYyLDQuMTQsMS42Miw0LjE0LjA2LjE3LjA5LjM1LjA5LjUzdi4zOGMwLC40Ny0uMjcuOS0uNywxLjFsLTIuNTcsMS4wNWMtLjYuMjctMS4wMi44Mi0xLjE0LDEuNDdsLS4wNC41NmMtLjAyLjI5LjA4LjU4LjI4LjguMi4yMi40OC4zNC43OC4zNGg0LjE5bC4xNy0yLjIxdi0uMDZjLjIyLTEuMTYuOTktMi4xNCwyLjA2LTIuNjRsLjY4LS4yOFoiLz4KICAgICAgPHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMjguMjYsMTUuNzZjLS4xMi0uNjQtLjU0LTEuMTktMS4xNC0xLjQ3bC0yLjU3LTEuMDVjLS40My0uMi0uNy0uNjItLjctMS4xdi0uMzhjMC0uMTguMDMtLjM2LjA5LS41MiwwLDAsMS42MS0yLjE2LDEuNjEtNC4xNCwwLTIuNDgtMS41OS00LjA4LTMuNTUtNC4wOC0uOTUsMC0xLjguMzgtMi40NCwxLjA0LjAzLjI4LjA1LjU2LjA1Ljg2LDAsMS4yNy0uNDQsMi41NS0uOTMsMy41Ny40NCwxLjQ4LDEuMzksMi43NCwxLjM5LDIuNzQuMDYuMTcuMDkuMzQuMDkuNTJ2LjM4cy0uMDEuMDktLjAyLjEzbC42NC4yNmMxLjExLjUxLDEuODgsMS40OSwyLjA5LDIuNjV2LjA2cy4xOCwyLjIxLjE4LDIuMjFoNC4xOWMuMjksMCwuNTctLjEyLjc3LS4zNC4yLS4yMi4zLS41MS4yOC0uOGwtLjA0LS41NloiLz4KICAgICAgPHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMjAuMzQsMTMuNjNsLTMuMTEtMS4yN2MtLjUyLS4yNC0uODUtLjc2LS44NS0xLjMzdi0uNDZjMC0uMjIuMDMtLjQzLjExLS42NCwwLDAsMS45NS0yLjYxLDEuOTUtNS4wMSwwLTMtMS45Mi00LjkzLTQuMjktNC45M3MtNC4yOSwxLjkzLTQuMjksNC45M2MwLDIuNCwxLjk2LDUuMDEsMS45Niw1LjAxLjA3LjIuMTEuNDIuMTEuNjR2LjQ2YzAsLjU3LS4zMywxLjA5LS44NSwxLjMzbC0zLjEsMS4yN2MtLjcyLjMzLTEuMjQuOTktMS4zOCwxLjc4bC0uMTYsMi4wNmgxNS40NWwtLjE2LTIuMDZjLS4xNC0uNzgtLjY2LTEuNDQtMS4zOC0xLjc4Ii8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4=');
}
.plan__tb tbody th .icon.icon--archi-chat::before{
  background-image: url('data:image/svg+xml;base64,PHN2ZyBpZD0iX+ODrOOCpOODpOODvF8yIiBkYXRhLW5hbWU9IuODrOOCpOODpOODvCAyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMi4xMyAxOC4zNSI+CiAgPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5jbHMtMSB7CiAgICAgICAgZmlsbDogIzU5NTc1NzsKICAgICAgICBzdHJva2Utd2lkdGg6IDBweDsKICAgICAgfQogICAgPC9zdHlsZT4KICA8L2RlZnM+CiAgPGcgaWQ9Il/jg6zjgqTjg6Tjg7xfMS0yIiBkYXRhLW5hbWU9IuODrOOCpOODpOODvCAxIj4KICAgIDxnPgogICAgICA8cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xNC45MiwzLjc5di0xLjM5YzAtMS4zMy0xLjA4LTIuNDEtMi40MS0yLjQxSDIuNDFDMS4wOCwwLDAsMS4wOCwwLDIuNDF2Ny41NGMwLDEuMzMsMS4wOCwyLjQxLDIuNDEsMi40MWguODlsLS43MiwzLjYsNC45My0zLjZoLjkydi00LjhjMC0yLjA3LDEuNjktMy43NiwzLjc2LTMuNzZoMi43NFoiLz4KICAgICAgPHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTkuNzIsNS4xNWgtNy41NGMtMS4zMywwLTIuNDEsMS4wOC0yLjQxLDIuNDF2NS40MWMwLDEuMzMsMS4wOCwyLjQxLDIuNDEsMi40MWgzLjczbDQuMDgsMi45OC0uNi0yLjk4aC4zMmMxLjMzLDAsMi40MS0xLjA4LDIuNDEtMi40MXYtNS40MWMwLTEuMzMtMS4wOC0yLjQxLTIuNDEtMi40MSIvPgogICAgPC9nPgogIDwvZz4KPC9zdmc+');
}
.plan__tb tbody th .icon.icon--project::before{
  background-image: url('data:image/svg+xml;base64,PHN2ZyBpZD0iX+ODrOOCpOODpOODvF8yIiBkYXRhLW5hbWU9IuODrOOCpOODpOODvCAyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMi43NSAxOS4zIj4KICA8ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgLmNscy0xIHsKICAgICAgICBmaWxsOiAjNTk1NzU3OwogICAgICAgIHN0cm9rZS13aWR0aDogMHB4OwogICAgICB9CiAgICA8L3N0eWxlPgogIDwvZGVmcz4KICA8ZyBpZD0iX+ODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPgogICAgPHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMjIuMDQsMy4yOWMtLjQzLS40My0xLjA0LS43LTEuNy0uN2gtMTAuODljLS4xMywwLS4yNi0uMDUtLjM2LS4xNGgwcy0xLjkxLTEuNzktMS45MS0xLjc5Yy0uNDUtLjQyLTEuMDMtLjY1LTEuNjUtLjY1aC0zLjEzYy0uNjYsMC0xLjI3LjI3LTEuNy43MS0uNDMuNDMtLjcxLDEuMDQtLjcxLDEuN3YxNC40OWMwLC42Ni4yNywxLjI3LjcxLDEuNy40My40MywxLjA0LjcsMS43LjdoMTcuOTRjLjY2LDAsMS4yNy0uMjcsMS43LS43LjQzLS40My43LTEuMDQuNy0xLjdWNC45OWMwLS42Ni0uMjctMS4yNy0uNy0xLjdNMjAuNzIsMTcuMjdjLS4xLjEtLjIzLjE2LS4zNy4xNkgyLjRjLS4xNSwwLS4yNy0uMDYtLjM3LS4xNi0uMS0uMS0uMTUtLjIyLS4xNS0uMzdWMi40YzAtLjE1LjA2LS4yNy4xNS0uMzcuMS0uMS4yMy0uMTUuMzctLjE1aDMuMTNjLjE0LDAsLjI2LjA1LjM2LjE0bDEuOTEsMS43OWgwYy40NS40MiwxLjAzLjY1LDEuNjQuNjVoMTAuODljLjE1LDAsLjI3LjA2LjM3LjE1LjEuMS4xNS4yMi4xNS4zN3YxMS45YzAsLjE1LS4wNi4yNy0uMTUuMzciLz4KICA8L2c+Cjwvc3ZnPg==');
}

.plan__tb .mark{
  display: block;
  margin: 4px auto;
  line-height: 1;
  width: clamp(26px, calc(30 / 1390 * 100vw), 30px);
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}

.plan__tb .mark--full{
  width: 28px;
  height: 28px;
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMCAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTUiIGN5PSIxNSIgcj0iMTMuNSIgc3Ryb2tlPSIjMTU1OEQ2IiBzdHJva2Utd2lkdGg9IjMiLz4KPGNpcmNsZSBjeD0iMTUiIGN5PSIxNSIgcj0iNy41IiBzdHJva2U9IiMxNTU4RDYiIHN0cm9rZS13aWR0aD0iMyIvPgo8L3N2Zz4=');
}

.plan__tb .mark--good{
  width: 28px;
  height: 28px;
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyOCAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTQiIGN5PSIxNCIgcj0iMTIuNSIgc3Ryb2tlPSIjMTU1OEQ2IiBzdHJva2Utd2lkdGg9IjMiLz4KPC9zdmc+Cg==');
}

.plan__tb .mark--none{
  width: 28px;
  height: 3px;
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMyIgdmlld0JveD0iMCAwIDI4IDMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHdpZHRoPSIyOCIgaGVpZ2h0PSIzIiByeD0iMS41IiBmaWxsPSIjODg4ODg4Ii8+Cjwvc3ZnPgo=');
}

.ai,
.enterprise{
  margin-top: var(--size40);
}

.ai__wrapper,
.enterprise__wrapper{
  border-radius: var(--bd-radius);
  padding: var(--size18) clamp(12px, calc(32 / var(--content-width) * 100vw), 32px) var(--size22);
}

.ai__wrapper{
  background: var(--c-ai);
}

.enterprise__wrapper{
  background: var(--c-enterprise);
}

.ai__plan-name,
.enterprise__plan-name{
  color: #fff;
  font-size: var(--size22);
  text-align: center;
}

.ai__inner,
.enterprise__inner{
  background: #fff;
  margin-top: var(--size16);
  padding: var(--size26) clamp(12px, calc(32 / var(--content-width) * 100vw), 32px);
}

.enterprise__text{
  max-width: clamp(400px, calc(460 / var(--content-width) * 100vw), 460px);
  margin-inline: auto;
  text-align: center;
}

.enterprise__text p{
  font-size: var(--size22);
  font-weight: 700;
}

.enterprise__text p.second{
  border-top: solid 1px var(--c-bk);
  margin-top: 0.25em;
  padding-top: 0.25em;
}

.enterprise__text p + p{
  margin-top: 0;
}

.enterprise__desc{
  margin-top: 1.5em;
  text-align: center;
}

.ai__credit{
  font-size: 1.8rem;
  font-weight: 700;
  text-align: center;
  color: var(--c-red);
}

.ai__credit .small{
  font-size: 0.6em;
  font-weight: 400;
  color: var(--c-bk);
  margin-left: 0.25em;
}

.ai__column,
.enterprise__column{
  margin-top: clamp(20px, calc(32 / var(--content-width) * 100vw), 32px);
}

.ai-column__item,
.enterprise-column__item{
  border: solid 2px var(--bd-color);
  border-radius: var(--bd-radius);
  padding: var(--size22) clamp(12px, calc(20 / var(--content-width) * 100vw), 20px);
}

.ai__h4,
.enterprise__h4{
  color: #393be7;
  font-size: var(--size22);
  text-align: center;
  margin-bottom: 0.75em;
}

.ai-column__price{
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: center;
  gap: clamp(2px, calc(6 / var(--content-width) * 100vw), 6px) var(--size18);
}

.ai-column__price .price{
  font-weight: 700;
}

.ai-column__price .price--m{
  font-size: 1.8rem;
}
.ai-column__price .price--y{
  font-size: 1.4rem;
}
.ai-column__price .price .yen{
  font-size: 0.75em;
}
.ai-column__price .price .small{
  font-size: 0.58em;
  font-weight: 400;
}

.ai-column__price .price + .price{
  margin-top: 0;
}


.enterprise__list{
  padding-left: 1em;
}

.enterprise__list--ckeck{
  padding-left: 0;
}

.enterprise-list__item{
  font-size: var(--size16);
  line-height: 1.8;
  list-style-type: disc;
  padding-left: 1em;
  text-indent: -1em;
}

.enterprise__list--ckeck .enterprise-list__item{
  list-style-type: none;
}

.enterprise__list--ckeck .enterprise-list__item::before{
  content: '\f14a';
  font-family: 'Font Awesome 6 Pro';
  margin-right: 0.25em;
}

.enterprise .btn{
  margin: var(--size26) auto 0;
}


.consumption{
  margin-top: var(--size40);
}

.consumption__unit.column3{
  grid-template-columns: 1fr 1.3fr 1fr;
}

.consumption__title{
  font-size: var(--size22);
  color: var(--c-darkblue);
  margin-bottom: 0.75em;
}

.consumption-unit__name{
  font-size: var(--size18);
  margin-bottom: 0.75em;
}

.consumption__list{
  list-style-type: disc;
  padding-left: 1.5em;
}

.consumption-list__item{
  font-size: var(--size16);
}


@media screen and (max-width: 767px){
  .plan__wrapper{
    margin-right: calc(clamp(15px, calc(20 / 768 * 100vw), 20px) * -1);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .plan__tb{
    min-width: 1160px;
  }

  .plan__tb .head{
    padding-left: 0;
    padding-right: 0;
  }

  .plan__tb .price--m{
    font-size: 1.5rem;
  }
  .plan__tb .price--y{
    font-size: 1.18rem;
  }
  .plan__tb .price .yen{
    font-size: 0.66em;
  }
  .plan__tb .price .small{
    font-size: 0.56em;
  }


  .consumption__unit.column3{
    grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
  }
}


/* ========================================
  導入事例
======================================== */
.case .swiper{
  margin-top: var(--size40);
}

.case .swiper.is-disabled{
  max-width: 980px;
  width: 92.5%;
  margin-inline: auto;
  padding: 8px;
}

.case .swiper-wrapper{
  padding: 6px 0 40px;
}

.case .swiper.is-disabled .swiper-wrapper{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--size26);
  justify-content: center;
}

.case .swiper.is-disabled .swiper-wrapper:has(.swiper-slide:only-child) {
  grid-template-columns: minmax(0, 500px);
  justify-content: center;
}

.case .swiper-slide{
  display: flex;
  height: auto;
  box-shadow: var(--shadow);
  border: solid 1px var(--bd-color);
  border-radius: var(--bd-radius);
}

.case .swiper-slide a{
  display: grid;
  grid-template-columns: 1.15fr 1fr;
  align-items: center;
  gap: clamp(16px, calc(32 / 1600 * 100vw), 32px);
  padding: var(--size22);
  height: 100%;
}

.case .swiper.is-disabled .swiper-slide a{
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
  gap: clamp(16px, calc(32 / 1600 * 100vw), 32px);
  padding: var(--size22);
  height: 100%;
}

.case .swiper-button-prev,
.case .swiper-button-next{
  top: 50%;
  transform: translateY(-50%);
  color: var(--c-blue);
  width: clamp(36px, calc(44 / 1600 * 100vw), 44px);
  height: clamp(36px, calc(44 / 1600 * 100vw), 44px);
}

.case .swiper-button-prev svg,
.case .swiper-button-next svg{
  fill: var(--c-blue);
}

.case__thumb{
  border-radius: var(--bd-radius);
  overflow: hidden;
  height: 100%;
}

.case__copy{
  font-size: var(--size18);
  color: var(--c-blue);
  margin-bottom: 0.75em;
}

.case__industry{
  margin-top: clamp(24px, calc(36 / 1600 * 100vw), 36px);
}

.case-industry__title{
  font-weight: 700;
}

.case-industry__name{
  margin-top: 0.4em;
  width: fit-content;
  font-size: var(--size16);
  color: #737373;
  background: var(--c-lightblue2);
  border-radius: 4px;
  padding: 2px 6px;
}

.case__use{
  margin-top: var(--size64);
}

.case-use__title{
  font-size: var(--size28);
  color: var(--c-darkblue);
  margin-bottom: 0.75em;
}

.case-use__list{
  margin-top: var(--size18);
  row-gap: clamp(32px, calc(36 / var(--content-width) * 100vw), 36px);
}

.case-use-list__item p{
  margin-top: 0.5em;
}


@media screen and (max-width: 767px){
  .case .swiper.is-disabled{
    max-width: 550px;
    width: 100%;
    padding: 0 clamp(15px, calc(20 / 768 * 100vw), 20px);
  }

  .case .swiper.is-disabled .swiper-wrapper{
    grid-template-columns: 1fr;
  }

  .case .swiper-slide a{
    display: grid;
    grid-template-columns: 1fr;
    align-items: center;
    gap: clamp(16px, calc(32 / 1600 * 100vw), 32px);
    padding: var(--size22);
    height: 100%;
  }
}


/* ========================================
  よくあるご質問
======================================== */
.faq{
  background: var(--c-lightblue2);
}

.faq__list{
  margin-top: var(--size40);
}

.faq__item{
  background: #fff;
  border-radius: var(--bd-radius);
}

.faq__item + .faq__item{
  margin-top: var(--size18);
}

.faq__question,
.faq__answer{
  position: relative;
  padding-left: clamp(42px, calc(54 / var(--content-width) * 100vw), 54px);
  padding-right: clamp(42px, calc(54 / var(--content-width) * 100vw), 54px);
}

.faq__question{
  font-size: var(--size18);
  font-weight: 700;
  text-align: left;
  width: 100%;
  padding-top: clamp(16px, calc(20 / var(--content-width) * 100vw), 20px);
  padding-bottom: clamp(16px, calc(20 / var(--content-width) * 100vw), 20px);
  cursor: pointer;
}

.faq__question::before,
.faq__answer::before{
  position: absolute;
  left: clamp(14px, calc(22 / var(--content-width) * 100vw), 22px);
  font-size: 1.25em;
  font-weight: 700;
}

.faq__question::before{
  content: 'Q.';
  top: 0.75em;
  color: var(--c-blue);
}

.faq__answer::before{
  content: 'A.';
  top: 0;
  color: var(--c-orange);
}

.faq__question::after{
  content: '＋';
  position: absolute;
  top: 50%;
  right: clamp(14px, calc(22 / var(--content-width) * 100vw), 22px);
  transform: translateY(-50%);
  transition: transform 0.3s;
  font-size: 1.25em;
}

.faq__item.is-open .faq__question::after{
  content: '－';
}

.faq__content{
  height: 0;
  overflow: hidden;
  transition: height 0.4s ease;
}

.faq__answer{
  padding-top: 0;
  padding-bottom: clamp(16px, calc(20 / var(--content-width) * 100vw), 20px);
}

.faq__answer p{
  margin-top: 1em;
}

.faq .btn{
  margin: var(--size52) auto 0;
}

.faq__text{
  font-size: var(--size16);
  text-align: center;
  margin-top: 1em;
}

@media screen and (max-width: 767px){
  .faq__question::before{
    top: 0.6em;
  }
}