/* Scss Document */
.slider .slick-dots li:nth-child(4n) {
  margin-right: 0;
}
@media screen and (max-width: 736px) {
  .slider .slick-dots li:nth-child(4n) {
    margin-right: 1.25vw;
  }
}

@media screen and (min-width: 737px) and (max-width: 980px) {
  body {
    overflow-x: hidden;
  }
}

.lp-ledfoglight {
  font-family: "Hiragino Kaku Gothic ProN";
}
.lp-ledfoglight__mv {
  position: relative;
}
@media screen and (min-width: 737px) {
  .lp-ledfoglight__mv {
    padding-top: 100px;
    padding-bottom: 112px;
    background: url("/ACCESS/ledfoglight/img/bg-pc.png") no-repeat center/cover;
  }
}
@media screen and (max-width: 736px) {
  .lp-ledfoglight__mv {
    background: url("/ACCESS/ledfoglight/img/bg-sp.png") no-repeat center/cover;
    padding-bottom: 22%;
  }
}
.lp-ledfoglight__mv-wrap {
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgb(25, 25, 25) 75%, rgb(120, 120, 119) 100%);
}
.lp-ledfoglight__mv-title {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-bottom: 105px;
}
@media screen and (max-width: 736px) {
  .lp-ledfoglight__mv-title {
    margin-bottom: 64px;
  }
}
.lp-ledfoglight__mv-title h1 {
  margin: auto;
}
@media screen and (max-width: 736px) {
  .lp-ledfoglight__mv-text {
    padding: 0 20px;
  }
}
.lp-ledfoglight__mv-text p {
  color: #FFF;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.68;
}
@media screen and (max-width: 736px) {
  .lp-ledfoglight__mv-text p {
    font-size: 15px;
    line-height: 1.6;
  }
}
.lp-ledfoglight__mv-text .color-yellow {
  color: #EDE62E;
  font-size: 26px;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 17px;
}
@media screen and (max-width: 736px) {
  .lp-ledfoglight__mv-text .color-yellow {
    font-size: 24px;
    line-height: 1.15;
    letter-spacing: 3px;
  }
}
.lp-ledfoglight__mv-spec {
  margin-top: 100px;
  display: flex;
  justify-content: center;
  gap: 45px;
}
@media screen and (max-width: 736px) {
  .lp-ledfoglight__mv-spec {
    padding: 0 20px;
    gap: 30px;
    margin-top: 50px;
    flex-direction: column-reverse;
  }
}
.lp-ledfoglight__mv-spec .text {
  width: 433px;
  color: #fff;
}
@media screen and (max-width: 736px) {
  .lp-ledfoglight__mv-spec .text {
    width: 100%;
  }
}
.lp-ledfoglight__mv-spec .text .detail {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.68;
}
@media screen and (max-width: 736px) {
  .lp-ledfoglight__mv-spec .text .detail {
    font-size: 14px;
    line-height: 1.5;
  }
}
.lp-ledfoglight__mv-spec .text .price {
  font-size: 52px;
  font-weight: 500;
  line-height: 27px;
  margin-top: 20px;
}
@media screen and (max-width: 736px) {
  .lp-ledfoglight__mv-spec .text .price {
    font-size: 40px;
    line-height: 1.5;
    margin-top: 0;
  }
}
.lp-ledfoglight__mv-spec .text .price span {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.68;
  display: block;
  margin-top: 25px;
}
@media screen and (max-width: 736px) {
  .lp-ledfoglight__mv-spec .text .price span {
    font-size: 14px;
    line-height: 1.5;
    margin-top: 0;
  }
}
.lp-ledfoglight__mv-spec .text .caution {
  margin-top: 20px;
}
@media screen and (max-width: 736px) {
  .lp-ledfoglight__mv-spec .text .caution {
    margin-top: 10px;
  }
}
.lp-ledfoglight__mv-spec .text .caution li {
  display: flex;
}
.lp-ledfoglight__mv-spec .text .caution li span, .lp-ledfoglight__mv-spec .text .caution li p {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}
@media screen and (max-width: 736px) {
  .lp-ledfoglight__mv-spec .text .caution li span, .lp-ledfoglight__mv-spec .text .caution li p {
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: -0.5px;
  }
}
.lp-ledfoglight__mv-spec .img .sliderWrap {
  width: 430px;
}
@media screen and (max-width: 736px) {
  .lp-ledfoglight__mv-spec .img .sliderWrap {
    width: 100%;
  }
}
.lp-ledfoglight__mv-spec .img .sliderWrap .slider .slick-slide {
  height: auto;
  padding: 0;
  border: none;
}
@media screen and (max-width: 736px) {
  .lp-ledfoglight__mv-spec .img .sliderWrap .slider .slick-slide {
    margin: 0 10px;
  }
}
.lp-ledfoglight__mv-spec .img .sliderWrap .slider .slick-slide img {
  width: 100%;
  margin-bottom: 0;
}
@media screen and (min-width: 737px) {
  .lp-ledfoglight__mv-spec .img .sliderWrap .slider .slick-dots {
    margin-top: 10px;
    display: flex;
    gap: 10px;
  }
}
@media screen and (max-width: 736px) {
  .lp-ledfoglight__mv-spec .img .sliderWrap .slider .slick-dots {
    margin-top: 10px;
  }
}
@media screen and (min-width: 737px) {
  .lp-ledfoglight__mv-spec .img .sliderWrap .slider .slick-dots li {
    width: 107px;
    height: 65.5px;
    margin: 0;
    border: none;
    background-repeat: no-repeat;
  }
}
@media screen and (max-width: 736px) {
  .lp-ledfoglight__mv-spec .img .sliderWrap .slider .slick-dots li {
    margin: 0 10px;
    width: 12.5px;
    height: 12.5px;
  }
}
@media screen and (max-width: 736px) {
  .lp-ledfoglight__mv-spec .img .sliderWrap .slider .slick-dots li.slick-active button {
    background: #fff;
  }
}
@media screen and (max-width: 736px) {
  .lp-ledfoglight__mv-spec .img .sliderWrap .slider .slick-dots li button {
    width: 12.5px;
    height: 12.5px;
    background: transparent;
    border-color: #fff;
  }
}
.lp-ledfoglight__main {
  background: #787877;
}
.lp-ledfoglight__contents {
  max-width: 980px;
  width: 100%;
  margin: auto;
  padding-top: 90px;
  box-sizing: border-box;
}
@media screen and (max-width: 736px) {
  .lp-ledfoglight__contents {
    padding: 45px 20px;
  }
}
.lp-ledfoglight__howto-flow .flow-list {
  width: 100%;
  max-width: 900px;
  margin: 40px auto 0;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 736px) {
  .lp-ledfoglight__howto-flow .flow-list {
    flex-direction: column;
    gap: 85px;
  }
}
.lp-ledfoglight__howto-flow .flow-list li {
  max-width: 220px;
  position: relative;
}
@media screen and (max-width: 736px) {
  .lp-ledfoglight__howto-flow .flow-list li {
    max-width: none;
    width: calc(100% - 115px);
    margin: auto;
  }
}
.lp-ledfoglight__howto-flow .flow-list li img {
  width: 220px;
}
@media screen and (max-width: 736px) {
  .lp-ledfoglight__howto-flow .flow-list li img {
    width: 100%;
  }
}
.lp-ledfoglight__howto-flow .flow-list li .text {
  margin-top: 5px;
  display: flex;
  color: #FFF;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.7;
}
@media screen and (max-width: 736px) {
  .lp-ledfoglight__howto-flow .flow-list li .text {
    margin-top: 10px;
    line-height: 1.5;
  }
}
.lp-ledfoglight__howto-flow .flow-list li .icon {
  position: absolute;
}
@media screen and (min-width: 737px) {
  .lp-ledfoglight__howto-flow .flow-list li .icon {
    top: 50px;
    right: -70px;
  }
}
@media screen and (max-width: 736px) {
  .lp-ledfoglight__howto-flow .flow-list li .icon {
    bottom: -60px;
    right: calc(50% - 15px);
    transform: rotate(90deg);
  }
}
@media screen and (max-width: 736px) {
  .lp-ledfoglight__howto-flow .flow-list li .caution {
    padding-left: 1em;
  }
}
.lp-ledfoglight__howto-flow .flow-list li .caution li {
  display: flex;
}
@media screen and (max-width: 736px) {
  .lp-ledfoglight__howto-flow .flow-list li .caution li {
    width: 100%;
  }
}
.lp-ledfoglight__howto-flow .flow-list li .caution li p, .lp-ledfoglight__howto-flow .flow-list li .caution li span {
  color: #FFF;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.7;
}
@media screen and (max-width: 736px) {
  .lp-ledfoglight__howto-flow .flow-list li .caution li p, .lp-ledfoglight__howto-flow .flow-list li .caution li span {
    line-height: 1.5;
  }
}
.lp-ledfoglight__h2 {
  width: 100%;
  margin: auto;
  position: relative;
}
.lp-ledfoglight__h2::after {
  content: "";
  display: block;
  width: 100%;
  height: 4px;
  background: linear-gradient(90deg, #2C2C2C 5.77%, #FFF335 27.25%, #2C2C2C 67.21%);
}
.lp-ledfoglight__h2 h2 {
  text-align: center;
  color: #FFF;
  text-align: center;
  font-size: 30px;
  font-weight: 600;
  line-height: 1;
  padding-bottom: 24px;
}
@media screen and (max-width: 736px) {
  .lp-ledfoglight__h2 h2 {
    font-size: 20px;
    line-height: 1.2;
    padding-bottom: 12px;
  }
}
.lp-ledfoglight__text {
  width: 100%;
  max-width: 900px;
  margin: 40px auto 0;
  box-sizing: border-box;
}
@media screen and (max-width: 736px) {
  .lp-ledfoglight__text {
    padding: 0 15px;
    margin-top: 30px;
  }
}
.lp-ledfoglight__text p {
  color: #FFF;
  font-size: 14px;
  font-weight: 400;
  line-height: 2; /* 214.286% */
}
@media screen and (max-width: 736px) {
  .lp-ledfoglight__text p {
    line-height: 1.5;
  }
}
.lp-ledfoglight__exchange .lp-ledfoglight__h2 {
  margin-top: 160px;
}
@media screen and (max-width: 736px) {
  .lp-ledfoglight__exchange .lp-ledfoglight__h2 {
    margin-top: 100px;
  }
}
.lp-ledfoglight__exchange .lp-ledfoglight__h2::after {
  background: linear-gradient(90deg, #2C2C2C 20.67%, #FFF335 52.88%, #2C2C2C 81.25%);
}
.lp-ledfoglight__carlist .lp-ledfoglight__h2 {
  margin-top: 160px;
}
@media screen and (max-width: 736px) {
  .lp-ledfoglight__carlist .lp-ledfoglight__h2 {
    margin-top: 100px;
  }
}
.lp-ledfoglight__carlist .lp-ledfoglight__h2::after {
  background: linear-gradient(270deg, #2C2C2C 5.77%, #FFF335 27.25%, #2C2C2C 67.31%);
}
.lp-ledfoglight__carlist .list {
  width: 100%;
  max-width: 900px;
  margin: auto;
}
.lp-ledfoglight__carlist .list ul {
  display: flex;
  flex-wrap: wrap;
  gap: 40px 50px;
  margin: 25px auto 0;
}
@media screen and (max-width: 736px) {
  .lp-ledfoglight__carlist .list ul {
    flex-wrap: nowrap;
    flex-direction: column;
    gap: 20px;
  }
}
.lp-ledfoglight__carlist .list ul li a {
  display: block;
  width: 266px;
  height: 163px;
  flex-shrink: 0;
}
@media screen and (max-width: 736px) {
  .lp-ledfoglight__carlist .list ul li a {
    width: calc(100% - 100px);
    height: auto;
    margin: auto;
  }
}
.lp-ledfoglight__carlist .list ul li a img {
  width: 100%;
}
.lp-ledfoglight__carlist .list ul li p {
  margin-top: 11px;
  color: #FFF;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}
@media screen and (max-width: 736px) {
  .lp-ledfoglight__carlist .list ul li p {
    font-size: 14px;
  }
}
.lp-ledfoglight__carlist .caution {
  width: 100%;
  max-width: 900px;
  margin: 60px auto 0;
  box-sizing: border-box;
}
@media screen and (max-width: 736px) {
  .lp-ledfoglight__carlist .caution {
    padding: 0 15px;
    margin-top: 50px;
  }
}
.lp-ledfoglight__carlist .caution li {
  color: #FFF;
  font-size: 14px;
  font-weight: 400;
  line-height: 2;
  display: flex;
  align-items: flex-start;
}
@media screen and (max-width: 736px) {
  .lp-ledfoglight__carlist .caution li {
    line-height: 1.5;
  }
}
.lp-ledfoglight__note {
  border-top: 1.4px solid #D8D8D8;
  padding-top: 28px;
  padding-bottom: 160px;
  margin-top: 200px;
}
@media screen and (max-width: 736px) {
  .lp-ledfoglight__note {
    padding-bottom: 80px;
    margin-top: 95px;
  }
}
.lp-ledfoglight__note ul li {
  color: #FFF;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.66;
  display: flex;
  align-items: flex-start;
  margin-top: 3px;
}
@media screen and (max-width: 736px) {
  .lp-ledfoglight__note ul li {
    font-size: 11px;
    line-height: 1.5;
    margin-top: 1.5px;
  }
}
.lp-ledfoglight__note ul li:first-child {
  margin-top: 0;
}
.lp-ledfoglight__note .guarantee {
  margin-top: 40px;
  display: flex;
  align-items: center;
  gap: 12px;
}
@media screen and (max-width: 736px) {
  .lp-ledfoglight__note .guarantee {
    margin-top: 30px;
    gap: 6px;
  }
}
.lp-ledfoglight__note .guarantee img {
  width: 150px;
  height: 50px;
}
@media screen and (max-width: 736px) {
  .lp-ledfoglight__note .guarantee img {
    width: 105px;
    height: 35px;
  }
}
.lp-ledfoglight__note .guarantee p {
  color: #FFF;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
}
@media screen and (max-width: 736px) {
  .lp-ledfoglight__note .guarantee p {
    font-size: 10px;
  }
}

@media screen and (min-width: 737px) {
  div#footer_topic_path ul li {
    color: #FFF;
    font-family: "Hiragino Kaku Gothic StdN";
    font-size: 12px;
    font-weight: 500;
    line-height: 30px;
    padding: 20px 0 20px;
  }
}

@media screen and (max-width: 736px) {
  .spHide {
    display: none !important;
  }
}

@media screen and (min-width: 737px) {
  .pcHide {
    display: none !important;
  }
}/*# sourceMappingURL=style.css.map */