html, body, input, select, textarea, th, td, li, a, div, span, p {
  font-family: 'Lato', 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  color: #555555;
}
body {
  background: #f4e2c9;
  /*background-repeat: repeat;
  background-image: url("../img/img-bg.svg");
  background-size: cover;
  margin: 0;*/
  background-attachment: fixed;
}
img {
  margin: 0;
  padding: 0;
  vertical-align: top;
}
.sp-view {
  display: block;
}
.btns-car.sp-view {
  display: flex;
}
.pc-view {
  display: none;
}
.btns-car.pc-view {
  display: none;
}
header {
  max-width: 768px;
  margin: 0 auto;
  padding: 8px;
  background: #FFFFFF;
  position: relative;
  -webkit-box-shadow: 0 0 10px 3px rgb(51 51 51 / 50%);
  box-shadow: 0 0 10px 3px rgb(51 51 51 / 50%);
}
header img {
  height: 36px;
  width: auto;
}
header .btn-storelist {
  position: absolute;
  top: 8px;
  right: 8px;
}
.contents {
  max-width: 768px;
  margin: 0 auto;
  -webkit-box-shadow: 0 0 10px 3px rgb(51 51 51 / 50%);
  box-shadow: 0 0 10px 3px rgb(51 51 51 / 50%);
  background: #ffffff;
}
.area-retun {
  background: #ffffff;
}
.img-top {
  margin-bottom: 0;
}
.img-top img {
  width: 100%;
  height: auto;
}
.item {
  padding: 50px 25px;
}
h1 {
  margin: 0;
}
.bg-subcolor1 {
  background: #ffffff;
}
.bg-subcolor2 {
  background: #f0f0f0;
}
iframe {
  width: 100%;
  border: 0;
  padding: 0;
}
.iframe-contact {
  height: 2400px;
  padding: 25px 0;
}
footer {
  max-width: 768px;
  margin: 0 auto;
  background: #ffffff;
  padding-bottom: 20%;
  -webkit-box-shadow: 0 0 10px 3px rgb(51 51 51 / 50%);
  box-shadow: 0 11px 10px 3px rgb(51 51 51 / 50%);
}
footer p {
  text-align: center;
}
footer img {
  width: 30%;
  max-width: 150px;
  border: 0;
}
.copyright {
  font-size: 12px;
}
.btn-pagetop {
  float: right;
  position: fixed;
  right: 3%;
  bottom: 47px;
  text-align: right;
  width: 16%;
  z-index: 99;
}
.btn-pagetop img {
  width: 80%;
}
.btn-floating {
  font-size: 0;
  position: fixed;
  bottom: 0;
  z-index: 99;
  width: 100%;
}
.btn-floating div {
  display: inline-block;
  width: 100%;
  margin: 0;
  vertical-align: bottom;
}
.btn-floating div a {
  background: #1fbe6b;
  display: table-cell;
  width: 10%;
  text-align: center;
}
.btn-floating div a img {
  width: 100%;
  max-width: 380px;
  height: auto;
  max-height: 75px;
  position: relative;
  bottom: 16px;
}
.lp-end {
  padding: 2em;
  max-width: 500px !important;
}
.lp-end p:nth-child(1) {
  text-align: center;
  width: 100%;
  font-size: 24px;
  font-weight: bold;
  color: #333;
}
.lp-end p:nth-child(2) {
  width: 100%;
  font-size: 20px;
  color: #333;
}
.lp-end p:nth-child(3) {
  text-align: center;
  width: 100%;
  font-size: 20px;
}
.lp-end p:nth-child(3) a {
  color: #333;
  text-decoration: underline;
}
div.padtop0 {
  padding-top: 0;
}
.padright20per {
  padding-right: 20%;
}
.padleft20per {
  padding-left: 20%;
}
.padtop20 {
  padding-top: 20px;
}
.padtop40 {
  padding-top: 40px;
}
.area-medama {
  background-color: #fff100;
  padding: 50px 0;
}
.list-car {
  display: flex;
  flex-wrap: wrap;
  gap: 2vw;
  justify-content: center;
}
.list-car div img {
  width: 41vw;
}
.list-car div span {
  display: block;
  font-size: 12px;
  text-align: center;
}
.area-powerup div:not(:first-child) {
  margin-top: 20px;
}
.width60per {
  width: 60%;
  margin: 0 auto;
}
.content-youtube {
  width: 100%;
  aspect-ratio: 16 / 9;
  margin-top: 10px;
}
.content-youtube iframe {
  width: 100%;
  height: 100%;
}
.area-stockcars {
  padding: 0 50px;
}
.area-stockcars div:not(:first-child) {
  margin-top: 25px;
}
.btns-line1 {
  display: flex;
  width: 100%;
}
.btns-line2 {
  display: flex;
  width: 80%;
  margin: 0 auto;
}
#form {
  background-color: #ffffff;
}
.date {
  text-align: center;
  font-size: 16px;
  padding: 0 25px;
}
.iframe-contact-zoho {
  height: 3900px;
  padding: 25px 0;
}
@media (min-width: 768px) {
  .sp-view {
    display: none;
  }
  .pc-view {
    display: block;
  }
  .iframe-contact {
    width: 100%;
    height: 2300px;
  }
  footer {
    padding-bottom: 12%;
  }
  header, .contents, footer {
    margin: 0 auto;
  }
  .item {
    padding: 50px;
  }
  .btn-pagetop {
    right: 32px;
    bottom: 32px;
    width: 100px;
  }
  .list-car {
    gap: 10px;
  }
  .list-car div img {
    width: 275px;
  }
  .list-car div span {
    font-size: 15px;
  }
  .content-youtube {
    margin-top: 20px;
  }
  .area-stockcars {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    padding: 0 50px;
  }
  .area-stockcars div {
    width: calc((100% - 20px) / 2);
  }
  .area-stockcars div:not(:first-child) {
    margin-top: 0;
  }
  .iframe-contact-zoho {
    width: 100%;
    height: 3600px;
  }
}
@media (min-width:320px) and (max-width:767px) {
  footer img {
    border: 0;
  }
}
/* ボタン出現用 */
/*----------------------------
appear　｜ ボヨンと出現
----------------------------*/
.appear {
  opacity: 0;
  transition: opacity 1s;
}
.appear.view {
  opacity: 0;
  animation-name: bounceIn;
  animation-duration: 450ms;
  animation-timing-function: linear;
  animation-fill-mode: forwards;
  animation-delay: 0s;
}
@keyframes bounceIn {
  0% {
    opacity: 0;
    transform: scale(0.3) translate3d(0, 0, 0);
  }
  50% {
    opacity: 0.9;
    transform: scale(1.1);
  }
  80% {
    opacity: 1;
    transform: scale(0.89);
  }
  100% {
    opacity: 1;
    transform: scale(1) translate3d(0, 0, 0);
  }
}
/*----------------------------
scroll_up ｜下から上へ出現
----------------------------*/
.scroll_up {
  transition: 0.5s ease-in-out;
  transform: translateY(30px);
  opacity: 0;
}
.scroll_up.on {
  transform: translateY(0);
  opacity: 1.0;
}
/*----------------------------
scroll_left ｜左から出現
----------------------------*/
.scroll_left {
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  transform: translateX(-20px);
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
}
.scroll_left.on {
  opacity: 1.0;
  filter: alpha(opacity=100);
  -moz-opacity: 1.0;
  transform: translateX(0);
}
/*----------------------------
scroll_right ｜右から出現
----------------------------*/
.scroll_right {
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  transform: translateX(20px);
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
}
.scroll_right.on {
  opacity: 1.0;
  filter: alpha(opacity=100);
  -moz-opacity: 1.0;
  transform: translateX(0);
}
/* end ボタン出現用 */