/* ------------------------------
- foundation
------------------------------ */
/* ------------------------------
- top
------------------------------ */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP:wght@200..900&display=swap");
/* ------------------------------
- foundation
------------------------------ */
/* ------------------------------
- mixins
------------------------------ */
/* ------------------------------
- foundation
------------------------------ */
/* ------------------------------
- foundation
------------------------------ */
/* ------------------------------
- utility
------------------------------ */
@media screen and (min-width: 1024px) {
  .ai-products .ap-visible-md, .ai-products .ap-visible-sm {
    display: none;
  }
  .ai-products .ap-visible-lg {
    display: inherit;
  }
}
@media screen and (min-width: 751px) and (max-width: 1023px) {
  .ai-products .ap-visible-lg, .ai-products .ap-visible-sm {
    display: none;
  }
  .ai-products .ap-visible-md {
    display: inherit;
  }
}
@media screen and (max-width: 750px) {
  .ai-products .ap-visible-lg, .ai-products .ap-visible-md {
    display: none;
  }
  .ai-products .ap-visible-sm {
    display: inherit;
  }
}

/* ------------------------------
- reset
------------------------------ */
.ai-products {
  overflow: hidden;
  font-family: "Noto Sans JP", sans-serif;
}
.ai-products h1, .ai-products .h1, .ai-products h2, .ai-products .h2, .ai-products h3, .ai-products .h3, .ai-products h4, .ai-products .h4, .ai-products h5, .ai-products .h5, .ai-products h6, .ai-products .h6, .ai-products p, .ai-products dl, .ai-products ul, .ai-products ol {
  margin: 0;
}
.ai-products img {
  max-width: 100%;
  height: auto;
}
.ai-products video {
  max-width: 100%;
  height: auto;
}
.ai-products {
  /* ------------------------------
  - hero
  ------------------------------ */
}
.ai-products .hero {
  background: #16191a;
  height: auto;
}
.ai-products .hero__mv {
  margin: 0;
}
.ai-products .hero__mv img {
  width: 100%;
}
.ai-products {
  /* ------------------------------
  - about
  ------------------------------ */
}
.ai-products .about {
  color: #fff;
  padding: 0 0 min(6.8359375vw, 70px);
}
@media screen and (min-width: 751px) {
  .ai-products .about__inner {
    width: 90%;
    max-width: 660px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 750px) {
  .ai-products .about__inner {
    padding: 0 5.3333333333vw;
  }
}
.ai-products .about__title {
  width: min(41.11328125vw, 421px);
  margin: 0 auto min(1.46484375vw, 15px);
  text-align: center;
}
.ai-products .about__lead {
  margin-bottom: min(3.90625vw, 40px);
  font-size: min(1.3671875vw, 14px);
  font-weight: 500;
  text-align: center;
}
.ai-products .about__product {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: min(8.7890625vw, 90px);
  margin-bottom: min(5.859375vw, 60px);
}
.ai-products .aboutProduct__item {
  width: min(21.484375vw, 220px);
}
.ai-products .about__text {
  font-size: min(2.24609375vw, 23px);
  font-weight: bold;
  margin: 0;
}
.ai-products .about__text strong {
  font-size: 1.2173913043em;
}
.ai-products .about__text + .about__text {
  margin-top: 1em;
}
@media screen and (max-width: 750px) {
  .ai-products .about {
    padding-bottom: 10.6666666667vw;
  }
  .ai-products .about__title {
    width: 54.9333333333vw;
    margin: 0 auto 2vw;
  }
  .ai-products .about__lead {
    margin-bottom: 5.3333333333vw;
    font-size: 1.8666666667vw;
  }
  .ai-products .about__product {
    gap: 5.3333333333vw;
    margin-bottom: 8vw;
  }
  .ai-products .aboutProduct__item {
    width: 31.7333333333vw;
  }
  .ai-products .about__text {
    font-size: 3.2vw;
  }
}
.ai-products {
  /* ------------------------------
  - intro
  ------------------------------ */
}
.ai-products .intro__movie {
  line-height: 0.9;
}
@media screen and (min-width: 751px) {
  .ai-products .intro {
    padding-bottom: min(7.8125vw, 80px);
  }
  .ai-products .intro__movie {
    width: 90%;
    max-width: 780px;
    margin: 0 auto;
    border-radius: 15px;
    overflow: hidden;
  }
}
.ai-products {
  /* ------------------------------
  - screen
  ------------------------------ */
}
.ai-products .screen {
  background: #ecf2fe;
}
@media screen and (min-width: 751px) {
  .ai-products .screen__img {
    max-width: 1024px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 750px) {
  .ai-products .screen {
    overflow: scroll;
  }
  .ai-products .screen__img {
    width: 600px;
  }
}
.ai-products {
  /* ------------------------------
  - feature
  ------------------------------ */
}
@media screen and (min-width: 751px) {
  .ai-products .feature__inner {
    width: 90%;
    max-width: 1144px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 750px) {
  .ai-products .feature__inner {
    padding: 0 5.3333333333vw;
  }
}
.ai-products .feature__group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: min(5.859375vw, 60px);
}
.ai-products .feature__group + .feature__group {
  margin-top: min(8.7890625vw, 90px);
}
.ai-products .featureGroup__title {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: min(4.8828125vw, 50px);
  font-weight: 300;
  line-height: 1.5;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
}
.ai-products .featureGroup__title.-colorBlue {
  background: linear-gradient(120deg, #468cf0 10%, #000068 100%);
}
.ai-products .featureGroup__title.-colorGreen {
  background: linear-gradient(120deg, #66f2c8 0%, #468cf0 100%);
}
.ai-products .feature__item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: min(2.9296875vw, 30px);
}
.ai-products .featureItem__movie,
.ai-products .featureItem__img {
  border-radius: 15px;
  overflow: hidden;
  line-height: 0.9;
}
.ai-products .featureItem__title {
  font-size: min(2.5390625vw, 26px);
  font-weight: 500;
  line-height: 1.8;
}
.ai-products .featureItem__text {
  font-size: min(1.85546875vw, 19px);
  line-height: 2;
}
.ai-products .featureItem__note {
  font-size: min(1.46484375vw, 15px);
}
@media screen and (min-width: 751px) {
  .ai-products .feature__item.-imageLeft {
    padding-left: 63.8111888112%;
  }
  .ai-products .feature__item.-imageLeft .featureItem__movie,
  .ai-products .feature__item.-imageLeft .featureItem__img {
    left: 0;
  }
  .ai-products .feature__item.-imageRight {
    padding-right: 63.8111888112%;
  }
  .ai-products .feature__item.-imageRight .featureItem__movie,
  .ai-products .feature__item.-imageRight .featureItem__img {
    right: 0;
  }
  .ai-products .featureItem__movie,
  .ai-products .featureItem__img {
    position: absolute;
    top: 0;
    width: 59.4405594406%;
  }
}
@media screen and (max-width: 750px) {
  .ai-products .feature__group {
    gap: 6.6666666667vw;
  }
  .ai-products .feature__group + .feature__group {
    margin-top: 10.6666666667vw;
  }
  .ai-products .featureGroup__title {
    font-size: 6.6666666667vw;
  }
  .ai-products .feature__item {
    gap: 4vw;
  }
  .ai-products .featureItem__title {
    font-size: 4.2666666667vw;
  }
  .ai-products .featureItem__text {
    font-size: 3.2vw;
  }
  .ai-products .featureItem__note {
    font-size: 2vw;
  }
  .ai-products .featureItem__movie,
  .ai-products .featureItem__img {
    margin-bottom: 1.3333333333vw;
  }
}
.ai-products {
  /* ------------------------------
  - summary
  ------------------------------ */
}
.ai-products .summary {
  padding: min(8.7890625vw, 90px) 0 min(21.484375vw, 220px);
  background: #e6e7de;
}
/* @media screen and (max-width: 750px) {
  .ai-products {
    padding: 10.6666666667vw 0;
  }
} */
.ai-products {
  /* ------------------------------
  - threeway
  ------------------------------ */
}
.ai-products .threeway .feature__item {
  min-height: min(30.0787401575vw, 382px);
}
.ai-products {
  /* ------------------------------
  - summarize
  ------------------------------ */
}
.ai-products .summarize .feature__item {
  min-height: min(43.7795275591vw, 556px);
}
.ai-products {
  /* ------------------------------
  - advice
  ------------------------------ */
}
.ai-products .advice {
  background: #ecf2fe;
  padding: min(12.6953125vw, 130px) 0 min(8.7890625vw, 90px);
}
.ai-products .advice .feature__item {
  padding-right: 60.3146853147%;
}
.ai-products .advice__head {
  margin-bottom: min(10.7421875vw, 110px);
}
.ai-products .mode__item + .mode__item {
  margin-top: min(8.7890625vw, 90px);
}
.ai-products .modeItem__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: min(6.8359375vw, 70px);
}
.ai-products .modeItem__title {
  position: relative;
  z-index: 10;
  width: min(40vw, 560px);
  font-size: min(3.90625vw, 40px);
  font-weight: 600;
}
.ai-products .modeItem__title::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 132.1428571429%;
  height: min(10.25390625vw, 105px);
  background: #fff;
  border: 3px solid transparent;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)) padding-box, -webkit-gradient(linear, left top, right top, from(#00ffb3), color-stop(#6594ed), to(#000068)) border-box;
  background: linear-gradient(#fff, #fff) padding-box, linear-gradient(to right, #00ffb3, #6594ed, #000068) border-box;
  border-radius: 60px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0 0 20px;
          box-shadow: rgba(0, 0, 0, 0.5) 0 0 20px;
  z-index: -1;
}
.ai-products .modeItem__list {
  position: relative;
  z-index: 5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: -30px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.ai-products .modeItem__list::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100%;
  background: #010076;
  z-index: -1;
}
.ai-products .modeItemList__term,
.ai-products .modeItemList__desc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 50%;
  height: min(8.3984375vw, 86px);
  padding: 1.2em 0;
  color: #fff;
  font-size: min(2.1484375vw, 22px);
  font-weight: 600;
}
.ai-products .modeItemList__term {
  position: relative;
  background: #8484cc;
  padding-left: 1.5em;
}
.ai-products .modeItemList__term::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: -25px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: min(4.19921875vw, 43px) 0 min(4.19921875vw, 43px) 25px;
  border-color: transparent transparent transparent #8484CC;
}
.ai-products .modeItem__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.ai-products .modeItem__body.-imageRight {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.ai-products .modeItem__movie {
  width: 56.993006993%;
  border-radius: 15px;
  overflow: hidden;
  line-height: 0.9;
}
.ai-products .modeItem__contents {
  width: 38.8986013986%;
}
.ai-products .modeItem__text {
  font-size: min(1.85546875vw, 19px);
  line-height: 2;
}
@media screen and (min-width: 751px) {
  .ai-products .advice__img {
    position: absolute;
    left: 43.7062937063%;
    top: max(-19.53125vw, -200px);
    width: min(55.7857142857vw, 781px);
  }
}
@media screen and (max-width: 750px) {
  .ai-products .advice {
    padding: 10.6666666667vw 0;
  }
  .ai-products .advice .feature__item {
    padding-right: 0;
  }
  .ai-products .advice__head {
    margin-bottom: 10.6666666667vw;
  }
  .ai-products .advice__img {
    width: 100vw;
    margin-left: -5.3333333333vw;
  }
  .ai-products .mode__item + .mode__item {
    margin-top: 9.3333333333vw;
  }
  .ai-products .modeItem__head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 4.6666666667vw;
    margin-bottom: 4.6666666667vw;
  }
  .ai-products .modeItem__title {
    width: 100%;
    padding: 0.55em;
    font-size: 4.2666666667vw;
    text-align: center;
  }
  .ai-products .modeItem__title::before {
    right: 0;
    width: 100%;
    height: 100%;
    border: 2px solid transparent;
    -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0 0 10px;
            box-shadow: rgba(0, 0, 0, 0.5) 0 0 10px;
  }
  .ai-products .modeItem__list {
    width: 100vw;
    margin-left: -2.6666666667vw;
  }
  .ai-products .modeItem__list::before {
    width: 110vw;
  }
  .ai-products .modeItemList__term,
  .ai-products .modeItemList__desc {
    height: 12vw;
    font-size: 2.9333333333vw;
  }
  .ai-products .modeItemList__term::after {
    right: -2.6vw;
    border-width: 6vw 0 6vw 2.6666666667vw;
  }
  .ai-products .modeItem__body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 4.6666666667vw;
  }
  .ai-products .modeItem__body.-imageRight {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .ai-products .modeItem__movie,
  .ai-products .modeItem__contents {
    width: 100%;
  }
  .ai-products .modeItem__text {
    font-size: 3.2vw;
  }
}
.ai-products {
  /* ------------------------------
  - communication
  ------------------------------ */
}
.ai-products .communication {
  padding: min(8.7890625vw, 90px) 0;
  background: #16191a;
  color: #fff;
}
.ai-products .communication .feature__item {
  min-height: min(30.157480315vw, 383px);
}
.ai-products .communication01.feature__item {
  min-height: min(34.8031496063vw, 442px);
}
.ai-products .communication__note {
  margin-top: -1.8em;
}
@media screen and (max-width: 750px) {
  .ai-products .communication {
    padding: 10.6666666667vw 0;
  }
}
.ai-products {
  /* ------------------------------
  - security
  ------------------------------ */
}
.ai-products .security {
  padding: min(8.7890625vw, 90px) 0;
  background: #1b203b;
  color: #fff;
}
.ai-products .security__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.ai-products .security__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: min(2.9296875vw, 30px);
  width: 59.7902097902%;
}
.ai-products .security__img {
  margin-top: min(2.9296875vw, 30px);
}
.ai-products .security__body {
  width: 34.4405594406%;
}
@media screen and (max-width: 750px) {
  .ai-products .security {
    padding: 10.6666666667vw 0;
  }
  .ai-products .security__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .ai-products .security__head {
    width: 100%;
  }
  .ai-products .security__body {
    width: 100%;
  }
}
.ai-products {
  /* ------------------------------
  - structure
  ------------------------------ */
}
.ai-products .structure {
  background: #e6e7de;
  padding: min(8.7890625vw, 90px) 0 0;
}
@media screen and (min-width: 751px) {
  .ai-products .structure__movie {
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
@media screen and (max-width: 750px) {
  .ai-products .structure {
    padding: 10.6666666667vw 0 0;
  }
  .ai-products .structure__movie {
    width: 100vw;
    margin-left: -5.3333333333vw;
    border-radius: 0;
  }
}
.ai-products {
  /* ------------------------------
  - equalizer
  ------------------------------ */
}
.ai-products .equalizer {
  background: #e6e7de;
  padding: min(8.7890625vw, 90px) 0;
}
.ai-products .equalizer__item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.ai-products .equalizer__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: min(2.9296875vw, 30px);
  width: 37.5874125874%;
}
.ai-products .equalizer__foot {
  width: 52.4475524476%;
  padding-top: min(45.41015625vw, 465px);
}
.ai-products .equalizer__img {
  position: absolute;
  top: 0;
  left: 47.7272727273%;
  width: 42.9195804196%;
}
.ai-products .equalizer__ex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: auto;
}
.ai-products .equalizerEx__item {
  width: 48.1395348837%;
}
.ai-products .equalizer__note {
  margin-top: min(7.8125vw, 80px);
}
@media screen and (max-width: 750px) {
  .ai-products .equalizer {
    padding: 10.6666666667vw 0;
  }
  .ai-products .equalizer__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-bottom: 53.3333333333vw;
  }
  .ai-products .equalizer__head {
    width: 100%;
    gap: 8vw;
  }
  .ai-products .equalizer__foot {
    width: 100%;
    padding: 0;
  }
  .ai-products .equalizer__img {
    position: relative;
    left: 0;
    width: 62.6666666667vw;
    margin: 0 auto;
  }
  .ai-products .equalizer__note {
    margin-top: 8vw;
  }
  .ai-products .equalizer__ex {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
  }
}
.ai-products {
  /* ------------------------------
  - service
  ------------------------------ */
}
.ai-products .service {
  background: #cfcfcf;
  padding: min(8.7890625vw, 90px) 0;
}
@media screen and (min-width: 751px) {
  .ai-products .service__inner {
    width: 90%;
    max-width: 1144px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 750px) {
  .ai-products .service__inner {
    padding: 0 5.3333333333vw;
  }
}
.ai-products .service__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  gap: min(6.8359375vw, 70px);
  margin-bottom: min(5.859375vw, 60px);
}
.ai-products .service__hgroup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: min(1.953125vw, 20px);
}
.ai-products .service__title {
  width: min(37.79296875vw, 387px);
}
.ai-products .service__title img {
  display: block;
}
.ai-products .service__lead {
  font-size: min(1.3671875vw, 14px);
}
.ai-products .service__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: min(1.953125vw, 20px);
}
.ai-products .serviceList__item {
  text-align: center;
}
.ai-products .serviceList__img {
  height: min(15.234375vw, 156px);
}
.ai-products .serviceList__img img {
  width: auto;
  height: 100%;
}
.ai-products .serviceList__text {
  font-size: min(1.85546875vw, 19px);
  font-weight: 500;
}
.ai-products .plan {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: min(3.90625vw, 40px);
  max-width: 920px;
  margin: 0 auto;
}
.ai-products .plan__title {
  padding: 0.45em;
  background: -webkit-gradient(linear, left top, right top, from(#17e8aa), color-stop(35%, #559cff), color-stop(90%, #000068));
  background: linear-gradient(to right, #17e8aa 0%, #559cff 35%, #000068 90%);
  border-radius: 27px;
  color: #fff;
  font-size: min(2.63671875vw, 27px);
  font-weight: bold;
  text-align: center;
}
.ai-products .plan__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.ai-products .plan__item {
  width: 31.6304347826%;
}
.ai-products .plan__note {
  font-size: min(1.46484375vw, 15px);
}
@media screen and (max-width: 750px) {
  .ai-products .service {
    padding: 10.6666666667vw 0;
  }
  .ai-products .service__head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 9.3333333333vw;
  }
  .ai-products .service__hgroup {
    gap: 2.6666666667vw;
  }
  .ai-products .service__title {
    width: 51.6vw;
  }
  .ai-products .service__lead {
    font-size: 1.8666666667vw;
  }
  .ai-products .service__list {
    margin-right: -6vw;
  }
  .ai-products .serviceList__img {
    height: 23.7333333333vw;
    margin-bottom: 2.9333333333vw;
  }
  .ai-products .serviceList__text {
    font-size: 2.9333333333vw;
  }
  .ai-products .plan {
    gap: 4vw;
  }
  .ai-products .plan__title {
    font-size: 3.6vw;
  }
  .ai-products .plan__list {
    width: 96vw;
    margin-left: -3.2vw;
  }
  .ai-products .plan__item {
    width: 31.0666666667vw;
  }
  .ai-products .plan__note {
    font-size: 2vw;
  }
}
.ai-products {
  /* ------------------------------
  - spec
  ------------------------------ */
}
.ai-products .spec {
  background: #354853;
  color: #fff;
  padding: min(8.7890625vw, 90px) 0;
}
@media screen and (min-width: 751px) {
  .ai-products .spec__inner {
    width: 90%;
    max-width: 963px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 750px) {
  .ai-products .spec__inner {
    padding: 0 5.3333333333vw;
  }
}
.ai-products .spec__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-bottom: min(5.859375vw, 60px);
  gap: min(2.9296875vw, 30px);
}
.ai-products .spec__title {
  width: min(35.15625vw, 360px);
}
.ai-products .spec__title img {
  display: block;
}
.ai-products .spec__logo {
  width: min(9.765625vw, 100px);
}
.ai-products .spec__logo img {
  display: block;
}
.ai-products .spec__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.ai-products .spec__list:first-of-type {
  padding-top: 20px;
  border-top: 1px solid #fff;
}
.ai-products .spec__list + .spec__list {
  margin-top: 25px;
}
.ai-products .specList__term {
  width: 70px;
  min-width: 70px;
  font-size: 14px;
}
.ai-products .specList__desc {
  font-size: 14px;
}
.ai-products .specList__table {
  font-size: 14px;
}
.ai-products .specListTable__head {
  width: 154px;
  padding-right: 1em;
  font-weight: normal;
  line-height: 2;
}
.ai-products .specListTable__body {
  padding-left: 1em;
  border-left: 1px solid #fff;
  line-height: 2;
}
.ai-products .spec__foot {
  max-width: 259px;
  width: 30%;
  margin: 10px 0 0 auto;
}
.ai-products .spec__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 10px;
  border-radius: 5px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.ai-products .spec__btn:hover {
  color: #fff;
  text-decoration: none;
  background: rgba(255, 255, 255, 0.3);
  opacity: 0.8;
}
.ai-products .spec__btn + .spec__btn {
  margin-top: 1em;
}
.ai-products .spec__btn .fa {
  font-size: 18px;
}
.ai-products .spec__cartbtn {
  height: 50px;
  background: #dbd800;
  color: #4c4948;
  font-size: 14px;
  font-weight: 600;
}
.ai-products .spec__linebtn {
  height: 43px;
  border: 1px solid #fff;
  color: #fff;
  font-size: 12px;
}
@media screen and (max-width: 750px) {
  .ai-products .spec {
    padding: 10.6666666667vw 0;
  }
  .ai-products .spec__head {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 15px;
  }
  .ai-products .spec__title {
    width: 180px;
  }
  .ai-products .spec__logo {
    width: 77px;
  }
}
@media screen and (max-width: 768px) {
  .ai-products .spec__foot {
    margin-right: auto;
    width: 300px;
    max-width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .ai-products .spec__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .ai-products .spec__list + .spec__list {
    margin-top: 20px;
  }
  .ai-products .specList__term {
    width: auto;
    padding: 0;
  }
  .ai-products .specList__desc {
    font-size: 10px;
  }
  .ai-products .specList__table {
    font-size: 10px;
  }
  .ai-products .specListTable__head {
    width: 110px;
    padding: 0 1em 0 0;
  }
  .ai-products .specListTable__body {
    padding: 0 0 0 1em;
  }
}
.feature {
  padding: 0;
  border: none;
}