@media all and (max-width: 1024px) {
}

@media all and (max-width: 720px) {
  .main-page {
    background-image: url(/assets/images/main/main_bg_m.webp);
  }
  .main-mv {
    height: auto;
    border-bottom: 0;
    padding-top: 40.4106rem;
    padding-bottom: 26.9775rem;
  }
  .main-mv h2 {
    font-size: 5.3731rem;
    margin-inline: auto;
    font-size: 5.3731rem;
    width: 33.5819rem;
    line-height: 1.35;
    height: 2.7em;
  }
  .main-tit__area h2 {
    margin-top: 2.2388rem;
    font-size: 3.3582rem;
  }
  .main-where {
    padding-block: 11.9775rem 8.9344rem;
    text-align: center;
  }
  .main-mission {
    padding-block: 8.9344rem 10.0747rem;
  }
  .main-tit__area p {
    margin-top: 3.3581rem;
    font-size: 1.4552rem;
  }
  .main-where video {
    margin: 7.2763rem auto 0;
    width: 100%;
    border-radius: 0.365rem;
  }
  .main-tit__area em {
    font-size: 1.3433rem;
  }
  .main-challenge {
    margin-top: 37.015rem;
  }
  .main-challenge .inner {
    justify-content: flex-start;
  }
  .main-technology {
    margin-top: 10.1494rem;
  }
  .main-technology .main-tit__area p {
    margin-top: 3.9181rem;
    font-size: 3.694rem;
  }
  .main-counting {
    margin-top: 31.3431rem;
  }

  .main-counting__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2.7988rem 3.1344rem;
  }
  .main-counting__list li {
    padding: 3.125rem 2.7988rem;
    border-radius: 1.1187rem;
    gap: 6.7162rem;
    overflow: hidden;
  }
  .main-counting__list li em {
    font-size: 1.25rem;
  }
  .main-counting__list li p {
    font-size: 6.1567rem;
  }
  .main-counting__list li button {
    height: 3.4375rem;
    border-radius: 1.1187rem;
    padding-inline: 1.4556rem;
    border: 1px solid var(--dark);
    font-size: 1.1194rem;
  }
  .main-counting__modal {
    width: 40.5224rem;
    height: 59.888rem;
  }
  .main-counting__modal::before {
    height: 100svh;
  }
  .main-counting__modal > div {
    border-radius: 1.1187rem;
    background-image: url(/assets/images/main/main_counting_modal_bg_m.webp);
    padding: 6rem 3.0225rem 5.8125rem;
  }
  .main-counting__modal > div.active {
    display: flex;
    flex-direction: column;
  }
  .main-counting__close {
    top: 3.6938rem;
    right: 3.0225rem;
    width: 2.0149rem;
    height: 2.0149rem;
  }
  .main-counting__close svg {
    width: 100%;
    height: 100%;
  }
  .main-counting__modal > div em {
    font-size: 2.2382rem;
  }
  .main-counting__modal > div:first-of-type ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin-top: 3rem;
  }
  .main-counting__modal > div ul {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 0;
  }
  .main-counting__modal > div:first-of-type ul li {
    border-right: 1px solid var(--dark);
    gap: 3.125rem;
    padding-block: 3rem 5rem;
  }
  .main-counting__modal > div:first-of-type ul li:nth-child(2n) {
    border-right: 0;
  }
  .main-counting__modal > div:first-of-type ul li:nth-child(n + 3) {
    border-top: 1px solid var(--dark);
  }
  .main-counting__modal > div strong {
    font-size: 7rem;
  }
  .main-counting__modal > div:first-of-type ul li p {
    font-size: 1.3433rem;
  }
  .main-counting__modal > div:not(:first-of-type) ul li p {
    font-size: 1.4552rem;
  }
  .main-counting__modal > div:not(:first-of-type) ul li p::before {
    width: 0.375rem;
    height: 0.375rem;
  }
  .main-battery {
    margin-top: 20.6269rem;
  }
  .main-battery .main-tit__area h2 {
    font-size: 5.3731rem;
  }
  .main-about .inner {
    flex-direction: column;
    gap: 3.3319rem;
  }
  .main-about {
    margin-top: 72rem;
  }
  .main-about picture {
    border-radius: 0.725rem;
    width: 100%;
    height: 32rem;
  }
  .main-about .main-tit__area p {
    margin-top: 2.75rem;
    font-size: 1.4552rem;
  }
  .main-about .main-tit__area a {
    height: 3.3581rem;
    width: 10.0744rem;
  }
  .main-clients {
    margin-top: 13.375rem;
  }
  .client-list h3 {
    font-size: 2.9104rem;
    margin-bottom: 6.25rem;
  }
  .client-list ul {
    padding-inline: 2.5rem;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 6.4119rem 0;
  }
  .client-list ul > li {
    justify-content: flex-start;
  }
  .client-list ul > li:nth-child(even) {
    justify-content: flex-end;
  }
  .client-list ul > li img {
    max-width: 14.3526rem;
    max-height: 3.1423rem;
  }
  .client-list ul > li:nth-child(n + 9) {
    display: none;
  }
  .main-insights {
    margin-top: 13.75rem;
  }
  .coexist-next__slide {
    margin-top: 5.3125rem;
  }
  .coexist-next__slide .item {
    width: 33.0219rem;
    height: 38.0594rem;
    aspect-ratio: unset;
    margin-inline: 1.1194rem;
    border-radius: 1.1187rem;
  }
  .coexist-next__slide .item > div {
    padding: 4.375rem 1.0625rem;
    opacity: 1;
  }
  .coexist-next__slide .item > div b {
    font-size: 2.9104rem;
  }
  .coexist-next__slide .item > div em,
  .coexist-next__slide .item > div div {
    font-size: 1.1194rem;
    padding-inline: 0.875rem;
    border-radius: 0.5625rem;
    height: 2.2375rem;
    margin-bottom: 7.5rem;
  }
  .coexist-next__slide .item > div div {
    font-size: 1.1194rem;
    height: 3.3581rem;
    padding-inline: 1.4563rem;
    margin-top: 8.75rem;
    margin-bottom: 0;
  }
  .coexist-next__slide {
    padding-left: 2.2388rem;
  }
  .main-page .content {
    padding-bottom: 16.875rem;
  }
  .coexist-next__nav {
    margin-top: 2.8306rem;
  }
  .coexist-next__nav button {
    width: 6.22vw;
    height: 6.22vw;
  }
  .main-insights .main-tit__area p {
    display: none;
  }
}

@media all and (max-width: 640px) {
}