@import url(common.css);
p.visual {
  padding-bottom: 67px;
}
/**********************
メイン
********************* */

/* h1,h2はcommon.cssに記述 */
.lowerpageh1 {
  color: #fff;
  text-shadow: 2px 2px 3px rgba(64, 64, 64, 1);
  padding: 60px 0px 50px;
}
.lowerpageh1::after {
  position: unset;
}
/* 下層ページh1追加css */
.background-wap {
  background-image: url(../img/ev-guide.img/what-ev.img/wev-top-img.png);
}

section:nth-of-type(1) {
  margin-top: 70px;
}
section:nth-of-type(2),
section:nth-of-type(3),
section:nth-of-type(4),
section:nth-of-type(5),
section:nth-of-type(6) {
  margin-top: 130px;
}

.border-bottomh3 {
  margin-top: 50px;
}

/**********************
EVには大きく4種類がある
********************* */
section:nth-of-type(1) p {
  line-height: 1.5;
  letter-spacing: 0.1em;
}
section:nth-of-type(1) p:nth-of-type(2) {
  font-weight: bold;
}
.img {
  text-align: center;
  margin: 20px 0 50px;
}
span {
  font-weight: bold;
}
/**********************
各自動車セクション
********************* */
div.table-car-wap table {
  width: 100%;
  text-align: center;
  margin-bottom: 5px;
}
div.table-car-wap table td {
  border: #ccc 1px solid;
  padding: 10px;
}
section aside {
  margin: 30px 0 20px;
}

/****************************
 各メーカー販売状況テーブル
 ****************************/
section.maker .table-wap {
  margin: 50px auto;
  text-align: center;
}
section.maker .table-wap table {
  width: 100%;
}
section.maker .table-wap aside {
  text-align: right;
  font-size: small;
  margin: 10px 0 20px;
}
.graph-wap p.graph-img {
  display: flex;
}
.graph-wap p.graph-img img {
  flex: 1;
}

/****************************
 内訳テーブル
 ****************************/
section.maker .table-wap2 {
  margin: 30px auto 10px;
  text-align: center;
}
section.maker .table-wap2 table {
  width: 1150px;
  margin: 30px auto 10px;
  table-layout: fixed;
}
/* ↑横スクロールはレスポンシブ991pxに記載 */

/* 引用元 */
blockquote .cite {
  font-size: small;
  text-align: right;
  margin: 10px 0 20px;
}

section.maker .table-wap table td,
section.maker .table-wap2 table td {
  border: #ccc 1px solid;
  padding: 8px;
  width: 110px;
}
table thead th,
table:nth-of-type(1) tr th,
section:nth-of-type(5) table tbody tr td:nth-of-type(1),
table tbody tr td:nth-of-type(1) {
  background-color: #f3f3f3;
  color: #696969;
  font-weight: bold;
  border: #ccc 1px solid;
  padding: 10px;
}
div.cite a {
  text-decoration: underline;
  color: #06c;
}

/* 最後のテキスト */
.last-text {
  padding: 70px 0 20px;
}

/* EVガイドページカラム×2はcommon.cssに記述 */

/* ********************
1199 モバイルレスポンシブ
*********************** */
@media (max-width: 1199px) {
  section:nth-of-type(1) .ev4 {
    gap: unset;
    justify-content: space-between;
  }
  /* EV種類サークル */
  section:nth-of-type(1) .ev4 div {
    max-height: 220px;
    padding: 25px 0;
    margin: 10px;
  }
  section:nth-of-type(1) .ev4 .ev4-3 h3 {
    padding-bottom: 5px;
  }
  section.maker .table-wap2 {
    overflow-x: scroll;
  }
  section.maker .table-wap2 table {
    border-collapse: collapse;
  }
  section aside {
    margin: 10px 0 10px;
  }
}

/* ********************
991 モバイルレスポンシブ
*********************** */
@media (max-width: 991px) {
  .graph-wap p.graph-img {
    display: block;
    text-align: center;
  }
}

/* ********************
767 モバイルレスポンシブ
*********************** */
@media (max-width: 767px) {
  .background-wap {
    background-size: cover;
  }
  section:nth-of-type(1) {
    margin-top: 50px;
  }
  section:nth-of-type(2),
  section:nth-of-type(3),
  section:nth-of-type(4),
  section:nth-of-type(5),
  section:nth-of-type(6) {
    margin-top: 100px;
  }
  .column4 {
    display: block;
  }
  .left_right {
    margin: 30px 0 0px;
  }
  .left,
  .right {
    margin: 20px auto;
  }
  /* 参考車種table
  **************************/
  div.table-car-wap {
    overflow: scroll;
  }
  div.table-car-wap table {
    width: 100%;
    border-collapse: collapse;
    white-space: nowrap;
  }

  section.maker .table-wap2 table {
    width: 800px;
  }
}

/* ********************
575 モバイルレスポンシブ
*********************** */
@media (max-width: 575px) {
  section:nth-of-type(1) .ev4 .ev4-3 h3 {
    padding-bottom: 0px;
    font-size: 20px;
  }
  /* EVで充電するには */
  .step2 p:nth-of-type(2) {
    padding: 22px;
    font-size: 22px;
  }
}