@charset "UTF-8";
:root {
  --color-primary: #D23A00;
  --color-primary-light: #eaf4f5;
  --color-primary-light2: #b8e7ed;
  --color-alert: #e40000;
  --color-body: #333333;
  --color-white: #ffffff;
  --color-gray: #505050;
  --color-shadow: #DEDEDE;
  --border-color: var(--color-body);
  --marker-color: #FFF880;
  --background-body: #F77B39;
  --background-main: var(--color-white);
  --background-header: var(--color-white);
  --background-gray: #F0F0F0;
  --background-gray-dark: #E2E2E2;
  --background-gradient: linear-gradient(#fdf7f7 0%, #d4ecea 100%);
  --gutter-main: 1.25rem;
  --line-height-body: 1.75;
  --line-height-s: 1.5;
  --font-size-body: 16px;
  --wrapper-width: 520px;
  --wrapper-width-s: 414px;
  --design-width: 390;
  --border-radius-xs: 2px;
  --border-radius-s: 4px;
  --border-radius-m: 8px;
  --border-radius-l: 16px;
  --border-radius-xl: 20px;
  --letter-spacing-xs: 0.01em;
  --letter-spacing-s: 0.05em;
  --letter-spacing-l: 0.1em;
  --font-family-en: "Lato", sans-serif;
  --cv-background: rgb(255 255 255 / .9);
  --primary-border: var(--color-primary);
  --primary-background: var(--color-primary);
  --primary-gradient: linear-gradient(#fff 0%, #d8ecef 100%);
  --white-gradient: linear-gradient(#fff 0%, #f5f5f5 100%);
  --button-background: var(--color-white);
  --button-color: var(--color-body);
  --button-icon: var(--primary-background);
  --button-primary-background: var(--primary-background);
  --button-primary-color: var(--color-white);
  --button-primary-icon: var(--color-white);
  --button-document-border: #707070;
  --header-border: #dfeaeb;
  --gnav-background: var(--color-primary);
  --gnav-color: var(--color-white);
  --gnav-border: rgb(255 255 255 / .5);
  --gnav-border-current: rgb(255 255 255 / 1);
  --scroll-transition-duration: 1s;
}

.p-faq__item > dt {
  cursor: pointer;
  transition: all 0.3s ease-out;
}
.p-faq__item > dt:hover {
  opacity: 0.6;
}

html {
  font-size: var(--font-size-body);
}

body {
  line-height: var(--line-height-body);
  letter-spacing: normal;
  font-family: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-size: 100%;
  font-weight: 500;
  background: var(--background-body);
  color: var(--color-body);
}

img {
  width: auto;
}

.p-bg-fixed {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  background: url("../images/bg.jpg") no-repeat center center/cover;
}
@media screen and (max-width: 581px) {
  .p-bg-fixed {
    display: none;
  }
}

.p-bg-fixed__nav {
  display: grid;
  align-content: center;
  position: absolute;
  top: 0;
  left: 0;
  width: calc(50% - 260px);
  height: 100%;
  padding-right: 4.2105263158vw;
  padding-left: 2.1052631579vw;
}
@media screen and (max-width: 1080px) {
  .p-bg-fixed__nav {
    display: none;
  }
}
.p-bg-fixed__nav .p-gnav {
  width: clamp(240px, 100%, 420px);
  margin-right: 0;
  margin-left: auto;
  padding: 0;
  background: transparent;
}
.p-bg-fixed__nav .p-gnavList__link::after {
  background-image: url("../images/ico_arrow_primary.svg");
  background-color: var(--button-primary-icon);
}

@media screen and (max-width: 990px) {
  .p-bg-fixed__logo,
  .p-bg-fixed__nav {
    display: none;
  }
}

.p-bg-light {
  background-color: #fdf7f7;
}

.p-bg-blue {
  background-color: #eaf4f3;
}

.p-bg-gradient {
  background: var(--background-gradient);
}

.l-wrapper {
  container-type: inline-size;
  position: relative;
  z-index: 1;
  max-width: var(--wrapper-width);
  margin: 0 auto;
  background: var(--background-main);
  box-shadow: 0 0 200px rgba(97, 97, 97, 0.12);
  transition: background-color var(--scroll-transition-duration) ease, color var(--scroll-transition-duration) ease;
}
body.is-color-inverted .l-wrapper {
  background-color: var(--primary-background);
}

.c-inner {
  padding-inline: var(--gutter-main);
}

.c-video iframe {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: 16/9;
}

.l-footer {
  position: relative;
  background: #fff;
  padding: 1.75rem 1.25rem 1.25rem;
}

.p-footerLogo a {
  display: block;
  width: 187px;
  margin-inline: auto;
  line-height: 1;
}
.p-footerLogo a img {
  width: 100%;
  height: auto;
}

.p-bottomNotes {
  padding-top: 1.4375rem;
  padding-bottom: 2.5rem;
}

.p-copyright {
  margin-top: 1rem;
  text-align: center;
  line-height: 1;
}
.p-copyright small {
  font-size: 0.625rem;
}

.l-header .l-header__inner {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 100;
  width: 100%;
  height: 64px;
  padding-right: 64px;
  background: var(--background-header);
}
@media screen and (min-width: 1081px) {
  .l-header .l-header__inner {
    justify-content: center;
    padding-right: 0;
  }
}

.p-headerLogo {
  padding: 1.75rem 1.25rem 1.125rem;
  text-align: center;
}
.p-headerLogo img {
  max-width: 15rem;
}

.p-anchor-nav {
  padding-block: 5rem;
}

.p-anchor-nav__list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.p-anchor-nav__button {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  width: 100%;
  min-height: 4rem;
  padding: 1.125rem;
  border: 2px solid var(--border-color);
  border-radius: var(--border-radius-l);
  font-size: 1rem;
  line-height: 1.25;
  font-weight: 700;
  transition: opacity 0.2s ease;
}
@media (hover: hover) {
  .p-anchor-nav__button:hover {
    opacity: 0.6;
  }
}
.p-anchor-nav__button::after {
  content: "";
  display: block;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  border: 1px solid var(--border-color);
  border-radius: 50%;
  background: url("../images/ico_arrow_down.svg") no-repeat center center;
  background-size: 9px 10px;
}

.p-mv .c-noteList {
  margin-top: 1.25rem;
}
.p-mv .c-noteList > li:not(:last-child) {
  margin-bottom: 0.5rem;
}
.p-mv + .p-cvArea {
  padding-top: 1.25rem;
}

.p-mv__text {
  display: grid;
  grid-template-columns: 1fr;
  padding: calc(42 / var(--design-width) * 100%) 0 calc(63 / var(--design-width) * 100%);
  text-align: center;
}

.p-mv__catch img {
  width: calc(239 / var(--design-width) * 100%);
  height: auto;
}

.p-mv__title {
  margin: 0;
  padding-top: calc(46 / var(--design-width) * 100%);
}
.p-mv__title img {
  width: calc(290 / var(--design-width) * 100%);
  height: auto;
}

.p-mv__img {
  margin-inline: -0.0625rem;
}
.p-mv__img img {
  width: 100%;
  height: auto;
}

.p-intro {
  padding: 5rem 0 6.875rem;
}

.p-intro__video {
  display: grid;
  justify-content: center;
}
.p-intro__video img, .p-intro__video video {
  width: 100%;
  height: auto;
}

.p-cvFixed {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 200;
  width: 100%;
  text-align: center;
}

.p-cvFixed__inner {
  margin-inline: auto;
  max-width: var(--wrapper-width);
  background: var(--cv-background);
}
.p-cvFixed__inner.p-cvArea {
  padding-top: 1.125rem;
  padding-bottom: 1.125rem;
}

.p-cvArea {
  padding-block: 5rem;
}
.p-cvArea:has(+ .p-bottomNotes) {
  padding-bottom: 0;
}
.p-cvArea .c-noteList {
  margin-top: 1.25rem;
}

.p-cvArea__button {
  display: flex;
  justify-content: center;
}

.c-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  min-height: 4rem;
  padding: 0.75rem 1.375rem;
  border: 2px solid var(--primary-border);
  border-radius: 6.25rem;
  background: var(--color-white);
  line-height: 1.5;
  color: var(--button-color);
  text-decoration: none;
  box-shadow: 0px 5px 0px var(--color-shadow);
  font-weight: 700;
  transition: opacity 0.2s ease;
}
@media (hover: hover) {
  .c-button:hover {
    opacity: 0.6;
  }
}
.c-button--another {
  line-height: 1.45;
}
.c-button::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 20px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 10px 9px;
  transform: translateY(-50%);
}

.c-button--cv {
  max-width: 350px;
  padding: 1rem 1.875rem 1rem;
  background: var(--primary-background);
  color: var(--button-primary-color);
}
.c-button--cv::after {
  background-image: url("../images/ico_arrow_primary.svg");
  background-color: var(--button-primary-icon);
}

.c-buttonGroup {
  display: flex;
  row-gap: 1.75rem;
}
.c-buttonGroup--vertical {
  flex-direction: column;
}

.c-dotList {
  font-weight: normal;
}
.c-dotList > li {
  padding-left: 1em;
  text-indent: -1em;
  line-height: 1.5;
}
.c-dotList > li:before {
  content: "・";
}

.c-notes,
.c-noteList {
  margin-top: 0.75rem;
  font-weight: 500;
  color: var(--color-gray);
}
.c-notes a,
.c-noteList a {
  text-decoration: underline;
}
@media (hover: hover) {
  .c-notes a:hover,
  .c-noteList a:hover {
    text-decoration: none;
  }
}

.c-notes {
  line-height: 1.5;
  font-size: 0.75rem;
}

.c-noteList > li {
  padding-left: 1em;
  text-indent: -1em;
  line-height: 1.5;
  font-size: 0.75rem;
}
.c-noteList > li:before {
  content: "※";
}
.c-noteList--number {
  counter-reset: count;
}
.c-noteList--number > li {
  padding-left: 2em;
  text-indent: -2em;
  counter-increment: count;
}
.c-noteList--number > li:before {
  margin-right: 0.5em;
  content: "※" counter(count);
}

.c-linkList a {
  text-decoration: underline;
}
@media (hover: hover) {
  .c-linkList a:hover {
    text-decoration: none;
  }
}

.c-imgBox {
  border: 2px solid var(--border-color);
  border-radius: var(--border-radius-xl);
  background-color: var(--color-white);
  overflow: hidden;
}
.c-imgBox--overflow {
  overflow: visible;
}
.c-imgBox--no-border {
  border: none;
}
.c-imgBox img {
  width: 100%;
}
.c-imgBox + .c-imgBox {
  margin-top: 1.25rem;
}
.c-imgBox + .c-notes,
.c-imgBox + .c-noteList {
  margin-top: 0.75rem;
}

.p-pagetop {
  position: absolute;
  top: -1.5625rem;
  right: var(--gutter-main);
}

.p-pagetop__button {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  row-gap: 0.125rem;
  width: 3.125rem;
  height: 3.125rem;
  border: 1px solid #dfeaeb;
  border-radius: 50%;
  background: var(--color-white);
  text-align: center;
  line-height: 1;
  font-size: 0.625rem;
  font-weight: 500;
}
.p-pagetop__button::before {
  content: "";
  display: block;
  width: 14px;
  height: 17px;
  background: url("../images/ico_arrow_pagetop.svg") no-repeat center center;
  background-size: 14px 17px;
}

.c-headingGroup {
  display: flex;
  flex-direction: column;
  gap: 0.6875rem;
  align-items: center;
  margin-bottom: 3.75rem;
  text-align: center;
}
.c-headingGroup:not(:has(.c-headingGroup__img)) {
  margin-bottom: 2.5rem;
}

.c-headingGroup__img {
  order: -1;
}

.c-headingGroup__text {
  position: relative;
  display: inline-block;
  line-height: 1.429;
  font-size: 1.75rem;
  font-weight: 700;
}
.c-headingGroup__text > span {
  position: relative;
}
.c-headingGroup__text::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -2px;
  width: calc(100% + 0.625rem);
  height: 0.9375rem;
  border-radius: var(--border-radius-s);
  background: var(--marker-color);
  transform: translateX(-50%);
}

.c-headingText {
  margin-bottom: 3.125rem;
  text-align: center;
  line-height: 1.429;
  font-size: 1.75rem;
  font-weight: 700;
}

.p-about {
  padding-bottom: 5rem;
}

.p-aboutBox {
  border: 2px solid var(--border-color);
  border-radius: var(--border-radius-xl);
  background-color: var(--color-white);
  overflow: hidden;
}
.p-aboutBox img {
  width: 100%;
}

.p-aboutBox__text {
  padding: 1.25rem 1.125rem 1.375rem;
}
.p-aboutBox__text p:not([class]) {
  font-weight: 700;
}
.p-aboutBox__text .c-noteList {
  margin-top: 0.75rem;
}

.p-bgTextGroup {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 0.5rem;
}

.p-bgText {
  line-height: 2.1875rem;
}

.p-bgText__line {
  display: inline;
  padding: 0.2em 0.25em;
  border-radius: var(--border-radius-s);
  background: var(--background-main);
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  font-size: 1.5rem;
}
.pg-pvsbattery .p-bgText__line {
  font-size: 1.625rem;
}

.p-about__bg {
  position: relative;
}
.pg-pvsbattery .p-about__lead .p-about__bg::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 60px;
  background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
}
.p-about__bg img {
  width: 100%;
  height: auto;
}

.p-about__summary {
  padding-top: 3.75rem;
}

.p-about__summary__box {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 3rem;
  padding: 1.875rem 1.625rem 3.625rem;
  border: 2px solid var(--primary-border);
  border-radius: var(--border-radius-l);
}

.p-stepList {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 2.5rem;
  list-style: none;
}

.p-stepItem {
  position: relative;
  margin-top: 36px;
  padding: 3.4375rem 1.125rem 1.9375rem;
  border: 2px solid var(--border-color);
  border-radius: var(--border-radius-l);
  transition: border-color var(--scroll-transition-duration) ease;
}
.p-stepItem .c-noteList {
  margin-top: 0.75rem;
}

.p-stepItem__title {
  margin-bottom: 1.25rem;
  line-height: 1.667;
  text-align: center;
}

.p-stepItem__titleNumber {
  display: grid;
  grid-template-columns: 1fr;
  place-content: center;
  position: absolute;
  top: -36px;
  left: 50%;
  width: 72px;
  height: 72px;
  margin-left: -36px;
  border: 2px solid var(--border-color);
  border-radius: 50%;
  background: var(--background-main);
  line-height: 1;
  font-size: 0.8125rem;
  font-weight: 900;
  letter-spacing: var(--letter-spacing-s);
  transition: border-color var(--scroll-transition-duration) ease, background-color var(--scroll-transition-duration) ease;
}
body.is-color-inverted .p-stepItem__titleNumber {
  border-color: var(--color-white);
  background-color: var(--primary-background);
}
.p-stepItem__titleNumber > .number {
  font-size: 1.125rem;
}

.p-stepItem__titleText {
  font-size: 1.125rem;
  font-weight: 700;
}

.p-stepItem__buttons {
  display: grid;
  row-gap: 0.75rem;
  margin-top: 1.25rem;
}

.p-docButton {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0.875rem 0.6875rem;
  border: 1px solid var(--button-document-border);
  border-radius: var(--border-radius-s);
  background: var(--color-white);
  color: var(--button-color);
  text-decoration: none;
  font-size: 0.75rem;
  transition: opacity 0.2s ease;
}
@media (hover: hover) {
  .p-docButton:hover {
    opacity: 0.6;
  }
}
.p-docButton::after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center center;
}
.p-docButton--video::after {
  background-image: url("../images/ico_video.svg");
  background-size: 16px 16px;
}
.p-docButton--pdf::after {
  background-image: url("../images/ico_pdf.svg");
  background-size: 16px 16px;
}

.p-plan__link {
  font-size: 0.875rem;
  font-weight: 700;
}
.p-plan__link a {
  text-decoration: underline;
}

.p-feature .c-headingGroup__img img {
  width: 104px;
}

.p-feature__lead {
  margin: 4rem 0 2rem;
  line-height: 1.5;
  text-align: center;
  letter-spacing: var(--letter-spacing-s);
  font-size: 1.5rem;
}

.p-feature__img {
  display: flex;
  justify-content: center;
  position: relative;
  margin-bottom: 2.0625rem;
}

.p-featureItem {
  padding-inline: var(--gutter-main);
  font-size: 0.875rem;
}
.p-featureItem:not(:last-child) {
  margin-bottom: 3.75rem;
}
.p-featureItem .c-imgBox {
  margin-top: 1.25rem;
}
.p-featureItem .c-imgBox--overflow img {
  margin-top: -1.125rem;
}

.p-featureItem__heading {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 2.5rem;
  text-align: center;
}
.p-featureItem__heading .shoulder {
  line-height: 1;
  font-size: 1.25rem;
  font-weight: 700;
}
.p-featureItem__heading .number {
  font-family: var(--font-family-en);
  font-size: 2rem;
  font-weight: 900;
}
.p-featureItem__heading .text {
  line-height: 1.5;
  font-size: 1.5rem;
  font-weight: 700;
}
.p-featureItem__heading .color {
  color: var(--color-primary);
}
.p-featureItem__heading sup {
  top: -0.8em;
  font-size: 0.5em;
}

.p-featureItem__heading2 {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
  text-align: center;
  font-size: 1.25rem;
  font-weight: 700;
}

.p-featureItem__box {
  margin-block: 1.25rem;
  border: 2px solid var(--border-color);
  border-radius: var(--border-radius-xl);
  background: #EAF4F3;
}
.p-featureItem__box img {
  width: 100%;
  height: auto;
  border-radius: var(--border-radius-l);
}

.p-featureItem__box--text {
  padding: 0.875rem;
}

.p-featureItem__heading2 {
  margin-bottom: 0.9375rem;
  line-height: 1.625;
  text-align: center;
  font-size: 1.5rem;
  font-weight: 700;
}

.p-spec {
  padding-block: 5rem;
}
.p-spec .c-headingGroup__img img {
  width: 111px;
}

.p-spec__notes {
  margin-bottom: 2.5rem;
  padding: 1.25rem;
  border-radius: var(--border-radius-xl);
  background-color: var(--color-white);
  overflow: hidden;
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--color-primary);
}

.p-spec__summary {
  margin-bottom: 2.5rem;
}
.p-spec__summary p {
  margin-top: 0.75rem;
  font-size: 0.875rem;
}

.p-specTable {
  width: 100%;
  border-collapse: collapse;
  border: 2px solid var(--border-color);
  font-size: 0.875rem;
}
.p-specTable th, .p-specTable td {
  border: 1px solid var(--color-body);
  padding: 0.5rem 0.75rem;
  text-align: center;
  vertical-align: middle;
}
.p-specTable thead th {
  background-color: var(--color-body);
  color: #fff;
  font-weight: bold;
}
.p-specTable tbody th {
  background-color: #e6e6e6;
  font-weight: 700;
}
.p-specTable tbody td {
  background-color: #fff;
}
.p-specTable tbody td small {
  display: block;
  font-size: 0.75rem;
  margin-top: 0.25rem;
}

@container (width < 520px) {
  .p-specTable {
    font-size: 0.8125rem;
  }
  .p-specTable th, .p-specTable td {
    padding-inline: 0.5rem;
  }
}
@container (width < 390px) {
  .p-specTable {
    font-size: 0.75rem;
  }
}
.p-pointItem {
  padding-inline: var(--gutter-main);
  font-size: 0.875rem;
}
.p-pointItem:not(:last-child) {
  margin-bottom: 3.75rem;
}
.p-pointItem .c-imgBox {
  margin-top: 1.25rem;
}
.p-pointItem .c-imgBox--overflow img {
  margin-top: -1.125rem;
}

.p-pointItem__heading {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1.25rem;
  text-align: center;
}
.p-pointItem__heading .shoulder {
  line-height: 1.35;
  font-family: var(--font-family-en);
  font-size: 1.25rem;
  font-weight: 900;
  color: var(--color-primary);
}
.p-pointItem__heading .text {
  line-height: 1.5;
  font-size: 1.5rem;
  font-weight: 700;
}

.p-flow .c-headingGroup {
  margin-bottom: 3.75rem;
}
.p-flow .c-headingGroup__img img {
  width: 110px;
}

.p-contact {
  padding: 2.625rem 0;
  background: var(--color-primary-light);
}
.p-contact .c-noteList {
  margin-top: 1rem;
}

.p-contact__info {
  padding: 1.5em 1em;
  border-radius: var(--border-radius-l);
  border: 1px solid var(--primary-border);
  background: var(--background-main);
  font-size: 0.875rem;
}

.p-contact__infoTitle {
  margin-bottom: 1.25rem;
  font-weight: 700;
  text-align: center;
}

.p-contact__infoTel {
  margin-bottom: 0.5em;
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.429;
  text-align: center;
}
.p-contact__infoTel > small {
  display: block;
  line-height: 1.5;
  font-size: 0.625rem;
  font-weight: normal;
}
.p-contact__infoTel:not(:last-child) {
  margin-bottom: 1rem;
}

.p-contact__heading {
  margin-bottom: 1.75rem;
  text-align: center;
  font-weight: 700;
}

.l-breadcrumb {
  padding: 0.625rem 0;
}

.p-breadcrumbList {
  display: flex;
  flex-wrap: wrap;
  font-size: 0.625rem;
}
.p-breadcrumbList > li:not(:first-child)::before {
  padding: 0 0.4em;
  content: "/";
}
.p-breadcrumbList a {
  text-decoration: none;
  color: currentColor;
  transition: opacity 0.2s ease;
}
@media (hover: hover) {
  .p-breadcrumbList a:hover {
    opacity: 0.6;
  }
}

.p-planTitle {
  text-align: center;
  line-height: 1.458;
  margin: 1.375rem 0 1.5rem;
  font-size: 1.125rem;
  font-weight: 500;
}

.p-planTitle__main {
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: var(--letter-spacing-s);
}

.p-planArea {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 0.75rem;
  margin-bottom: 3.375rem;
  padding: 1.125rem;
  border: 2px solid var(--primary-border);
  border-radius: var(--border-radius-l);
}
.p-planArea:has(+ .p-planName) {
  margin-bottom: 2.1875rem;
}

.p-planArea__title {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 0.5em;
  text-align: center;
  line-height: 1.444;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: var(--letter-spacing-l);
}
.p-planArea__title--column {
  row-gap: 0.5em;
  flex-direction: column;
}
.p-planArea__title > strong {
  font-size: 1.5rem;
  font-weight: 700;
}

.p-planLead {
  margin-bottom: 2.5rem;
  text-align: center;
  line-height: 1.417;
  font-size: 1.5rem;
  letter-spacing: var(--letter-spacing-s);
}

.p-planName {
  margin-bottom: 0.875rem;
  text-align: center;
  letter-spacing: 0.02em;
  line-height: 1.143;
  font-size: 1.75rem;
  font-weight: 700;
}

.c-tabButtons {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 0.5rem;
}

.c-tab {
  --tab-default-background: #505050;
  --tab-active-background: var(--color-white);
  --tab-default-border: #505050;
  --tab-active-border: var(--border-color);
  --tab-default-color: var(--color-white);
  --tab-active-color: var(--color-body);
  display: block;
  padding: 1.125rem 0.5625rem 1.25rem;
  border: 2px solid var(--tab-default-border);
  border-bottom: none;
  border-radius: var(--border-radius-xl) var(--border-radius-xl) 0 0;
  background-color: var(--tab-default-background);
  cursor: pointer;
  color: var(--tab-default-color);
  transition: background-color 0.3s, border-color 0.3s;
  appearance: none;
}
.c-tab.is-active {
  background-color: var(--tab-active-background);
  border-color: var(--tab-active-border);
  box-shadow: 0px 2px 4px rgba(147, 147, 147, 0.5);
  color: var(--tab-active-color);
}

.c-tab__sub,
.c-tab__main {
  display: block;
  line-height: 1.286;
  font-weight: 700;
  text-align: center;
}

.c-tab__sub {
  margin-bottom: 0.375rem;
  padding-bottom: 0.3125rem;
  border-bottom: 1px dashed var(--border-color);
  font-size: 0.75rem;
}

.c-tab__main {
  font-size: 0.875rem;
}

.c-tabContents {
  position: relative;
  border: 2px solid var(--border-color);
  border-radius: var(--border-radius-l) var(--border-radius-l);
  background-color: var(--background-main);
  box-shadow: 0px 2px 4px rgba(147, 147, 147, 0.5);
}
.c-tabContents:has([data-tab-panel]) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.c-tabContents:has([data-tab-panel])::before {
  content: "";
  display: block;
  position: absolute;
  top: -4px;
  z-index: 1;
  width: calc(50% - 0.375rem);
  height: 4px;
  background: var(--background-main);
}
.c-tabContents:has(#chikudenchi01.is-active)::before {
  left: 0;
}
.c-tabContents:has(#chikudenchi02.is-active)::before {
  right: 0;
}

.c-tabContents__panel {
  padding: 1.125rem;
  border-radius: 0 0 var(--border-radius-l) var(--border-radius-l);
  overflow: hidden;
}
.c-tabContents__panel[data-tab-panel] {
  display: none;
}
.c-tabContents__panel[data-tab-panel].is-active {
  display: block;
}

.c-text {
  font-size: 0.875rem;
}

.p-planContainer {
  padding-bottom: 5rem;
}

.p-planMain {
  padding: 2.5rem 1.375rem;
  font-size: 0.75rem;
}
.p-planMain p:not(:last-child) {
  margin-bottom: 1.667em;
}

.p-planMain__title {
  width: fit-content;
  padding: 0.4375rem 2.1875rem;
  margin-inline: auto;
  margin-bottom: 2.5rem;
  border-radius: var(--border-radius-s);
  background: var(--primary-background);
  color: var(--color-white);
  font-size: 1.125rem;
  font-weight: 700;
  letter-spacing: var(--letter-spacing-xs);
}
.p-planMain__title--hidden {
  display: none;
}

.p-planMain__lead {
  margin-bottom: 2.5rem;
  line-height: 1.45;
  text-align: center;
  font-size: 1.25rem;
  font-weight: 500;
}

.p-planMain__heading {
  margin-bottom: 1.25rem;
  text-align: center;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: var(--letter-spacing-xs);
}
.p-planMain__heading--large {
  font-size: 1.25rem;
}

.p-planMain__heading02 {
  margin-top: 1.4375rem;
  text-align: center;
  line-height: 1.429;
  font-size: 0.875rem;
  font-weight: 700;
}
.p-planMain__heading02--large {
  font-size: 1rem;
}

.p-planMain__block {
  padding-top: 2.4375rem;
  border-top: 1px dashed;
}
.p-planMain__block:not(:last-child) {
  margin-bottom: 3.125rem;
}
.p-planMain__block--noBorder {
  padding-top: 0;
  border-top: none;
}
.p-planMain__block--bdPrimary {
  border-top-color: var(--primary-border);
}
.p-planMain__block--bdGray {
  border-top-color: rgba(100, 36, 3, 0.2);
}

.p-planMain__img {
  text-align: center;
}
.p-planMain__img--fixed01 {
  margin-bottom: 2.5rem;
}
.p-planMain__img--fixed02 {
  margin-bottom: 1.625rem;
}
.p-planMain__img--fixed03 {
  margin-bottom: 1.875rem;
}
.p-planMain__img--fixed04 {
  margin-bottom: 2.5rem;
}
.p-planMain__img--fixed05 {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}
.p-planMain__img--usage01 {
  margin-bottom: 3.75rem;
}
.p-planMain__img--usage02 {
  margin-bottom: 1.5rem;
}
.p-planMain__img--usage03 {
  margin-bottom: 1.25rem;
}
.p-planMain__img--usage04 {
  margin-bottom: 2.5rem;
}
.p-planMain__img--usage05 {
  margin-bottom: 2.5rem;
}
.p-planMain__img--usage06 {
  margin-bottom: 1.25rem;
}
.p-planMain__img--battery01 {
  margin-bottom: 1.25rem;
}
.p-planMain__img--battery02 {
  margin-bottom: 1.625rem;
}
.p-planMain__img--battery03 {
  margin-bottom: 2.5rem;
}
.p-planMain__img--battery04 {
  margin-bottom: 1.25rem;
  margin-inline: -1rem;
}
.p-planMain__img img {
  max-width: 100%;
  height: auto;
}
.p-planMain__img .c-noteList {
  margin-top: 1rem;
}

.p-planMain__text {
  text-align: center;
  font-size: 1rem;
}

.p-planAnchor {
  text-align: center;
}
.p-planAnchor--plan, .p-planAnchor--condition {
  margin-top: 2.5rem;
}
.p-planAnchor--battery {
  margin-top: 1.25rem;
}

.p-planAnchor__link,
.p-planAnchor__scroll {
  display: inline-flex;
  align-items: center;
  column-gap: 0.75rem;
  text-decoration: underline;
  font-size: 0.875rem;
}
@media (hover: hover) {
  .p-planAnchor__link:hover,
  .p-planAnchor__scroll:hover {
    text-decoration: none;
  }
}
.p-planAnchor__link::after,
.p-planAnchor__scroll::after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  border-radius: 2px;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: var(--button-icon);
}

.p-infoBlock {
  display: grid;
  grid-template-columns: 1fr;
  padding-block: 2.5rem;
  font-size: 0.75rem;
}
.p-infoBlock--condition, .p-infoBlock--campaign {
  row-gap: 1.5rem;
}
.p-infoBlock--condition {
  background: var(--background-gray);
}
.p-infoBlock--terms {
  padding-block: 2.125rem;
  background: var(--background-gray-dark);
}
.p-infoBlock--campaign {
  background: var(--color-primary-light2);
}

.p-infoBlock__title {
  margin-bottom: 0.9375rem;
  text-align: center;
  line-height: 1.45;
  font-size: 1.25rem;
  font-weight: 700;
}
.p-infoBlock__title--left {
  text-align: left;
  font-size: 0.875rem;
}

.p-infoBlock__sub-title {
  font-weight: 700;
}

.p-infoBlock__heading {
  margin-bottom: 1.45em;
  font-size: 0.75rem;
  font-weight: 700;
}
.p-infoBlock__heading:not(:first-child) {
  margin-top: 1.45em;
}

.p-infoBlock__body {
  line-height: 1.5;
  font-size: 0.75rem;
  font-weight: normal;
}
.p-infoBlock__body p:not(:last-child),
.p-infoBlock__body ul:not(:last-child) {
  margin-bottom: 1.45em;
}
.p-infoBlock__body a {
  text-decoration: underline;
}

.p-bgSection {
  padding: 3.75rem 0;
}
.p-bgSection--catalog {
  background: var(--color-primary-light);
}
.p-bgSection--faq {
  background: var(--color-primary);
  color: var(--color-white);
}

.p-bgSection__title {
  display: flex;
  flex-direction: column;
  align-items: center;
  line-height: 1.458;
  margin-bottom: 2.5rem;
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: var(--letter-spacing-l);
}
.p-bgSection__title::after {
  content: "";
  display: inline-block;
  width: 15px;
  height: 0;
  margin-top: 1.25rem;
  border-top: 1px solid;
}

.p-catalog {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 1.25rem;
  max-width: 240px;
  margin-inline: auto;
}

.p-catalog__thumb {
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

.p-catalog__caption {
  margin-top: 1.125rem;
  line-height: 1.429;
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: var(--letter-spacing-l);
}

.p-catalog__button .p-docButton {
  padding: 0.5625rem 0.6875rem;
  border-color: var(--primary-border);
}
.p-catalog__button .p-docButton::after {
  width: 20px;
  height: 20px;
  background-size: 20px 20px;
}

.p-faq-section {
  padding-block: 5rem;
  background: #eaf4f3;
}
.p-faq-section .c-headingText {
  margin-bottom: 3.75rem;
}

.p-faq__item {
  border-top: 1px solid rgba(51, 51, 51, 0.8);
  transition: all 0.3s ease;
}
.p-faq__item:last-child {
  border-bottom: 1px solid rgba(51, 51, 51, 0.8);
}
.p-faq__item > dt {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  column-gap: 3em;
  padding: 1.5625rem 0;
  font-size: 0.875rem;
  line-height: 1.429;
}
.p-faq__item > dt::after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: url("../images/ico_acd_white.svg") no-repeat center center var(--color-primary);
  background-size: 10px 6px;
}
.p-faq__item > dt.active::after {
  transform: rotate(180deg);
}
.p-faq__item > dt > span {
  position: relative;
  padding-left: 1.3em;
}
.p-faq__item > dt > span::before {
  content: "Q.";
  position: absolute;
  left: 0;
}
.p-faq__item > dd {
  border-top: 1px dashed rgba(51, 51, 51, 0.8);
  font-size: 13px;
  padding: 1rem 0 1.5rem 2.3rem;
  background-size: 28px;
  position: relative;
}
.p-faq__item > dd:before {
  content: "A";
  display: block;
  font-size: 18px;
  position: absolute;
  top: 0.8rem;
  left: 1rem;
}
.p-faq__item > dd p {
  margin-bottom: 1em;
}
.p-faq__item > dd p:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 580px) {
  .p-faq__item > dd .mod_call {
    margin-left: -2.3rem;
    width: calc(100% + 2.3rem);
  }
}

.p-faq__buttons {
  display: grid;
  row-gap: 0.375rem;
}
.p-faq__buttons .p-docButton {
  border-color: var(--primary-border);
}

.p-faq__contact > dt {
  margin-top: 1.5em;
  padding-bottom: 0.5em;
}

.p-accordion {
  border: 2px solid var(--border-color);
  border-radius: var(--border-radius-l);
  background-color: var(--color-white);
  overflow: hidden;
}
.p-accordion__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 1rem;
  padding: 1.125rem;
  transition: background-color 0.3s ease;
  list-style: none;
  font-size: 1rem;
  font-weight: 700;
  cursor: pointer;
}
.p-accordion__head::-webkit-details-marker {
  display: none;
}
.p-accordion__icon {
  position: relative;
  width: 20px;
  height: 20px;
  border: 1px solid var(--border-color);
  border-radius: 50%;
  flex-shrink: 0;
}
.p-accordion__icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 12px;
  height: 6px;
  margin-top: -2px;
  background: url("../images/ico_acd.svg") no-repeat center center/contain;
  transform: translateX(-50%);
  transform-origin: center center;
}
.p-accordion__body {
  padding: 1.125rem;
}
.p-accordion[open] .p-accordion__icon::before {
  margin-top: -4px;
  transform: translateX(-50%) rotate(180deg);
}

.u-alert {
  color: var(--color-alert);
  font-weight: 700;
}

.m-document {
  font-size: 80%;
}