@media screen and (min-width: 769px) {
  .area_kv {
    background: url(../img/mv/lighting.jpg) no-repeat center top;
    background-size: cover;
  }
}
@media screen and (max-width: 768px) {
  .area_kv {
    background: url(../img/mv/lighting_sp.jpg) no-repeat center top;
    background-size: cover;
  }
}

main {
  padding-bottom: 120px;
}
@media screen and (max-width: 768px) {
  main {
    padding-bottom: 30vw;
  }
}

.ol_breadcrumb {
  margin-bottom: 70px;
}

.tit_under + .txt {
  margin-top: 45px;
  font-size: 15px;
  line-height: 2;
}
.tit_under + .ul_lighting {
  margin-top: 55px;
}
@media screen and (max-width: 768px) {
  .tit_under {
    padding-bottom: 6vw;
    line-height: 1.4;
  }
  .tit_under + .txt {
    margin-top: 7vw;
    font-size: 3.9215686275vw;
    letter-spacing: -0.02em;
  }
  .tit_under + .ul_lighting {
    margin-top: 10vw;
  }
}

.tit_surface {
  padding-left: 1.4em;
  font-family: "Noto Serif JP", serif;
  font-size: 24px;
  position: relative;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .tit_surface {
    font-size: 5.6022408964vw;
  }
}
.tit_surface::before {
  content: "";
  display: block;
  width: 20px;
  height: 4px;
  background: #222;
  position: absolute;
  top: 11px;
  left: 0;
}

.area_about_lighting .txt {
  text-align: center;
}
.area_about_lighting .txt + .txt {
  margin-top: 30px;
  font-size: 15px;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .area_about_lighting {
    margin-top: 19vw;
  }
  .area_about_lighting .txt {
    text-align: left;
  }
  .area_about_lighting .txt + .txt {
    margin-top: 9vw;
    font-size: 3.9215686275vw;
    line-height: 2;
  }
}

.area_product {
  margin-top: 74px;
}
@media screen and (max-width: 768px) {
  .area_product {
    margin-top: 21vw;
  }
}
.area_product .area_light {
  width: 785px;
  margin: 50px auto 0;
}
.area_product .area_light + .area_light {
  margin-top: 64px;
}
@media screen and (max-width: 768px) {
  .area_product .area_light {
    width: 100%;
    margin-top: 18vw;
  }
  .area_product .area_light .ul_lighting li + li {
    margin-top: 10vw;
  }
  .area_product .area_light .img {
    margin-top: 5.5vw;
  }
  .area_product .area_light + .area_light {
    margin-top: 17vw;
  }
}
.area_product .txt_area {
  margin-top: 56px;
  font-size: 15px;
  line-height: 2;
}
.area_product .txt_area p + p, .area_product .txt_area ul {
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .area_product .txt_area {
    margin-top: 20vw;
    font-size: 4.2016806723vw;
    line-height: 1.9;
  }
  .area_product .txt_area p + p, .area_product .txt_area ul {
    margin-top: 8vw;
  }
}

@media screen and (min-width: 769px) {
  .ul_lighting {
    margin-top: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-column-gap: 45px;
       -moz-column-gap: 45px;
            column-gap: 45px;
  }
}
.ul_lighting li .img {
  width: 370px;
  overflow: hidden;
  text-align: center;
  margin-top: 16px;
}
.ul_lighting li a {
  display: block;
}
.ul_lighting li a .pdf {
  position: relative;
  height: 60px;
  line-height: 60px;
  color: #fff;
  font-size: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 2;
}
.ul_lighting li a .pdf span {
  position: relative;
  display: block;
  width: 100%;
  text-align: center;
}
.ul_lighting li a .pdf span::after {
  content: "";
  display: block;
  width: 20px;
  height: 23px;
  background: url(../img/common/icon_pdf.svg) no-repeat center top;
  position: absolute;
  top: 18px;
  right: 20px;
  z-index: 2;
}
.ul_lighting li a .pdf::before, .ul_lighting li a .pdf::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.ul_lighting li a .pdf::before {
  background: #222;
  background: -webkit-gradient(linear, left top, right top, from(#222222), to(#6b6b6b));
  background: linear-gradient(to right, #222222 0%, #6b6b6b 100%);
}
.ul_lighting li a .pdf::after {
  background: #6b6b6b;
  background: -webkit-gradient(linear, left top, right top, from(#6b6b6b), to(#222222));
  background: linear-gradient(to right, #6b6b6b 0%, #222222 100%);
  z-index: -2;
}
.ul_lighting li a .pdf:hover::before {
  opacity: 0;
}
.ul_lighting li a:hover img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.ul_lighting li a:hover .pdf::before {
  opacity: 0;
}
.ul_lighting li .txt {
  margin-top: 20px;
  font-size: 15px;
  text-align: center;
  line-height: 1.7;
}
.ul_lighting + .ul_lighting {
  margin-top: 64px;
}
@media screen and (max-width: 768px) {
  .ul_lighting li .img {
    width: 100%;
    margin-top: 4vw;
  }
  .ul_lighting li a .pdf {
    font-size: 4.2016806723vw;
  }
  .ul_lighting li a .pdf span::after {
    width: 18px;
    height: 21px;
    background-size: contain;
  }
  .ul_lighting li .txt {
    margin-top: 5vw;
    font-size: 4.4817927171vw;
  }
  .ul_lighting li + li {
    margin-top: 17vw;
  }
  .ul_lighting + .ul_lighting {
    margin-top: 16vw;
  }
}
/*# sourceMappingURL=lighting.css.map */