*,
*:before,
*:after {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

:where([hidden]:not([hidden=until-found])) {
  display: none !important
}

:where(html) {
  -webkit-text-size-adjust: none;
  color-scheme: dark light
}

@supports not (min-block-size: 100dvb) {
  :where(html) {
    block-size: 100%
  }
}

:where(body) {
  block-size: 100%;
  block-size: 100dvb;
  line-height: 1.5;
  font-family: system-ui, sans-serif;
  -webkit-font-smoothing: antialiased
}

:where(input, button, textarea, select) {
  color: inherit;
  font: inherit
}

:where(textarea) {
  resize: vertical;
  resize: block
}

:where(button, label, select, summary, [role=button], [role=option]) {
  cursor: pointer
}

:where(:disabled) {
  cursor: not-allowed
}

:where(label:has(>input:disabled), label:has(+input:disabled)) {
  cursor: not-allowed
}

:where(button) {
  border-style: solid
}

:where(a) {
  text-underline-offset: .2ex
}

:where(ul, ol) {
  list-style: none
}

:where(img, svg, video, canvas, audio, iframe, embed, object) {
  display: block
}

:where(img, picture, svg) {
  max-inline-size: 100%;
  block-size: auto
}

:where(p, h1, h2, h3, h4, h5, h6) {
  overflow-wrap: break-word
}

:where(h1, h2, h3) {
  line-height: calc(1em + .5rem)
}

:where(hr) {
  border: none;
  -webkit-border-before: 1px solid;
  block-size: 0;
  overflow: visible;
  border-block-start: 1px solid;
  color: inherit
}

:where(:focus-visible) {
  outline: 2px solid var(--focus-color, Highlight);
  outline-offset: 2px
}

:where(.visually-hidden:not(:focus, :active, :focus-within, .not-visually-hidden)) {
  -webkit-clip-path: inset(50%) !important;
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  border: 0 !important;
  white-space: nowrap !important;
  clip-path: inset(50%) !important
}

:root {
  --leading-trim: calc((1em - 1lh)/2)
}

body {
  color: #141414;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  font-family: Noto Sans JP, sans-serif;
  font-optical-sizing: auto;
  letter-spacing: .075em;
  word-wrap: break-word;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background-color: #fff;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 100vh
}

body.is-open {
  height: 100%;
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none
}

a {
  text-decoration: none;
  -webkit-transition: all .5s ease-in-out;
  color: #141414;
  transition: all .5s ease-in-out
}

a:hover {
  opacity: .8
}

input,
button,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  border-radius: 0;
  outline: none;
  background: transparent;
  font: inherit
}

textarea {
  resize: vertical
}

input[type=submit],
input[type=button],
label,
button,
select {
  cursor: pointer
}

select::-ms-expand {
  display: none
}

.l-header {
  z-index: 999;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #fff
}

.l-header__top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: clamp(1.09375rem, 1.0491071429rem + .2232142857vw, 1.25rem);
  padding-right: clamp(1.25rem, .8928571429rem + 1.7857142857vw, 2.5rem);
  padding-bottom: clamp(1.09375rem, 1.0491071429rem + .2232142857vw, 1.25rem);
  padding-left: clamp(1.25rem, .8928571429rem + 1.7857142857vw, 2.5rem);
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 2px solid #f0f0f0
}

.l-header__top--logo-only {
  padding-top: clamp(1.4375rem, 1.3125rem + .625vw, 1.875rem);
  padding-bottom: clamp(1.4375rem, 1.3125rem + .625vw, 1.875rem);
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center
}

.l-header__hamburger {
  -webkit-flex-basis: 33.3333333333%;
  -ms-flex-preferred-size: 33.3333333333%;
  flex-basis: 33.3333333333%
}

.l-header__hamburger .c-hamburger {
  display: inline-block
}

.l-header__center {
  -webkit-flex-basis: 33.3333333333%;
  -ms-flex-preferred-size: 33.3333333333%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-basis: 33.3333333333%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-right: clamp(.625rem, .4464285714rem + .8928571429vw, 1.25rem);
  padding-left: clamp(.625rem, .4464285714rem + .8928571429vw, 1.25rem);
  gap: clamp(.75rem, .75rem + 0vw, .75rem)
}

.l-header__center-logo img {
  max-width: 258px
}

.l-header__center-multi {
  display: none
}

.l-header__user {
  -webkit-flex-basis: 33.3333333333%;
  -ms-flex-preferred-size: 33.3333333333%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-basis: 33.3333333333%;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  white-space: nowrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column
}

.l-header__user-switch {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: clamp(.75rem, .75rem + 0vw, .75rem)
}

.l-header__user-multi {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.l-header__user-multi p {
  font-size: clamp(.875rem, .875rem + 0vw, .875rem)
}

.l-header__user-multi .select-box {
  position: relative
}

.l-header__user-multi .select-box:after {
  display: inline-block;
  position: absolute;
  top: 50%;
  right: clamp(.5rem, .5rem + 0vw, .5rem);
  content: "";
  -webkit-transform: translateY(-50%);
  width: 10px;
  height: 8px;
  transform: translateY(-50%);
  background-color: #0cb14b;
  -webkit-clip-path: polygon(0 0, 100% 0%, 50% 100%);
  clip-path: polygon(0 0, 100% 0%, 50% 100%);
  pointer-events: none
}

.l-header__user-multi .select-box select {
  padding: clamp(.25rem, .25rem + 0vw, .25rem) clamp(2rem, 2rem + 0vw, 2rem) clamp(.25rem, .25rem + 0vw, .25rem) clamp(.5rem, .5rem + 0vw, .5rem);
  border: 1px solid #f0f0f0;
  background-color: #fff;
  font-size: clamp(.875rem, .875rem + 0vw, .875rem)
}

.l-header__user-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-top: clamp(.625rem, .625rem + 0vw, .625rem);
  padding-right: clamp(1.5625rem, 1.5625rem + 0vw, 1.5625rem);
  padding-bottom: clamp(.625rem, .625rem + 0vw, .625rem);
  padding-left: clamp(1.5625rem, 1.5625rem + 0vw, 1.5625rem);
  border-radius: 100vh;
  background-color: #3cb56e;
  color: #fff;
  font-weight: 700;
  font-size: clamp(.75rem, .75rem + 0vw, .75rem);
  line-height: 100%
}

.l-header__user-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: clamp(.625rem, .625rem + 0vw, .625rem);
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center
}

.l-header__user-name {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.l-header__user-name:before {
  display: block;
  width: 16px;
  height: 16px;
  background-image: url(../../assets/img/icon/user.svg);
  background-size: contain;
  background-repeat: no-repeat;
  content: ""
}

.l-header__user-name span {
  display: block;
  margin-left: clamp(.625rem, .625rem + 0vw, .625rem);
  font-weight: 700;
  font-size: clamp(.75rem, .75rem + 0vw, .75rem);
  line-height: 100%
}

.l-header__user-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: clamp(.625rem, .625rem + 0vw, .625rem)
}

.l-header__user-info:before {
  display: inline-block;
  width: 1px;
  height: 20px;
  margin-right: clamp(.625rem, .625rem + 0vw, .625rem);
  background-color: #f0f0f0;
  content: ""
}

.l-header__user-info a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.l-header__user-info a:before {
  display: block;
  width: 16px;
  height: 16px;
  background-image: url(../../assets/img/icon/mypage.svg);
  background-size: contain;
  background-repeat: no-repeat;
  content: ""
}

.l-header__user-info a span {
  display: block;
  margin-left: clamp(.625rem, .625rem + 0vw, .625rem);
  font-weight: 700;
  font-size: clamp(.75rem, .75rem + 0vw, .75rem);
  line-height: 100%
}

.l-header__bottom {
  -webkit-box-shadow: 0px 10px 10px #ededed;
  box-shadow: 0 10px 10px #ededed
}

.l-header__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-top: clamp(.9375rem, .9375rem + 0vw, .9375rem);
  padding-bottom: clamp(.9375rem, .9375rem + 0vw, .9375rem)
}

.l-header__list-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 25%;
  border-right: 1px solid #f0f0f0;
  border-left: 1px solid #f0f0f0
}

.l-header__list-item a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-top: clamp(.375rem, .375rem + 0vw, .375rem);
  padding-right: clamp(.1875rem, .1875rem + 0vw, .1875rem);
  padding-bottom: clamp(.375rem, .375rem + 0vw, .375rem);
  padding-left: clamp(.1875rem, .1875rem + 0vw, .1875rem);
  color: #3cb56e;
  font-weight: 700;
  font-size: clamp(.875rem, .875rem + 0vw, .875rem);
  line-height: 100%
}

.l-header__list-item a:before {
  display: block;
  margin-right: clamp(.625rem, .625rem + 0vw, .625rem);
  background-size: contain;
  background-repeat: no-repeat;
  content: ""
}

.l-header__list-item--top a:before {
  width: 24px;
  height: 22px;
  background-image: url(../../assets/img/icon/top.svg)
}

.l-header__list-item--comparison a:before {
  width: 24px;
  height: 18px;
  background-image: url(../../assets/img/icon/comparison.svg)
}

.l-header__list-item--billing a:before {
  width: 24px;
  height: 24px;
  background-image: url(../../assets/img/icon/billing.svg)
}

.l-header__list-item--procedure a:before {
  width: 19px;
  height: 24px;
  background-image: url(../../assets/img/icon/procedure.svg)
}

.l-header__list-item--faq a:before {
  width: 24px;
  height: 24px;
  background-image: url(../../assets/img/icon/faq.svg)
}

.l-header__list-item--meter a:before {
  width: 24px;
  height: 24px;
  background-image: url(../../assets/img/icon/meter.svg)
}

.l-header__list-item--news a:before {
  width: 24px;
  height: 28px;
  background-image: url(/assets/img/icon/news.svg)
}

.l-header__list-item--mypage a:before {
  width: 24px;
  height: 24px;
  background-image: url(../../assets/img/icon/mypage.svg)
}

.l-footer {
  margin-top: auto;
  padding-top: clamp(3.75rem, 3.75rem + 0vw, 3.75rem);
  padding-right: clamp(1.25rem, .8928571429rem + 1.7857142857vw, 2.5rem);
  padding-bottom: clamp(2.5rem, 2.5rem + 0vw, 2.5rem);
  padding-left: clamp(1.25rem, .8928571429rem + 1.7857142857vw, 2.5rem);
  background-color: #3cb56e
}

.l-footer__inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  row-gap: clamp(0rem, -.7142857143rem + 3.5714285714vw, 2.5rem);
  flex-wrap: wrap
}

.l-footer__logo img {
  max-width: 250px
}

.l-footer__links-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.l-footer__links-list li a,
.l-footer__links-list li button {
  color: #fff;
  font-weight: 700
}

.l-footer__links-list--top {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.l-footer__links-list--top li {
  font-size: clamp(.875rem, .875rem + 0vw, .875rem);
  line-height: 100%
}

.l-footer__links-list--top li a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline
}

.l-footer__links-list--top li+li {
  margin-left: clamp(.9375rem, .6696428571rem + 1.3392857143vw, 1.875rem)
}

.l-footer__links-list--bottom {
  margin-top: clamp(1.5625rem, 1.5625rem + 0vw, 1.5625rem)
}

.l-footer__links-list--bottom li {
  font-size: clamp(.75rem, .75rem + 0vw, .75rem);
  line-height: 100%
}

.l-footer__links-list--bottom li+li {
  margin-left: clamp(.625rem, .4464285714rem + .8928571429vw, 1.25rem)
}

.l-footer__copy {
  display: block;
  margin-top: clamp(3.75rem, 3.75rem + 0vw, 3.75rem);
  color: #fff;
  font-style: normal;
  font-weight: 400;
  font-size: clamp(.75rem, .75rem + 0vw, .75rem);
  line-height: 100%;
  font-family: Poppins, sans-serif;
  text-align: center
}

.l-main {
  padding-top: clamp(10rem, 8.9285714286rem + 5.3571428571vw, 13.75rem)
}

.l-main.p-login,
.l-main.p-pw,
.l-main.p-register_form {
  padding-top: clamp(10rem, 10rem + 0vw, 10rem)
}

.l-inner {
  max-width: 940px;
  margin: 0 auto;
  padding-right: clamp(1.25rem, 1.25rem + 0vw, 1.25rem);
  padding-left: clamp(1.25rem, 1.25rem + 0vw, 1.25rem)
}

.l-inner--wide {
  max-width: 1120px
}

.l-inner--narrow {
  max-width: 840px
}

.l-shadow-contents {
  -webkit-box-shadow: 0px 0px 30px #ededed;
  padding-top: clamp(2.5rem, 2.3571428571rem + .7142857143vw, 3rem);
  padding-bottom: clamp(2.5rem, 2.3571428571rem + .7142857143vw, 3rem);
  border-radius: 10px;
  box-shadow: 0 0 30px #ededed
}

.l-shadow-contents__inner {
  max-width: 780px;
  margin: 0 auto;
  padding-right: clamp(1.25rem, 1.25rem + 0vw, 1.25rem);
  padding-left: clamp(1.25rem, 1.25rem + 0vw, 1.25rem)
}

.l-shadow-contents__inner--narrow {
  max-width: 440px
}

.c-hamburger {
  z-index: 999;
  position: relative
}

.c-hamburger:hover {
  cursor: pointer
}

.c-hamburger__border {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 30px;
  height: 18px
}

.c-hamburger__border span {
  display: inline-block;
  position: absolute;
  width: 100%;
  height: 2px;
  border-radius: 8px;
  background-color: #3cb56e;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

.c-hamburger__border span:nth-of-type(1) {
  top: 0
}

.c-hamburger__border span:nth-of-type(2) {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.c-hamburger__border span:nth-of-type(3) {
  bottom: 0
}

.c-hamburger.is-open .c-hamburger__border span:nth-of-type(1) {
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(-35deg);
  transform: translateY(-50%) rotate(-35deg)
}

.c-hamburger.is-open .c-hamburger__border span:nth-of-type(2) {
  opacity: 0
}

.c-hamburger.is-open .c-hamburger__border span:nth-of-type(3) {
  top: 50%;
  bottom: unset;
  -webkit-transform: translateY(-50%) rotate(35deg);
  transform: translateY(-50%) rotate(35deg)
}

.c-nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  visibility: hidden;
  z-index: 99;
  position: fixed;
  top: 0;
  left: -100%;
  width: 100%;
  max-width: 640px;
  height: 100%;
  overflow-y: scroll;
  background-color: #fff;
  opacity: 0;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-transition: all .3s ease-in-out;
  padding-top: 5vh;
  padding-bottom: 5vh;
  border: 2px solid #f0f0f0;
  transition: all .3s ease-in-out
}

.c-nav.is-open {
  visibility: visible;
  left: 0;
  opacity: 1
}

.c-nav__sp-head {
  display: none
}

.c-nav__inner {
  width: 100%;
  max-width: 440px;
  margin: 0 auto;
  padding-right: clamp(1.25rem, 1.25rem + 0vw, 1.25rem);
  padding-left: clamp(1.25rem, 1.25rem + 0vw, 1.25rem);
  overflow-y: scroll
}

.c-nav__list-item {
  -webkit-transition: all .3s ease-in-out;
  border-bottom: 1px solid #f0f0f0;
  transition: all .3s ease-in-out
}

.c-nav__list-item:hover {
  border-bottom: 1px solid #3cb56e
}

.c-nav__list-item a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: clamp(1.5rem, 1.5rem + 0vw, 1.5rem);
  color: #3cb56e;
  font-weight: 700;
  font-size: clamp(1rem, .9642857143rem + .1785714286vw, 1.125rem);
  line-height: 100%
}

.c-nav__list-item a:before {
  display: block;
  margin-right: clamp(.625rem, .625rem + 0vw, .625rem);
  background-size: contain;
  background-repeat: no-repeat;
  content: ""
}

.c-nav__list-item a:after {
  display: block;
  width: 6px;
  min-width: 6px;
  height: 12px;
  min-height: 12px;
  background-image: url(../../assets/img/icon/arrow_right.svg);
  background-size: contain;
  background-repeat: no-repeat;
  content: ""
}

.c-nav__list-item a:after {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  right: clamp(1.5rem, 1.5rem + 0vw, 1.5rem);
  transform: translateY(-50%)
}

.c-nav__list-item--top a:before {
  width: 24px;
  height: 22px;
  background-image: url(../../assets/img/icon/top.svg)
}

.c-nav__list-item--comparison a:before {
  width: 24px;
  height: 18px;
  background-image: url(../../assets/img/icon/comparison.svg)
}

.c-nav__list-item--billing a:before {
  width: 24px;
  height: 24px;
  background-image: url(../../assets/img/icon/billing.svg)
}

.c-nav__list-item--procedure a:before {
  width: 19px;
  height: 24px;
  background-image: url(../../assets/img/icon/procedure.svg)
}

.c-nav__list-item--faq a:before {
  width: 24px;
  height: 24px;
  background-image: url(../../assets/img/icon/faq.svg)
}

.c-nav__list-item--meter a:before {
  width: 24px;
  height: 24px;
  background-image: url(../../assets/img/icon/meter.svg)
}

.c-nav__list-item--news a:before {
  width: 24px;
  height: 28px;
  background-image: url(/assets/img/icon/news.svg)
}

.c-nav__list-item--mypage a:before {
  width: 24px;
  height: 24px;
  background-image: url(../../assets/img/icon/mypage.svg)
}

.c-nav__min-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: clamp(1.5rem, 1.0714285714rem + 2.1428571429vw, 3rem);
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: clamp(1rem, 1rem + 0vw, 1rem)
}

.c-nav__min-list-item {
  width: calc(50% - clamp(1rem, 1rem + 0vw, 1rem))
}

.c-nav__min-list-item a {
  color: #3cb56e;
  font-weight: 700;
  font-size: clamp(.8125rem, .7589285714rem + .2678571429vw, 1rem);
  line-height: 100%
}

.c-nav__multi {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: clamp(1.5rem, 1.0714285714rem + 2.1428571429vw, 3rem);
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.c-nav__multi p {
  font-size: clamp(.875rem, .875rem + 0vw, .875rem)
}

.c-nav__multi .select-box {
  position: relative
}

.c-nav__multi .select-box:after {
  display: inline-block;
  position: absolute;
  top: 50%;
  right: clamp(.5rem, .5rem + 0vw, .5rem);
  content: "";
  -webkit-transform: translateY(-50%);
  width: 10px;
  height: 8px;
  transform: translateY(-50%);
  background-color: #0cb14b;
  -webkit-clip-path: polygon(0 0, 100% 0%, 50% 100%);
  clip-path: polygon(0 0, 100% 0%, 50% 100%);
  pointer-events: none
}

.c-nav__multi .select-box select {
  padding: clamp(.25rem, .25rem + 0vw, .25rem) clamp(2rem, 2rem + 0vw, 2rem) clamp(.25rem, .25rem + 0vw, .25rem) clamp(.5rem, .5rem + 0vw, .5rem);
  border: 1px solid #f0f0f0;
  background-color: #fff;
  font-size: clamp(.875rem, .875rem + 0vw, .875rem)
}

.c-nav__button {
  margin-top: clamp(2.5rem, 2.5rem + 0vw, 2.5rem)
}

.c-banner {
  margin-top: clamp(3.75rem, 2.6785714286rem + 5.3571428571vw, 7.5rem);
  margin-bottom: clamp(2.5rem, 2.5rem + 0vw, 2.5rem)
}

.c-banner__inner {
  display: grid;
  grid-template-rows: auto auto;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  max-width: 1232px;
  margin: 0 auto;
  padding-right: clamp(1.25rem, 1.25rem + 0vw, 1.25rem);
  padding-left: clamp(1.25rem, 1.25rem + 0vw, 1.25rem);
  gap: clamp(1.25rem, 1.1785714286rem + .3571428571vw, 1.5rem)
}

.c-banner__item img {
  border-radius: 20px
}

.c-title {
  color: #0cb14b;
  font-weight: 700;
  font-size: clamp(1.25rem, 1.0357142857rem + 1.0714285714vw, 2rem);
  text-align: center;
  -webkit-margin-after: calc(80px + var(--leading-trim));
  margin-block-end: calc(80px + var(--leading-trim))
}

.c-title--low {
  margin-bottom: clamp(1rem, .75rem + 1.25vw, 1.875rem)
}

.c-sub-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: #0cb14b;
  font-weight: 700;
  font-size: clamp(1rem, .9642857143rem + .1785714286vw, 1.125rem);
  line-height: 100%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-margin-after: calc(32px + var(--leading-trim));
  margin-block-end: calc(32px + var(--leading-trim))
}

.c-sub-title:before {
  display: block;
  width: 4px;
  height: 16px;
  margin-right: clamp(.9375rem, .8482142857rem + .4464285714vw, 1.25rem);
  border-radius: 8px;
  background-color: #0cb14b;
  content: ""
}

.c-button-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center
}

.c-button-block .c-button {
  margin-right: clamp(.5rem, .3571428571rem + .7142857143vw, 1rem);
  margin-left: clamp(.5rem, .3571428571rem + .7142857143vw, 1rem)
}

.c-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background-color: #0cb14b;
  color: #fff;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  max-width: 320px;
  height: 60px;
  margin: 0 auto;
  border: none;
  border-radius: 100vh;
  font-size: clamp(1rem, 1rem + 0vw, 1rem);
  line-height: 100%
}

.c-button--orange {
  background-color: #f7713f
}

.c-button--arrow {
  position: relative
}

.c-button--arrow:after {
  display: block;
  width: 6px;
  min-width: 6px;
  height: 12px;
  min-height: 12px;
  background-image: url(../../assets/img/icon/arrow_right_white.svg);
  background-size: contain;
  background-repeat: no-repeat;
  content: ""
}

.c-button--arrow:after {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  right: 30px;
  transform: translateY(-50%)
}

.c-button--back-arrow {
  position: relative
}

.c-button--back-arrow:after {
  display: block;
  width: 6px;
  min-width: 6px;
  height: 12px;
  min-height: 12px;
  background-image: url(../../assets/img/icon/arrow_right_white.svg);
  background-size: contain;
  background-repeat: no-repeat;
  content: ""
}

.c-button--back-arrow:after {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(180deg);
  left: 30px;
  transform: translateY(-50%) rotate(180deg)
}

.c-button--white {
  background-color: #fff;
  color: #0cb14b
}

.c-button--white.c-button--arrow:after {
  display: block;
  width: 6px;
  min-width: 6px;
  height: 12px;
  min-height: 12px;
  background-image: url(../../assets/img/icon/arrow_right.svg);
  background-size: contain;
  background-repeat: no-repeat;
  content: ""
}

.c-form__block+.c-form__block {
  margin-top: clamp(1.25rem, 1.1785714286rem + .3571428571vw, 1.5rem)
}

.c-form__block--high {
  margin-top: clamp(1.5rem, 1.3571428571rem + .7142857143vw, 2rem) !important
}

.c-form__block--higher {
  margin-top: clamp(2.5rem, 2.3571428571rem + .7142857143vw, 3rem) !important
}

.c-form__block--highest {
  margin-top: clamp(2.5rem, 2.0714285714rem + 2.1428571429vw, 4rem) !important
}

.c-form__label-text {
  font-weight: 700;
  font-size: clamp(.8125rem, .7589285714rem + .2678571429vw, 1rem);
  line-height: 100%
}

.c-form__input {
  display: block;
  width: 100%;
  margin-top: clamp(.75rem, .75rem + 0vw, .75rem);
  padding-top: clamp(.625rem, .5892857143rem + .1785714286vw, .75rem);
  padding-right: clamp(1rem, .8571428571rem + .7142857143vw, 1.5rem);
  padding-bottom: clamp(.625rem, .5892857143rem + .1785714286vw, .75rem);
  padding-left: clamp(1rem, .8571428571rem + .7142857143vw, 1.5rem);
  border: 1px solid #d6d6d6;
  border-radius: 10px;
  background: #fff;
  font-size: clamp(.8125rem, .7589285714rem + .2678571429vw, 1rem);
  line-height: 100%
}

.c-form__input::-webkit-input-placeholder {
  color: #d6d6d6
}

.c-form__input::-moz-placeholder {
  color: #d6d6d6
}

.c-form__input:-ms-input-placeholder {
  color: #d6d6d6
}

.c-form__input::-ms-input-placeholder {
  color: #d6d6d6
}

.c-form__input::placeholder {
  color: #d6d6d6
}

.c-form__input:disabled {
  background-color: #989898;
  color: #d6d6d6
}

.c-form__input--disabled-white:disabled {
  -webkit-text-fill-color: #141414;
  background: #fff;
  color: #141414;
  opacity: 1
}

.c-form__input--edit {
  border: 1px solid #0cb14b;
  background-color: #0cb14b1a
}

.c-form__checkbox-contents {
  text-align: center
}

.c-form__checkbox {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center
}

.c-form__checkbox+.c-form__checkbox {
  margin-top: clamp(1rem, 1rem + 0vw, 1rem)
}

.c-form__checkbox input[type=checkbox] {
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-height: 16px;
  border: 1px solid #d6d6d6;
  border-radius: 2px;
  background-color: #fff
}

.c-form__checkbox input[type=checkbox]:checked:before {
  position: absolute;
  top: 1px;
  left: 4px;
  width: 6px;
  height: 9px;
  content: "";
  -webkit-transform: rotate(50deg);
  transform: rotate(50deg);
  border-right: 2px solid #0cb14b;
  border-bottom: 2px solid #0cb14b
}

.c-form__checkbox label {
  width: 100%;
  margin-left: clamp(.5rem, .5rem + 0vw, .5rem);
  font-size: clamp(.75rem, .6785714286rem + .3571428571vw, 1rem);
  line-height: 100%
}

.c-form__checkbox a {
  display: inline-block;
  color: #f7713f;
  text-decoration: underline;
  -webkit-margin-before: calc(8px + var(--leading-trim));
  margin-block-start: calc(8px + var(--leading-trim))
}

.c-form__checkbox--register_form {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start
}

.c-form__checkbox--register_form input[type=checkbox] {
  margin-top: .3em
}

.c-form__checkbox--register_form label {
  font-size: clamp(.75rem, .7142857143rem + .1785714286vw, .875rem);
  line-height: 1.7142857143
}

.c-form__radio {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: clamp(.75rem, .5357142857rem + 1.0714285714vw, 1.5rem);
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: clamp(.5rem, .5rem + 0vw, .5rem) clamp(3.125rem, 2.8571428571rem + 1.3392857143vw, 4.0625rem)
}

.c-form__radio label input[type=radio] {
  position: relative;
  width: 16px;
  height: 16px;
  border: 1px solid #707070;
  border-radius: 50%
}

.c-form__radio label input[type=radio]:checked:before {
  position: absolute;
  top: 50%;
  content: "";
  -webkit-transform: translate(-50%, -50%);
  left: 50%;
  width: 10px;
  height: 10px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: #0cb14b
}

.c-form__radio label span {
  display: inline-block;
  margin-left: clamp(.5rem, .5rem + 0vw, .5rem);
  font-size: clamp(1rem, .9285714286rem + .3571428571vw, 1.25rem);
  line-height: 100%
}

.c-form__links {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.c-form__links a {
  color: #0cb14b;
  font-size: clamp(.8125rem, .7946428571rem + .0892857143vw, .875rem);
  line-height: 100%;
  text-decoration: underline
}

.c-form__links a+a {
  -webkit-margin-before: calc(16px + var(--leading-trim));
  margin-block-start: calc(16px + var(--leading-trim))
}

.c-form__error-block {
  padding-top: clamp(.75rem, .75rem + 0vw, .75rem);
  padding-right: clamp(1rem, .7142857143rem + 1.4285714286vw, 2rem);
  padding-bottom: clamp(.75rem, .75rem + 0vw, .75rem);
  padding-left: clamp(1rem, .7142857143rem + 1.4285714286vw, 2rem);
  border: 1px solid #f7713f;
  border-radius: 10px;
  background-color: #f7713f1a;
  color: #f7713f;
  font-size: clamp(.75rem, .6785714286rem + .3571428571vw, 1rem);
  line-height: 2
}

.c-form__error {
  color: #0cb14b;
  font-size: clamp(.625rem, .5892857143rem + .1785714286vw, .75rem);
  line-height: 100%;
  -webkit-margin-before: calc(8px + var(--leading-trim));
  margin-block-start: calc(8px + var(--leading-trim))
}

.c-form__text {
  font-size: clamp(.75rem, .6785714286rem + .3571428571vw, 1rem);
  line-height: 2
}

.c-form__text+.c-form__text {
  -webkit-margin-before: calc(16px + var(--leading-trim));
  margin-block-start: calc(16px + var(--leading-trim))
}

.c-form__text--mt {
  -webkit-margin-before: calc(12px + var(--leading-trim));
  margin-block-start: calc(12px + var(--leading-trim))
}

.c-form__text--mt-high {
  -webkit-margin-before: calc(40px + var(--leading-trim)) !important;
  margin-block-start: calc(40px + var(--leading-trim)) !important
}

.c-form__text--center {
  text-align: center
}

.c-form__text--orange {
  color: #f7713f
}

.c-form__text--link a {
  color: #0cb14b;
  text-decoration: underline
}

.c-form__text--bold {
  font-weight: 600
}

.c-form__button {
  margin-top: clamp(1.5rem, 1.5rem + 0vw, 1.5rem)
}

.c-form__note {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: #acacac;
  font-size: clamp(.75rem, .6785714286rem + .3571428571vw, 1rem);
  line-height: 1.5;
  -webkit-margin-before: calc(8px + var(--leading-trim));
  margin-block-start: calc(8px + var(--leading-trim))
}

.c-form__note span.symbol {
  margin-right: clamp(.25rem, .1785714286rem + .3571428571vw, .5rem)
}

.c-form__textarea {
  width: 100%;
  min-height: 120px;
  margin-top: clamp(.75rem, .75rem + 0vw, .75rem);
  padding-top: clamp(.625rem, .5892857143rem + .1785714286vw, .75rem);
  padding-right: clamp(1rem, .8571428571rem + .7142857143vw, 1.5rem);
  padding-bottom: clamp(.625rem, .5892857143rem + .1785714286vw, .75rem);
  padding-left: clamp(1rem, .8571428571rem + .7142857143vw, 1.5rem);
  border: 1px solid #d6d6d6;
  border-radius: 10px;
  background: #fff;
  font-size: clamp(.8125rem, .7589285714rem + .2678571429vw, 1rem);
  line-height: 1.5;
  resize: vertical
}

.c-form__textarea::-webkit-input-placeholder {
  color: #d6d6d6
}

.c-form__textarea::-moz-placeholder {
  color: #d6d6d6
}

.c-form__textarea:-ms-input-placeholder {
  color: #d6d6d6
}

.c-form__textarea::-ms-input-placeholder {
  color: #d6d6d6
}

.c-form__textarea::placeholder {
  color: #d6d6d6
}

.c-form__address {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(1.25rem, .3214285714rem + 4.6428571429vw, 4.5rem)
}

.c-form__address .c-form__label-text {
  width: 10%
}

.c-form__address-contants {
  width: calc(90% - 72px)
}

.c-form__address-contants label {
  display: block
}

.c-form__address-contants label+label {
  margin-top: clamp(.5rem, .3571428571rem + .7142857143vw, 1rem)
}

.c-form__address-contants label.short {
  max-width: 314px
}

.c-form__address-contants label span {
  font-weight: 700;
  font-size: clamp(.75rem, .7142857143rem + .1785714286vw, .875rem);
  line-height: 100%
}

.c-form__select {
  position: relative
}

.c-form__select:after {
  display: block;
  width: 6px;
  min-width: 6px;
  height: 12px;
  min-height: 12px;
  background-image: url(../../assets/img/icon/arrow_right.svg);
  background-size: contain;
  background-repeat: no-repeat;
  content: ""
}

.c-form__select:after {
  position: absolute;
  top: 50%;
  left: 100px;
  -webkit-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
  pointer-events: none
}

.c-form__select select {
  display: block;
  width: 100%;
  margin-top: clamp(.75rem, .75rem + 0vw, .75rem);
  padding-top: clamp(.625rem, .5892857143rem + .1785714286vw, .75rem);
  padding-right: clamp(1rem, .8571428571rem + .7142857143vw, 1.5rem);
  padding-bottom: clamp(.625rem, .5892857143rem + .1785714286vw, .75rem);
  padding-left: clamp(1rem, .8571428571rem + .7142857143vw, 1.5rem);
  border: 1px solid #d6d6d6;
  border-radius: 10px;
  background: #fff;
  font-size: clamp(.8125rem, .7589285714rem + .2678571429vw, 1rem);
  line-height: 100%
}

.c-form__select select::-ms-expand {
  display: none
}

.c-table table {
  width: 100%;
  border-radius: 14px;
  border-collapse: separate;
  border-spacing: 0
}

.c-table table tr th:first-child {
  border-top-left-radius: 14px
}

.c-table table tr th:last-child {
  border-top-right-radius: 14px
}

.c-table table tr:last-child td:first-child {
  border-bottom-left-radius: 14px
}

.c-table table tr:last-child td:last-child {
  border-bottom-right-radius: 14px
}

.c-table table th,
.c-table table td {
  padding-top: clamp(.875rem, .875rem + 0vw, .875rem);
  padding-right: clamp(.25rem, .25rem + 0vw, .25rem);
  padding-bottom: clamp(.875rem, .875rem + 0vw, .875rem);
  padding-left: clamp(.25rem, .25rem + 0vw, .25rem);
  border: 1px solid #ededed;
  text-align: center;
  vertical-align: middle
}

.c-table table th a,
.c-table table td a {
  display: inline-block
}

.c-table table th {
  background-color: #0cb14b;
  color: #fff;
  font-weight: 700;
  font-size: clamp(.6875rem, .5982142857rem + .4464285714vw, 1rem);
  line-height: 1.75
}

.c-table table td {
  font-style: normal;
  font-weight: 400;
  font-size: clamp(.75rem, .6785714286rem + .3571428571vw, 1rem);
  line-height: 100%;
  font-family: Poppins, sans-serif
}

.c-table+.c-table {
  margin-top: clamp(1.125rem, .875rem + 1.25vw, 2rem)
}

.c-table--overflow {
  overflow-x: auto;
  white-space: nowrap
}

.c-table--overflow table th {
  font-size: clamp(.6875rem, .6696428571rem + .0892857143vw, .75rem);
  line-height: 1.1666666667
}

.c-table--overflow table th.billing-year-month {
  font-size: clamp(.6875rem, .5982142857rem + .4464285714vw, 1rem);
  line-height: 1.75
}

.c-table--overflow table td {
  font-size: clamp(.875rem, .875rem + 0vw, .875rem);
  line-height: 100%
}

.c-table--overflow table td.type {
  background-color: #f8f8f8;
  font-style: normal;
  font-weight: 400;
  font-family: Noto Sans JP, sans-serif;
  font-optical-sizing: auto;
  letter-spacing: 0
}

.c-table--last-year table th {
  background-color: #ededed;
  color: #728079
}

.c-table--last-year table td.type {
  background-color: #fff
}

.c-table--right-side {
  max-width: 400px;
  margin-left: auto
}

.c-table--right-side table th {
  padding-top: clamp(.5rem, .5rem + 0vw, .5rem);
  padding-right: clamp(.1875rem, .1696428571rem + .0892857143vw, .25rem);
  padding-bottom: clamp(.5rem, .5rem + 0vw, .5rem);
  padding-left: clamp(.25rem, .25rem + 0vw, .25rem)
}

.c-table--right-side table td {
  padding-top: clamp(1.125rem, .9464285714rem + .8928571429vw, 1.75rem);
  padding-right: clamp(.5625rem, .4732142857rem + .4464285714vw, .875rem);
  padding-bottom: clamp(1.125rem, .9464285714rem + .8928571429vw, 1.75rem);
  padding-left: clamp(.5625rem, .4732142857rem + .4464285714vw, .875rem)
}

.c-table__button {
  display: -webkit-inline-box !important;
  display: -webkit-inline-flex !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  padding-top: clamp(.25rem, .2142857143rem + .1785714286vw, .375rem);
  padding-right: clamp(.9375rem, .8839285714rem + .2678571429vw, 1.125rem);
  padding-bottom: clamp(.25rem, .2142857143rem + .1785714286vw, .375rem);
  padding-left: clamp(.9375rem, .8839285714rem + .2678571429vw, 1.125rem);
  border-radius: 100vh;
  background-color: #0cb14b;
  color: #fff;
  font-size: clamp(.6875rem, .6339285714rem + .2678571429vw, .875rem);
  line-height: 1.5714285714;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center
}

.c-debug {
  z-index: 9999;
  position: fixed;
  right: 15px;
  bottom: 15px;
  max-height: 300px;
  padding: 10px;
  overflow-y: scroll;
  border: 1px solid #0cb14b;
  background-color: #f0f0f0
}

.c-debug li+li {
  margin-top: .5em
}

.c-debug li a {
  color: #0cb14b;
  font-size: 12px
}

.c-debug li a:hover {
  text-decoration: underline
}

.c-debug li .js-close-button {
  color: #0cb14b;
  font-weight: 700;
  font-size: 16px;
  cursor: pointer
}

.p-index__slider {
  -webkit-transition: all .5s ease-in-out;
  visibility: hidden;
  opacity: 0;
  transition: all .5s ease-in-out
}

.p-index__slider-wrapper {
  position: relative
}

.p-index__slider-wrapper .swiper-slide {
  width: 100%
}

.p-index__slider-wrapper .swiper-slide img {
  width: 100%;
  border-radius: 30px
}

.p-index__slider-wrapper .swiper-pagination {
  bottom: -48px !important;
  line-height: 8px
}

.p-index__slider-wrapper .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  margin: 0 7px !important;
  background-color: #ededed;
  opacity: 1
}

.p-index__slider-wrapper .swiper-pagination-bullet-active {
  background-color: #0cb14b
}

.p-index__feature {
  padding-top: clamp(3.75rem, 3.0357142857rem + 3.5714285714vw, 6.25rem)
}

.p-index__feature .p-news__list li a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.p-index__feature .p-news__list li .head time {
  margin-left: clamp(0rem, -.3571428571rem + 1.7857142857vw, 1.25rem)
}

.p-index__feature .p-news__list li .head .label {
  margin-left: 0
}

.p-index__feature .p-news__list li p {
  margin-top: 0;
  margin-left: clamp(1.875rem, 1.875rem + 0vw, 1.875rem)
}

.p-index__feature .p-news__list li+li {
  padding-top: clamp(1.125rem, 1.125rem + 0vw, 1.125rem);
  border-top: 1px solid #f0f0f0
}

.p-index__billing {
  padding-top: clamp(3.75rem, 3.3928571429rem + 1.7857142857vw, 5rem)
}

.p-index__billing-contents {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.p-index__billing-amount {
  -webkit-flex-basis: 400px;
  -ms-flex-preferred-size: 400px;
  flex-basis: 400px;
  min-width: 300px;
  -webkit-box-shadow: 0px 0px 30px #ededed;
  padding: clamp(1.875rem, 1.6964285714rem + .8928571429vw, 2.5rem);
  border-radius: 20px;
  background: -webkit-gradient(linear, left top, left bottom, from(#6bb58a), to(#3cb56e));
  background: linear-gradient(#6bb58a, #3cb56e);
  box-shadow: 0 0 30px #ededed;
  color: #fff
}

.p-index__billing-amount h2 {
  font-weight: 700;
  font-size: clamp(1.25rem, 1.0357142857rem + 1.0714285714vw, 2rem);
  line-height: 100%
}

.p-index__billing-amount p {
  font-size: clamp(.875rem, .8392857143rem + .1785714286vw, 1rem);
  line-height: 100%;
  -webkit-margin-before: calc(16px + var(--leading-trim));
  margin-block-start: calc(16px + var(--leading-trim))
}

.p-index__billing-amount .amount-total {
  margin-top: clamp(1.25rem, 1.1607142857rem + .4464285714vw, 1.5625rem);
  text-align: right
}

.p-index__billing-amount .amount-total span.poppins {
  font-style: normal;
  font-weight: 400;
  font-weight: 600;
  font-size: clamp(3.75rem, 3.75rem + 0vw, 3.75rem);
  line-height: 1;
  font-family: Poppins, sans-serif
}

.p-index__billing-amount .amount-total span.unit {
  display: inline-block;
  margin-left: clamp(.625rem, .625rem + 0vw, .625rem);
  font-size: clamp(2rem, 2rem + 0vw, 2rem);
  line-height: 100%
}

.p-index__billing-amount table {
  width: 100%;
  margin-top: clamp(1.25rem, 1.0714285714rem + .8928571429vw, 1.875rem);
  border-collapse: collapse
}

.p-index__billing-amount table th,
.p-index__billing-amount table td {
  padding-top: clamp(.4375rem, .3482142857rem + .4464285714vw, .75rem);
  padding-bottom: clamp(.4375rem, .3482142857rem + .4464285714vw, .75rem);
  border-bottom: 1px solid #f0f0f0;
  font-weight: 400;
  vertical-align: middle
}

.p-index__billing-amount table th.border-dot,
.p-index__billing-amount table td.border-dot {
  border-bottom: 1px dotted #f0f0f0
}

.p-index__billing-amount table th span.poppins,
.p-index__billing-amount table td span.poppins {
  font-style: normal;
  font-weight: 400;
  font-weight: 600;
  font-size: clamp(1rem, .8571428571rem + .7142857143vw, 1.5rem);
  font-family: Poppins, sans-serif
}

.p-index__billing-amount table th span.unit,
.p-index__billing-amount table td span.unit {
  display: inline-block;
  margin-left: clamp(.25rem, .25rem + 0vw, .25rem);
  font-size: clamp(.8125rem, .7589285714rem + .2678571429vw, 1rem)
}

.p-index__billing-amount table th {
  font-size: clamp(.875rem, .8392857143rem + .1785714286vw, 1rem);
  text-align: left
}

.p-index__billing-amount table td {
  text-align: right
}

.p-index__billing-amount .amount-caution {
  font-size: clamp(.75rem, .7142857143rem + .1785714286vw, .875rem);
  line-height: 2;
  -webkit-margin-before: calc(12px + var(--leading-trim));
  margin-block-start: calc(12px + var(--leading-trim))
}

.p-index__billing-amount .amount-button {
  margin-top: clamp(1.25rem, 1.0714285714rem + .8928571429vw, 1.875rem)
}

.p-index__billing-chart {
  -webkit-flex-basis: 640px;
  -ms-flex-preferred-size: 640px;
  flex-basis: 640px;
  margin-left: clamp(1.25rem, .8928571429rem + 1.7857142857vw, 2.5rem)
}

.p-index__billing-chart .c-title {
  -webkit-margin-after: calc(20px + var(--leading-trim));
  margin-block-end: calc(20px + var(--leading-trim))
}

.p-index__billing-chart-button .c-button {
  margin: unset;
  margin-top: clamp(1.25rem, 1.25rem + 0vw, 1.25rem);
  margin-left: auto
}

.p-index__news {
  padding-top: clamp(3.75rem, 3.3928571429rem + 1.7857142857vw, 5rem)
}

.p-index__news-contents {
  background: #fff;
  -webkit-box-shadow: 0px 0px 30px #ededed;
  padding-top: clamp(1.875rem, 1.5178571429rem + 1.7857142857vw, 3.125rem);
  padding-right: clamp(1.25rem, .1785714286rem + 5.3571428571vw, 5rem);
  padding-bottom: clamp(1.25rem, 1.0714285714rem + .8928571429vw, 1.875rem);
  padding-left: clamp(1.25rem, .1785714286rem + 5.3571428571vw, 5rem);
  border-radius: 20px;
  box-shadow: 0 0 30px #ededed
}

.p-index__news-contents .p-news__list li a {
  -webkit-box-shadow: none;
  padding: 0;
  padding-bottom: clamp(1.125rem, 1.0892857143rem + .1785714286vw, 1.25rem);
  border-bottom: 1px solid #f0f0f0;
  border-radius: 0;
  box-shadow: none;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

.p-index__news-contents .p-news__list li a:hover {
  border-bottom: 1px solid #0cb14b
}

.p-index__news-contents .p-news__list li p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.p-index__news-all-link {
  margin-top: clamp(1.25rem, 1.0714285714rem + .8928571429vw, 1.875rem);
  text-align: center
}

.p-index__news-all-link a {
  display: inline-block;
  position: relative;
  padding: 0 50px;
  color: #0cb14b;
  font-size: clamp(1rem, 1rem + 0vw, 1rem);
  line-height: 100%
}

.p-index__news-all-link a:after {
  display: block;
  width: 6px;
  min-width: 6px;
  height: 12px;
  min-height: 12px;
  background-image: url(../../assets/img/icon/arrow_right.svg);
  background-size: contain;
  background-repeat: no-repeat;
  content: ""
}

.p-index__news-all-link a:after {
  position: absolute;
  top: 3px;
  right: 0
}

.p-use_default__container+.p-use_default__container {
  margin-top: clamp(3.75rem, 3.3928571429rem + 1.7857142857vw, 5rem)
}

.p-use_default__switch-type {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center
}

.p-use_default__switch-type-button {
  -webkit-transition: all .3s ease-in-out;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 290px;
  height: 50px;
  border-top-right-radius: 14px;
  border-top-left-radius: 14px;
  background-color: #9eb0a2;
  color: #3cb56e;
  transition: all .3s ease-in-out;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-weight: 700;
  font-size: clamp(1rem, 1rem + 0vw, 1rem);
  line-height: 100%
}

.p-use_default__switch-type-button.is-active {
  background-color: #0cb14b;
  color: #fff
}

.p-use_default__switch-type-button--gas {
  margin-right: clamp(.3125rem, .2232142857rem + .4464285714vw, .625rem)
}

.p-use_default__switch-type-button--electricity {
  margin-left: clamp(.3125rem, .2232142857rem + .4464285714vw, .625rem)
}

.p-use_default__contents {
  -webkit-box-shadow: 0px 0px 30px #ededed;
  padding-top: clamp(1.875rem, 1.5178571429rem + 1.7857142857vw, 3.125rem);
  padding-right: clamp(1.25rem, .7142857143rem + 2.6785714286vw, 3.125rem);
  padding-bottom: clamp(1.875rem, 1.5178571429rem + 1.7857142857vw, 3.125rem);
  padding-left: clamp(1.25rem, .7142857143rem + 2.6785714286vw, 3.125rem);
  border-radius: 10px;
  box-shadow: 0 0 30px #ededed
}

.p-use_default__bottom {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: clamp(.78125rem, .1830357143rem + 2.9910714286vw, 2.875rem);
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.p-use_default__period {
  font-size: clamp(.75rem, .7142857143rem + .1785714286vw, .875rem);
  line-height: 100%
}

.p-use_default__switch-units {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 130px;
  padding-top: clamp(.15625rem, .1473214286rem + .0446428571vw, .1875rem);
  padding-right: clamp(.15625rem, .1294642857rem + .1339285714vw, .25rem);
  padding-bottom: clamp(.15625rem, .1473214286rem + .0446428571vw, .1875rem);
  padding-left: clamp(.15625rem, .1294642857rem + .1339285714vw, .25rem);
  border-radius: 5px;
  background-color: #f0f0f0
}

.p-use_default__switch-units-button {
  -webkit-transition: all .3s ease-in-out;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 60px;
  height: 26px;
  border-radius: 5px;
  transition: all .3s ease-in-out;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: clamp(.8125rem, .7410714286rem + .3571428571vw, 1.0625rem);
  line-height: 100%
}

.p-use_default__switch-units-button.is-active {
  background-color: #0cb14b;
  color: #fff
}

.p-use_default__select-area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.p-use_default__select {
  -webkit-flex-basis: 240px;
  -ms-flex-preferred-size: 240px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  flex-basis: 240px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.p-use_default__select:after {
  display: block;
  width: 6px;
  min-width: 6px;
  height: 12px;
  min-height: 12px;
  background-image: url(../../assets/img/icon/arrow_right_white.svg);
  background-size: contain;
  background-repeat: no-repeat;
  content: ""
}

.p-use_default__select:after {
  pointer-events: none;
  -webkit-transform: rotate(90deg);
  position: absolute;
  right: 20px;
  transform: rotate(90deg)
}

.p-use_default__select select {
  text-align: center;
  -moz-text-align-last: center;
  width: 100%;
  height: 45px;
  border-radius: 100vh;
  background-color: #0cb14b;
  color: #fff;
  font-size: clamp(1rem, 1rem + 0vw, 1rem);
  line-height: 100%;
  text-align-last: center;
  cursor: pointer
}

.p-use_default__select select:focus {
  outline: none
}

.p-use_default__value {
  -webkit-flex-basis: 600px;
  -ms-flex-preferred-size: 600px;
  flex-basis: 600px;
  margin-left: clamp(1.25rem, 1.25rem + 0vw, 1.25rem);
  -webkit-box-shadow: 0px 0px 30px #ededed;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border-radius: 10px;
  box-shadow: 0 0 30px #ededed;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-top: clamp(1.875rem, 1.75rem + .625vw, 2.3125rem);
  padding-right: clamp(1.25rem, 1.25rem + 0vw, 1.25rem);
  padding-bottom: clamp(1.875rem, 1.625rem + 1.25vw, 2.75rem);
  padding-left: clamp(1.25rem, 1.25rem + 0vw, 1.25rem)
}

.p-use_default__days {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center
}

.p-use_default__days h3 {
  font-weight: 400;
  font-size: clamp(1rem, 1rem + 0vw, 1rem);
  line-height: 100%
}

.p-use_default__days p {
  margin-top: clamp(.625rem, .4464285714rem + .8928571429vw, 1.25rem);
  color: #0cb14b;
  font-weight: 700;
  font-size: clamp(1.25rem, 1.1785714286rem + .3571428571vw, 1.5rem);
  line-height: 1.2;
  letter-spacing: 0
}

.p-use_default__days p span {
  margin-right: clamp(.125rem, .125rem + 0vw, .125rem);
  font-style: normal;
  font-weight: 400;
  font-weight: 600;
  font-size: clamp(2.5rem, 2.1428571429rem + 1.7857142857vw, 3.75rem);
  font-family: Poppins, sans-serif;
  letter-spacing: 0
}

.p-use_default__days-border {
  width: 2px;
  height: 117px;
  margin-right: clamp(1.875rem, .8392857143rem + 5.1785714286vw, 5.5rem);
  margin-left: clamp(1.875rem, .8392857143rem + 5.1785714286vw, 5.5rem);
  background-color: #d6d6d6
}

.p-use_default__graph {
  margin-top: clamp(3.75rem, 2.6785714286rem + 5.3571428571vw, 7.5rem)
}

.p-meter_notices_list__button {
  margin-top: clamp(2.5rem, 1.7857142857rem + 3.5714285714vw, 5rem)
}

.p-bill_default__contents {
  -webkit-box-shadow: 0px 0px 30px #ededed;
  padding-top: clamp(1.5rem, 1.0714285714rem + 2.1428571429vw, 3rem);
  padding-bottom: clamp(1.5rem, 1.0714285714rem + 2.1428571429vw, 3rem);
  border-radius: 10px;
  box-shadow: 0 0 30px #ededed
}

.p-bill_default__contents+.p-bill_default__contents {
  margin-top: clamp(2.5rem, 2.0714285714rem + 2.1428571429vw, 4rem)
}

.p-bill_default__inner {
  max-width: 860px;
  margin: 0 auto;
  padding-right: clamp(1.25rem, 1.25rem + 0vw, 1.25rem);
  padding-left: clamp(1.25rem, 1.25rem + 0vw, 1.25rem)
}

.p-bill_default__amount-billed-number {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.p-bill_default__amount-billed-number .customer-number {
  font-weight: 700;
  font-size: clamp(.8125rem, .7589285714rem + .2678571429vw, 1rem);
  line-height: 100%
}

.p-bill_default__amount-billed-number .number {
  font-style: normal;
  font-weight: 400;
  font-size: clamp(.8125rem, .7410714286rem + .3571428571vw, 1.0625rem);
  line-height: 100%;
  font-family: Poppins, sans-serif
}

.p-bill_default__amount-billed-money {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: clamp(1rem, 1rem + 0vw, 1rem);
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-top: clamp(1rem, .9285714286rem + .3571428571vw, 1.25rem);
  padding-right: clamp(1rem, 1rem + 0vw, 1rem);
  padding-bottom: clamp(1rem, .9285714286rem + .3571428571vw, 1.25rem);
  padding-left: clamp(1rem, 1rem + 0vw, 1rem);
  border: 1px solid #d6d6d6;
  border-radius: 10px;
  background: #fff
}

.p-bill_default__amount-billed-money .period {
  font-weight: 700;
  font-size: clamp(1rem, 1rem + 0vw, 1rem);
  line-height: 100%
}

.p-bill_default__amount-billed-money .figure span {
  color: #f7713f
}

.p-bill_default__amount-billed-money .figure span.poppins {
  font-style: normal;
  font-weight: 400;
  font-weight: 600;
  font-size: clamp(1.5rem, 1.3571428571rem + .7142857143vw, 2rem);
  line-height: 100%;
  font-family: Poppins, sans-serif
}

.p-bill_default__amount-billed-money .figure span.unit {
  display: inline-block;
  margin-left: clamp(.5rem, .5rem + 0vw, .5rem);
  font-weight: 700;
  font-size: clamp(.875rem, .8392857143rem + .1785714286vw, 1rem);
  line-height: 100%
}

.p-bill_default__amount-button {
  margin-top: clamp(1.25rem, 1.0357142857rem + 1.0714285714vw, 2rem)
}

.p-bill_default__results {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.p-bill_default__results .message {
  -webkit-flex-basis: 500px;
  -ms-flex-preferred-size: 500px;
  flex-basis: 500px;
  font-size: clamp(.8125rem, .7589285714rem + .2678571429vw, 1rem);
  line-height: 1.75
}

.p-bill_default__results .company-info {
  -webkit-flex-basis: 320px;
  -ms-flex-preferred-size: 320px;
  flex-basis: 320px;
  color: #0cb14b;
  font-size: clamp(.875rem, .8392857143rem + .1785714286vw, 1rem);
  line-height: 1.5
}

.p-bill_default__results .company-info .company-name {
  font-weight: 700
}

.p-bill_default__results .company-info p+p {
  -webkit-margin-before: calc(12px + var(--leading-trim));
  margin-block-start: calc(12px + var(--leading-trim))
}

.p-bill_default__v-point {
  margin-top: clamp(1.25rem, 1.1785714286rem + .3571428571vw, 1.5rem);
  color: #0cb14b;
  font-weight: 700;
  font-size: clamp(.875rem, .8392857143rem + .1785714286vw, 1rem);
  line-height: 1.75
}

.p-bill_default__table-contents {
  margin-top: clamp(3.75rem, 3.6785714286rem + .3571428571vw, 4rem)
}

.p-bill_default__table-contents+.p-bill_default__table-contents {
  margin-top: clamp(2.5rem, 2.3571428571rem + .7142857143vw, 3rem)
}

.p-bill_default__table-block+.p-bill_default__table-block {
  margin-top: clamp(1.25rem, 1.0714285714rem + .8928571429vw, 1.875rem)
}

.p-bill_default__table-title {
  padding-top: clamp(.375rem, .3392857143rem + .1785714286vw, .5rem);
  padding-bottom: clamp(.375rem, .3392857143rem + .1785714286vw, .5rem);
  border: 1px solid #ededed;
  border-bottom: none;
  border-top-right-radius: 14px;
  border-top-left-radius: 14px;
  background-color: #0cb14b;
  color: #fff;
  font-weight: 700;
  font-size: clamp(.75rem, .6785714286rem + .3571428571vw, 1rem);
  line-height: 100%;
  text-align: center
}

.p-bill_default__table+.p-bill_default__table {
  margin-top: clamp(1rem, 1rem + 0vw, 1rem)
}

.p-bill_default__table+.p-bill_default__table table {
  border-top-right-radius: 14px;
  border-top-left-radius: 14px
}

.p-bill_default__table table {
  width: 100%;
  border: 1px solid #ededed;
  border-bottom-right-radius: 14px;
  border-bottom-left-radius: 14px;
  border-collapse: separate;
  border-spacing: 0;
  letter-spacing: 0
}

.p-bill_default__table table tr:last-child th,
.p-bill_default__table table tr:last-child td {
  border-bottom: none
}

.p-bill_default__table table th,
.p-bill_default__table table td {
  padding-top: clamp(.5rem, .5rem + 0vw, .5rem);
  padding-right: clamp(.5rem, .3571428571rem + .7142857143vw, 1rem);
  padding-bottom: clamp(.5rem, .5rem + 0vw, .5rem);
  padding-left: clamp(.5rem, .3571428571rem + .7142857143vw, 1rem);
  border-right: 1px solid #ededed;
  border-bottom: 1px solid #ededed;
  font-size: clamp(.75rem, .6785714286rem + .3571428571vw, 1rem);
  line-height: 2;
  vertical-align: top
}

.p-bill_default__table table th.bold,
.p-bill_default__table table td.bold {
  font-weight: 700
}

.p-bill_default__table table th.bold .poppins,
.p-bill_default__table table td.bold .poppins {
  font-weight: 600
}

.p-bill_default__table table th span.poppins,
.p-bill_default__table table td span.poppins {
  font-style: normal;
  font-weight: 400;
  font-family: Poppins, sans-serif
}

.p-bill_default__table table th span.unit,
.p-bill_default__table table td span.unit {
  display: inline-block;
  margin-left: clamp(.5rem, .5rem + 0vw, .5rem)
}

.p-bill_default__table table th .between,
.p-bill_default__table table td .between {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.p-bill_default__table table th.single,
.p-bill_default__table table td.single {
  padding-top: clamp(1.5625rem, 1.5625rem + 0vw, 1.5625rem);
  padding-bottom: clamp(1.5625rem, 1.5625rem + 0vw, 1.5625rem);
  color: #0cb14b;
  text-align: center !important
}

.p-bill_default__table table th.single .poppins,
.p-bill_default__table table td.single .poppins {
  font-weight: 600;
  font-size: clamp(1.5rem, 1.5rem + 0vw, 1.5rem);
  line-height: 100%
}

.p-bill_default__table table th.single .unit,
.p-bill_default__table table td.single .unit {
  font-weight: 700;
  font-size: clamp(1rem, 1rem + 0vw, 1rem);
  line-height: 100%
}

.p-bill_default__table table th.left,
.p-bill_default__table table td.left {
  text-align: left !important
}

.p-bill_default__table table th {
  width: 25%;
  background-color: #f8f8f8;
  font-weight: 400;
  text-align: left
}

.p-bill_default__table table td {
  width: 75%
}

.p-bill_default__table table td:last-child {
  border-right: none;
  text-align: right
}

.p-faq__container+.p-faq__container {
  margin-top: clamp(2.5rem, 1.7857142857rem + 3.5714285714vw, 5rem)
}

.p-faq__block {
  padding-top: clamp(.9375rem, .8482142857rem + .4464285714vw, 1.25rem);
  padding-right: clamp(1.25rem, 1.0714285714rem + .8928571429vw, 1.875rem);
  padding-bottom: clamp(.9375rem, .8482142857rem + .4464285714vw, 1.25rem);
  padding-left: clamp(1.25rem, 1.0714285714rem + .8928571429vw, 1.875rem);
  -webkit-box-shadow: 0px 0px 30px #ededed;
  border-radius: 10px;
  box-shadow: 0 0 30px #ededed
}

.p-faq__block+.p-faq__block {
  margin-top: clamp(.625rem, .4464285714rem + .8928571429vw, 1.25rem)
}

.p-faq__block details[open] summary:after {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg)
}

.p-faq__block details[open] p {
  -webkit-animation: fadeIn .5s ease;
  animation: fadeIn .5s ease
}

.p-faq__block summary {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-weight: 700;
  font-size: clamp(.8125rem, .7589285714rem + .2678571429vw, 1rem);
  line-height: 1.75;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.p-faq__block summary:after {
  display: block;
  width: 6px;
  min-width: 6px;
  height: 12px;
  min-height: 12px;
  background-image: url(../../assets/img/icon/arrow_right.svg);
  background-size: contain;
  background-repeat: no-repeat;
  content: ""
}

.p-faq__block summary:after {
  -webkit-transform: rotate(90deg);
  margin-left: clamp(.625rem, .625rem + 0vw, .625rem);
  transform: rotate(90deg)
}

.p-faq__block summary:hover {
  cursor: pointer
}

.p-faq__block summary::-webkit-details-marker {
  display: none
}

.p-faq__block p {
  font-size: clamp(.75rem, .6785714286rem + .3571428571vw, 1rem);
  line-height: 1.75;
  -webkit-margin-before: calc(24px + var(--leading-trim));
  margin-block-start: calc(24px + var(--leading-trim))
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

.p-login__container+.p-login__container {
  margin-top: clamp(2.5rem, 1.6964285714rem + 4.0178571429vw, 5.3125rem)
}

.p-pw__contact {
  margin-top: clamp(2rem, 1.4285714286rem + 2.8571428571vw, 4rem)
}

.p-pw__contact p {
  font-size: clamp(.875rem, .8392857143rem + .1785714286vw, 1rem);
  line-height: 2;
  text-align: center
}

.p-pw__contact .c-button {
  margin-top: clamp(1.25rem, 1.1785714286rem + .3571428571vw, 1.5rem)
}

.p-register_form__contact {
  margin-top: clamp(2rem, 1.4285714286rem + 2.8571428571vw, 4rem)
}

.p-register_form__contact p {
  font-size: clamp(.875rem, .8392857143rem + .1785714286vw, 1rem);
  line-height: 1.5;
  text-align: center
}

.p-register_form__contact .c-button {
  margin-top: clamp(1.25rem, 1.1785714286rem + .3571428571vw, 1.5rem)
}

.p-news_detail__article-head {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  white-space: nowrap
}

.p-news_detail__article-head time {
  color: #141414;
  font-style: normal;
  font-weight: 400;
  font-size: clamp(.875rem, .8392857143rem + .1785714286vw, 1rem);
  line-height: 100%;
  font-family: Poppins, sans-serif
}

.p-news_detail__article-head span {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: #141414;
  font-size: clamp(.75rem, .7142857143rem + .1785714286vw, .875rem);
  line-height: 100%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-left: clamp(.375rem, .3035714286rem + .3571428571vw, .625rem);
  padding-top: clamp(.375rem, .375rem + 0vw, .375rem);
  padding-right: clamp(1.5rem, 1.5rem + 0vw, 1.5rem);
  padding-bottom: clamp(.375rem, .375rem + 0vw, .375rem);
  padding-left: clamp(1.5rem, 1.5rem + 0vw, 1.5rem);
  border-radius: 100vh;
  background-color: #3cb56e;
  color: #fff
}

.p-news_detail__article-head .label {
  display: inline-block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-style: normal;
  font-weight: 400;
  font-weight: 700;
  font-size: clamp(.75rem, .7142857143rem + .1785714286vw, .875rem);
  line-height: 100%;
  font-family: Poppins, sans-serif;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-left: clamp(.375rem, .3035714286rem + .3571428571vw, .625rem);
  padding-top: clamp(.375rem, .375rem + 0vw, .375rem);
  padding-right: clamp(.75rem, .75rem + 0vw, .75rem);
  padding-bottom: clamp(.375rem, .375rem + 0vw, .375rem);
  padding-left: clamp(.75rem, .75rem + 0vw, .75rem);
  border-radius: 8px
}

.p-news_detail__article-head .label.new {
  border: 1px solid #f7713f;
  color: #f7713f
}

.p-news_detail__article-title {
  font-size: clamp(1.25rem, 1.1785714286rem + .3571428571vw, 1.5rem);
  line-height: 1.3333333333;
  -webkit-margin-before: calc(16px + var(--leading-trim));
  margin-block-start: calc(16px + var(--leading-trim))
}

.p-news_detail__article-contents {
  margin-top: clamp(1.25rem, .8928571429rem + 1.7857142857vw, 2.5rem)
}

.p-news_detail__article-contents>* {
  margin-bottom: clamp(1.25rem, .8928571429rem + 1.7857142857vw, 2.5rem)
}

.p-news_detail__article-contents p {
  font-size: clamp(.875rem, .8392857143rem + .1785714286vw, 1rem);
  line-height: 2
}

.p-news_detail__article-button {
  margin-top: clamp(2rem, 1.4285714286rem + 2.8571428571vw, 4rem);
  padding-top: clamp(2rem, 1.8571428571rem + .7142857143vw, 2.5rem);
  border-top: 1px solid #f0f0f0
}

.p-news__container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(2rem, .7857142857rem + 6.0714285714vw, 6.25rem)
}

.p-news__nav {
  width: 20%
}

.p-news__nav .c-sub-title {
  -webkit-margin-after: calc(24px + var(--leading-trim));
  margin-block-end: calc(24px + var(--leading-trim))
}

.p-news__nav nav ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px
}

.p-news__nav nav ul li.current a {
  background-color: #0cb14b;
  color: #fff
}

.p-news__nav nav ul li a {
  padding-top: clamp(.125rem, .125rem + 0vw, .125rem);
  padding-right: clamp(1.125rem, 1.125rem + 0vw, 1.125rem);
  padding-bottom: clamp(.125rem, .125rem + 0vw, .125rem);
  padding-left: clamp(1.125rem, 1.125rem + 0vw, 1.125rem);
  border: 1px solid #0cb14b;
  border-radius: 100vh;
  background-color: #fff;
  color: #0cb14b;
  font-size: clamp(.75rem, .7142857143rem + .1785714286vw, .875rem);
  line-height: 100%
}

.p-news__contents {
  width: calc(80% - clamp(2rem, .7857142857rem + 6.0714285714vw, 6.25rem))
}

.p-news__list li a {
  display: block;
  background: #fff;
  -webkit-box-shadow: 0px 0px 30px #ededed;
  padding-top: clamp(1.5rem, 1.3571428571rem + .7142857143vw, 2rem);
  padding-right: clamp(1.25rem, .8928571429rem + 1.7857142857vw, 2.5rem);
  padding-bottom: clamp(1.5rem, 1.3571428571rem + .7142857143vw, 2rem);
  padding-left: clamp(1.25rem, .8928571429rem + 1.7857142857vw, 2.5rem);
  border-radius: 10px;
  box-shadow: 0 0 30px #ededed
}

.p-news__list li .head {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  white-space: nowrap
}

.p-news__list li .head time {
  color: #141414;
  font-style: normal;
  font-weight: 400;
  font-size: clamp(.875rem, .8392857143rem + .1785714286vw, 1rem);
  line-height: 100%;
  font-family: Poppins, sans-serif
}

.p-news__list li .head span {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: #141414;
  font-size: clamp(.75rem, .7142857143rem + .1785714286vw, .875rem);
  line-height: 100%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-left: clamp(.375rem, .3035714286rem + .3571428571vw, .625rem);
  padding-top: clamp(.375rem, .375rem + 0vw, .375rem);
  padding-right: clamp(1.5rem, 1.5rem + 0vw, 1.5rem);
  padding-bottom: clamp(.375rem, .375rem + 0vw, .375rem);
  padding-left: clamp(1.5rem, 1.5rem + 0vw, 1.5rem);
  border-radius: 100vh;
  background-color: #3cb56e;
  color: #fff
}

.p-news__list li .head .label {
  display: inline-block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-style: normal;
  font-weight: 400;
  font-weight: 700;
  font-size: clamp(.75rem, .7142857143rem + .1785714286vw, .875rem);
  line-height: 100%;
  font-family: Poppins, sans-serif;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-left: clamp(.375rem, .3035714286rem + .3571428571vw, .625rem);
  padding-top: clamp(.375rem, .375rem + 0vw, .375rem);
  padding-right: clamp(.75rem, .75rem + 0vw, .75rem);
  padding-bottom: clamp(.375rem, .375rem + 0vw, .375rem);
  padding-left: clamp(.75rem, .75rem + 0vw, .75rem);
  border-radius: 8px
}

.p-news__list li .head .label.new {
  border: 1px solid #f7713f;
  color: #f7713f
}

.p-news__list li p {
  color: #141414;
  font-size: clamp(1rem, .9642857143rem + .1785714286vw, 1.125rem);
  -webkit-margin-before: calc(16px + var(--leading-trim));
  margin-block-start: calc(16px + var(--leading-trim))
}

.p-news__list li+li {
  margin-top: clamp(1.125rem, 1.0892857143rem + .1785714286vw, 1.25rem)
}

.p-news__prevnext {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: clamp(2.5rem, 2.0714285714rem + 2.1428571429vw, 4rem);
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center
}

.p-news__prevnext a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #0cb14b;
  color: #0cb14b;
  font-size: clamp(1rem, 1rem + 0vw, 1rem);
  line-height: 100%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 146px;
  height: 60px
}

.p-news__prevnext a:after {
  display: block;
  width: 6px;
  min-width: 6px;
  height: 12px;
  min-height: 12px;
  background-image: url(../../assets/img/icon/arrow_right.svg);
  background-size: contain;
  background-repeat: no-repeat;
  content: ""
}

.p-news__prevnext a:after {
  margin-left: clamp(.5rem, .5rem + 0vw, .5rem);
  -webkit-transform: translateY(2px);
  transform: translateY(2px)
}

.p-news__prevnext a.prev {
  border-right: none;
  border-top-left-radius: 100vh;
  border-bottom-left-radius: 100vh;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse
}

.p-news__prevnext a.prev:after {
  margin-right: clamp(.5rem, .5rem + 0vw, .5rem);
  margin-left: 0;
  -webkit-transform: translateY(2px) rotate(180deg);
  transform: translateY(2px) rotate(180deg)
}

.p-news__prevnext a.next {
  border-top-right-radius: 100vh;
  border-bottom-right-radius: 100vh
}

.pc-only {
  display: inline-block
}

.tablet-only,
.sp-only {
  display: none
}

.validation-summary-errors {
    white-space: pre;
}

@media (max-width: 1023px) {
  .p-index__billing-contents {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .p-index__billing-amount {
    -webkit-box-shadow: 0px 0px 15px #ededed;
    padding-top: clamp(1.875rem, 1.875rem + 0vw, 1.875rem);
    padding-right: clamp(1.125rem, 1.125rem + 0vw, 1.125rem);
    padding-bottom: clamp(1.25rem, 1.25rem + 0vw, 1.25rem);
    padding-left: clamp(1.125rem, 1.125rem + 0vw, 1.125rem);
    border-radius: 20px;
    box-shadow: 0 0 15px #ededed;
    -webkit-flex-basis: unset;
    -ms-flex-preferred-size: unset;
    flex-basis: unset;
    width: 100%
  }

  .p-index__billing-amount h2 {
    font-size: clamp(1.25rem, 1.25rem + 0vw, 1.25rem);
    text-align: center
  }

  .p-index__billing-amount p {
    font-size: clamp(.875rem, .875rem + 0vw, .875rem);
    -webkit-margin-before: calc(10px + var(--leading-trim));
    margin-block-start: calc(10px + var(--leading-trim));
    text-align: center
  }

  .p-index__billing-amount .amount-total {
    margin-top: clamp(1.25rem, 1.25rem + 0vw, 1.25rem);
    text-align: center
  }

  .p-index__billing-amount .amount-total span.poppins {
    font-size: clamp(3.875rem, 3.875rem + 0vw, 3.875rem)
  }

  .p-index__billing-amount .amount-total span.unit {
    margin-left: clamp(.75rem, .75rem + 0vw, .75rem);
    font-size: clamp(1.875rem, 1.875rem + 0vw, 1.875rem)
  }

  .p-index__billing-amount table {
    margin-top: clamp(1.25rem, 1.25rem + 0vw, 1.25rem)
  }

  .p-index__billing-amount table th,
  .p-index__billing-amount table td {
    padding-top: clamp(.4375rem, .4375rem + 0vw, .4375rem);
    padding-right: clamp(.625rem, .625rem + 0vw, .625rem);
    padding-bottom: clamp(.4375rem, .4375rem + 0vw, .4375rem);
    padding-left: clamp(.625rem, .625rem + 0vw, .625rem)
  }

  .p-index__billing-amount table th span.poppins,
  .p-index__billing-amount table td span.poppins {
    font-size: clamp(1rem, 1rem + 0vw, 1rem)
  }

  .p-index__billing-amount table th span.unit,
  .p-index__billing-amount table td span.unit {
    font-size: clamp(.8125rem, .8125rem + 0vw, .8125rem)
  }

  .p-index__billing-amount table th {
    font-size: clamp(.875rem, .875rem + 0vw, .875rem)
  }

  .p-index__billing-amount .amount-caution {
    font-size: clamp(.75rem, .75rem + 0vw, .75rem);
    line-height: 1.3333333333;
    -webkit-margin-before: calc(7px + var(--leading-trim));
    margin-block-start: calc(7px + var(--leading-trim));
    padding-right: clamp(.625rem, .625rem + 0vw, .625rem);
    padding-left: clamp(.625rem, .625rem + 0vw, .625rem);
    text-align: left
  }

  .p-index__billing-amount .amount-button {
    margin-top: clamp(1.25rem, 1.25rem + 0vw, 1.25rem)
  }

  .p-index__billing-chart {
    margin-top: clamp(3.75rem, 3.75rem + 0vw, 3.75rem);
    margin-left: 0;
    -webkit-flex-basis: unset;
    -ms-flex-preferred-size: unset;
    flex-basis: unset;
    width: 100%
  }

  .p-index__billing-chart .c-title {
    -webkit-margin-after: calc(16px + var(--leading-trim));
    margin-block-end: calc(16px + var(--leading-trim))
  }

  .p-index__billing-chart-button .c-button {
    margin: 0 auto;
    margin-top: clamp(1.875rem, 1.875rem + 0vw, 1.875rem)
  }

  .p-news__nav {
    width: 25%
  }

  .p-news__contents {
    width: calc(75% - clamp(2rem, .7857142857rem + 6.0714285714vw, 6.25rem))
  }

  .pc-only {
    display: none
  }

  .tablet-only {
    display: inline-block
  }

  .sp-only {
    display: none
  }
}

@media (max-width: 767px) {
  .l-header {
    border-bottom: 1px solid #f0f0f0
  }

  .l-header__top {
    border-bottom: none;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-top: clamp(1.5rem, 1.5rem + 0vw, 1.5rem);
    padding-right: clamp(1.25rem, 1.25rem + 0vw, 1.25rem);
    padding-bottom: clamp(1.5rem, 1.5rem + 0vw, 1.5rem);
    padding-left: clamp(1.25rem, 1.25rem + 0vw, 1.25rem)
  }

  .l-header__hamburger {
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto
  }

  .l-header__center {
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    padding-right: clamp(.625rem, .625rem + 0vw, .625rem);
    padding-left: clamp(.625rem, .625rem + 0vw, .625rem)
  }

  .l-header__center-logo img {
    max-width: 186px
  }

  .l-header__center-multi {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
  }

  .l-header__center-multi p {
    font-size: clamp(.875rem, .875rem + 0vw, .875rem)
  }

  .l-header__center-multi .select-box {
    position: relative
  }

  .l-header__center-multi .select-box:after {
    display: inline-block;
    position: absolute;
    top: 50%;
    right: clamp(.5rem, .5rem + 0vw, .5rem);
    content: "";
    -webkit-transform: translateY(-50%);
    width: 10px;
    height: 8px;
    transform: translateY(-50%);
    background-color: #0cb14b;
    -webkit-clip-path: polygon(0 0, 100% 0%, 50% 100%);
    clip-path: polygon(0 0, 100% 0%, 50% 100%);
    pointer-events: none
  }

  .l-header__center-multi .select-box select {
    padding: clamp(.25rem, .25rem + 0vw, .25rem) clamp(2rem, 2rem + 0vw, 2rem) clamp(.25rem, .25rem + 0vw, .25rem) clamp(.5rem, .5rem + 0vw, .5rem);
    border: 1px solid #f0f0f0;
    background-color: #fff;
    font-size: clamp(.875rem, .875rem + 0vw, .875rem)
  }

  .l-header__user {
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto
  }

  .l-header__user-switch,
  .l-header__user-block,
  .l-header__bottom {
    display: none
  }

  .l-footer {
    padding-top: clamp(4.375rem, 4.375rem + 0vw, 4.375rem);
    padding-right: 0;
    padding-bottom: clamp(3.125rem, 3.125rem + 0vw, 3.125rem);
    padding-left: 0
  }

  .l-footer__inner {
    row-gap: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .l-footer__logo img {
    max-width: 180px
  }

  .l-footer__links {
    margin-top: clamp(3.125rem, 3.125rem + 0vw, 3.125rem)
  }

  .l-footer__links-list {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
  }

  .l-footer__links-list--top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .l-footer__links-list--top li {
    font-size: clamp(1rem, 1rem + 0vw, 1rem)
  }

  .l-footer__links-list--top li a:after {
    display: block;
    width: 5px;
    min-width: 5px;
    height: 10px;
    min-height: 10px;
    background-image: url(../../assets/img/icon/arrow_right_white.svg);
    background-size: contain;
    background-repeat: no-repeat;
    content: ""
  }

  .l-footer__links-list--top li a:after {
    margin-left: clamp(.75rem, .75rem + 0vw, .75rem)
  }

  .l-footer__links-list--top li+li {
    margin-left: 0;
    -webkit-margin-before: calc(30px + var(--leading-trim));
    margin-block-start: calc(30px + var(--leading-trim))
  }

  .l-footer__links-list--bottom {
    margin-top: clamp(3.75rem, 3.75rem + 0vw, 3.75rem);
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    row-gap: clamp(1.25rem, 1.25rem + 0vw, 1.25rem);
    flex-wrap: wrap
  }

  .l-footer__links-list--bottom li {
    width: 50%;
    font-size: clamp(.8125rem, .8125rem + 0vw, .8125rem)
  }

  .l-footer__links-list--bottom li+li {
    margin-left: 0
  }

  .l-footer__copy {
    margin-top: clamp(5rem, 5rem + 0vw, 5rem)
  }

  .l-main {
    padding-top: clamp(10rem, 10rem + 0vw, 10rem)
  }

  .l-main.p-login,
  .l-main.p-pw,
  .l-main.p-register_form {
    padding-top: clamp(5.625rem, 5.625rem + 0vw, 5.625rem)
  }

  .l-shadow-contents {
    -webkit-box-shadow: 0px 0px 15px #ededed;
    padding-top: clamp(2.5rem, 2.5rem + 0vw, 2.5rem);
    padding-bottom: clamp(2.5rem, 2.5rem + 0vw, 2.5rem);
    border-radius: 10px;
    box-shadow: 0 0 15px #ededed
  }

  .c-hamburger {
    z-index: 99
  }

  .c-hamburger__border {
    width: 20px;
    height: 12px
  }

  .c-nav {
    display: block;
    max-width: 100%;
    padding-top: 0
  }

  .c-nav__sp-head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: clamp(1.5rem, 1.5rem + 0vw, 1.5rem);
    padding-right: clamp(1.25rem, 1.25rem + 0vw, 1.25rem);
    padding-bottom: clamp(1.4375rem, 1.4375rem + 0vw, 1.4375rem);
    padding-left: clamp(1.25rem, 1.25rem + 0vw, 1.25rem);
    border-bottom: 1px solid #f0f0f0
  }

  .c-nav__sp-head .c-hamburger {
    -webkit-flex-basis: 33.3333333333%;
    -ms-flex-preferred-size: 33.3333333333%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-basis: 33.3333333333%;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }

  .c-nav__sp-head .logo {
    -webkit-flex-basis: 33.3333333333%;
    -ms-flex-preferred-size: 33.3333333333%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-basis: 33.3333333333%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
  }

  .c-nav__sp-head .logo img {
    max-width: 186px
  }

  .c-nav__sp-head:after {
    display: block;
    content: "";
    -webkit-flex-basis: 33.3333333333%;
    -ms-flex-preferred-size: 33.3333333333%;
    flex-basis: 33.3333333333%
  }

  .c-nav__inner {
    max-width: 100%
  }

  .c-nav__list-item a {
    font-size: clamp(1rem, 1rem + 0vw, 1rem)
  }

  .c-nav__list-item a:after {
    display: block;
    width: 5px;
    min-width: 5px;
    height: 10px;
    min-height: 10px;
    background-image: url(../../assets/img/icon/arrow_right.svg);
    background-size: contain;
    background-repeat: no-repeat;
    content: ""
  }

  .c-nav__min-list {
    margin-top: clamp(1.5rem, 1.5rem + 0vw, 1.5rem)
  }

  .c-nav__min-list-item a {
    font-size: clamp(.8125rem, .8125rem + 0vw, .8125rem)
  }

  .c-nav__multi {
    margin-top: clamp(1.5rem, 1.5rem + 0vw, 1.5rem)
  }

  .c-banner {
    margin-top: clamp(3.75rem, 3.75rem + 0vw, 3.75rem)
  }

  .c-banner__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: clamp(1.25rem, 1.25rem + 0vw, 1.25rem)
  }

  .c-banner__item img {
    border-radius: 15px
  }

  .c-title {
    font-size: clamp(1.25rem, 1.25rem + 0vw, 1.25rem);
    -webkit-margin-after: calc(40px + var(--leading-trim));
    margin-block-end: calc(40px + var(--leading-trim))
  }

  .c-title--low {
    margin-bottom: clamp(1rem, 1rem + 0vw, 1rem)
  }

  .c-sub-title {
    -webkit-margin-after: calc(16px + var(--leading-trim));
    margin-block-end: calc(16px + var(--leading-trim))
  }

  .c-sub-title:before {
    height: 15px;
    margin-right: clamp(.9375rem, .9375rem + 0vw, .9375rem)
  }

  .c-button-block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .c-button-block .c-button {
    margin-right: 0;
    margin-left: 0
  }

  .c-button-block .c-button+.c-button {
    margin-top: clamp(.75rem, .75rem + 0vw, .75rem)
  }

  .c-button {
    max-width: 300px;
    height: 50px
  }

  .c-button--arrow:after {
    display: block;
    width: 5px;
    min-width: 5px;
    height: 10px;
    min-height: 10px;
    background-image: url(../../assets/img/icon/arrow_right_white.svg);
    background-size: contain;
    background-repeat: no-repeat;
    content: ""
  }

  .c-button--back-arrow:after {
    display: block;
    width: 5px;
    min-width: 5px;
    height: 10px;
    min-height: 10px;
    background-image: url(../../assets/img/icon/arrow_right_white.svg);
    background-size: contain;
    background-repeat: no-repeat;
    content: ""
  }

  .c-button--white.c-button--arrow:after {
    display: block;
    width: 5px;
    min-width: 5px;
    height: 10px;
    min-height: 10px;
    background-image: url(../../assets/img/icon/arrow_right.svg);
    background-size: contain;
    background-repeat: no-repeat;
    content: ""
  }

  .c-form__block+.c-form__block {
    margin-top: clamp(1.25rem, 1.25rem + 0vw, 1.25rem)
  }

  .c-form__block--high {
    margin-top: clamp(1.5rem, 1.5rem + 0vw, 1.5rem) !important
  }

  .c-form__block--higher,
  .c-form__block--highest {
    margin-top: clamp(2.5rem, 2.5rem + 0vw, 2.5rem) !important
  }

  .c-form__label-text {
    font-size: clamp(.8125rem, .8125rem + 0vw, .8125rem)
  }

  .c-form__input {
    padding-top: clamp(.625rem, .625rem + 0vw, .625rem);
    padding-right: clamp(1rem, 1rem + 0vw, 1rem);
    padding-bottom: clamp(.625rem, .625rem + 0vw, .625rem);
    padding-left: clamp(1rem, 1rem + 0vw, 1rem);
    border-radius: 5px;
    font-size: clamp(.8125rem, .8125rem + 0vw, .8125rem)
  }

  .c-form__checkbox+.c-form__checkbox {
    margin-top: clamp(1.25rem, 1.25rem + 0vw, 1.25rem)
  }

  .c-form__checkbox label {
    font-size: clamp(.75rem, .75rem + 0vw, .75rem)
  }

  .c-form__checkbox--register_form label {
    font-size: clamp(.75rem, .75rem + 0vw, .75rem);
    line-height: 1.75
  }

  .c-form__radio {
    margin-top: clamp(.75rem, .75rem + 0vw, .75rem);
    gap: clamp(.5rem, .5rem + 0vw, .5rem) clamp(3.125rem, 3.125rem + 0vw, 3.125rem)
  }

  .c-form__radio label span {
    font-size: clamp(1rem, 1rem + 0vw, 1rem)
  }

  .c-form__links a {
    font-size: clamp(.8125rem, .8125rem + 0vw, .8125rem)
  }

  .c-form__error-block {
    margin-top: clamp(.75rem, .75rem + 0vw, .75rem);
    padding-top: clamp(1rem, 1rem + 0vw, 1rem);
    border-radius: 5px;
    line-height: 1.6666666667
  }

  .c-form__error {
    font-size: clamp(.625rem, .625rem + 0vw, .625rem)
  }

  .c-form__text {
    font-size: clamp(.75rem, .75rem + 0vw, .75rem);
    line-height: 1.6666666667
  }

  .c-form__text+.c-form__text {
    -webkit-margin-before: calc(12px + var(--leading-trim));
    margin-block-start: calc(12px + var(--leading-trim))
  }

  .c-form__text--mt {
    -webkit-margin-before: calc(8px + var(--leading-trim));
    margin-block-start: calc(8px + var(--leading-trim))
  }

  .c-form__text--mt-high {
    -webkit-margin-before: calc(32px + var(--leading-trim)) !important;
    margin-block-start: calc(32px + var(--leading-trim)) !important
  }

  .c-form__note {
    font-size: clamp(.75rem, .75rem + 0vw, .75rem);
    line-height: 1.5
  }

  .c-form__note span.symbol {
    margin-right: clamp(.25rem, .25rem + 0vw, .25rem)
  }

  .c-form__textarea {
    padding-top: clamp(.625rem, .625rem + 0vw, .625rem);
    padding-right: clamp(1rem, 1rem + 0vw, 1rem);
    padding-bottom: clamp(.625rem, .625rem + 0vw, .625rem);
    padding-left: clamp(1rem, 1rem + 0vw, 1rem);
    border-radius: 5px;
    font-size: clamp(.8125rem, .8125rem + 0vw, .8125rem);
    line-height: 1.5384615385
  }

  .c-form__address {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: clamp(1.25rem, 1.25rem + 0vw, 1.25rem)
  }

  .c-form__address .c-form__label-text,
  .c-form__address-contants {
    width: 100%
  }

  .c-form__address-contants label+label {
    margin-top: clamp(.5rem, .5rem + 0vw, .5rem)
  }

  .c-form__address-contants label.short {
    max-width: 100%
  }

  .c-form__address-contants label span {
    font-size: clamp(.75rem, .75rem + 0vw, .75rem)
  }

  .c-form__select:after {
    display: block;
    width: 5px;
    min-width: 5px;
    height: 10px;
    min-height: 10px;
    background-image: url(../../assets/img/icon/arrow_right.svg);
    background-size: contain;
    background-repeat: no-repeat;
    content: ""
  }

  .c-form__select select {
    padding-top: clamp(.625rem, .625rem + 0vw, .625rem);
    padding-right: clamp(1rem, 1rem + 0vw, 1rem);
    padding-bottom: clamp(.625rem, .625rem + 0vw, .625rem);
    padding-left: clamp(1rem, 1rem + 0vw, 1rem);
    border-radius: 5px;
    font-size: clamp(.8125rem, .8125rem + 0vw, .8125rem)
  }

  .c-table table {
    border-radius: 10px
  }

  .c-table table tr th:first-child {
    border-top-left-radius: 10px
  }

  .c-table table tr th:last-child {
    border-top-right-radius: 10px
  }

  .c-table table tr:last-child td:first-child {
    border-bottom-left-radius: 10px
  }

  .c-table table tr:last-child td:last-child {
    border-bottom-right-radius: 10px
  }

  .c-table table th,
  .c-table table td {
    padding-top: clamp(.5rem, .5rem + 0vw, .5rem);
    padding-right: clamp(.625rem, .625rem + 0vw, .625rem);
    padding-bottom: clamp(.5rem, .5rem + 0vw, .5rem);
    padding-left: clamp(.625rem, .625rem + 0vw, .625rem)
  }

  .c-table table th {
    font-size: clamp(.6875rem, .6875rem + 0vw, .6875rem);
    line-height: 1.4545454545
  }

  .c-table table td {
    padding-top: clamp(1.1875rem, 1.1875rem + 0vw, 1.1875rem);
    padding-bottom: clamp(1.1875rem, 1.1875rem + 0vw, 1.1875rem);
    font-size: clamp(.75rem, .75rem + 0vw, .75rem);
    line-height: 1.6666666667
  }

  .c-table+.c-table {
    font-size: clamp(1.125rem, 1.125rem + 0vw, 1.125rem)
  }

  .c-table--overflow table th,
  .c-table--overflow table th.billing-year-month {
    font-size: clamp(.6875rem, .6875rem + 0vw, .6875rem);
    line-height: 1.4545454545
  }

  .c-table--overflow table td {
    font-size: clamp(.875rem, .875rem + 0vw, .875rem);
    line-height: 1.6666666667
  }

  .c-table--overflow table td.type {
    font-size: clamp(.75rem, .75rem + 0vw, .75rem);
    line-height: 1.6666666667
  }

  .c-table--right-side {
    max-width: 100%;
    margin: auto
  }

  .c-table--right-side table td {
    padding-top: clamp(1.125rem, 1.125rem + 0vw, 1.125rem);
    padding-right: clamp(.5625rem, .5625rem + 0vw, .5625rem);
    padding-bottom: clamp(1.125rem, 1.125rem + 0vw, 1.125rem);
    padding-left: clamp(.5625rem, .5625rem + 0vw, .5625rem)
  }

  .c-table__button {
    padding-top: clamp(.25rem, .25rem + 0vw, .25rem);
    padding-right: clamp(.9375rem, .9375rem + 0vw, .9375rem);
    padding-bottom: clamp(.25rem, .25rem + 0vw, .25rem);
    padding-left: clamp(.9375rem, .9375rem + 0vw, .9375rem);
    font-size: clamp(.6875rem, .6875rem + 0vw, .6875rem);
    line-height: 1.4545454545
  }

  .p-index__slider-wrapper .swiper-slide img {
    border-radius: 15px
  }

  .p-index__slider-wrapper .swiper-pagination {
    bottom: -38px !important;
    line-height: 6px
  }

  .p-index__slider-wrapper .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    margin: 0 5px !important
  }

  .p-index__feature {
    padding-top: clamp(3.75rem, 3.75rem + 0vw, 3.75rem)
  }

  .p-index__feature .p-news__list li a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
  }

  .p-index__feature .p-news__list li .head time {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    margin-left: 0
  }

  .p-index__feature .p-news__list li .head .label {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    margin-left: clamp(.375rem, .375rem + 0vw, .375rem)
  }

  .p-index__feature .p-news__list li .head span {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    margin-left: clamp(.375rem, .375rem + 0vw, .375rem)
  }

  .p-index__feature .p-news__list li p {
    -webkit-margin-before: calc(12px + var(--leading-trim));
    margin-left: 0;
    margin-block-start: calc(12px + var(--leading-trim))
  }

  .p-index__billing,
  .p-index__news {
    padding-top: clamp(3.75rem, 3.75rem + 0vw, 3.75rem)
  }

  .p-index__news-contents {
    -webkit-box-shadow: 0px 0px 15px #ededed;
    padding-top: clamp(1.875rem, 1.875rem + 0vw, 1.875rem);
    padding-right: clamp(1.25rem, 1.25rem + 0vw, 1.25rem);
    padding-bottom: clamp(1.25rem, 1.25rem + 0vw, 1.25rem);
    padding-left: clamp(1.25rem, 1.25rem + 0vw, 1.25rem);
    border-radius: 10px;
    box-shadow: 0 0 15px #ededed
  }

  .p-index__news-contents .p-news__list li a {
    padding-bottom: clamp(1.125rem, 1.125rem + 0vw, 1.125rem)
  }

  .p-index__news-all-link {
    margin-top: clamp(1.25rem, 1.25rem + 0vw, 1.25rem)
  }

  .p-index__news-all-link a {
    display: block;
    padding: 0
  }

  .p-index__news-all-link a:after {
    display: block;
    width: 5px;
    min-width: 5px;
    height: 10px;
    min-height: 10px;
    background-image: url(../../assets/img/icon/arrow_right.svg);
    background-size: contain;
    background-repeat: no-repeat;
    content: ""
  }

  .p-use_default__switch-type {
    padding-right: clamp(.625rem, .625rem + 0vw, .625rem);
    padding-left: clamp(.625rem, .625rem + 0vw, .625rem)
  }

  .p-use_default__switch-type-button {
    height: 45px
  }

  .p-use_default__switch-type-button--gas {
    margin-right: clamp(.3125rem, .3125rem + 0vw, .3125rem)
  }

  .p-use_default__switch-type-button--electricity {
    margin-left: clamp(.3125rem, .3125rem + 0vw, .3125rem)
  }

  .p-use_default__contents {
    -webkit-box-shadow: 0px 0px 15px #ededed;
    padding-top: clamp(1.875rem, 1.875rem + 0vw, 1.875rem);
    padding-right: clamp(1.25rem, 1.25rem + 0vw, 1.25rem);
    padding-bottom: clamp(1.875rem, 1.875rem + 0vw, 1.875rem);
    padding-left: clamp(1.25rem, 1.25rem + 0vw, 1.25rem);
    border-radius: 10px;
    box-shadow: 0 0 15px #ededed
  }

  .p-use_default__period {
    font-size: clamp(.75rem, .75rem + 0vw, .75rem)
  }

  .p-use_default__switch-units {
    width: 100px;
    padding-top: clamp(.15625rem, .15625rem + 0vw, .15625rem);
    padding-right: clamp(.15625rem, .15625rem + 0vw, .15625rem);
    padding-bottom: clamp(.15625rem, .15625rem + 0vw, .15625rem);
    padding-left: clamp(.15625rem, .15625rem + 0vw, .15625rem)
  }

  .p-use_default__switch-units-button {
    font-size: clamp(.8125rem, .8125rem + 0vw, .8125rem)
  }

  .p-use_default__select-area {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
  }

  .p-use_default__select {
    -webkit-flex-basis: unset;
    -ms-flex-preferred-size: unset;
    flex-basis: unset;
    width: 100%;
    max-width: 300px
  }

  .p-use_default__select:after {
    display: block;
    width: 5px;
    min-width: 5px;
    height: 10px;
    min-height: 10px;
    background-image: url(../../assets/img/icon/arrow_right_white.svg);
    background-size: contain;
    background-repeat: no-repeat;
    content: ""
  }

  .p-use_default__value {
    margin-top: clamp(1.25rem, 1.25rem + 0vw, 1.25rem);
    margin-left: 0;
    -webkit-flex-basis: unset;
    -ms-flex-preferred-size: unset;
    flex-basis: unset;
    width: 100%;
    -webkit-box-shadow: 0px 0px 15px #ededed;
    padding-top: clamp(1.875rem, 1.875rem + 0vw, 1.875rem);
    padding-bottom: clamp(1.875rem, 1.875rem + 0vw, 1.875rem);
    border-radius: 10px;
    box-shadow: 0 0 15px #ededed
  }

  .p-use_default__days p {
    margin-top: clamp(.625rem, .625rem + 0vw, .625rem);
    font-size: clamp(1.25rem, 1.25rem + 0vw, 1.25rem)
  }

  .p-use_default__days p span {
    margin-right: 0;
    font-size: clamp(2.5rem, 2.5rem + 0vw, 2.5rem)
  }

  .p-use_default__days-border {
    width: 1px;
    height: 85px;
    margin-right: clamp(1.875rem, 1.875rem + 0vw, 1.875rem);
    margin-left: clamp(1.875rem, 1.875rem + 0vw, 1.875rem)
  }

  .p-use_default__graph {
    margin-top: clamp(3.75rem, 3.75rem + 0vw, 3.75rem)
  }

  .p-meter_notices_list__button {
    margin-top: clamp(2.5rem, 2.5rem + 0vw, 2.5rem)
  }

  .p-bill_default__contents {
    -webkit-box-shadow: 0px 0px 15px #ededed;
    padding-top: clamp(1.5rem, 1.5rem + 0vw, 1.5rem);
    padding-bottom: clamp(1.5rem, 1.5rem + 0vw, 1.5rem);
    border-radius: 10px;
    box-shadow: 0 0 15px #ededed
  }

  .p-bill_default__contents+.p-bill_default__contents {
    margin-top: clamp(2.5rem, 2.0714285714rem + 2.1428571429vw, 4rem)
  }

  .p-bill_default__amount-billed-number .customer-number,
  .p-bill_default__amount-billed-number .number {
    font-size: clamp(.8125rem, .8125rem + 0vw, .8125rem)
  }

  .p-bill_default__amount-billed-money {
    margin-top: clamp(.625rem, .625rem + 0vw, .625rem);
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: clamp(.9375rem, .9375rem + 0vw, .9375rem);
    padding-bottom: clamp(.9375rem, .9375rem + 0vw, .9375rem);
    border-radius: 5px
  }

  .p-bill_default__amount-billed-money .period {
    font-size: clamp(.875rem, .875rem + 0vw, .875rem)
  }

  .p-bill_default__amount-billed-money .figure {
    margin-top: clamp(1rem, 1rem + 0vw, 1rem)
  }

  .p-bill_default__amount-billed-money .figure span.poppins {
    font-size: clamp(1.5rem, 1.5rem + 0vw, 1.5rem)
  }

  .p-bill_default__amount-billed-money .figure span.unit {
    margin-left: clamp(.25rem, .25rem + 0vw, .25rem);
    font-size: clamp(.875rem, .875rem + 0vw, .875rem)
  }

  .p-bill_default__amount-button {
    margin-top: clamp(1.25rem, 1.25rem + 0vw, 1.25rem)
  }

  .p-bill_default__results {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .p-bill_default__results .message {
    -webkit-flex-basis: unset;
    -ms-flex-preferred-size: unset;
    flex-basis: unset;
    font-size: clamp(.8125rem, .8125rem + 0vw, .8125rem);
    line-height: 1.5384615385
  }

  .p-bill_default__results .company-info {
    -webkit-flex-basis: unset;
    -ms-flex-preferred-size: unset;
    flex-basis: unset;
    margin-top: clamp(1.25rem, 1.25rem + 0vw, 1.25rem);
    font-size: clamp(.875rem, .875rem + 0vw, .875rem);
    line-height: 1.4285714286
  }

  .p-bill_default__v-point {
    margin-top: clamp(1.25rem, 1.25rem + 0vw, 1.25rem);
    font-size: clamp(.875rem, .875rem + 0vw, .875rem);
    line-height: 1.4285714286
  }

  .p-bill_default__table-contents {
    margin-top: clamp(3.75rem, 3.75rem + 0vw, 3.75rem)
  }

  .p-bill_default__table-contents+.p-bill_default__table-contents {
    margin-top: clamp(2.5rem, 2.5rem + 0vw, 2.5rem)
  }

  .p-bill_default__table-block+.p-bill_default__table-block {
    margin-top: clamp(1.25rem, 1.25rem + 0vw, 1.25rem)
  }

  .p-bill_default__table-title {
    padding-top: clamp(.375rem, .375rem + 0vw, .375rem);
    padding-bottom: clamp(.375rem, .375rem + 0vw, .375rem);
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    font-size: clamp(.75rem, .75rem + 0vw, .75rem)
  }

  .p-bill_default__table+.p-bill_default__table table {
    border-top-right-radius: 10px;
    border-top-left-radius: 10px
  }

  .p-bill_default__table table {
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px
  }

  .p-bill_default__table table th,
  .p-bill_default__table table td {
    padding-right: clamp(.5rem, .5rem + 0vw, .5rem);
    padding-left: clamp(.5rem, .5rem + 0vw, .5rem);
    font-size: clamp(.75rem, .75rem + 0vw, .75rem);
    line-height: 1.6666666667
  }

  .p-bill_default__table table th span.unit,
  .p-bill_default__table table td span.unit {
    margin-left: clamp(.25rem, .25rem + 0vw, .25rem)
  }

  .p-bill_default__table table th .between p:first-child,
  .p-bill_default__table table td .between p:first-child {
    -webkit-flex-basis: 160px;
    -ms-flex-preferred-size: 160px;
    flex-basis: 160px
  }

  .p-bill_default__table table th.single .poppins,
  .p-bill_default__table table td.single .poppins {
    font-size: clamp(1.875rem, 1.875rem + 0vw, 1.875rem)
  }

  .p-bill_default__table table th.single .unit,
  .p-bill_default__table table td.single .unit {
    font-size: clamp(1.25rem, 1.25rem + 0vw, 1.25rem)
  }

  .p-bill_default__table table th,
  .p-bill_default__table table td {
    width: 50%
  }

  .p-bill_default__table table td:last-child {
    font-size: clamp(.875rem, .875rem + 0vw, .875rem)
  }

  .p-faq__container+.p-faq__container {
    margin-top: clamp(2.5rem, 2.5rem + 0vw, 2.5rem)
  }

  .p-faq__block {
    padding-top: clamp(.9375rem, .9375rem + 0vw, .9375rem);
    padding-right: clamp(1.25rem, 1.25rem + 0vw, 1.25rem);
    padding-bottom: clamp(.9375rem, .9375rem + 0vw, .9375rem);
    padding-left: clamp(1.25rem, 1.25rem + 0vw, 1.25rem);
    -webkit-box-shadow: 0px 0px 15px #ededed;
    border-radius: 10px;
    box-shadow: 0 0 15px #ededed
  }

  .p-faq__block+.p-faq__block {
    margin-top: clamp(.625rem, .625rem + 0vw, .625rem)
  }

  .p-faq__block summary {
    font-size: clamp(.8125rem, .8125rem + 0vw, .8125rem);
    line-height: 1.5384615385
  }

  .p-faq__block summary:after {
    display: block;
    width: 5px;
    min-width: 5px;
    height: 10px;
    min-height: 10px;
    background-image: url(../../assets/img/icon/arrow_right.svg);
    background-size: contain;
    background-repeat: no-repeat;
    content: ""
  }

  .p-faq__block p {
    font-size: clamp(.75rem, .75rem + 0vw, .75rem);
    line-height: 1.6666666667;
    -webkit-margin-before: calc(10px + var(--leading-trim));
    margin-block-start: calc(10px + var(--leading-trim))
  }

  .p-login__container+.p-login__container {
    margin-top: clamp(2.5rem, 2.5rem + 0vw, 2.5rem)
  }

  .p-pw__contact {
    margin-top: clamp(2rem, 2rem + 0vw, 2rem)
  }

  .p-pw__contact p {
    font-size: clamp(.875rem, .875rem + 0vw, .875rem);
    line-height: 1.7142857143
  }

  .p-pw__contact .c-button {
    margin-top: clamp(1.25rem, 1.25rem + 0vw, 1.25rem)
  }

  .p-register_form__contact {
    margin-top: clamp(2rem, 2rem + 0vw, 2rem)
  }

  .p-register_form__contact p {
    font-size: clamp(.875rem, .875rem + 0vw, .875rem);
    line-height: 1.7142857143
  }

  .p-register_form__contact .c-button {
    margin-top: clamp(1.25rem, 1.25rem + 0vw, 1.25rem)
  }

  .p-news_detail__article-head time {
    font-size: clamp(.875rem, .875rem + 0vw, .875rem)
  }

  .p-news_detail__article-head span {
    margin-left: clamp(.375rem, .375rem + 0vw, .375rem);
    padding-top: clamp(.25rem, .25rem + 0vw, .25rem);
    padding-right: clamp(.625rem, .625rem + 0vw, .625rem);
    padding-bottom: clamp(.25rem, .25rem + 0vw, .25rem);
    padding-left: clamp(.625rem, .625rem + 0vw, .625rem);
    border-radius: 11px;
    font-size: clamp(.75rem, .75rem + 0vw, .75rem)
  }

  .p-news_detail__article-head .label {
    margin-left: clamp(.375rem, .375rem + 0vw, .375rem);
    padding-top: clamp(.125rem, .125rem + 0vw, .125rem);
    padding-right: clamp(.3125rem, .3125rem + 0vw, .3125rem);
    padding-bottom: clamp(.125rem, .125rem + 0vw, .125rem);
    padding-left: clamp(.3125rem, .3125rem + 0vw, .3125rem);
    border-radius: 4px;
    font-size: clamp(.75rem, .75rem + 0vw, .75rem)
  }

  .p-news_detail__article-title {
    font-size: clamp(1.25rem, 1.25rem + 0vw, 1.25rem);
    line-height: 1.6
  }

  .p-news_detail__article-contents {
    margin-top: clamp(1.25rem, 1.25rem + 0vw, 1.25rem)
  }

  .p-news_detail__article-contents>* {
    margin-bottom: clamp(1.25rem, 1.25rem + 0vw, 1.25rem)
  }

  .p-news_detail__article-contents p {
    font-size: clamp(.875rem, .875rem + 0vw, .875rem);
    line-height: 1.7142857143
  }

  .p-news_detail__article-button {
    margin-top: clamp(2rem, 2rem + 0vw, 2rem);
    padding-top: clamp(2rem, 2rem + 0vw, 2rem)
  }

  .p-news__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: clamp(2rem, 2rem + 0vw, 2rem)
  }

  .p-news__nav {
    width: 100%
  }

  .p-news__nav .c-sub-title {
    -webkit-margin-after: calc(12px + var(--leading-trim));
    margin-block-end: calc(12px + var(--leading-trim))
  }

  .p-news__nav nav ul {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
  }

  .p-news__nav nav ul li a {
    font-size: clamp(.75rem, .75rem + 0vw, .75rem)
  }

  .p-news__contents {
    width: 100%
  }

  .p-news__list li a {
    -webkit-box-shadow: 0px 0px 15px #ededed;
    padding-top: clamp(1.5rem, 1.5rem + 0vw, 1.5rem);
    padding-right: clamp(1.25rem, 1.25rem + 0vw, 1.25rem);
    padding-bottom: clamp(1.5rem, 1.5rem + 0vw, 1.5rem);
    padding-left: clamp(1.25rem, 1.25rem + 0vw, 1.25rem);
    border-radius: 10px;
    box-shadow: 0 0 15px #ededed
  }

  .p-news__list li .head time {
    font-size: clamp(.875rem, .875rem + 0vw, .875rem)
  }

  .p-news__list li .head span {
    margin-left: clamp(.375rem, .375rem + 0vw, .375rem);
    padding-top: clamp(.25rem, .25rem + 0vw, .25rem);
    padding-right: clamp(.625rem, .625rem + 0vw, .625rem);
    padding-bottom: clamp(.25rem, .25rem + 0vw, .25rem);
    padding-left: clamp(.625rem, .625rem + 0vw, .625rem);
    border-radius: 11px;
    font-size: clamp(.75rem, .75rem + 0vw, .75rem)
  }

  .p-news__list li .head .label {
    margin-left: clamp(.375rem, .375rem + 0vw, .375rem);
    padding-top: clamp(.125rem, .125rem + 0vw, .125rem);
    padding-right: clamp(.3125rem, .3125rem + 0vw, .3125rem);
    padding-bottom: clamp(.125rem, .125rem + 0vw, .125rem);
    padding-left: clamp(.3125rem, .3125rem + 0vw, .3125rem);
    border-radius: 4px;
    font-size: clamp(.75rem, .75rem + 0vw, .75rem)
  }

  .p-news__list li p {
    -webkit-margin-before: calc(8px + var(--leading-trim));
    margin-block-start: calc(8px + var(--leading-trim))
  }

  .p-news__list li+li {
    margin-top: clamp(1.125rem, 1.125rem + 0vw, 1.125rem)
  }

  .p-news__prevnext {
    margin-top: clamp(2.5rem, 2.5rem + 0vw, 2.5rem)
  }

  .p-news__prevnext a {
    width: 139px;
    height: 50px
  }

  .p-news__prevnext a:after {
    display: block;
    width: 5px;
    min-width: 5px;
    height: 10px;
    min-height: 10px;
    background-image: url(../../assets/img/icon/arrow_right.svg);
    background-size: contain;
    background-repeat: no-repeat;
    content: ""
  }

  .pc-only,
  .tablet-only {
    display: none
  }

  .sp-only {
    display: inline-block
  }
}

@media (prefers-reduced-motion: no-preference) {
  :where(html:focus-within) {
    scroll-behavior: smooth
  }
}