@charset "UTF-8";
/* =================================================================
keyless
=================================================================*/
/*  コンテンツ
-------------------------------------------------------------*/
.p-keyless svg.pc,
.p-keyless img.pc {
  display: block; }

@media screen and (max-width: 767px) {
  .p-keyless svg.pc,
  .p-keyless img.pc {
    display: none; } }

.p-keyless svg.sp,
.p-keyless img.sp {
  display: none; }

@media screen and (max-width: 767px) {
  .p-keyless svg.sp,
  .p-keyless img.sp {
    display: block; } }

.statement {
  position: relative;
  padding: 30rem 0 0; }

.statement.top {
  padding: 5rem 0;
  border-top: 1px solid #000; }

@media screen and (max-width: 767px) {
  .statement {
    padding: 12rem 0 6rem; } }

.statement--keyless {
  padding: 10rem 0 0; }

@media screen and (max-width: 767px) {
  .statement--keyless {
    padding: 6rem 0 6rem; } }

.statement__copy-wrap {
  position: relative;
  width: 100rem;
  height: 14rem; }

@media screen and (max-width: 767px) {
  .statement__copy-wrap {
    width: 100%;
    height: 4.8rem; } }

.statement__copy-wrap video {
  position: absolute;
  top: -62rem;
  left: -60rem;
  width: 250rem;
  z-index: -9;
  pointer-events: none; }

.statement__copy-wrap svg {
  /* height: 100% */
  height: 80%; }

.statement__copy-wrap svg.is-active path {
  opacity: 1;
  transform: translate(0, 0%) scale(1, 1); }

.statement__copy-wrap svg path {
  opacity: 0;
  transform: translate(100%, 0) scale(2, 1);
  transform-origin: 0 0;
  transition: opacity 0.15s 0s cubic-bezier(0.4, 0, 0.1, 1), transform 0.65s 0s cubic-bezier(0.9, 0.13, 0.15, 0.96);
  will-change: transform; }

.statement__copy-wrap svg path:nth-child(0) {
  transition-delay: 0s; }

.statement__copy-wrap svg path:nth-child(1) {
  transition-delay: 0.065s; }

.statement__copy-wrap svg path:nth-child(2) {
  transition-delay: 0.13s; }

.statement__copy-wrap svg path:nth-child(3) {
  transition-delay: 0.195s; }

.statement__copy-wrap svg path:nth-child(4) {
  transition-delay: 0.26s; }

.statement__copy-wrap svg path:nth-child(5) {
  transition-delay: 0.325s; }

.statement__copy-wrap svg path:nth-child(6) {
  transition-delay: 0.39s; }

.statement__copy-wrap svg path:nth-child(7) {
  transition-delay: 0.455s; }

.statement__copy-wrap svg path:nth-child(8) {
  transition-delay: 0.52s; }

.statement__copy-wrap svg path:nth-child(9) {
  transition-delay: 0.585s; }

.statement__copy-wrap svg path:nth-child(10) {
  transition-delay: 0.65s; }

.statement__copy-wrap svg path:nth-child(11) {
  transition-delay: 0.715s; }

.statement__copy-wrap svg path:nth-child(12) {
  transition-delay: 0.78s; }

.statement__copy-wrap svg path:nth-child(13) {
  transition-delay: 0.845s; }

.statement__copy-wrap svg path:nth-child(14) {
  transition-delay: 0.91s; }

.statement__copy-wrap svg path:nth-child(15) {
  transition-delay: 0.975s; }

.statement__copy-wrap svg path:nth-child(16) {
  transition-delay: 1.04s; }

.statement__copy-wrap svg path:nth-child(17) {
  transition-delay: 1.105s; }

.statement__copy-wrap svg path:nth-child(18) {
  transition-delay: 1.17s; }

.statement__copy-wrap svg path:nth-child(19) {
  transition-delay: 1.235s; }

@media screen and (max-width: 767px) {
  .statement__copy-wrap--keyless {
    height: 8rem; } }

.statement__ring {
  position: absolute;
  top: 10rem;
  left: 36rem;
  width: 28rem;
  transform: translate(-70rem, 5rem);
  transition: transform 1s 0.35s cubic-bezier(0.4, 0, 0.1, 1);
  will-change: transform; }

@media screen and (max-width: 767px) {
  .statement__ring {
    top: 2rem;
    left: 10rem;
    width: 8.5rem; } }

.statement__ring.is-active {
  transform: translate(0, 0); }

.statement__ring--keyless {
  left: 20rem; }

@media screen and (max-width: 767px) {
  .statement__ring--keyless {
    top: 4.7rem;
    left: 24rem; } }

.statement__copy {
  padding: 18rem 0 0.2em;
  font-size: 15rem;
  line-height: 1;
  white-space: nowrap;
  overflow: hidden; }

@media screen and (max-width: 767px) {
  .statement__copy {
    padding: 8rem 0 0.2em;
    font-size: 4.8rem; } }

.statement__copy-container {
  display: flex;
  flex-direction: column;
  padding: 4rem 0 0rem;
  width: 72rem;
  margin: 0 0 0 auto; }

@media screen and (min-width: 1600px) {
  .statement__copy-container {
    margin: 0 0 0 77rem; } }

@media screen and (max-width: 767px) {
  .statement__copy-container {
    width: 92%;
    padding: 8rem 0 0; } }

@media screen and (max-width: 1024px) {
  .statement__copy-container--keyless {
    padding-top: 26rem; } }

@media screen and (max-width: 767px) {
  .statement__copy-container--keyless {
    padding-top: 8rem; } }

.statement__line {
  display: block;
  font-size: 4rem;
  line-height: 1;
  font-weight: 300;
  overflow: hidden;
  opacity: 0;
  transition: transform 0.5s cubic-bezier(0.4, 0, 0.1, 1), opacity 0.65s linear;
  transform: translate(0, 1em);
  transform-origin: 0 0;
  white-space: nowrap; }

.statement__line:nth-child(0) {
  transition-delay: 0.65s; }

.statement__line:nth-child(1) {
  transition-delay: 0.77s; }

.statement__line:nth-child(2) {
  transition-delay: 0.89s; }

.statement__line:nth-child(3) {
  transition-delay: 1.01s; }

.statement__line:nth-child(4) {
  transition-delay: 1.13s; }

.statement__line:nth-child(5) {
  transition-delay: 1.25s; }

.statement__line:nth-child(6) {
  transition-delay: 1.37s; }

.statement__line:nth-child(7) {
  transition-delay: 1.49s; }

.statement__line:nth-child(8) {
  transition-delay: 1.61s; }

.statement__line:nth-child(9) {
  transition-delay: 1.73s; }

.statement__line:nth-child(10) {
  transition-delay: 1.85s; }

.statement__line:nth-child(11) {
  transition-delay: 1.97s; }

.statement__line:nth-child(12) {
  transition-delay: 2.09s; }

.statement__line:nth-child(13) {
  transition-delay: 2.21s; }

.statement__line:nth-child(14) {
  transition-delay: 2.33s; }

.statement__line:nth-child(15) {
  transition-delay: 2.45s; }

.statement__line:nth-child(16) {
  transition-delay: 2.57s; }

.statement__line:nth-child(17) {
  transition-delay: 2.69s; }

.statement__line:nth-child(18) {
  transition-delay: 2.81s; }

.statement__line:nth-child(19) {
  transition-delay: 2.93s; }

@media screen and (max-width: 767px) {
  .statement__line {
    font-size: 1.8rem; } }

.statement__line span {
  white-space: nowrap; }

.statement__line.is-active {
  opacity: 1;
  transform: translate(0, 0); }

.statement__line + .statement__line {
  margin: 3rem 0 0; }

.statement__line + .statement__line--margin-top {
  margin: 7rem 0 0; }

@media screen and (max-width: 767px) {
  .statement__line + .statement__line {
    margin: 1.5rem 0 0; }
  .statement__line + .statement__line--margin-top {
    margin: 7rem 0 0; } }

.statement__line--logo {
  display: flex;
  align-items: center;
  width: 72rem; }

@media screen and (max-width: 767px) {
  .statement__line--logo {
    width: auto; } }

.statement__line--logo svg {
  height: 4.8rem;
  margin: 0 1.4rem 1.2rem 0.5rem; }

@media screen and (max-width: 767px) {
  .statement__line--logo svg {
    height: 2.2rem;
    margin: 0.2rem 0.8rem 0.6rem 0.2rem; } }

.keyless-smartlock {
  position: relative;
  padding-left: 7.25vw; }

@media screen and (max-width: 767px) {
  .keyless-smartlock {
    padding-left: 0; } }

.keyless-smartlock__title {
  position: relative;
  width: 92rem;
  z-index: 1; }

@media screen and (max-width: 767px) {
  .keyless-smartlock__title {
    width: 100%;
    /* padding-top: 60vw; */ } }

.keyless-smartlock__desc {
  position: relative;
  margin: 6rem 0 12rem;
  font-size: 1.8rem;
  line-height: 1.8;
  z-index: 1; }

@media screen and (max-width: 1024px) {
  .keyless-smartlock__desc {
    margin-top: 16rem; } }

@media screen and (max-width: 767px) {
  .keyless-smartlock__desc {
    margin: 4rem 0;
    font-size: 1.4rem; } }

.keyless-smartlock__img {
  position: absolute;
  top: 10.5rem;
  right: -40px;
  width: 0;
  max-width: 1000px;
  height: 30vw;
  overflow: hidden;
  z-index: 0;
  transition: width 1s 0.35s cubic-bezier(0.4, 0, 0.1, 1); }

@media screen and (max-width: 767px) {
  .keyless-smartlock__img {
    top: 0;
    right: -20px;
    height: 51vw; } }

.keyless-smartlock__img.is-active {
  width: 55.6vw; }

@media screen and (max-width: 767px) {
  .keyless-smartlock__img.is-active {
    width: 100vw;
    position: relative; } }

.keyless-smartlock__img img {
  position: absolute;
  right: 0;
  width: 55.6vw;
  max-width: 1000px; }

@media screen and (max-width: 767px) {
  .keyless-smartlock__img img {
    width: 100vw; } }

.keyless2 {
  padding-bottom: 12rem;
  padding-left: 7.25vw; }

@media screen and (max-width: 767px) {
  .keyless2 {
    padding-left: 0;
    padding-bottom: 6rem; } }

.keyless2__desc {
  display: flex;
  align-items: center; }

@media screen and (max-width: 767px) {
  .keyless2__desc {
    display: block; } }

.keyless2__desc__img {
  width: 54rem; }

@media screen and (max-width: 767px) {
  .keyless2__desc__img {
    width: 100%; } }

.keyless2__desc__img img {
  width: 100%; }

.keyless2__desc__txt {
  font-size: 1.8rem;
  line-height: 1.8; }

@media screen and (max-width: 767px) {
  .keyless2__desc__txt {
    margin-top: 2rem;
    font-size: 3.4vw;
    line-height: 1.8;
    letter-spacing: -0.2px; } }

.keyless2__desc__txt p + p {
  margin-top: 2rem; }

.keyless2__desc__txt a {
  display: inline-block;
  float: right;
  color: #000;
  text-decoration: underline; }

@media screen and (max-width: 767px) {
  .keyless2__desc__txt a {
    float: left; } }

.keyless2__btn {
  display: flex;
  justify-content: space-between;
  margin-top: 5rem; }

@media screen and (max-width: 1024px) {
  .keyless2__btn {
    display: block; } }

.keyless2__btn a {
  display: block;
  position: relative;
  width: 32%;
  color: #fff;
  font-size: 2rem;
  text-align: center;
  background: #000;
  padding: 1.2rem 1rem;
  margin: auto 0 0;
  overflow: hidden;
  border: 1px solid #000;
  transition: color 0.15s 0.2s cubic-bezier(0.4, 0, 0.1, 1);
  z-index: 0; }

@media screen and (max-width: 1024px) {
  .keyless2__btn a {
    width: 100%;
    font-size: 1.8rem;
    padding: 0.8rem 1rem; } }

.keyless2__btn a:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  display: block;
  width: 100vw;
  height: 100vw;
  background: #fff;
  border-radius: 50%;
  transition: transform 0.5s cubic-bezier(0.74, 0.11, 0.17, 0.51);
  z-index: -9; }

.keyless2__btn a:hover {
  color: #000; }

.keyless2__btn a:hover:after {
  transform: translate(-50%, -50%) scale(1); }

.keyless2__btn a span {
  font-size: 1.6rem; }

@media screen and (max-width: 1024px) {
  .keyless2__btn a span {
    font-size: 1.4rem; } }

@media screen and (max-width: 1024px) {
  .keyless2__btn a + a {
    margin-top: 1.6rem; } }

.keyless-concept {
  position: relative;
  padding: 15vw 0 21.5vw 48vw; }

@media screen and (max-width: 1024px) {
  .keyless-concept {
    padding-left: 33vw; } }

@media screen and (max-width: 767px) {
  .keyless-concept {
    padding: 8rem 0 6rem 0; } }

.keyless-concept__title {
  position: relative;
  padding-right: 5rem;
  z-index: 1; }

@media screen and (max-width: 767px) {
  .keyless-concept__title {
    padding-right: 0; } }

.keyless-concept__img {
  position: absolute;
  top: 5vw;
  left: -5.5vw;
  width: 56.5vw;
  z-index: 0; }

@media screen and (max-width: 1024px) {
  .keyless-concept__img {
    top: 9vw;
    left: -20.5vw; } }

@media screen and (max-width: 767px) {
  .keyless-concept__img {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    margin-top: 2rem; } }

.keyless-concept__img img {
  width: 100%; }

.keyless-concept__img > img {
  width: 100%;
  visibility: hidden; }

@media screen and (max-width: 767px) {
  .keyless-concept__img > img {
    width: 100vw;
    margin-left: -20px; } }

.keyless-concept__img__child {
  position: absolute;
  transform: translate(-50%, -40%);
  opacity: 0;
  box-shadow: 0 10px 20px #ccc; }

@media screen and (max-width: 767px) {
  .keyless-concept__img__child {
    box-shadow: 0 5px 10px #ccc; } }

.keyless-concept__img__child--01 {
  width: 25%;
  top: 25%;
  left: 66%;
  transition: all .3s ease 0.75s; }

@media screen and (max-width: 767px) {
  .keyless-concept__img__child--01 {
    width: 56%;
    top: 26.9%;
    left: 29.5%; } }

.keyless-concept__img__child--02 {
  width: 23.5%;
  top: 23.6%;
  left: 32.3%;
  transition: all .3s ease 0.9s; }

@media screen and (max-width: 767px) {
  .keyless-concept__img__child--02 {
    width: 27.5%;
    top: 23%;
    left: 78%; } }

.keyless-concept__img__child--03 {
  width: 35.3%;
  top: 53.6%;
  left: 21.3%;
  transition: all .3s ease 1.05s; }

@media screen and (max-width: 767px) {
  .keyless-concept__img__child--03 {
    width: 29.5%;
    top: 64.6%;
    left: 87.3%; } }

.keyless-concept__img__child--04 {
  width: 49.5%;
  top: 67.2%;
  left: 70.5%;
  transition: all .3s ease 1.2s; }

@media screen and (max-width: 767px) {
  .keyless-concept__img__child--04 {
    width: 29%;
    top: 72%;
    left: 5%; } }

.keyless-concept__img__child--05 {
  width: 22.5%;
  top: 83.7%;
  left: 28.5%;
  transition: all .3s ease 1.35s; }

@media screen and (max-width: 767px) {
  .keyless-concept__img__child--05 {
    width: 41%;
    top: 77.5%;
    left: 46%; } }

.keyless-concept__img.is-active .keyless-concept__img__child {
  transform: translate(-50%, -50%);
  opacity: 1; }

.keyless-concept__sub-title {
  position: relative;
  z-index: 1;
  margin-top: 3vw;
  padding-left: 3vw;
  font-size: 3rem;
  font-weight: normal;
  line-height: 1.6; }

@media screen and (max-width: 767px) {
  .keyless-concept__sub-title {
    margin-top: 2rem;
    padding-left: 0;
    font-size: 2.4rem; }
  .keyless-concept__sub-title span {
    display: inline-block;
    float: right; }
  .keyless-concept__sub-title::after {
    content: "";
    display: block;
    clear: both; } }

.keyless-concept__desc {
  position: relative;
  z-index: 1;
  margin-top: 2rem;
  padding-left: 3vw;
  font-size: 1.8rem;
  line-height: 1.8; }

@media screen and (max-width: 767px) {
  .keyless-concept__desc {
    padding-left: 0;
    font-size: 3.4vw; } }

.keyless-evering {
  position: relative;
  margin: 22rem auto 0;
  padding: 2rem 0;
  width: 80vw; }

@media screen and (max-width: 1024px) {
  .keyless-evering {
    width: 90vw; } }

@media screen and (max-width: 767px) {
  .keyless-evering {
    margin-top: 4rem;
    padding-top: 0.1rem;
    width: 100%; } }

.keyless-evering::before {
  content: "";
  display: block;
  width: 0%;
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
  background: #000;
  transition: width 0.8s cubic-bezier(0.4, 0, 0.1, 1); }

.keyless-evering.is-active::before {
  width: 100%; }

.keyless-evering__product {
  position: relative;
  display: flex;
  align-items: center;
  margin-top: 5rem; }

@media screen and (max-width: 767px) {
  .keyless-evering__product {
    display: block; } }

.keyless-evering__product__img {
  width: 25%;
  max-width: 252px; }

@media screen and (max-width: 767px) {
  .keyless-evering__product__img {
    position: absolute;
    top: 0;
    right: -1rem;
    width: 10rem; } }

.keyless-evering__product__img img {
  width: 100%; }

.keyless-evering__product__desc {
  padding-left: 5rem;
  width: 70%; }

@media screen and (max-width: 767px) {
  .keyless-evering__product__desc {
    padding-left: 0; } }

.keyless-evering__product__desc__name {
  font-size: 6rem; }

@media screen and (max-width: 767px) {
  .keyless-evering__product__desc__name {
    font-size: 3.25rem; } }

.keyless-evering__product__desc__price {
  margin-top: 4rem;
  font-size: 2rem; }

@media screen and (max-width: 767px) {
  .keyless-evering__product__desc__price {
    margin-top: 0;
    font-size: 1.5rem; } }

.keyless-evering__product__desc__price span {
  font-size: 2.4rem;
  font-weight: bold; }

@media screen and (max-width: 767px) {
  .keyless-evering__product__desc__price span {
    margin-top: 0;
    font-size: 1.8rem; } }

.keyless-evering__product__txt {
  margin-top: 2rem;
  font-size: 1.8rem;
  line-height: 1.8; }

@media screen and (max-width: 767px) {
  .keyless-evering__product__txt {
    font-size: 3.4vw; } }

.keyless-evering__product__txt--small {
  font-size: 1.4rem; }

@media screen and (max-width: 767px) {
  .keyless-evering__product__txt--small {
    font-size: 3vw; } }

.keyless-evering__product__txt a {
  color: #000;
  text-decoration: underline; }

.keyless-bitlock {
  margin: 0 auto;
  padding: 5rem 0;
  width: 80vw; }

@media screen and (max-width: 1024px) {
  .keyless-bitlock {
    width: 90vw; } }

@media screen and (max-width: 767px) {
  .keyless-bitlock {
    width: 100%; } }

.keyless-bitlock__inner {
  display: flex; }

@media screen and (max-width: 767px) {
  .keyless-bitlock__inner {
    display: block; } }

.keyless-bitlock__img {
  width: 25%;
  max-width: 252px; }

@media screen and (max-width: 767px) {
  .keyless-bitlock__img {
    width: 100%;
    max-width: none;
    margin-top: 2rem;
    align-items: center; } }

.keyless-bitlock__img.sp {
  display: none; }

@media screen and (max-width: 767px) {
  .keyless-bitlock__img.pc {
    display: none; }
  .keyless-bitlock__img.sp {
    display: flex; } }

.keyless-bitlock__img img {
  display: block;
  width: 100%; }

@media screen and (max-width: 767px) {
  .keyless-bitlock__img img {
    width: 35%; } }

.keyless-bitlock__img ol {
  list-style: none;
  margin: 0;
  padding-left: 2rem; }

@media screen and (max-width: 1024px) {
  .keyless-bitlock__img ol {
    padding-left: 0; } }

@media screen and (max-width: 767px) {
  .keyless-bitlock__img ol {
    padding-left: 1rem; } }

.keyless-bitlock__img ol li {
  font-size: 1.6rem;
  font-family: 'Yu Gothic Pr6N B';
  font-weight: bold; }

.keyless-bitlock__img ol li + li {
  margin-top: .5rem; }

.keyless-bitlock__img ol li u {
  padding-left: 1rem;
  text-decoration: underline;
  cursor: pointer; }

.keyless-bitlock__img ol li a {
  color: #000; }

.keyless-bitlock__img ol li small {
  font-size: 1.4rem;
  font-family: 'Yu Gothic Pr6N R'; }

.keyless-bitlock__desc {
  width: 100%;
  padding-left: 5rem; }

@media screen and (max-width: 1024px) {
  .keyless-bitlock__desc {
    width: 75%; } }

@media screen and (max-width: 767px) {
  .keyless-bitlock__desc {
    width: 100%;
    padding-left: 0; } }

.keyless-bitlock__title h3 {
  font-size: 6rem;
  font-family: 'Yu Gothic Pr6N B';
  font-weight: bold;
  line-height: 1.2; }

@media screen and (max-width: 767px) {
  .keyless-bitlock__title h3 {
    font-size: 3.25rem; } }

.keyless-bitlock__title h3 small {
  font-size: 4rem; }

@media screen and (max-width: 767px) {
  .keyless-bitlock__title h3 small {
    font-size: 2.3rem; } }

.keyless-bitlock__title p {
  margin-top: 0.5rem;
  font-size: 2rem; }

@media screen and (max-width: 767px) {
  .keyless-bitlock__title p {
    margin-top: 2rem;
    font-size: 3.4vw; } }

.keyless-bitlock__price {
  position: relative;
  width: 100%;
  margin-top: 3rem;
  padding: 50px 30px 20px;
  border: 3px solid #000; }

@media screen and (max-width: 1024px) {
  .keyless-bitlock__price {
    padding-top: 80px; } }

@media screen and (max-width: 767px) {
  .keyless-bitlock__price {
    margin-top: 5rem;
    padding: 50px 15px 15px;
    border-width: 2px; } }

.keyless-bitlock__price h4 {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #FFF;
  font-size: 2rem;
  white-space: nowrap;
  padding: 0 2rem;
  line-height: 1; }

@media screen and (max-width: 767px) {
  .keyless-bitlock__price h4 {
    padding: 0 1rem;
    font-size: 3.4vw;
    text-align: center; } }

.keyless-bitlock__price h4 b {
  display: inline-block;
  background: #000;
  color: #FFF;
  font-size: 2.2rem;
  padding: .5rem 2rem;
  margin-right: 2rem; }

@media screen and (max-width: 1024px) {
  .keyless-bitlock__price h4 b {
    display: block;
    margin-right: 0;
    margin-bottom: .8rem; } }

@media screen and (max-width: 767px) {
  .keyless-bitlock__price h4 b {
    padding: .3rem 1rem;
    font-size: 3.8vw; } }

.keyless-bitlock__price ul {
  list-style: none;
  padding-left: 0;
  font-size: 1.4rem;
  margin-bottom: 0; }

@media screen and (max-width: 767px) {
  .keyless-bitlock__price ul {
    font-size: 3vw; } }

.keyless-bitlock__install-bitlock {
  width: 100%;
  margin-top: 3rem;
  padding: 50px;
  border: 1px solid #A3A3A3; }

@media screen and (max-width: 1024px) {
  .keyless-bitlock__install-bitlock {
    padding: 30px; } }

@media screen and (max-width: 767px) {
  .keyless-bitlock__install-bitlock {
    margin-top: 5rem;
    padding: 20px; } }

.keyless-bitlock__install-bitlock h3 {
  font-size: 3rem;
  font-family: 'Yu Gothic Pr6N B';
  font-weight: bold; }

@media screen and (max-width: 767px) {
  .keyless-bitlock__install-bitlock h3 {
    font-size: 4vw; } }

.keyless-bitlock__install-bitlock h4 {
  margin-top: 8rem;
  position: relative;
  border-bottom: 1px solid #000;
  font-size: 2.4rem;
  font-family: 'Yu Gothic Pr6N B';
  font-weight: bold; }

@media screen and (max-width: 767px) {
  .keyless-bitlock__install-bitlock h4 {
    margin-top: 5rem;
    font-size: 3.8vw; } }

.keyless-bitlock__install-bitlock h4 span {
  position: absolute;
  display: block;
  left: 50%;
  top: 0;
  transform: translate(-50%, -50%);
  padding: 0 1em;
  background: #FFF;
  white-space: nowrap; }

.keyless-bitlock__install-bitlock__step {
  display: flex;
  align-items: stretch;
  justify-content: center;
  margin-top: 4rem; }
  .keyless-bitlock__install-bitlock__step .embed {
    aspect-ratio: unset; }

@media screen and (max-width: 767px) {
  .keyless-bitlock__install-bitlock__step {
    margin-top: 2rem;
    display: block; } }

.keyless-bitlock__install-bitlock__step__box {
  position: relative;
  width: 26%; }

@media screen and (max-width: 1024px) {
  .keyless-bitlock__install-bitlock__step__box {
    width: 30%; } }

@media screen and (max-width: 767px) {
  .keyless-bitlock__install-bitlock__step__box {
    width: 100%; } }

.keyless-bitlock__install-bitlock__step__box figure {
  margin: 0;
  width: 100%;
  text-align: center; }

.keyless-bitlock__install-bitlock__step__box img {
  width: 100%;
  cursor: pointer; }

@media screen and (max-width: 767px) {
  .keyless-bitlock__install-bitlock__step__box img {
    width: 60%; } }

.keyless-bitlock__install-bitlock__step__box p {
  font-size: 2rem;
  font-weight: bold; }

@media screen and (max-width: 767px) {
  .keyless-bitlock__install-bitlock__step__box p {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    font-size: 3vw; } }

.keyless-bitlock__install-bitlock__step__box p small {
  display: inline-block;
  margin-right: 1rem;
  font-size: 1.8rem;
  font-weight: normal; }

@media screen and (max-width: 767px) {
  .keyless-bitlock__install-bitlock__step__box p small {
    display: block;
    font-size: 2.8vw; } }

.keyless-bitlock__install-bitlock__step__arrow {
  position: relative;
  width: 10%; }

@media screen and (max-width: 1024px) {
  .keyless-bitlock__install-bitlock__step__arrow {
    width: 5%; } }

@media screen and (max-width: 767px) {
  .keyless-bitlock__install-bitlock__step__arrow {
    width: 100%;
    height: 5rem; } }

.keyless-bitlock__install-bitlock__step__arrow figure {
  position: absolute;
  top: 50%;
  left: calc(50% - 20px);
  transform: rotate(45deg) translate(-50%, -55%);
  margin: 0;
  width: 30px;
  height: 30px;
  border-top: 5px solid #000;
  border-right: 5px solid #000; }

@media screen and (max-width: 1024px) {
  .keyless-bitlock__install-bitlock__step__arrow figure {
    left: calc(50% - 12px);
    width: 15px;
    height: 15px;
    border-top: 2px solid #000;
    border-right: 2px solid #000; } }

@media screen and (max-width: 767px) {
  .keyless-bitlock__install-bitlock__step__arrow figure {
    transform: rotate(45deg) translate(-50%, -80%);
    border-top: none;
    border-right: 2px solid #000;
    border-bottom: 2px solid #000; } }

.keyless-bitlock__install-bitlock__thumbturn {
  margin-top: 5rem; }

@media screen and (max-width: 767px) {
  .keyless-bitlock__install-bitlock__thumbturn {
    width: 110%;
    margin-top: 3rem;
    margin-left: -5%; } }

.keyless-bitlock__install-bitlock__notice {
  margin-top: 5rem;
  font-size: 1.8rem;
  text-align: center; }

@media screen and (max-width: 767px) {
  .keyless-bitlock__install-bitlock__notice {
    margin-top: 3rem;
    text-align: left;
    font-size: 3.2vw; } }

.keyless-bitlock__install-bitlock__link {
  margin-top: 2rem;
  font-size: 2.4rem;
  text-align: center;
  font-family: 'Yu Gothic Pr6N B';
  font-weight: bold; }

@media screen and (max-width: 767px) {
  .keyless-bitlock__install-bitlock__link {
    font-size: 4vw; } }

.keyless-bitlock__install-bitlock__link a {
  color: #000;
  text-decoration: underline; }

.keyless-bitlock__install-accordion {
  position: relative;
  width: 100%;
  margin-top: 3rem;
  padding: 30px 50px;
  border: 1px solid #A3A3A3;
  display: flex; }

@media screen and (max-width: 1024px) {
  .keyless-bitlock__install-accordion {
    padding: 30px; } }

@media screen and (max-width: 767px) {
  .keyless-bitlock__install-accordion {
    margin-top: 1.5rem;
    padding: 20px; } }

.keyless-bitlock__install-accordion__desc {
  width: 60%;
  padding-right: 5%; }

@media screen and (max-width: 1024px) {
  .keyless-bitlock__install-accordion__desc {
    width: 90%;
    padding-right: 0; } }

@media screen and (max-width: 767px) {
  .keyless-bitlock__install-accordion__desc {
    width: 100%; } }

.keyless-bitlock__install-accordion__desc h3 {
  font-size: 3rem;
  font-family: 'Yu Gothic Pr6N B';
  font-weight: bold; }

@media screen and (max-width: 767px) {
  .keyless-bitlock__install-accordion__desc h3 {
    font-size: 16px; } }

.keyless-bitlock__install-accordion__desc h4 {
  height: 0;
  font-size: 2.4rem;
  font-weight: normal;
  transition: all .3s ease;
  overflow: hidden; }

@media screen and (max-width: 767px) {
  .keyless-bitlock__install-accordion__desc h4 {
    font-size: 3.6vw; } }

.keyless-bitlock__install-accordion__desc p {
  height: 0;
  font-size: 1.8rem;
  transition: all .3s ease;
  overflow: hidden; }

@media screen and (max-width: 767px) {
  .keyless-bitlock__install-accordion__desc p {
    font-size: 3vw; } }

.keyless-bitlock__install-accordion__desc figure {
  display: none;
  opacity: 0; }

@media screen and (max-width: 1024px) {
  .keyless-bitlock__install-accordion__desc figure {
    display: block;
    height: 0;
    margin: 0;
    text-align: center; }
  .keyless-bitlock__install-accordion__desc figure img {
    width: 50%; } }

.keyless-bitlock__install-accordion__img {
  width: 30%;
  height: 0;
  margin: 0;
  overflow: hidden;
  opacity: 0;
  transition: all .3s ease; }

@media screen and (max-width: 1024px) {
  .keyless-bitlock__install-accordion__img {
    display: none; } }

.keyless-bitlock__install-accordion__img img {
  width: 100%; }

.keyless-bitlock__install-accordion button {
  position: absolute;
  right: 50px;
  top: 50%;
  transform: translate(0, -50%);
  width: 50px;
  height: 50px;
  background: #000; }

@media screen and (max-width: 1024px) {
  .keyless-bitlock__install-accordion button {
    right: 30px;
    top: 35px;
    transform: translate(0, 0);
    width: 30px;
    height: 30px; } }

@media screen and (max-width: 767px) {
  .keyless-bitlock__install-accordion button {
    right: 20px;
    top: 17.5px; } }

.keyless-bitlock__install-accordion button::before,
.keyless-bitlock__install-accordion button::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  background: #FFF; }

.keyless-bitlock__install-accordion button::before {
  width: 20px;
  height: 1px; }

@media screen and (max-width: 1024px) {
  .keyless-bitlock__install-accordion button::before {
    width: 10px; } }

.keyless-bitlock__install-accordion button::after {
  width: 1px;
  height: 20px;
  transition: all .3s ease; }

@media screen and (max-width: 1024px) {
  .keyless-bitlock__install-accordion button::after {
    height: 10px; } }

.keyless-bitlock__install-accordion.is-open .keyless-bitlock__install-accordion__desc h4 {
  height: auto;
  margin-top: 2rem; }

.keyless-bitlock__install-accordion.is-open .keyless-bitlock__install-accordion__desc p {
  height: auto;
  margin-top: 1.5rem; }

.keyless-bitlock__install-accordion.is-open .keyless-bitlock__install-accordion__desc figure {
  height: auto;
  margin-top: 2rem;
  opacity: 1; }

.keyless-bitlock__install-accordion.is-open .keyless-bitlock__install-accordion__img {
  height: auto;
  opacity: 1; }

.keyless-bitlock__install-accordion.is-open button::after {
  height: 0; }

.keyless-buy {
  display: flex;
  justify-content: space-between; }

@media screen and (max-width: 767px) {
  .keyless-buy {
    display: block;
    padding-bottom: 3rem; } }

.keyless-buy__btn {
  display: block;
  width: 80vw;
  position: relative;
  color: #fff;
  font-size: 2.8rem;
  text-align: center;
  background: #000;
  padding: 1.2rem 1rem;
  margin: auto auto 0;
  overflow: hidden;
  border: 1px solid #000;
  transition: color 0.15s 0.2s cubic-bezier(0.4, 0, 0.1, 1);
  z-index: 0; }

@media screen and (max-width: 1024px) {
  .keyless-buy__btn {
    width: 90vw; } }

@media screen and (max-width: 767px) {
  .keyless-buy__btn {
    width: 95%;
    font-size: 1.8rem;
    padding: 0.8rem 1rem; } }

.keyless-buy__btn:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  display: block;
  width: 100vw;
  height: 100vw;
  background: #fff;
  border-radius: 50%;
  transition: transform 0.5s cubic-bezier(0.74, 0.11, 0.17, 0.51);
  z-index: -9; }

.keyless-buy__btn:hover {
  color: #000; }

.keyless-buy__btn:hover:after {
  transform: translate(-50%, -50%) scale(1); }

.keyless-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.9);
  opacity: 0;
  z-index: 99;
  overflow: scroll;
  -webkit-overflow-scrolling: touch; }

@media screen and (max-width: 767px) {
  .keyless-modal {
    bottom: 0; } }

.keyless-modal__close-btn {
  position: fixed;
  top: 120px;
  right: calc(50% - 530px);
  width: 50px;
  height: 50px;
  cursor: pointer;
  z-index: 9; }

@media screen and (max-width: 1024px) {
  .keyless-modal__close-btn {
    top: 35px;
    right: calc(50% - 350px); } }

@media screen and (max-width: 767px) {
  .keyless-modal__close-btn {
    top: 35px;
    right: 5vw;
    width: 25px;
    height: 25px; } }

.keyless-modal__close-btn svg {
  width: 100%;
  height: 100%; }

.keyless-modal__close-btn svg path {
  stroke-width: 2px; }

@media screen and (max-width: 767px) {
  .keyless-modal__close-btn svg path {
    stroke-width: 3px; } }

.keyless-modal__container {
  position: fixed;
  top: 110px;
  left: calc(50% - 450px);
  width: 900px;
  height: calc(100vh - 220px);
  padding-right: 1px;
  background: #FFF;
  visibility: hidden; }

@media screen and (max-width: 1024px) {
  .keyless-modal__container {
    width: 700px;
    left: calc(50% - 350px); } }

@media screen and (max-width: 767px) {
  .keyless-modal__container {
    top: 75px;
    left: 5vw;
    width: 90vw;
    height: calc(100vh - 150px); } }

.keyless-modal__container.is-visible {
  display: block;
  visibility: visible; }

.keyless-modal__container__inner {
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
  padding: 50px; }

@media screen and (min-width: 1024px) {
  .keyless-modal__container__inner::-webkit-scrollbar {
    width: 8px;
    height: 0; }
  .keyless-modal__container__inner::-webkit-scrollbar-thumb {
    background-color: #969696;
    border-radius: 4px; }
  .keyless-modal__container__inner::-webkit-scrollbar-track {
    background-color: transparent; }
  .keyless-modal__container__inner::-webkit-scrollbar-corner {
    display: none; } }

@media screen and (max-width: 1024px) {
  .keyless-modal__container__inner {
    padding: 30px; } }

@media screen and (max-width: 767px) {
  .keyless-modal__container__inner {
    padding: 20px; } }

.keyless-modal__product {
  position: relative;
  padding-left: 215px; }

.keyless-modal__product + .keyless-modal__product {
  margin-top: 130px; }

@media screen and (max-width: 767px) {
  .keyless-modal__product {
    padding-left: 0; } }

@media screen and (max-width: 767px) {
  .keyless-modal__product__topbox {
    display: flex;
    align-items: center; } }

.keyless-modal__product__img {
  position: absolute;
  top: 0;
  margin: 0; }

@media screen and (max-width: 767px) {
  .keyless-modal__product__img {
    position: static; } }

.keyless-modal__product__img--bitreader {
  left: 40px;
  width: 110px; }

@media screen and (max-width: 767px) {
  .keyless-modal__product__img--bitreader {
    width: 80px; } }

.keyless-modal__product__img--bitlock {
  left: 40px;
  width: 110px; }

@media screen and (max-width: 767px) {
  .keyless-modal__product__img--bitlock {
    width: 80px; } }

.keyless-modal__product__img--bitlink {
  left: 0;
  width: 200px; }

@media screen and (max-width: 767px) {
  .keyless-modal__product__img--bitlink {
    width: 135px; } }

.keyless-modal__product__img img {
  width: 100%; }

@media screen and (max-width: 767px) {
  .keyless-modal__product__title {
    padding-left: 15px; } }

.keyless-modal__product__title small {
  display: block;
  margin-bottom: 5px;
  font-size: 16px;
  color: #717171; }

@media screen and (max-width: 767px) {
  .keyless-modal__product__title small {
    font-size: 13px; } }

.keyless-modal__product__title small br {
  display: none; }

@media screen and (max-width: 767px) {
  .keyless-modal__product__title small br {
    display: inline; } }

.keyless-modal__product__title--bitreader img {
  width: 190px; }

@media screen and (max-width: 767px) {
  .keyless-modal__product__title--bitreader img {
    width: 130px; } }

.keyless-modal__product__title--bitlock img {
  width: 210px; }

@media screen and (max-width: 767px) {
  .keyless-modal__product__title--bitlock img {
    width: 145px; } }

.keyless-modal__product__title--bitlink img {
  width: 116px; }

@media screen and (max-width: 767px) {
  .keyless-modal__product__title--bitlink img {
    width: 82px; } }

.keyless-modal__product__hdg {
  margin-top: 25px;
  border-bottom: 1px solid #717171;
  font-size: 20px;
  line-height: 2; }

@media screen and (max-width: 767px) {
  .keyless-modal__product__hdg {
    font-size: 15px; } }

.keyless-modal__product__feature {
  padding-left: 0;
  list-style: none;
  font-size: 16px; }

@media screen and (max-width: 767px) {
  .keyless-modal__product__feature {
    font-size: 13px; } }

.keyless-modal__product__feature > li {
  position: relative;
  margin-top: 8px;
  padding-left: 15px; }

@media screen and (max-width: 767px) {
  .keyless-modal__product__feature > li {
    margin-top: 6px;
    padding-left: 13px; } }

.keyless-modal__product__feature > li::before {
  content: '';
  display: block;
  position: absolute;
  top: 8px;
  left: 0;
  width: 8px;
  height: 8px;
  border: 2px solid #000;
  border-radius: 100%; }

@media screen and (max-width: 767px) {
  .keyless-modal__product__feature > li::before {
    top: 6px;
    width: 8px;
    height: 8px; } }

.keyless-modal__product__feature > li a {
  color: #000;
  text-decoration: underline;
  font-weight: bold; }

.keyless-modal__product__spec {
  padding-left: 0;
  list-style: none;
  font-size: 16px; }

@media screen and (max-width: 767px) {
  .keyless-modal__product__spec {
    font-size: 13px; } }

.keyless-modal__product__spec > li {
  margin-top: 8px; }

.keyless-modal__product__spec > li > b {
  padding-right: .5em; }

.keyless-modal__product__spec > li > small {
  font-size: 14px; }

@media screen and (max-width: 767px) {
  .keyless-modal__product__spec > li > small {
    font-size: 12px; } }

.keyless-modal__product__include-item {
  margin-top: -8px;
  padding-left: 0;
  list-style: none;
  font-size: 16px; }

@media screen and (max-width: 767px) {
  .keyless-modal__product__include-item {
    margin-top: 0;
    font-size: 13px; } }

.keyless-modal__product__include-item > li {
  display: inline-block;
  position: relative;
  margin-top: 8px;
  padding-left: 15px; }

@media screen and (max-width: 767px) {
  .keyless-modal__product__include-item > li {
    margin-top: 0px;
    padding-left: 13px; } }

.keyless-modal__product__include-item > li:nth-child(odd) {
  width: 245px; }

.keyless-modal__product__include-item > li:nth-child(even) {
  width: 290px; }

.keyless-modal__product__include-item > li::before {
  content: '';
  display: block;
  position: absolute;
  top: 8px;
  left: 0;
  width: 8px;
  height: 8px;
  border: 2px solid #000;
  border-radius: 100%; }

.keyless-modal__product__caution {
  padding-left: 0;
  list-style: none;
  font-size: 14px; }

@media screen and (max-width: 767px) {
  .keyless-modal__product__caution {
    font-size: 12px; } }

.keyless-modal__product__caution > li {
  padding-left: 1em;
  text-indent: -1em; }

.keyless-modal__product__caution > li:before {
  content: '・'; }

.keyless-modal__product__caution > li a {
  color: #000;
  text-decoration: underline;
  font-weight: bold; }

.keyless-modal__product__notice {
  font-size: 14px; }

@media screen and (max-width: 767px) {
  .keyless-modal__product__notice {
    font-size: 12px; } }

.keyless-movie-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  min-height: 100vh;
  background: #fff;
  opacity: 0;
  z-index: 99; }

@media screen and (max-width: 767px) {
  .keyless-movie-modal {
    min-height: calc(var(--vh, 1vh) * 100); } }

.keyless-movie-modal__close-btn {
  position: absolute;
  top: 40px;
  right: 40px;
  width: 65px;
  height: 65px;
  cursor: pointer;
  z-index: 9; }

@media screen and (max-width: 767px) {
  .keyless-movie-modal__close-btn {
    top: 20px;
    right: 20px;
    width: 45px;
    height: 45px; } }

.keyless-movie-modal__close-btn svg {
  width: 100%;
  height: 100%; }

.keyless-movie-modal__close-btn svg path {
  stroke-width: 2px; }

@media screen and (max-width: 767px) {
  .keyless-movie-modal__close-btn svg path {
    stroke-width: 3px; } }

.keyless-movie-modal__container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 107rem;
  height: 60rem;
  background-color: #eee; }

@media screen and (max-width: 767px) {
  .keyless-movie-modal__container {
    width: 100vw;
    height: 56.25vw;
    max-width: 42rem;
    max-height: 25rem; } }

.keyless-movie-modal__container iframe,
.keyless-movie-modal__container video {
  width: 100%;
  height: 100%;
  outline: none; }

@media screen and (max-width: 767px) {
  .h-mainvisual__movie {
    aspect-ratio: 1/1; }
  .h-mainvisual__movie iframe[data-screen="sp"] {
    position: static;
    margin-left: calc(50% - 10px);
    margin-top: 50vw; }
  .h-mainvisual__movie.h-mainvisual__movie--keyless iframe {
    height: 100vh;
    width: 177.77777778vh;
    left: calc(50% - 20px); } }

/* 20230407 */
.keyless-attention {
  margin-top: -20px;
  margin-bottom: 60px;
  text-align: right; }

.keyless-attention p {
  display: inline-block;
  text-align: left; }

@media screen and (max-width: 767px) {
  .keyless-attention {
    margin-top: 1rem;
    text-align: left; } }

@media screen and (min-width: 0px) {
  main {
    overflow: clip; }
  .p-home {
    display: block; }
  .p-keyless {
    display: block; }
  .h-mainvisual__movie iframe[data-screen="pc"] {
    display: none; }
  .h-mainvisual__movie iframe[data-screen="sp"] {
    display: block; }
  .keyless-spec {
    margin-top: 6rem; }
    .keyless-spec .title {
      margin-bottom: 6vw; }
      .keyless-spec .title h2 {
        text-align: center; }
      .keyless-spec .title img {
        margin: 0 auto;
        width: 60%;
        height: auto; }
    .keyless-spec .body .descript {
      margin-bottom: 5vw; }
      .keyless-spec .body .descript .txt p {
        font-size: 1.4rem;
        line-height: 1.8; }
      .keyless-spec .body .descript .img ul {
        margin: 0;
        padding: 0;
        list-style: none; }
      .keyless-spec .body .descript .img li {
        text-align: center;
        margin: 0;
        padding: 0;
        margin-bottom: 3vw; }
      .keyless-spec .body .descript .img picture img {
        width: 80%;
        height: auto; }
    .keyless-spec .body .specs table {
      border-collapse: separate;
      border-spacing: 0px;
      margin: 0;
      padding: 0;
      letter-spacing: 0;
      display: block;
      position: relative; }
      .keyless-spec .body .specs table thead {
        display: block;
        margin-bottom: 5vw;
        position: sticky;
        top: 70px; }
        .keyless-spec .body .specs table thead tr {
          display: flex;
          justify-content: space-between; }
        .keyless-spec .body .specs table thead th {
          display: block;
          background: #fff;
          text-align: center;
          font-size: 1.8rem;
          font-family: 'Yu Gothic Pr6N B';
          font-weight: bold;
          width: 48%;
          border: 1px solid #000;
          padding: 0.5em 0; }
      .keyless-spec .body .specs table tbody {
        display: block; }
        .keyless-spec .body .specs table tbody tr {
          display: flex;
          justify-content: space-between; }
          .keyless-spec .body .specs table tbody tr.group-td {
            border: 1px solid #000;
            margin-bottom: 5vw;
            padding: 3vw 0; }
            .keyless-spec .body .specs table tbody tr.group-td picture {
              text-align: center;
              display: block; }
              .keyless-spec .body .specs table tbody tr.group-td picture img {
                width: 100%;
                height: auto; }
        .keyless-spec .body .specs table tbody th {
          display: block;
          width: 100%;
          background: #000;
          color: #fff;
          font-size: 1.4rem;
          font-weight: bold;
          text-align: center;
          padding: 0.5em; }
        .keyless-spec .body .specs table tbody td {
          display: block;
          width: 50%;
          padding: 3vw;
          word-break: break-all; }
          .keyless-spec .body .specs table tbody td:first-of-type {
            border-right: 1px solid #000; }
          .keyless-spec .body .specs table tbody td p {
            font-size: 1.3rem;
            line-height: 1.8;
            margin-bottom: 0.6em; }
          .keyless-spec .body .specs table tbody td dl {
            margin: 0;
            padding: 0; }
            .keyless-spec .body .specs table tbody td dl .row {
              margin-bottom: 3vw; }
            .keyless-spec .body .specs table tbody td dl dt {
              border: 1px solid #000;
              text-align: center;
              font-size: 1.3rem;
              padding: 0.3em 0;
              font-family: 'Yu Gothic Pr6N B';
              font-weight: bold;
              margin-bottom: 3vw; }
            .keyless-spec .body .specs table tbody td dl dd {
              font-size: 1.3rem;
              line-height: 1.8;
              margin: 0;
              padding: 0; }
              .keyless-spec .body .specs table tbody td dl dd small {
                font-size: 1.2rem; }
          .keyless-spec .body .specs table tbody td ol {
            margin: 0;
            padding: 0;
            margin-left: 1em; }
            .keyless-spec .body .specs table tbody td ol li {
              font-size: 1.3rem;
              line-height: 1.8; }
          .keyless-spec .body .specs table tbody td a {
            border-bottom: 1px solid #000;
            margin-top: 3vw;
            font-family: 'Yu Gothic Pr6N B';
            font-weight: bold;
            padding-bottom: 0.3em;
            display: inline-block;
            position: relative;
            color: #000; }
            .keyless-spec .body .specs table tbody td a::after {
              content: '';
              width: 6px;
              height: 6px;
              border: 0;
              border-top: solid 2px #333;
              border-right: solid 2px #333;
              position: absolute;
              top: 50%;
              right: -1em;
              margin-top: -5px;
              transform: rotate(45deg); } }

@media screen and (min-width: 769px) {
  .h-mainvisual__movie iframe[data-screen="pc"] {
    display: block; }
  .h-mainvisual__movie iframe[data-screen="sp"] {
    display: none; }
  .keyless-spec {
    margin-top: 45px;
    padding: 0; }
    .keyless-spec .inner {
      width: 80vw;
      margin: 0 auto; }
    .keyless-spec .title {
      margin-bottom: 0px; }
      .keyless-spec .title h2 {
        text-align: center;
        margin: 0;
        margin-bottom: 40px; }
      .keyless-spec .title img {
        margin: 0 auto;
        width: 550px;
        height: auto; }
    .keyless-spec .body .descript {
      margin-bottom: 40px;
      text-align: center; }
      .keyless-spec .body .descript .imgtxt {
        display: flex;
        justify-content: space-between;
        align-items: flex-end; }
      .keyless-spec .body .descript .txt {
        flex: 1; }
        .keyless-spec .body .descript .txt p {
          font-size: 16px; }
      .keyless-spec .body .descript .img {
        width: 48%; }
        .keyless-spec .body .descript .img ul {
          display: flex;
          justify-content: space-between;
          align-items: flex-end; }
        .keyless-spec .body .descript .img li {
          margin-bottom: 0; }
        .keyless-spec .body .descript .img picture img {
          width: 90%; }
    .keyless-spec .body .specs table thead {
      margin-bottom: 24px;
      position: static; }
      .keyless-spec .body .specs table thead th {
        font-size: 20px;
        width: 49%;
        padding: 0.5em 0; }
    .keyless-spec .body .specs table tbody tr.group-td {
      margin-bottom: 24px;
      padding: 16px 0; }
      .keyless-spec .body .specs table tbody tr.group-td picture img {
        max-width: 250px; }
    .keyless-spec .body .specs table tbody th {
      font-size: 20px;
      padding: 0.2em; }
    .keyless-spec .body .specs table tbody td {
      padding: 16px 32px; }
      .keyless-spec .body .specs table tbody td p {
        font-size: 16px;
        margin-bottom: 0.6em; }
      .keyless-spec .body .specs table tbody td dl .row {
        margin-bottom: 12px;
        display: flex;
        justify-content: space-between;
        align-items: flex-start; }
      .keyless-spec .body .specs table tbody td dl dt {
        font-size: 14px;
        padding: 0.3em 0;
        margin-bottom: 0;
        width: 148px; }
      .keyless-spec .body .specs table tbody td dl dd {
        font-size: 16px;
        flex: 1;
        padding-left: 15px; }
        .keyless-spec .body .specs table tbody td dl dd small {
          font-size: 12px; }
      .keyless-spec .body .specs table tbody td ol {
        margin-left: 1em; }
        .keyless-spec .body .specs table tbody td ol li {
          font-size: 16px;
          line-height: 1.8; }
      .keyless-spec .body .specs table tbody td a {
        margin-top: 10px; } }

/* bitlock mini YouTube */
.keyless-video iframe {
  height: 315px; }

/* 20230822 修正 */
.keyless-spec .body .descript .txt p.keyless-evering__product__txt--small {
  margin-top: 1rem;
  font-size: 1.4rem; }

/*# sourceMappingURL=keyless.css.map */