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

@media all and (max-width: 720px) {
  .about-banner {
    background-image: url(/assets/images/sub/bg_about01_m.webp);
    background-size: 100% auto;
    padding-top: 24.125rem;
    height: 94.875rem;
  }
  .sub-hg h3 {
    font-size: 3.694rem;
    margin-bottom: 5rem;
  }
  .sub-hg p {
    font-size: 1.4552rem;
  }
  .about-banner .video {
    width: 40.5225rem;
    margin-top: 7.25rem;
    border-radius: 0.885rem;
  }
  .about-slogan {
    background-image: url(/assets/images/sub/bg_about02_m.webp);
    background-repeat: no-repeat;
    height: 103.6567rem;
    padding-top: 9.2912rem;
  }
  .about-invest {
    background-image: url(/assets/images/sub/bg_about03_m.webp);
    height: 97.2763rem;
  }
  .about-invest h3 {
    font-size: 2.9104rem;
    transform: translateY(-5.2613rem);
    margin-bottom: 0;
  }
  .about-invest .about-accum {
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    flex-direction: column;
    gap: 2.7988rem;
    margin-bottom: 8.955rem;
  }
  .about-invest .about-accum .bar {
    height: 7.8356rem;
    width: 100%;
    flex: none;
    border-radius: 0.885rem;
  }
  .about-invest .about-accum p {
    font-size: 1.3433rem;
  }
  .about-invest .about-accum strong {
    font-size: 6.1567rem;
  }
  .about-history {
    background-image: url(/assets/images/sub/bg_about04_m.webp);
    height: 157.2761rem;
    padding-top: 17.9106rem;
  }
  .about-history h3 {
    font-size: 4.0625rem;
    margin-bottom: 18.75rem;
  }
  .about-history .about-history__list li {
    width: 100%;
    padding-left: 2.625rem;
  }
  .about-history .about-history__list li::before {
    width: 1.6791rem;
    height: 1.6791rem;
    top: 3.7rem;
    right: auto;
    left: -0.8375rem;
  }
  .about-history .about-history__list li:nth-child(odd) {
    left: 0;
    padding-left: 2.625rem;
  }
  .about-history .about-history__list li:nth-child(odd)::before {
    left: -0.8375rem;
    right: auto;
  }
  .about-history .about-history__list li:not(:last-child) {
    margin-bottom: 14.4375rem;
  }
  .about-history .about-history__wrap .bar {
    left: 0;
    transform: none;
    width: 0.25rem;
  }
  .about-history .about-history__wrap {
    position: relative;
    padding-block: 3.3125rem;
  }
  .about-history .about-history__list em {
    font-size: 1.3433rem;
    margin-bottom: 1.7913rem;
  }
  .about-history .about-history__list h4 {
    font-size: 3.1343rem;
    margin-bottom: 2.75rem;
  }
  .about-history .about-history__list p {
    font-size: 1.3433rem;
  }
  .about-inquiry {
    padding-block: 8.9375rem 7.5rem;
  }
  .about-inquiry .card {
    padding: 5.1875rem 2.125rem;
    height: 28.625rem;
    border-radius: 1.125rem;
    background-size: cover;
  }
  .about-inquiry .card h3 {
    font-size: 2.2388rem;
    margin-top: 1.25rem;
  }
  .about-inquiry .card a {
    width: 11.194rem;
    height: 3.3582rem;
    gap: 0.5625rem;
    margin-top: 2.1875rem;
    border-radius: 1.1187rem;
    font-size: 1.1194rem;
  }
  .about-inquiry .card a img {
    flex: none;
    width: 0.8955rem;
    height: 1.1194rem;
  }
  .sub-page.coexist .sub-top {
    height: 90rem;
    padding-block: 13.5rem 2.5625rem;
    background-image: url(/assets/images/sub/bg_coexist01_m.webp);
  }
  .sub-top__desc {
    width: 100%;
  }
  .sub-top em {
    font-size: 1.6791rem;
  }
  .sub-page.coexist .sub-top h3 {
    font-size: 5.0373rem;
    margin-top: 2rem;
    margin-bottom: 0;
  }
  .sub-top__desc .sub-desc {
    margin-top: 3.3125rem;
    font-size: 1.4552rem;
  }
  .sub-tit p {
    font-size: 3.3582rem;
    line-height: 1;
  }
  .coexist-reduction {
    height: 58.3125rem;
    padding-top: 8.6194rem;
    background-image: url(/assets/images/sub/bg_coexist02_m.webp);
  }
  .coexist-reduction h4 {
    font-size: 2.9104rem;
  }
  .coexist-usage {
    height: 84.625rem;
    padding-top: 0;
    background-image: none;
    background-color: #031b2f;
  }
  .graph-wrap {
    width: 100%;
    height: 7.8356rem;
    border-radius: 1.1194rem;
  }
  .coexist-reduction .inner > div {
    margin-top: 3.875rem;
    flex-direction: column;
    gap: 4.375rem;
  }
  .graph-content {
    width: 38.1846rem;
  }
  .coexist-reduction__graph > p {
    margin-top: 2.75rem;
    font-size: 6.1567rem;
  }
  .sub-desc {
    font-size: 1.4552rem;
  }
  .coexist-reduction .sub-desc {
    margin-top: 0;
    font-size: 1.4552rem;
  }
  .coexist-usage h4 {
    font-size: 3.694rem;
  }
  .coexist-usage .sub-desc {
    margin-top: 5rem;
  }
  .coexist-usage__box1 {
    padding: 2.35rem;
    margin-top: 6.875rem;
    flex-direction: column;
    gap: 3.3125rem;
  }
  .coexist-usage__box1 > img {
    width: 11.194rem;
  }
  .coexist-usage__box1 ul li {
    padding: 1.7594rem 0;
    height: 11.194rem;
    flex: 1;
  }
  .coexist-usage__box1 ul li p {
    font-size: 2.0149rem;
  }
  .coexist-usage__box1 ul li p:last-of-type {
    font-size: 2.2388rem;
  }
  .coexist-usage__box1 ul {
    width: 100%;
    justify-content: space-between;
    display: flex;
    gap: 1.2306rem;
  }
  .coexist-usage__box2 {
    flex-direction: column;
    padding: 2.1875rem 2.3125rem;
    gap: 2.2375rem;
  }
  .coexist-usage__wrap {
    grid-gap: 1.1187rem;
  }
  .coexist-usage__box2 p {
    font-size: 2.0149rem;
  }
  .coexist-usage__box2 ul {
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 1.1187rem;
  }
  .coexist-usage__box2 ul li {
    width: 4.25rem;
    height: 4.25rem;
    font-size: 1.6791rem;
  }
  .coexist-lcmp {
    height: 65.625rem;
    background-image: url(/assets/images/sub/bg_coexist04_m.webp);
  }
  .coexist-lcmp p {
    font-size: 3.694rem;
  }
  .coexist-slide {
    height: 91.875rem;
    padding-top: 2.7763rem;
    background-image: url(/assets/images/sub/bg_coexist05_m.webp);
  }
  .coexist-slide .inner {
    flex-direction: column;
    gap: 4.375rem;
  }
  .coexist-slide__txt .item b {
    font-size: 3.3582rem;
  }
  .coexist-slide__txt .item p {
    margin-top: 3.125rem;
    font-size: 1.4552rem;
  }
  .coexist-slide__graph {
    width: 100%;
  }
  .coexist-slide__graph .item {
    height: 39.375rem;
    padding: 3.3125rem;
    padding-top: 3.3125rem;
  }
  .item-graph__tit {
    font-size: 1.4552rem;
    margin-bottom: 3.3125rem;
  }
  .item-graph__desc .graph {
    width: 9.5rem;
    font-size: 1.25rem;
  }
  .item-graph__desc ul {
    height: 100%;
    margin-right: 3.875rem;
  }
  .item-graph__desc ul li {
    padding-bottom: 1.5rem;
    font-size: 5.0373rem;
  }
  .item-graph__desc ul li span {
    font-size: 1.2rem;
    margin-bottom: 0.875rem;
  }
  .item-graph__dots {
    margin-top: 2.1875rem;
  }
  .item-graph__dots ul {
    gap: 1.125rem;
  }
  .item-graph__dots ul li {
    width: 1.125rem;
    height: 1.125rem;
  }
  .coexist-next {
    padding-block: 7.8125rem 6.5625rem;
  }
  .coexist .coexist-next__slide .item > div {
    font-size: 3.125rem;
    opacity: 0;
  }
  .coexist .coexist-next__slide .item:hover > div {
    opacity: 1;
  }
  .sub-page.proxima .sub-top {
    height: 125rem;
    padding-block: 13.0625rem 7.35rem;
    background-image: url(/assets/images/sub/bg_proxima01_m.webp);
  }
  .proxima .sub-top h3 {
    font-size: 5.3731rem;
    margin-top: 2.1875rem;
  }
  .proxima .sub-tit p {
    font-size: 3.3rem;
  }
  .proxima-batteries__pin .dots {
    display: none;
  }
  .proxima-batteries__table {
    width: 22.9477rem;
    height: 14.1293rem;
    margin-left: 17.5744rem;
  }
  .proxima-batteries__table li {
    margin-top: 3.875rem;
  }
  .proxima-batteries__table li img:first-of-type {
    display: none;
  }
  .proxima-batteries__table li img:last-of-type {
    display: block;
  }
  .proxima-batteries__graph {
    width: 15.4875rem;
    position: absolute;
    padding-top: 0;
    left: 0;
  }
  .proxima-batteries__graph img:first-of-type {
    display: none;
  }
  .proxima-batteries__graph img:last-of-type {
    display: block;
    transform: translateY(2rem);
  }
  .proxima-batteries__pin {
    display: block;
    margin-top: 6.6875rem;
  }
  .proxima-batteries {
    margin-top: 0;
    padding-top: 7.1875rem;
  }
  .proxima-video {
    padding-block: 30.1163rem 53.73px;
    background-image: url(/assets/images/sub/bg_proxima02_m.webp);
    background-size: 100% auto;
    background-position: 0 0;
    background-repeat: no-repeat;
  }
  .proxima-video__desc {
    margin-top: 5.5975rem;
    text-align: center;
    color: #031b2f;
    font-size: 2.5746rem;
  }
  .proxima-video__desc span {
    font-size: 4.1418rem;
  }
  .proxima-video__desc span:last-of-type {
    margin-top: 2.7988rem;
  }
  .proxima-video video {
    width: 100%;
    aspect-ratio: 16/9;
  }
  .sub-top h3 {
    font-size: 5.3731rem;
  }
  .sub-page.solution {
    background-image: url(/assets/images/sub/bg_solution01_m.webp);
  }
  .sub-page.solution .sub-top {
    height: 107.8125rem;
  }
  .solution-cards {
    padding-top: 5.15rem;
    padding-bottom: 13.8125rem;
  }
  .solution-beyond h3 {
    font-size: 3.3582rem;
  }
  .solution-beyond .img-wrap {
    margin-top: 3.125rem;
    width: 100%;
  }
  .solution-beyond {
    padding-bottom: 6.6875rem;
  }
  .solution-beyond .gif-wrap {
    margin-top: 8.9375rem;
    width: 100%;
  }
  .sub-page.products {
    background-image: url(/assets/images/sub/bg_products_m.webp);
  }
  .product-list {
    margin-top: 11.5812rem;
  }
  .product-list .title {
    font-size: 3.1343rem;
    margin-bottom: 3.5625rem;
  }
  .product-list ul {
    grid-template-columns: 1fr;
    gap: 3.9181rem;
  }
  .product-list li {
    border-radius: 1.1194rem;
    padding: 2.4375rem;
  }
  .product-list .img {
    width: 27.841rem;
    height: 21.8384rem;
  }
  .products-view .hgroup h3 {
    font-size: 2.9104rem;
    margin-top: 3.3125rem;
  }
  .products-view .hgroup p {
    font-size: 1.3433rem;
  }
  .products-view .top-img {
    margin-top: 5rem;
  }
  .products-view .desc {
    margin-top: 5.625rem;
    gap: 2.75rem;
    flex-direction: column;
  }
  .products-view .desc h4 {
    font-size: 2.9104rem;
    width: 100%;
  }
  .products-view .desc ul {
    width: 100%;
  }
  .products-view .desc ul li {
    font-size: 1.4552rem;
  }
  .products-view .spec {
    margin-top: 7.8125rem;
  }
  .products-view .spec .spec-wrap {
    flex-direction: column;
    gap: 3.3125rem;
  }
  .products-view .spec .spec-img {
    width: 100%;
    padding-inline: 0;
  }
  .products-view .spec .spec-table {
    width: 100%;
  }
  .products-view .spec .spec-table .head > div {
    min-height: 5.4375rem;
    font-size: 1.6791rem;
  }
  .products-view .spec .spec-table .body > li > p {
    font-size: 1.4552rem;
    text-align: center;
  }
  .products-view .advantage {
    margin-top: 7.8125rem;
  }
  .products-view .advantage ul,
  .products-view .advantage ul.col-4 {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 3.125rem;
  }
  .products-view .advantage li {
    font-size: 1.4552rem;
    gap: 1.625rem;
  }
  .products-view .advantage li img {
    width: 5.597rem;
  }
  .products-view .section-title {
    font-size: 2.9104rem;
    margin-bottom: 5rem;
  }
  .products-view .application {
    margin-top: 14.0625rem;
  }
  .products-view .application ul {
    flex-direction: column;
    gap: 2.75rem;
  }
  .products-view .application p {
    margin-top: 1.0625rem;
    font-size: 1.6791rem;
  }
  .about-inquiry .inner {
    padding-inline: 0;
  }
}

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