/*----------------------
	SP
----------------------*/
@media screen and (max-width: 768px) {
  body {
    position: relative;
  }
  body.open {
    overflow: hidden;
  }

  header {
    width: 100%;
    position: absolute;
    padding: 8vw;
  }
  header h1 {
    width: 40vw;
  }
  header div.tag {
    display: none;
  }
  header ul.linkList {
    display: none;
  }
  header p.movie {
    display: none;
  }

  .cmMovie {
    width: 90%;
    height: 30vh !important;
  }
  .cmMovie iframe {
    height: 30vh !important;
  }

  .aboutLotNumber {
    width: 80%;
  }
  .aboutLotNumber .aboutLotNumberInner {
    height: 61vh;
    margin: 5.33333vw;
    font-size: 3.73333vw;
    line-height: 6.66667vw;
    padding: 5.33333vw 6vw;
    display: block;
  }
  .aboutLotNumber .aboutLotNumberInner .imgBox {
    max-width: inherit;
    width: 100%;
  }
  .aboutLotNumber .aboutLotNumberInner .txtBox {
    margin-top: 5.33333vw;
    max-width: inherit;
    width: 100%;
  }

  .aboutLotNumberInner::-webkit-scrollbar {
    width: 7px;
  }

  .aboutLotNumberInner::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.2);
  }

  .aboutLotNumberInner::-webkit-scrollbar-thumb {
    background: #fed400;
  }
  
  .aboutSafety {
    width: 80%;
  }
  .aboutSafety .aboutSafetyInner {
    height: 61vh;
    margin: 5.33333vw;
    font-size: 3.73333vw;
    line-height: 6.66667vw;
    padding: 5.33333vw 6vw;
    display: block;
  }
  .aboutSafety .aboutSafetyInner .imgBox {
    max-width: inherit;
    width: 100%;
  }
  .aboutSafety .aboutSafetyInner .txtBox {
    margin-top: 5.33333vw;
    max-width: inherit;
    width: 100%;
  }

  .aboutSafetyInner::-webkit-scrollbar {
    width: 7px;
  }

  .aboutSafetyInner::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.2);
  }

  .aboutSafetyInner::-webkit-scrollbar-thumb {
    background: #fed400;
  }

  nav.pc {
    display: none;
  }

  nav.sp {
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 998;
    color: #fff;
  }
  nav.sp .navIcon {
    width: 5.33333vw;
    height: 5.33333vw;
    position: absolute;
    z-index: 999;
    right: 6.66667vw;
    top: 6.66667vw;
  }
  nav.sp .navIcon:before, nav.sp .navIcon:after {
    transition: 0.3s;
    content: "";
    display: block;
    height: 1px;
    width: 5.33333vw;
    position: absolute;
    right: 0;
    background: #fff;
  }
  nav.sp .navIcon:before {
    top: 1.06667vw;
  }
  nav.sp .navIcon:after {
    top: 0;
    bottom: 0;
    margin: auto;
  }
  nav.sp .navIcon.close:before {
    transform: rotate(-45deg);
    top: 0;
    bottom: 0;
    margin: auto;
  }
  nav.sp .navIcon.close:after {
    transform: rotate(45deg);
  }
  nav.sp .navInner {
    display: none;
    background: rgba(15, 16, 20, 0.95);
    height: 100vh;
    padding: 14.66667vw;
    padding-top: 21.33333vw;
  }
  nav.sp .navInner a {
    display: inline-block;
    color: #fff;
    text-decoration: none;
    font-size: 4.53333vw;
  }
  nav.sp .navInner .mainMenu img {
    height: 13px;
  }
  nav.sp .navInner .mainMenu li {
    margin-bottom: 10vw;
  }
  nav.sp .navInner .mainMenu li a {
    display: inline-block;
  }
  nav.sp .navInner .subMenu {
    margin-top: 20vw;
  }
  nav.sp .navInner .subMenu li {
    padding-bottom: 9.33333vw;
  }
  nav.sp .navInner .subMenu li img {
    height: 11px;
    width: auto;
  }
}