/*base ========================================*/
html {
  font-size: 62.5%;
  /*10px*/
}
body {
  overflow-x: hidden;
  width: 100%;
  background: #c7f5fe;
  background-image: linear-gradient(
    to right,
    rgba(112, 206, 255, 1),
    rgba(227, 240, 252, 1) 50%,
    rgba(112, 206, 255, 1)
  );
  color: #231815;
  letter-spacing: 0.1rem;
  font-weight: 500;
  font-style: normal;
  font-size: 1.4rem;
  font-family:
    "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN",
    "Hiragino Sans", Meiryo, sans-serif;
  line-height: 1.6;
  font-feature-settings: "palt";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
a,
a:link,
a:hover,
a:active,
a:visited {
  display: block;
  border: none;
  color: #231815;
  text-decoration: none;
}
img {
  display: block;
  max-width: 100%;
  width: 100%;
  height: auto;
  line-height: 0;
  image-rendering: -webkit-optimize-contrast;
  margin-top: -1px;
}
section {
  position: relative;
}
.pc {
  display: none !important;
}
@media screen and (min-width: 769px) {
  .sp {
    display: none !important;
  }
  .pc {
    display: block !important;
  }
}
.main {
  position: relative;
  z-index: 1;
  overflow: hidden;
  margin: auto;
  max-width: 750px;
  background: #fff;
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.3);
  /*filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.4));*/
}

/*component =================================================*/
a.btn {
  position: relative;
  display: inline-block;
  margin: 1px auto 4px;
  padding: 7px 0 7px;
  width: 100%;
  outline: none;
  border: #231815 2px solid;
  border-radius: 30px;
  background-color: #fff;
  color: #231815;
  text-align: center;
  letter-spacing: 0.1rem;
  font-weight: bold;
  font-size: 2.2vw;
  line-height: 1;
  opacity: 1;
  filter: drop-shadow(0px 4px 0px #231815) drop-shadow(0px 1px 0px #231815);
  cursor: pointer;
}
a.btn:hover {
  margin: 4px auto 1px;
  color: #fff !important;
  filter: drop-shadow(0px 1px 0px #231815) drop-shadow(0px 1px 0px #231815);
  transition: 0.3s;
}
a.btn--img:hover,
.btn--img:hover {
  opacity: 0.7;
  transition: 0.3s;
}

/*layout   =======================================*/
.container {
  margin: auto;
  max-width: 750px;
  width: 100%;
}
.container--full {
  width: 100%;
}
.content {
  margin: auto;
  max-width: 750px;
  width: calc(100% - 40px);
}
.content--pdLess {
  max-width: 100%;
  width: 100%;
}
.content--pdLess--sp {
  max-width: 100%;
  width: 100%;
}
.db {
  display: block !important;
}
.posi--r {
  position: relative;
}
.posi--a {
  position: absolute;
}
.posi--fix {
  position: fixed;
}

.columns {
  display: flex;
  flex-wrap: wrap;
  margin: auto;
  width: 100%;
}
.column2,
.column2--pc4 {
  margin-right: 2% !important;
  width: calc(49%) !important;
}

.column2:nth-child(even),
.column2--pc4:nth-child(even) {
  margin-right: 0% !important;
}

.column3 {
  margin-right: 1% !important;
  width: calc(97% / 3) !important;
}

.column3:nth-child(3) {
  margin-right: 0% !important;
}

@media all and (min-width: 769px) {
  .content {
    margin: auto;
    width: calc(100% - 60px);
  }
  .content--pdLess {
    max-width: 100%;
    width: 100%;
  }
  .content--pdLess--sp {
    max-width: 1000px;
  }
  .column2--pc4 {
    margin-right: 1% !important;
    width: calc(97% / 4) !important;
  }
  .column2--pc4:nth-child(even) {
    margin-right: 1% !important;
  }
  .column2--pc4:last-child {
    margin-right: 0 !important;
  }
}
h1.logo {
  width: 65%;
  max-width: 280px;
  margin: auto;
}
@media all and (min-width: 769px) {
  h1.logo {
    max-width: 380px;
  }
}

footer {
  padding-bottom: 42vw;
  /*background-color: #9fa0a0;*/
}

@media all and (min-width: 769px) {
  footer {
    padding-bottom: 22vw;
  }
}

@media all and (min-width: 1024px) {
  footer {
    padding-bottom: 180px;
  }
}

/*content =================================================*/

.btn_topnavi_shop {
  top: 78%;
  left: 6%;
  width: 42.5%;
}

.btn_topnavi_new_nbox {
  top: 78%;
  right: 6%;
  width: 42.5%;
}

.btn_topnavi_sokunou {
  top: 88%;
  left: 6%;
  width: 42.5%;
}

.btn_topnavi_usedcar {
  top: 88%;
  right: 6%;
  width: 42.5%;
}

@media all and (min-width: 769px) {
  .title {
    top: 7%;
    left: 5%;
    width: 90%;
  }

  .btn_topnavi_shop {
    top: 77%;
    left: 12%;
    width: 36.9%;
  }

  .btn_topnavi_new_nbox {
    top: 77%;
    right: 12%;
    width: 37%;
  }

  .btn_topnavi_sokunou {
    top: 87.9%;
    left: 11.9%;
    width: 37%;
  }

  .btn_topnavi_usedcar {
    top: 88%;
    right: 12%;
    width: 37%;
  }
}

/* flex */
.btn_flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 2px 1px;
}
.btn_flex > a {
  margin-bottom: 20px;
}
.btn_flex > a:not(:first-child):not(:nth-child(4)) {
  margin-left: 20px;
}
@media all and (max-width: 769px) {
  .btn_flex > a {
    margin-bottom: 10px;
  }
  .btn_flex > a:not(:first-child):not(:nth-child(4)) {
    margin-left: 10px;
  }
}

.btn_topnavi_tokuten {
  top: 79%;
  left: 8%;
  width: 30%;
}

.btn_topnavi_new_nbox {
  top: 79%;
  right: 7%;
  width: 30%;
}

.btn_topnavi_odyssey {
  top: 86%;
  left: 8%;
  width: 30%;
}
.btn_topnavi_sokunou {
  top: 86%;
  right: 7%;
  width: 30%;
}
.btn_topnavi_kongo {
  top: 92%;
  left: 8%;
  width: 30%;
}

.btn_topnavi_chuukosha {
  top: 92%;
  right: 7%;
  width: 30%;
}

.bg--rakumaru {
  background-color: #4d9e36;
}

.bg--usedcar {
  background: #000;
}

.floating_menu {
  display: block;
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 100;
  transform: translateY(100%);
  transition: transform 0.3s ease;
  background-color: rgba(255, 255, 255, 0.8) !important;
}
.floating_menu.visible {
  transform: translateY(0);
}

.modal_btn {
  cursor: pointer;
  top: 7%;
  width: 7.5%;
  z-index: 100;
  opacity: 0;
  position: absolute;
  right: 0%;
  transition: 0.5s;
}

.modal_btn:hover,
.modal_btn_2:hover,
.modal_btn_3:hover {
  opacity: 1 !important;
  transition: 0.5s;
}

.modal_btn_2 {
  cursor: pointer;
  top: 20%;
  width: 6.5%;
  z-index: 100;
  opacity: 0;
  position: absolute;
  right: 0%;
  transition: 0.5s;
}
.nbox01.modal_btn_2 {
  cursor: pointer;
  top: 25%;
  width: 6.5%;
  z-index: 100;
  opacity: 0;
  position: absolute;
  right: 0%;
  transition: 0.5s;
}

.modal_btn_3 {
  cursor: pointer;
  top: 9%;
  width: 5.5%;
  z-index: 100;
  opacity: 0;
  position: absolute;
  right: 0%;
  transition: 0.5s;
}

.modal_bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 05, 0.6);
  cursor: pointer;
}
.modal_box {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  display: none;
  width: 100%;
  height: 100%;
}
.modal_inner {
  position: absolute;
  right: 50%;
  bottom: 50%;
  z-index: 2;
  overflow: auto;
  padding: 5px;
  width: calc(100% - 30px);
  height: calc(100vh - 100px);
  transform: translate(50%, 50%);
  display: table;
}
.modal_block {
  display: table-cell;
  vertical-align: middle;
}

.modal_close {
  position: fixed;
  right: 20px;
  top: 20px;
  z-index: 1000;
  width: 71px;
  height: 66px;
  color: #fff;
  font-size: 7rem;
  line-height: 0.8;
  cursor: pointer;
}

body.fixed {
  position: fixed;
  left: 0;
  width: 100%;
  height: 100%;
}

/*modal_box_hnh*/
.modal_box .modal_inner {
  position: absolute;
  right: 50%;
  bottom: 50%;
  z-index: 2;
  overflow: auto;
  padding: 5px;
  width: 80%;
  height: 52vw;
  background: none !important;
  transform: translate(50%, 50%);
}

@media all and (min-width: 641px) {
  .modal_box .modal_inner {
    position: absolute;
    right: 50%;
    bottom: 50%;
    z-index: 2;
    overflow: auto;
    padding: 15px 15px 0px 15px;
    max-width: 800px;
    height: 574px;
    background: none !important;
    transform: translate(50%, 50%);
  }

  .modal_box .popup--bg {
    display: block;
    margin: auto;
    max-width: 700px;
    max-height: 90vh;
    overflow: auto;
  }
}

/*animation =================================================*/
/*loading*/
.loader-wrap {
  position: fixed;
  top: 0;
  z-index: 10000;
  display: flex;
  align-items: center;
  flex-direction: row;
  width: 100%;
  height: 100%;
  background: #fff;
}
.loader,
.loader:after {
  width: 5em;
  height: 5em;
  border-radius: 50%;
}
.loader {
  position: relative;
  margin: 60px auto;
  border-top: 0.8em solid rgba(230, 230, 230, 0.2);
  border-right: 0.8em solid rgba(230, 230, 230, 0.2);
  border-bottom: 0.8em solid rgba(230, 230, 230, 0.2);
  border-left: 0.8em solid #ddd;
  text-indent: -9999em;
  font-size: 10px;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: loader 1.1s infinite linear;
  animation: loader 1.1s infinite linear;
}
@-webkit-keyframes loader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes loader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@media all and (min-width: 769px) {
  .loader,
  .loader:after {
    width: 10em;
    height: 10em;
    border-radius: 50%;
  }
  .loader {
    margin: 60px auto;
    border-top: 1.1em solid rgba(230, 230, 230, 0.2);
    border-right: 1.1em solid rgba(230, 230, 230, 0.2);
    border-bottom: 1.1em solid rgba(230, 230, 230, 0.2);
    border-left: 1.1em solid #ddd;
    font-size: 10px;
  }
}
/*fadein*/
.fadein {
  opacity: 0;
}
.fadein--show {
  -webkit-animation: fadein--show 0.5s;
  animation: fadein--show 0.5s;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
}
@-webkit-keyframes fadein--show {
  0% {
    opacity: 0;
    transform: translate(0%, 0%);
  }
  100% {
    opacity: 1;
    transform: translate(0%, 0%);
  }
}
@keyframes fadein--show {
  0% {
    opacity: 0;
    transform: translate(0%, 0%);
  }
  100% {
    opacity: 1;
    transform: translate(0%, 0%);
  }
}

.fadein--show.modal_btn {
  -webkit-animation: fadein--show_modal_btn 0.8s;
  animation: fadein--show_modal_btn 0.8s;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
  animation-delay: 0.5s;
  animation-timing-function: ease-in-out;
}
.fadein--show.modal_btn_2 {
  -webkit-animation: fadein--show_modal_btn_2 0.8s;
  animation: fadein--show_modal_btn_2 0.8s;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
  animation-delay: 0.5s;
  animation-timing-function: ease-in-out;
}
.fadein--show.modal_btn_3 {
  -webkit-animation: fadein--show_modal_btn_3 0.8s;
  animation: fadein--show_modal_btn_3 0.8s;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
  animation-delay: 0.5s;
  animation-timing-function: ease-in-out;
}
@-webkit-keyframes fadein--show_modal_btn {
  0% {
    opacity: 0;
    transform: translate(10%, 0%);
  }
  50% {
    opacity: 1;
    transform: translate(-2%, 0%);
    width: 8%;
  }
  100% {
    opacity: 1;
    transform: translate(0%, 0%);
    width: 7%;
  }
}
@keyframes fadein--show_modal_btn {
  0% {
    opacity: 0;
    transform: translate(10%, 0%);
  }
  50% {
    opacity: 1;
    transform: translate(-2%, 0%);
    width: 8%;
  }
  100% {
    opacity: 1;
    transform: translate(0%, 0%);
    width: 7%;
  }
}

@-webkit-keyframes fadein--show_modal_btn_2 {
  0% {
    opacity: 0;
    transform: translate(10%, 0%);
  }
  50% {
    opacity: 1;
    transform: translate(-2%, 0%);
    width: 7.5%;
  }
  100% {
    opacity: 1;
    transform: translate(0%, 0%);
    width: 6.5%;
  }
}
@keyframes fadein--show_modal_btn_2 {
  0% {
    opacity: 0;
    transform: translate(10%, 0%);
  }
  50% {
    opacity: 1;
    transform: translate(-2%, 0%);
    width: 7.5%;
  }
  100% {
    opacity: 1;
    transform: translate(0%, 0%);
    width: 6.5%;
  }
}

@-webkit-keyframes fadein--show_modal_btn_3 {
  0% {
    opacity: 0;
    transform: translate(10%, 0%);
  }
  50% {
    opacity: 1;
    transform: translate(-2%, 0%);
    width: 6.5%;
  }
  100% {
    opacity: 1;
    transform: translate(0%, 0%);
    width: 5.5%;
  }
}
@keyframes fadein--show_modal_btn_3 {
  0% {
    opacity: 0;
    transform: translate(10%, 0%);
  }
  50% {
    opacity: 1;
    transform: translate(-2%, 0%);
    width: 6.5%;
  }
  100% {
    opacity: 1;
    transform: translate(0%, 0%);
    width: 5.5%;
  }
}

/*boyoyon*/
.boyoyon.fadein--show {
  -webkit-animation: boyoyon 0.5s;
  animation: boyoyon 0.5s;
  animation-delay: 0.5s;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
}
@-webkit-keyframes boyoyon {
  0% {
    opacity: 0;
    transform: scale(1.2);
  }
  50% {
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes boyoyon {
  0% {
    opacity: 0;
    transform: scale(1.2);
  }

  50% {
    transform: scale(0.9);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

#page_top {
  position: fixed;
  right: 10px;
  bottom: 28vw;
  z-index: 100;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #888888;
  opacity: 0.6;
}
#page_top a {
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-decoration: none;
}
#page_top a::before {
  position: absolute;
  top: -15px;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 25px;
  height: 25px;
  color: #fff;
  content: "\f106";
  text-align: center;
  font-weight: 900;
  font-size: 25px;
  font-family: "Font Awesome 5 Free";
}

@media all and (min-width: 769px) {
  #page_top {
    bottom: 10px;
  }
}

@media all and (min-width: 1135px) {
  #page_top {
    bottom: 10px;
  }
}
/*utility  =================================================*/
.w100p {
  max-width: 100%;
  width: 100% !important;
}
.w96p {
  margin: auto;
  width: 96% !important;
}
.w90p {
  margin: auto;
  width: 90% !important;
}
.w85p {
  margin: auto;
  width: 85% !important;
}
.w82p {
  margin: auto;
  width: 82% !important;
}
.w80p {
  margin: auto;
  width: 80% !important;
}
.w80p--pc100p {
  margin: auto;
  width: 80% !important;
}
.w90p--pcw80p {
  margin: auto;
  width: 90% !important;
}
.w90p--pcw60p {
  margin: auto;
  width: 90% !important;
}
.w90p--pcw70p {
  margin: auto;
  width: 90% !important;
}
.w70p {
  margin: auto;
  width: 70% !important;
}
.w60p {
  margin: auto;
  width: 60% !important;
}
.w1300 {
  margin: auto;
  max-width: 1300px;
  width: 100% !important;
}
.w1000 {
  margin: auto;
  max-width: 1000px !important;
}
.w1040 {
  margin: auto;
  max-width: 1040px !important;
}
.w750 {
  margin: auto;
  max-width: 750px !important;
}
.w720 {
  margin: auto;
  max-width: 720px !important;
}
.w680 {
  margin: auto;
  max-width: 680px !important;
}
.w470 {
  margin: auto;
  max-width: 470px !important;
}

/*margin padding*/
.m--auto {
  display: block !important;
  margin: auto !important;
}
.mt--s {
  margin-top: 10px !important;
}
.mt--m {
  margin-top: 25px !important;
}
.mt--m__sp {
  margin-top: 25px !important;
}
.mt--l {
  margin-top: 45px !important;
}
.mb--s {
  margin-bottom: 10px !important;
}
.mb--m {
  margin-bottom: 25px !important;
}
.mb--l {
  margin-bottom: 45px !important;
}
.mb---s {
  margin-bottom: -10px !important;
}
.mb---m {
  margin-bottom: -25px !important;
}
.pt--s {
  padding-top: 10px !important;
}
.pt--m {
  padding-top: 25px !important;
}
.pt--l {
  padding-top: 45px !important;
}
.pt--s__sp {
  padding-top: 5px !important;
}
.pb--s {
  padding-bottom: 10px !important;
}
.pb--m {
  padding-bottom: 25px !important;
}
.sp__pb--m {
  padding-bottom: 25px !important;
}
.pb--l {
  padding-bottom: 45px !important;
}
.pt--3 {
  padding-top: 3px !important;
}
.pt--5 {
  padding-top: 5px !important;
}
.pt--10 {
  padding-top: 10px !important;
}
.pt--15 {
  padding-top: 15px !important;
}
.pb--3 {
  padding-bottom: 3px !important;
}
.pb--5 {
  padding-bottom: 5px !important;
}
.pb--10 {
  padding-bottom: 10px !important;
}
.pb--15 {
  padding-bottom: 15px !important;
}
.mt--3 {
  margin-top: 3px !important;
}
.mt--5 {
  margin-top: 5px !important;
}
.mt--10 {
  margin-top: 10px !important;
}
.mt--15 {
  margin-top: 15px !important;
}
.mb--3 {
  margin-bottom: 3px !important;
}
.mb--5 {
  margin-bottom: 5px !important;
}
.mb--10 {
  margin-bottom: 10px !important;
}
.mb--15 {
  margin-bottom: 15px !important;
}
.p--3 {
  padding: 3px;
}
.p--1p {
  padding: 1%;
}
.p--2p {
  padding: 2%;
}
.p--3p {
  padding: 3%;
}
.p--5p {
  padding: 3.5% 5% 2% 5%;
}
.mt--anchor {
  margin-top: -105px !important;
  padding-top: 105px !important;
}
@media all and (min-width: 769px) {
  .w80p--pc100p {
    margin: auto;
    /*max-width: 600px;*/
    width: 100% !important;
  }
  .w90p--pcw60p {
    margin: auto;
    width: 60% !important;
  }
  .w90p--pcw70p {
    margin: auto;
    width: 70% !important;
  }
  .mt--s {
    margin-top: 15px !important;
  }
  .mt--m {
    margin-top: 40px !important;
  }
  .mt--m__sp {
    margin-top: 0px !important;
  }
  .mt---s {
    margin-top: -15px !important;
  }
  .mt---m {
    margin-top: -40px !important;
  }
  .mt--l {
    margin-top: 60px !important;
  }
  .mb--s {
    margin-bottom: 20px !important;
  }
  .mb--m {
    margin-bottom: 35px !important;
  }
  .mb--l {
    margin-bottom: 60px !important;
  }
  .pt--s {
    padding-top: 20px !important;
  }
  .pt--m {
    padding-top: 35px !important;
  }
  .pt--l {
    padding-top: 60px !important;
  }
  .pb--s {
    padding-bottom: 20px !important;
  }
  .pb--m {
    padding-bottom: 35px !important;
  }
  .sp__pb--m {
    padding-bottom: 0 !important;
  }
  .pb--l {
    padding-bottom: 60px !important;
  }
  .pt--s__sp {
    padding-top: 0px !important;
  }
  .mt--anchor {
    margin-top: -60px !important;
    padding-top: 60px !important;
  }
  .mt--m--pc {
    margin-top: 40px !important;
  }
}
/*  pc  */
@media all and (min-width: 1024px) {
  .mt--s {
    margin-top: 20px !important;
  }
  .mt--m {
    margin-top: 40px !important;
  }
  .mt---s {
    margin-top: -20px !important;
  }
  .mt---m {
    margin-top: -40px !important;
  }
  .mt--l {
    margin-top: 80px !important;
  }
  .mb--s {
    margin-bottom: 20px !important;
  }
  .mb--m {
    margin-bottom: 40px !important;
  }
  .mb--l {
    margin-bottom: 80px !important;
  }
  .pt--s {
    padding-top: 20px !important;
  }
  .pt--m {
    padding-top: 40px !important;
  }
  .pt--l {
    padding-top: 80px !important;
  }
  .pb--s {
    padding-bottom: 20px !important;
  }
  .pb--m {
    padding-bottom: 40px !important;
  }
  .pb--l {
    padding-bottom: 80px !important;
  }
}
/*color*/
.bgColor--bk {
  background: #231815;
}
.bgColor--w {
  background: #fff;
}
.bgColor--gry {
  background-color: #9f9f9f;
}
.bgColor--shinGry {
  background-color: #dbd8d7;
}

.fontColor--w {
  color: #fff !important;
}
.fontColor--gry {
  color: #4f4d4d;
}
.fontColor--shinGry {
  color: #858686;
}
.fontColor--red {
  color: #ca1c1d;
  letter-spacing: 0;
}

a.linkText_red {
  display: inline;
  color: #ca1c1d;
  text-decoration: underline;
}

.border {
  border: 3px solid #000;
}
.border--top {
  border-top: 1px solid #888;
}
.border--red {
  border: 3px solid #ca1c1d;
}
.border--gry {
  border-top: 1px solid #aaa;
}
.border--w {
  border: 2px solid #fff;
}

/*font*/
.font--M_PLUS_Rounded {
  letter-spacing: 0;
  font-weight: 700;
  font-family: "M PLUS Rounded 1c", sans-serif;
  transform: rotateZ(0.03deg);
}
.fontSize--5 {
  display: block;
  width: calc(100% / 0.5);
  letter-spacing: 0;
  line-height: 1.2;
  transform: scale(0.5);
  transform-origin: left top;
}
.fontSize--6 {
  display: block;
  width: calc(100% / 0.6);
  letter-spacing: 0.1rem;
  line-height: 1.2;
  transform: scale(0.6);
  transform-origin: left top;
}
@media all and (min-width: 425px) {
  .fontSize--5 {
    width: 100%;
    font-size: 10px;
    transform: scale(1);
    transform-origin: left top;
  }
  .fontSize--6 {
    margin: auto;
    width: 100%;
    font-size: 11px;
    line-height: 1.3;
    transform: scale(1);
    transform-origin: left top;
  }
}
.fontSize--s {
  letter-spacing: 0;
  font-size: 1rem;
  line-height: 1.2;
}
.fontSize--m {
  font-size: 1.2rem;
  line-height: 1.4;
}
@media all and (min-width: 769px) {
  .fontSize--s {
    letter-spacing: 0.2px;
    font-size: 1.2rem;
    line-height: 1.4;
  }
  .fontSize--m {
    font-size: 1.4rem;
    line-height: 1.4;
  }
}
.lineHight1 {
  line-height: 1;
}
.lineHight14 {
  line-height: 1.4;
}
.letterSpacing02 {
  letter-spacing: 0.2rem;
}
.letterSpacing0 {
  letter-spacing: 0;
}
.bold {
  font-weight: bold;
}
.textAlign--l {
  text-align: left;
}
.textAlign--r {
  text-align: right;
}
.textAlign--c {
  text-align: center;
}
.z1 {
  z-index: 1;
}
.z2 {
  z-index: 2;
}
.z3 {
  z-index: 3;
}
.z4 {
  z-index: 4;
}
.shadow {
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.4));
}
.shadow2 {
  filter: drop-shadow(6px 8px 0px rgba(171, 31, 36, 0.7));
}
.shadow3 {
  filter: drop-shadow(5px 5px 0px rgba(0, 0, 0, 0.3));
}
.shadow4 {
  filter: drop-shadow(2px 5px 2px rgba(0, 0, 0, 0.4));
}

.btn_modal {
  width: 64%;
  top: 93.5%;
  left: 18%;
}

/*mainVisual*/
#mainVisual {
  background: #a5eefe url(../images/1_bg.webp) no-repeat;
  background-size: 100% 100%;
}
#mainVisual .main_tl {
  width: 86%;
  top: 5%;
  left: 7%;
  z-index: 10;
}
#ev {
  background: #a5eefe url(../images/2_ev_bg.webp) no-repeat;
  background-size: 100% 100%;
}

#cam {
  background: #a5eefe url(../images/4_cam_bg.webp) no-repeat;
  background-size: 100% 100%;
}
#lineup .bg--lineup {
  background: #a5eefe url(../images/5_lineup_bg.webp) no-repeat;
  background-size: 100% 100%;
}

#usedcar .used_btn {
  width: 90%;
  left: 5%;
  bottom: 4.5%;
}
#newcar,
#superone {
  background: #a5eefe url(../images/4_cam_bg.webp);
  background-size: 100% 100%;
}
#newcar .crv_btn {
  width: 90%;
  left: 5%;
  bottom: 5%;
}

/* センシング共通 */
.sensing_btn {
  width: 13%;
  z-index: 2;
  left: 10%;
  top: 30%;
}
.sensing_btn.sensing_sw {
  top: 12%;
  left: 47%;
}
.sensing_btn.sensing_zrv {
  top: 38%;
  left: 7.5%;
}
.sensing_btn.sensing_vezel {
  top: 14.5%;
  left: 7.5%;
}
.sensing_btn.sensing_nbox {
  top: 10%;
  left: 40%;
}
.sensing_btn.sensing_nwgn {
  top: 8%;
  left: 40%;
}
.sensing_btn.sensing_freed {
  top: 9.5%;
  left: 36%;
}
.sensing_btn.sensing_fit {
  top: 7%;
  left: 34.5%;
}
.sensing_btn.sensing_insight {
  top: 20%;
  left: 4%;
}
.sensing_btn.sensing_superone {
  top: 22%;
  left: 78%;
}

.modal_btn.modal_btn_insight {
  top: 20%;
}

.btn_superone {
  width: 90%;
  left: 5%;
  bottom: 6%;
}
.modal_btn.modal_superone {
  top: 27%;
}