@charset "utf-8";

.slider .slick-dots{ margin: 0 !important; bottom: -26px; }
.slider .slick-dots li button:before{ font-size: 11px; }
.slider .slick-dots li{ margin: 0 4px; padding-bottom: 0; line-height: 1; }
.slider .slick-dots li.slick-active button:before{ opacity: 1; }
.slider .slick-prev{ left: calc(50% - 385px); -webkit-transform: translate(-50%,0); transform: translate(-50%,0); }
.slider .slick-next{ right: calc(50% - 433px); -webkit-transform: translate(-50%,0); transform: translate(-50%,0); }
.slider .slick-prev,.slider .slick-next{ width: 48px; height: 48px; z-index: 3; }
.slider .slick-prev,.slider .slick-prev:hover,.slider .slick-prev:focus{ background: url('../common-responsive/etc/designs/panasonic/common-clientlibs/images/btn-slideback.png') 0 0 no-repeat; }
.slider .slick-next,.slider .slick-next:hover,.slider .slick-next:focus{ background: url('../common-responsive/etc/designs/panasonic/common-clientlibs/images/btn-slidenext.png') 0 0 no-repeat; }
.slick-prev:before, .slick-next:before{ content: none; }
.slider{  }
.slider .slider-item{ width: 700px!important; }
.slider .slider-item img{ max-width: 100%; }
.slider .slider-item{ opacity: 0.34; -webkit-transition: opacity 0.4s; transition: opacity 0.4s; }
.slider .slick-slide.slick-current.slider-item,.slider .slick-slide.is-active-next.slider-item{ opacity: 1; border: 1px solid #9b9eb6; }

/* 20221224 追加分 */
.slider .slick-prev,.slider .slick-prev:hover,.slider .slick-prev:focus{ background: url('../../etc/designs/panasonic/common-clientlibs/images/btn-slideback.png') 0 0 no-repeat; }
.slider .slick-next,.slider .slick-next:hover,.slider .slick-next:focus{ background: url('../../etc/designs/panasonic/common-clientlibs/images/btn-slidenext.png') 0 0 no-repeat; }

@media screen and (max-width: 750px) {
  .sp-mgTB30{ margin-bottom: 10px!important; }
  .slider .slider-item{ width: 100vw!important; }
  .slider .slick-prev{ left: 0; -webkit-transform: translate(0,0); transform: translate(0,-50%); }
  .slider .slick-next{ right: 0; -webkit-transform: translate(0,0); transform: translate(0,-50%); }
  
  .bgC-Brown01{ padding: 40px 5%; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .bgC-Brown01 h2{ font-size: 22px!important; }
  .bgC-Brown01 h3{ margin-top: 30px; font-size: 20px!important; }
  .bgC-Brown01 h4{ margin-top: 15px; font-size: 18px!important; }
  .bgC-Brown01 .subTitle{ padding: 10px 0 10px 15px; font-size: 18px!important; }
  .bgC-Brown01 .box ul{ padding: 0 20px; }
  .bgC-Brown01 .paternB .box>div:nth-of-type(1) .text{ min-height: 5em; padding: 0 20px; line-height: 1.5em; }
  
  .bgC-Brown01 .paternA .box{ width: 100%; }
  .bgC-Brown01 .paternA .box:nth-of-type(n+2){ margin-top: 25px; }
  .bgC-Brown01 .paternB .box{ width: 100%; }
  .bgC-Brown01 .paternB .box:nth-of-type(n+2){ margin-top: 25px; }
  .bgC-Brown01 .paternB .box>div:nth-of-type(2){ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-item-align: start; align-self: flex-start; }
  .bgC-Brown01 .paternB .box>div:nth-of-type(2) img{ height: 148px; }
  
  .bgC-Brown01 .paternC .box{ width: 100%; margin-right: 0; }
  .bgC-Brown01 .paternC .box:nth-of-type(n+2){ margin-top: 25px; }
  
  .bgC-White .linkBnr{ width: 90%; }
  .bgC-White .linkBnr li{ width: 100%; margin-right: 2.048%; padding-bottom: 0; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; }
  .bgC-White .linkBnr li:nth-of-type(n+2){ margin-top: 15px; }
}