@charset "UTF-8";
/*----------------------------------------
  Layout
----------------------------------------*/
.main-contents::before {
  background-image: image-set(url(../images/bg_gradation_pc.png) 1x, url(../images/bg_gradation_pc@2x.png) 2x);
}

/* フッター
------------------------------------------------------ */
.footer {
  background: none;
}
@media (max-width: 767px) {
  .footer {
    background: none;
  }
}

/* ローディング画面
------------------------------------------------------ */
.loading {
  background: #D1D4DD;
}

/* 遷移画面
------------------------------------------------------ */
.splash::before {
  background-image: image-set(url(../images/bg_gradation_pc.png) 1x, url(../images/bg_gradation_pc@2x.png) 2x);
}

/*----------------------------------------
  Object
----------------------------------------*/
/* メインビジュアル
------------------------------------------------------ */
@media (max-width: 767px) {
  .mv__title {
    translate: none;
  }
}

/* モバイルバッテリー開発の歴史
------------------------------------------------------ */
.history-pd__new {
  background: #9FB8D6;
}

.history-pd__img[data-history-pd=Semi-Solid] img {
  width: min(23.2110091743vw, 253px);
}
@media (max-width: 767px) {
  .history-pd__img[data-history-pd=Semi-Solid] img {
    width: 200px;
  }
}

/* 本製品の4大特長
------------------------------------------------------ */
/*  コンテンツ内容 */
@media (max-width: 767px) {
  .features-box.--01::before {
    background: url(../images/bg_features_01_sp.jpg) center/cover;
  }
  .features-box.--02::before {
    background: url(../images/bg_features_02_sp.jpg) center/cover;
  }
  .features-box.--03::before {
    background: url(../images/bg_features_03_sp.jpg) center/cover;
  }
}

.features-before {
  background: #C4D4E6;
}
@media (max-width: 767px) {
  .features-before {
    background: none;
  }
}
.features-before::after {
  background-color: #C4D4E6;
}
@media (max-width: 767px) {
  .features-before::after {
    background-color: transparent;
  }
}

/* ケーブル一体型でスマートに
------------------------------------------------------ */
.built-in {
  padding: 100px 0 0;
}
@media (max-width: 767px) {
  .built-in .section-lead {
    max-width: 335px;
    margin-inline: auto;
  }
}

.built-in__list {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: min(9.1743119266vw, 100px);
}
@media (max-width: 767px) {
  .built-in__list {
    grid-template-columns: auto;
    gap: 74px;
    max-width: 335px;
    margin-inline: auto;
  }
}
.built-in__list::after {
  position: absolute;
  top: min(12.6605504587vw, 138px);
  left: 50%;
  translate: -50% 0;
  content: "";
  width: min(2.5688073394vw, 28px);
  height: min(3.119266055vw, 34px);
  background: #959595;
  clip-path: polygon(0 0, 0% 100%, 100% 50%);
}
@media (max-width: 767px) {
  .built-in__list::after {
    top: 50%;
    translate: -50% -50%;
    width: 40px;
    height: 24px;
    clip-path: polygon(0 0, 50% 100%, 100% 0);
  }
}

.built-in__item {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (max-width: 767px) {
  .built-in__item {
    gap: 15px;
  }
}

.built-in__img img {
  width: 100%;
  border-radius: 7px;
}
@media (max-width: 767px) {
  .built-in__img img.fadeIn-paper {
    filter: none;
    transform: translateY(0) !important;
  }
}

@media (max-width: 767px) {
  .built-in__text {
    font-size: 13px;
  }
}

/* 使うほどにわかる、こだわり設計
------------------------------------------------------ */
.others__grid {
  margin-top: 80px;
}

/* 環境配慮への取り組み */
.eco__body {
  position: relative;
  background: none;
}
.eco__body::before {
  position: absolute;
  inset: 0;
  content: "";
  border-radius: inherit;
  mix-blend-mode: multiply;
  background: linear-gradient(rgba(175, 196, 221, 0.3), rgba(182, 176, 206, 0.3));
}

/* 性能を比較
------------------------------------------------------ */
.performance {
  background: none;
}

/* 棒グラフ描画エリア */
.battery__data dd::before {
  background: rgba(255, 255, 255, 0.6);
}
.battery__data dd::after {
  background: linear-gradient(to right, #A4B8D1 0%, #A29FBA 40%);
}

/*  レーダーチャート描画エリア */
.performance__body[data-scroll-anima=true] .graph__canvas[data-battery-type=ss][aria-hidden=false]::after {
  background: linear-gradient(to right, #A4B8D1 0%, #A29FBA 60%);
}
.performance__body[data-scroll-anima=true] .graph__canvas[data-battery-type=si][aria-hidden=false]::after {
  background: linear-gradient(to right, #A4B8D1 40%, #A29FBA 80%);
}
.performance__body[data-scroll-anima=true] .graph__canvas[data-battery-type=ip][aria-hidden=false]::after {
  background: linear-gradient(to right, #A4B8D1 30%, #A29FBA 70%);
}
.performance__body[data-scroll-anima=true] .graph__canvas[data-battery-type=li][aria-hidden=false]::after {
  background: linear-gradient(to right, #A4B8D1 0%, #A29FBA 40%);
}

/* ラインナップ
------------------------------------------------------ */
.lineup {
  background: none;
}

.lineup__list {
  justify-content: space-between;
  margin-top: 23px;
}

.lineup__item {
  max-width: min(42.6605504587vw, 465px);
}
@media (max-width: 1023px) {
  .lineup__item {
    max-width: 439px;
  }
}
@media (max-width: 767px) {
  .lineup__item {
    max-width: 335px;
  }
}

/* ラインナップ製品 */
.lineup-pd__main .swiper-slide img {
  height: min(42.6605504587vw, 465px);
}
@media (max-width: 1023px) {
  .lineup-pd__main .swiper-slide img {
    height: 465px;
  }
}
@media (max-width: 767px) {
  .lineup-pd__main .swiper-slide img {
    height: 312px;
  }
}
.lineup-pd__main .swiper-button-prev,
.lineup-pd__main .swiper-button-next {
  top: 50%;
  translate: 0 -50%;
}
.lineup-pd__main .swiper-button-prev {
  left: 5%;
}
.lineup-pd__main .swiper-button-next {
  right: 5%;
}

.lineup-pd__picker {
  position: relative;
  z-index: 1;
  margin: -19px 0 22px;
}
@media (max-width: 767px) {
  .lineup-pd__picker {
    margin: 0 0 22px;
  }
}

/*  製品スペック */
.lineup__tableWrap {
  margin-top: 70px;
}
@media (max-width: 767px) {
  .lineup__tableWrap {
    overflow: auto;
    height: calc(100vh - 100px);
    margin-top: 50px;
  }
}

.lineup__table th, .lineup__table td {
  border-color: #939393 !important;
}
@media (max-width: 767px) {
  .lineup__table thead th, .lineup__table thead td {
    background: #efefef;
    border-bottom: none;
  }
  .lineup__table thead th::after, .lineup__table thead td::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #939393;
  }
}
.lineup__table tbody tr:nth-child(even) th, .lineup__table tbody tr:nth-child(even) td {
  background: rgba(255, 255, 255, 0.3);
}

/* 使用上のご注意
------------------------------------------------------ */
.cautions__box {
  background: rgba(255, 255, 255, 0.6);
}

/* 品質管理
------------------------------------------------------ */
.safety__item {
  background: rgba(255, 255, 255, 0.6);
}

/* 一部製品評価
------------------------------------------------------ */
.testing__item {
  background: rgba(255, 255, 255, 0.6);
}

/* 製品一覧
------------------------------------------------------ */
@media (max-width: 767px) {
  .products {
    background: none;
  }
}

.products__img {
  background: rgba(255, 255, 255, 0.6);
}

/* コラム
------------------------------------------------------ */
@media (max-width: 767px) {
  .column {
    background: none;
  }
}/*# sourceMappingURL=built-in.css.map */