@charset "utf-8";

.serif{ font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }

.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; }

.sp-mgTB30{ padding-bottom: 10px; }

.bgC-Brown01{ padding: 60px 0; }
.bgC-Brown01 a:hover{ text-decoration: none!important; }
.bgC-Brown01 .inner{ width: 100%; max-width: 976px; margin: 0 auto; }
.bgC-Brown01 h2{ font-size: 28px!important; text-align: center; }
.bgC-Brown01 h3{ margin-top: 50px; padding: 6px 0; font-size: 26px!important; color: #fff; background-color: #555; text-align: center; font-weight: normal!important; line-height: 1.3; }
.bgC-Brown01 h4{ margin-top: 15px; font-size: 22px!important; text-align: center; font-weight: normal!important; line-height: 1.3; border-bottom: 1px solid #9b9eb6; }
.bgC-Brown01 h4.mt{ margin-top: 35px; }
.bgC-Brown01 .subTitle{ padding: 14px 0 14px 20px; font-size: 20px!important; border-left: 7px solid #a96124; font-weight: normal!important; line-height: 1.3; }
.bgC-Brown01 .subTitle a{ color: #222; }
/*.bgC-Brown01 .paternB .subTitle,.bgC-Brown01 .paternC .subTitle{ border-left: 7px solid #222; }*/

.bgC-Brown01 .box{ background-color: #fff; display: block; padding-bottom: 15px; border: 1px solid #9B9EB6; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0 2px 0 rgba(0,0,0,.15); box-shadow: 0 2px 0 rgba(0,0,0,.15); position: relative; }
.bgC-Brown01 .box ul{ margin-top: 10px!important; padding: 0 30px; }
.bgC-Brown01 .box ul li{ padding-bottom: 5px; line-height: 1.3; }
.bgC-Brown01 .box ul li a{ color: #222; }
.bgC-Brown01 .box .moreBtn>a,.bgC-Brown01 .box .moreBtn>span{ width: 148px; padding: 1px 0; display: inline-block; background-color: #0B89AA; color: #fff; position: absolute; bottom: 0; right: 0; text-align: center; }

.bgC-Brown01 .paternA{ margin-top: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.bgC-Brown01 .paternA a:hover{ text-decoration: underline!important; }
.bgC-Brown01 .paternA .box{ width: 48.156%; }
.bgC-Brown01 .paternA .box:nth-of-type(2n){ margin-left: auto; }
.bgC-Brown01 .paternA .box:nth-of-type(n+3){ margin-top: 25px; }

.bgC-Brown01 .paternB{ margin-top: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.bgC-Brown01 .paternB .box{ width: 48.156%; color: #222; display: -webkit-box; display: -ms-flexbox; display: flex; }
.bgC-Brown01 .paternB .box:nth-of-type(2n){ margin-left: auto; }
.bgC-Brown01 .paternB .box:nth-of-type(n+3){ margin-top: 25px; }
.bgC-Brown01 .paternB .box>div:nth-of-type(1){ width: calc(100% - 148px); }
.bgC-Brown01 .paternB .box>div:nth-of-type(1) .text{ min-height: 5.5em; margin-top: 10px; padding: 0 30px; line-height: 1.5em; }
.bgC-Brown01 .paternB .box>div:nth-of-type(2){ width: 148px; }
.bgC-Brown01 .paternB .box>div:nth-of-type(2) img{ max-width: 100%; }

.bgC-Brown01 .paternC{ margin-top: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.bgC-Brown01 .paternC .box{ width: 32%; margin-right: 2%; color: #222; display: -webkit-box; display: -ms-flexbox; display: flex; }
.bgC-Brown01 .paternC .box:nth-of-type(3n){ margin-right: 0; }
.bgC-Brown01 .paternC .box:nth-of-type(n+4){ margin-top: 25px; }
.bgC-Brown01 .paternC .box .subTitle{ margin-bottom: 40px; }

.bgC-White .linkBnr{ width: 100%; max-width: 976px; margin: 0 auto!important; padding: 50px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.bgC-White .linkBnr li{ width: 31.968%; margin-right: 2.048%; padding-bottom: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }
.bgC-White .linkBnr li:nth-of-type(3n){ margin-right: 0; }
.bgC-White .linkBnr li:nth-of-type(n+4){ margin-top: 15px; }

@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; }
}

/* 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; }