@import url("https://fonts.googleapis.com/css2?family=Jura:wght@400;600;700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
* {
  padding: 0;
  margin: 0;
  border: 0;
}

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

:focus,
:active {
  outline: none;
}

a:focus,
a:active {
  outline: none;
}

nav,
footer,
header,
aside {
  display: block;
}

html,
body {
  height: 100%;
  width: 100%;
  font-size: 100%;
  line-height: unset !important;
  font-size: 14px;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  margin: 0;
  padding: 0;
}

input::-ms-clear {
  display: none;
}

button {
  cursor: pointer;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

a,
a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

ul li {
  list-style: none;
}

img {
  vertical-align: top;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

.-landing {
  overflow: hidden;
  margin: auto;
  background-repeat: no-repeat;
  background-position: center top;
  background-attachment: fixed;
  font-family: "Jura", "Roboto", sans-serif;
  font-size: 18px;
  font-weight: 400;
  z-index: 10;
  color: #000000;
}
.-landing h1,
.-landing h2,
.-landing h3,
.-landing h4,
.-landing h5,
.-landing h6,
.-landing ul,
.-landing ol,
.-landing p,
.-landing div,
.-landing span {
  padding: 0;
  margin: 0;
  line-height: normal;
  box-sizing: border-box;
  list-style: none;
  text-decoration: none;
  border: none;
  background: none;
}
.-landing section {
  position: relative;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.-landing img {
  max-width: 100%;
  pointer-events: none;
}
.-landing .-intro {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 44.7685vw;
  background-color: #1a1208;
  background-image: url("../images/pr-06-intro/pr-06-intro-background.png");
  background-size: cover;
  background-position: center center;
}
.-landing .-intro__container {
  position: relative;
  width: 100%;
  height: 100%;
}
.-landing .-intro__container-logo {
  position: absolute;
  left: 8.6111vw;
  top: 37.7315vw;
  width: 16.5741vw;
  z-index: 3;
}
.-landing .-intro__container-logo .-logo {
  width: 100%;
  height: auto;
  display: block;
}
.-landing .-intro__container-logo .-logo--mb {
  display: none;
}
.-landing .-intro__container-product {
  position: absolute;
  left: 29.7685vw;
  top: 5.463vw;
  width: 24.0741vw;
  z-index: 2;
}
.-landing .-intro__container-product .-product {
  width: 100%;
  height: auto;
  display: block;
}
.-landing .-intro__container-title {
  position: absolute;
  left: 57.9167vw;
  top: 12.963vw;
  margin: 0;
  width: 18.1481vw;
  font-family: "Jura", sans-serif;
  font-style: normal;
  font-size: 5.5556vw;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0;
  color: #ffffff;
  z-index: 2;
}
.-landing .-intro__container-frame {
  position: absolute;
  left: 56.3426vw;
  top: 20.4167vw;
  width: 26.25vw;
  min-height: 14.5833vw;
  box-sizing: border-box;
  border: 0.2778vw solid #fee01d;
  border-radius: 1.713vw;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.9444vw 1.8981vw;
  z-index: 2;
}
.-landing .-intro__container-frame-text {
  margin: 0;
  width: 23.1944vw;
  font-family: "Jura", sans-serif;
  font-style: normal;
  font-size: 2.3148vw;
  line-height: 1;
  letter-spacing: 0;
  color: #ffffff;
  text-align: left;
}
.-landing .-intro__container-frame-text-strong {
  display: block;
  font-weight: 700;
  text-transform: uppercase;
}
.-landing .-intro__container-frame-text-soft {
  display: block;
  margin-top: 0.463vw;
  font-weight: 400;
  text-transform: none;
}
@media screen and (max-width: 900px) {
  .-landing .-intro {
    height: 216.6667vw;
    background-image: url("../images/pr-06-intro/pr-06-intro-background-mb.png");
    background-size: 100% 100%;
    background-position: center center;
  }
  .-landing .-intro__container-logo {
    left: 5.5556vw;
    top: 134.6083vw;
    width: 42.2222vw;
  }
  .-landing .-intro__container-logo .-logo--pc {
    display: none;
  }
  .-landing .-intro__container-logo .-logo--mb {
    display: block;
  }
  .-landing .-intro__container-product {
    left: 5.5806vw;
    top: 20.7083vw;
    width: 79.0194vw;
  }
  .-landing .-intro__container-title {
    left: 33.0556vw;
    top: 25vw;
    width: 61.2333vw;
    font-size: 18.3333vw;
    text-align: right;
  }
  .-landing .-intro__container-frame {
    left: 5.8333vw;
    top: 153.6111vw;
    width: 88.5694vw;
    min-height: 49.2056vw;
    border-width: 0.9361vw;
    border-radius: 5.5556vw;
    align-items: center;
    justify-content: flex-start;
    padding: 5.7306vw 6.2861vw;
  }
  .-landing .-intro__container-frame-text {
    width: 100%;
    font-size: 7.7778vw;
    font-weight: 700;
    line-height: 1;
    text-align: left;
  }
  .-landing .-intro__container-frame-text-strong {
    font-weight: 700;
    text-transform: uppercase;
  }
  .-landing .-intro__container-frame-text-soft {
    margin-top: 1.3889vw;
    font-weight: 400;
    text-transform: none;
  }
}
.-landing .-features {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 44.6296vw;
  background-color: #ffffff;
}
.-landing .-features__container {
  position: relative;
  width: 100%;
  height: 100%;
}
.-landing .-features__list {
  position: absolute;
  left: 32.4074vw;
  top: 1.9444vw;
  width: 44.2593vw;
  height: 40.7407vw;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 2.037vw;
}
.-landing .-features__list-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4.8148vw;
  list-style: none;
  height: 8.5648vw;
  flex-shrink: 0;
}
.-landing .-features__list-item-icon {
  flex-shrink: 0;
  width: 8.5648vw;
  height: 8.5648vw;
}
.-landing .-features__list-item-icon img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.-landing .-features__list-item-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.2778vw;
  min-width: 0;
}
.-landing .-features__list-item-title {
  margin: 0;
  font-family: "Jura", sans-serif;
  font-style: normal;
  font-size: 2.3148vw;
  font-weight: 600;
  line-height: 1.15;
  letter-spacing: 0;
  color: #000000;
  white-space: nowrap;
  width: max-content;
}
.-landing .-features__list-item-text {
  margin: 0;
  font-family: "Jura", sans-serif;
  font-style: normal;
  font-size: 2.1296vw;
  font-weight: 400;
  line-height: 1.15;
  letter-spacing: 0;
  color: #000000;
  white-space: nowrap;
  width: max-content;
}
.-landing .-features__list-item-text--single {
  white-space: nowrap;
}
.-landing .-features__list-item-nl {
  display: inline;
}
.-landing .-features__list-item-title--mb, .-landing .-features__list-item-text--mb {
  display: none;
}
@media screen and (max-width: 900px) {
  .-landing .-features {
    height: auto;
  }
  .-landing .-features__container {
    height: auto;
    padding-top: 24.7222vw;
    padding-bottom: 13.8889vw;
    box-sizing: border-box;
  }
  .-landing .-features__list {
    position: relative;
    left: 4.1667vw;
    top: 0;
    width: 91.6667vw;
    height: auto;
    margin: 0;
    gap: 17.2222vw;
    justify-content: flex-start;
  }
  .-landing .-features__list-item {
    height: auto;
    min-height: 25.5556vw;
    gap: 5vw;
    align-items: center;
  }
  .-landing .-features__list-item-icon {
    width: 25.5556vw;
    height: 25.5556vw;
  }
  .-landing .-features__list-item-content {
    gap: 1.8056vw;
    max-width: 64.7222vw;
  }
  .-landing .-features__list-item-title {
    font-size: 6.6667vw;
    line-height: 1;
    white-space: normal;
    width: auto;
  }
  .-landing .-features__list-item-text {
    font-size: 6.1111vw;
    line-height: 1.2;
    white-space: normal;
    width: auto;
  }
  .-landing .-features__list-item-text--single {
    white-space: normal;
  }
  .-landing .-features__list-item-nl {
    display: block;
  }
  .-landing .-features__list-item-title--pc, .-landing .-features__list-item-text--pc {
    display: none;
  }
  .-landing .-features__list-item-title--mb, .-landing .-features__list-item-text--mb {
    display: block;
    white-space: nowrap;
    width: max-content;
  }
}
.-landing .-controls {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 44.6296vw;
  background-color: #fee01d;
}
.-landing .-controls__container {
  position: relative;
  width: 100%;
  height: 100%;
}
.-landing .-controls__container-product {
  position: absolute;
  left: 15.6019vw;
  top: 4.5833vw;
  width: 34.213vw;
  z-index: 2;
}
.-landing .-controls__container-product .-product {
  display: block;
  width: 100%;
  height: auto;
}
.-landing .-controls__list {
  position: absolute;
  left: 52.963vw;
  top: 6.8981vw;
  width: 32.5463vw;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 2.4074vw;
  z-index: 3;
}
.-landing .-controls__list-item {
  list-style: none;
  margin: 0;
  padding: 0;
}
.-landing .-controls__list-item-plate {
  position: relative;
  width: 32.5463vw;
  height: 7.5926vw;
}
.-landing .-controls__list-item-plate .-plate {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.-landing .-controls__list-item-title {
  position: absolute;
  left: 3.3333vw;
  top: 50%;
  transform: translateY(-50%);
  margin: 0;
  font-family: "Jura", sans-serif;
  font-style: normal;
  font-size: 2.3148vw;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0;
  color: #000000;
  white-space: nowrap;
  width: max-content;
}
.-landing .-controls__list-item-note {
  margin: 0.0926vw 0 0 3.3333vw;
  font-family: "Jura", sans-serif;
  font-style: normal;
  font-size: 2.1296vw;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0;
  color: #000000;
  white-space: nowrap;
  width: max-content;
}
@media screen and (max-width: 900px) {
  .-landing .-controls {
    height: auto;
    min-height: 216.6667vw;
    overflow: visible;
    padding-bottom: 18.3333vw;
    box-sizing: border-box;
  }
  .-landing .-controls__container {
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .-landing .-controls__container-product {
    position: relative;
    left: 0;
    top: 0;
    width: 98.3333vw;
    margin-top: -10.5556vw;
    margin-bottom: 7.2222vw;
    z-index: 2;
  }
  .-landing .-controls__list {
    position: relative;
    left: 4.1667vw;
    top: 0;
    width: 89.7222vw;
    gap: 6.6361vw;
  }
  .-landing .-controls__list-item-plate {
    width: 89.7222vw;
    height: 20.9306vw;
  }
  .-landing .-controls__list-item-title {
    left: 9.1667vw;
    font-size: 6.1111vw;
    line-height: 1.15;
  }
  .-landing .-controls__list-item-note {
    margin: 5.9083vw 0 0 9.1667vw;
    font-size: 6.1111vw;
    line-height: 1.15;
  }
}
.-landing .-conclusion {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 44.6296vw;
  background-color: #1a2a10;
}
.-landing .-conclusion__video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  z-index: 0;
  pointer-events: none;
}
.-landing .-conclusion__container {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.-landing .-conclusion__container-plate {
  position: absolute;
  left: 9.6759vw;
  top: 25.5741vw;
  width: 43.4722vw;
  height: 12.8819vw;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2.4537vw 1.713vw;
  background-color: rgba(16, 34, 0, 0.4);
  border: 0.2454vw solid #fee01d;
  border-radius: 1.5222vw;
  z-index: 1;
}
.-landing .-conclusion__container-text {
  margin: 0;
  font-family: "Jura", sans-serif;
  font-style: normal;
  font-size: 2.1296vw;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0;
  color: #ffffff;
  text-align: center;
}
.-landing .-conclusion__container-text--pc {
  display: block;
}
.-landing .-conclusion__container-text--mb {
  display: none;
}
.-landing .-conclusion__container-product {
  position: absolute;
  left: 53.4722vw;
  top: 0.5556vw;
  width: 41.8056vw;
  z-index: 2;
}
.-landing .-conclusion__container-product .-product {
  display: block;
  width: 100%;
  height: auto;
}
@media screen and (max-width: 900px) {
  .-landing .-conclusion {
    height: 216.6667vw;
  }
  .-landing .-conclusion__video {
    object-position: center top;
  }
  .-landing .-conclusion__container-plate {
    left: 3.8889vw;
    top: 91.6667vw;
    width: 91.9444vw;
    height: 30vw;
    padding: 2.0833vw 3.8889vw;
    background-color: rgba(16, 34, 0, 0.5);
    border-width: 0.5556vw;
    border-radius: 3.3333vw;
  }
  .-landing .-conclusion__container-text {
    font-size: 5.5556vw;
  }
  .-landing .-conclusion__container-text--pc {
    display: none;
  }
  .-landing .-conclusion__container-text--mb {
    display: block;
  }
  .-landing .-conclusion__container-product {
    left: -0.8333vw;
    top: 105.5556vw;
    width: 100.5556vw;
  }
}