@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%;
  overflow-x: hidden;
  background: #fff;
  font-family: "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 {
  position: relative;
  max-width: 1920px;
  margin: 0 auto
}
.lgsmartmonitor .mv__logo {
  position: absolute
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .mv__logo {
    top: 3%;
    left: 3%;
    width: 7.3vw
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .mv__logo {
    top: 2%;
    left: 2%;
    width: 12vw
  }
}
.lgsmartmonitor .cta {
  background: #252525;
  color: #fff;
  text-align: center
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .cta {
    padding: 70px 0
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .cta {
    padding: 9.3333333333vw 0 0
  }
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .ctaHead {
    padding-bottom: 40px
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .ctaHead {
    padding-bottom: 8vw
  }
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .cta__inner {
    width: 90%;
    max-width: 900px;
    margin: 0 auto
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .cta__inner {
    padding: 0 2.6666666667vw
  }
}
.lgsmartmonitor .ctaHead__title {
  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;
  font-weight: 400
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .ctaHead__title {
    font-size: 32px;
    margin: 0 0 22px
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .ctaHead__title {
    font-size: 5.3333333333vw;
    margin: 0 0 2.6666666667vw
  }
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .ctaHead__logo {
    width: min(20.7857142857vw, 291px)
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .ctaHead__logo {
    width: 38.6666666667vw
  }
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .ctaHead__titleText {
    width: min(13.6428571429vw, 191px);
    margin-left: 30px
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .ctaHead__titleText {
    width: 25.3333333333vw;
    margin-left: 4vw
  }
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .ctaHead__date {
    width: min(52.6428571429vw, 737px);
    margin: 45px auto 0
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .ctaHead__date {
    width: 90%;
    margin: 5.3333333333vw auto 0
  }
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .ctaHead__caution {
    font-size: 13px;
    margin: 35px auto 0
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .ctaHead__caution {
    font-size: 2.6666666667vw;
    margin: 4vw auto 0
  }
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .ctaHead__txtred {
    width: min(67.9285714286vw, 951px);
    margin: 65px auto 0
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .ctaHead__txtred {
    margin: 5.3333333333vw auto 0
  }
}
.lgsmartmonitor .ctaBody {
  background: #06c755;
  color: #fff;
  font-weight: bold
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .ctaBody {
    max-width: 1200px;
    width: 90%;
    margin: 0 auto;
    border-radius: 30px;
    padding: 40px 0
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .ctaBody {
    padding: 5.3333333333vw 0
  }
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .ctaBody__ttl {
    font-size: 40px
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .ctaBody__ttl {
    font-size: 5.3333333333vw
  }
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .ctaBody__lead {
    font-size: 24px;
    margin: 30px 0
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .ctaBody__lead {
    font-size: 3.2vw;
    margin: 4vw 0
  }
}
.lgsmartmonitor .ctaBody__btn {
  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;
  margin: 0 auto;
  background: #f94242;
  border-radius: 999px;
  -webkit-box-shadow: 0px 8px 10px rgba(0, 0, 0, .4);
  box-shadow: 0px 8px 10px rgba(0, 0, 0, .4);
  color: #fff;
  font-weight: bold;
  line-height: 1.5
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .ctaBody__btn {
    height: 86px;
    font-size: 25px;
    width: 460px;
    max-width: 100%
  }
  .lgsmartmonitor .ctaBody__btn:hover {
    opacity: .8;
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
    -webkit-box-shadow: none;
    box-shadow: none
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .ctaBody__btn {
    height: 14vw;
    font-size: 4.3vw;
    width: 80%
  }
}
.lgsmartmonitor .ctaBody__btn:hover {
  opacity: .9
}
.lgsmartmonitor .ctaFoot {
  background: #f94242;
  color: #fff
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .ctaFoot {
    padding: 10px 0 30px
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .ctaFoot {
    padding: 2.6666666667vw 0 5.3333333333vw
  }
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .ctaFoot__title {
    font-size: 24px
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .ctaFoot__title {
    font-size: 3.2vw
  }
}
.lgsmartmonitor .ctaFoot__title__lg {
  font-size: 175% !important
}
.lgsmartmonitor .ctaFoot__chach {
  font-weight: bold
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .ctaFoot__chach {
    font-size: 24px
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .ctaFoot__chach {
    font-size: 4vw
  }
}
.lgsmartmonitor .ctaFoot__text {
  margin-top: 1em
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .ctaFoot__text {
    font-size: 14px
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .ctaFoot__text {
    font-size: 2.6666666667vw
  }
}
.lgsmartmonitor .ctaHead__block {
  text-align: center
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .ctaHead__block {
    margin: 60px 0 0
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .ctaHead__block {
    margin: 10.6666666667vw 0 0
  }
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .ctaHead__lg {
    margin: 0 auto;
    width: 184px
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .ctaHead__lg {
    margin: 0 auto 5.3333333333vw;
    width: 24vw
  }
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .ctaHead__number {
    font-size: 18px;
    margin-bottom: 20px
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .ctaHead__number {
    font-size: 3.2vw;
    margin-bottom: 2.6666666667vw
  }
}
.lgsmartmonitor .point {
  text-align: center
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .point {
    padding: 100px 0
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .point {
    padding: 13.3333333333vw 0
  }
}
.lgsmartmonitor .point01 {
  color: #fff;
  background: #4f4f4f
}
.lgsmartmonitor .point02 {
  background-color: #000
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .point__inner {
    width: 90%;
    max-width: 980px;
    margin: 0 auto
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .point__inner {
    padding: 0 15px
  }
}
.lgsmartmonitor .point__block {
  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;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .point__block {
    gap: 70px
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .point__block {
    gap: 8vw
  }
}
.lgsmartmonitor .point__lead {
  font-weight: bold
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .point__lead {
    font-size: 36px
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .point__lead {
    font-size: 4.2666666667vw
  }
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .point01__ttl {
    max-width: 1083px
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .point01__ttl {
    width: 90%;
    margin: 0 auto
  }
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .point02__ttl {
    max-width: 758px
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .point02__ttl {
    width: 95%;
    margin: 0 auto
  }
}
.lgsmartmonitor .point02__img {
  max-width: 1400px;
  width: 100vw;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}
.lgsmartmonitor .point02__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .point02__list {
    max-width: 980px;
    margin: 0 auto;
    row-gap: 30px
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .point02__list {
    row-gap: 4vw
  }
}
.lgsmartmonitor .point02__item {
  width: 48.7%
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .point03__ttl {
    max-width: 780px
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .point03__ttl {
    width: 95%;
    margin: 0 auto
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .pointItem__video {
    width: 100vw;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
  }
}
.lgsmartmonitor .pointItem__video video {
  width: 100%;
  vertical-align: bottom
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .ft {
    padding: 60px 0
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .ft {
    padding: 10.6666666667vw 0
  }
}
.lgsmartmonitor .ft__inner {
  text-align: center
}
@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__sns {
  margin-bottom: 40px
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .ft__sns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}
.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
}
.lgsmartmonitor .ftSns__btn::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 20px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1.5em;
  height: 1.5em
}
.lgsmartmonitor .ftSns__btn.-x {
  background: #000
}
.lgsmartmonitor .ftSns__btn.-x::before {
  background: url(/content/dam/channel/wcms/jp/images/promotion/projectors/2025/cinebeams/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/projectors/2025/cinebeams/assets/img/logo_facebook.svg) no-repeat center/contain
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .ftSns__btn {
    margin: 0 10px
  }
  .lgsmartmonitor .ftSns__btn:hover {
    opacity: .6
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .ftSns__btn {
    margin: 0 auto 2.6666666667vw
  }
}
.lgsmartmonitor .ft__copy {
  margin-bottom: 40px;
  font-family: "Inter", "游ゴシック体", 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: 14px
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .ft__copy {
    font-size: 3.2vw
  }
}
.lgsmartmonitor .ft__cautionList {
  text-align: justify
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .ft__cautionList {
    margin-top: 60px
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .ft__cautionList {
    margin-top: 16vw
  }
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .ft__cautionTitle {
    font-size: 12px
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .ft__cautionTitle {
    font-size: 2.6666666667vw
  }
}
@media screen and (min-width: 750px) {
  .lgsmartmonitor .ft__caution {
    font-size: 12px
  }
}
@media screen and (max-width: 749px) {
  .lgsmartmonitor .ft__caution {
    font-size: 2.6666666667vw
  }
}