@charset "utf-8";
/* CSS Document */
@media screen and (min-width: 1024px) {
  .visible-md, .visible-sm {
    display: none
  }
  .visible-lg {
    display: inherit
  }
}
@media screen and (min-width: 750px)and (max-width: 1023px) {
  .visible-lg, .visible-sm {
    display: none
  }
  .visible-md {
    display: inherit
  }
}
@media screen and (max-width: 749px) {
  .visible-lg, .visible-md {
    display: none
  }
  .visible-sm {
    display: inherit
  }
}
body {
  width: 100%;
  margin: 0
}
.lgsmartmonitor {
  width: 100%;
  background: #fff;
  font-family: "Zen Maru Gothic", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, sans-serif !important;
  color: #000
}
.lgsmartmonitor div, .lgsmartmonitor span, .lgsmartmonitor object, .lgsmartmonitor iframe, .lgsmartmonitor h1, .lgsmartmonitor h2, .lgsmartmonitor h3, .lgsmartmonitor h4, .lgsmartmonitor h5, .lgsmartmonitor h6, .lgsmartmonitor p, .lgsmartmonitor img, .lgsmartmonitor strong, .lgsmartmonitor sub, .lgsmartmonitor sup, .lgsmartmonitor dl, .lgsmartmonitor dt, .lgsmartmonitor dd, .lgsmartmonitor ol, .lgsmartmonitor ul, .lgsmartmonitor li, .lgsmartmonitor fieldset, .lgsmartmonitor form, .lgsmartmonitor label, .lgsmartmonitor legend, .lgsmartmonitor table, .lgsmartmonitor tbody, .lgsmartmonitor tfoot, .lgsmartmonitor thead, .lgsmartmonitor tr, .lgsmartmonitor th, .lgsmartmonitor td, .lgsmartmonitor article, .lgsmartmonitor aside, .lgsmartmonitor canvas, .lgsmartmonitor details, .lgsmartmonitor figcaption, .lgsmartmonitor figure, .lgsmartmonitor footer, .lgsmartmonitor header, .lgsmartmonitor hgroup, .lgsmartmonitor menu, .lgsmartmonitor nav, .lgsmartmonitor section, .lgsmartmonitor summary, .lgsmartmonitor time, .lgsmartmonitor mark, .lgsmartmonitor audio, .lgsmartmonitor video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: rgba(0, 0, 0, 0)
}
.lgsmartmonitor * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 1.5
}
.lgsmartmonitor main {
  display: block
}
.lgsmartmonitor li {
  list-style-type: none
}
.lgsmartmonitor a {
  text-decoration: none;
  color: inherit
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor a {
    -webkit-transition: all .3s;
    transition: all .3s
  }
  .lgsmartmonitor a::before, .lgsmartmonitor a::after {
    -webkit-transition: all .3s;
    transition: all .3s
  }
}
.lgsmartmonitor img {
  vertical-align: bottom;
  max-width: 100%;
  height: auto
}
.lgsmartmonitor svg {
  width: 100%;
  height: auto
}
.lgsmartmonitor sup {
  font-size: .5em;
  vertical-align: super
}
.lgsmartmonitor input, .lgsmartmonitor button, .lgsmartmonitor textarea, .lgsmartmonitor select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}
.lgsmartmonitor table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%
}
.lgsmartmonitor address {
  font-style: normal
}
.lgsmartmonitor .mv {
  color: #fff
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .mv {
    background: #dd5c1b
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .mv {
    padding: 4vw 3.3333333333vw 8vw
  }
}
.lgsmartmonitor .mv__inner {
  position: relative
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .mv__inner {
    max-width: 1350px;
    width: 100%;
    margin: 0 auto
  }
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .mv__group {
    position: absolute;
    left: 6%;
    top: 3.4%
  }
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .mv__logo {
    width: 294px;
    width: clamp(190px, 21vw, 294px)
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .mv__logo {
    margin: 2.6666666667vw auto 0;
    width: 54.6666666667vw
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .mv__spGroup {
    position: absolute;
    top: 3.4%;
    left: 5.4%
  }
}
.lgsmartmonitor .mv__ttl {
  font-weight: 700;
  line-height: 1.4
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .mv__ttl {
    font-size: clamp(50px, 5vw, 71px);
    margin: min(2.9vw, 40px) 0 min(2.1vw, 30px)
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .mv__ttl {
    font-size: 6vw
  }
}
.lgsmartmonitor .mv__txt {
  font-weight: 700
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .mv__txt {
    font-size: clamp(24px, 2.4vw, 33px)
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .mv__txt {
    margin-top: 1.3333333333vw;
    font-size: 3.7333333333vw
  }
}
.lgsmartmonitor .mv__group2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .mv__group2 {
    gap: 28px;
    margin: min(2.1vw, 30px) 0 min(2.9vw, 40px)
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .mv__group2 {
    position: absolute;
    top: 63%;
    left: 5.4%;
    gap: 2.6666666667vw
  }
}
.lgsmartmonitor .mv__cat {
  font-weight: 700
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .mv__cat {
    font-size: clamp(21px, 2.1vw, 30px)
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .mv__cat {
    font-size: 5.0666666667vw
  }
}
.lgsmartmonitor .mv__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .mv__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 14px
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .mv__list {
    margin-top: 1.0666666667vw;
    gap: 2vw
  }
}
.lgsmartmonitor .mv__item {
  font-weight: 700;
  background: #17191c
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .mv__item {
    font-size: clamp(14px, 1.2vw, 17px);
    padding: 5px 18px;
    border-radius: 15px
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .mv__item {
    font-size: 2.4vw;
    padding: 1.0666666667vw 2.6666666667vw;
    border-radius: 2vw
  }
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .mv__btns {
    width: clamp(360px, 32.1vw, 450px)
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .mv__btns {
    border-top: 1px solid #afafaf;
    margin-top: 2.4vw;
    padding-top: 5.3333333333vw
  }
}
.lgsmartmonitor .mv__btn {
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #06c755;
  border-radius: 999px;
  -webkit-box-shadow: 8px 8px 10px rgba(6, 199, 85, .4);
  box-shadow: 8px 8px 10px rgba(6, 199, 85, .4);
  color: #fff;
  font-weight: 900
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .mv__btn {
    height: clamp(50px, 4.3vw, 60px);
    font-size: clamp(16px, 1.4vw, 20px);
    gap: 15px
  }
  .lgsmartmonitor .mv__btn:hover {
    opacity: .8;
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px)
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .mv__btn {
    height: 11.3333333333vw;
    font-size: 3.6vw;
    gap: 2.6666666667vw
  }
}
.lgsmartmonitor .mv__btn::before {
  content: "";
  background: url(/content/dam/channel/wcms/jp/images/promotion/tv/2026/stanbyme2max/assets/img/logo_line.png) center/100% no-repeat
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .mv__btn::before {
    width: 31px;
    height: 32px
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .mv__btn::before {
    width: 7.0666666667vw;
    height: 7.3333333333vw
  }
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .mv__img {
    max-width: 754px;
    min-width: 500px;
    width: 55.9%;
    margin-left: auto
  }
}
.lgsmartmonitor .cta {
  color: #fff;
  background: #1e2732
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .ctaHead {
    padding: 50px 0
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .ctaHead {
    padding: 10.6666666667vw 0 6.6666666667vw
  }
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .cta__inner {
    width: 90%;
    max-width: 1050px;
    margin: 0 auto
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .cta__inner {
    padding: 0 2.6666666667vw
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .cta__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .cta__head {
    gap: 50px;
    margin-bottom: 40px
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .cta__head {
    display: contents
  }
}
.lgsmartmonitor .cta__group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .cta__group {
    gap: 30px
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .cta__group {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    gap: 4vw;
    margin-bottom: 4vw
  }
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .cta__logo {
    width: 292px
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .cta__logo {
    width: 38.9333333333vw
  }
}
.lgsmartmonitor .cta__txt {
  font-weight: 900
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .cta__txt {
    font-size: 40px
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .cta__txt {
    font-size: 4.6666666667vw
  }
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .cta__price {
    width: 586px
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .cta__price {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
    width: 79.3333333333vw
  }
}
.lgsmartmonitor .cta__products {
  text-align: center
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .cta__products {
    font-size: 18px
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .cta__products {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    font-size: 2.6666666667vw
  }
}
.lgsmartmonitor .cta__date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  font-weight: 900;
  letter-spacing: .05em
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .cta__date {
    margin-top: 10px;
    font-size: 24px;
    gap: 20px
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .cta__date {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    margin: 1.3333333333vw 0;
    font-size: 3.2vw;
    gap: 1.3333333333vw
  }
}
.lgsmartmonitor .cta__date .day {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .cta__date .day {
    gap: 5px
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .cta__date .day {
    gap: .6666666667vw
  }
}
.lgsmartmonitor .cta__date .en {
  font-family: "Montserrat", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, sans-serif !important
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .cta__date .en {
    font-size: 55px
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .cta__date .en {
    font-size: 7.3333333333vw
  }
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .cta__date .sm {
    font-size: 30px
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .cta__date .sm {
    font-size: 4vw
  }
}
.lgsmartmonitor .cta__date .week {
  border-radius: 50%;
  background: #fff;
  color: #000
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .cta__date .week {
    width: 35px;
    height: 35px;
    font-size: 22px
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .cta__date .week {
    width: 4.6666666667vw;
    height: 4.6666666667vw;
    font-size: 2.9333333333vw
  }
}
.lgsmartmonitor .cta__btnGroup {
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .cta__btnGroup {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 20px;
    border-radius: 25px;
    padding: 50px 35px;
    gap: 25px
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .cta__btnGroup {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 2.6666666667vw;
    border: .5333333333vw solid #06c755;
    border-radius: 6.6666666667vw;
    padding: 5.3333333333vw 0;
    gap: 3.3333333333vw
  }
}
.lgsmartmonitor .cta__btnGroup__txt {
  color: #06c755;
  font-weight: 700
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .cta__btnGroup__txt {
    font-size: 22px
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .cta__btnGroup__txt {
    font-size: 2.9333333333vw
  }
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .cta__btns {
    width: 420px
  }
}
.lgsmartmonitor .cta__btn {
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #06c755;
  border-radius: 999px;
  -webkit-box-shadow: 8px 8px 10px rgba(6, 199, 85, .4);
  box-shadow: 8px 8px 10px rgba(6, 199, 85, .4);
  color: #fff;
  font-weight: 900
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .cta__btn {
    height: 86px;
    font-size: 24px;
    gap: 20px
  }
  .lgsmartmonitor .cta__btn:hover {
    opacity: .8;
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px)
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .cta__btn {
    height: 11.4666666667vw;
    font-size: 3.2vw;
    width: 73.6vw;
    gap: 2.6666666667vw
  }
}
.lgsmartmonitor .cta__btn::before {
  content: "";
  background: url(/content/dam/channel/wcms/jp/images/promotion/tv/2026/stanbyme2max/assets/img/logo_line.png) center/100% no-repeat
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .cta__btn::before {
    width: 53px;
    height: 55px
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .cta__btn::before {
    width: 7.0666666667vw;
    height: 7.3333333333vw
  }
}
.lgsmartmonitor .cta__comingsoon {
  font-weight: 900;
  color: #d8f10a;
  letter-spacing: .05em;
  text-align: center
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .cta__comingsoon {
    margin: 30px 0 20px;
    font-size: 38px
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .cta__comingsoon {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
    margin: 4vw 0 2.6666666667vw;
    font-size: 5.0666666667vw
  }
}
.lgsmartmonitor .cta__caution {
  text-align: center
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .cta__caution {
    font-size: 15px
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .cta__caution {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
    font-size: 2.6666666667vw
  }
}
.lgsmartmonitor .intro {
  background: #1e2732;
  color: #fff;
  text-align: center
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .intro {
    padding: 60px 0 130px
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .intro {
    padding: 8vw 5.3333333333vw
  }
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .intro__inner {
    margin: 0 auto;
    max-width: 1200px
  }
}
.lgsmartmonitor .intro__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .intro__head {
    gap: 30px;
    margin-bottom: 50px
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .intro__head {
    gap: 4vw;
    margin-bottom: 6.6666666667vw
  }
}
.lgsmartmonitor .intro__heading {
  font-weight: 900
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .intro__heading {
    font-size: 48px
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .intro__heading {
    font-size: 6.4vw
  }
}
.lgsmartmonitor .c-yellow {
  color: #d8f10a
}
.lgsmartmonitor .intro__lead {
  font-weight: 500
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .intro__lead {
    font-size: 30px
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .intro__lead {
    font-size: 4vw
  }
}
.lgsmartmonitor .introList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 14px
}
.lgsmartmonitor .introList__item {
  background: #28303c;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .introList__item {
    width: 220px;
    height: 200px;
    border-radius: 25px
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .introList__item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 26.6666666667vw;
    border-radius: 3.3333333333vw
  }
}
.lgsmartmonitor .introList__txt {
  font-weight: 900
}
.lgsmartmonitor .introList__txt.en, .lgsmartmonitor .introList__txt .en {
  font-family: "Montserrat", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, sans-serif !important
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .introList__txt .sm {
    line-height: 1;
    font-size: 23px
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .introList__txt .sm {
    line-height: .5;
    font-size: 3.0666666667vw
  }
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .introList__txt .smmd {
    font-size: 30px
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .introList__txt .smmd {
    font-size: 4vw
  }
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .introList__txt .md, .lgsmartmonitor .introList__txt.md {
    font-size: 34px
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .introList__txt .md, .lgsmartmonitor .introList__txt.md {
    font-size: 4vw
  }
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .introList__txt.lg, .lgsmartmonitor .introList__txt .lg {
    font-size: 50px
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .introList__txt.lg, .lgsmartmonitor .introList__txt .lg {
    font-size: 6.6666666667vw
  }
}
.lgsmartmonitor .introList__txt2 {
  font-family: "Zen Kaku Gothic Antique", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, sans-serif !important;
  color: #d3d3d3
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .introList__txt2 {
    font-size: 19px
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .introList__txt2 {
    font-size: 2.5333333333vw
  }
}
.lgsmartmonitor .intro__kome {
  font-family: "Zen Kaku Gothic Antique", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, sans-serif !important;
  color: #d3d3d3
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .intro__kome {
    margin-top: 30px;
    font-size: 15px
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .intro__kome {
    margin-top: 4vw;
    font-size: 2.6666666667vw
  }
}
.lgsmartmonitor .intro__lead2 {
  display: inline-block;
  font-family: "Yomogi", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, sans-serif !important;
  color: #d3d3d3
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .intro__lead2 {
    margin-top: 70px;
    font-size: 30px;
    border-bottom: 6px solid #d8f10a
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .intro__lead2 {
    margin-top: 9.3333333333vw;
    font-size: 4vw;
    border-bottom: .8vw solid #d8f10a
  }
}
.lgsmartmonitor .intro__imgs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .intro__imgs {
    margin-top: 90px;
    gap: 15px
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .intro__imgs {
    margin-top: 5.3333333333vw;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 2.1333333333vw
  }
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .intro__img {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .intro__img {
    width: calc(50% - 1.0666666667vw)
  }
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .intro__video {
    margin-top: 90px
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .intro__video {
    margin-top: 5.3333333333vw
  }
}
.lgsmartmonitor .intro__video video {
  width: 100%;
  height: auto
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .intro__video video {
    border-radius: 30px
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .intro__video video {
    border-radius: 4vw
  }
}
.lgsmartmonitor .use__head {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .use__head {
    padding: 60px 0;
    gap: 40px
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .use__head {
    padding: 6.6666666667vw 0;
    gap: 5.3333333333vw
  }
}
.lgsmartmonitor .use__heading {
  display: inline-block;
  font-weight: 900;
  background: #d8f10a;
  -webkit-transform: rotate(-3deg);
  transform: rotate(-3deg)
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .use__heading {
    font-size: 33px;
    border-radius: 10px;
    padding: 20px 60px
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .use__heading {
    font-size: 4.2666666667vw;
    border-radius: 2.6666666667vw;
    padding: 2.6666666667vw 8vw
  }
}
.lgsmartmonitor .use__lead {
  font-weight: 900
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .use__lead {
    font-size: 30px
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .use__lead {
    font-size: 4vw
  }
}
.lgsmartmonitor .use__body {
  background: #cea014
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .use__body {
    padding: 90px 20px
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .use__body {
    padding: 6.6666666667vw 5.3333333333vw
  }
}
.lgsmartmonitor .useList {
  max-width: 1200px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .useList {
    gap: 80px
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .useList {
    gap: 6.6666666667vw
  }
}
.lgsmartmonitor .useList__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .useList__item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px
  }
  .lgsmartmonitor .useList__item:nth-child(even) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .useList__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4.8vw
  }
}
.lgsmartmonitor .useList__group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .useList__group {
    gap: 30px
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .useList__group {
    gap: 4.8vw
  }
}
.lgsmartmonitor .useList__ttl {
  display: inline-block;
  font-weight: 700;
  border-radius: 999px
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .useList__ttl {
    font-size: 28px;
    padding: 15px 30px
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .useList__ttl {
    font-size: 3.7333333333vw;
    padding: 2.6666666667vw 4vw
  }
}
.lgsmartmonitor .useList__ttl.-black {
  background: #000;
  color: #fff
}
.lgsmartmonitor .useList__ttl.-yellow {
  background: #d8f10a;
  color: #000
}
.lgsmartmonitor .useList__txt {
  font-weight: 700;
  color: #fff
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .useList__txt {
    font-size: 24px
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .useList__txt {
    font-size: 3.2vw
  }
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .useList__img {
    width: 58.3%;
    min-width: 400px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
  }
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .useList__video {
    width: 58.3%
  }
}
.lgsmartmonitor .useList__video video {
  width: 100%;
  height: auto
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .useList__video video {
    border-radius: 30px
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .useList__video video {
    border-radius: 4vw
  }
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .type {
    padding: 60px 0 120px
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .type {
    padding: 13.3333333333vw 5.3333333333vw
  }
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .type__inner {
    max-width: 1200px;
    width: 90%;
    margin: 0 auto
  }
}
.lgsmartmonitor .type__head {
  text-align: center
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .type__head {
    margin-bottom: 60px
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .type__head {
    margin-bottom: 8vw
  }
}
.lgsmartmonitor .type__heading {
  display: inline-block;
  font-weight: 900;
  background: #d8f10a;
  -webkit-transform: rotate(-3deg);
  transform: rotate(-3deg)
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .type__heading {
    font-size: 33px;
    padding: 15px 30px;
    border-radius: 10px
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .type__heading {
    font-size: 4.4vw;
    padding: 1.3333333333vw 4vw;
    border-radius: 1.3333333333vw
  }
}
.lgsmartmonitor .type__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .type__row {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 30px
  }
}
@media screen and (max-width: 1023px) {
  .lgsmartmonitor .type__row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4vw
  }
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .type__row__video {
    max-width: 700px
  }
}
.lgsmartmonitor .type__row__video video {
  width: 100%;
  vertical-align: bottom
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .type__row__video video {
    border-radius: 30px
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .type__row__video video {
    border-radius: 4vw
  }
}
.lgsmartmonitor .type__row__group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .type__row__group {
    gap: 30px
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .type__row__group {
    gap: 4vw
  }
}
.lgsmartmonitor .type__row__ttl {
  font-weight: 900
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .type__row__ttl {
    font-size: 37px
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .type__row__ttl {
    text-align: center;
    font-size: 4.4vw
  }
}
.lgsmartmonitor .type__row__txt {
  font-weight: 500
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .type__row__txt {
    font-size: 20px
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .type__row__txt {
    display: none;
    font-size: 2.6666666667vw
  }
}
.lgsmartmonitor .type__row__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .type__row__list {
    gap: 15px
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .type__row__list {
    display: none;
    gap: 2vw
  }
}
.lgsmartmonitor .type__row__item {
  font-weight: 700;
  background: #f0ede5;
  border-radius: 999px
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .type__row__item {
    font-size: 20px;
    padding: 10px 20px
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .type__row__item {
    font-size: 2.6666666667vw;
    padding: 1.3333333333vw 2.6666666667vw
  }
}
.lgsmartmonitor .typeList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .typeList {
    max-width: 700px;
    margin: 80px auto 0;
    gap: 75px
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .typeList {
    margin-top: 13.3333333333vw;
    gap: 6.6666666667vw
  }
}
.lgsmartmonitor .typeList__item {
  position: relative
}
.lgsmartmonitor .typeList__head {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #28303c
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .typeList__head {
    gap: 25px;
    padding: 30px 40px;
    border-radius: 25px;
    margin-bottom: 35px
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .typeList__head {
    gap: 3.3333333333vw;
    padding: 4vw 5.3333333333vw;
    border-radius: 3.3333333333vw;
    margin-bottom: 4.6666666667vw
  }
}
.lgsmartmonitor .typeList__num {
  color: #d8f10a;
  font-family: "Montserrat", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, sans-serif !important;
  font-weight: 900;
  line-height: 1
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .typeList__num {
    font-size: 90px
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .typeList__num {
    font-size: 12vw
  }
}
.lgsmartmonitor .typeList__ttl {
  color: #d8f10a;
  font-weight: 900
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .typeList__ttl {
    font-size: 33px
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .typeList__ttl {
    font-size: 4.4vw
  }
}
.lgsmartmonitor .typeList__txt {
  color: #fff;
  font-weight: 700
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .typeList__txt {
    font-size: 26px
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .typeList__txt {
    font-size: 3.4666666667vw
  }
}
.lgsmartmonitor .typeList__icon {
  position: absolute;
  top: 0
}
.lgsmartmonitor .typeList__icon.-first {
  right: 0
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .typeList__icon.-first {
    width: 220px
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .typeList__icon.-first {
    width: 29.3333333333vw
  }
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .typeList__icon.-second {
    width: 114px;
    right: 30px
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .typeList__icon.-second {
    width: 15.2vw;
    right: 1.3333333333vw
  }
}
.lgsmartmonitor .typeList__imgtxt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .typeList__imgtxt {
    margin-top: 30px;
    gap: 30px
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .typeList__imgtxt {
    margin-top: 4vw;
    gap: 4vw
  }
}
.lgsmartmonitor .typeList__imgtxt__txt {
  font-weight: 700;
  line-height: 1.8
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .typeList__imgtxt__txt {
    font-size: 30px
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .typeList__imgtxt__txt {
    font-size: 4vw
  }
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .typeList__imgtxt__img {
    width: 254px
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .typeList__imgtxt__img {
    width: 33.8666666667vw
  }
}
.lgsmartmonitor .typeList__imgs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 18px
}
.lgsmartmonitor .typeList__img {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .typeList__video {
    margin-top: 30px
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .typeList__video {
    margin-top: 4vw
  }
}
.lgsmartmonitor .typeList__video video {
  width: 100%;
  height: auto
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .typeList__video video {
    border-radius: 30px
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .typeList__video video {
    border-radius: 4vw
  }
}
.lgsmartmonitor .point {
  background: #28303c
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .point {
    padding: 60px 0 90px
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .point {
    padding: 8vw 5.3333333333vw
  }
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .point__inner {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto
  }
}
.lgsmartmonitor .point__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .point__head {
    gap: 30px;
    margin-bottom: 30px
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .point__head {
    gap: 4vw;
    margin-bottom: 6.6666666667vw
  }
}
.lgsmartmonitor .point__lead {
  display: inline-block;
  font-weight: 900;
  background: #d8f10a
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .point__lead {
    font-size: 33px;
    border-radius: 10px;
    padding: 15px 35px
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .point__lead {
    font-size: 4.4vw;
    border-radius: 1.3333333333vw;
    padding: 2vw 4.6666666667vw
  }
}
.lgsmartmonitor .point__heading {
  font-weight: 900;
  color: #fff
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .point__heading {
    font-size: 33px
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .point__heading {
    font-size: 4.4vw
  }
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .point__img {
    max-width: 700px;
    margin: 0 auto
  }
}
.lgsmartmonitor .point__img video {
  width: 100%;
  vertical-align: bottom
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .point__img video {
    border-radius: 30px
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .point__img video {
    border-radius: 4vw
  }
}
.lgsmartmonitor .pointList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .pointList {
    margin-top: 60px;
    gap: 44px
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .pointList {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 8vw;
    gap: 5.8666666667vw
  }
}
.lgsmartmonitor .pointList__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .pointList__item {
    gap: 30px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background: #343d4c;
    border-radius: 20px;
    padding: 35px 20px
  }
}
.lgsmartmonitor .pointList__item {
  gap: 30px
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .pointList__item {
    gap: 4vw
  }
}
.lgsmartmonitor .pointList__ttl {
  display: inline-block;
  font-weight: 700;
  background: #d8f10a;
  border-radius: 999px
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .pointList__ttl {
    font-size: 22px;
    padding: 10px 30px
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .pointList__ttl {
    font-size: 3.7333333333vw;
    padding: 1.3333333333vw 2vw
  }
}
.lgsmartmonitor .pointList__txt {
  color: #fff;
  font-size: 700
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .pointList__txt {
    font-size: 18px
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .pointList__txt {
    font-size: 3.2vw
  }
}
.lgsmartmonitor .pointList__video video {
  width: 100%;
  vertical-align: bottom
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .pointList__video video {
    border-radius: 30px
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .pointList__video video {
    border-radius: 4vw
  }
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .outro {
    background: #dd5c1b
  }
}
.lgsmartmonitor .outro__inner {
  position: relative
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .outro__inner {
    max-width: 1240px;
    width: 100%;
    margin: 0 auto
  }
}
.lgsmartmonitor .outro__group {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .outro__group {
    left: 5%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    gap: 30px
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .outro__group {
    top: 8%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    gap: 6.6666666667vw
  }
}
.lgsmartmonitor .outro__txt {
  -webkit-transform: rotate(-3deg);
  transform: rotate(-3deg);
  display: inline-block;
  font-weight: 900;
  background: #d8f10a
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .outro__txt {
    font-size: min(2.5vw, 33px);
    border-radius: 10px;
    padding: 15px 20px;
    margin-bottom: 20px
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .outro__txt {
    font-size: 4.4vw;
    border-radius: 1.3333333333vw;
    padding: 2vw 10.6666666667vw;
    white-space: nowrap
  }
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .outro__logo {
    width: 370px;
    width: min(28.5vw, 370px)
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .outro__logo {
    width: 49.3333333333vw;
    display: none
  }
}
.lgsmartmonitor .outro__txt2 {
  font-weight: 700;
  color: #fff;
  line-height: 2
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .outro__txt2 {
    font-size: min(1.8vw, 24px)
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .outro__txt2 {
    display: none
  }
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .outro__img {
    max-width: 752px;
    width: 60.6%;
    margin-left: auto
  }
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .ft {
    padding: 60px 0
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .ft {
    padding: 10.6666666667vw 0
  }
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .ft__inner {
    width: 90%;
    max-width: 1100px;
    margin: 0 auto
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .ft__inner {
    padding: 0 2.6666666667vw
  }
}
.lgsmartmonitor .ft__inner {
  text-align: center
}
.lgsmartmonitor .ft__sns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .ft__sns {
    margin-bottom: 40px
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .ft__sns {
    margin-bottom: 5.3333333333vw;
    gap: 1.3333333333vw
  }
}
.lgsmartmonitor .ftSns__btn {
  position: relative;
  display: block;
  width: 210px;
  border-radius: 50px;
  padding: .6em .6em .6em 1.5em;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  text-align: center
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .ftSns__btn {
    margin: 0 10px
  }
  .lgsmartmonitor .ftSns__btn:hover {
    opacity: .6
  }
}
.lgsmartmonitor .ftSns__btn::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1.5em;
  height: 1.5em
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .ftSns__btn::before {
    left: 20px
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .ftSns__btn::before {
    left: 2.6666666667vw
  }
}
.lgsmartmonitor .ftSns__btn.-x {
  background: #000
}
.lgsmartmonitor .ftSns__btn.-x::before {
  background: url(/content/dam/channel/wcms/jp/images/promotion/tv/2026/stanbyme2max/assets/img/logo_x.svg) no-repeat center/contain
}
.lgsmartmonitor .ftSns__btn.-facebook {
  background: #0866ff
}
.lgsmartmonitor .ftSns__btn.-facebook::before {
  background: url(/content/dam/channel/wcms/jp/images/promotion/tv/2026/stanbyme2max/assets/img/logo_facebook.svg) no-repeat center/contain
}
.lgsmartmonitor .ft__copy {
  font-family: "Montserrat", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, sans-serif !important;
  font-weight: bold;
  text-align: center
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .ft__copy {
    font-size: 18px
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .ft__copy {
    font-size: 3.2vw
  }
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .ft__caution {
    margin-top: 40px;
    text-align: center;
    font-size: 12px
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .ft__caution {
    margin-top: 5.3333333333vw;
    font-size: 2vw
  }
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}
.lgsmartmonitor .lgsmartmonitor__main {
  overflow: hidden
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .sticky {
    position: sticky;
    z-index: 100;
    top: 0;
    left: 0;
    width: 100%;
    background: #f7f4ee;
    padding: 0 20px
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .sticky {
    display: none
  }
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .sticky__inner {
    height: 80px;
    max-width: 1240px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .sticky__logo {
    width: clamp(200px, 16.4vw, 213px)
  }
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .sticky__group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: clamp(20px, 2.1vw, 30px)
  }
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .sticky__txt {
    background: #d8f10a;
    border-radius: 999px;
    padding: 5px 25px;
    font-weight: 700;
    font-size: clamp(13px, 1.1vw, 16px);
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt"
  }
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .sticky__txt2 {
    font-weight: 500;
    font-size: clamp(15px, 1.4vw, 20px)
  }
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .sticky__btns {
    width: 156px
  }
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .sticky__btn {
    width: 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #06c755;
    border-radius: 999px;
    -webkit-box-shadow: 8px 8px 10px rgba(6, 199, 85, .4);
    box-shadow: 8px 8px 10px rgba(6, 199, 85, .4);
    color: #fff;
    font-weight: 900;
    height: 50px;
    font-size: 16px;
    gap: 5px
  }
  .lgsmartmonitor .sticky__btn:hover {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
    opacity: .7
  }
  .lgsmartmonitor .sticky__btn::before {
    content: "";
    background: url(/content/dam/channel/wcms/jp/images/promotion/tv/2026/stanbyme2max/assets/img/logo_line.png) center/100% no-repeat;
    width: 31px;
    height: 32px;
    position: relative;
    top: 2px
  }
}