@charset "UTF-8";
/* 共通
---------------------------------------------------------------------------- */
@media screen and (min-width: 768px) {
  .sp {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  .pc {
    display: none !important;
  }
}
.u-purple {
  color: #AA3BB6;
}

.u-green {
  color: #00A37A;
}

.u-green02 {
  color: #399F06;
}

.u-yellow {
  color: #BE8D01;
}

.u-blue {
  color: #009AA5;
}

.u-blue02 {
  color: #00649A;
}

.u-blue03 {
  color: #029CB0;
}

.u-blue04 {
  color: #238FC9;
}

.u-blue05 {
  color: #0091CD;
}

.u-orange {
  color: #EA6301;
}

.u-black {
  color: #222;
}

.u-main {
  color: #FA5A4B;
}

.u-purple {
  color: #D053D2;
}

.u-red {
  color: #DB0917;
}

.u-bold {
  font-weight: 700;
}

.c-link-button--new-energy02 {
  background: #00D19D;
}

.c-link-button--blue02 {
  background: #13BDC9;
}

.c-link-button--blue03 {
  background: #fff;
  color: #029CB0;
}
.c-link-button--blue03::after {
  background-image: url(../images/common/btn_arrow_lg_blu03.svg);
}

.c-link-button--supermarket {
  background: #EA6301;
}

.u-underline {
  text-decoration: underline;
}

@media screen and (max-width: 767px) {
  .c-service-kv__title {
    line-height: 1.3;
  }
  .c-service-kv {
    padding-top: 4rem;
  }
  .c-service-kv__image {
    max-width: 8rem;
  }
}
.p-service-second-level-support .p-service-second-level-support__wrap.lp .c-link-button {
  min-width: 37rem;
}
@media screen and (max-width: 767px) {
  .p-service-second-level-support .p-service-second-level-support__wrap.lp .c-link-button {
    min-width: 28rem;
  }
}

@media screen and (max-width: 767px) {
  .p-service-top .swiper-container {
    height: auto !important;
  }
  .p-service-top .swiper-container .swiper-wrapper {
    padding-bottom: 2rem;
  }
}

.c-bg-pink {
  padding: 6.4rem 10rem;
  background-color: #FAF2F2;
  max-width: 136rem;
  margin: 0 auto;
  width: 100%;
  max-width: 136rem;
  margin: 0 auto;
  width: 100%;
  padding-left: 2rem;
  padding-right: 2rem;
}
@media screen and (max-width: 767px) {
  .c-bg-pink {
    width: auto;
    margin: 0 2rem;
    padding: 4.8rem 0;
  }
}
.c-bg-pink:nth-of-type(n + 2) {
  margin-top: 4.8rem;
}
@media screen and (max-width: 767px) {
  .c-bg-pink:nth-of-type(n + 2) {
    margin-top: 1.6rem;
  }
}
.c-bg-pink.-purple {
  background-color: #FCEDFE;
}
.c-bg-pink.-green {
  background-color: #ECFAF3;
}
.c-bg-pink.-blue {
  background-color: #EBF8FF;
}
.c-bg-pink.-blue02 {
  background-color: #EEFAFB;
}
.c-bg-pink.-white {
  background-color: #fff;
}
.c-bg-pink.-orange {
  background-color: #FFF7ED;
}
.c-bg-pink.-yellow {
  background-color: #FFF9E7;
}
.c-bg-pink.-yellow {
  background-color: #FFF9E7;
}
.c-bg-pink.-beige {
  background-color: #FDF3E6;
}

@media screen and (min-width: 768px) {
  .c-card-11 {
    display: block;
  }
}
.c-card-11 .c-card-11__title .-s {
  font-size: 1.6rem;
}

.c-header-service__inner.u-w--full.js-header-service-bottom .c-nav-link {
  padding-right: 3rem;
}
@media screen and (max-width: 767px) {
  .c-header-service__inner.u-w--full.js-header-service-bottom .c-nav-link {
    padding-right: 1.5rem;
  }
}
.c-header-service__inner.u-w--full.js-header-service-bottom .c-nav-link.is-active .c-nav-link__icon:after {
  background: url(../images/common/ic-arrow-primary.svg) 50% 50% no-repeat;
  background-color: #fff;
  background-size: 1rem;
}
@media screen and (min-width: 1200px) {
  .c-header-service__inner.u-w--full.js-header-service-bottom .c-nav-link:hover .c-nav-link__icon:after {
    background: url(../images/common/ic-arrow-primary.svg) 50% 50% no-repeat;
    background-color: #fff;
    background-size: 1rem;
  }
}
.c-header-service__inner.u-w--full.js-header-service-bottom .c-nav-link .c-nav-link__icon:after {
  top: 50%;
  transform: translateY(-50%);
  right: -4.6rem;
  width: 2rem;
  height: 2rem;
  background: url(../images/common/ic-arrow-primary-white.svg) 50% 50% no-repeat;
  background-color: #FA5A4B;
  background-size: 1rem;
  border: none;
}
@media screen and (max-width: 767px) {
  .c-header-service__inner.u-w--full.js-header-service-bottom .c-nav-link .c-nav-link__icon:after {
    right: -2.5rem;
  }
}

.c-link-anchor--lpgas:hover {
  color: #FA5A4B;
}

.c-footer-service__link.-blue:hover {
  color: #238FC9;
}

@media screen and (max-width: 767px) {
  .c-list-service-orther__item {
    align-items: center;
  }
}

.c-list-service-card-05::before {
  content: none;
}

.c-link-button:hover {
  padding-left: 3.2rem;
}

.c-footer-service__group {
  width: 35.5rem;
}
@media screen and (max-width: 767px) {
  .c-footer-service__group {
    width: 100%;
  }
}

.c-card-05__image {
  flex: none;
}

.c-accordion-service__block-group ul a {
  font-weight: 700;
}
.c-accordion-service__block-group ul .-blue {
  color: #222;
}
.c-accordion-service__block-group ul .-blue:hover {
  color: #238FC9;
  opacity: 1;
}

.c-header-service__menu {
  padding-bottom: 1rem;
}
.c-header-service__menu span {
  position: absolute;
  top: 2.4rem;
  left: 50%;
  transform: translateX(-50%);
  font-size: 1.4rem;
  font-family: "DM Sans", "Zen Kaku Gothic Antique", sans-serif;
  font-style: italic;
  text-align: center;
  font-weight: 700;
  color: #222;
}

.l-header-service .c-link-button-outline {
  width: 19.6rem;
}
.l-header-service .c-header-service__item:last-child {
  font-style: normal;
}

@media screen and (max-width: 767px) {
  .c-link-button.c-link-button--reverse::after {
    left: -7rem;
  }
}

@media screen and (max-width: 767px) {
  .c-link-button--reverse.c-link-button--sm:after {
    left: -6rem;
  }
}

.c-secttl {
  font-size: 3.2rem;
  font-weight: 700;
  line-height: 1.3;
}
@media screen and (max-width: 767px) {
  .c-secttl {
    font-size: 2.4rem;
  }
}
.c-secttl.-purple {
  color: #AA3BB6;
}
.c-secttl.-green {
  color: #00A37A;
}
.c-secttl.-blue02 {
  color: #13BDC9;
}

.c-secttl02 {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 4.8rem;
}
@media screen and (max-width: 767px) {
  .c-secttl02 {
    font-size: 1.6rem;
    margin-bottom: 3.2rem;
  }
}
.c-secttl02.-purple {
  color: #AA3BB6;
}

.c-section-service-kv .p-contact-lp-heading__flex {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 4.8rem;
}
@media screen and (max-width: 767px) {
  .c-section-service-kv .p-contact-lp-heading__flex {
    grid-template-columns: repeat(1, 1fr);
    gap: 4rem;
  }
}
.c-section-service-kv .c-p .-s {
  font-size: 1.4rem;
}
.c-section-service-kv .c-form__bottom {
  padding-bottom: 0;
}

.l-main .c-service-kv--blue-light::after {
  background: url(../images/common/ic-quote-blue.png) 100% 100% no-repeat;
}
@media screen and (max-width: 767px) {
  .l-main .c-service-kv--blue-light::after {
    background: url(../images/common/ic-quote-blue-sp.png) no-repeat;
    background-size: 22.8rem;
    background-position: 100% calc(100% - 4.8rem);
    background-color: transparent;
  }
}
@media (min-width: 1024px) and (max-width: 1200px) {
  .l-main .c-service-kv--blue-light::after {
    width: 57.2rem;
    background-size: 57.2rem;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .l-main .c-service-kv--blue-light::after {
    width: 57.2rem;
    background-size: 57.2rem;
  }
}
.l-main .c-service-kv--purple__title {
  color: #AA3BB6;
}
.l-main .c-service-kv--purple {
  background-color: #FCEDFE;
}
.l-main .c-service-kv--purple::after {
  background: url(../images/common/ic-quote-purple.png) 100% 100% no-repeat;
  background-color: #FCEDFE;
}
@media (min-width: 1024px) and (max-width: 1200px) {
  .l-main .c-service-kv--purple::after {
    width: 57.2rem;
    background-size: 57.2rem;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .l-main .c-service-kv--purple::after {
    width: 57.2rem;
    background-size: 57.2rem;
  }
}
@media (max-width: 767px) {
  .l-main .c-service-kv--purple::after {
    background: url(../images/common/ic-quote-purple-sp.png) no-repeat;
    background-size: 22.8rem;
    background-position: 100% calc(100% - 4.8rem);
    background-color: transparent;
  }
}
.l-main .c-service-kv--green__title {
  color: #00A37A;
}
.l-main .c-service-kv--green {
  background-color: #ECFAF3;
}
.l-main .c-service-kv--green::after {
  background: url(../images/common/ic-quote-green.png) 100% 100% no-repeat;
  background-color: #ECFAF3;
}
@media (min-width: 1024px) and (max-width: 1200px) {
  .l-main .c-service-kv--green::after {
    width: 57.2rem;
    background-size: 57.2rem;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .l-main .c-service-kv--green::after {
    width: 57.2rem;
    background-size: 57.2rem;
  }
}
@media (max-width: 767px) {
  .l-main .c-service-kv--green::after {
    background: url(../images/common/ic-quote-green-sp.png) no-repeat;
    background-size: 22.8rem;
    background-position: 100% calc(100% - 4.8rem);
    background-color: transparent;
  }
}
.l-main .c-service-kv--blue02__title {
  color: #029CB0;
}
.l-main .c-service-kv--blue02 {
  background-color: #EEFAFB;
}
.l-main .c-service-kv--blue02::after {
  background: url(../images/common/ic-quote-blue02.png) 100% 100% no-repeat;
  background-color: #EEFAFB;
}
@media (min-width: 1024px) and (max-width: 1200px) {
  .l-main .c-service-kv--blue02::after {
    width: 57.2rem;
    background-size: 57.2rem;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .l-main .c-service-kv--blue02::after {
    width: 57.2rem;
    background-size: 57.2rem;
  }
}
@media (max-width: 767px) {
  .l-main .c-service-kv--blue02::after {
    background: url(../images/common/ic-quote-blue02-sp.png) no-repeat;
    background-size: 22.8rem;
    background-position: 100% calc(100% - 4.8rem);
    background-color: transparent;
  }
}
.l-main .c-service-kv--orange02__title {
  color: #EA6301;
}
.l-main .c-service-kv--orange02 {
  background-color: #FFF7ED;
}
.l-main .c-service-kv--orange02::after {
  background: url(../images/common/ic-quote-orange02.png) 100% 100% no-repeat;
  background-color: #FFF7ED;
}
@media (min-width: 1024px) and (max-width: 1200px) {
  .l-main .c-service-kv--orange02::after {
    width: 57.2rem;
    background-size: 57.2rem;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .l-main .c-service-kv--orange02::after {
    width: 57.2rem;
    background-size: 57.2rem;
  }
}
@media (max-width: 767px) {
  .l-main .c-service-kv--orange02::after {
    background: url(../images/common/ic-quote-orange02-sp.png) no-repeat;
    background-size: 22.8rem;
    background-position: 100% calc(100% - 4.8rem);
    background-color: transparent;
  }
}

.c-definition-list.-purple {
  border-color: #C25BCD;
}
.c-definition-list.-purple .c-definition-list__item {
  border-color: #C25BCD;
}
.c-definition-list.-purple .c-definition-list__item .c-definition-list__head {
  color: #C25BCD;
}
.c-definition-list.-purple .c-definition-list__item .c-definition-list__head.-s {
  width: 10rem;
}
@media screen and (max-width: 767px) {
  .c-definition-list.-purple .c-definition-list__item .c-definition-list__head.-s {
    width: 100%;
  }
}
.c-definition-list.-purple .c-definition-list__item .c-definition-list__head.-ss {
  width: 8rem;
}
@media screen and (max-width: 767px) {
  .c-definition-list.-purple .c-definition-list__item .c-definition-list__head.-ss {
    width: 100%;
  }
}
.c-definition-list.-purple .c-definition-list__item .c-definition-list__head, .c-definition-list.-purple .c-definition-list__item .c-definition-list__content {
  border-color: #C25BCD;
}
.c-definition-list.-purple .c-definition-list__item:first-child .c-definition-list__head {
  border-color: #C25BCD;
}
.c-definition-list.-purple .c-definition-list__item:first-child .c-definition-list__content {
  border-color: #C25BCD;
}
.c-definition-list.-blue02 {
  border-color: #029CB0;
}
.c-definition-list.-blue02 .c-definition-list__item {
  border-color: #029CB0;
}
.c-definition-list.-blue02 .c-definition-list__item .c-definition-list__head {
  color: #029CB0;
}
.c-definition-list.-blue02 .c-definition-list__item .c-definition-list__head.-s {
  width: 10rem;
}
@media screen and (max-width: 767px) {
  .c-definition-list.-blue02 .c-definition-list__item .c-definition-list__head.-s {
    width: 100%;
  }
}
.c-definition-list.-blue02 .c-definition-list__item .c-definition-list__head.-ss {
  width: 8rem;
}
@media screen and (max-width: 767px) {
  .c-definition-list.-blue02 .c-definition-list__item .c-definition-list__head.-ss {
    width: 100%;
  }
}
.c-definition-list.-blue02 .c-definition-list__item .c-definition-list__head, .c-definition-list.-blue02 .c-definition-list__item .c-definition-list__content {
  border-color: #029CB0;
}
.c-definition-list.-blue02 .c-definition-list__item:first-child .c-definition-list__head {
  border-color: #029CB0;
}
.c-definition-list.-blue02 .c-definition-list__item:first-child .c-definition-list__content {
  border-color: #029CB0;
}
.c-definition-list.-green {
  border-color: #00D19D;
}
.c-definition-list.-green .c-definition-list__item {
  border-color: #00D19D;
}
.c-definition-list.-green .c-definition-list__item .c-definition-list__head {
  color: #00A37A;
}
.c-definition-list.-green .c-definition-list__item .c-definition-list__head.-s {
  width: 10rem;
}
@media screen and (max-width: 767px) {
  .c-definition-list.-green .c-definition-list__item .c-definition-list__head.-s {
    width: 100%;
  }
}
.c-definition-list.-green .c-definition-list__item .c-definition-list__head.-ss {
  width: 8.8rem;
}
@media screen and (max-width: 767px) {
  .c-definition-list.-green .c-definition-list__item .c-definition-list__head.-ss {
    width: 100%;
  }
}
.c-definition-list.-green .c-definition-list__item .c-definition-list__head, .c-definition-list.-green .c-definition-list__item .c-definition-list__content {
  border-color: #00D19D;
}
.c-definition-list.-green .c-definition-list__item:first-child .c-definition-list__head {
  border-color: #00D19D;
}
.c-definition-list.-green .c-definition-list__item:first-child .c-definition-list__content {
  border-color: #00D19D;
}
.c-definition-list.-orange {
  border-color: #EA6301;
}
.c-definition-list.-orange .c-definition-list__item {
  border-color: #EA6301;
}
.c-definition-list.-orange .c-definition-list__item .c-definition-list__head {
  color: #EA6301;
}
.c-definition-list.-orange .c-definition-list__item .c-definition-list__head, .c-definition-list.-orange .c-definition-list__item .c-definition-list__content {
  border-color: #EA6301;
}
.c-definition-list.-orange .c-definition-list__item:first-child .c-definition-list__head {
  border-color: #EA6301;
}
.c-definition-list.-orange .c-definition-list__item:first-child .c-definition-list__content {
  border-color: #EA6301;
}
.c-definition-list.-orange .c-definition-list__item a {
  color: #EA6301;
}
.c-definition-list.knowledge-list {
  margin-top: 4.8rem;
}
@media screen and (max-width: 767px) {
  .c-definition-list.knowledge-list {
    margin-top: 3rem;
  }
}
.c-definition-list.knowledge-list .c-definition-list__item .c-definition-list__head {
  margin-left: 4rem;
  width: 40rem;
  align-items: center;
  position: relative;
}
@media screen and (max-width: 767px) {
  .c-definition-list.knowledge-list .c-definition-list__item .c-definition-list__head {
    flex-direction: column;
    margin-left: 2.8rem;
    align-items: flex-start;
  }
}
.c-definition-list.knowledge-list .c-definition-list__item .c-definition-list__head-num {
  position: absolute;
  top: calc(50% - 0.8rem);
  transform: translateY(-50%);
  left: -4rem;
}
@media screen and (max-width: 767px) {
  .c-definition-list.knowledge-list .c-definition-list__item .c-definition-list__head-num {
    font-size: 2rem;
    left: -2rem;
    top: 1rem;
  }
}
.c-definition-list.knowledge-list .c-definition-list__item .c-definition-list__head .-s {
  font-size: 1.4rem;
  font-weight: 500;
  color: #222;
}
@media screen and (max-width: 767px) {
  .c-definition-list.knowledge-list .c-definition-list__item .c-definition-list__head .-s {
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 767px) {
  .c-definition-list.knowledge-list .c-definition-list__item .c-definition-list__content {
    padding-left: 2.8rem;
  }
}

.p-knowledge .img.-mt {
  margin-top: 4.8rem;
}
@media screen and (max-width: 767px) {
  .p-knowledge .img.-mt {
    margin-top: 3.2rem;
  }
}
.p-knowledge .p-lp__button {
  flex-wrap: wrap;
  gap: 3.2rem 4.8rem;
}
@media screen and (max-width: 767px) {
  .p-knowledge .p-lp__button {
    margin: 0 1.6rem;
    gap: 1.6rem 2.4rem;
  }
}
.p-knowledge .p-lp__button .c-button--blank {
  min-width: 32rem;
}
@media screen and (max-width: 767px) {
  .p-knowledge .p-lp__button .c-link-button.c-link-button--reverse {
    margin-left: 3rem;
  }
}

.p-lp__button:nth-child(n+2) {
  margin-top: 4.2rem;
}

.p-hot .c-secttl02:nth-of-type(n + 2) {
  margin-top: 14rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-hot .c-secttl02:nth-of-type(n + 2) {
    margin-top: 10.8rem;
  }
}
.p-hot .c-secttl02:nth-of-type(n + 2)::after {
  content: "";
  position: absolute;
  top: -8.5rem;
  left: 50%;
  transform: translateX(-50%);
  background-image: url(../images/common/ic-plus.svg);
  background-size: 3rem;
  background-repeat: no-repeat;
  background-position: center;
  width: 8.2rem;
  height: 4.4rem;
  display: block;
}
@media screen and (max-width: 767px) {
  .p-hot .c-secttl02:nth-of-type(n + 2)::after {
    top: -7.5rem;
  }
}
.p-hot .list {
  display: flex;
  justify-content: center;
  gap: 3.2rem;
}
@media screen and (max-width: 767px) {
  .p-hot .list {
    flex-wrap: wrap;
  }
}
.p-hot .list_item {
  display: flex;
  align-items: center;
  flex-direction: column;
  max-width: 35.2rem;
  flex: 1;
}
@media screen and (max-width: 767px) {
  .p-hot .list_item {
    width: 100%;
    max-width: 100%;
    display: block;
    flex: auto;
  }
}
.p-hot .list_item_ttl {
  text-align: center;
  font-size: 2rem;
  font-weight: 700;
  color: #DB0917;
  margin-top: 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-hot .list_item_ttl {
    margin-top: 1.6rem;
    font-size: 1.8rem;
  }
}
.p-hot .list_item_txt {
  margin-top: 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-hot .list_item_txt {
    margin-top: 0.8rem;
  }
}
.p-hot .list_item_notes {
  margin-top: 0.8rem;
  font-size: 1.4rem;
}
@media screen and (max-width: 767px) {
  .p-hot .list_item_notes {
    font-size: 1.4rem;
  }
}
.p-hot .list_item_bottom {
  padding-top: 1.6rem;
  margin-top: auto;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .p-hot .list_item_bottom {
    padding-top: 0.8rem;
  }
}
.p-hot .list_item_price-ttl {
  background-color: #fff;
  padding: 0.4rem 0;
  text-align: center;
}
.p-hot .list_item_price {
  margin-top: 0.5rem;
  text-align: center;
}
.p-hot__bottom {
  margin-top: 6.4rem;
}
@media screen and (max-width: 767px) {
  .p-hot__bottom {
    margin-top: 4rem;
  }
}
.p-hot__terms {
  max-width: 112rem;
  margin: 0 auto;
}
.p-hot__terms-ttl {
  padding: 3rem 4.8rem;
  background-color: #FA5A4B;
  border-radius: 1.5rem;
  font-size: 2rem;
  color: #fff;
  font-weight: 700;
  position: relative;
  cursor: pointer;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .p-hot__terms-ttl {
    padding: 2.4rem 7.8rem 2.4rem 3.2rem;
    font-size: 1.6rem;
  }
}
.p-hot__terms-ttl::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 4.8rem;
  width: 2.2rem;
  height: 2.2rem;
  background: url(../images/common/btn_arrow_down_circle.svg) no-repeat center center/contain;
}
@media screen and (max-width: 767px) {
  .p-hot__terms-ttl::before {
    right: 3.6rem;
  }
}
.p-hot__terms-ttl.is-open {
  background-color: #FAF2F2;
  color: #FA5A4B;
  border-radius: 1.5rem 1.5rem 0 0;
}
.p-hot__terms-ttl.is-open::before {
  background: url(../images/common/btn_arrow_down_circle_02.svg) no-repeat center center/contain;
}
.p-hot__terms-content {
  display: none;
  background-color: #FAF2F2;
  border-radius: 0 0 1.5rem 1.5rem;
  padding: 0 4.8rem 8rem;
}
@media screen and (max-width: 767px) {
  .p-hot__terms-content {
    padding: 0 3.2rem 3.2rem;
  }
}
.p-hot__terms-content dl .item:nth-child(n+2) {
  margin-top: 3.2rem;
}
.p-hot__terms-content dl .item dt {
  font-weight: 700;
}
.p-hot__terms-content dl .item dd {
  margin-top: 0.8rem;
  margin-left: 2.8rem;
}
@media screen and (max-width: 767px) {
  .p-hot__terms-content dl .item dd {
    margin-left: 2.4rem;
  }
}

.p-news .c-news__top.u-mt-0.p-service-news {
  display: block;
}
.p-news .c-news__top.u-mt-0.p-service-news .c-news__scrollbox {
  margin-top: 3.2rem;
  width: 100%;
  max-width: 100%;
}

.p-news-cat__content {
  flex-direction: column;
  align-items: flex-start;
}
@media screen and (max-width: 767px) {
  .p-news-cat__content {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .p-news-cat__content .p-news-cat__filter {
    margin-top: 2.4rem;
  }
}
.p-news-cat__content .p-news-cat__filter .p-news-cat__filter-option {
  top: calc(100% + 0.8rem);
}

.p-news-detail__content a {
  color: #FA5A4B;
  text-decoration: underline;
}
.p-news-detail__content .c-link-button {
  color: #fff;
  text-decoration: none;
}

.single-news .c-title {
  font-size: 6rem;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .single-news .c-title {
    font-size: 4rem;
  }
}

@media screen and (max-width: 767px) {
  .p-fee {
    padding-bottom: 0;
  }
}
.p-fee .img.-mt48 {
  margin-top: 4.8rem;
}
.p-fee .flex {
  margin-top: 4.8rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 3.6rem;
}
@media screen and (max-width: 767px) {
  .p-fee .flex {
    margin-top: 3.2rem;
    grid-template-columns: repeat(1, 1fr);
    gap: 3.2rem;
  }
}
.p-fee .table-box {
  margin-top: 4.8rem;
  background-color: #fff;
  border-radius: 1.5rem;
  padding: 4.8rem 3.6rem;
}
@media screen and (max-width: 767px) {
  .p-fee .table-box {
    padding: 2.4rem 1.6rem;
  }
}
@media screen and (max-width: 767px) {
  .p-fee .table-box .img {
    padding-bottom: 1.6rem;
    overflow-x: scroll;
  }
}
@media screen and (max-width: 767px) {
  .p-fee .table-box .img img {
    width: 67.6rem;
    max-width: 67.6rem;
  }
}
.p-fee .table-box .notes {
  margin-top: 1.6rem;
  line-height: 1.9166666667;
}
.p-fee .notes {
  margin-top: 4.8rem;
  font-size: 1.2rem;
}
@media screen and (max-width: 767px) {
  .p-fee .notes {
    margin-top: 3.2rem;
  }
}
.p-fee .c-bg-pink:nth-child(2) .c-list-dot li {
  margin-top: 4.8rem;
}
@media screen and (max-width: 767px) {
  .p-fee .c-bg-pink:nth-child(2) .c-list-dot li {
    margin-top: 3.2rem;
  }
}
.p-fee .c-bg-pink:nth-child(2) .c-list-dot li .img {
  margin-top: 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-fee .c-bg-pink:nth-child(2) .c-list-dot li .img {
    margin-left: -2.8rem;
  }
}
.p-fee__bottom {
  margin-top: 6.4rem;
}
@media screen and (max-width: 767px) {
  .p-fee__bottom {
    margin-top: 4rem;
  }
}

.c-list-dot .c-p a {
  text-decoration: underline;
}
.c-list-dot.c-list-dot--orange li::before {
  background-color: #FFA228;
}

/* ２階層
---------------------------------------------------------------------------- */
.p-service-service.-under {
  margin-top: 160px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-service-service.-under {
    margin-top: 100px;
  }
}
.p-service-service.-under::before {
  content: "";
  position: absolute;
  top: -80px;
  left: 0;
  width: 100%;
  height: 80px;
  background-color: #F5F5F5;
}
@media screen and (max-width: 767px) {
  .p-service-service.-under::before {
    top: -40px;
    height: 40px;
  }
}
.p-service-service.-under.-under02 {
  margin-top: 0;
}
.p-service-service.-under.-under02::before {
  content: none;
}
.p-service-service.-under .c-list-service-card-05 {
  max-width: 100%;
}
.p-service-service.-under .c-list-service-card-05 .c-list-service-orther-slide {
  grid-template-columns: repeat(2, 1fr);
  gap: 88px;
}
@media screen and (max-width: 767px) {
  .p-service-service.-under .c-list-service-card-05 .c-list-service-orther-slide {
    gap: 40px;
  }
}
.p-service-service.-under .p-service-service__header-icon {
  top: -50px;
}
.p-service-service.-under .c-list-service-orther__item {
  align-items: center;
}

.p-service-second-level-contents.-under .p-service-second-level__header-icon {
  right: auto;
  left: calc(50% - 300px);
  transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
  .p-service-second-level-contents.-under .p-service-second-level__header-icon {
    transform: translate(0);
    left: auto;
    right: 0;
  }
}

.p-news-detail__pickup .c-news-item__title {
  display: block;
}

.p-news .c-news-item__title {
  max-width: 100%;
}
.p-news .c-news__tag-list {
  margin: 0 auto;
}
.p-news.-single .c-news__top {
  display: block;
}
.p-news.-single .c-news__top .c-news__scrollbox {
  width: 100%;
  margin-top: 3.2rem;
  max-width: 100%;
  display: block;
}
.p-news.-single .c-news__top .c-news__scrollbox .c-news__tag-list {
  margin: 0 auto;
}
.p-news .c-tag {
  cursor: pointer;
}
.p-news .c-news__content.-archive .c-news-item {
  display: flex;
}
.p-news .c-news__content .c-news-item {
  display: none;
  gap: 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-news .c-news__content .c-news-item {
    gap: 1.6rem;
  }
}
.p-news .c-news__content .c-news-item.is-active {
  display: flex;
}
.p-news .c-news__content .c-news-item__img {
  width: 15.2rem;
}
@media screen and (max-width: 767px) {
  .p-news .c-news__content .c-news-item__img {
    width: 13rem;
  }
}
.p-news .c-news__content .c-news-item__txt-box {
  flex: 1;
}
.p-news .c-news__content .c-news-item__info-box {
  display: flex;
  align-items: center;
  gap: 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-news .c-news__content .c-news-item__info-box {
    gap: 1.6rem;
  }
}
.p-news .c-news__content .c-news-item__title {
  margin-top: 1rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.p-service-contents__header-icon {
  top: 0;
}

.p-service-second-level-support__list {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 4.8rem;
}
@media screen and (max-width: 767px) {
  .p-service-second-level-support__list {
    width: calc(100% + 2rem);
    margin-left: -1rem;
    gap: 3.2rem 1.6rem;
  }
}
.p-service-second-level-support__list .p-service-second-level-support__item {
  width: 24.4rem;
}
@media screen and (max-width: 767px) {
  .p-service-second-level-support__list .p-service-second-level-support__item {
    width: 16.6rem;
  }
}
.p-service-second-level-support__list .p-service-second-level-support__item .p-service-second-level-support__item-title span {
  display: block;
  font-size: 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-service-second-level-support__list .p-service-second-level-support__item .p-service-second-level-support__item-title span {
    font-size: 1.4rem;
  }
}

.p-service-second-level__buttons {
  flex-wrap: wrap;
  gap: 4.8rem 12.8rem;
}
@media screen and (max-width: 767px) {
  .p-service-second-level__buttons {
    gap: 1.6rem;
  }
}
@media screen and (max-width: 767px) {
  .p-service-second-level__buttons .c-link-button {
    min-width: 28rem;
    max-width: 28rem;
    padding: 0 2.4rem;
  }
}

.p-service-lineup.pb0 {
  padding-bottom: 0;
}
.p-service-lineup__content {
  margin-top: 4rem;
}
.p-service-lineup__list {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 4.2rem;
}
@media screen and (max-width: 767px) {
  .p-service-lineup__list {
    display: flex;
    height: 14rem;
    overflow-x: scroll;
    gap: 0.8rem;
    width: calc(100% + 4rem);
    margin-left: -2rem;
    padding: 0 2rem;
  }
}
.p-service-lineup__item a {
  display: block;
}
@media screen and (max-width: 767px) {
  .p-service-lineup__item {
    min-width: 16.7rem;
    width: 16.7rem;
  }
}
.p-service-lineup__item-ttl {
  margin-top: 1.6rem;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.3;
  color: #AA3BB6;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-service-lineup__item-ttl {
    font-size: 1.8rem;
  }
}

.c-link-button-outline {
  line-height: 1;
}

.c-link-button-outline:hover .c-link-button-outline__icon.c-link-button-outline--citygas__icon {
  background: url(../images/common/ic-arrow-primary-blue.svg) 50% 50% no-repeat;
  background-color: #fff;
  background-size: 0.9rem;
}

@media screen and (max-width: 767px) {
  .p-payment .p-payment-type__grid {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 1.6rem;
  }
}

.p-payment-method {
  padding-bottom: 0;
}

.p-payment-type {
  padding-top: 0;
  padding-bottom: 0;
  background-color: transparent;
}

.p-payment-debit .c-payment-title__thumb {
  width: 6rem;
}
@media screen and (max-width: 767px) {
  .p-payment-debit .c-payment-title__thumb {
    width: 4rem;
  }
}
@media screen and (max-width: 767px) {
  .p-payment-debit .c-container--lg {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media screen and (max-width: 767px) {
  .buttons-box {
    margin-top: 4rem;
  }
}
.buttons-box .buttons {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 3.2rem 12.8rem;
}
@media screen and (max-width: 767px) {
  .buttons-box .buttons {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .buttons-box .buttons .c-link-button {
    padding-top: 0;
    padding-bottom: 0;
    width: 26.5rem;
  }
  .buttons-box .buttons .c-link-button:nth-child(n+2) {
    margin-top: 1.6rem;
  }
  .buttons-box .buttons .c-link-button.-sp-full {
    width: 27.8rem;
    margin-left: auto;
    margin-right: auto;
  }
}
.buttons-box.-last {
  margin-bottom: 8rem;
}
@media screen and (max-width: 767px) {
  .buttons-box.-last {
    margin-bottom: 3rem;
  }
}
@media screen and (max-width: 767px) {
  .buttons-box.-last .c-container {
    padding: 0;
  }
}
.buttons-box.-last .buttons:nth-child(n+2) {
  margin-top: 6.4rem;
}
@media screen and (max-width: 767px) {
  .buttons-box.-last .buttons:nth-child(n+2) {
    margin-top: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
@media screen and (max-width: 767px) {
  .buttons-box.-last .buttons .c-link-button--reverse {
    width: 14.6rem;
  }
  .buttons-box.-last .buttons .c-link-button--reverse::after {
    left: -7rem;
  }
}

.p-payment-card .c-payment-title__thumb {
  width: 7rem;
}
@media screen and (max-width: 767px) {
  .p-payment-card .c-payment-title__thumb {
    width: 4.5rem;
  }
}
.p-payment-card .p-payment-card__social {
  text-align: center;
}
.p-payment-card .p-payment-card__social img {
  max-width: 48.4rem;
}

@media screen and (max-width: 767px) {
  .p-payment-card__featured {
    margin-top: 4rem;
    padding: 0 2rem;
  }
}

.p-payment-slip .c-payment-title__thumb {
  width: 3.5rem;
}

/* よくある質問
---------------------------------------------------------------------------- */
.p-lp-qa_list {
  margin: 1.6rem 2rem 3.2rem;
}
@media screen and (max-width: 767px) {
  .p-lp-qa_list {
    margin: 1.6rem 0;
  }
}
.p-lp-qa_list_item {
  display: flex;
  align-items: center;
  gap: 1.6rem;
  background-color: #FAF2F2;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-lp-qa_list_item {
    gap: 0.8rem;
    display: block;
  }
}
.p-lp-qa_list_item:nth-child(n+2) {
  margin-top: 5.4rem;
}
.p-lp-qa_list_item:nth-child(n+2)::after {
  content: "";
  position: absolute;
  top: -3.5rem;
  left: 50%;
  transform: translateX(-50%);
  width: 2.2rem;
  height: 2.2rem;
  background: url(../images/common/arrow_bottom.svg) no-repeat center center/contain;
}
.p-lp-qa_list_item::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 8.8rem;
  width: 1.6rem;
  height: 100%;
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  .p-lp-qa_list_item::before {
    left: 0;
    top: 4rem;
    width: 100%;
    height: 0.8rem;
    transform: translate(0);
  }
}
.p-lp-qa_list_item_num {
  width: 8.8rem;
  font-size: 1.6rem;
  color: #FA5A4B;
  font-weight: 700;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-lp-qa_list_item_num {
    width: 100%;
    height: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.4rem;
  }
}
.p-lp-qa_list_item_content {
  flex: 1;
  padding: 2rem;
  display: flex;
  align-items: center;
  gap: 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-lp-qa_list_item_content {
    padding: 1.6rem;
    margin-top: 0.8rem;
    flex-direction: column-reverse;
  }
}
.p-lp-qa_list_item_txt {
  flex: 1;
  max-width: 73.5rem;
}
.p-lp-qa_list_item_txt a {
  text-decoration: underline;
  color: #FA5A4B;
}
.p-lp-qa_list_item_txt .-s {
  margin-top: 1rem;
  display: block;
  font-size: 1.4rem;
}
@media screen and (max-width: 767px) {
  .p-lp-qa_list_item_txt .-s {
    margin-top: 0;
  }
}
.p-lp-qa_list_item_txt img {
  width: 17.5rem;
  display: block;
  margin: 0 auto;
  margin-bottom: 1.6rem;
}
.p-lp-qa_list_item_img {
  width: 17.5rem;
}
.p-lp-qa_block {
  background-color: #FAF2F2;
  padding: 6.4rem 4.8rem;
  margin: 1.6rem 2rem;
}
@media screen and (max-width: 767px) {
  .p-lp-qa_block {
    margin: 1.6rem 0;
    padding: 4.8rem 1.6rem;
  }
}
.p-lp-qa_block .title {
  font-size: 2rem;
  position: relative;
  font-weight: 500;
  padding-left: 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-lp-qa_block .title {
    font-size: 1.6rem;
  }
}
.p-lp-qa_block .title::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 2rem;
  height: 2rem;
  background-color: #FA5A4B;
  border-radius: 50%;
}
@media screen and (max-width: 767px) {
  .p-lp-qa_block .title::before {
    top: 0.5rem;
    transform: translate(0);
  }
}
.p-lp-qa_block .title.js-acd {
  padding-left: 0;
}
.p-lp-qa_block .title.js-acd::before {
  content: none;
}
.p-lp-qa_block .title.js-acd::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  background-image: url(../images/common/ic-plus.svg);
  background-size: 18px 18px;
  background-repeat: no-repeat;
  background-position: center;
  width: 4.1rem;
  height: 2.2rem;
  display: block;
}
.p-lp-qa_block .title.js-acd.is-open::after {
  background-image: url(../images/common/ic-minus.svg);
}
@media screen and (max-width: 767px) {
  .p-lp-qa_block .js-acd-content {
    margin-top: 3.2rem;
    display: none;
  }
}
.p-lp-qa_block .txt {
  margin-top: 2.4rem;
  padding-left: 2.4rem;
}
.p-lp-qa_block01 .flex {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10%;
}
@media screen and (max-width: 767px) {
  .p-lp-qa_block01 .flex {
    display: block;
  }
}
.p-lp-qa_block01 .flex .txt-box .txt {
  margin-top: 2.4rem;
  padding-left: 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-lp-qa_block01 .flex .txt-box .txt {
    margin-top: 0;
    padding-left: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-lp-qa_block01 .flex .img {
    margin-top: 3.2rem;
  }
}
.p-lp-qa_block01 .list {
  margin-top: 4.8rem;
  display: flex;
  gap: 5rem 2.4rem;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  .p-lp-qa_block01 .list {
    margin-top: 3.2rem;
    gap: 1.6rem;
  }
}
.p-lp-qa_block01 .list_item {
  width: 17.7rem;
}
@media screen and (max-width: 767px) {
  .p-lp-qa_block01 .list_item {
    width: calc((100% - 1.6rem) / 2);
  }
}
.p-lp-qa_block01 .list_item_ttl {
  margin-top: 1.6rem;
  text-align: center;
  color: #FA5A4B;
  font-weight: 700;
}
.p-lp-qa_block01 .list_item_txt {
  margin-top: 1.5rem;
}
@media screen and (max-width: 767px) {
  .p-lp-qa_block02 .txt {
    padding-left: 0;
  }
}
.p-lp-qa_block02 .list {
  margin-top: 4.8rem;
  display: flex;
  gap: 5rem 2.4rem;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  .p-lp-qa_block02 .list {
    margin-top: 3.2rem;
    gap: 1.6rem;
  }
}
.p-lp-qa_block02 .list_item {
  width: 17.7rem;
}
@media screen and (max-width: 767px) {
  .p-lp-qa_block02 .list_item {
    width: calc((100% - 1.6rem) / 2);
  }
}
.p-lp-qa_block02 .list_item_ttl {
  margin-top: 1.6rem;
  text-align: center;
  color: #FA5A4B;
  font-weight: 700;
}
.p-lp-qa_block02 .list_item_txt {
  margin-top: 1.5rem;
}
.p-lp-qa_block03 .flex {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-lp-qa_block03 .flex {
    display: block;
  }
}
.p-lp-qa_block03 .flex .txt {
  flex: 1;
  margin-top: 0;
  padding-left: 0;
  max-width: 72.2rem;
}
.p-lp-qa_block03 .flex .img {
  width: 21.4rem;
}
@media screen and (max-width: 767px) {
  .p-lp-qa_block03 .flex .img {
    width: 17.5rem;
    margin: 1.6rem auto 0;
  }
}
.p-lp-qa_block04 .title:nth-of-type(n + 2) {
  margin-top: 4.8rem;
}
@media screen and (max-width: 767px) {
  .p-lp-qa_block04 .title:nth-of-type(n + 2) {
    margin-top: 1.6rem;
  }
}
.p-lp-qa_block04 .txt {
  padding-left: 0;
}
@media screen and (max-width: 767px) {
  .p-lp-qa_block04 .txt {
    padding-left: 2.4rem;
  }
}
.p-lp-qa_block04 .img {
  margin-top: 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-lp-qa_block04 .img {
    margin-top: 1.6rem;
  }
}
.p-lp-qa_block04 .flex {
  margin-top: 2.4rem;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-lp-qa_block04 .flex {
    display: block;
    margin-top: 1.6rem;
  }
}
.p-lp-qa_block04 .flex .txt {
  flex: 1;
  margin-top: 0;
  padding-left: 2.4rem;
}
.p-lp-qa_block04 .flex .img {
  width: 21.4rem;
  margin-top: 0;
}
@media screen and (max-width: 767px) {
  .p-lp-qa_block04 .flex .img {
    margin-top: 1.6rem;
    width: 100%;
  }
  .p-lp-qa_block04 .flex .img img {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .p-lp-qa_block05 {
    background-color: transparent;
    padding: 0;
  }
}
.p-lp-qa_block05 .list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 4.8rem 5%;
}
@media screen and (max-width: 767px) {
  .p-lp-qa_block05 .list {
    grid-template-columns: repeat(1, 1fr);
    gap: 1.6rem;
  }
}
.p-lp-qa_block05 .list_item {
  border-radius: 1.5rem;
  background-color: #fff;
  padding: 4.8rem 2rem;
}
@media screen and (max-width: 767px) {
  .p-lp-qa_block05 .list_item {
    padding: 2.4rem 1.6rem;
    background-color: #FAF2F2;
  }
}
.p-lp-qa_block05 .list_item_num {
  font-size: 2rem;
  font-weight: 700;
  text-align: center;
  color: #FA5A4B;
  padding-bottom: 3.2rem;
}
@media screen and (max-width: 767px) {
  .p-lp-qa_block05 .list_item_num {
    padding-bottom: 1.6rem;
    font-size: 1.6rem;
  }
}
.p-lp-qa_block05 .list_item_content {
  border-top: 2px dotted #FA5A4B;
  padding: 3.2rem 0;
}
@media screen and (max-width: 767px) {
  .p-lp-qa_block05 .list_item_content {
    padding: 1.6rem 0 0;
  }
}
.p-lp-qa_block05 .list_item_ttl {
  font-weight: 700;
}
.p-lp-qa_block05 .list_item_txt {
  margin-top: 1.6rem;
}
.p-lp-qa_block05 .list_item_txt.-s {
  font-size: 1.4rem;
}
@media screen and (max-width: 767px) {
  .p-lp-qa_block05 .list_item_txt.-s {
    font-size: 1.2rem;
  }
}
.p-lp-qa_block05 .list_item_img {
  margin-top: 3.2rem;
}
@media screen and (max-width: 767px) {
  .p-lp-qa_block05 .list_item_img {
    margin-top: 1.6rem;
  }
}
.p-lp-qa_block05 .list_item_notes {
  margin-top: 1.6rem;
  font-size: 1.4rem;
  color: #FA5A4B;
}
.p-lp-qa_block05 .list_item_02 .list_item_img {
  margin-top: 0;
}
.p-lp-qa_block05 .list_item_02 .list_item_flex {
  margin-top: 3.2rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.6rem;
}
.p-lp-qa_block05 .list_item_02 .list_item_content:nth-of-type(2) {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 3.2rem;
}
@media screen and (max-width: 767px) {
  .p-lp-qa_block05 .list_item_02 .list_item_content:nth-of-type(2) {
    gap: 1.6rem;
  }
}
.p-lp-qa_block05 .list_item_02 .list_item_content:nth-of-type(2) .list_item_ttl {
  margin-top: 1.6rem;
}
.p-lp-qa_block05 .list_item_03 .list_item_flex {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-lp-qa_block05 .list_item_03 .list_item_flex {
    display: block;
  }
}
.p-lp-qa_block05 .list_item_03 .list_item_flex .list_item_txt .-s {
  margin-top: 1rem;
  display: block;
  font-size: 1.4rem;
}
.p-lp-qa_block06 .txt {
  padding-left: 0;
}
@media screen and (max-width: 767px) {
  .p-lp-qa_block06 .txt {
    padding-left: 2.4rem;
  }
}
.p-lp-qa_block06 .list {
  margin-top: 2.4rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-lp-qa_block06 .list {
    grid-template-columns: repeat(1, 1fr);
  }
}
.p-lp-qa_block06 .list_item_ttl {
  margin-top: 2.4rem;
  color: #DB0917;
  font-size: 2rem;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .p-lp-qa_block06 .list_item_ttl {
    margin-top: 1.6rem;
    font-size: 1.6rem;
  }
}
.p-lp-qa_block06 .list_item_txt {
  margin-top: 1.6rem;
}
.p-lp-qa_block07 .txt {
  padding-left: 0;
}
@media screen and (max-width: 767px) {
  .p-lp-qa_block07 .txt {
    padding-left: 2.4rem;
  }
}
.p-lp-qa_block07 .list {
  margin: 2.4rem auto 0;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 4.8rem;
}
.p-lp-qa_block07 .list_item {
  width: 24.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.p-lp-qa_block07 .list_item_num {
  text-align: center;
  font-size: 2rem;
  font-weight: 700;
  color: #FA5A4B;
}
.p-lp-qa_block07 .list_item_ttl {
  margin-top: 0.8rem;
  font-weight: 700;
  text-align: center;
  color: #FA5A4B;
}
.p-lp-qa_block07 .list_item_txt {
  margin-top: 1.6rem;
  flex: 1;
  background-color: #fff;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 0.7rem 0;
  border-radius: 1.5rem;
}
.p-lp-qa_block07 .lead {
  margin-top: 4.8rem;
  background-color: #fff;
  padding: 2rem;
  font-size: 2rem;
  font-weight: 700;
  text-align: center;
  border-radius: 1.5rem;
}
@media screen and (max-width: 767px) {
  .p-lp-qa_block07 .lead {
    font-size: 1.6rem;
  }
}
.p-lp-qa__buttons.-center {
  justify-content: center;
}
.p-lp-qa__buttons .c-link-button.c-link-button--reverse {
  min-width: 19rem;
}
.p-lp-qa .c-toggle:first-of-type {
  border-top: 1px solid #FA5A4B;
}

.c-toggle:nth-of-type(1) {
  border-top: 1px solid #FA5A4B;
}

.c-toggle--yellow {
  border-bottom: 0.1rem solid #BE8D01;
}
.c-toggle--yellow:nth-of-type(1) {
  border-top: 0.1rem solid #BE8D01;
}

@media (max-width: 767px) {
  .c-toggle--yellow:nth-of-type(1) {
    border-top: 0.1rem solid #BE8D01;
  }
}
.c-toggle--yellow .c-toggle__head::before {
  background-size: 100% 100%;
}

.c-toggle--yellow .c-toggle__head::before {
  mask-position: center center;
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-image: url(../images/common/ic-accordion-close-blue.svg);
  background: #BE8D01;
}

.c-toggle--yellow .c-toggle__head.active::before {
  mask-position: center center;
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-image: url(../images/common/ic-accordion-open-blue.svg);
  background: #BE8D01;
}

.c-toggle--blue02 {
  border-bottom: 0.1rem solid #13BDC9;
}
.c-toggle--blue02:nth-of-type(1) {
  border-top: 0.1rem solid #13BDC9;
}

.c-toggle.c-toggle--blue02:nth-of-type(1) {
  border-color: #13BDC9 !important;
}

.c-toggle.c-toggle--blue:nth-of-type(1) {
  border-color: #238FC9 !important;
}

.c-toggle--blue02 .c-toggle__head::before {
  background-size: 100% 100%;
}

.c-toggle--blue02 .c-toggle__head::before {
  mask-position: center center;
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-image: url(../images/common/ic-accordion-close-blue.svg);
  background: #13BDC9;
}

.c-toggle--blue02 .c-toggle__head.active::before {
  mask-position: center center;
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-image: url(../images/common/ic-accordion-open-blue.svg);
  background: #13BDC9;
}

.c-contact-action-btn.citygas {
  background-color: #238FC9;
}
.c-contact-action-btn.product {
  background-color: #C25BCD;
}
.c-contact-action-btn.water {
  background-color: #13BDC9;
}
.c-contact-action-btn.gas-equipment {
  background-color: #C25BCD;
}
.c-contact-action-btn.elec-free {
  background-color: #FFBC00;
}
.c-contact-action-btn.supermarket {
  background-color: #FFA228;
}
.c-contact-action-btn.new-energy {
  background-color: #00D19D;
}
.c-contact-action-btn.resum {
  background-color: #83D10D;
}

/* 購入案内・見積
---------------------------------------------------------------------------- */
.c-section--bg-purple {
  background-color: #FCEDFE;
}

.c-section--bg-green {
  background-color: #ECFAF3;
}

.c-section--bg-yellow {
  background-color: #FFF9E7;
}

.c-section--bg-blue02 {
  background-color: #EEFAFB;
}

.c-section--bg-orange {
  background-color: #FFF7ED;
}

.p-product-heading .btn-box {
  margin-top: 6.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 1.6rem 10rem;
  margin-left: 2rem;
  margin-right: 2rem;
}
@media screen and (max-width: 767px) {
  .p-product-heading .btn-box {
    margin-top: 4rem;
    margin-left: 3rem;
    margin-right: 3rem;
  }
}
.p-product-heading .btn-box:nth-child(n+3) {
  margin-top: 3.2rem;
}
@media screen and (max-width: 767px) {
  .p-product-heading .btn-box:nth-child(n+3) {
    margin-top: 1.6rem;
  }
}
.p-product-heading .btn-box .c-link-button {
  min-width: 28.8rem;
}
@media screen and (max-width: 767px) {
  .p-product-heading .btn-box .c-link-button {
    min-width: 27.8rem;
  }
}

.p-product-list.mt {
  margin-top: 8rem;
}
@media screen and (max-width: 767px) {
  .p-product-list.mt {
    margin-top: 4.8rem;
  }
}
.p-product-list .slider-box {
  margin-top: 6.4rem;
  width: calc(100% + 12rem);
}
@media screen and (max-width: 767px) {
  .p-product-list .slider-box {
    margin-top: 4rem;
    width: calc(100% + 4rem);
    margin-left: -2rem;
  }
}
.p-product-list .slider-box .slick-list {
  overflow: hidden;
}
.p-product-list .slider-box .slick-track {
  gap: 4.8rem;
  display: flex !important;
}
@media screen and (max-width: 767px) {
  .p-product-list .slider-box .slick-track {
    gap: 0.8rem;
  }
}
.p-product-list .slider-box .slick-slide {
  width: 34rem;
  background-color: #FEF7FF;
  border-radius: 1.5rem;
  height: auto !important;
  padding: 0;
}
.p-product-list .slider-box .slick-prev {
  display: none !important;
}
@media screen and (max-width: 767px) {
  .p-product-list .slider-box .slick-prev {
    display: inline-block !important;
    left: 0.3rem;
  }
}
.p-product-list .slider-box .slick-arrow {
  right: 9.5rem;
  background: url(../images/common/slider_arrow_purple.svg) 50% 50% no-repeat;
}
@media screen and (max-width: 767px) {
  .p-product-list .slider-box .slick-arrow {
    right: 0.3rem;
  }
}
.p-product-list .notes {
  margin-top: 2.4rem;
  font-size: 1.2rem;
}
@media screen and (max-width: 767px) {
  .p-product-list .notes {
    margin-top: 1.6rem;
  }
}
.p-product-list .btn {
  margin-top: 6.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .p-product-list .btn {
    margin-top: 4rem;
  }
}
.p-product-list .bnr-box {
  padding: 6.4rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-product-list .bnr-box {
    padding-top: 4rem;
  }
}
.p-product-list .bnr-box .flex {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4.8rem;
}
@media screen and (max-width: 767px) {
  .p-product-list .bnr-box .flex {
    display: block;
  }
}
.p-product-list .bnr-box .flex .bnr {
  max-width: 72.8rem;
  flex: 1;
}
@media screen and (max-width: 767px) {
  .p-product-list .bnr-box .flex .bnr {
    width: 100%;
  }
}
.p-product-list .bnr-box .flex .maker {
  width: 34rem;
  padding: 2.3rem 3.8rem;
  background-color: #FCEDFE;
  border-radius: 1.5rem;
}
@media screen and (max-width: 767px) {
  .p-product-list .bnr-box .flex .maker {
    margin-top: 4rem;
    width: 100%;
    padding: 2.4rem 1.6rem;
  }
}
.p-product-list .bnr-box .flex .maker .ttl {
  text-align: center;
  color: #AA3BB6;
  border-bottom: 2px dashed #C25BCD;
  padding-bottom: 1.6rem;
  font-size: 2rem;
}
@media screen and (max-width: 767px) {
  .p-product-list .bnr-box .flex .maker .ttl {
    font-size: 1.6rem;
  }
}
.p-product-list .bnr-box .flex .maker .logo {
  margin-top: 1.6rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.6rem;
}
@media screen and (max-width: 767px) {
  .p-product-list .bnr-box .flex .maker .logo {
    max-width: 31.8rem;
    margin-left: auto;
    margin-right: auto;
  }
}
.p-product-list .c-icon-grid {
  margin-top: 4rem;
}

.c-product-list.-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 4.8rem;
}
@media screen and (max-width: 767px) {
  .c-product-list.-grid {
    display: block;
  }
}
.c-product-list.-grid .c-product-list_item {
  background-color: #FEF7FF;
  border-radius: 1.5rem;
}
.c-product-list.-grid .c-product-list_item_value-box {
  margin-top: 1.6rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: 1.6rem;
}
.c-product-list.-grid .c-product-list_item_value-info {
  display: flex;
  gap: 0.8rem;
  align-items: center;
}
.c-product-list.-grid .c-product-list_item_price-list {
  font-size: 1.2rem;
}
.c-product-list.-grid .c-product-list_item_price {
  margin-top: 1.6rem;
}
@media screen and (max-width: 767px) {
  .c-product-list.-grid .c-product-list_item_price {
    margin-top: 0;
  }
}
.c-product-list.-grid .c-product-list_item_tag {
  margin-top: 1.6rem;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.8rem;
}
.c-product-list.-grid .c-product-list_item_tag-item {
  font-size: 1.2rem;
  font-weight: 700;
  color: #C25BCD;
  border: 1px solid #C25BCD;
  padding: 0.1rem 1.6rem;
  border-radius: 3rem;
}
.c-product-list_item a {
  display: block;
  color: #222;
  position: relative;
}
.c-product-list_item_img {
  background-color: #fff;
  border-radius: 1.5rem 1.5rem 0 0;
  aspect-ratio: 34/30;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.c-product-list_item_img img {
  padding: 3.2rem;
  width: 100%;
  object-fit: contain;
  max-height: 100%;
  max-width: 100%;
  width: auto;
}
.c-product-list_item_off {
  position: absolute;
  top: 2rem;
  right: 2rem;
  width: 7.6rem;
  height: 7.6rem;
  background-color: #DB0917;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  font-size: 1.4rem;
  font-weight: 700;
  color: #fff;
  line-height: 1.2;
}
.c-product-list_item_off span {
  font-size: 2rem;
}
.c-product-list_item_txt-box {
  padding: 2.4rem 1.6rem;
}
.c-product-list_item_info {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.c-product-list_item_logo {
  max-width: 8.4rem;
}
.c-product-list_item_size {
  display: flex;
  align-items: center;
}
.c-product-list_item_size-item {
  background-color: #C25BCD;
  padding: 0.1rem 1.6rem;
  border-radius: 3rem;
  color: #fff;
  font-size: 1.2rem;
  font-weight: 700;
}
.c-product-list_item_ttl {
  margin-top: 0.8rem;
  font-size: 2rem;
}
@media screen and (max-width: 767px) {
  .c-product-list_item_ttl {
    font-size: 1.6rem;
  }
}
.c-product-list_item_txt {
  margin-top: 0.8rem;
  font-weight: 700;
}
.c-product-list_item_price-box {
  margin-top: 1.6rem;
}
@media screen and (max-width: 767px) {
  .c-product-list_item_price-box {
    margin-top: 1rem;
  }
}
.c-product-list_item_price-list {
  font-size: 1.2rem;
}
.c-product-list_item_price {
  margin-top: 0.7rem;
  color: #AA3BB6;
  font-weight: 700;
}
.c-product-list_item_price span {
  font-size: 4rem;
}
@media screen and (max-width: 767px) {
  .c-product-list_item_price span {
    font-size: 3.2rem;
  }
}

.c-link-anchor__icon.-purple {
  background-color: #AA3BB6;
}

.c-icon-grid.-purple .c-icon-grid__wrap .c-link-anchor__icon.c-link-anchor__icon--rotate {
  background-color: #AA3BB6;
}

.-purple.c-list .c-list__title::before {
  background-color: #AA3BB6;
}

.-green.c-list .c-list__title::before {
  background-color: #00D19D;
}

.-yellow.c-list .c-list__title::before {
  background-color: #FFBC00;
}

.-blue.c-list .c-list__title::before {
  background-color: #238FC9;
}

.-blue02.c-list .c-list__title::before {
  background-color: #13BDC9;
}

.p-product-point {
  background-color: #FEF7FF;
}

.p-product-archive > .c-container {
  padding-bottom: 4rem;
}
@media screen and (max-width: 767px) {
  .p-product-archive > .c-container {
    padding-bottom: 0;
  }
}
.p-product-archive .c-bg-pink.-purple {
  margin: 4rem auto 0;
}

.c-button--purple {
  border: 0.2rem solid #AA3BB6;
  background: #FFF;
  color: #AA3BB6;
}

.c-button--blank.c-button--purple::after {
  mask-position: center center;
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-image: url(../images/common/ic_external_link.svg);
  background: #AA3BB6;
}

.c-button--purple.c-button--blank.active, .c-button--purple:hover {
  background: #AA3BB6;
  color: #fff;
}
.c-button--purple.c-button--blank.active::after, .c-button--purple:hover::after {
  background: #fff;
}

.c-button--orange {
  border: 0.2rem solid #EA6301;
  background: #FFF;
  color: #EA6301;
}

.c-button--blank.c-button--orange::after {
  mask-position: center center;
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-image: url(../images/common/ic_external_link.svg);
  background: #EA6301;
}

.c-button--orange.c-button--blank.active, .c-button--orange:hover {
  background: #EA6301;
  color: #fff;
}
.c-button--orange.c-button--blank.active::after, .c-button--orange:hover::after {
  background: #fff;
}

.c-button--blue03 {
  border: 0.2rem solid #00649A;
  background: #FFF;
  color: #00649A;
}

.c-button--blank.c-button--blue03::after {
  mask-position: center center;
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-image: url(../images/common/ic_external_link.svg);
  background: #00649A;
}

.c-button--blue03.c-button--blank.active, .c-button--blue03:hover {
  background: #00649A;
  color: #fff;
}
.c-button--blue03.c-button--blank.active::after, .c-button--blue03:hover::after {
  background: #fff;
}

.c-button.c-button--blank.c-button--blue03.-pdf {
  width: 53.6rem;
  padding-right: 4rem;
}
@media screen and (max-width: 767px) {
  .c-button.c-button--blank.c-button--blue03.-pdf {
    width: 35rem;
    padding-right: 3rem;
  }
}
.c-button.c-button--blank.c-button--blue03.-pdf::after {
  mask-image: none;
  right: auto;
  left: 2.4rem;
  background: url(../images/common/ic_pdf.svg) no-repeat center center/contain;
}

.p-product-single .flex {
  margin-top: 6.4rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 4.8rem;
}
@media (max-width: 900px) {
  .p-product-single .flex {
    gap: 3rem;
  }
}
@media screen and (max-width: 767px) {
  .p-product-single .flex {
    margin-top: 4rem;
    grid-template-columns: repeat(1, 1fr);
    gap: 4rem;
  }
}
.p-product-single .flex .img-box .img {
  background-color: #fff;
}
.p-product-single .flex .img-box .img img {
  padding: 6.4rem;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .p-product-single .flex .img-box .img img {
    padding: 3.2rem;
  }
}
.p-product-single .flex .img-box .sub-img {
  margin-top: 1.6rem;
  background-color: #fff;
  text-align: center;
  padding: 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-product-single .flex .img-box .sub-img {
    padding: 1.6rem;
  }
}
.p-product-single .flex .img-box .sub-img img {
  width: 11.1rem;
}
@media screen and (max-width: 767px) {
  .p-product-single .flex .img-box .sub-img img {
    width: 7.2rem;
  }
}
.p-product-single .flex .txt-box .ttl {
  font-size: 2rem;
  line-height: 1.5;
  font-weight: 700;
  margin-top: 0.8rem;
}
@media screen and (max-width: 767px) {
  .p-product-single .flex .txt-box .ttl {
    font-size: 1.6rem;
  }
}
.p-product-single .flex .txt-box .subttl {
  font-weight: 700;
  font-size: 1.6rem;
  margin-top: 0.8rem;
}
@media screen and (max-width: 767px) {
  .p-product-single .flex .txt-box .subttl {
    font-size: 1.4rem;
  }
}
.p-product-single .flex .txt-box .tag {
  margin-top: 3.2rem;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.8rem;
}
@media screen and (max-width: 767px) {
  .p-product-single .flex .txt-box .tag {
    margin-top: 2.4rem;
  }
}
.p-product-single .flex .txt-box .tag span {
  color: #C25BCD;
  font-size: 1.2rem;
  font-weight: 700;
  padding: 0.1rem 1.6rem;
  display: block;
  border: 1px solid #C25BCD;
  border-radius: 3rem;
}
.p-product-single .flex .txt-box .values-box .values {
  margin-top: 3.2rem;
  padding-left: 9.2rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-product-single .flex .txt-box .values-box .values {
    margin-top: 2.4rem;
    padding-left: 0;
  }
}
.p-product-single .flex .txt-box .values-box .values .off {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 7.6rem;
  height: 7.6rem;
  background-color: #DB0917;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  line-height: 1.2;
  font-size: 1.4rem;
  color: #fff;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .p-product-single .flex .txt-box .values-box .values .off {
    position: static;
    transform: translate(0);
    width: 5rem;
    height: 5rem;
    font-size: 1.2rem;
  }
}
.p-product-single .flex .txt-box .values-box .values .off span {
  font-size: 2rem;
}
@media screen and (max-width: 767px) {
  .p-product-single .flex .txt-box .values-box .values .off span {
    font-size: 1.8rem;
  }
}
.p-product-single .flex .txt-box .values-box .values .info {
  display: flex;
  align-items: center;
  gap: 0.8rem;
}
@media screen and (max-width: 767px) {
  .p-product-single .flex .txt-box .values-box .values .info {
    display: block;
  }
}
.p-product-single .flex .txt-box .values-box .values .info .size {
  background-color: #C25BCD;
  color: #fff;
  font-size: 1.2rem;
  font-weight: 700;
  padding: 0.1rem 2.3rem;
  display: block;
  border-radius: 3rem;
}
@media screen and (max-width: 767px) {
  .p-product-single .flex .txt-box .values-box .values .info .size {
    display: inline-block;
  }
}
.p-product-single .flex .txt-box .values-box .values .info .name {
  flex: 1;
  font-size: 1.2rem;
  line-height: 1.2;
}
@media screen and (max-width: 767px) {
  .p-product-single .flex .txt-box .values-box .values .info .name {
    margin-top: 0.8rem;
  }
}
@media screen and (max-width: 767px) {
  .p-product-single .flex .txt-box .values-box .values .price-box {
    margin-top: 1.6rem;
    display: flex;
    align-items: center;
    gap: 0.8rem;
  }
}
.p-product-single .flex .txt-box .values-box .values .price-box .price-num {
  flex: 1;
}
.p-product-single .flex .txt-box .values-box .values .price-list {
  font-size: 1.2rem;
  margin-top: 0.8rem;
}
@media screen and (max-width: 767px) {
  .p-product-single .flex .txt-box .values-box .values .price-list {
    margin-top: 0;
  }
}
.p-product-single .flex .txt-box .values-box .values .price {
  margin-top: 0.8rem;
  font-weight: 700;
  color: #AA3BB6;
}
.p-product-single .flex .txt-box .values-box .values .price span {
  font-size: 4rem;
}
@media screen and (max-width: 767px) {
  .p-product-single .flex .txt-box .values-box .values .price span {
    font-size: 3.2rem;
  }
}
.p-product-single .flex .txt-box .notes {
  margin-top: 3.2rem;
  font-size: 1.2rem;
}
@media screen and (max-width: 767px) {
  .p-product-single .flex .txt-box .notes {
    margin-top: 2.4rem;
  }
}
.p-product-single .flex .txt-box .btn {
  margin-top: 3.2rem;
  margin-left: 4.8rem;
}
@media screen and (max-width: 767px) {
  .p-product-single .flex .txt-box .btn {
    margin-top: 4rem;
  }
}

.p-product-single-point .c-secttl {
  position: relative;
}
.p-product-single-point .c-secttl::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  width: 11.6rem;
  height: 11.6rem;
  background: url(../images/product/img-9.png) no-repeat center center/contain;
}
@media screen and (max-width: 767px) {
  .p-product-single-point .c-secttl::before {
    width: 9rem;
    height: 9rem;
    right: -1rem;
  }
}
.p-product-single-point .c-definition-list {
  margin-top: 6.4rem;
}
@media screen and (max-width: 767px) {
  .p-product-single-point .c-definition-list {
    margin-top: 4rem;
  }
}

.p-product-single-info .flex {
  background-color: #fff;
  border-radius: 1.5rem;
  padding: 3.2rem;
  display: flex;
  justify-content: center;
  gap: 3.2rem;
}
@media screen and (max-width: 767px) {
  .p-product-single-info .flex {
    display: block;
    padding: 2.4rem 1.6rem;
  }
}
.p-product-single-info .flex .box {
  width: calc((100% - 3.2rem) / 2);
}
@media screen and (max-width: 767px) {
  .p-product-single-info .flex .box {
    width: 100%;
  }
  .p-product-single-info .flex .box:nth-child(n+2) {
    margin-top: 2.4rem;
  }
}
.p-product-single-info .flex .box .ttl {
  text-align: center;
  color: #AA3BB6;
  font-size: 2rem;
  border-bottom: 2px dashed #C25BCD;
  padding-bottom: 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-product-single-info .flex .box .ttl {
    font-size: 1.6rem;
  }
}
.p-product-single-info .flex .box .txt {
  margin-top: 1.6rem;
}
.p-product-single-info .btn-box {
  margin-top: 4.8rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin-left: 3rem;
  gap: 1.6rem 7rem;
}
@media screen and (max-width: 767px) {
  .p-product-single-info .btn-box {
    margin-top: 4rem;
    margin-left: 0;
  }
  .p-product-single-info .btn-box .btn .c-link-button {
    min-width: 26rem;
  }
}
.p-product-single-info .btn-box .c-button--purple.c-button--blank.c-button {
  max-width: 53.6rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-product-single-info .btn-box .c-button--purple.c-button--blank.c-button {
    padding-left: 7rem;
  }
}
.p-product-single-info .btn-box .c-button--purple.c-button--blank.c-button img {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 2.4rem;
  max-width: 7.4rem;
}
@media screen and (max-width: 767px) {
  .p-product-single-info .btn-box .c-button--purple.c-button--blank.c-button img {
    left: 1rem;
  }
}

.p-product-single-other .taxonomy-list {
  margin-top: 3.2rem;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1.6rem 4.8rem;
}
@media screen and (max-width: 767px) {
  .p-product-single-other .taxonomy-list {
    margin-top: 4rem;
    flex-wrap: nowrap;
    overflow-x: scroll;
    width: calc(100% + 4rem);
    margin-left: -2rem;
    padding: 0 2rem 1rem;
    gap: 1.6rem;
  }
}
.p-product-single-other .taxonomy-list li {
  color: #C25BCD;
  font-weight: 700;
  padding: 0.1rem 1.6rem;
  display: block;
  border: 1px solid #C25BCD;
  border-radius: 3rem;
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  .p-product-single-other .taxonomy-list li {
    transition: opacity 0.3s;
    cursor: pointer;
  }
  .p-product-single-other .taxonomy-list li:hover {
    opacity: 0.7;
  }
}
@media screen and (max-width: 767px) {
  .p-product-single-other .taxonomy-list li {
    white-space: nowrap;
  }
}
.p-product-single-other .taxonomy-list li.is-active {
  background-color: #C25BCD;
  color: #fff;
}
.p-product-single-other .js-tab-content {
  margin-top: 4rem;
  display: block;
}
@media screen and (max-width: 767px) {
  .p-product-single-other .js-tab-content {
    margin-top: 4rem;
  }
}
.p-product-single-other .js-tab-content > * {
  display: none;
}
.p-product-single-other .js-tab-content > *.is-active {
  display: block;
}

.p-product-icon {
  padding-top: 0;
}
.p-product-icon .list {
  margin-top: 6.4rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3.2rem 4.8rem;
}
@media screen and (max-width: 767px) {
  .p-product-icon .list {
    grid-template-columns: repeat(1, 1fr);
    gap: 2.4rem;
  }
}
.p-product-icon .list_item_category {
  padding: 0.1rem 1.6rem;
  border: 1px solid #C25BCD;
  border-radius: 3rem;
  font-size: 1.2rem;
  font-weight: 700;
  display: inline-block;
  font-size: 1.2rem;
  color: #C25BCD;
}
.p-product-icon .list_item_txt {
  margin-top: 0.8rem;
}

/* ポイントリスト
---------------------------------------------------------------------------- */
.c-point-list {
  margin-top: 6.4rem;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 4.8rem;
}
@media screen and (max-width: 767px) {
  .c-point-list {
    margin-top: 4rem;
    gap: 2.4rem;
  }
}
.c-point-list_item {
  width: 33.4rem;
}
.c-point-list_item_num {
  position: absolute;
  top: 3rem;
  left: 0;
  z-index: 2;
  mask-position: center center;
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-image: url(../images/common/ic-point.svg);
  background-color: #AA3BB6;
  width: 8.8rem;
  height: 8.8rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 3.2rem;
  font-weight: 700;
}
.c-point-list_item_ttl-box {
  position: relative;
  border-radius: 5.6rem 0 0 0;
  padding: 6rem 3rem 2.4rem 0;
  height: 23.3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.c-point-list_item_ttl-box::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: calc(100% - 3rem);
  height: calc(100% - 3rem);
  border-radius: 5.6rem 0 0 0;
  background-color: #C25BCD;
}
.c-point-list_item_ttl-box::after {
  content: "";
  position: absolute;
  top: 3rem;
  left: 0;
  width: calc(100% - 3rem);
  height: calc(100% - 3rem);
  border-radius: 5.6rem 0 0 0;
  background-color: #fff;
}
.c-point-list_item_img {
  position: relative;
  z-index: 2;
  text-align: center;
  margin: 0 auto;
  max-width: 10rem;
}
.c-point-list_item_ttl {
  position: relative;
  z-index: 2;
  text-align: center;
  font-size: 2rem;
  color: #C25BCD;
  margin-top: 1.4rem;
  line-height: 1.5;
}
.c-point-list_item_txt {
  margin-top: 2.4rem;
  padding-right: 3rem;
}
.c-point-list.-big .c-point-list_item {
  width: 48.6rem;
}
.c-point-list.-big .c-point-list_item_ttl-box {
  height: 32rem;
}
@media screen and (max-width: 767px) {
  .c-point-list.-big .c-point-list_item_ttl-box {
    height: 23.3rem;
  }
}
.c-point-list.-green .c-point-list_item_num {
  background-color: #00A37A;
}
.c-point-list.-green .c-point-list_item_ttl-box::before {
  background-color: #00D19D;
}
.c-point-list.-green .c-point-list_item_ttl {
  color: #00A37A;
}
.c-point-list.-green.-big .c-point-list_item:nth-child(3) .c-point-list_item_img {
  margin-bottom: 2rem;
}
.c-point-list.-green.-big .c-point-list_item_img {
  max-width: 100%;
  width: 21rem;
}
@media screen and (max-width: 767px) {
  .c-point-list.-green.-big .c-point-list_item_img {
    width: 12rem;
  }
}
.c-point-list.-green.-big .c-point-list_item_ttl-box::after {
  background-color: #ECFAF3;
}
.c-point-list.-green.-big .c-point-list_item_ttl {
  margin-top: 0;
}
.c-point-list.-yellow .c-point-list_item_num {
  background-color: #BE8D01;
}
.c-point-list.-yellow .c-point-list_item_ttl-box::before {
  background-color: #FFBC00;
}
.c-point-list.-yellow .c-point-list_item_ttl {
  color: #BE8D01;
}
.c-point-list.-blue02 .c-point-list_item_num {
  background-color: #029CB0;
}
.c-point-list.-blue02 .c-point-list_item_img {
  max-width: 15rem;
}
@media screen and (max-width: 767px) {
  .c-point-list.-blue02 .c-point-list_item_img {
    max-width: 9rem;
  }
  .c-point-list.-blue02 .c-point-list_item_img.-s {
    max-width: 6.5rem;
  }
}
.c-point-list.-blue02 .c-point-list_item_ttl-box::before {
  background-color: #13BDC9;
}
.c-point-list.-blue02 .c-point-list_item_ttl-box::after {
  background-color: #EEFAFB;
}
.c-point-list.-blue02 .c-point-list_item_ttl {
  color: #029CB0;
}

/* アコーディオン
---------------------------------------------------------------------------- */
.c-acd {
  margin-top: 6.4rem;
}
@media screen and (max-width: 767px) {
  .c-acd {
    margin-top: 4rem;
  }
}
.c-acd_item {
  border-bottom: 1px solid #AA3BB6;
}
.c-acd_item:first-child {
  border-top: 1px solid #AA3BB6;
}
.c-acd_item dt {
  padding: 1.6rem 6.2rem 1.6rem 0.8rem;
  font-weight: 700;
  cursor: pointer;
  position: relative;
}
@media screen and (max-width: 767px) {
  .c-acd_item dt {
    padding: 1.6rem 4.1rem 1.6rem 0;
  }
}
.c-acd_item dt::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 1.8rem;
  width: 1.8rem;
  height: 2px;
  background-color: #AA3BB6;
}
@media screen and (max-width: 767px) {
  .c-acd_item dt::before {
    right: 1.1rem;
  }
}
.c-acd_item dt::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 2.6rem;
  width: 2px;
  height: 1.8rem;
  background-color: #AA3BB6;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .c-acd_item dt::after {
    right: 1.9rem;
  }
}
.c-acd_item dt.is-open::after {
  opacity: 0;
}
.c-acd_item dd {
  display: none;
  padding: 0rem 6.2rem 1.6rem 0.8rem;
}
@media screen and (max-width: 767px) {
  .c-acd_item dd {
    padding: 0rem 4.1rem 1.6rem 0;
  }
}

/* 給湯器の選び方～導入までの流れ
---------------------------------------------------------------------------- */
.p-gas-equipment-heading .list {
  margin-top: 6.4rem;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 4.8rem;
}
@media screen and (max-width: 767px) {
  .p-gas-equipment-heading .list {
    gap: 3.2rem 1.6rem;
  }
}
.p-gas-equipment-heading .list_item {
  width: 24.4rem;
}
@media screen and (max-width: 767px) {
  .p-gas-equipment-heading .list_item {
    width: calc((100% - 1.6rem) / 2);
  }
}
.p-gas-equipment-heading .list_item_txt {
  width: 100%;
  height: 8.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 1.5rem;
  font-weight: 700;
  text-align: center;
  color: #fff;
  background-color: #AA3BB6;
}
@media screen and (max-width: 767px) {
  .p-gas-equipment-heading .list_item_txt {
    height: 9.2rem;
    font-size: 1.3rem;
  }
}
.p-gas-equipment-heading .list_item_ttl {
  margin-top: 1.6rem;
  text-align: center;
  font-size: 2rem;
  font-weight: 700;
  color: #AA3BB6;
}
@media screen and (max-width: 767px) {
  .p-gas-equipment-heading .list_item_ttl {
    font-size: 1.7rem;
  }
}
.p-gas-equipment-heading .list_item .c-link-anchor__icon {
  background-color: #AA3BB6;
  margin: 0.8rem auto 0;
}
@media screen and (max-width: 767px) {
  .p-gas-equipment-heading .list_item .c-link-anchor__icon {
    margin-top: 1.6rem;
  }
}

.p-gas-equipment .c-secttl {
  margin-bottom: 6.4rem;
}
@media screen and (max-width: 767px) {
  .p-gas-equipment .c-secttl {
    margin-bottom: 4rem;
  }
}
.p-gas-equipment .c-acd-more {
  margin-top: 4rem;
  border-top: 2px dashed #C25BCD;
  border-bottom: 2px dashed #C25BCD;
  font-weight: 700;
  position: relative;
  padding: 1.6rem 0;
  cursor: pointer;
}
.p-gas-equipment .c-acd-more::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 1.8rem;
  width: 1.8rem;
  height: 2px;
  background-color: #AA3BB6;
}
@media screen and (max-width: 767px) {
  .p-gas-equipment .c-acd-more::before {
    right: 1.1rem;
  }
}
.p-gas-equipment .c-acd-more::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 2.6rem;
  width: 2px;
  height: 1.8rem;
  background-color: #AA3BB6;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .p-gas-equipment .c-acd-more::after {
    right: 1.9rem;
  }
}
.p-gas-equipment .c-acd-more.is-open::after {
  opacity: 0;
}
@media screen and (max-width: 767px) {
  .p-gas-equipment .content {
    display: none;
  }
}

.p-gas-equipment-01 .content {
  margin-top: 6.4rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 4.8rem;
}
@media screen and (max-width: 767px) {
  .p-gas-equipment-01 .content {
    margin-top: 4rem;
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .p-gas-equipment-01 .content .img:nth-child(n+2) {
    margin-top: 2.4rem;
  }
}

.p-gas-equipment-02 .content {
  margin-top: 6.4rem;
  background-color: #FCEDFE;
  border-radius: 1.5rem;
  padding: 4.8rem 0;
}
@media screen and (max-width: 767px) {
  .p-gas-equipment-02 .content {
    margin-top: 4rem;
    padding: 0 1.6rem;
  }
}
.p-gas-equipment-02 .content .list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
@media screen and (max-width: 767px) {
  .p-gas-equipment-02 .content .list {
    display: block;
  }
}
.p-gas-equipment-02 .content .list_item {
  padding: 0 3.2rem;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 767px) {
  .p-gas-equipment-02 .content .list_item {
    padding: 3.2rem 0;
  }
}
.p-gas-equipment-02 .content .list_item:nth-child(n+2) {
  border-left: 1px solid #AA3BB6;
}
@media screen and (max-width: 767px) {
  .p-gas-equipment-02 .content .list_item:nth-child(n+2) {
    border-left: none;
    border-top: 1px solid #AA3BB6;
  }
}
.p-gas-equipment-02 .content .list_item_size {
  font-size: 2rem;
  text-align: center;
  color: #AA3BB6;
  font-weight: 700;
}
.p-gas-equipment-02 .content .list_item_img {
  margin: 3.2rem auto 0;
  width: 14rem;
}
@media screen and (max-width: 767px) {
  .p-gas-equipment-02 .content .list_item_img {
    margin-top: 2.4rem;
    width: 11rem;
  }
}
.p-gas-equipment-02 .content .list_item_num {
  margin-top: 3.2rem;
  font-weight: 700;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-gas-equipment-02 .content .list_item_num {
    margin-top: 2.4rem;
  }
}
.p-gas-equipment-02 .content .list_item_num span {
  display: block;
  color: #AA3BB6;
  font-size: 2rem;
}
.p-gas-equipment-02 .content .list_item_txt {
  margin-top: 1.6rem;
}
.p-gas-equipment-02 .content .list_item_txt span {
  display: block;
  font-size: 1.2rem;
}
.p-gas-equipment-02 .content .list_item_l {
  margin-top: auto;
  padding-top: 3.2rem;
}
@media screen and (max-width: 767px) {
  .p-gas-equipment-02 .content .list_item_l {
    padding-top: 2.4rem;
  }
}
.p-gas-equipment-02 .content .notes {
  margin-top: 2.4rem;
  text-align: center;
  font-size: 1.2rem;
}
@media screen and (max-width: 767px) {
  .p-gas-equipment-02 .content .notes {
    margin-top: 0;
    text-align: left;
    padding-bottom: 3.2rem;
  }
}

.p-gas-equipment-03 .p-payment-debit__featured {
  margin-top: 6.4rem;
}
@media screen and (max-width: 767px) {
  .p-gas-equipment-03 .p-payment-debit__featured {
    margin: 4rem 2rem 0;
  }
}
.p-gas-equipment-03 .p-payment-debit__featured .img {
  margin: 4.8rem auto 0;
}
@media screen and (max-width: 767px) {
  .p-gas-equipment-03 .p-payment-debit__featured .img {
    margin-top: 3.2rem;
  }
}
.p-gas-equipment-03 .p-payment-debit__featured .img.-s {
  max-width: 95.4rem;
}
.p-gas-equipment-03 .p-payment-debit__featured .c-p--xs {
  margin-top: 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-gas-equipment-03 .p-payment-debit__featured .c-p--xs {
    margin-top: 3.2rem;
  }
}

.c-payment-card__title.-purple::after {
  mask-position: center center;
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-image: url(../images/common/ic-accordion-close-sp.png);
  background: #AA3BB6;
}

.c-payment-card.open .c-payment-card__title.-purple::after {
  mask-image: url(../images/common/ic-accordion-open-sp.png);
  background: #AA3BB6 !important;
}

.p-gas-equipment-04 .c-bg-pink .heading {
  display: flex;
  align-items: center;
  gap: 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-gas-equipment-04 .c-bg-pink .heading {
    display: block;
  }
}
.p-gas-equipment-04 .c-bg-pink .heading .logo {
  width: 12rem;
}
@media screen and (max-width: 767px) {
  .p-gas-equipment-04 .c-bg-pink .heading .logo {
    margin: 0 auto;
  }
}
.p-gas-equipment-04 .c-bg-pink .heading .ttl-box {
  flex: 1;
}
@media screen and (max-width: 767px) {
  .p-gas-equipment-04 .c-bg-pink .heading .ttl-box {
    margin-top: 1.6rem;
  }
}
.p-gas-equipment-04 .c-bg-pink .heading .ttl-box .catch {
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .p-gas-equipment-04 .c-bg-pink .heading .ttl-box .catch {
    text-align: center;
  }
}
.p-gas-equipment-04 .c-bg-pink .heading .ttl-box .c-secttl02 {
  margin-top: 0.8rem;
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .p-gas-equipment-04 .c-bg-pink .heading .ttl-box .c-secttl02 {
    text-align: center;
  }
}
.p-gas-equipment-04 .c-bg-pink .content {
  margin-top: 4.8rem;
}
@media screen and (max-width: 767px) {
  .p-gas-equipment-04 .c-bg-pink .content {
    margin-top: 3.2rem;
  }
}
.p-gas-equipment-04 .c-bg-pink .content .btn {
  margin: 4.8rem auto 0;
  max-width: 53.6rem;
}
@media screen and (max-width: 767px) {
  .p-gas-equipment-04 .c-bg-pink .content .btn {
    margin-top: 3.2rem;
  }
}
.p-gas-equipment-04 .c-bg-pink .content .btn .maker_logo--txt {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .p-gas-equipment-04 .c-bg-pink .content .btn .maker_logo--txt {
    flex-direction: column;
    line-height: 1.3;
  }
}
.p-gas-equipment-04 .c-bg-pink .content .btn .maker_logo--txt .-s {
  font-size: 1.2rem;
  margin-left: 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-gas-equipment-04 .c-bg-pink .content .btn .maker_logo--txt .-s {
    margin-left: 0;
  }
}
.p-gas-equipment-04 .block01 .flex {
  display: flex;
  justify-content: center;
  gap: 4.8rem;
}
@media screen and (max-width: 767px) {
  .p-gas-equipment-04 .block01 .flex {
    display: block;
  }
}
.p-gas-equipment-04 .block01 .flex .txt-box {
  max-width: 74.7rem;
  width: 70%;
}
@media screen and (max-width: 767px) {
  .p-gas-equipment-04 .block01 .flex .txt-box {
    width: 100%;
  }
}
.p-gas-equipment-04 .block01 .flex .txt-box .c-secttl02 {
  margin-top: 4.8rem;
  margin-bottom: 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-gas-equipment-04 .block01 .flex .txt-box .c-secttl02 {
    margin-top: 3.2rem;
    margin-bottom: 3.2rem;
  }
}
@media screen and (max-width: 767px) {
  .p-gas-equipment-04 .block01 .flex .txt-box .img {
    margin-top: 3.2rem;
  }
}
.p-gas-equipment-04 .block01 .flex .txt-box .list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-gas-equipment-04 .block01 .flex .txt-box .list {
    grid-template-columns: repeat(1, 1fr);
    margin: 0 3rem;
  }
}
.p-gas-equipment-04 .block01 .flex .txt-box .list_item_ttl {
  margin-top: 1.6rem;
  text-align: center;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .p-gas-equipment-04 .block01 .flex .txt-box .list_item_ttl {
    font-size: 1.4rem;
  }
}
.p-gas-equipment-04 .block01 .flex .txt-box .list_item_l {
  margin-top: 0.8rem;
  background-color: #fff;
  text-align: center;
  padding: 0.2rem 0;
}
@media screen and (max-width: 767px) {
  .p-gas-equipment-04 .block01 .flex .txt-box .list_item_img {
    text-align: center;
  }
}
.p-gas-equipment-04 .block01 .flex .txt-box .list_item_txt {
  margin-top: 1.6rem;
}
.p-gas-equipment-04 .block01 .flex .img {
  flex: 1;
}
.p-gas-equipment-04 .block01 .link-box {
  margin-top: 4.8rem;
  display: flex;
  gap: 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-gas-equipment-04 .block01 .link-box {
    margin-top: 3.2rem;
    flex-direction: column;
    align-items: flex-start;
    gap: 2.4rem;
  }
}
.p-gas-equipment-04 .block01 .link-box .link {
  padding-right: 3rem;
  color: #222;
  font-weight: 700;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-gas-equipment-04 .block01 .link-box .link {
    display: inline-block;
  }
}
.p-gas-equipment-04 .block01 .link-box .link .c-link-anchor__icon {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.p-gas-equipment-04 .block02 .flex {
  display: flex;
  gap: 4.8rem;
}
@media screen and (max-width: 767px) {
  .p-gas-equipment-04 .block02 .flex {
    display: block;
  }
}
.p-gas-equipment-04 .block02 .flex .c-list {
  width: 74.7rem;
}
@media screen and (max-width: 767px) {
  .p-gas-equipment-04 .block02 .flex .c-list {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .p-gas-equipment-04 .block02 .flex .c-list .c-list__desc {
    padding-right: 0;
  }
  .p-gas-equipment-04 .block02 .flex .c-list .c-list__desc span {
    display: block;
    margin-top: 1.6rem;
    font-size: 1.2rem;
  }
}
.p-gas-equipment-04 .block02 .flex:nth-child(n+2) {
  margin-top: 4.8rem;
}
@media screen and (max-width: 767px) {
  .p-gas-equipment-04 .block02 .flex:nth-child(n+2) {
    margin-top: 3.2rem;
  }
}
@media screen and (max-width: 767px) {
  .p-gas-equipment-04 .block02 .flex .img {
    margin-top: 1.6rem;
  }
  .p-gas-equipment-04 .block02 .flex .img img {
    width: 100%;
  }
}
.p-gas-equipment-04 .block03 .c-secttl02 {
  text-align: center;
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .p-gas-equipment-04 .block03 .c-secttl02 {
    text-align: left;
  }
}

@media screen and (max-width: 767px) {
  .p-gas-equipment-05 .c-p {
    margin-top: 4rem;
  }
}
@media screen and (max-width: 767px) {
  .p-gas-equipment-05 .c-definition-list .c-p {
    margin-top: 0;
  }
}
.p-gas-equipment-05 .c-definition-list {
  margin-top: 6.4rem;
}
@media screen and (max-width: 767px) {
  .p-gas-equipment-05 .c-definition-list {
    margin-top: 4rem;
  }
}

.p-gas-equipment-06 .flex {
  display: flex;
  justify-content: center;
  gap: 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-gas-equipment-06 .flex {
    display: block;
    margin-top: 4rem;
  }
}
.p-gas-equipment-06 .flex .c-p {
  width: 35rem;
}
@media screen and (max-width: 767px) {
  .p-gas-equipment-06 .flex .c-p {
    width: 100%;
  }
}
.p-gas-equipment-06 .flex .img {
  flex: 1;
}
@media screen and (max-width: 767px) {
  .p-gas-equipment-06 .flex .img {
    margin-top: 4rem;
  }
}

@media screen and (max-width: 767px) {
  .p-gas-equipment-07 .content {
    margin-top: 4rem;
  }
}
.p-gas-equipment-07 .c-definition-list {
  margin-top: 6.4rem;
}
@media screen and (max-width: 767px) {
  .p-gas-equipment-07 .c-definition-list {
    margin-top: 4rem;
  }
}
.p-gas-equipment-07 .c-p--xs {
  margin-top: 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-gas-equipment-07 .c-p--xs {
    margin-top: 1.6rem;
  }
}

.p-gas-equipment-08 .content {
  margin-top: 6.4rem;
}
@media screen and (max-width: 767px) {
  .p-gas-equipment-08 .content {
    margin-top: 4rem;
  }
}
.p-gas-equipment-08 .content .c-list {
  margin-top: 6.4rem;
}
@media screen and (max-width: 767px) {
  .p-gas-equipment-08 .content .c-list {
    margin-top: 4rem;
  }
}
.p-gas-equipment-08 .content .c-list__item:nth-child(n+2) {
  margin-top: 6.4rem;
}
@media screen and (max-width: 767px) {
  .p-gas-equipment-08 .content .c-list__item:nth-child(n+2) {
    margin-top: 4rem;
  }
}
.p-gas-equipment-08 .content .c-list__item .child-list {
  margin: 2.4rem 2.8rem;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1.6rem 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-gas-equipment-08 .content .c-list__item .child-list {
    gap: 1.6rem;
    margin: 1.6rem 0 0 2.4rem;
  }
}
.p-gas-equipment-08 .content .c-list__item .child-list li {
  padding: 0.5rem 2.4rem;
  background-color: #AA3BB6;
  border-radius: 3rem;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .p-gas-equipment-08 .content .c-list__item .child-list li {
    padding: 0.4rem 1.6rem;
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 767px) {
  .p-gas-equipment-08 .content .c-list__item:nth-child(2) .c-definition-list {
    margin-top: 1.6rem;
  }
}
.p-gas-equipment-08 .content .c-list__item:nth-child(2) .c-definition-list__content {
  position: relative;
}
.p-gas-equipment-08 .content .c-list__item:nth-child(2) .c-definition-list .c-definition-list__item .c-definition-list__head, .p-gas-equipment-08 .content .c-list__item:nth-child(2) .c-definition-list .c-definition-list__item .c-definition-list__content {
  border-top: none;
}
.p-gas-equipment-08 .content .c-list__item:nth-child(2) .img.sp {
  margin-top: 4rem;
}
.p-gas-equipment-08 .content .c-list__item:nth-child(3) .c-p {
  margin-top: 2.4rem;
}
.p-gas-equipment-08 .content .c-list__item:nth-child(3) .c-definition-list {
  margin-top: 2.4rem;
}
.p-gas-equipment-08 .content .c-list__item:nth-child(3) .c-definition-list .c-p {
  margin-top: 0;
}
.p-gas-equipment-08 .content .c-list__item .c-p--xs {
  margin-top: 1.6rem;
}

/* ステップ
---------------------------------------------------------------------------- */
.c-step-list_item {
  display: flex;
  align-items: center;
  gap: 1.6rem;
  background-color: #fff;
  position: relative;
}
@media screen and (max-width: 767px) {
  .c-step-list_item {
    gap: 0.8rem;
    display: block;
  }
}
.c-step-list_item:nth-child(n+2) {
  margin-top: 5.4rem;
}
.c-step-list_item:nth-child(n+2)::after {
  content: "";
  position: absolute;
  top: -3.5rem;
  left: 50%;
  transform: translateX(-50%);
  width: 2.2rem;
  height: 2.2rem;
  mask-position: center center;
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-image: url(../images/common/arrow_bottom.svg);
  background-color: #00A37A;
}
.c-step-list_item::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 8.8rem;
  width: 1.6rem;
  height: 100%;
  background-color: #ECFAF3;
}
@media screen and (max-width: 767px) {
  .c-step-list_item::before {
    left: 0;
    top: 4rem;
    width: 100%;
    height: 0.8rem;
    transform: translate(0);
  }
}
.c-step-list_item_num {
  width: 8.8rem;
  font-size: 1.6rem;
  color: #00A37A;
  font-weight: 700;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .c-step-list_item_num {
    width: 100%;
    height: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.4rem;
  }
}
.c-step-list_item_content {
  flex: 1;
  padding: 2rem;
}
@media screen and (max-width: 767px) {
  .c-step-list_item_content {
    padding: 1.6rem;
    margin-top: 0.8rem;
  }
}
.c-step-list_item_ttl {
  font-weight: 700;
}
.c-step-list_item_txt {
  margin-top: 1.6rem;
}
@media screen and (max-width: 767px) {
  .c-step-list_item_txt {
    margin-top: 0;
  }
}
.c-step-list_item.-revers {
  background-color: #CBF4DF;
}
.c-step-list.-blue .c-step-list_item::before {
  background-color: #EBF8FF;
}
.c-step-list.-blue .c-step-list_item:nth-child(n+2)::after {
  background-color: #238FC9;
}
.c-step-list.-blue .c-step-list_item_num {
  color: #238FC9;
}
.c-step-list.-yellow .c-step-list_item::before {
  background-color: #FFF9E7;
}
.c-step-list.-yellow .c-step-list_item:nth-child(n+2)::after {
  background-color: #BE8D01;
}
.c-step-list.-yellow .c-step-list_item_num {
  color: #BE8D01;
}
.c-step-list.-blue02 .c-step-list_item {
  background-color: #EBF8FF;
}
.c-step-list.-blue02 .c-step-list_item::before {
  background-color: #fff;
}
.c-step-list.-blue02 .c-step-list_item:nth-child(n+2)::after {
  background-color: #238FC9;
}
.c-step-list.-blue02 .c-step-list_item_num {
  color: #238FC9;
}

/* コンロの選び方
---------------------------------------------------------------------------- */
.p-gas-conro-01 .content {
  margin-top: 6.4rem;
}
@media screen and (max-width: 767px) {
  .p-gas-conro-01 .content {
    margin-top: 4rem;
  }
}
.p-gas-conro-01 .content .flex {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 4.8rem;
}
@media screen and (max-width: 767px) {
  .p-gas-conro-01 .content .flex {
    grid-template-columns: repeat(1, 1fr);
    gap: 2.4rem;
  }
}
.p-gas-conro-01 .content .flex .box {
  padding: 4.8rem 3.2rem;
  background-color: #fff;
  border-radius: 1.5rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-gas-conro-01 .content .flex .box {
    padding: 3.2rem 1.6rem;
  }
}
.p-gas-conro-01 .content .flex .box .size {
  padding-left: 10rem;
  text-align: center;
  font-size: 2rem;
  font-weight: 700;
  color: #C25BCD;
  display: inline-block;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-gas-conro-01 .content .flex .box .size {
    font-size: 1.6rem;
  }
}
.p-gas-conro-01 .content .flex .box .size::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0rem;
  width: 9rem;
  height: 6.5rem;
  background: url(../images/gas-equipment/stove/icon-1.svg) no-repeat center center/contain;
}
.p-gas-conro-01 .content .flex .box .txt {
  margin-top: 3.2rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-gas-conro-01 .content .flex .box .txt {
    text-align: left;
  }
}
.p-gas-conro-01 .content .flex .box .img {
  margin-top: 3.2rem;
}
@media screen and (max-width: 767px) {
  .p-gas-conro-01 .content .flex .box .img {
    margin-top: 2.4rem;
  }
}
.p-gas-conro-01 .content .flex .box .link-box {
  margin-top: 3.2rem;
  display: flex;
  gap: 1.6rem;
  flex-direction: column;
  align-items: flex-start;
}
@media screen and (max-width: 767px) {
  .p-gas-conro-01 .content .flex .box .link-box {
    margin-top: 2.4rem;
  }
}
.p-gas-conro-01 .content .flex .box .link-box .link {
  padding-right: 3rem;
  color: #222;
  font-weight: 700;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-gas-conro-01 .content .flex .box .link-box .link {
    display: inline-block;
  }
}
.p-gas-conro-01 .content .flex .box .link-box .link .c-link-anchor__icon {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

@media screen and (max-width: 767px) {
  .p-gas-conro-02 .c-definition-list {
    margin-top: 4rem;
  }
}
.p-gas-conro-02 .c-definition-list .c-definition-list__head {
  align-items: center;
}
.p-gas-conro-02 .c-definition-list .flex {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}
@media screen and (max-width: 767px) {
  .p-gas-conro-02 .c-definition-list .flex {
    display: block;
  }
  .p-gas-conro-02 .c-definition-list .flex:nth-child(n+2) {
    margin-top: 1.6rem;
  }
}
.p-gas-conro-02 .c-definition-list .flex .img {
  width: 13.6rem;
}
@media screen and (max-width: 767px) {
  .p-gas-conro-02 .c-definition-list .flex .img {
    margin: 0 auto;
  }
}
.p-gas-conro-02 .c-definition-list .flex .c-p {
  flex: 1;
}
@media screen and (max-width: 767px) {
  .p-gas-conro-02 .c-definition-list .flex .c-p {
    margin-top: 0.8rem;
  }
}
.p-gas-conro-02 .c-definition-list .flex .c-p span {
  display: block;
  font-size: 1.2rem;
}

.p-gas-conro-03 .c-p {
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .p-gas-conro-03 .c-p {
    margin-top: 4rem;
  }
}
.p-gas-conro-03 .img-box {
  margin-top: 6.4rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 4.8rem;
}
@media screen and (max-width: 767px) {
  .p-gas-conro-03 .img-box {
    margin-top: 4rem;
    grid-template-columns: repeat(1, 1fr);
    gap: 2.4rem;
  }
}

.p-gas-conro-04 .flex {
  display: flex;
  align-items: center;
  gap: 6.4rem;
}
@media screen and (max-width: 767px) {
  .p-gas-conro-04 .flex {
    margin-top: 4rem;
    display: block;
  }
}
.p-gas-conro-04 .flex .img {
  width: 24rem;
}
@media screen and (max-width: 767px) {
  .p-gas-conro-04 .flex .img {
    margin: 0 auto;
  }
}
.p-gas-conro-04 .flex .c-list {
  flex: 1;
}
@media screen and (max-width: 767px) {
  .p-gas-conro-04 .flex .c-list {
    margin-top: 4rem;
  }
}
.p-gas-conro-04 .flex .c-list .c-list__desc span {
  display: block;
  font-size: 1.2rem;
  margin-top: 2rem;
}

.p-gas-conro-05 .p-payment-debit__featured {
  margin-top: 6.4rem;
}
@media screen and (max-width: 767px) {
  .p-gas-conro-05 .p-payment-debit__featured {
    margin: 4rem 2rem 0;
  }
}
.p-gas-conro-05 .p-payment-debit__featured .c-payment-card {
  background-color: #FCEDFE;
}
.p-gas-conro-05 .p-payment-debit__featured .c-payment-card .c-payment-card__title {
  display: flex;
  align-items: center;
  gap: 2.4rem;
}
.p-gas-conro-05 .p-payment-debit__featured .c-payment-card .c-payment-card__title img {
  width: 8rem;
}
.p-gas-conro-05 .p-payment-debit__featured .c-payment-card .c-payment-card__title img.-l {
  width: 16.5rem;
}
@media screen and (max-width: 767px) {
  .p-gas-conro-05 .p-payment-debit__featured .c-payment-card .c-payment-card__title img.-l {
    width: 9rem;
  }
}
.p-gas-conro-05 .p-payment-debit__featured .c-payment-card .c-payment-card__title img.-ll {
  width: 12rem;
}
@media screen and (max-width: 767px) {
  .p-gas-conro-05 .p-payment-debit__featured .c-payment-card .c-payment-card__title img.-ll {
    width: 8.3rem;
  }
}
.p-gas-conro-05 .p-payment-debit__featured .c-payment-card .heading {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 4.8rem;
}
@media screen and (max-width: 767px) {
  .p-gas-conro-05 .p-payment-debit__featured .c-payment-card .heading {
    grid-template-columns: repeat(1, 1fr);
    gap: 3.2rem;
  }
}
.p-gas-conro-05 .p-payment-debit__featured .c-payment-card .heading .ttl-box .c-secttl02 {
  display: flex;
  align-items: center;
  gap: 2.4rem;
}
.p-gas-conro-05 .p-payment-debit__featured .c-payment-card .heading .ttl-box .c-secttl02 img {
  width: 8rem;
  background-color: #fff;
}
.p-gas-conro-05 .p-payment-debit__featured .c-payment-card .heading .ttl-box .c-secttl02 img.-l {
  width: 16.5rem;
}
.p-gas-conro-05 .p-payment-debit__featured .c-payment-card .heading .ttl-box .c-secttl02 img.-ll {
  width: 12rem;
}
.p-gas-conro-05 .p-payment-debit__featured .c-payment-card .block01 {
  margin-top: 4.8rem;
  display: flex;
}
@media screen and (max-width: 767px) {
  .p-gas-conro-05 .p-payment-debit__featured .c-payment-card .block01 {
    margin-top: 0;
    display: block;
  }
}
.p-gas-conro-05 .p-payment-debit__featured .c-payment-card .block01 .box {
  margin: 0 4.7rem;
  flex: 1;
}
@media screen and (max-width: 767px) {
  .p-gas-conro-05 .p-payment-debit__featured .c-payment-card .block01 .box {
    margin: 0;
    padding: 3.2rem 0;
    border-bottom: 1px solid #C25BCD;
  }
}
.p-gas-conro-05 .p-payment-debit__featured .c-payment-card .block01 .box:first-child {
  margin-left: 0;
}
.p-gas-conro-05 .p-payment-debit__featured .c-payment-card .block01 .box:last-child {
  margin-right: 0;
}
.p-gas-conro-05 .p-payment-debit__featured .c-payment-card .block01 .box:nth-child(n+2) {
  position: relative;
}
.p-gas-conro-05 .p-payment-debit__featured .c-payment-card .block01 .box:nth-child(n+2)::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -4.7rem;
  width: 1px;
  height: 100%;
  background-color: #C25BCD;
}
@media screen and (max-width: 767px) {
  .p-gas-conro-05 .p-payment-debit__featured .c-payment-card .block01 .box:nth-child(n+2)::before {
    content: none;
  }
}
.p-gas-conro-05 .p-payment-debit__featured .c-payment-card .block01 .box .ttl {
  text-align: center;
  color: #AA3BB6;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.3;
}
@media screen and (max-width: 767px) {
  .p-gas-conro-05 .p-payment-debit__featured .c-payment-card .block01 .box .ttl {
    font-size: 1.6rem;
  }
}
.p-gas-conro-05 .p-payment-debit__featured .c-payment-card .block01 .box .img {
  margin-top: 3.2rem;
}
@media screen and (max-width: 767px) {
  .p-gas-conro-05 .p-payment-debit__featured .c-payment-card .block01 .box .img {
    margin-top: 2.4rem;
  }
}
.p-gas-conro-05 .p-payment-debit__featured .c-payment-card .block01 .box .c-p {
  margin-top: 3.2rem;
}
@media screen and (max-width: 767px) {
  .p-gas-conro-05 .p-payment-debit__featured .c-payment-card .block01 .box .c-p {
    margin-top: 2.4rem;
  }
}
.p-gas-conro-05 .p-payment-debit__featured .c-payment-card .block02 {
  margin-top: 4.8rem;
}
.p-gas-conro-05 .p-payment-debit__featured .c-payment-card .block02 .flex {
  display: flex;
  flex-wrap: wrap;
  gap: 4.8rem;
}
@media screen and (max-width: 767px) {
  .p-gas-conro-05 .p-payment-debit__featured .c-payment-card .block02 .flex {
    gap: 2.4rem;
  }
}
.p-gas-conro-05 .p-payment-debit__featured .c-payment-card .block02 .flex .box {
  width: 31rem;
}
@media screen and (max-width: 767px) {
  .p-gas-conro-05 .p-payment-debit__featured .c-payment-card .block02 .flex .box {
    width: 100%;
  }
}
.p-gas-conro-05 .p-payment-debit__featured .c-payment-card .block02 .flex .box .c-p {
  margin-top: 1.6rem;
  text-align: center;
  font-weight: 700;
}
.p-gas-conro-05 .p-payment-debit__featured .c-payment-card .block02 .c-p--xs {
  margin-top: 3.2rem;
}
@media screen and (max-width: 767px) {
  .p-gas-conro-05 .p-payment-debit__featured .c-payment-card .block02 .c-p--xs {
    margin-top: 2.4rem;
  }
}
.p-gas-conro-05 .p-payment-debit__featured .c-payment-card .block03 {
  margin-top: 4.8rem;
}
.p-gas-conro-05 .p-payment-debit__featured .c-payment-card .block03 .c-secttl02 {
  margin-bottom: 3.2rem;
}
.p-gas-conro-05 .p-payment-debit__featured .c-payment-card .block03 .list {
  margin-top: 3.2rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 1.6rem 2.4rem;
}
.p-gas-conro-05 .p-payment-debit__featured .c-payment-card .block03 .list li {
  padding: 0.4rem 2.4rem;
  font-weight: 700;
  background-color: #AA3BB6;
  border-radius: 3rem;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .p-gas-conro-05 .p-payment-debit__featured .c-payment-card .block03 .list li {
    font-size: 1.2rem;
  }
}

/* 太陽光発電システム
---------------------------------------------------------------------------- */
.p-new-energy .c-secttl {
  margin-bottom: 3.2rem;
}

.p-solar-01 .c-secttl {
  margin-bottom: 6.4rem;
}
@media screen and (max-width: 767px) {
  .p-solar-01 .c-secttl {
    margin-bottom: 4rem;
  }
}
.p-solar-01 .flex {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 4.8rem;
}
@media screen and (max-width: 767px) {
  .p-solar-01 .flex {
    grid-template-columns: repeat(1, 1fr);
    gap: 4rem;
  }
}

.p-solar-02 .c-secttl {
  margin-bottom: 6.4rem;
}
@media screen and (max-width: 767px) {
  .p-solar-02 .c-secttl {
    margin-bottom: 4rem;
  }
}
.p-solar-02 .btn {
  margin-top: 6.4rem;
}
@media screen and (max-width: 767px) {
  .p-solar-02 .btn {
    margin-top: 4rem;
  }
}
.p-solar-02 .btn .c-link-button {
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .p-solar-02 .btn .c-link-button {
    font-size: 1.6rem;
  }
}

.p-solar-03 .c-secttl {
  margin-bottom: 6.4rem;
}
@media screen and (max-width: 767px) {
  .p-solar-03 .c-secttl {
    margin-bottom: 4rem;
  }
}
.p-solar-03 .flex {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 4.8rem;
}
@media screen and (max-width: 767px) {
  .p-solar-03 .flex {
    grid-template-columns: repeat(1, 1fr);
    gap: 2.4rem;
  }
}
.p-solar-03 .flex .box {
  padding: 4.8rem 3.2rem;
  background-color: #ECFAF3;
  border-radius: 1.5rem;
}
@media screen and (max-width: 767px) {
  .p-solar-03 .flex .box {
    padding: 3.2rem 1.6rem;
  }
}
.p-solar-03 .flex .box .c-definition-list {
  margin-top: 3.2rem;
}
@media screen and (max-width: 767px) {
  .p-solar-03 .flex .box .c-definition-list {
    margin-top: 2.4rem;
  }
}

.p-solar-04 .flex {
  margin-top: 6.4rem;
  background-color: #fff;
  border-radius: 1.5rem;
  padding: 3.2rem;
  display: flex;
  justify-content: center;
  gap: 3.2rem;
}
@media screen and (max-width: 767px) {
  .p-solar-04 .flex {
    margin-top: 4rem;
    display: block;
    padding: 2.4rem 1.6rem;
  }
}
.p-solar-04 .flex .box {
  width: calc((100% - 3.2rem) / 2);
}
@media screen and (max-width: 767px) {
  .p-solar-04 .flex .box {
    width: 100%;
  }
  .p-solar-04 .flex .box:nth-child(n+2) {
    margin-top: 2.4rem;
  }
}
.p-solar-04 .flex .box .ttl {
  text-align: center;
  color: #00A37A;
  font-size: 2rem;
  border-bottom: 2px dashed #00D19D;
  padding-bottom: 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-solar-04 .flex .box .ttl {
    font-size: 1.6rem;
  }
}
.p-solar-04 .flex .box .txt {
  margin-top: 1.6rem;
}

.p-solar-05 .c-list {
  margin-top: 5rem;
}
@media screen and (max-width: 767px) {
  .p-solar-05 .c-list {
    margin-top: 4rem;
  }
}

.p-solar-06 .c-step-list {
  margin-top: 6.4rem;
}
@media screen and (max-width: 767px) {
  .p-solar-06 .c-step-list {
    margin-top: 4rem;
  }
}
.p-solar-06 .btn {
  margin-top: 6.4rem;
}
@media screen and (max-width: 767px) {
  .p-solar-06 .btn {
    margin-top: 4rem;
  }
}
.p-solar-06 .btn .c-link-button {
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .p-solar-06 .btn .c-link-button {
    font-size: 1.6rem;
  }
}

/* 都市ガスのご利用中止
---------------------------------------------------------------------------- */
.p-gas-stop__content--citygas .c-form--lp {
  background-color: #EBF8FF;
}

/* 口座振替サービスのお申込み
---------------------------------------------------------------------------- */
.p-lp-change-transfer .buttons {
  margin-top: 6.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .p-lp-change-transfer .buttons {
    margin-top: 4rem;
  }
}

/* 給湯器の申込から工事まで
---------------------------------------------------------------------------- */
@media screen and (max-width: 767px) {
  .p-entry .block01 {
    margin-top: 4rem;
  }
}
.p-entry .block01 .list {
  margin: 4.8rem 2.4rem 0;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 4.2rem;
}
@media screen and (max-width: 767px) {
  .p-entry .block01 .list {
    grid-template-columns: repeat(1, 1fr);
    margin: 3.2rem 0 0;
  }
}
.p-entry .block01 .list li {
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 1.5rem;
  color: #AA3BB6;
  font-weight: 700;
  padding: 1.6rem 0;
  text-align: center;
  position: relative;
}
.p-entry .block01 .list li:nth-child(n+2)::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -4.2rem;
  width: 4.1rem;
  height: 2.2rem;
  mask-position: center center;
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-image: url(../images/common/ic-accordion-close-sp.png);
  background-color: #AA3BB6;
  background-size: 4.1rem;
}
@media screen and (max-width: 767px) {
  .p-entry .block01 .list li:nth-child(n+2)::before {
    top: -3.5rem;
    left: 50%;
    transform: translateX(-50%);
  }
}
.p-entry .block02 .img {
  margin-top: 6.4rem;
}
@media screen and (max-width: 767px) {
  .p-entry .block02 .img {
    margin-top: 4rem;
  }
}
@media screen and (max-width: 767px) {
  .p-entry .block03 .c-definition-list .c-definition-list__item:first-child .c-definition-list__head span {
    top: 1.5rem;
  }
}
@media screen and (max-width: 767px) {
  .p-entry .block03 .c-definition-list .c-definition-list__item {
    gap: 1.6rem;
  }
}
.p-entry .block03 .c-definition-list .c-definition-list__head {
  width: 30.6rem;
  padding-left: 4rem;
  color: #222;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-entry .block03 .c-definition-list .c-definition-list__head {
    width: 100%;
  }
}
.p-entry .block03 .c-definition-list .c-definition-list__head span {
  position: absolute;
  left: 0.8rem;
  font-size: 2.4rem;
  color: #AA3BB6;
  font-weight: 700;
  font-family: "DM Sans", "Zen Kaku Gothic Antique", sans-serif;
}
@media screen and (max-width: 767px) {
  .p-entry .block03 .c-definition-list .c-definition-list__head span {
    top: 0;
  }
}
.p-entry .block03 .c-definition-list .c-definition-list__content {
  position: relative;
  padding-left: 4.2rem;
}
.p-entry .block03 .c-definition-list .c-definition-list__content .a {
  position: absolute;
  left: 0.8rem;
  font-size: 2.4rem;
  color: #AA3BB6;
  font-weight: 700;
  font-family: "DM Sans", "Zen Kaku Gothic Antique", sans-serif;
}
@media screen and (max-width: 767px) {
  .p-entry .block03 .c-definition-list .c-definition-list__content .a {
    top: 0;
  }
}
.p-entry .block03 .c-definition-list .c-definition-list__content .c-p.-l {
  color: #AA3BB6;
  font-weight: 700;
}
.p-entry .block03 .c-definition-list .c-definition-list__content .c-p--xs {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .p-entry .block03 .c-definition-list .c-definition-list__content .c-p--xs {
    margin-top: 1rem;
  }
}

/* 流れ
---------------------------------------------------------------------------- */
.c-flow {
  position: relative;
  border-left: 1px solid #AA3BB6;
}
.c-flow .item {
  padding: 3.2rem 0 3.2rem 3.2rem;
  display: flex;
}
@media screen and (max-width: 767px) {
  .c-flow .item {
    padding: 1.2rem 0 1.2rem 3.2rem;
    display: block;
  }
}
.c-flow .item dt {
  width: 8.5rem;
  font-weight: 700;
  color: #AA3BB6;
  position: relative;
}
@media screen and (max-width: 767px) {
  .c-flow .item dt {
    width: 100%;
  }
}
.c-flow .item dt::before {
  content: "";
  position: absolute;
  top: 0.8rem;
  left: -3.8rem;
  width: 1rem;
  height: 1rem;
  background-color: #AA3BB6;
  border-radius: 50%;
}
.c-flow .item dd {
  flex: 1;
}
@media screen and (max-width: 767px) {
  .c-flow .item dd {
    margin-top: 0.8rem;
  }
}
.c-flow .item dd.flex {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 6.4rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .c-flow .item dd.flex {
    grid-template-columns: repeat(1, 1fr);
    gap: 0;
  }
  .c-flow .item dd.flex .box:nth-child(n+2) {
    margin-top: 1.6rem;
    padding-top: 1.6rem;
    border-top: 1px solid #AA3BB6;
  }
}
.c-flow .item dd.flex::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
  width: 1px;
  height: 100%;
  background-color: #AA3BB6;
}
@media screen and (max-width: 767px) {
  .c-flow .item dd.flex::before {
    content: none;
  }
}
.c-flow .item dd .box.mt {
  margin-top: 6.4rem;
}
@media screen and (max-width: 767px) {
  .c-flow .item dd .box.mt {
    margin-top: 1.6rem;
    padding-top: 1.6rem;
    border-top: 1px solid #AA3BB6;
  }
}
.c-flow .item dd .box .c-p:nth-child(n+2) {
  margin-top: 1.3rem;
}
@media screen and (max-width: 767px) {
  .c-flow .item dd .box .c-p:nth-child(n+2) {
    margin-top: 0.8rem;
  }
}
.c-flow.-blue {
  border-left: 1px solid #238FC9;
}
.c-flow.-blue dt::before {
  background-color: #238FC9;
}
.c-flow.-nodt .item {
  display: block;
}
.c-flow.-nodt .item dt {
  color: #222;
  width: 100%;
}
.c-flow.-nodt .item dd {
  margin-top: 0.5rem;
}

/* クレジットカード申込みフォーム
---------------------------------------------------------------------------- */
.p-change-res-card-new .c-form__bottom {
  padding-bottom: 0;
}
.p-change-res-card-new .btn-box {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12rem;
}
@media screen and (max-width: 767px) {
  .p-change-res-card-new .btn-box {
    gap: 4rem;
    flex-direction: column-reverse;
  }
  .p-change-res-card-new .btn-box .c-link-button.js-form-open {
    padding-top: 1.3rem;
  }
}
.p-change-res-card-new .js-form-content {
  display: none;
}
.p-change-res-card-new .js-form-content.is-active {
  display: block;
}
.p-change-res-card-new .js-form-content .c-container:first-child .c-p {
  margin-top: 6.4rem;
  margin-bottom: 6.4rem;
}
@media screen and (max-width: 767px) {
  .p-change-res-card-new .js-form-content .c-container:first-child .c-p {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
}
.p-change-res-card-new .post {
  align-items: center;
}
@media (max-width: 1199.98px) {
  .p-change-res-card-new .post {
    flex-direction: row;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .p-change-res-card-new .-address .c-form-label {
    min-width: 5.6rem;
  }
  .p-change-res-card-new .-address input {
    flex: 1;
  }
}
.p-change-res-card-new .c-form-control--sm.-ss {
  width: 17rem;
}
@media screen and (max-width: 767px) {
  .p-change-res-card-new .c-form-control--sm.-ss {
    width: 10rem;
  }
}
.p-change-res-card-new .tel .c-form-control--sm {
  width: 14.55rem;
}
@media screen and (max-width: 767px) {
  .p-change-res-card-new .tel .c-form-control--sm {
    width: calc((100% - 3rem) / 3);
  }
}

/* お問い合わせ
---------------------------------------------------------------------------- */
.p-contact-thanks .btn-box {
  margin-top: 6.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.confirm_area {
  display: none;
}
.confirm_area .c-form-group-inline.-address, .confirm_area .c-form-group-inline.-name-holder-other {
  display: block;
}
.confirm_area .c-form-inline {
  justify-content: flex-start;
  align-items: center;
}
.confirm_area .c-form-inline.-date {
  align-items: center;
}

.p-contact-heading .flex {
  display: flex;
  align-items: center;
  gap: 4.8rem;
}
@media screen and (max-width: 767px) {
  .p-contact-heading .flex {
    justify-content: center;
    gap: 2.4rem;
    flex-direction: column;
  }
}
.p-contact-heading .flex .c-secttl02 {
  margin-bottom: 0;
}
.p-contact-heading .flex .p-news-cat__filter {
  width: 25rem;
}

.p-contact .btn-box {
  margin: 6.4rem 4rem 0;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 3.2rem 12rem;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  .p-contact .btn-box {
    margin-top: 4rem;
    gap: 1.6rem 7rem;
  }
}
.p-contact .btn-box .c-link-button {
  width: 37rem;
}
.p-contact .tel-box {
  margin-top: 6.4rem;
}
@media screen and (max-width: 767px) {
  .p-contact .tel-box {
    margin-top: 4rem;
  }
}
.p-contact .c-list.mt {
  margin-top: 6.4rem;
}
@media screen and (max-width: 767px) {
  .p-contact .c-list.mt {
    margin-top: 3.2rem;
  }
}

.c-list.-tel .c-list__item:nth-child(n+2) {
  margin-top: 4.8rem;
}
@media screen and (max-width: 767px) {
  .c-list.-tel .c-list__item:nth-child(n+2) {
    margin-top: 3.2rem;
  }
}
.c-list__content {
  margin-top: 1.6rem;
  padding-left: 2.8rem;
}
.c-list__content .c-p--xs {
  margin-top: 2rem;
}
@media screen and (max-width: 767px) {
  .c-list__content .c-p--xs {
    margin-top: 1.6rem;
  }
}
@media screen and (max-width: 767px) {
  .c-list__content .c-p {
    margin-top: 0.8rem;
  }
}
.c-list__tel-box {
  display: flex;
  align-items: center;
  gap: 2.4rem;
}
@media screen and (max-width: 767px) {
  .c-list__tel-box {
    display: block;
  }
}
.c-list__tel-box a {
  font-size: 3.8rem;
  font-weight: 700;
  color: #222;
  position: relative;
}
@media screen and (max-width: 767px) {
  .c-list__tel-box a {
    font-size: 2.8rem;
  }
}
.c-list__tel-box a::before {
  content: "";
  position: absolute;
  bottom: -0.7rem;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #222;
}
@media screen and (max-width: 767px) {
  .c-list__tel-box a::before {
    content: none;
  }
}

.p-contact-content .c-container:first-child .c-p {
  margin-top: 6.4rem;
  margin-bottom: 6.4rem;
}
@media screen and (max-width: 767px) {
  .p-contact-content .c-container:first-child .c-p {
    margin-top: 4rem;
  }
}
.p-contact-content .c-container:first-child .c-p a {
  text-decoration: underline;
}
.p-contact-content.p-contact-citygas .btn-box {
  margin: 6.4rem 5rem 0;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 3.2rem 12.8rem;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  .p-contact-content.p-contact-citygas .btn-box {
    gap: 1.6rem 10rem;
    margin: 4.8rem 5rem 4.8rem;
  }
}
.p-contact-content.p-contact-citygas .btn-box .c-link-button {
  min-width: 37rem;
}
@media screen and (max-width: 767px) {
  .p-contact-content.p-contact-citygas .btn-box .c-link-button {
    min-width: 24rem;
  }
}
.p-contact-content.p-contact-citygas .c-container:first-child .c-p {
  margin-top: 0;
  margin-bottom: 0;
}
.p-contact-content.p-gas-stop__content--citygas {
  background-color: #fff;
}
.p-contact-content.p-contact-citygas-02 .c-form__top.c-form.c-form--lp.c-form__top--citygas {
  max-width: 136rem;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .p-contact-content.p-contact-citygas-02 .c-form__top.c-form.c-form--lp.c-form__top--citygas {
    margin-top: 4.8rem;
  }
}

/* 都市ガスの利用について
---------------------------------------------------------------------------- */
.p-gas-fee .c-p--xs {
  margin-top: 1.6rem;
}

/* 都市ガスの利用について
---------------------------------------------------------------------------- */
@media screen and (max-width: 767px) {
  .p-gas-knowledge .block01 {
    margin-top: 4rem;
  }
}
.p-gas-knowledge .block02 .flex {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 4.8rem;
}
@media screen and (max-width: 767px) {
  .p-gas-knowledge .block02 .flex {
    grid-template-columns: repeat(1, 1fr);
    gap: 3.2rem;
  }
}
.p-gas-knowledge .block05 .c-list {
  margin-top: 4.8rem;
  margin-bottom: 6.4rem;
}
@media screen and (max-width: 767px) {
  .p-gas-knowledge .block05 .c-list {
    margin-top: 3.2rem;
    margin-bottom: 3.2rem;
  }
}
.p-gas-knowledge .block05 .c-list .c-step-list {
  margin-top: 6.4rem;
}
@media screen and (max-width: 767px) {
  .p-gas-knowledge .block05 .c-list .c-step-list {
    margin-top: 3.2rem;
  }
}
.p-gas-knowledge .btn-box {
  margin-top: 6.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .p-gas-knowledge .btn-box {
    margin-top: 4rem;
  }
}

/* 緊急時の対応（LPガスのお客様専用）
---------------------------------------------------------------------------- */
.p-lp-emergency .tel-box {
  margin-top: 6.4rem;
}
.p-lp-emergency .tel-box .c-secttl02 {
  margin-top: 6.4rem;
}
.p-lp-emergency .btn-box {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 6.4rem;
}
@media screen and (max-width: 767px) {
  .p-lp-emergency .btn-box {
    margin-top: 4rem;
  }
}

/* 緊急時の対応（都市ガスのお客様専用）
---------------------------------------------------------------------------- */
.p-gas-emergency .c-list .c-p.mt {
  margin-top: 4.8rem;
}
@media screen and (max-width: 767px) {
  .p-gas-emergency .c-list .c-p.mt {
    margin-top: 3.2rem;
  }
}
@media screen and (max-width: 767px) {
  .p-gas-emergency .c-icon-grid {
    margin-bottom: 3.2rem;
  }
}
.p-gas-emergency .c-icon-grid .c-link-anchor__icon {
  background-color: #238FC9;
}
.p-gas-emergency .c-bg-pink.-blue#emergency02 {
  background-color: #EFF3D8;
}
.p-gas-emergency .c-bg-pink.-blue#emergency02 .-blue.c-list .c-list__title::before {
  background-color: #459E04;
}
.p-gas-emergency .c-bg-pink.-blue#emergency02 .u-text-color-citygas-main {
  color: #459E04 !important;
}

/* 都市ガス よくある質問
---------------------------------------------------------------------------- */
.p-citygas-faq-content .c-p.mt {
  margin: 6.4rem 0;
}
@media screen and (max-width: 767px) {
  .p-citygas-faq-content .c-p.mt {
    margin: 4rem 0;
  }
}
.p-citygas-faq-content .btn-box {
  margin-top: 6.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12rem;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  .p-citygas-faq-content .btn-box {
    flex-direction: column;
    margin-top: 4rem;
    gap: 1.6rem;
  }
}
@media screen and (max-width: 767px) {
  .p-citygas-faq-content .btn-box .c-link-button.-sp-full {
    width: 27.8rem;
  }
}

/* 保安点検の申込
---------------------------------------------------------------------------- */
.p-lp-lawinspection .img {
  margin: 6.4rem auto 0;
  max-width: 76.5rem;
}
@media screen and (max-width: 767px) {
  .p-lp-lawinspection .img {
    margin-top: 4rem;
  }
}

/* お問い合わせフォーム 色変更
---------------------------------------------------------------------------- */
.c-form {
  display: block;
}
.c-form.confirm_area {
  display: none;
}
.c-form .c-form-row {
  margin-top: 4.8rem;
}
@media screen and (max-width: 767px) {
  .c-form .c-form-row {
    margin-top: 4rem;
  }
}
.c-form .wpcf7-not-valid-tip {
  display: none;
}
.c-form.is-show .wpcf7-not-valid-tip {
  display: block;
}

.c-form--lp {
  padding: 2rem 0 5.4rem;
}

@media screen and (max-width: 767px) {
  .c-form-group__btn .c-link-button-outline, .c-form-group__btn .c-button {
    width: 34rem !important;
  }
}
.c-form-group__btn .c-button {
  background-color: #DB0917;
  color: #fff;
}
@media screen and (min-width: 768px) {
  .c-form-group__btn .c-button:hover {
    color: #DB0917;
    background-color: #fff;
  }
}
.c-form-group__btn .c-button.c-button--blank {
  background-color: #fff;
  color: #DB0917;
  padding: 0;
  margin-bottom: 5rem;
}
@media screen and (max-width: 767px) {
  .c-form-group__btn .c-button.c-button--blank {
    margin-bottom: 3rem;
    height: auto;
    line-height: auto;
  }
}
.c-form-group__btn .c-button.c-button--blank::after {
  background: url(../images/common/ic_external_link_red.svg) 50% 50% no-repeat;
  background-size: 99%;
}
@media screen and (min-width: 768px) {
  .c-form-group__btn .c-button.c-button--blank:hover {
    color: #fff;
    background-color: #DB0917;
  }
  .c-form-group__btn .c-button.c-button--blank:hover::after {
    background: url(../images/common/ic_external_link_w.svg) 50% 50% no-repeat;
    background-size: 99%;
  }
  .c-form-group__btn .c-button.c-button--blank:hover input {
    color: #fff;
  }
}
.c-form-group__btn .c-button.c-button--blank input {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: #DB0917;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .c-form-group__btn .c-button.c-button--blank input {
    padding: 0.5rem 6rem;
    white-space: normal;
    line-height: 1.5;
  }
}
.c-form-group__btn .c-button.c-button--blank .wpcf7-spinner {
  display: none;
}

.c-form__bottom {
  display: flex;
  justify-content: center;
}
.c-form__bottom.confirm_area {
  display: none;
}

.c-form__top.c-form.c-form--lp.c-form__top--citygas {
  padding-left: 2rem;
  padding-right: 2rem;
}
.c-form__top.c-form.c-form--lp.c-form__top--citygas .c-form-label.u-black {
  color: #222 !important;
}
.c-form__top.c-form.c-form--lp.c-form__top--citygas.--white {
  background-color: #fff;
}
.c-form__top.c-form.c-form--lp.c-form__top--citygas.--white .c-form-control {
  background-color: #FAF2F2;
}
.c-form__top.c-form.c-form--lp.c-form__top--citygas.--blue {
  background-color: #fff;
}
.c-form__top.c-form.c-form--lp.c-form__top--citygas.--blue .c-form-control {
  background-color: #EBF8FF;
}
.c-form__top.c-form.c-form--lp.c-form__top--citygas.--blue .c-form-row__label .c-form-label {
  color: #238FC9;
}
.c-form__top.c-form.c-form--lp.c-form__top--citygas.--blue .wpcf7-radio .wpcf7-list-item label .wpcf7-list-item-label::before {
  background-color: #00649A;
}
.c-form__top.c-form.c-form--lp.c-form__top--citygas.--blue .wpcf7-radio .wpcf7-list-item label input[type=radio] {
  border: 1px solid #00649A;
}
.c-form__top.c-form.c-form--lp.c-form__top--citygas.--blue .c-form-group.-arrow .wpcf7-form-control-wrap::before {
  background-color: #238FC9;
}
.c-form__top.c-form.c-form--lp.c-form__top--citygas.--blue .-register-card-check .wpcf7-checkbox .wpcf7-list-item-label {
  color: #238FC9;
}
.c-form__top.c-form.c-form--lp.c-form__top--citygas.--blue02 {
  background-color: #fff;
}
.c-form__top.c-form.c-form--lp.c-form__top--citygas.--blue02 .c-form-control {
  background-color: #EEFAFB;
}
.c-form__top.c-form.c-form--lp.c-form__top--citygas.--blue02 .c-form-row__label .c-form-label {
  color: #029CB0;
}
.c-form__top.c-form.c-form--lp.c-form__top--citygas.--blue02 .wpcf7-radio .wpcf7-list-item label .wpcf7-list-item-label::before {
  background-color: #029CB0;
}
.c-form__top.c-form.c-form--lp.c-form__top--citygas.--blue02 .wpcf7-radio .wpcf7-list-item label input[type=radio] {
  border: 1px solid #029CB0;
}
.c-form__top.c-form.c-form--lp.c-form__top--citygas.--blue02 .c-form-group.-arrow .wpcf7-form-control-wrap::before {
  background-color: #029CB0;
}
.c-form__top.c-form.c-form--lp.c-form__top--citygas.--purple {
  background-color: #fff;
}
.c-form__top.c-form.c-form--lp.c-form__top--citygas.--purple .c-form-group.-arrow .wpcf7-form-control-wrap::before {
  background-color: #C25BCD;
}
.c-form__top.c-form.c-form--lp.c-form__top--citygas.--purple .c-form-control {
  background-color: #FCEDFE;
}
.c-form__top.c-form.c-form--lp.c-form__top--citygas.--purple .c-form-row__label .c-form-label {
  color: #C25BCD;
}
.c-form__top.c-form.c-form--lp.c-form__top--citygas.--purple .wpcf7-radio .wpcf7-list-item label .wpcf7-list-item-label::before {
  background-color: #AA3BB6;
}
.c-form__top.c-form.c-form--lp.c-form__top--citygas.--purple .wpcf7-radio .wpcf7-list-item label input[type=radio] {
  border: 1px solid #AA3BB6;
}
.c-form__top.c-form.c-form--lp.c-form__top--citygas.--purple .file {
  margin-top: 1.6rem;
  width: 39rem;
  height: 4.6rem;
  background-color: #FCEDFE;
  border-radius: 2.4rem;
  padding-left: 6.8rem;
  display: flex;
  align-items: center;
  position: relative;
}
@media screen and (max-width: 767px) {
  .c-form__top.c-form.c-form--lp.c-form__top--citygas.--purple .file {
    width: 100%;
  }
}
.c-form__top.c-form.c-form--lp.c-form__top--citygas.--purple .file::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 3.6rem;
  width: 1.6rem;
  height: 1.6rem;
  background: url(../images/common/icon_file.svg) no-repeat center center/contain;
}
.c-form__top.c-form.c-form--lp.c-form__top--citygas.--purple .file .wpcf7-form-control-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  opacity: 0;
}
.c-form__top.c-form.c-form--lp.c-form__top--citygas.--purple .file .wpcf7-form-control-wrap input {
  width: 100%;
  height: 100%;
  display: block;
}
.c-form__top.c-form.c-form--lp.c-form__top--citygas.--green {
  background-color: #fff;
}
.c-form__top.c-form.c-form--lp.c-form__top--citygas.--green .c-form-group.-arrow .wpcf7-form-control-wrap::before {
  background-color: #00A37A;
}
.c-form__top.c-form.c-form--lp.c-form__top--citygas.--green .c-form-control {
  background-color: #ECFAF3;
}
.c-form__top.c-form.c-form--lp.c-form__top--citygas.--green .c-form-row__label .c-form-label {
  color: #00A37A;
}
.c-form__top.c-form.c-form--lp.c-form__top--citygas.--green .wpcf7-radio .wpcf7-list-item label .wpcf7-list-item-label::before {
  background-color: #00A37A;
}
.c-form__top.c-form.c-form--lp.c-form__top--citygas.--green .wpcf7-radio .wpcf7-list-item label input[type=radio] {
  border: 1px solid #00A37A;
}
.c-form__top.c-form.c-form--lp.c-form__top--citygas.--green .c-form-group.-s .c-form-row__description {
  margin-bottom: 1.6rem;
}
.c-form__top.c-form.c-form--lp.c-form__top--citygas.--green .c-form-control--xs {
  width: 22rem;
}
.c-form__top.c-form.c-form--lp.c-form__top--citygas.--green .c-form-group.-maker {
  display: flex;
  align-items: center;
  gap: 4.8rem;
}
@media screen and (max-width: 1023px) {
  .c-form__top.c-form.c-form--lp.c-form__top--citygas.--green .c-form-group.-maker {
    flex-direction: column;
    align-items: flex-start;
    gap: 1.6rem;
  }
  .c-form__top.c-form.c-form--lp.c-form__top--citygas.--green .c-form-group.-maker:nth-child(n+2) {
    margin-top: 2rem;
  }
}
.c-form__top.c-form.c-form--lp.c-form__top--citygas.--green .c-form-group.-maker .ttl {
  width: 8rem;
}
@media screen and (max-width: 767px) {
  .c-form__top.c-form.c-form--lp.c-form__top--citygas.--green .c-form-group.-maker .ttl {
    width: 100%;
  }
}
.c-form__top.c-form.c-form--lp.c-form__top--citygas.--green .c-form-group.-maker .wpcf7-form-control-wrap {
  margin-left: 1.6rem;
}
.c-form__top.c-form.c-form--lp.c-form__top--citygas.--green .c-form-group.-maker .num03 {
  display: flex;
  align-items: center;
}
.c-form__top.c-form.c-form--lp.c-form__top--citygas .c-form-check-group.-column .wpcf7-checkbox, .c-form__top.c-form.c-form--lp.c-form__top--citygas .c-form-check-group.-column .wpcf7-radio {
  flex-direction: column;
  gap: 1.6rem;
}

.c-form__bottom.-transparent {
  background-color: transparent;
}

.c-form-group__btn.--blue .c-button {
  background-color: #00649A;
  border: 2px solid #00649A;
}
.c-form-group__btn.--blue .c-button:hover {
  color: #00649A;
  background-color: #fff;
}
.c-form-group__btn.--blue02 .c-button {
  background-color: #029CB0;
  border: 2px solid #029CB0;
}
.c-form-group__btn.--blue02 .c-button:hover {
  color: #029CB0;
  background-color: #fff;
}
.c-form-group__btn.--purple .c-button {
  background-color: #AA3BB6;
  border: 2px solid #AA3BB6;
}
.c-form-group__btn.--purple .c-button:hover {
  color: #AA3BB6;
  background-color: #fff;
}
.c-form-group__btn.--green .c-button {
  background-color: #00A37A;
  border: 2px solid #00A37A;
}
.c-form-group__btn.--green .c-button:hover {
  color: #00A37A;
  background-color: #fff;
}

.c-link-button-outline.--blue {
  border: 2px solid #00649A;
  color: #00649A;
}
.c-link-button-outline.--blue:hover {
  color: #fff;
  background-color: #00649A;
}

@media screen and (max-width: 767px) {
  .confirm_area .c-form-group-inline {
    flex-direction: row;
  }
}
.confirm_area .c-link-button-outline {
  border: 2px solid #DB0917;
  color: #DB0917;
  cursor: pointer;
}
.confirm_area .c-link-button-outline:hover {
  background-color: #DB0917;
  color: #fff;
}
.confirm_area .c-link-button-outline.--blue {
  border: 2px solid #00649A;
  color: #00649A;
}
.confirm_area .c-link-button-outline.--blue:hover {
  color: #fff;
  background-color: #00649A;
}
.confirm_area .c-link-button-outline.--blue02 {
  border: 2px solid #029CB0;
  color: #029CB0;
}
.confirm_area .c-link-button-outline.--blue02:hover {
  color: #fff;
  background-color: #029CB0;
}
.confirm_area .c-link-button-outline.--purple {
  border: 2px solid #AA3BB6;
  color: #AA3BB6;
}
.confirm_area .c-link-button-outline.--purple:hover {
  color: #fff;
  background-color: #AA3BB6;
}
.confirm_area .c-link-button-outline.--green {
  border: 2px solid #00A37A;
  color: #00A37A;
}
.confirm_area .c-link-button-outline.--green:hover {
  color: #fff;
  background-color: #00A37A;
}

.p-change-res-card-new__box.c-form-group {
  margin: 4.8rem 0;
}
@media screen and (max-width: 767px) {
  .p-change-res-card-new__box.c-form-group {
    margin: 4rem 0;
  }
}

.-register-card-check .wpcf7-checkbox {
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .-register-card-check .wpcf7-checkbox {
    justify-content: flex-start;
  }
}
.-register-card-check .wpcf7-checkbox .wpcf7-list-item input[type=checkbox] {
  border: 1px solid #222;
}
.-register-card-check .wpcf7-checkbox .wpcf7-list-item input[type=checkbox]:checked {
  border: 3px solid #222;
}
.-register-card-check .wpcf7-checkbox .wpcf7-list-item-label {
  font-weight: 700;
  color: #FA5A4B;
}

.p-contact-lp-heading {
  max-width: 116rem;
  margin: 0 auto;
  padding-left: 2rem;
  padding-right: 2rem;
}
@media screen and (max-width: 767px) {
  .p-contact-lp-heading {
    padding-left: 0;
    padding-right: 0;
  }
}

.c-form--lp {
  padding-left: 2rem;
  padding-right: 2rem;
}

.c-form, .c-form__top {
  margin-top: 6.4rem;
}

.c-form-label.u-black {
  color: #222;
}

.c-form-group .c-form-check-group.-name-holder .wpcf7-list-item.last {
  width: 100%;
}
.c-form-group .c-form-check-group .wpcf7-checkbox .wpcf7-list-item {
  position: relative;
}
.c-form-group .c-form-check-group .wpcf7-checkbox .wpcf7-list-item label {
  display: flex;
  gap: 10px;
}
.c-form-group .c-form-check-group .wpcf7-checkbox .wpcf7-list-item label input[type=checkbox] {
  margin-top: 3px;
  width: 2.2rem;
  height: 2.2rem;
  border: 1px solid #222222;
}
.c-form-group .c-form-check-group .wpcf7-checkbox .wpcf7-list-item label input[type=checkbox]:checked + .wpcf7-list-item-label::before {
  opacity: 1;
}
.c-form-group .c-form-check-group .wpcf7-checkbox .wpcf7-list-item label .wpcf7-list-item-label {
  display: block;
  flex: 1;
}
.c-form-group .c-form-check-group .wpcf7-checkbox .wpcf7-list-item label .wpcf7-list-item-label::before {
  content: "";
  position: absolute;
  top: 0.9rem;
  left: 0.4rem;
  width: 1.4rem;
  height: 1rem;
  opacity: 0;
  background: url(../images/common/icon_check.svg) no-repeat center center/contain;
}
@media screen and (max-width: 767px) {
  .c-form-group.-address .c-form-label {
    width: 5.6rem;
  }
}
.c-form-group.-check .c-form-check-group:nth-child(n+2) {
  margin-top: 1.6rem;
}
.c-form-group.-name-holder-other {
  padding-left: 3rem;
}
.c-form-group.-arrow .wpcf7-form-control-wrap {
  position: relative;
  width: max-content;
}
@media screen and (max-width: 767px) {
  .c-form-group.-arrow .wpcf7-form-control-wrap {
    flex: none;
  }
}
.c-form-group.-arrow .wpcf7-form-control-wrap::before {
  content: "";
  position: absolute;
  top: 2rem;
  left: 15rem;
  width: 1.2rem;
  height: 0.6rem;
  z-index: 2;
  mask-position: center center;
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-image: url(../images/common/contact_arrow.svg);
  background-color: #FA5A4B;
}
.c-form-group .c-form-control--arrow {
  width: 17.8rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
}
.c-form-group .c-form-control--arrow::-webkit-calendar-picker-indicator {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.c-form-group .c-form-control--arrow::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.c-form-group .c-form-control--arrow::-webkit-clear-button {
  -webkit-appearance: none;
}
.c-form-group.-date {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .c-form-group.-date.-sp-column {
    flex-direction: column;
  }
}
.c-form-group.-date .c-form-label {
  width: 8.2rem;
}
.c-form-group.-date .c-form-label.-l {
  width: 23rem;
}
.c-form-group.-date.-center {
  align-items: center;
}
@media screen and (max-width: 767px) {
  .c-form-group.-date.-center {
    display: block;
  }
}
.c-form-group.-date.-center .wpcf7-form-control-wrap {
  margin-right: 3.2rem;
}
.c-form-group.-date.-center .c-form-content-box {
  gap: 1.6rem;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .c-form-group.-date.-center .c-form-content-box {
    display: block;
  }
}
.c-form-group.-date.-center .c-form-content-box div {
  gap: 1.6rem;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .c-form-group.-date.-center .c-form-content-box div:nth-child(n+2) {
    margin-top: 1.6rem;
  }
}
.c-form-group .c-form-inline.-input-flex .wpcf7-not-valid-tip {
  width: auto;
}
@media screen and (max-width: 767px) {
  .c-form-group .c-form-inline.-input-flex .wpcf7-not-valid-tip {
    width: 100%;
  }
}
.c-form-group .c-form-inline.-input-flex.-s input {
  width: 37rem;
}
@media (max-width: 1199.98px) {
  .c-form-group .c-form-inline.-input-flex.-s input {
    width: 100%;
  }
}
.c-form-group .c-form-inline.-input-flex input {
  width: 39rem;
}
@media (max-width: 1199.98px) {
  .c-form-group .c-form-inline.-input-flex input {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .c-form-group .c-form-inline.-input-flex input {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .c-form__bottom {
    padding-bottom: 0;
  }
}

.c-form-row__description.u-main a {
  color: #FA5A4B;
  text-decoration: underline;
}

@media screen and (max-width: 767px) {
  .p-gas-stop__content--citygas .c-form-group__btn .c-link-button-outline, .p-gas-stop__content--citygas .c-form-group__btn .c-button {
    width: 34rem !important;
  }
}
.p-gas-stop__content--citygas .c-form-group__btn .c-button {
  background-color: #00649A;
  color: #fff;
  border: 2px solid #00649A;
}
@media screen and (min-width: 768px) {
  .p-gas-stop__content--citygas .c-form-group__btn .c-button:hover {
    color: #00649A;
    background-color: #fff;
  }
}
.p-gas-stop__content--citygas .c-form-group.-arrow .wpcf7-form-control-wrap::before {
  background-color: #00649A;
}

.c-form-row__description.-s {
  font-size: 1.4rem;
}
@media screen and (max-width: 767px) {
  .c-form-row__description.-s {
    font-size: 1.2rem;
  }
}

.p-news-cat__filter-active {
  line-height: 1.3;
}

.c-form-check-group.-auto-lock {
  margin-top: 2rem;
}

.c-form-check-group.-auto-lock .wpcf7-radio .wpcf7-list-item label input[type=radio] {
  width: 2.2rem;
  height: 2.2rem;
  margin-right: 1.3rem;
  border: 1px solid #222222;
  border-radius: 0;
}

.c-form-check-group.-auto-lock .wpcf7-radio .wpcf7-list-item label input[type=radio]:checked {
  border: 3px solid #222222;
}

.c-form-check-group.-auto-lock .wpcf7-radio .wpcf7-list-item label input[type=radio]:checked + .wpcf7-list-item-label::before {
  opacity: 0;
}

@media screen and (max-width: 767px) {
  .p-gas-stop .c-container--lg {
    padding: 0 2rem;
  }
  .p-gas-stop .c-container--lg .p-gas-stop__header .c-container {
    padding: 0;
  }
}

/* お支払い方法の変更
---------------------------------------------------------------------------- */
@media screen and (max-width: 767px) {
  .p-citygas-change .c-container--lg {
    padding: 0;
  }
}
.p-citygas-change .c-p {
  margin-top: 2.4rem;
}
.p-citygas-change .c-payment-type__grid {
  align-items: flex-start;
}
@media screen and (max-width: 767px) {
  .p-citygas-change .c-payment-type__grid {
    margin-top: 4rem;
    display: flex;
    gap: 1.6rem;
    flex-wrap: wrap;
  }
  .p-citygas-change .c-payment-type__grid .c-card-07 {
    width: 16.6rem;
  }
}

@media screen and (max-width: 767px) {
  .p-citygas-change__payment .c-payment-title__thumb {
    width: 4rem;
  }
}
@media screen and (max-width: 767px) {
  .p-citygas-change__payment .c-form__top.c-form.c-form--lp.c-form__top--citygas {
    padding-left: 4rem;
    padding-right: 4rem;
  }
}
.p-citygas-change__payment #payment-form {
  padding-bottom: 0;
}
.p-citygas-change__payment #payment-form .c-form__bottom .c-form-row.c-form-row--full {
  margin-bottom: 0;
}
.p-citygas-change__payment .p-citygas-change__subtitle {
  margin-bottom: 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-citygas-change__payment .p-citygas-change__subtitle {
    margin-bottom: 4rem;
  }
}
.p-citygas-change__payment .img {
  margin-top: 6.4rem;
}
@media screen and (max-width: 767px) {
  .p-citygas-change__payment .img {
    margin-top: 4rem;
  }
}

/* 都市ガスの新規お申込み
---------------------------------------------------------------------------- */
.p-citygas-start .content {
  background-color: #EBF8FF;
  padding: 4.8rem 3.2rem;
  border-radius: 1.5rem;
}
@media screen and (max-width: 767px) {
  .p-citygas-start .content {
    padding: 3.2rem 1.6rem;
  }
}
.p-citygas-start .content .ttl {
  text-align: center;
  color: #238FC9;
  font-weight: 700;
  font-size: 2rem;
}
.p-citygas-start .content .c-p {
  margin-top: 1.6rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-citygas-start .content .c-p {
    text-align: left;
  }
}
.p-citygas-start .content .list {
  margin-top: 3.2rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 7.8rem;
}
@media screen and (max-width: 767px) {
  .p-citygas-start .content .list {
    grid-template-columns: repeat(1, 1fr);
    gap: 0;
  }
}
.p-citygas-start .content .list_item {
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-citygas-start .content .list_item:nth-child(n+2) {
    margin-top: 3.2rem;
    padding-top: 3.2rem;
    border-top: 1px solid #238FC9;
  }
}
.p-citygas-start .content .list_item:nth-child(n+2)::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -3.9rem;
  width: 1px;
  height: 100%;
  background-color: #238FC9;
}
@media screen and (max-width: 767px) {
  .p-citygas-start .content .list_item:nth-child(n+2)::before {
    content: none;
  }
}
.p-citygas-start .content .list_item_img {
  text-align: center;
}
.p-citygas-start .content .list_item_ttl {
  margin-top: 3.2rem;
  text-align: center;
  font-size: 2rem;
  color: #238FC9;
}
@media screen and (max-width: 767px) {
  .p-citygas-start .content .list_item_ttl {
    margin-top: 2.4rem;
  }
}
.p-citygas-start .content .list_item_txt {
  margin-top: 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-citygas-start .content .list_item_txt {
    text-align: center;
  }
}
.p-citygas-start .content .list_item_txt span {
  color: #00649A;
}
.p-citygas-start .tab-list {
  margin-top: 6.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4.8rem;
}
@media screen and (max-width: 767px) {
  .p-citygas-start .tab-list {
    gap: 2.4rem;
    margin-top: 4rem;
  }
}
.p-citygas-start .tab-list li {
  font-size: 2rem;
  font-weight: 700;
  padding-left: 3rem;
  position: relative;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .p-citygas-start .tab-list li {
    font-size: 1.6rem;
  }
}
.p-citygas-start .tab-list li::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 2.2rem;
  height: 2.2rem;
  border: 1px solid #238FC9;
  border-radius: 50%;
}
.p-citygas-start .tab-list li::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0.4rem;
  width: 1.4rem;
  height: 1.4rem;
  background-color: #238FC9;
  border-radius: 50%;
  opacity: 0;
}
.p-citygas-start .tab-list li.is-active::after {
  opacity: 1;
}
.p-citygas-start .btn-box {
  margin-top: 6.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .p-citygas-start .btn-box {
    margin-top: 4rem;
  }
}
.p-citygas-start .btn-box .c-button {
  width: 32rem;
  min-width: 32rem;
}

.js-tab-content.citygas-start {
  display: block;
}
.js-tab-content.citygas-start > .p-citygas-start02 {
  display: none;
}
.js-tab-content.citygas-start > .p-citygas-start02.is-active {
  display: block;
}

.p-citygas-start02 .c-payment-type__grid {
  margin-top: 6.4rem;
}
@media screen and (max-width: 767px) {
  .p-citygas-start02 .c-payment-type__grid {
    margin-top: 4rem;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
.p-citygas-start02 .c-payment-type__grid .c-card-07__catch {
  width: 24.4rem;
  height: 24.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background-color: #238FC9;
  text-align: center;
  color: #fff;
  line-height: 1.6;
  border-radius: 1.5rem;
}
@media screen and (max-width: 767px) {
  .p-citygas-start02 .c-payment-type__grid .c-card-07__catch {
    width: 16.6rem;
    height: 16.6rem;
  }
}
.p-citygas-start02 .c-payment-type__grid .c-card-07__catch .-l {
  font-size: 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-citygas-start02 .c-payment-type__grid .c-card-07__catch .-l {
    font-size: 2rem;
  }
}
.p-citygas-start02 .c-payment-type__grid .c-card-07__catch .-ll {
  font-size: 3.4rem;
}
@media screen and (max-width: 767px) {
  .p-citygas-start02 .c-payment-type__grid .c-card-07__catch .-ll {
    font-size: 2rem;
  }
}
.p-citygas-start02 .c-payment-type__grid .c-card-07__catch .-lll {
  font-size: 4.8rem;
}
@media screen and (max-width: 767px) {
  .p-citygas-start02 .c-payment-type__grid .c-card-07__catch .-lll {
    font-size: 3.6rem;
  }
}
.p-citygas-start02 .catch {
  background-color: #EBF8FF;
  border-radius: 1.5rem;
  padding: 2rem;
  font-size: 2rem;
  text-align: center;
  font-weight: 700;
  line-height: 1.4;
}
.p-citygas-start02 .catch span {
  color: #238FC9;
}
@media screen and (max-width: 767px) {
  .p-citygas-start02 .c-bg-pink {
    margin-top: 4rem;
  }
}
.p-citygas-start02 .block01 .c-list-dot {
  margin-top: 4.8rem;
}
@media screen and (max-width: 767px) {
  .p-citygas-start02 .block01 .c-list-dot {
    margin-top: 3.2rem;
  }
}
.p-citygas-start02 .block01 .img {
  margin-top: 4.8rem;
}
@media screen and (max-width: 767px) {
  .p-citygas-start02 .block01 .img {
    margin-top: 3.2rem;
  }
}
.p-citygas-start02 .block01 .c-p--xs {
  margin-top: 4.8rem;
}
@media screen and (max-width: 767px) {
  .p-citygas-start02 .block01 .c-p--xs {
    margin-top: 3.2rem;
  }
}
.p-citygas-start02 .block02 .c-p {
  margin: 4.8rem 0 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-citygas-start02 .block02 .c-p {
    margin-top: 3.2rem;
  }
}
.p-citygas-start02 .block03 .c-step-list {
  margin-top: 4.8rem;
}
@media screen and (max-width: 767px) {
  .p-citygas-start02 .block03 .c-step-list {
    margin-top: 3.2rem;
  }
}
.p-citygas-start02 .block03 .lead {
  margin-top: 4.8rem;
  text-align: center;
  font-size: 2rem;
  font-weight: 700;
  color: #238FC9;
}
@media screen and (max-width: 767px) {
  .p-citygas-start02 .block03 .lead {
    margin-top: 3.2rem;
  }
}
.p-citygas-start02 .block03 .c-p {
  margin-top: 1.6rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-citygas-start02 .block03 .c-p {
    text-align: left;
  }
}
.p-citygas-start02 .block03 .btn-box {
  margin-top: 6.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .p-citygas-start02 .block03 .btn-box {
    margin-top: 3.2rem;
    text-align: left;
  }
}
.p-citygas-start02 .block03 .btn-box .c-button {
  width: 32rem;
  min-width: 32rem;
}
@media screen and (max-width: 767px) {
  .p-citygas-start02 .block03 .btn-box .c-button {
    min-width: auto;
  }
}
.p-citygas-start02 .block04 {
  margin-top: 6.4rem;
}
@media screen and (max-width: 767px) {
  .p-citygas-start02 .block04 {
    margin-top: 4rem;
  }
}
.p-citygas-start02 .block04 .btn-box {
  margin-top: 6.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 3.2rem 4.8rem;
}
@media screen and (max-width: 767px) {
  .p-citygas-start02 .block04 .btn-box {
    gap: 2.4rem;
    margin-top: 4rem;
  }
}
.p-citygas-start02 .c-p--xs {
  font-size: 1.4rem;
}
@media screen and (max-width: 767px) {
  .p-citygas-start02 .c-p--xs {
    font-size: 1.2rem;
  }
}
.p-citygas-start02.-green.c-section--bg-blue {
  background-color: #EFF3D8;
}
.p-citygas-start02.-green .c-subtitle--citygas {
  color: #459E04;
}
.p-citygas-start02.-green .c-payment-type__grid .c-card-07__catch {
  background-color: #459E04;
}
.p-citygas-start02.-green .c-card-07__title--citygas {
  color: #459E04;
}
.p-citygas-start02.-green .c-card-07__button--citygas {
  background-color: #459E04 !important;
}
.p-citygas-start02.-green .catch {
  background-color: #EFF3D8;
}
.p-citygas-start02.-green .catch span {
  color: #459E04;
}
.p-citygas-start02.-green .c-step-list.-blue02 .c-step-list_item {
  background-color: #EFF3D8;
}
.p-citygas-start02.-green .c-step-list.-blue02 .c-step-list_item_num {
  color: #459E04;
}
.p-citygas-start02.-green .c-step-list.-blue02 .c-step-list_item:nth-child(n+2)::after {
  background-color: #0D8527;
}
.p-citygas-start02.-green .u-blue04 {
  color: #459E04;
}
.p-citygas-start02.-green .block03 .lead {
  color: #459E04;
}
.p-citygas-start02.-green .c-button--blue03 {
  border: 0.2rem solid #0D8527;
  color: #0D8527;
}
.p-citygas-start02.-green .c-button--blank.c-button--blue03::after {
  background: #0D8527;
}
.p-citygas-start02.-green .c-toggle.c-toggle--blue:nth-of-type(1) {
  border-color: #459E04 !important;
}
.p-citygas-start02.-green .c-toggle--blue {
  border-color: #459E04 !important;
}
.p-citygas-start02.-green .c-toggle--blue .c-toggle__head::before {
  mask-position: center center;
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-image: url(../images/common/ic-accordion-close-blue.svg);
  background: #459E04;
}
.p-citygas-start02.-green .c-toggle--blue .c-toggle__head.active::before {
  mask-image: url(../images/common/ic-accordion-open-blue.svg);
}
.p-citygas-start02.-green .c-link-button--citygas {
  background-color: #459E04;
}
.p-citygas-start02.-green .c-button.c-button--blank.c-button--blue03.-pdf::after {
  background: url(../images/common/ic_pdf.svg) no-repeat center center/contain;
}
.p-citygas-start02.-green .c-list-dot--blue ul > li::before {
  background-color: #459E04;
}
.p-citygas-start02.-green .c-button--blue03.c-button--blank.active, .p-citygas-start02.-green .c-button--blue03:hover {
  background-color: #0D8527;
  color: #fff;
}
.p-citygas-start02.-green .c-button--blue03.c-button--blank.active::after, .p-citygas-start02.-green .c-button--blue03:hover::after {
  background-color: #fff;
}

/* スーパーマーケット
---------------------------------------------------------------------------- */
.p-supermarket-01 .c-subtitle {
  margin-bottom: 3.2rem;
}
@media screen and (max-width: 767px) {
  .p-supermarket-01 .c-bg-pink {
    padding: 3.2rem 0;
    margin-top: 4rem;
  }
}
.p-supermarket-01 .flex {
  display: flex;
  gap: 4.8rem;
}
@media screen and (max-width: 767px) {
  .p-supermarket-01 .flex {
    margin-top: 1.6rem;
    display: block;
  }
}
.p-supermarket-01 .flex .img {
  width: 46%;
}
@media screen and (max-width: 767px) {
  .p-supermarket-01 .flex .img {
    width: calc(100% + 4rem);
    margin-left: -2rem;
  }
}
.p-supermarket-01 .flex .txt-box {
  width: 54%;
}
@media screen and (max-width: 767px) {
  .p-supermarket-01 .flex .txt-box {
    width: 100%;
    margin-top: 2.7rem;
  }
}
.p-supermarket-01 .flex .txt-box .line {
  margin-top: 4.3rem;
}
@media screen and (max-width: 767px) {
  .p-supermarket-01 .flex .txt-box .line {
    margin-top: 0;
  }
}
.p-supermarket-01 .btn-box {
  margin-top: 4.8rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 2.4rem 4.8rem;
}
@media screen and (max-width: 767px) {
  .p-supermarket-01 .btn-box {
    margin-top: 3.2rem;
    gap: 1.6rem;
  }
}
.p-supermarket-01 .btn-box .c-button {
  min-width: 34rem;
}
@media screen and (max-width: 767px) {
  .p-supermarket-01 .btn-box .c-button {
    min-width: auto;
    width: 31.8rem;
  }
}
.p-supermarket-01 .c-definition-list {
  margin-top: 4.8rem;
}
@media screen and (max-width: 767px) {
  .p-supermarket-01 .c-definition-list {
    margin-top: 3.2rem;
  }
}

.p-supermarket-02 .link-box {
  margin-top: 6.4rem;
  display: flex;
  justify-content: center;
  gap: 4.8rem;
}
@media screen and (max-width: 767px) {
  .p-supermarket-02 .link-box {
    gap: 1.6rem;
  }
}
.p-supermarket-02 .link-box .box {
  width: 24.4rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-supermarket-02 .link-box .box {
    width: 16.6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
}
.p-supermarket-02 .link-box .box .ttl {
  margin-top: 2.4rem;
  text-align: center;
  color: #EA6301;
  font-weight: 700;
  font-size: 2rem;
}
.p-supermarket-02 .link-box .box .btn {
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-supermarket-02 .link-box .box .btn {
    margin-top: auto;
  }
}
.p-supermarket-02 .link-box .box .c-link-button {
  margin: 2.4rem auto 0;
  transform: translateX(-2rem);
}
@media screen and (max-width: 767px) {
  .p-supermarket-02 .link-box .box .c-link-button {
    padding-left: 1.3rem;
    padding-right: 1.3rem;
    min-width: 10.6rem;
  }
}
.p-supermarket-02 .list {
  max-width: 73.6rem;
  width: 66%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 3.2rem;
}
@media screen and (max-width: 767px) {
  .p-supermarket-02 .list {
    width: 100%;
    max-width: 100%;
    grid-template-columns: repeat(1, 1fr);
    gap: 4rem;
  }
}
.p-supermarket-02 .list_item_ttl {
  margin-top: 2.4rem;
  font-size: 2rem;
  text-align: center;
  color: #EA6301;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .p-supermarket-02 .list_item_ttl {
    margin-top: 1.6rem;
    font-size: 1.8rem;
  }
}
.p-supermarket-02 .list_item_notes {
  color: #EA6301;
  font-weight: 700;
  text-align: center;
  margin-top: 0.8rem;
}
.p-supermarket-02 .list_item_txt {
  margin-top: 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-supermarket-02 .list_item_txt {
    margin-top: 0.8rem;
  }
}
.p-supermarket-02 .flex {
  margin-top: 6.4rem;
  display: flex;
  align-items: center;
  gap: 4.8rem;
}
@media screen and (max-width: 767px) {
  .p-supermarket-02 .flex {
    margin-top: 4rem;
    display: block;
  }
}
.p-supermarket-02 .flex .other {
  flex: 1;
}
@media screen and (max-width: 767px) {
  .p-supermarket-02 .flex .other {
    margin-top: 4rem;
  }
}
.p-supermarket-02 .flex .other .ttl {
  font-size: 2rem;
  text-align: center;
  color: #EA6301;
}
@media screen and (max-width: 767px) {
  .p-supermarket-02 .flex .other .ttl {
    font-size: 1.8rem;
  }
}
.p-supermarket-02 .flex .other ul {
  margin-top: 1.6rem;
}
.p-supermarket-02 .flex .other ul li {
  background-color: #EA6301;
  border-radius: 1.7rem;
  font-weight: 700;
  color: #fff;
  padding: 0.4rem 1.6rem;
  text-align: center;
}
.p-supermarket-02 .flex .other ul li:nth-child(n+2) {
  margin-top: 1.6rem;
}
.p-supermarket-02 .member {
  margin: 6.4rem auto 0;
  max-width: 53.6rem;
  background-color: #fff;
  border-radius: 1.5rem;
  padding: 2.4rem 3.2rem;
}
@media screen and (max-width: 767px) {
  .p-supermarket-02 .member {
    margin-top: 4rem;
    padding: 2.4rem 1.6rem;
  }
}
.p-supermarket-02 .member .ttl {
  color: #EA6301;
  font-weight: 700;
  text-align: center;
  font-size: 2rem;
  border-bottom: 2px dashed #FFA228;
  padding-bottom: 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-supermarket-02 .member .ttl {
    font-size: 1.6rem;
  }
}
.p-supermarket-02 .member .logo-box {
  margin-top: 1.6rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-supermarket-02 .member .logo-box {
    grid-template-columns: repeat(1, 1fr);
  }
}

/* 都市ガス
---------------------------------------------------------------------------- */
.p-service-second-level-about .p-service-second-level-about__box-text .c-p--sm {
  margin-top: 0.5rem;
}
.p-service-second-level-about .btn {
  margin-top: 2.4rem;
  display: flex;
  justify-content: flex-end;
  margin-right: 3rem;
}
@media screen and (max-width: 767px) {
  .p-service-second-level-about .btn {
    margin-right: 0;
    justify-content: center;
  }
}

/* 新エネルギー
---------------------------------------------------------------------------- */
.p-service-second-level-support-02 .p-service-second-level-support__wrap.water .p-service-second-level-support__list {
  margin-top: 0;
}
.p-service-second-level-support-02 .p-service-second-level-support__list {
  margin-top: 6.4rem;
}
@media screen and (max-width: 767px) {
  .p-service-second-level-support-02 .p-service-second-level-support__list {
    margin-top: 3.2rem;
    gap: 3.2rem 1.6rem;
    width: calc(100% + 2rem);
    margin-left: -1rem;
  }
}
@media screen and (max-width: 767px) {
  .p-service-second-level-support-02 .p-service-second-level-support__item {
    width: 16.6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
}
.p-service-second-level-support-02 .p-service-second-level-support__item-title span {
  font-size: 1.6rem;
  display: block;
}
@media screen and (max-width: 767px) {
  .p-service-second-level-support-02 .p-service-second-level-support__item-title span {
    font-size: 1.4rem;
  }
}
.p-service-second-level-support-02 .p-service-second-level-support__item-txt {
  margin-top: 1.6rem;
  text-align: center;
}
.p-service-second-level-support-02 .p-service-second-level-support__item-btn {
  display: flex;
  justify-content: center;
  margin-top: 2.4rem;
  margin-left: 1.5rem;
}
@media screen and (max-width: 767px) {
  .p-service-second-level-support-02 .p-service-second-level-support__item-btn {
    padding-top: 1.6rem;
    margin-top: auto;
  }
  .p-service-second-level-support-02 .p-service-second-level-support__item-btn .c-link-button--sm {
    min-width: 10.6rem;
  }
}
.p-service-second-level-support-02 .btn-box {
  margin-top: 6.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .p-service-second-level-support-02 .btn-box {
    margin-top: 3.2rem;
  }
}

.p-new-energy-01 .c-p {
  margin-top: 3.2rem;
}
@media screen and (max-width: 767px) {
  .p-new-energy-01 .c-p {
    margin-top: 1.6rem;
  }
}
.p-new-energy-01 dl {
  margin: 6.4rem auto 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 3.2rem;
}
@media screen and (max-width: 767px) {
  .p-new-energy-01 dl {
    margin-top: 4rem;
  }
}
.p-new-energy-01 dl .item {
  width: 24.4rem;
}
@media screen and (max-width: 767px) {
  .p-new-energy-01 dl .item {
    width: 100%;
  }
}
.p-new-energy-01 dl .item dt {
  margin-bottom: 5.4rem;
  background-color: #00D19D;
  border-radius: 1.5rem;
  height: 8.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-weight: 700;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-new-energy-01 dl .item dt {
    height: 5.8rem;
  }
}
.p-new-energy-01 dl .item dt::before {
  content: "";
  position: absolute;
  bottom: -4rem;
  transform: translateX(-50%);
  left: 50%;
  width: 2.2rem;
  height: 2.2rem;
  mask-position: center center;
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-image: url(../images/common/arrow_bottom.svg);
  background-color: #00A37A;
}
.p-new-energy-01 dl .item dd {
  font-size: 2rem;
  text-align: center;
  color: #00A37A;
}
@media screen and (max-width: 767px) {
  .p-new-energy-01 dl .item dd {
    font-size: 1.8rem;
  }
}
.p-new-energy-01 .txt {
  max-width: 79.6rem;
  margin: 3.2rem auto 0;
  padding: 3.2rem 2rem;
  background-color: #ECFAF3;
  border-radius: 1.5rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-new-energy-01 .txt {
    text-align: left;
  }
}
.p-new-energy-01 .txt span {
  color: #00A37A;
}

.p-new-energy-02 .c-p {
  margin-top: 3.2rem;
}
@media screen and (max-width: 767px) {
  .p-new-energy-02 .c-p {
    margin-top: 1.6rem;
  }
}
.p-new-energy-02 .btn-box {
  margin-top: 6.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .p-new-energy-02 .btn-box {
    margin-top: 3.2rem;
  }
}

/* 電気
---------------------------------------------------------------------------- */
.p-elec-about .block01 .flex {
  display: flex;
  justify-content: space-between;
  gap: 4.8rem;
}
@media screen and (max-width: 767px) {
  .p-elec-about .block01 .flex {
    display: block;
  }
}
.p-elec-about .block01 .flex .txt-box {
  max-width: 75.5rem;
}
.p-elec-about .block01 .flex .icon {
  max-width: 19.5rem;
}
@media screen and (max-width: 767px) {
  .p-elec-about .block01 .flex .icon {
    margin: 0 auto;
    margin-top: 3rem;
  }
}
.p-elec-about .block01 .img {
  margin-top: 4.8rem;
}
@media screen and (max-width: 767px) {
  .p-elec-about .block01 .img {
    margin-top: 3.2rem;
  }
}
.p-elec-about .block02 .c-list {
  margin-top: 4.8rem;
}
@media screen and (max-width: 767px) {
  .p-elec-about .block02 .c-list {
    margin-top: 3.2rem;
  }
}

.p-elec-partner.p-service-second-level-about {
  padding-bottom: 8rem;
}
@media screen and (max-width: 767px) {
  .p-elec-partner.p-service-second-level-about {
    padding-bottom: 6.4rem;
  }
}
.p-elec-partner.p-service-second-level-about .c-p--xs {
  margin-top: 1rem;
}

.p-elec-tel {
  background-color: #FFBC00;
  padding: 4.8rem 0;
}
@media screen and (max-width: 767px) {
  .p-elec-tel {
    padding: 3.2rem 0;
  }
}
.p-elec-tel .content {
  background-color: #fff;
  border-radius: 1.5rem;
  padding: 2.4rem 6.4rem;
}
@media screen and (max-width: 767px) {
  .p-elec-tel .content {
    padding: 2.4rem 3.2rem;
  }
}
.p-elec-tel .content .ttl {
  font-size: 2rem;
  font-weight: 700;
  text-align: center;
  border-bottom: 2px dashed #FFBC00;
  padding-bottom: 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-elec-tel .content .ttl {
    font-size: 1.8rem;
  }
}
.p-elec-tel .content .name {
  margin-top: 1.6rem;
  text-align: center;
  color: #B38400;
  font-size: 2rem;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .p-elec-tel .content .name {
    font-size: 1.8rem;
  }
}
.p-elec-tel .content .tel {
  margin-top: 1.5rem;
  text-align: center;
}
.p-elec-tel .content .tel a {
  color: #B38400;
  font-size: 4.8rem;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .p-elec-tel .content .tel a {
    font-size: 4rem;
  }
}
.p-elec-tel .content .txt {
  margin-top: 1.6rem;
  font-weight: 700;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-elec-tel .content .txt {
    text-align: left;
  }
}

.p-service-second-level-useful.c-section--bg-yellow {
  padding-bottom: 8rem;
}
@media screen and (max-width: 767px) {
  .p-service-second-level-useful.c-section--bg-yellow {
    padding-bottom: 6.4rem;
  }
}

/* 移動スーパー「とくし丸」
---------------------------------------------------------------------------- */
.p-tokushimaru .block01 .flex {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 4.8rem;
}
@media screen and (max-width: 767px) {
  .p-tokushimaru .block01 .flex {
    grid-template-columns: repeat(1, 1fr);
    gap: 4rem;
  }
}
.p-tokushimaru .block02 {
  margin-top: 6.4rem;
}
@media screen and (max-width: 767px) {
  .p-tokushimaru .block02 {
    margin-top: 4rem;
  }
}
.p-tokushimaru .block02 .flex {
  margin-top: 6.4rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 4.8rem;
}
@media screen and (max-width: 767px) {
  .p-tokushimaru .block02 .flex {
    margin-top: 4rem;
    grid-template-columns: repeat(1, 1fr);
    gap: 2.4rem;
  }
}
.p-tokushimaru .block02 .flex .box {
  border-radius: 1.5rem;
  background-color: #FFF7ED;
  padding: 4.8rem 3.2rem;
}
@media screen and (max-width: 767px) {
  .p-tokushimaru .block02 .flex .box {
    padding: 3.2rem 1.6rem;
  }
}
.p-tokushimaru .block02 .flex .box .ttl {
  text-align: center;
  color: #EA6301;
  font-weight: 700;
  font-size: 2rem;
}
@media screen and (max-width: 767px) {
  .p-tokushimaru .block02 .flex .box .ttl {
    font-size: 1.6rem;
  }
}
.p-tokushimaru .block02 .flex .box .txt {
  margin-top: 3.2rem;
}
@media screen and (max-width: 767px) {
  .p-tokushimaru .block02 .flex .box .txt {
    margin-top: 2.4rem;
  }
}
.p-tokushimaru .block02 .flex .box .map {
  margin-top: 3.2rem;
}
@media screen and (max-width: 767px) {
  .p-tokushimaru .block02 .flex .box .map {
    margin-top: 2.4rem;
  }
}
.p-tokushimaru .block02 .flex .box .map iframe {
  border: onne;
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
}
.p-tokushimaru .btn-box {
  margin-top: 6.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .p-tokushimaru .btn-box {
    margin-top: 4rem;
  }
}

/* ３つのこだわり
---------------------------------------------------------------------------- */
.p-commitment .block01 .flex {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 4.8rem;
}
@media screen and (max-width: 767px) {
  .p-commitment .block01 .flex {
    grid-template-columns: repeat(1, 1fr);
    gap: 4rem;
  }
}
.p-commitment .block02 .flex {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 9.6rem;
  position: relative;
}
.p-commitment .block02 .flex::before {
  content: "";
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  left: 50%;
  width: 1px;
  height: 100%;
  background-color: #FFA228;
}
@media screen and (max-width: 767px) {
  .p-commitment .block02 .flex::before {
    content: none;
  }
}
@media screen and (max-width: 767px) {
  .p-commitment .block02 .flex {
    margin-top: 4rem;
    grid-template-columns: repeat(1, 1fr);
    gap: 0;
  }
}
.p-commitment .block02 .flex .box {
  background-color: #FFF7ED;
}
@media screen and (max-width: 767px) {
  .p-commitment .block02 .flex .box {
    padding: 0;
  }
  .p-commitment .block02 .flex .box:nth-child(n+2) {
    margin-top: 3.2rem;
    padding-top: 3.2rem;
    border-top: 1px solid #EA6301;
  }
}
.p-commitment .block02 .flex .box .ttl {
  text-align: center;
  color: #EA6301;
  font-weight: 700;
  font-size: 2rem;
}
@media screen and (max-width: 767px) {
  .p-commitment .block02 .flex .box .ttl {
    font-size: 1.6rem;
  }
}
.p-commitment .block02 .flex .box .img {
  margin-top: 3.2rem;
}
@media screen and (max-width: 767px) {
  .p-commitment .block02 .flex .box .img {
    margin-top: 2.4rem;
  }
}
.p-commitment .block02 .flex .box .txt {
  margin-top: 3.2rem;
}
@media screen and (max-width: 767px) {
  .p-commitment .block02 .flex .box .txt {
    margin-top: 2.4rem;
  }
}
.p-commitment .block02 .flex .box .btn {
  margin-top: 3.2rem;
}
.p-commitment .block02 .flex .box .btn .c-button {
  min-width: auto;
  max-width: 100%;
  width: 32rem;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .p-commitment .block02 .flex .box .btn .c-button {
    width: 100%;
  }
}
.p-commitment .btn-box {
  margin-top: 6.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .p-commitment .btn-box {
    margin-top: 4rem;
  }
}
@media screen and (max-width: 767px) {
  .p-commitment .block03 .c-secttl02 {
    margin-bottom: 0;
    position: relative;
  }
  .p-commitment .block03 .c-secttl02::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 1.8rem;
    height: 2px;
    background-color: #FA5A4B;
  }
  .p-commitment .block03 .c-secttl02::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0.8rem;
    width: 2px;
    height: 1.8rem;
    background-color: #FA5A4B;
  }
  .p-commitment .block03 .c-secttl02.is-open::after {
    content: none;
  }
}
.p-commitment .block03 .flex {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 4.8rem;
}
@media (max-width: 900px) {
  .p-commitment .block03 .flex {
    grid-template-columns: repeat(1, 1fr);
    gap: 2.4rem;
  }
}
@media screen and (max-width: 767px) {
  .p-commitment .block03 .flex {
    display: none;
    margin-top: 4rem;
  }
}
.p-commitment .block03 .flex .box {
  border-radius: 1.5rem;
  background-color: #fff;
  padding: 4.8rem 3.2rem;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 767px) {
  .p-commitment .block03 .flex .box {
    padding: 3.2rem 1.6rem;
  }
  .p-commitment .block03 .flex .box:nth-child(n+2) {
    margin-top: 1.6rem;
  }
}
.p-commitment .block03 .flex .box .post {
  font-size: 1.6rem;
  font-weight: 700;
  color: #EA6301;
}
.p-commitment .block03 .flex .box .content {
  margin-top: 3.2rem;
  display: flex;
  justify-content: space-between;
  gap: 3.2rem;
  align-items: flex-start;
}
@media (max-width: 900px) {
  .p-commitment .block03 .flex .box .content {
    justify-content: center;
  }
}
@media screen and (max-width: 767px) {
  .p-commitment .block03 .flex .box .content {
    margin-top: 2.4rem;
    display: block;
  }
}
.p-commitment .block03 .flex .box .content .txt-box {
  max-width: 31.3rem;
  flex: 1;
}
@media screen and (max-width: 767px) {
  .p-commitment .block03 .flex .box .content .txt-box {
    max-width: 100%;
  }
}
.p-commitment .block03 .flex .box .content .img-box {
  width: 12.7rem;
}
@media screen and (max-width: 767px) {
  .p-commitment .block03 .flex .box .content .img-box {
    margin: 0 auto;
    margin-top: 2.4rem;
  }
}
.p-commitment .block03 .flex .box .ttl {
  color: #EA6301;
  font-weight: 700;
  font-size: 2rem;
}
@media screen and (max-width: 767px) {
  .p-commitment .block03 .flex .box .ttl {
    font-size: 1.6rem;
  }
}
.p-commitment .block03 .flex .box .txt {
  margin-top: 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-commitment .block03 .flex .box .txt {
    margin-top: 0.8rem;
  }
}
.p-commitment .block03 .flex .box .name {
  margin-top: 1.6rem;
  font-size: 2rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-commitment .block03 .flex .box .name {
    font-size: 1.6rem;
  }
}
.p-commitment .block03 .flex .box .btn {
  margin-top: auto;
  padding-top: 3.2rem;
}
@media screen and (max-width: 767px) {
  .p-commitment .block03 .flex .box .btn {
    padding-top: 2.4rem;
  }
}
.p-commitment .block03 .flex .box .btn .c-button {
  min-width: auto;
  max-width: 32rem;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .p-commitment .block03 .flex .box .btn .c-button {
    width: 100%;
    padding: 0 2rem 0 0;
  }
  .p-commitment .block03 .flex .box .btn .c-button::after {
    right: 1.5rem;
  }
}
.p-commitment .btn-box {
  margin-top: 6.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .p-commitment .btn-box {
    margin-top: 4rem;
  }
}

/*  MY NITTOH
---------------------------------------------------------------------------- */
.c-heading.-nittoh {
  padding-bottom: 3.2rem;
  border-bottom: 2px dashed #FA5A4B;
}
@media screen and (max-width: 767px) {
  .c-heading.-nittoh {
    padding-bottom: 1.6rem;
  }
}
.c-heading.-nittoh .c-title {
  font-size: 1.6rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .c-heading.-nittoh .c-title {
    font-size: 1.4rem;
  }
}
.c-heading.-nittoh .c-subtitle {
  margin-top: 1rem;
  font-size: 4rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .c-heading.-nittoh .c-subtitle {
    font-size: 2.4rem;
  }
}

.p-nittoh .c-icon-grid .c-icon-grid__list {
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .p-nittoh .c-icon-grid .c-icon-grid__list {
    justify-content: flex-start;
  }
}

.p-nittoh-ex {
  background-color: #DB0917;
  padding: 2rem 0;
}
.p-nittoh-ex .c-p {
  text-align: center;
  color: #fff;
  font-size: 2rem;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .p-nittoh-ex .c-p {
    font-size: 1.4rem;
  }
}

.p-nittoh-fv {
  background-color: #FDF3E6;
  padding: 4.8rem 0;
}
@media screen and (max-width: 767px) {
  .p-nittoh-fv {
    padding: 4rem 0;
  }
}
.p-nittoh-fv .content {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-nittoh-fv .content {
    display: block;
  }
}
.p-nittoh-fv .content .logo {
  max-width: 30%;
}
@media screen and (max-width: 767px) {
  .p-nittoh-fv .content .logo {
    max-width: 100%;
    width: 27.8rem;
    margin: 0 auto;
  }
}
.p-nittoh-fv .content .about-box {
  flex: 1;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-nittoh-fv .content .about-box {
    margin-top: 4rem;
    gap: 1rem;
  }
}
.p-nittoh-fv .content .btn-box {
  width: 23.8rem;
}
@media screen and (max-width: 767px) {
  .p-nittoh-fv .content .btn-box {
    margin: 0 auto;
    margin-top: 4rem;
  }
}
.p-nittoh-fv .content .btn-box .btn_link {
  margin: 0 auto;
  border: 2px solid #DB0917;
  width: 20.6rem;
  max-width: 100%;
  height: 6rem;
  padding-left: 5.5rem;
  display: flex;
  align-items: center;
  background-color: #fff;
  border-radius: 3rem;
  color: #DB0917;
  font-weight: 700;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-nittoh-fv .content .btn-box .btn_link {
    font-size: 1.8rem;
  }
}
.p-nittoh-fv .content .btn-box .btn_link .c-link-anchor__icon {
  position: absolute;
  right: 2.5rem;
  background-color: #DB0917;
}
.p-nittoh-fv .content .btn-box .link {
  margin-top: 1.6rem;
}
.p-nittoh-fv .content .btn-box .link a {
  color: #222;
  font-weight: 700;
  padding-right: 3rem;
  position: relative;
}
.p-nittoh-fv .content .btn-box .link a .c-link-anchor__icon {
  transform: rotate(90deg);
  background-color: #DB0917;
  position: absolute;
  right: 0;
  top: 0;
  margin-top: 0;
}

.p-nittoh-fv-01 {
  background-color: #FDF3E6;
  padding: 8rem 0;
}
@media screen and (max-width: 767px) {
  .p-nittoh-fv-01 {
    padding: 4rem 0;
  }
}
.p-nittoh-fv-01 .content {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-nittoh-fv-01 .content {
    display: block;
  }
}
.p-nittoh-fv-01 .content .left {
  max-width: 53.3rem;
  width: 45%;
  margin-right: 5rem;
}
@media screen and (max-width: 767px) {
  .p-nittoh-fv-01 .content .left {
    width: 100%;
    margin-right: 0;
    max-width: 100%;
  }
}
.p-nittoh-fv-01 .content .center {
  max-width: 19.2rem;
  width: 20%;
}
@media screen and (max-width: 767px) {
  .p-nittoh-fv-01 .content .center {
    margin: 4rem auto 0;
    max-width: 16.8rem;
    width: 100%;
  }
}
.p-nittoh-fv-01 .content .about-box {
  width: 25%;
  max-width: 29.6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.6rem;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .p-nittoh-fv-01 .content .about-box {
    align-items: flex-start;
    width: 100%;
    margin-top: 4rem;
    gap: 1rem;
    max-width: 100%;
  }
  .p-nittoh-fv-01 .content .about-box .img:nth-child(2) {
    margin-top: 2.4rem;
  }
}
.p-nittoh-fv-01 .content .btn-box {
  margin-top: 4.3rem;
  width: 23.8rem;
  position: relative;
}
.p-nittoh-fv-01 .content .btn-box::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -14rem;
  width: 13.3rem;
  height: 12.8rem;
  background: url(../images/mynittoh/img-6.png) no-repeat center center/contain;
}
@media screen and (max-width: 767px) {
  .p-nittoh-fv-01 .content .btn-box::before {
    content: none;
  }
}
@media screen and (max-width: 767px) {
  .p-nittoh-fv-01 .content .btn-box {
    margin: 0 auto;
    margin-top: 4rem;
  }
}
.p-nittoh-fv-01 .content .btn-box .btn_link {
  margin: 0 auto;
  border: 2px solid #DB0917;
  width: 20.6rem;
  max-width: 100%;
  height: 6rem;
  padding-left: 5.5rem;
  display: flex;
  align-items: center;
  background-color: #fff;
  border-radius: 3rem;
  color: #DB0917;
  font-weight: 700;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-nittoh-fv-01 .content .btn-box .btn_link {
    font-size: 1.8rem;
  }
}
.p-nittoh-fv-01 .content .btn-box .btn_link .c-link-anchor__icon {
  position: absolute;
  right: 2.5rem;
  background-color: #DB0917;
}
.p-nittoh-fv-01 .content .btn-box .link {
  margin-top: 1.6rem;
}
.p-nittoh-fv-01 .content .btn-box .link a {
  color: #222;
  font-weight: 700;
  padding-right: 3rem;
  position: relative;
}
.p-nittoh-fv-01 .content .btn-box .link a .c-link-anchor__icon {
  transform: rotate(90deg);
  background-color: #DB0917;
  position: absolute;
  right: 0;
  top: 0;
  margin-top: 0;
}

.p-nittoh-faq .c-icon-grid {
  margin-top: 6.4rem;
}
@media screen and (max-width: 767px) {
  .p-nittoh-faq .c-secttl02.js-acd {
    margin-bottom: 0;
    position: relative;
  }
  .p-nittoh-faq .c-secttl02.js-acd::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 1.8rem;
    height: 2px;
    background-color: #FA5A4B;
  }
  .p-nittoh-faq .c-secttl02.js-acd::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0.8rem;
    width: 2px;
    height: 1.8rem;
    background-color: #FA5A4B;
  }
  .p-nittoh-faq .c-secttl02.js-acd.is-open::after {
    content: none;
  }
}
@media screen and (max-width: 767px) {
  .p-nittoh-faq .c-bg-pink:nth-child(2) {
    margin-top: 4rem;
  }
}
.p-nittoh-faq .content {
  margin-top: 3.2rem;
}
@media screen and (max-width: 767px) {
  .p-nittoh-faq .content {
    display: none;
  }
  .p-nittoh-faq .content .c-toggle__head {
    padding-right: 0;
    pointer-events: none;
  }
  .p-nittoh-faq .content .c-toggle__head::before {
    content: none;
  }
  .p-nittoh-faq .content .c-toggle__content {
    display: block !important;
  }
  .p-nittoh-faq .content .c-toggle__content .c-toggle__text {
    padding: 0 0 1.6rem;
  }
}

.p-nittoh-mail .c-heading {
  margin-bottom: 6.4rem;
}
@media screen and (max-width: 767px) {
  .p-nittoh-mail .c-heading {
    margin-bottom: 4rem;
  }
}
.p-nittoh-mail .c-p.mt {
  margin-top: 4.8rem;
  margin-bottom: 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-nittoh-mail .c-p.mt {
    margin-top: 3.2rem;
  }
}
.p-nittoh-mail .c-definition-list__head a {
  color: #FA5A4B;
  text-decoration: underline;
}
@media screen and (max-width: 767px) {
  .p-nittoh-mail .c-secttl02.js-acd {
    margin-bottom: 0;
    position: relative;
  }
  .p-nittoh-mail .c-secttl02.js-acd::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 1.8rem;
    height: 2px;
    background-color: #FA5A4B;
  }
  .p-nittoh-mail .c-secttl02.js-acd::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0.8rem;
    width: 2px;
    height: 1.8rem;
    background-color: #FA5A4B;
  }
  .p-nittoh-mail .c-secttl02.js-acd.is-open::after {
    content: none;
  }
}
@media screen and (max-width: 767px) {
  .p-nittoh-mail .c-bg-pink:nth-child(2) {
    margin-top: 4rem;
  }
}
.p-nittoh-mail .content {
  margin-top: 3.2rem;
}
@media screen and (max-width: 767px) {
  .p-nittoh-mail .content {
    display: none;
  }
  .p-nittoh-mail .content .c-toggle__head {
    padding-right: 0;
    pointer-events: none;
  }
  .p-nittoh-mail .content .c-toggle__head::before {
    content: none;
  }
  .p-nittoh-mail .content .c-toggle__content {
    display: block !important;
  }
  .p-nittoh-mail .content .c-toggle__content .c-toggle__text {
    padding: 0 0 1.6rem;
  }
}

.p-nittoh-qa {
  background-color: #FA5A4B;
  padding: 4.8rem 0;
}
@media screen and (max-width: 767px) {
  .p-nittoh-qa {
    padding: 3.2rem 0;
  }
}
.p-nittoh-qa .content {
  margin: 0 auto;
  max-width: 70rem;
  height: 10rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  border-radius: 1.5rem;
  position: relative;
}
.p-nittoh-qa .content::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 6.4rem;
  width: 1rem;
  height: 2rem;
  background: url(../images/mynittoh/arrow.svg) no-repeat center center/contain;
}
@media screen and (max-width: 767px) {
  .p-nittoh-qa .content::before {
    right: 2.4rem;
  }
}
.p-nittoh-qa .c-heading {
  border: none;
  padding-bottom: 0;
  position: relative;
}
.p-nittoh-qa .c-heading::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  left: calc(50% - 14rem);
  width: 6.4rem;
  height: 4.8rem;
  background: url(../images/mynittoh/icon-1.svg) no-repeat center center/contain;
}
@media screen and (max-width: 767px) {
  .p-nittoh-qa .c-heading::before {
    left: calc(50% - 11rem);
    width: 5rem;
    height: 4rem;
  }
}
.p-nittoh-qa .c-heading::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  left: calc(50% + 14rem);
  width: 5.3rem;
  height: 3.9rem;
  background: url(../images/mynittoh/icon-2.svg) no-repeat center center/contain;
}
@media screen and (max-width: 767px) {
  .p-nittoh-qa .c-heading::after {
    left: calc(50% + 10rem);
    width: 4.2rem;
    height: 3.1rem;
  }
}
.p-nittoh-qa .c-heading .c-title.c-title--sm {
  font-size: 1.4rem;
}
.p-nittoh-qa .c-heading .c-subtitle.c-subtitle--sm {
  font-size: 2rem;
  margin-top: 0;
}
@media screen and (max-width: 767px) {
  .p-nittoh-qa .c-heading .c-subtitle.c-subtitle--sm {
    font-size: 1.8rem;
  }
}

.p-nittoh-about {
  background-color: #FAF2F2;
}
.p-nittoh-about .flex {
  margin-top: 6.4rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 4.8rem;
}
@media screen and (max-width: 767px) {
  .p-nittoh-about .flex {
    margin-top: 4rem;
    grid-template-columns: repeat(1, 1fr);
    gap: 4rem;
  }
}
.p-nittoh-about .flex .c-p {
  margin-top: 3.2rem;
  font-weight: 700;
  font-size: 2rem;
}
@media screen and (max-width: 767px) {
  .p-nittoh-about .flex .c-p {
    font-size: 1.6rem;
  }
}

.p-nittoh-feature .list_item {
  display: flex;
  align-items: center;
  gap: 8rem;
}
@media screen and (max-width: 767px) {
  .p-nittoh-feature .list_item {
    display: block;
  }
}
.p-nittoh-feature .list_item:nth-child(n+2) {
  margin-top: 4.8rem;
}
@media screen and (max-width: 767px) {
  .p-nittoh-feature .list_item:nth-child(n+2) {
    margin-top: 4rem;
  }
}
.p-nittoh-feature .list_item:nth-child(2n) {
  flex-direction: row-reverse;
}
.p-nittoh-feature .list_item_txt-box {
  padding-left: 18rem;
  position: relative;
  width: 51.1rem;
}
@media screen and (max-width: 767px) {
  .p-nittoh-feature .list_item_txt-box {
    padding-left: 0;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .p-nittoh-feature .list_item_ttl-box {
    display: flex;
    align-items: center;
    gap: 2rem;
    width: calc(100% + 2rem);
  }
}
.p-nittoh-feature .list_item_num {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  mask-position: center center;
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-image: url(../images/common/ic-point.svg);
  background-color: #FA5A4B;
  width: 16rem;
  height: 16rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-weight: 700;
  flex-direction: column;
  line-height: 1;
  font-style: italic;
  font-family: "DM Sans", "Zen Kaku Gothic Antique", sans-serif;
}
@media screen and (max-width: 767px) {
  .p-nittoh-feature .list_item_num {
    position: static;
    width: 8.5rem;
    height: 8.5rem;
    font-size: 1rem;
  }
}
.p-nittoh-feature .list_item_num span {
  font-size: 7.2rem;
}
@media screen and (max-width: 767px) {
  .p-nittoh-feature .list_item_num span {
    font-size: 3.6rem;
  }
}
.p-nittoh-feature .list_item_num.-blue {
  background-color: #0091CD;
}
.p-nittoh-feature .list_item_num.-purple {
  background-color: #D053D2;
}
.p-nittoh-feature .list_item .c-secttl span {
  display: block;
}
.p-nittoh-feature .list_item_txt {
  margin-top: 2.5rem;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .p-nittoh-feature .list_item_txt {
    margin-top: 1.6rem;
  }
}
.p-nittoh-feature .list_item_img {
  max-width: 26rem;
  flex: 1;
}
@media screen and (max-width: 767px) {
  .p-nittoh-feature .list_item_img {
    max-width: 23rem;
    margin: 1.6rem auto 0;
  }
}

.p-nittoh-how {
  background-color: #FAF2F2;
}
.p-nittoh-how .c-p {
  margin-top: 6.4rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-nittoh-how .c-p {
    margin-top: 4rem;
  }
}
.p-nittoh-how .video {
  max-width: 64rem;
  margin: 6.4rem auto 0;
}
@media screen and (max-width: 767px) {
  .p-nittoh-how .video {
    margin-top: 4rem;
  }
}
.p-nittoh-how .video iframe {
  width: 100%;
  aspect-ratio: 16/9;
}

.p-nittoh-step .list {
  margin-top: 7.8rem;
  position: relative;
}
.p-nittoh-step .list::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
  width: 2px;
  height: 90%;
  border: 2px dashed #FA5A4B;
}
.p-nittoh-step .list_item {
  position: relative;
  max-width: 83rem;
  margin-right: auto;
  background-color: #FAF2F2;
  border-radius: 5.6rem 0 0 0;
  padding: 5.7rem 3.2rem 3.2rem;
}
@media screen and (max-width: 767px) {
  .p-nittoh-step .list_item {
    border-radius: 4rem 0 0 0;
    padding: 2.8rem 1.6rem 2.4rem;
  }
}
.p-nittoh-step .list_item:nth-child(n+2) {
  margin-top: 14rem;
}
@media screen and (max-width: 767px) {
  .p-nittoh-step .list_item:nth-child(n+2) {
    margin-top: 6rem;
  }
}
.p-nittoh-step .list_item:nth-child(n+2).list_item_02, .p-nittoh-step .list_item:nth-child(n+2).list_item_06 {
  margin-top: 22rem;
}
.p-nittoh-step .list_item:nth-child(2n) {
  margin-left: auto;
}
.p-nittoh-step .list_item::before {
  content: "";
  position: absolute;
  top: -3rem;
  right: -3rem;
  width: calc(100% - 3rem);
  height: calc(100% - 3rem);
  background-color: #FA5A4B;
  border-radius: 5.6rem 0 0 0;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .p-nittoh-step .list_item::before {
    width: calc(100% - 2.4rem);
    height: calc(100% - 2.4rem);
    border-radius: 4rem 0 0 0;
  }
}
.p-nittoh-step .list_item_num {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  mask-position: center center;
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-image: url(../images/common/ic-point-2.svg);
  background-color: #DB0917;
  width: 16rem;
  height: 16rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-weight: 700;
  flex-direction: column;
  line-height: 1;
  font-style: italic;
  text-align: center;
  font-family: "DM Sans", "Zen Kaku Gothic Antique", sans-serif;
}
@media screen and (max-width: 767px) {
  .p-nittoh-step .list_item_num {
    width: 8rem;
    height: 8rem;
    font-size: 1rem;
    mask-image: url(../images/common/ic-point.svg);
  }
}
.p-nittoh-step .list_item_num span {
  font-size: 7.2rem;
  padding-right: 1rem;
}
@media screen and (max-width: 767px) {
  .p-nittoh-step .list_item_num span {
    font-size: 3.6rem;
    padding-right: 0;
  }
}
.p-nittoh-step .list_item_ttl {
  padding-left: 17rem;
  font-size: 3.2rem;
}
@media screen and (max-width: 767px) {
  .p-nittoh-step .list_item_ttl {
    padding-left: 0;
    margin-left: 6rem;
    text-align: center;
    font-size: 1.6rem;
  }
}
.p-nittoh-step .list_item_box {
  margin-top: 9.2rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-nittoh-step .list_item_box {
    margin-top: 5.3rem;
  }
}
.p-nittoh-step .list_item_img {
  position: absolute;
  max-width: 16.2rem;
  top: -25rem;
  right: 2rem;
}
@media (max-width: 960px) {
  .p-nittoh-step .list_item_img {
    max-width: 13rem;
    right: 0;
    top: -20rem;
  }
}
@media screen and (max-width: 767px) {
  .p-nittoh-step .list_item_img {
    margin-top: 2.4rem;
    position: static;
    width: 100%;
    max-width: 10.8rem;
    margin: 2.4rem auto 0;
  }
}
.p-nittoh-step .list_item_txt {
  font-weight: 700;
  max-width: 50rem;
}
.p-nittoh-step .list_item_catch {
  margin-top: 4.3rem;
  background-color: #fff;
  padding: 1rem 0.8rem;
  text-align: center;
  font-size: 1.4rem;
}
@media screen and (max-width: 767px) {
  .p-nittoh-step .list_item_catch {
    margin-top: 2.4rem;
    text-align: left;
    padding: 0.8rem;
  }
}
.p-nittoh-step .list_item_other-box {
  position: absolute;
  left: calc(50% - 25rem);
  transform: translateX(-50%);
  bottom: -16rem;
  max-width: 49rem;
  width: 100%;
  padding: 2.4rem 2.4rem 2.4rem 6.4rem;
  border: 2px solid #DB0917;
  border-radius: 1.5rem;
  background-color: #fff;
}
@media (max-width: 1315px) {
  .p-nittoh-step .list_item_other-box {
    left: 50vw;
    padding: 1.6rem 1.6rem 1.6rem 6rem;
  }
}
@media screen and (max-width: 767px) {
  .p-nittoh-step .list_item_other-box {
    left: calc(50vw - 2.4rem);
  }
}
.p-nittoh-step .list_item_other-box::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 2.4rem;
  width: 2.4rem;
  height: 2.4rem;
  background: url(../images/mynittoh/icon-note.svg) no-repeat center center/contain;
}
.p-nittoh-step .list_item_other-box::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -15.2rem;
  width: 15.2rem;
  height: 2px;
  background-color: #DB0917;
  z-index: -1;
}
@media (max-width: 1315px) {
  .p-nittoh-step .list_item_other-box::after {
    content: none;
  }
}
.p-nittoh-step .list_item_other-txt {
  font-weight: 700;
  margin-bottom: 0.8rem;
}
.p-nittoh-step .list_item_other-link {
  line-height: 1;
}
.p-nittoh-step .list_item_other-link a {
  color: #DB0917;
  font-weight: 700;
  line-height: 1.3;
  position: relative;
}
.p-nittoh-step .list_item_other-link a .c-link-anchor__icon {
  display: inline-block;
  background-color: #DB0917;
  vertical-align: middle;
}
.p-nittoh-step .list_item_01 .list_item_box {
  display: flex;
  gap: 3rem;
}
@media screen and (max-width: 767px) {
  .p-nittoh-step .list_item_01 .list_item_box {
    display: block;
  }
}
.p-nittoh-step .list_item_01 .list_item_box .list_item_txt {
  flex: 1;
}
.p-nittoh-step .list_item_01 .list_item_box .child-list {
  padding: 4.2rem 4rem 4.2rem 20rem;
  background-color: #FA5A4B;
  border-radius: 1.5rem;
  color: #fff;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-nittoh-step .list_item_01 .list_item_box .child-list {
    margin-top: 2.4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 2.5rem 4rem 2.5rem 13rem;
  }
}
.p-nittoh-step .list_item_01 .list_item_box .child-list::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 4rem;
  width: 11.9rem;
  height: 8.5rem;
  background: url(../images/mynittoh/img-16.png) no-repeat center center/contain;
}
@media screen and (max-width: 767px) {
  .p-nittoh-step .list_item_01 .list_item_box .child-list::before {
    width: 9.5rem;
    height: 6.8rem;
    left: calc(50% - 8rem);
    transform: translate(-50%, -50%);
  }
}
.p-nittoh-step .list_item_02 .list_item_img {
  max-width: 37rem;
  top: -15rem;
  right: -10rem;
}
@media (max-width: 960px) {
  .p-nittoh-step .list_item_02 .list_item_img {
    max-width: 26rem;
    right: -5rem;
  }
}
.p-nittoh-step .list_item_05 .list_item_other-box {
  bottom: -13rem;
}
.p-nittoh-step .list_item_06 .list_item_txt {
  max-width: 32.2rem;
}
@media screen and (max-width: 767px) {
  .p-nittoh-step .list_item_06 .list_item_txt {
    max-width: 100%;
  }
}
.p-nittoh-step .list_item_06 .list_item_img {
  max-width: 34.2rem;
}
@media (max-width: 960px) {
  .p-nittoh-step .list_item_06 .list_item_img {
    max-width: 28rem;
  }
}
@media screen and (max-width: 767px) {
  .p-nittoh-step .list_item_06 .list_item_img {
    max-width: 22.7rem;
  }
}
.p-nittoh-step .list_item_03 .list_item_txt, .p-nittoh-step .list_item_04 .list_item_txt, .p-nittoh-step .list_item_05 .list_item_txt {
  padding-bottom: 6rem;
}
@media screen and (max-width: 767px) {
  .p-nittoh-step .list_item_03 .list_item_txt, .p-nittoh-step .list_item_04 .list_item_txt, .p-nittoh-step .list_item_05 .list_item_txt {
    padding-bottom: 0;
  }
}

/*  都市ガス お知らせ
---------------------------------------------------------------------------- */
.p-news-citygas {
  margin-top: 8rem;
}
@media screen and (max-width: 767px) {
  .p-news-citygas {
    margin-top: 6.4rem;
  }
}
.p-news-citygas .c-news__list {
  border-top: 0.2rem dotted #238FC9;
}
.p-news-citygas .c-news-item {
  border-bottom: 0.2rem dotted #238FC9;
}
.p-news-citygas .c-tag {
  border: 0.2rem solid #00649A;
  color: #00649A;
}
.p-news-citygas .c-tag:hover {
  background-color: #00649A;
  color: #fff;
}
.p-news-citygas .c-news-item__date {
  color: #238FC9;
}
.p-news-citygas .btn-box {
  margin-top: 4.8rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .p-news-citygas .btn-box {
    margin-top: 4rem;
  }
}

/*  パンくず
---------------------------------------------------------------------------- */
.breadcrumb {
  margin-bottom: 4.8rem;
}
.breadcrumb > span {
  padding-right: 2rem;
  margin-right: 2rem;
  position: relative;
}
.breadcrumb > span::before {
  content: "";
  position: absolute;
  top: 55%;
  transform: translateY(-50%);
  right: -0.5rem;
  width: 0.8rem;
  height: 1px;
  background-color: #fff;
}
.breadcrumb > span:last-of-type::before {
  content: none;
}
.breadcrumb span, .breadcrumb a {
  color: #FFF;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 2.4rem;
}

/*  ウォーターサーバー（アクアクララ）
---------------------------------------------------------------------------- */
.c-water-list {
  display: flex;
  gap: 4.8rem;
}
@media screen and (max-width: 767px) {
  .c-water-list {
    display: block;
  }
}
.c-water-list_item {
  flex: 1;
  background-color: #F7FEFF;
  border-radius: 1.5rem;
}
@media screen and (max-width: 767px) {
  .c-water-list_item:nth-child(n+2) {
    margin-top: 1.6rem;
  }
}
.c-water-list_item_txt-box {
  padding: 3.2rem 1.6rem;
}
@media screen and (max-width: 767px) {
  .c-water-list_item_txt-box {
    padding: 1.6rem;
  }
}
.c-water-list_item_ttl {
  font-size: 2rem;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .c-water-list_item_ttl {
    font-size: 1.6rem;
  }
}
.c-water-list_item_suport {
  margin-top: 1.6rem;
  color: #13BDC9;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .c-water-list_item_suport {
    margin-top: 0.8rem;
  }
}
.c-water-list_item_plan div {
  margin-top: 1.6rem;
}
.c-water-list_item_plan div dt {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 3rem;
  width: 9.8rem;
  height: 2.4rem;
  background-color: #13BDC9;
  color: #fff;
  font-size: 1.2rem;
}
.c-water-list_item_plan div dd {
  margin-top: 1.3rem;
  color: #029CB0;
  font-weight: 700;
}
.c-water-list_item_plan div dd span {
  margin-right: 0.8rem;
  font-size: 4rem;
  font-weight: 700;
}
.c-water-list_item_txt {
  margin-top: 1.6rem;
}
.c-water-list_item_notes {
  font-size: 1.2rem;
  margin-top: 1.6rem;
}

.-blue02 .c-payment-card__title::after {
  mask-position: center center;
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-image: url(../images/common/ic-accordion-close-sp.png);
  background: #029CB0;
}
.-blue02.c-payment-card.open .c-payment-card__title::after {
  mask-position: center center;
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-image: url(../images/common/ic-accordion-open-sp.png);
  background: #029CB0 !important;
}

.c-payment-card__title.-blue02::after {
  mask-position: center center;
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-image: url(../images/common/ic-accordion-close-sp.png);
  background: #029CB0;
}

.c-payment-card.open .c-payment-card__title.-blue02::after {
  mask-position: center center;
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-image: url(../images/common/ic-accordion-open-sp.png);
  background: #029CB0 !important;
}

.p-water-server-01 .p-payment-debit__featured {
  margin-top: 6.4rem;
}
@media screen and (max-width: 767px) {
  .p-water-server-01 .p-payment-debit__featured {
    margin-top: 4rem;
  }
  .p-water-server-01 .p-payment-debit__featured .c-bg-pink {
    margin-left: 0;
    margin-right: 0;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
.p-water-server-01 .block01 .c-water-list {
  margin-top: 6.4rem;
}
@media screen and (max-width: 767px) {
  .p-water-server-01 .block01 .c-water-list {
    margin-top: 4rem;
  }
}
.p-water-server-01 .block02 .c-list {
  margin-top: 4.8rem;
}
@media screen and (max-width: 767px) {
  .p-water-server-01 .block02 .c-list {
    margin-top: 3.2rem;
  }
}

.p-water-server-02 .block01 .content {
  margin-top: 6.4rem;
  background-color: #13BDC9;
  padding: 3.2rem;
  border-radius: 1.5rem;
}
@media screen and (max-width: 767px) {
  .p-water-server-02 .block01 .content {
    margin-top: 4rem;
    padding: 2.4rem 1.6rem;
  }
}
.p-water-server-02 .block01 .content * {
  color: #fff;
  text-align: center;
}
.p-water-server-02 .block01 .content .catch {
  font-size: 2rem;
}
@media screen and (max-width: 767px) {
  .p-water-server-02 .block01 .content .catch {
    font-size: 1.6rem;
  }
}
.p-water-server-02 .block01 .content .ttl {
  margin-top: 1rem;
  font-size: 2rem;
  padding-bottom: 1.6rem;
  border-bottom: 2px dashed #fff;
}
@media screen and (max-width: 767px) {
  .p-water-server-02 .block01 .content .ttl {
    font-size: 1.6rem;
  }
}
.p-water-server-02 .block01 .content .ttl span {
  font-size: 4.8rem;
  padding: 0 0.5rem;
}
@media screen and (max-width: 767px) {
  .p-water-server-02 .block01 .content .ttl span {
    font-size: 4rem;
  }
}
.p-water-server-02 .block01 .content .txt {
  margin-top: 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-water-server-02 .block01 .content .txt {
    text-align: left;
  }
}
.p-water-server-02 .p-payment-debit__featured {
  margin-top: 6.4rem;
}
@media screen and (max-width: 767px) {
  .p-water-server-02 .p-payment-debit__featured {
    margin: 4rem 2rem 0;
  }
}
.p-water-server-02 .p-payment-debit__featured .block02 .img {
  margin-top: 1.5rem;
}
@media screen and (max-width: 767px) {
  .p-water-server-02 .p-payment-debit__featured .block02 .img {
    margin-top: 3rem;
  }
}
.p-water-server-02 .p-payment-debit__featured .block03 .catch-box {
  margin-top: 6.4rem;
  background-color: #13BDC9;
  padding: 3.2rem;
  border-radius: 1.5rem;
}
@media screen and (max-width: 767px) {
  .p-water-server-02 .p-payment-debit__featured .block03 .catch-box {
    padding: 3.2rem 0;
    margin-top: 0;
  }
}
.p-water-server-02 .p-payment-debit__featured .block03 .catch-box * {
  color: #fff;
  text-align: center;
}
.p-water-server-02 .p-payment-debit__featured .block03 .catch-box .catch {
  font-size: 2rem;
}
@media screen and (max-width: 767px) {
  .p-water-server-02 .p-payment-debit__featured .block03 .catch-box .catch {
    font-size: 1.8rem;
  }
}
.p-water-server-02 .p-payment-debit__featured .block03 .catch-box .ttl {
  margin-top: 1rem;
  font-size: 2rem;
}
@media screen and (max-width: 767px) {
  .p-water-server-02 .p-payment-debit__featured .block03 .catch-box .ttl {
    font-size: 1.6rem;
    line-height: 1.4;
  }
}
.p-water-server-02 .p-payment-debit__featured .block03 .catch-box .ttl span {
  font-size: 4.8rem;
  padding: 0 0.5rem;
}
@media screen and (max-width: 767px) {
  .p-water-server-02 .p-payment-debit__featured .block03 .catch-box .ttl span {
    font-size: 4rem;
  }
}
.p-water-server-02 .p-payment-debit__featured .block03 .content {
  margin-top: 4.8rem;
  background-color: #EEFAFB;
  padding: 4.8rem 3.2rem;
}
@media screen and (max-width: 767px) {
  .p-water-server-02 .p-payment-debit__featured .block03 .content {
    margin-top: 3.2rem;
    padding: 2.4rem 1.6rem;
  }
}
.p-water-server-02 .p-payment-debit__featured .block03 .content .flex {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 6.5rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-water-server-02 .p-payment-debit__featured .block03 .content .flex {
    grid-template-columns: repeat(1, 1fr);
    gap: 0;
  }
}
.p-water-server-02 .p-payment-debit__featured .block03 .content .flex::before {
  content: "";
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  left: 50%;
  width: 1px;
  height: 100%;
  background-color: #029CB0;
}
@media screen and (max-width: 767px) {
  .p-water-server-02 .p-payment-debit__featured .block03 .content .flex::before {
    content: none;
  }
}
@media screen and (max-width: 767px) {
  .p-water-server-02 .p-payment-debit__featured .block03 .content .flex .box:nth-child(n+2) {
    margin-top: 2.4rem;
    padding-top: 2.4rem;
    border-top: 1px solid #029CB0;
  }
}
.p-water-server-02 .p-payment-debit__featured .block03 .content .flex .box .ttl-box {
  display: flex;
  align-items: center;
  gap: 3.2rem;
}
@media screen and (max-width: 767px) {
  .p-water-server-02 .p-payment-debit__featured .block03 .content .flex .box .ttl-box {
    display: block;
  }
}
.p-water-server-02 .p-payment-debit__featured .block03 .content .flex .box .ttl-box .num {
  width: 9.4rem;
  height: 9.4rem;
  background-color: #DB0917;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  color: #fff;
  font-size: 1.4rem;
}
@media screen and (max-width: 767px) {
  .p-water-server-02 .p-payment-debit__featured .block03 .content .flex .box .ttl-box .num {
    margin: 0 auto;
  }
}
.p-water-server-02 .p-payment-debit__featured .block03 .content .flex .box .ttl-box .num span {
  font-size: 3.2rem;
}
@media screen and (max-width: 767px) {
  .p-water-server-02 .p-payment-debit__featured .block03 .content .flex .box .ttl-box .txt-box {
    margin-top: 1.6rem;
  }
}
@media screen and (max-width: 767px) {
  .p-water-server-02 .p-payment-debit__featured .block03 .content .flex .box .ttl-box .ttl {
    text-align: center;
  }
}
.p-water-server-02 .p-payment-debit__featured .block03 .content .flex .box .ttl-box .price {
  margin-top: 1.6rem;
  color: #029CB0;
  font-size: 2rem;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .p-water-server-02 .p-payment-debit__featured .block03 .content .flex .box .ttl-box .price {
    margin-top: 0.8rem;
    text-align: center;
    font-size: 1.8rem;
  }
}
.p-water-server-02 .p-payment-debit__featured .block03 .content .flex .box .img {
  margin-top: 3.2rem;
}
@media screen and (max-width: 767px) {
  .p-water-server-02 .p-payment-debit__featured .block03 .content .flex .box .img {
    margin-top: 1.6rem;
  }
}
.p-water-server-02 .p-payment-debit__featured .block03 .lead {
  margin-top: 3.2rem;
  background-color: #fff;
  padding: 3.2rem;
  border-radius: 1.5rem;
  color: #029CB0;
  font-weight: 700;
  text-align: center;
  font-size: 2rem;
}
@media screen and (max-width: 767px) {
  .p-water-server-02 .p-payment-debit__featured .block03 .lead {
    margin-top: 2.4rem;
    padding: 3.2rem 0;
    font-size: 1.6rem;
    line-height: 1.3;
  }
}
.p-water-server-02 .p-payment-debit__featured .block03 .lead span {
  font-size: 4.8rem;
  padding: 0 0.5rem;
}
@media screen and (max-width: 767px) {
  .p-water-server-02 .p-payment-debit__featured .block03 .lead span {
    font-size: 4rem;
  }
}
.p-water-server-02 .p-payment-debit__featured .block03 .c-p--sm {
  margin-top: 1.6rem;
}

.p-water-server-03 .block01 .img-box {
  max-width: 64rem;
  margin: 6.4rem auto 0;
}
@media screen and (max-width: 767px) {
  .p-water-server-03 .block01 .img-box {
    margin-top: 4rem;
  }
}
.p-water-server-03 .p-payment-debit__featured {
  margin-top: 6.4rem;
}
@media screen and (max-width: 767px) {
  .p-water-server-03 .p-payment-debit__featured {
    margin-top: 4rem;
  }
}
@media screen and (max-width: 767px) {
  .p-water-server-03 .p-payment-debit__featured .c-bg-pink {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
.p-water-server-03 .p-payment-debit__featured .block02 .c-list__item:nth-child(n+2) {
  margin-top: 4.8rem;
}
@media screen and (max-width: 767px) {
  .p-water-server-03 .p-payment-debit__featured .block02 .c-list__item:nth-child(n+2) {
    margin-top: 3.2rem;
  }
}
.p-water-server-03 .p-payment-debit__featured .block02 .c-list__item .c-p--sm {
  margin-top: 1rem;
}
.p-water-server-03 .p-payment-debit__featured .block02 .c-list__item .img {
  margin-top: 1.6rem;
}
.p-water-server-03 .p-payment-debit__featured .block02 .c-list__item .c-list__desc {
  padding-top: 1rem;
}
.p-water-server-03 .p-payment-debit__featured .block03 .box01 {
  margin-top: 4.8rem;
  background-color: #fff;
  padding: 3.2rem;
  border-radius: 1.5rem;
}
@media screen and (max-width: 767px) {
  .p-water-server-03 .p-payment-debit__featured .block03 .box01 {
    margin-top: 3.2rem;
    padding: 3.2rem 1.6rem;
  }
}
.p-water-server-03 .p-payment-debit__featured .block03 .box01 .txt {
  text-align: center;
  color: #029CB0;
  font-size: 2rem;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .p-water-server-03 .p-payment-debit__featured .block03 .box01 .txt {
    font-size: 1.8rem;
    text-align: center;
  }
}
.p-water-server-03 .p-payment-debit__featured .block03 .box01 .txt span {
  padding: 0.6rem 1.6rem;
  background-color: #13BDC9;
  border-radius: 1.8rem;
  color: #fff;
  margin: 0 0.8rem;
  font-size: 1.4rem;
}
@media screen and (max-width: 767px) {
  .p-water-server-03 .p-payment-debit__featured .block03 .box01 .txt span {
    display: block;
    width: 100%;
    padding: 0.6rem 0;
    margin: 0 0 0.8rem;
  }
}
.p-water-server-03 .p-payment-debit__featured .block03 .box02 {
  margin-top: 2.4rem;
}
.p-water-server-03 .p-payment-debit__featured .block03 .box03 {
  margin-top: 2.4rem;
  background-color: #fff;
  padding: 2rem;
  border-radius: 1.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-right: 10rem;
  gap: 2rem;
}
@media screen and (max-width: 767px) {
  .p-water-server-03 .p-payment-debit__featured .block03 .box03 {
    padding: 2rem 0;
    padding-right: 0;
    flex-direction: column;
  }
}
.p-water-server-03 .p-payment-debit__featured .block03 .box03 .red {
  width: 7.6rem;
  height: 7.6rem;
  background-color: #DB0917;
  border-radius: 50%;
  color: #fff;
  font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.p-water-server-03 .p-payment-debit__featured .block03 .box03 .txt {
  color: #029CB0;
  font-size: 2rem;
}
@media screen and (max-width: 767px) {
  .p-water-server-03 .p-payment-debit__featured .block03 .box03 .txt {
    font-size: 1.8rem;
  }
}
.p-water-server-03 .p-payment-debit__featured .block03 .box03 .txt span {
  font-size: 4.8rem;
  padding: 0 0.5rem;
}
@media screen and (max-width: 767px) {
  .p-water-server-03 .p-payment-debit__featured .block03 .box03 .txt span {
    font-size: 4rem;
  }
}
.p-water-server-03 .p-payment-debit__featured .block03 .c-p--sm {
  margin-top: 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-water-server-03 .p-payment-debit__featured .block03 .c-p--sm {
    margin-top: 1.6rem;
  }
}
.p-water-server-03 .p-payment-debit__featured .block03 .c-list {
  margin-top: 4.8rem;
}
@media screen and (max-width: 767px) {
  .p-water-server-03 .p-payment-debit__featured .block03 .c-list {
    margin-top: 4rem;
  }
}
@media screen and (max-width: 767px) {
  .p-water-server-03 .p-payment-debit__featured .block04 .img.sp {
    margin-top: 3.2rem;
  }
}
.p-water-server-03 .p-payment-debit__featured .block04 .c-definition-list__head {
  width: 13rem;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .p-water-server-03 .p-payment-debit__featured .block04 .c-definition-list__head {
    width: 100%;
  }
}
.p-water-server-03 .p-payment-debit__featured .block04 .c-definition-list.-blue02 .c-definition-list__item:first-child .c-definition-list__head {
  border-top: none;
}
.p-water-server-03 .p-payment-debit__featured .block04 .c-definition-list.-blue02 .c-definition-list__item:first-child .c-definition-list__content {
  border-top: none;
}
.p-water-server-03 .p-payment-debit__featured .block04 .c-definition-list__content .c-p {
  display: flex;
  align-items: center;
}
.p-water-server-03 .p-payment-debit__featured .block04 .c-definition-list__content .flex {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-water-server-03 .p-payment-debit__featured .block04 .c-definition-list__content .flex {
    gap: 0.8rem;
    width: 100%;
  }
}
.p-water-server-03 .p-payment-debit__featured .block04 .c-definition-list__content .flex .red {
  background-color: #DB0917;
  border-radius: 1.5rem;
  padding: 1.6rem;
  display: inline-block;
  color: #fff;
  font-weight: 700;
  font-size: 1.4rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-water-server-03 .p-payment-debit__featured .block04 .c-definition-list__content .flex .red {
    width: 100%;
    display: block;
    padding: 0.8rem;
    text-align: center;
  }
}
.p-water-server-03 .p-payment-debit__featured .block04 .c-p--xs {
  margin-top: 1.6rem;
}

.p-water-server-04 .content {
  margin-top: 6.4rem;
}
@media screen and (max-width: 767px) {
  .p-water-server-04 .content {
    margin-top: 4rem;
  }
}
.p-water-server-04 .btn-box {
  margin-top: 6.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .p-water-server-04 .btn-box {
    margin-top: 4rem;
  }
}

.p-water-electrolyzed-01 .flex {
  margin-top: 6.4rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 4.8rem;
}
@media screen and (max-width: 767px) {
  .p-water-electrolyzed-01 .flex {
    margin-top: 4rem;
    grid-template-columns: repeat(1, 1fr);
    gap: 4rem;
  }
}

.p-water-electrolyzed-02 .c-list {
  margin-top: 6.4rem;
}
@media screen and (max-width: 767px) {
  .p-water-electrolyzed-02 .c-list__item .c-list__desc {
    padding-right: 0;
  }
}
.p-water-electrolyzed-02 .c-list__item .flex {
  display: flex;
  gap: 4.8rem;
}
@media screen and (max-width: 767px) {
  .p-water-electrolyzed-02 .c-list__item .flex {
    display: block;
  }
}
.p-water-electrolyzed-02 .c-list__item .flex .txt-box {
  flex: 1;
}
.p-water-electrolyzed-02 .c-list__item .flex .img {
  width: 29%;
}
@media screen and (max-width: 767px) {
  .p-water-electrolyzed-02 .c-list__item .flex .img {
    width: 100%;
    margin-bottom: 2rem;
  }
}
.p-water-electrolyzed-02 .c-list__item a {
  color: #029CB0;
  text-decoration: underline;
}
.p-water-electrolyzed-02 .c-definition-list {
  margin-top: 6.4rem;
}
.p-water-electrolyzed-02 .c-definition-list .c-definition-list__head.-border-none {
  border: none;
}
.p-water-electrolyzed-02 .c-definition-list .flex {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.p-water-electrolyzed-02 .c-definition-list .flex > .c-p:first-child {
  width: 22rem;
}
@media screen and (max-width: 767px) {
  .p-water-electrolyzed-02 .c-definition-list .flex > .c-p:first-child {
    width: 17rem;
  }
  .p-water-electrolyzed-02 .c-definition-list .flex > .c-p:first-child.-sp-full {
    width: 100%;
  }
}
.p-water-electrolyzed-02 .c-definition-list .flex .box {
  flex: 1;
}
@media screen and (max-width: 767px) {
  .p-water-electrolyzed-02 .c-definition-list .flex .box {
    padding-top: 1.6rem;
    padding-left: 2rem;
  }
}
.p-water-electrolyzed-02 .c-definition-list .flex .flex02 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.p-water-electrolyzed-02 .c-definition-list .flex .flex02:nth-child(n+2) {
  margin-top: 0.8rem;
}
.p-water-electrolyzed-02 .c-definition-list .flex .flex02 > .c-p {
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .p-water-electrolyzed-02 .c-definition-list .flex .flex02 > .c-p {
    white-space: normal;
  }
}
.p-water-electrolyzed-02 .c-definition-list .flex .flex02 > .c-p:first-child {
  width: 22rem;
}
@media screen and (max-width: 767px) {
  .p-water-electrolyzed-02 .c-definition-list .flex .flex02 > .c-p:first-child {
    width: 17rem;
  }
}
.p-water-electrolyzed-02 .c-definition-list .flex .flex02 > .c-p:nth-child(2) {
  flex: 1;
}
.p-water-electrolyzed-02 .c-p--sm {
  margin-top: 1.6rem;
}

@media screen and (max-width: 767px) {
  .p-water-electrolyzed-03 .block01 {
    margin-top: 4rem;
  }
}
.p-water-electrolyzed-03 .block01 .plan-box {
  background-color: #13BDC9;
  border-radius: 1.5rem;
  padding: 3.2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8rem;
}
@media screen and (max-width: 767px) {
  .p-water-electrolyzed-03 .block01 .plan-box {
    flex-direction: column;
    gap: 2.4rem;
    padding: 3.2rem 1.6rem;
  }
}
.p-water-electrolyzed-03 .block01 .plan-box .img {
  width: 21rem;
}
@media screen and (max-width: 767px) {
  .p-water-electrolyzed-03 .block01 .plan-box .img {
    width: 12.4rem;
  }
}
.p-water-electrolyzed-03 .block01 .plan-box .txt-box {
  max-width: 53.8rem;
}
.p-water-electrolyzed-03 .block01 .plan-box .txt-box .ttl {
  font-size: 2rem;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .p-water-electrolyzed-03 .block01 .plan-box .txt-box .ttl {
    line-height: 1.4;
    font-size: 1.6rem;
  }
}
.p-water-electrolyzed-03 .block01 .plan-box .txt-box .ttl span {
  font-size: 4.8rem;
}
@media screen and (max-width: 767px) {
  .p-water-electrolyzed-03 .block01 .plan-box .txt-box .ttl span {
    font-size: 4rem;
  }
}
.p-water-electrolyzed-03 .block01 .plan-box .txt-box .btn {
  margin-top: 2.4rem;
}
.p-water-electrolyzed-03 .block01 .plan-box .txt-box .btn .c-link-button {
  margin: 0 auto;
}
.p-water-electrolyzed-03 .block01 .c-list {
  margin-top: 6.4rem;
}
@media screen and (max-width: 767px) {
  .p-water-electrolyzed-03 .block01 .c-list {
    margin-top: 3.2rem;
  }
}
.p-water-electrolyzed-03 .block01 .c-list .c-list__desc.pb0 {
  padding-bottom: 0;
}
@media screen and (max-width: 767px) {
  .p-water-electrolyzed-03 .block01 .c-list .c-list__desc {
    padding-right: 0;
  }
}
.p-water-electrolyzed-03 .block01 .c-list .c-list__desc.-s {
  font-size: 1.4rem;
}
@media screen and (max-width: 767px) {
  .p-water-electrolyzed-03 .block01 .c-list .c-list__desc.-s {
    font-size: 1.2rem;
  }
}
.p-water-electrolyzed-03 .block01 .c-list .list {
  margin: 2.4rem 2rem 0;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 4.2rem;
}
@media screen and (max-width: 767px) {
  .p-water-electrolyzed-03 .block01 .c-list .list {
    margin-top: 0.8rem;
    grid-template-columns: repeat(1, 1fr);
    margin: 3.2rem 0 0;
  }
}
.p-water-electrolyzed-03 .block01 .c-list .list li {
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 1.5rem;
  color: #13BDC9;
  font-weight: 700;
  padding: 1.6rem 0;
  text-align: center;
  position: relative;
}
.p-water-electrolyzed-03 .block01 .c-list .list li:nth-child(n+2)::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -4.2rem;
  width: 4.1rem;
  height: 2.2rem;
  mask-position: center center;
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-image: url(../images/common/ic-accordion-close-sp.png);
  background-color: #029CB0;
  background-size: 4.1rem;
}
@media screen and (max-width: 767px) {
  .p-water-electrolyzed-03 .block01 .c-list .list li:nth-child(n+2)::before {
    top: -3.5rem;
    left: 50%;
    transform: translateX(-50%);
  }
}
.p-water-electrolyzed-03 .block02 .c-point-list {
  margin-top: 0;
}
.p-water-electrolyzed-03 .block02 .c-point-list .c-point-list_item_ttl-box {
  height: 30rem;
}
.p-water-electrolyzed-03 .block02 .c-point-list .c-point-list_item_ttl-box::after {
  background-color: #fff;
}
.p-water-electrolyzed-03 .block02 .c-point-list .c-point-list_item_ttl-box .c-point-list_item_img {
  max-width: 20rem;
  height: 19rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.p-water-electrolyzed-03 .block02 .c-secttl02 {
  margin-top: 6.4rem;
}
@media screen and (max-width: 767px) {
  .p-water-electrolyzed-03 .block02 .c-secttl02 {
    margin-top: 4rem;
  }
}
.p-water-electrolyzed-03 .block03 .list {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 4rem 5.6rem;
}
@media screen and (max-width: 767px) {
  .p-water-electrolyzed-03 .block03 .list {
    gap: 3.5rem;
  }
}
.p-water-electrolyzed-03 .block03 .list li {
  width: 14rem;
  background-color: #13BDC9;
  border-radius: 1.5rem;
  height: 8rem;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .p-water-electrolyzed-03 .block03 .list li {
    width: 100%;
    height: auto;
    padding: 1.6rem 0;
  }
}
.p-water-electrolyzed-03 .block03 .list li:nth-child(n+2) {
  position: relative;
}
.p-water-electrolyzed-03 .block03 .list li:nth-child(n+2)::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -4rem;
  width: 2rem;
  height: 2rem;
  background: url(../images/common/btn_arrow_lg_blu03.svg) no-repeat center center/contain;
}
@media screen and (max-width: 767px) {
  .p-water-electrolyzed-03 .block03 .list li:nth-child(n+2)::before {
    transform: translateX(-50%) rotate(90deg);
    left: 50%;
    top: -3rem;
  }
}
.p-water-electrolyzed-03 .block03 .list li:last-child {
  background-color: #029CB0;
}
.p-water-electrolyzed-03 .block04 .btn-box {
  margin-top: 6.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .p-water-electrolyzed-03 .block04 .btn-box {
    margin-top: 4rem;
  }
}
@media screen and (max-width: 767px) {
  .p-water-electrolyzed-03 .block04 .btn-box:first-child .c-link-button {
    width: 27.8rem;
  }
}

/*  都市ガス よくある質問
---------------------------------------------------------------------------- */
@media screen and (max-width: 767px) {
  .p-citygas-faq-content .c-toggle__text {
    padding-top: 0;
    padding-left: 0;
  }
}

/*  蓄電池
---------------------------------------------------------------------------- */
.u-big {
  font-size: 4.8rem;
}

@media screen and (max-width: 767px) {
  .u-big {
    font-size: 4rem;
  }
}
.c-step-list_item.-green {
  background-color: #ECFAF3;
}

.c-step-list_item.-green::before {
  background-color: #fff;
}

.c-step-list_item_content.-green {
  background-color: #ECFAF3;
}

.c-step-list_box {
  background-color: #00D19D;
  padding: 3.2rem;
  border-radius: 1.5rem;
  margin-top: 6.4rem;
}

@media screen and (max-width: 767px) {
  .c-step-list_box {
    padding: 2.4rem 1.6rem;
    margin-top: 4rem;
  }
}
.c-step-list_box .c-step-list_box_ttl {
  color: #fff;
  font-weight: 700;
  font-size: 2rem;
  text-align: center;
  margin-top: 1.3rem;
}

@media screen and (max-width: 767px) {
  .c-step-list_box .c-step-list_box_ttl {
    font-size: 1.6rem;
    margin-top: 0.8rem;
  }
}
.c-step-list_box .c-step-list_box_number {
  color: #fff;
  font-weight: 700;
  font-size: 2rem;
  padding-bottom: 2.4rem;
  text-align: center;
  position: relative;
  margin-top: 1.3rem;
}
.c-step-list_box .c-step-list_box_number .u-big {
  padding: 0 0.5rem;
}

.c-step-list_box .c-step-list_box_number::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-image: repeating-linear-gradient(to right, #FFFFFF 0, #FFFFFF 0.2rem, transparent 0.2rem, transparent 0.5rem);
}

@media screen and (max-width: 767px) {
  .c-step-list_box .c-step-list_box_number {
    font-size: 1.6rem;
    margin-top: 0.8rem;
  }
}
.c-step-list_box .c-step-list_box_txt {
  color: #fff;
  font-size: 1.6rem;
  margin-top: 2.4rem;
}

@media screen and (max-width: 767px) {
  .c-step-list_box .c-step-list_box_txt {
    margin-top: 1.6rem;
    font-size: 1.4rem;
  }
}
.c-step-list_box .c-step-list_box_txt02 {
  color: #fff;
  font-size: 1.2rem;
  margin-top: 1.6rem;
  line-height: 1.4;
}

.c-bg-pink.box01 {
  margin-top: 6.4rem;
}

@media screen and (max-width: 767px) {
  .c-bg-pink.box01 {
    margin-top: 4rem;
    padding: 3.2rem 0;
  }
}
.c-bg-pink.box02 {
  margin-top: 6.4rem;
}

@media screen and (max-width: 767px) {
  .c-bg-pink.box02 {
    margin-top: 4rem;
  }
}
.list-box01 {
  display: flex;
  justify-content: space-between;
  gap: 4.8rem;
}

@media screen and (max-width: 767px) {
  .list-box01 {
    display: grid;
  }
}
.list-box01 .list-box_item01 {
  width: 69.6828358209%;
}
@media screen and (max-width: 767px) {
  .list-box01 .list-box_item01 {
    width: 100%;
  }
}

.list-box01 .list-box_item01 .list-item01 {
  margin-top: 4.8rem;
  display: grid;
  gap: 0.8rem;
}

@media screen and (max-width: 767px) {
  .list-box01 .list-box_item01 .list-item01 {
    margin-top: 3.2rem;
  }
}
.list-box01 .list-box_item01 .list-item01 .list-item_txt {
  font-size: 2rem;
  position: relative;
  padding-left: 2.8rem;
}

.list-box01 .list-box_item01 .list-item01 .list-item_txt::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 2rem;
  height: 2rem;
  background-color: #00D19D;
  border-radius: 50%;
}

@media screen and (max-width: 767px) {
  .list-box01 .list-box_item01 .list-item01 .list-item_txt {
    font-size: 1.4rem;
  }
  .list-box01 .list-box_item01 .list-item01 .list-item_txt::before {
    width: 1.6rem;
    height: 1.6rem;
  }
}
.list-box01 .list-box_item01 .list-item02 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2.4rem;
  margin-top: 6rem;
}

@media screen and (max-width: 767px) {
  .list-box01 .list-box_item01 .list-item02 {
    grid-template-columns: repeat(1, 1fr);
    width: 100%;
    margin-top: 3.2rem;
  }
}
.list-box01 .list-box_item01 .list-item02 .list-box02_item .ttl {
  font-size: 1.6rem;
  background-color: #FFFFFF;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .list-box01 .list-box_item01 .list-item02 .list-box02_item .ttl {
    font-size: 1.4rem;
  }
}
.list-box01 .list-box_item01 .list-item02 .list-box02_item .txt {
  font-size: 1.6rem;
  margin-top: 1.6rem;
}

@media screen and (max-width: 767px) {
  .list-box01 .list-box_item01 .list-item02 .list-box02_item .txt {
    font-size: 1.4rem;
    line-height: 1.6428571429;
  }
}
.list-box01 .list-box_item02 {
  width: 30.3171641791%;
  margin-top: 7.8rem;
}

@media screen and (max-width: 767px) {
  .list-box01 .list-box_item02 {
    width: 100%;
    margin-top: 0;
  }
}
.list-box03 {
  margin-top: 4.8rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 4.8rem;
}

@media screen and (max-width: 767px) {
  .list-box03 {
    grid-template-columns: repeat(1, 1fr);
    gap: 2.4rem;
    margin-top: 3.2rem;
  }
}
.list-box03 .list-box03_item {
  background-color: #FFFFFF;
  padding: 4.8rem 3.2rem;
  border-radius: 1.5rem;
}

.list-box03 .list-box03_item .ttl {
  font-size: 2rem;
  font-weight: 700;
  color: #00A37A;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .list-box03 .list-box03_item .ttl {
    font-size: 1.6rem;
  }
}
.list-box03 .list-box03_item .txt {
  font-size: 1.6rem;
  margin-top: 1.6rem;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .list-box03 .list-box03_item .txt {
    font-size: 1.4rem;
    margin-top: 0.8rem;
  }
}
.list-box03 .list-box03_item .img {
  margin-top: 3.2rem;
  width: 100%;
}

.list-box03 .list-box03_item .txt02 {
  font-size: 1.6rem;
  margin-top: 3.2rem;
  line-height: 1.625;
}

@media screen and (max-width: 767px) {
  .list-box03 .list-box03_item .txt02 {
    font-size: 1.4rem;
    margin-top: 2.4rem;
    line-height: 1.8571428571;
  }
}
.c-secttl02.-green {
  margin-bottom: 0;
}

.p-maintenance-03 .c-container .img {
  margin-top: 3.2rem;
}

@media screen and (max-width: 767px) {
  .p-maintenance-03 .c-container .img {
    margin-top: 0.8rem;
  }
}
.p-maintenance-03 .box01 {
  margin-top: 4.8rem;
  display: flex;
  gap: 4.8rem;
}

@media screen and (max-width: 767px) {
  .p-maintenance-03 .box01 {
    margin-top: 3.2rem;
    flex-direction: column-reverse;
    gap: 3.2rem;
  }
}
.p-maintenance-03 .box01 .list-item01 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2.4rem;
  width: 69.6828358209%;
}

@media screen and (max-width: 767px) {
  .p-maintenance-03 .box01 .list-item01 {
    grid-template-columns: repeat(1, 1fr);
    width: 100%;
  }
}
.p-maintenance-03 .box01 .list-item01 .list-box01_item .ttl {
  font-size: 1.6rem;
  background-color: #FFFFFF;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .p-maintenance-03 .box01 .list-item01 .list-box01_item .ttl {
    font-size: 1.4rem;
  }
}
.p-maintenance-03 .box01 .list-item01 .list-box01_item .txt {
  font-size: 1.6rem;
  margin-top: 1.6rem;
}

@media screen and (max-width: 767px) {
  .p-maintenance-03 .box01 .list-item01 .list-box01_item .txt {
    font-size: 1.4rem;
    line-height: 1.6428571429;
  }
}
.p-maintenance-03 .box01 .list-box_item02 {
  width: 30.3171641791%;
}

@media screen and (max-width: 767px) {
  .p-maintenance-03 .box01 .list-box_item02 {
    width: 100%;
  }
}
.c-step-list_wrap {
  margin-top: 6.4rem;
  background-color: #FFFFFF;
  padding: 3.2rem 0;
  border-radius: 1.5rem;
  width: 71.0714285714%;
  margin-inline: auto;
}

@media screen and (max-width: 767px) {
  .c-step-list_wrap {
    margin-top: 4rem;
    padding: 2.4rem 0;
    width: 100%;
  }
}
.c-step-list_wrap .c-step-list_box_number {
  font-size: 2rem;
  color: #00A37A;
  text-align: center;
  line-height: 1.4;
}

@media screen and (max-width: 767px) {
  .c-step-list_wrap .c-step-list_box_number {
    font-size: 1.6rem;
  }
}/*# sourceMappingURL=add.css.map */