@import 'https://fonts.googleapis.com/css?family=M+PLUS+1p:400,700&display=swap&subset=japanese';

#keyimage {
      background: #000;
      height: auto;
      width: 100%;
}

article div.pw3-center-box {
      position: relative;
      width: 100%;
}

article div.pw3-logo {
      position: relative;
      z-index: 2;
      width: 60%;
      margin: 0 auto -5rem;
}

article div.pw3-logo img {
      width: 100%;
      display: block;
}

article div.pw3-image {
      position: relative;
      z-index: 1;
      width: 100%;
}

article div.pw3-image img {
      width: 100%;
      display: block;
}

html {
      scroll-behavior: smooth;
      font-size: 62.5%;
}

#bgb {
      width: 100%;
      background: black;
      position: relative;
}

.wrap {
      width: calc(100% - 0.33rem);
}

article div.pwlogo {
      width: 50%;
      position: relative;
      top: 0;
      left: 0;
       margin-bottom: 3rem;
}

.pwlogo img {
      width: 100%;
}


body {
      width: 100%;
}

main {
      width: 100%;
}

p {
      padding: 0 0.75rem;
      line-height: 1.2rem;
      width: calc(100% -0.33rem);
}


.left {
      width: 100%;
      display: block;
      padding-top: 3rem;

}

.right {
      width: 100%;
      display: block;
      padding: 3rem 0;
}

.cente {
      display: block;
      padding: 3rem 0;
}

h2.nintei {
      font-size: 1.9rem;
      font-weight: 700;
      line-height: 2.2rem;
      max-width: 44rem;
      margin: 0 auto;
}


h2 {
      /*font-size:1.4rem;*/
      font-family: 'M PLUS 1p', sans-serif;
      padding: 0 0.75rem;
      width: calc(100% - 0.33rem);
      text-align: justify;
}

.wt {
      color: white;

      padding-top: 3rem;
      font-size:2.4rem;
      font-weight: 700;
      line-height: 2.7rem;
}

.ctext {
      font-size: 1.75rem;
      letter-spacing: 0.12rem;
      line-height: 1.5;
      font-family: 'M PLUS 1p', sans-serif;
      font-weight: 400;
      transform: rotate(0.05deg);
      text-align: justify;
      margin: 1.7rem auto;
      max-width: 44rem;
}

#bgb br {
      display: none;
}

.order-white {
      color: #000;
      font-size: 2rem;
      text-decoration: none;
      font-family: 'M PLUS 1p', sans-serif;
      font-weight: 700;
      text-align: center;
      width: 100%;
      margin: 1rem auto;
      padding: 1rem;
      border: #000 3px solid;
      border-radius: 2.7rem;
      background: #fff !important;
      -webkit-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
}

.order-white a {
      color: #000;
      display: block;
      margin: 0 auto;
}

a.order-white {
      color: #000;
      display: block;
      margin: 0 auto;
}

.order-white a:hover {
      color: #FFF;
}

.order-white:hover {
      background-color: #000 !important;
}

.order-black {
      color: #FFF;
      font-size: 2rem;
      text-decoration: none;
      font-family: 'M PLUS 1p', sans-serif;
      font-weight: 700;
      text-align: center;
      width: 100%;
      margin: 1rem auto;
      padding: 1rem;
      border: #FFF 3px solid;
      border-radius: 2.7rem;
      background-color: #000 !important;
      -webkit-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
}

.order-black a {
      color: #FFF;
      display: block;
      margin: 0 auto;
}

a.order-black {
      color: #FFF;
      display: block;
      margin: 0 auto;
}

.order-black a:hover {
      color: #000;
}

.order-black:hover {
      background-color: #FFF !important;
}

a {
      text-decoration: none;
      display: block;
}

.item-title {
      display: flex;
      align-items: center;
      gap: 1rem;
      margin-bottom: 0.8rem;
}

.icon {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 5rem;
      height: 5rem;
      flex-shrink: 0;
}

.icon img {
      width: 100%;
      height: 100%;
      object-fit: contain;
}

.gt {
      font-size: 2rem;
      font-weight: 700;
      margin-bottom: 1.6rem;
}

.gt2.ltext {
      font-size: 2rem;
      letter-spacing: 0.12rem;
      line-height: 1.4;
      font-family: 'M PLUS 1p', sans-serif;
      font-weight: 700;
      margin: 0;
}

.gt3.l2text {
      font-size: 1.8rem;
      letter-spacing: 0.12rem;
      line-height: 1.5;
      font-family: 'M PLUS 1p', sans-serif;
      font-weight: 400;
      margin: 1.2rem 0;
}

.gt3.stext {
      color: #AEAEAE;
      font-size: 1.6rem;
      letter-spacing: 0.12rem;
      line-height: 1.4;
      font-family: 'M PLUS 1p', sans-serif;
      font-weight: 400;
      margin: 0.8rem 0 2rem;
}

.tpw_images {
      width: 100%;
      margin-top: 2rem;
}

.tpwimage2 {
      width: 100%;
      height: auto;
      display: block;
}
.pw-app-section {
      background-color: #202024;
      padding-bottom: 5rem;
}
.spec_text {
      font-size: 1.75rem;
      line-height: 1.5;
      font-weight: 400;
      padding-top: 0;
      margin: 1.7rem 0;
}

.qr_images {
      margin: 2rem 0 0;
      text-align: center;
}

.qr_images img {
      width: 18rem;
}
.tesla-app-text {
      letter-spacing: 0.08rem;
}

.nowrap {
      white-space: nowrap;
}