@charset "UTF-8";
/* google font */
@import url("https://fonts.googleapis.com/css2?family=Zen+Old+Mincho&display=swap");
#panasonicChContainer {
  /* reset */
}
#panasonicChContainer *, #panasonicChContainer *::before, #panasonicChContainer *::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
#panasonicChContainer li {
  list-style: none;
}
#panasonicChContainer :where([hidden]:not([hidden=until-found])) {
  display: none !important;
}
#panasonicChContainer :where(html) {
  -webkit-text-size-adjust: none;
  color-scheme: dark light;
}
@supports not (min-block-size: 100dvb) {
  #panasonicChContainer :where(html) {
    block-size: 100%;
  }
}
@media (prefers-reduced-motion: no-preference) {
  #panasonicChContainer :where(html:focus-within) {
    scroll-behavior: smooth;
  }
}
#panasonicChContainer :where(body) {
  block-size: 100%;
  block-size: 100dvb;
  line-height: 1.5 !important;
  font-family: system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
}
#panasonicChContainer :where(input, button, textarea, select) {
  font: inherit;
  color: inherit;
}
#panasonicChContainer :where(textarea) {
  resize: vertical;
  resize: block;
}
#panasonicChContainer :where(button, label, select, summary, [role=button], [role=option]) {
  cursor: pointer;
}
#panasonicChContainer :where(:disabled) {
  cursor: not-allowed;
}
#panasonicChContainer :where(label:has(> input:disabled), label:has(+ input:disabled)) {
  cursor: not-allowed;
}
#panasonicChContainer :where(button) {
  border-style: solid;
}
#panasonicChContainer :where(a) {
  text-underline-offset: 0.2ex;
}
#panasonicChContainer :where(ul, ol) {
  list-style: none;
}
#panasonicChContainer :where(img, svg, video, canvas, audio, iframe, embed, object) {
  display: block;
}
#panasonicChContainer :where(img, picture, svg) {
  max-inline-size: 100%;
  block-size: auto;
}
#panasonicChContainer :where(p, h1, h2, h3, h4, h5, h6) {
  overflow-wrap: break-word;
}
#panasonicChContainer :where(h1, h2, h3) {
  line-height: calc(1em + 0.5rem) !important;
}
#panasonicChContainer :where(hr) {
  border: none;
  border-block-start: 1px solid;
  color: inherit;
  block-size: 0;
  overflow: visible;
}
#panasonicChContainer :where(:focus-visible) {
  outline: 2px solid var(--focus-color, Highlight);
  outline-offset: 2px;
}
#panasonicChContainer :where(.visually-hidden:not(:focus, :active, :focus-within, .not-visually-hidden)) {
  clip-path: inset(50%) !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden !important;
  position: absolute !important;
  white-space: nowrap !important;
  border: 0 !important;
}
#panasonicChContainer img {
  max-width: 100%;
}

/* common */
#panasonicChContainer {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto !important;
  background: #FFF !important;
  color: #424549 !important;
  font-family: "Zen Old Mincho", "Hiragino Mincho ProN", "Yu Mincho", YuMincho, serif, Meiryo, Osaka, "MS PGothic", sans-serif !important;
  font-weight: 400 !important;
  font-style: normal;
}

.spBlock {
  display: none;
}

.spNone {
  display: block;
}

/* content */
.panasonicChKv {
  padding: 20px 0 45px !important;
  background: url(../img/img_header.png) center no-repeat !important;
  background-size: cover !important;
}
.panasonicChKv h1 {
  color: #FFF !important;
  font-size: 40px !important;
  line-height: 45px !important;
  text-align: center !important;
}
.panasonicChKv h1 span {
  display: block;
  font-size: 24px !important;
  line-height: 45px !important;
}

.panasonicChIntro {
  padding: 30px 0 36px !important;
  background: url(../img/bg_intro.png) top center repeat-y !important;
  background-size: 100% !important;
}
.panasonicChIntro__movie {
  max-width: 560px; /* 576pxからサイズ変更 */
  margin: 0 auto 20px !important;
}
.panasonicChIntro__movie video {
  max-width: 560px; /* 576pxからサイズ変更 */
}
.panasonicChIntro h2 {
  max-width: 812px;
  margin: 0 auto 24px !important;
}
.panasonicChIntro__nav {
  display: flex;
  gap: 20px;
  max-width: 890px;
  margin: 0 auto !important;
}
.panasonicChIntro__nav__item {
  border-radius: 6px;
  box-shadow: 0 2px 5.5px rgba(0, 0, 0, 0.25);
}
.panasonicChIntro__nav__item a {
  display: block;
}

.panasonicChContent {
  background: url(../img/bg_section_main.png) bottom center no-repeat !important;
  background-size: 100% auto !important;
}
.panasonicChContent__head {
  height: 261px;
  padding: 64px 78px !important;
}
.panasonicChContent__head h2 {
  margin-bottom: 14px !important;
  font-size: 56px !important;
}
.panasonicChContent__head p {
  font-size: 24px !important;
  line-height: 30px !important;
}
.panasonicChContent__tie {
  margin-bottom: 32px !important;
}
.panasonicChContent__tie img {
  margin: 0 auto !important;
}
.panasonicChContent__list {
  display: flex;
  gap: 20px;
  max-width: 1000px;
  margin: 0 auto !important;
  padding-bottom: 65px !important;
}
.panasonicChContent__list li {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 19px 0 0 !important;
  border-radius: 19px;
}
.panasonicChContent__list.type1 li {
  background: #F9EDEC !important;
}
.panasonicChContent__list.type2 li {
  background: #EDF2E4 !important;
}
.panasonicChContent__list.type3 li {
  background: #FAEFEA !important;
}
.panasonicChContent__list h4 {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  max-width: calc(100% - 32px);
  height: 73px;
  margin: 0 auto !important;
  padding-left: 12px !important;
  border-radius: 6px;
  color: #FFF !important;
  font-size: 20px !important;
  line-height: 25px !important;
  font-weight: 500 !important;
}
.panasonicChContent__list h4.small {
  font-size: 18px !important;
  letter-spacing: -0.06em;
}
.panasonicChContent__list h4 img {
  max-width: 36px !important;
}
.panasonicChContent__list {
  /* 各配色 */
}
.panasonicChContent__list.type1 h4 {
  background: #87324A !important;
}
.panasonicChContent__list.type2 h4 {
  background: #486950 !important;
}
.panasonicChContent__list.type3 h4 {
  background: #874632 !important;
}
.panasonicChContent__list.type1 p, .panasonicChContent__list.type1 .btn {
  color: #87324A !important;
}
.panasonicChContent__list.type2 p, .panasonicChContent__list.type2 .btn {
  color: #486950 !important;
}
.panasonicChContent__list.type3 p, .panasonicChContent__list.type3 .btn {
  color: #874632 !important;
}
.panasonicChContent__list.type1 .btn {
  border: 1px solid #87324A !important;
}
.panasonicChContent__list.type2 .btn {
  border: 1px solid #486950 !important;
}
.panasonicChContent__list.type3 .btn {
  border: 1px solid #874632 !important;
}
.panasonicChContent__item {
  display: flex;
  flex-grow: 1;
}
.panasonicChContent__item .pc {
  display: block !important;
}
.panasonicChContent__item .sp {
  display: none !important;
}
.panasonicChContent__item__main {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  flex-grow: 1;
  min-width: 170px;
  max-width: 170px;
  padding-bottom: 18px !important;
}
.panasonicChContent__item__main p {
  display: flex;
  flex-grow: 1;
  align-items: center;
  height: 108px;
  font-size: 20px !important;
}
.panasonicChContent__item__main p.small {
  font-size: 18px !important;
  letter-spacing: -0.08em;
}
.panasonicChContent__item__main h5 {
  display: flex;
  align-items: center;
  height: 60px;
  margin-bottom: 4px !important;
  font-family: hiragino-kaku-gothic-pron, sans-serif, Meiryo, Osaka, "MS PGothic", sans-serif !important;
  font-size: 14px !important;
  line-height: 20px !important;
}
.panasonicChContent__item__main .btn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  width: 100%;
  height: 40px;
  max-width: 148px;
  border-radius: 20px;
  font-size: 13px !important;
  text-decoration: none;
}
.panasonicChContent__item__main .btn img {
  max-width: 5px !important;
}

/* 各背景 */
.panasonicChContent__head.type1 {
  background: url(../img/bg_head_section1.png) top center no-repeat !important;
  background-size: 100% auto !important;
}

.panasonicChContent__head.type2 {
  background: url(../img/bg_head_section2.png) top center no-repeat !important;
  background-size: 100% auto !important;
}

.panasonicChContent__head.type3 {
  background: url(../img/bg_head_section3.png) top center no-repeat !important;
  background-size: 100% auto !important;
}

/* 各フォントカラー */
.panasonicChContent.type1 h2, .panasonicChContent.type1 p {
  color: #87324A !important;
}

.panasonicChContent.type2 h2, .panasonicChContent.type2 p {
  color: #486950 !important;
}

.panasonicChContent.type3 h2, .panasonicChContent.type3 p {
  color: #874632 !important;
}

.panasonicChLineup__title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 124px;
  background: url(../img/bg_head_lineup.png) center no-repeat !important;
  background-size: 100% !important;
}
.panasonicChLineup h2 {
  color: #874632 !important;
  font-size: 50px !important;
  line-height: 45px !important;
  text-align: center !important;
}
.panasonicChLineup__list {
  display: flex;
  gap: 20px;
  padding: 70px !important;
  background: #FFF !important;
}

/* responsive */
@media screen and (max-width: 1199px) {
  /* content */
  .panasonicChKv {
    padding: 1.667vw 0 3.75vw !important;
  }
  .panasonicChKv h1 {
    font-size: 3.333vw !important;
    line-height: 3.75vw !important;
  }
  .panasonicChKv h1 span {
    font-size: 2vw !important;
    line-height: 3.75vw !important;
  }
  .panasonicChIntro {
    padding: 2.5vw 0 3vw !important;
  }
  .panasonicChIntro__movie {
    max-width: 48vw;
    margin: 0 auto 1.667vw !important;
  }
  .panasonicChIntro__movie video {
    max-width: 48vw;
  }
  .panasonicChIntro h2 {
    max-width: 67.667vw;
    margin: 0 auto 2vw !important;
  }
  .panasonicChIntro__nav {
    display: flex;
    gap: 1.667vw;
    max-width: 74.167vw;
  }
  .panasonicChIntro__nav__item {
    border-radius: 0.5vw;
  }
  .panasonicChContent__head {
    height: 21.75vw;
    padding: 5.333vw 6.5vw !important;
  }
  .panasonicChContent__head h2 {
    margin-bottom: 1.167vw !important;
    font-size: 4.667vw !important;
  }
  .panasonicChContent__head p {
    font-size: 2vw !important;
    line-height: 2.5vw !important;
  }
  .panasonicChContent__tie {
    margin-bottom: 2.667vw !important;
  }
  .panasonicChContent__list {
    gap: 1.667vw;
    max-width: 83.333vw;
    padding-bottom: 5.417vw !important;
  }
  .panasonicChContent__list li {
    padding: 1.583vw 0 0 !important;
    border-radius: 1.583vw;
  }
  .panasonicChContent__list h4 {
    gap: 1vw;
    max-width: calc(100% - 2.667vw);
    height: 6.083vw;
    padding-left: 1vw !important;
    border-radius: 0.5vw;
    font-size: 1.667vw !important;
    line-height: 2.083vw !important;
  }
  .panasonicChContent__list h4.small {
    font-size: 1.5vw !important;
  }
  .panasonicChContent__list h4 img {
    max-width: 3vw !important;
  }
  .panasonicChContent__list {
    /* 各配色 */
  }
  .panasonicChContent__list.type1 .btn {
    border: 0.083vw solid #87324A !important;
  }
  .panasonicChContent__list.type2 .btn {
    border: 0.083vw solid #486950 !important;
  }
  .panasonicChContent__list.type3 .btn {
    border: 0.083vw solid #874632 !important;
  }
  .panasonicChContent__item__main {
    min-width: 14.167vw;
    max-width: 14.167vw;
    padding-bottom: 1.5vw !important;
  }
  .panasonicChContent__item__main p {
    height: 9vw;
    font-size: 1.667vw !important;
  }
  .panasonicChContent__item__main p.small {
    font-size: 1.5vw !important;
  }
  .panasonicChContent__item__main h5 {
    height: 5vw;
    font-size: 1.167vw !important;
    line-height: 1.667vw !important;
  }
  .panasonicChContent__item__main .btn {
    gap: 1vw;
    height: 3.333vw;
    max-width: 12.333vw;
    border-radius: 1.667vw;
    font-size: 1.083vw !important;
  }
  .panasonicChContent__item__main .btn img {
    max-width: 0.417vw !important;
  }
  .panasonicChLineup__title {
    height: 10.333vw;
  }
  .panasonicChLineup h2 {
    font-size: 4.167vw !important;
    line-height: 3.75vw !important;
  }
  .panasonicChLineup__list {
    gap: 1.667vw;
    padding: 5.833vw !important;
  }
}
/* 640px */
@media screen and (max-width: 640px) {
  .spBlock {
    display: block;
  }
  .spNone {
    display: none;
  }
  .panasonicChKv {
    padding: 22px 0 45px !important;
    background: url(../img/img_header_sp.png) center no-repeat !important;
    background-size: cover !important;
  }
  .panasonicChKv h1 {
    font-size: 6.25vw !important;
    line-height: 7.031vw !important;
  }
  .panasonicChKv h1 span {
    font-size: 3.75vw !important;
    line-height: 7.031vw !important;
  }
  .panasonicChIntro {
    padding: 4.688vw 0 5.625vw !important;
  }
  .panasonicChIntro__movie {
    max-width: calc(100% - 5vw);
    margin: 0 auto 2.5vw !important;
  }
  .panasonicChIntro__movie video {
    max-width: 100%;
  }
  .panasonicChIntro h2 {
    max-width: 54.375vw;
    margin: 0 auto 3.75vw !important;
  }
  .panasonicChIntro__nav {
    gap: 1.719vw;
    max-width: calc(100% - 5vw);
  }
  .panasonicChIntro__nav__item {
    border-radius: 0.938vw;
  }
  .panasonicChContent__head {
    height: 34.063vw;
    padding: 7.813vw 4.844vw !important;
  }
  .panasonicChContent__head h2 {
    margin-bottom: 3.594vw !important;
    font-size: 6.25vw !important;
  }
  .panasonicChContent__head p {
    font-size: 2.5vw !important;
    line-height: 2.813vw !important;
  }
  .panasonicChContent__tie {
    max-width: 62.5vw;
    margin: 0 auto 5.625vw !important;
  }
  .panasonicChContent__list {
    display: flex;
    gap: 1.563vw;
    max-width: 89.844vw;
    padding-bottom: 8.438vw !important;
  }
  .panasonicChContent__list li {
    padding: 2.969vw 0 0 !important;
    border-radius: 2.969vw;
  }
  .panasonicChContent__list h4 {
    justify-content: center;
    width: 100%;
    max-width: calc(100% - 3.438vw);
    height: 7.813vw;
    padding-left: 0 !important;
    border-radius: 0.938vw;
    font-size: 2.188vw !important;
    line-height: 2.969vw !important;
  }
  .panasonicChContent__list h4.small {
    font-size: 2.031vw !important;
  }
  .panasonicChContent__list h4 img {
    display: none !important;
  }
  .panasonicChContent__item {
    flex-direction: column;
  }
  .panasonicChContent__item .pc {
    display: none !important;
  }
  .panasonicChContent__item .sp {
    display: block !important;
  }
  .panasonicChContent__item__main {
    min-width: 28.906vw;
    max-width: 28.906vw;
    padding-bottom: 18px !important;
  }
  .panasonicChContent__item__main p {
    flex-grow: 0;
    max-width: calc(100% - 3.438vw);
    height: 7.813vw;
    margin: 0 auto !important;
    font-size: 1.875vw !important;
    text-align: center !important;
  }
  .panasonicChContent__item__main p.small {
    font-size: 1.875vw !important;
    letter-spacing: normal;
  }
  .panasonicChContent__item__main h5 {
    justify-content: center;
    flex-grow: 1;
    height: auto;
    margin-bottom: 0.625vw !important;
    font-size: 2.031vw !important;
    line-height: 2.344vw !important;
    text-align: center !important;
  }
  .panasonicChContent__item__main .btn {
    gap: 1.094vw;
    height: 4.375vw;
    min-height: 4.375vw;
    max-width: 16.25vw;
    margin: 0 auto !important;
    border-radius: 2.188vw;
    font-size: 1.875vw !important;
  }
  .panasonicChContent__item__main .btn img {
    max-width: 0.781vw !important;
  }
  /* 各背景 */
  .panasonicChContent__head.type1 {
    background: url(../img/bg_head_section1_sp.png) top center no-repeat !important;
    background-size: 100% auto !important;
  }
  .panasonicChContent__head.type2 {
    background: url(../img/bg_head_section2_sp.png) top center no-repeat !important;
    background-size: 100% auto !important;
  }
  .panasonicChContent__head.type3 {
    background: url(../img/bg_head_section3_sp.png) top center no-repeat !important;
    background-size: 100% auto !important;
  }
  .panasonicChLineup__title {
    height: 10.156vw;
  }
  .panasonicChLineup h2 {
    font-size: 4.688vw !important;
    line-height: 7.031vw !important;
  }
  .panasonicChLineup__list {
    flex-direction: column;
    gap: 7.813vw;
    padding: 7.813vw !important;
  }
}/*# sourceMappingURL=style.css.map */