@import url(common.css);
p.visual {
  padding-bottom: 67px;
}

/* *********************************************
メイン
*********************************************** */

/* h1、h2はcommon.cssに記述 */

/* ****************************
EVパーク住所（1つめのセクション）
**************************** */
main section:first-of-type {
  margin-bottom: 70px;
  padding-top: 70px;
}
main section:nth-of-type(1) address {
  font-size: 25px;
  margin: 20px 0 40px 15px;
  font-weight: bold;
  letter-spacing: 2px;
}
main section:nth-of-type(1) div.flex-wap {
  display: flex;
  justify-content: space-evenly;
  gap: 20px;
}
main section:nth-of-type(1) .left {
  flex: 1;
}
main section:nth-of-type(1) .left p:nth-of-type(3) {
  max-width: 200px;
  margin: 0 auto;
}
main section:nth-of-type(1) div.flex-wap .right {
  flex-basis: 300px;
}
main section:nth-of-type(1) address br.br {
  display: none;
}
/* グーグルマップ */
main div.gmap-wap {
  text-align: center;
}

/* ****************************
常磐自動車、電車でお越しのセクション（セクション2）
**************************** */
section:nth-of-type(2) {
  padding-bottom: 100px;
}
/*セクション2のh2の次のテキスト */
section:nth-of-type(2) p:nth-of-type(1),
section:nth-of-type(2) p:nth-of-type(3) {
  padding-top: 20px;
}

section:nth-of-type(2) div.box-wap {
  background-color: #f5f5f5;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2);
  margin: 30px auto 50px;
  padding: 0 1.5em 1.5em;
}
section:nth-of-type(2) div.box-wap .box-title {
  font-weight: bold;
  text-align: center;
  padding-bottom: 10px;
}

/* ********************
1199 モバイルレスポンシブ
*********************** */
@media (max-width: 1199px) {
  /* グーグルマップ */
  main p.gmap {
    display: none;
  }
}

/* ********************
991 モバイルレスポンシブ
*********************** */
@media (max-width: 991px) {
  section:nth-of-type(2) h2:nth-of-type(2) {
    padding-top: 4em;
  }
}

/* ********************
767 モバイルレスポンシブ
*********************** */
@media (max-width: 767px) {
  main section:nth-of-type(1) div.flex-wap {
    display: block;
  }
  div.flex-wap p.right {
    display: none;
  }
}

/* ********************
575 モバイルレスポンシブ
***********************/
@media (max-width: 575px) {
  .border-bottomh2 {
    font-size: 20px;
  }
  main section:nth-of-type(1) address {
    font-size: 22px;
    margin: 20px 0 30px 0px;
  }
  main section:nth-of-type(1) address br.br {
    display: block;
  }
}