@charset "UTF-8";
#m-footer .copy small, .e_h2 small {
  font-family: "Montserrat", sans-serif;
}

.m-cvModal .close, .m-cvModal .in .call a, .e-linkLabel {
  transition: opacity 0.3s ease;
}
.m-cvModal .close:hover, .m-cvModal .in .call a:hover, .e-linkLabel:hover {
  opacity: 0.4;
}

body {
  font-family: "Noto Sans JP", "Montserrat", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-feature-settings: "palt" 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-kerning: auto;
  line-height: 1.6;
  letter-spacing: 0.1em;
  font-size: 16px;
  font-weight: 400;
  color: #333;
  background: #fff;
}
@media screen and (max-width: 769px) {
  body {
    font-size: 14px;
  }
}

p.img {
  margin: 1.5em 0;
}

img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

sup {
  font-size: 12px;
  display: inline-block;
}

.inner {
  @Include clf;
  margin: 0 auto;
  max-width: 870px;
  padding: 0 75px;
  padding: 0 22px;
}
@media screen and (max-width: 769px) {
  .inner {
    padding: 0 22px;
  }
}
.inner .inner {
  width: 100%;
  max-width: 550px;
  padding: 0;
}

br.sp {
  display: none;
  display: inline;
}
@media screen and (max-width: 769px) {
  br.sp {
    display: inline;
  }
}

.for_sp {
  display: none;
  display: inline;
}
@media screen and (max-width: 769px) {
  .for_sp {
    display: inline;
  }
}

.for_pc {
  display: block;
  display: none;
}
@media screen and (max-width: 769px) {
  .for_pc {
    display: none;
  }
}

.elm_chui {
  font-size: 12px;
  line-height: 1.4;
  display: inline-block;
}
.elm_chui .red {
  font-weight: 600;
  color: #E40000;
}
.elm_chui p {
  margin-bottom: 0.5em;
  text-indent: -1em;
  padding-left: 1em;
}
.elm_chui p.plane {
  text-indent: 0em;
  padding-left: 0em;
}

.l-contents {
  overflow: hidden;
}
@media screen and (max-width: 769px) {
  .l-contents {
    overflow: hidden;
  }
}

.l_section {
  margin: 6em 0;
  margin: 6em 0;
}
@media screen and (max-width: 769px) {
  .l_section {
    margin: 6em 0;
  }
}

article .last {
  text-align: right;
  font-size: 12px;
  font-weight: 500;
  font-size: 10px;
  text-align: center;
}
@media screen and (max-width: 769px) {
  article .last {
    font-size: 10px;
    text-align: center;
  }
}

.e_h2 {
  text-align: center;
  margin: 0 0 4rem 0;
  line-height: 1;
  margin: 0 0 2rem 0;
}
@media screen and (max-width: 769px) {
  .e_h2 {
    margin: 0 0 2rem 0;
  }
}
.e_h2 span {
  color: #403433;
  font-weight: 700;
  font-size: 26px;
  font-size: 20px;
}
@media screen and (max-width: 769px) {
  .e_h2 span {
    font-size: 20px;
  }
}
.e_h2 small {
  display: block;
  color: #EB5505;
  font-weight: 500;
  margin-bottom: 1em;
  font-size: 12px;
  font-size: 10px;
}
@media screen and (max-width: 769px) {
  .e_h2 small {
    font-size: 10px;
  }
}
.e_h2 + p {
  text-align: center;
  margin-top: -2rem;
  font-weight: 500;
  letter-spacing: 0.15em;
  margin-bottom: 4rem;
  margin-bottom: 2rem;
  margin-top: -1rem;
  text-align: left;
}
@media screen and (max-width: 769px) {
  .e_h2 + p {
    margin-bottom: 2rem;
    margin-top: -1rem;
    text-align: left;
  }
}

.e_h3 {
  font-size: 44px;
  line-height: 1.4;
  font-weight: 800;
  color: #EB5505;
  margin-bottom: 2em;
  letter-spacing: 0.1em;
  font-size: 22px;
  text-align: center;
  font-size: 22px;
  text-align: center;
}
@media screen and (max-width: 769px) {
  .e_h3 {
    font-size: 22px;
    text-align: center;
  }
}
.e_h3 + p {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.1em;
  line-height: 2;
  margin-bottom: 1em;
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 1.5em;
}
@media screen and (max-width: 769px) {
  .e_h3 + p {
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 1.5em;
  }
}
.e_h3 span {
  display: inline-block;
}

.e_h4 {
  font-weight: 800;
  font-size: 16px;
  text-align: center;
  margin-top: 6rem;
  margin-bottom: 2rem;
  font-size: 13px;
  margin-top: 3rem;
  margin-bottom: 1rem;
}
@media screen and (max-width: 769px) {
  .e_h4 {
    font-size: 13px;
    margin-top: 3rem;
    margin-bottom: 1rem;
  }
}

.e_h5 {
  font-weight: 600;
  text-align: center;
  font-size: 16px;
}

.e-chu {
  font-size: 12px;
  font-weight: 500;
  font-size: 10px;
}
.e-chu strong {
  color: #EF2F51;
  display: inline-block;
  font-weight: 500;
}
@media screen and (max-width: 769px) {
  .e-chu {
    font-size: 10px;
  }
}

.e-linkLabel {
  background-color: #87C4C6;
  display: block;
  border-radius: 6px;
  padding: 1.1em 1.3em;
  padding-right: 2.3rem;
  font-weight: 600;
  color: #fff;
  font-size: 13px;
  background-image: url(/energy/denki/all_denka/cmn/images/icon_arrow_r.png);
  background-repeat: no-repeat;
  background-size: 11px;
  background-repeat: no-repeat;
  background-position: right 1.3em center;
}
.e-linkLabel.under {
  background-image: url(/energy/denki/all_denka/cmn/images/icon_arrow_u.png);
}

.e-lead {
  font-weight: 600;
  font-size: 18px;
  letter-spacing: 0.3em;
  text-align: center;
  line-height: 2.2em;
  font-size: 14px;
}
@media screen and (max-width: 769px) {
  .e-lead {
    font-size: 14px;
  }
}
@media screen and (max-width: 320px) {
  .e-lead {
    font-size: 12px;
  }
}

#m_mv {
  background: url("../images/2025/mv_bg.png") repeat-x center center;
  background-size: auto 100%;
  padding: 5rem 0 12rem;
}
#m_mv .mv-title {
  margin: 0 auto;
  max-width: 450px;
  width: 95%;
}

.m_boxNote {
  margin-top: 3rem;
  background: #fff;
  border-radius: 20px;
  padding: 1em;
  border: 2px solid #333;
}
.m_boxNote .boxNote-h2 {
  text-align: center;
  font-weight: 600;
  margin-bottom: 0.7em;
  font-size: 16px;
}
.m_boxNote .boxNote-h3 {
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 0.7em;
}
.m_boxNote .boxNote-600 {
  font-weight: 600;
  margin-bottom: 0.5em;
}
.m_boxNote .boxNote-fontS {
  font-size: 12px;
}
.m_boxNote hr {
  margin: 0.8rem 0;
  border: none;
  border-top: 1px dotted #707070;
}
.m_boxNote hr.obake {
  border-top: none;
  height: 1px;
}
.m_boxNote hr.slim {
  margin: 0.5rem 0;
}
.m_boxNote hr.fat {
  margin: 0.9rem 0;
}

#m_header {
  background: #fff;
  text-align: center;
  padding: 21px 0;
}
#m_header img {
  width: 130px;
}

#m-footer {
  background: #F0FFFE;
  padding: 3rem 0 9rem;
  padding: 2rem 0 5.3rem;
}
@media screen and (max-width: 769px) {
  #m-footer {
    padding: 2rem 0 5.3rem;
  }
}
#m-footer .inner {
  display: flex;
  justify-content: space-between;
  font-weight: 600;
  margin-bottom: 3rem;
  flex-direction: column;
  margin-bottom: 2rem;
}
@media screen and (max-width: 769px) {
  #m-footer .inner {
    flex-direction: column;
    margin-bottom: 2rem;
  }
}
#m-footer .footer-r {
  line-height: 1;
  display: block;
  padding-right: 0.9rem;
  padding-bottom: 3px;
  background: url(/energy/denki/all_denka/cmn/images/icon/icon_arrow_r_o.png) no-repeat right center;
  background-size: 10px;
  color: #EB5505;
  border-radius: 8px;
  padding: 0.8rem 1rem;
  background: url(/energy/denki/all_denka/cmn/images/icon/icon_arrow_r_o.png) no-repeat right 1em center;
  background-size: 10px;
  background-color: #fff;
}
@media screen and (max-width: 769px) {
  #m-footer .footer-r {
    border-radius: 8px;
    padding: 0.8rem 1rem;
    background: url(/energy/denki/all_denka/cmn/images/icon/icon_arrow_r_o.png) no-repeat right 1em center;
    background-size: 10px;
    background-color: #fff;
  }
}
#m-footer .footer-l {
  line-height: 1;
  margin-bottom: 1rem;
}
@media screen and (max-width: 769px) {
  #m-footer .footer-l {
    margin-bottom: 1rem;
  }
}
#m-footer .footer-l ul {
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 769px) {
  #m-footer .footer-l ul {
    flex-direction: column;
  }
}
#m-footer .footer-l ul li {
  margin-right: 1.3em;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.17);
  margin-right: 0;
}
@media screen and (max-width: 769px) {
  #m-footer .footer-l ul li {
    border-bottom: 1px dashed rgba(0, 0, 0, 0.17);
    margin-right: 0;
  }
}
#m-footer .footer-l ul li a {
  display: block;
  padding-left: 0.9rem;
  padding-bottom: 3px;
  background: url(/energy/denki/all_denka/cmn/images/icon/icon_arrow_r_o.png) no-repeat left center;
  background-size: 10px;
  padding: 0.7em 0;
  padding-left: 0.9rem;
}
@media screen and (max-width: 769px) {
  #m-footer .footer-l ul li a {
    padding: 0.7em 0;
    padding-left: 0.9rem;
  }
}
#m-footer .copy {
  text-align: center;
}
#m-footer .copy a {
  display: inline-block;
  width: 82px;
  margin-bottom: 1rem;
}
#m-footer .copy small {
  display: block;
  font-size: 10px;
  font-weight: 700;
  opacity: 0.4;
  letter-spacing: 0.05em;
}

#m_area {
  background: url(/energy/denki/all_denka/cmn/images/area/map.png) no-repeat center center;
  background-size: cover;
  background-color: #FFFAD7;
  text-align: center;
  padding: 6rem 0;
  padding: 3rem 0;
}
@media screen and (max-width: 769px) {
  #m_area {
    padding: 3rem 0;
  }
}
#m_area ul {
  margin: 8rem 0 6rem;
  margin: 4rem 0 3rem;
}
@media screen and (max-width: 769px) {
  #m_area ul {
    margin: 4rem 0 3rem;
  }
}
#m_area ul li {
  color: #EB5505;
  font-weight: 700;
  line-height: 1;
}
#m_area ul li .name {
  display: inline-block;
  background: #fff;
  padding: 0.3em 0.7em 0.4em;
  border-radius: 15px;
  font-size: 32px;
  font-size: 26px;
}
@media screen and (max-width: 769px) {
  #m_area ul li .name {
    font-size: 26px;
  }
}
#m_area ul li .ex {
  display: block;
  margin-top: 1em;
  font-size: 12px;
}
@media screen and (max-width: 769px) {
  #m_area ul li .ex {
    font-size: 12px;
  }
}

.m_acd dl {
  margin-bottom: 1em;
  position: relative;
  border-radius: 50px;
  padding: 1rem 0;
  background-color: #fff;
  border: 1px solid #EB5505;
  border-radius: 20px;
  padding: 1rem 0;
}
@media screen and (max-width: 769px) {
  .m_acd dl {
    border-radius: 20px;
    padding: 1rem 0;
  }
}
.m_acd dt {
  font-size: 16px;
  padding: 0.5em 0;
  padding-left: 2.1rem;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  padding-left: 1.3rem;
  padding-right: 2.3rem;
  font-size: 13px;
  background-size: auto 1.5rem;
  background-position: left 1rem center;
  width: 100%;
  line-height: 1.2;
}
@media screen and (max-width: 769px) {
  .m_acd dt {
    padding-left: 1.3rem;
    padding-right: 2.3rem;
    font-size: 13px;
    background-size: auto 1.5rem;
    background-position: left 1rem center;
    width: 100%;
    line-height: 1.2;
  }
}
.m_acd dt:hover:before {
  opacity: 0.6;
}
.m_acd dt:before {
  content: "";
  position: absolute;
  right: 2em;
  top: 50%;
  transform: translateY(-50%);
  background-image: url(/energy/denki/all_denka/cmn/images/icon/a_d.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 11px;
  background-color: #FEE529;
  font-weight: 700;
  font-size: 12px;
  padding: 1.5em;
  border-radius: 30px;
  line-height: 1;
  font-size: 10px;
  padding: 1.3em;
  right: 1em;
  background-size: 8px;
  background-position: center center;
}
@media screen and (max-width: 769px) {
  .m_acd dt:before {
    font-size: 10px;
    padding: 1.3em;
    right: 1em;
    background-size: 8px;
    background-position: center center;
  }
}
.m_acd dt.active:before {
  background-image: url(/energy/denki/all_denka/cmn/images/icon/a_u.png);
}
.m_acd dd {
  background: rgba(253, 240, 233, 0.63);
  width: calc(100% - 3.2em);
  margin: 1.5rem auto 0;
  border-radius: 30px;
  padding: 1.5rem 2rem;
  display: none;
  padding: 0.5rem 1rem;
  border-radius: 10px;
  width: calc(100% - 2.3em);
  margin: 0.7rem auto 0;
  font-size: 11px;
}
@media screen and (max-width: 769px) {
  .m_acd dd {
    padding: 0.5rem 1rem;
    border-radius: 10px;
    width: calc(100% - 2.3em);
    margin: 0.7rem auto 0;
    font-size: 11px;
  }
}

#m_price .m_acd {
  margin-top: 1.5rem;
  margin-bottom: 4rem;
}
#m_price .m_acd dl {
  border: none;
  padding: 1.5rem 0;
}
#m_price .m_acd dl:after {
  content: "";
  display: block;
  width: 46px;
  height: 46px;
  background-image: url(/energy/denki/all_denka/cmn/images/price/p.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  position: absolute;
  bottom: calc(-23px - 0.5em);
  left: 50%;
  margin-left: -23px;
  z-index: 1;
  width: 30px;
  height: 30px;
  margin-left: -15px;
  bottom: calc(-15px - 0.5em);
}
@media screen and (max-width: 769px) {
  #m_price .m_acd dl:after {
    width: 30px;
    height: 30px;
    margin-left: -15px;
    bottom: calc(-15px - 0.5em);
  }
}
#m_price .m_acd dl:nth-child(1) {
  background-color: #FCEFE7;
}
#m_price .m_acd dl:nth-child(1) dt {
  background-image: url(/energy/denki/all_denka/cmn/images/price/1.png);
}
#m_price .m_acd dl:nth-child(2) {
  background-color: #FCEFE7;
}
#m_price .m_acd dl:nth-child(2):after {
  background-image: url(/energy/denki/all_denka/cmn/images/price/pm.png);
}
#m_price .m_acd dl:nth-child(2) dt {
  background-image: url(/energy/denki/all_denka/cmn/images/price/2.png);
}
#m_price .m_acd dl:nth-child(3) {
  background-color: #fff;
  border: 1px solid #EB5505;
}
#m_price .m_acd dl:nth-child(3) dt {
  background-image: url(/energy/denki/all_denka/cmn/images/price/3.png);
}
#m_price .m_acd dl:nth-child(3) dd {
  background: rgba(253, 240, 233, 0.63);
}
#m_price .m_acd dl:nth-child(4) {
  background-color: #F6FAD1;
}
#m_price .m_acd dl:nth-child(4):after {
  content: none;
}
#m_price .m_acd dl:nth-child(4) dt {
  background-image: url(/energy/denki/all_denka/cmn/images/price/4.png);
}
#m_price .m_acd dt {
  background-image: url(/energy/denki/all_denka/cmn/images/price/1.png);
  background-repeat: no-repeat;
  background-position: left 2.3rem center;
  background-size: auto 2.8rem;
  padding-left: 4.8rem;
  background-position: left 1.3rem center;
  padding-left: 3.5rem;
  padding-right: 9em;
}
@media screen and (max-width: 769px) {
  #m_price .m_acd dt {
    background-position: left 1.3rem center;
    padding-left: 3.5rem;
    padding-right: 9em;
  }
}
#m_price .m_acd dt:before {
  content: "詳しく見る";
  background-position: right 1.3em center;
  padding: 1.5em 2.5em 1.5em 2em;
}
#m_price .m_acd dt.active:before {
  content: "閉じる　";
  background-image: url(/energy/denki/all_denka/cmn/images/icon/a_u.png);
}
#m_price .m_acd dd {
  background: #fff;
  width: calc(100% - 3.2em);
  margin: 1.5rem auto 0;
  border-radius: 30px;
  padding: 1.5rem 2rem;
  display: none;
  padding: 0.5rem 1rem;
  border-radius: 10px;
  width: calc(100% - 2.3em);
  margin: 0.7rem auto 0;
  font-size: 11px;
}
@media screen and (max-width: 769px) {
  #m_price .m_acd dd {
    padding: 0.5rem 1rem;
    border-radius: 10px;
    width: calc(100% - 2.3em);
    margin: 0.7rem auto 0;
    font-size: 11px;
  }
}
#m_price table {
  font-size: 12px;
  width: 100%;
  border-bottom: 1px solid #8a8a8a;
  font-size: 11px;
}
@media screen and (max-width: 769px) {
  #m_price table {
    font-size: 11px;
  }
}
#m_price table .ws {
  width: 15%;
}
#m_price table .w {
  width: 15%;
}
#m_price table .wh {
  width: 20%;
}
#m_price table .bgg {
  background: #F9F9F9;
  padding-left: 2.1em;
  padding-left: 0.6em;
}
@media screen and (max-width: 769px) {
  #m_price table .bgg {
    padding-left: 0.6em;
  }
}
#m_price table td, #m_price table th {
  padding: 0.9em;
  vertical-align: middle;
  text-align: center;
  font-weight: 500;
  padding: 0.6em;
}
@media screen and (max-width: 769px) {
  #m_price table td, #m_price table th {
    padding: 0.6em;
  }
}
#m_price table .tal {
  text-align: left;
}
#m_price table .tar {
  text-align: right;
}
#m_price table .bd {
  border-top: 1px solid #767676;
}
#m_price table .bdd {
  border-bottom: 1px dashed #c0c0c0;
}
#m_price table + p {
  font-size: 12px;
  font-weight: 500;
  text-align: left;
  display: block;
  margin-top: 0.4em;
  margin-bottom: 2.5rem;
  font-size: 10px;
  margin-bottom: 1.5rem;
}
@media screen and (max-width: 769px) {
  #m_price table + p {
    font-size: 10px;
    margin-bottom: 1.5rem;
    text-align: left;
  }
}

.m_chu {
  font-size: 12px;
  font-weight: 500;
  padding: 0;
  margin: 0;
  font-size: 10px;
}
@media screen and (max-width: 769px) {
  .m_chu {
    font-size: 10px;
  }
}
.m_chu li {
  padding-left: 1.2em;
  text-indent: -1.2em;
  line-height: 1.8;
  line-height: 1.6;
  text-align: justify;
  font-weight: 400;
}
@media screen and (max-width: 769px) {
  .m_chu li {
    line-height: 1.6;
    text-align: justify;
    font-weight: 400;
  }
}

#m_CVFix {
  position: fixed;
  z-index: 1000;
  bottom: 0;
  left: 0;
  width: 100%;
  background: rgba(255, 255, 255, 0.8);
  padding: 17px 0;
  text-align: center;
}
#m_CVFix a {
  line-height: 1;
  display: block;
  background: #FF700B;
  width: 100%;
  color: #fff;
  font-weight: 600;
  font-size: 18px;
  padding: 1.5em;
  border-radius: 100px;
  box-shadow: 0 5px 0 #CC5E10;
  max-width: 470px;
  margin: 0 auto;
}

#m_cv {
  padding: 4rem 0;
  margin-bottom: 0;
  padding: 2rem 0;
}
@media screen and (max-width: 769px) {
  #m_cv {
    padding: 2rem 0;
  }
}
#m_cv .base {
  background: url(/energy/denki/all_denka/cmn/images/cv/i.png) no-repeat left 3rem top 0.7rem;
  background-size: auto 100%;
  background-color: #FEE529;
  text-align: center;
  border-radius: 500px;
  letter-spacing: 0.2em;
  padding: 4.5rem 0;
  padding: 5rem 0 6rem;
  border-radius: 70px;
  background: url(/energy/denki/all_denka/cmn/images/cv/i.png) no-repeat center;
  background-size: 80%;
  background-color: #FEE529;
}
@media screen and (max-width: 769px) {
  #m_cv .base {
    padding: 5rem 0 6rem;
    border-radius: 70px;
    background: url(/energy/denki/all_denka/cmn/images/cv/i.png) no-repeat center;
    background-size: 80%;
    background-color: #FEE529;
  }
}
#m_cv .base .ttl {
  color: #e13600;
  font-weight: 800;
  font-size: 250%;
  margin-bottom: 0.5em;
}
#m_cv .base .txt {
  font-size: 24px;
  font-weight: 800;
  line-height: 1.5;
  color: #403433;
  margin-bottom: 1.4em;
  font-size: 22px;
}
@media screen and (max-width: 769px) {
  #m_cv .base .txt {
    font-size: 22px;
  }
}
@media screen and (max-width: 320px) {
  #m_cv .base .txt {
    font-size: 20px;
  }
}
#m_cv .base .btn {
  background: #EB5505;
  color: #fff;
  font-weight: 800;
  font-size: 22px;
  display: inline-block;
  border-radius: 500px;
  line-height: 1;
  vertical-align: bottom;
  padding: 1em 4em 1.2em;
  cursor: pointer;
  transition: all 0.3s ease;
  font-size: 18px;
  padding: 1em 3em 1.2em;
}
@media screen and (max-width: 769px) {
  #m_cv .base .btn {
    font-size: 18px;
    padding: 1em 3em 1.2em;
  }
}
@media screen and (max-width: 320px) {
  #m_cv .base .btn {
    font-size: 15px;
  }
}
#m_cv .base .btn:hover {
  opacity: 0.6;
}

#m_cv {
  padding-bottom: 0;
}
#m_cv .btn {
  position: relative;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  filter: grayscale(100%);
  opacity: 0.5;
  cursor: default !important;
}
#m_cv .btn:after {
  content: "";
  display: block;
  background: #999;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 500px;
  opacity: 0.3;
}
#m_cv .e_h3 small {
  display: block;
  width: 50px;
  margin: 0 auto 1em;
}
#m_cv .cv_chui {
  margin-bottom: 2rem;
}
#m_cv .cv_chui h3 {
  text-align: center;
}
#m_cv .cv_chui h3 span {
  background: #FFF7B9;
  line-height: 19px;
  font-weight: 600;
  display: inline-block;
  font-size: 14px;
  padding: 0.8em 2.5em;
  border-radius: 50px;
  margin-bottom: 1.5em;
}
#m_cv .cv_chui h3 span:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("../images/2025/icon_caution.png") no-repeat center center;
  background-size: cover;
  margin-right: 0.5em;
  margin-bottom: -4px;
}

.m-cvModal {
  display: none;
  top: 0;
  left: 0;
  z-index: 100;
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgb(255, 209, 0);
  background: -moz-linear-gradient(180deg, rgb(255, 209, 0) 0%, rgb(255, 149, 0) 100%);
  background: -webkit-linear-gradient(180deg, rgb(255, 209, 0) 0%, rgb(255, 149, 0) 100%);
  background: linear-gradient(180deg, rgb(255, 209, 0) 0%, rgb(255, 149, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffd100",endColorstr="#ff9500",GradientType=1);
}
.m-cvModal .in {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.m-cvModal .in .call {
  max-width: 566px;
  max-width: 90%;
}
@media screen and (max-width: 769px) {
  .m-cvModal .in .call {
    max-width: 90%;
  }
}
.m-cvModal .in .call a {
  background: #fff;
  display: block;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.25);
  border-radius: 25px;
}
.m-cvModal .close {
  position: absolute;
  top: 1rem;
  right: 1.3rem;
  width: 64px;
}

#m_point {
  padding-bottom: 6rem;
  padding-bottom: 2rem;
}
@media screen and (max-width: 769px) {
  #m_point {
    padding-bottom: 0rem;
  }
}
#m_point .anc {
  display: flex;
  justify-content: space-between;
  margin: 5rem 0 6rem;
  margin: 2rem 0 3rem;
  flex-direction: column;
}
@media screen and (max-width: 769px) {
  #m_point .anc {
    margin: 2rem 0 3rem;
    flex-direction: column;
  }
}
#m_point .anc li {
  width: 31.5%;
  background: url(/energy/denki/all_denka/cmn/images/point/u.png) no-repeat center bottom 1.7em;
  background-size: 25px;
  background-color: #FEE529;
  border-radius: 200px;
  text-align: center;
  transition: all 0.3s ease;
  cursor: pointer;
  width: 100%;
  text-align: left;
  border-radius: 16px;
  margin-top: 1em;
  background: url(/energy/denki/all_denka/cmn/images/point/u.png) no-repeat right 1em center;
  background-size: 16px;
  background-color: #FEE529;
}
#m_point .anc li br {
  display: none;
}
@media screen and (max-width: 769px) {
  #m_point .anc li {
    width: 100%;
    text-align: left;
    border-radius: 16px;
    margin-top: 1em;
    background: url(/energy/denki/all_denka/cmn/images/point/u.png) no-repeat right 1em center;
    background-size: 16px;
    background-color: #FEE529;
  }
  #m_point .anc li br {
    display: none;
  }
}
#m_point .anc li:hover {
  opacity: 0.6;
}
#m_point .anc li a {
  display: block;
  padding: 1.3em 0;
}
@media screen and (max-width: 769px) {
  #m_point .anc li a {
    padding: 1.3em 0;
  }
}
#m_point .anc li .num {
  display: inline-block;
  width: auto;
  height: 58px;
  margin-top: -29px;
  display: inline-block;
  height: 35px;
  margin-right: 1em;
  margin-left: 1.3em;
  transform: translateY(0.5em);
}
#m_point .anc li .num img {
  width: auto;
  height: 100%;
}
@media screen and (max-width: 769px) {
  #m_point .anc li .num {
    display: inline-block;
    height: 35px;
    margin-right: 1em;
    margin-left: 1.3em;
    transform: translateY(0.5em);
  }
}
@media screen and (max-width: 320px) {
  #m_point .anc li .num {
    height: 25px;
    transform: translateY(0.15em);
    margin-right: 0.6em;
  }
}
#m_point .anc li .ttl {
  margin: 0.9em 0 2.4em;
  font-size: 28px;
  font-weight: 800;
  color: #EB5505;
  line-height: 1.2;
  display: inline-block;
  font-size: 16px;
  margin: 0;
}
@media screen and (max-width: 769px) {
  #m_point .anc li .ttl {
    display: inline-block;
    font-size: 16px;
    margin: 0;
  }
}
@media screen and (max-width: 320px) {
  #m_point .anc li .ttl {
    font-size: 14px;
  }
}
#m_point .ct {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
#m_point .ct .e_h3 span br {
  display: none;
}
#m_point .ct .e_h3 span br.forSP {
  display: initial;
}
#m_point .ct p {
  text-align: left;
}
@media screen and (max-width: 769px) {
  #m_point .ct p {
    text-align: left;
  }
}
#m_point .lt {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 8rem;
  flex-direction: column;
}
@media screen and (max-width: 769px) {
  #m_point .lt {
    margin-top: 4rem;
    flex-direction: column;
  }
}
#m_point .lt .elm {
  width: 50%;
  padding: 1px;
  width: 100%;
}
@media screen and (max-width: 769px) {
  #m_point .lt .elm {
    width: 100%;
  }
}
#m_point .lt.rev {
  flex-flow: row-reverse;
  flex-flow: wrap;
}
@media screen and (max-width: 769px) {
  #m_point .lt.rev {
    flex-flow: wrap;
  }
}
#m_point .lt.rev .txt {
  padding: 0 0 0 5em;
  padding: 0;
}
@media screen and (max-width: 769px) {
  #m_point .lt.rev .txt {
    padding: 0;
  }
}
#m_point .i {
  display: block;
  width: auto;
  height: 58px;
  margin-bottom: 0.3em;
  height: 40px;
}
#m_point .i img {
  width: auto;
  height: 100%;
}
@media screen and (max-width: 769px) {
  #m_point .i {
    height: 40px;
  }
}
#m_point .txt {
  padding: 0 5em 0 0;
  padding: 0;
}
@media screen and (max-width: 769px) {
  #m_point .txt {
    padding: 0;
  }
}
#m_point .img {
  background: url(/energy/denki/all_denka/cmn/images/point/mpb.png) no-repeat center center;
  background-size: 100%;
  margin: 2rem 0;
  margin-top: 1em;
}
@media screen and (max-width: 769px) {
  #m_point .img {
    margin-top: 1em;
  }
}
#m_point .slide {
  margin-top: 3rem;
}
@media screen and (max-width: 769px) {
  #m_point .slide {
    margin-top: 1rem;
  }
}
#m_point .slide img {
  width: 550px;
  height: 481px;
}
@media screen and (max-width: 769px) {
  #m_point .slide img {
    width: 400px;
    height: 331px;
  }
}
#m_point .slick-arrow {
  top: 45%;
  height: 33px;
  width: 33px;
  text-indent: -9999px;
  position: absolute;
  z-index: 100;
  top: 40%;
}
@media screen and (max-width: 769px) {
  #m_point .slick-arrow {
    top: 40%;
  }
}
#m_point .slick-prev {
  background: url(/energy/denki/all_denka/cmn/images/point/slide_allow_l.png) no-repeat center center;
  background-size: cover;
  left: 3rem;
  left: 0;
}
@media screen and (max-width: 769px) {
  #m_point .slick-prev {
    left: 0;
  }
}
#m_point .slick-next {
  background: url(/energy/denki/all_denka/cmn/images/point/slide_allow_r.png) no-repeat center center;
  background-size: cover;
  right: 3rem;
  right: 0;
}
@media screen and (max-width: 769px) {
  #m_point .slick-next {
    right: 0;
  }
}

#m_faq {
  padding: 6rem 0;
  background: #FFFAD7;
  padding: 2rem 0;
}
@media screen and (max-width: 769px) {
  #m_faq {
    padding: 2rem 0;
  }
}
#m_faq .m_acd dt {
  padding-left: 3.5rem;
}
#m_faq .m_acd dt:after {
  content: "Q";
  color: #EB5505;
  font-weight: 800;
  font-size: 150%;
  position: absolute;
  left: 1.6rem;
  top: 47%;
  transform: translateY(-50%);
}
#m_faq .m_acd dd:before {
  content: "A: ";
  display: inline-block;
  color: #EB5505;
  font-weight: 800;
  font-size: 130%;
  margin-right: 0.5em;
}

#m_uq {
  background: #0E8FD0;
}
#m_uq .uq-title {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 1.5rem;
  color: #fff;
  font-weight: 700;
  font-size: 1.75rem;
  line-height: 1.3125;
  text-align: center;
}
#m_uq .uq-title span {
  margin: -1.3rem 0 0.625rem;
  padding: 0.4375rem 3.0625rem 0.5rem;
  border: 2px solid #008ed4;
  border-radius: 40px;
  background: #fff;
  color: #008ed4;
  font-size: 1rem;
  line-height: 1.45;
  letter-spacing: 0;
}

#m_uq {
  margin-top: 1rem;
  padding-bottom: 2.5rem;
  background: #008ed4;
}
#m_uq .mod_notes {
  font-size: 11px;
}
#m_uq .mod_acd {
  margin-top: 2rem;
}

.mod_mv--uq #m_uq {
  margin-top: 0;
  padding-top: 1.25rem;
}

#m_uq .uq_ttl {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 1.5rem;
  color: #fff;
  font-weight: 700;
  font-size: 1.75rem;
  line-height: 1.3125;
  text-align: center;
}

#m_uq .uq_ttl > span {
  display: inline-block;
}

#m_uq .uq_ttl .shoulder {
  margin: -1.5rem 0 0.625rem;
  padding: 0.4375rem 3.0625rem 0.5rem;
  border: 2px solid #008ed4;
  border-radius: 40px;
  background: #fff;
  color: #008ed4;
  font-size: 1.25rem;
  line-height: 1.45;
}

#m_uq .uq_ttl .small {
  font-size: 1rem;
}

#m_uq .uq_ttl .text b {
  color: #ecfc71;
}

#m_uq .uq_summary {
  margin: 0 -0.375rem 2rem;
}

#m_uq .acd_head {
  justify-content: center;
  text-align: center;
}

#m_uq .uq_terms > dt {
  margin-bottom: 0.625rem;
  color: #777;
  font-weight: 700;
  font-size: 1rem;
  text-align: center;
}

#m_uq .uq_terms > dd .text {
  color: #777;
  font-weight: 700;
}

#m_uq .uq_terms > dd .img {
  margin: 1.375rem 0 1.25rem;
}

#m_uq .uq_terms > dd .mod_notes {
  margin-top: 1.5em;
}

#m_uq .mod_notes_lead,
#m_uq .mod_notes_link {
  font-size: 0.75rem;
}

#m_uq .mod_notes_lead {
  margin-bottom: 0.5em;
  font-weight: 700;
}

#m_uq .mod_notes_box {
  padding: 10px;
  border: 1px solid #f0f0f0;
}

#m_uq .mod_notes_list dd + dt {
  margin-top: 1em;
}

#m_uq .mod_notes_strong {
  color: #e60000;
}

.mod_acd, .mod_acd--hybrid {
  border: 3px solid #d6d6d6;
  border-radius: 20px;
  background: #fff;
}

.mod_acd[open] .acd_icon::after, [open].mod_acd--hybrid .acd_icon::after {
  transform: rotate(0deg);
}

.mod_acd .acd_head, .mod_acd--hybrid .acd_head {
  display: flex;
  position: relative;
  align-items: center;
  margin-bottom: 0;
  padding: 1rem 1rem;
  font-weight: 700;
  font-size: 14px;
  cursor: pointer;
}

.mod_acd .acd_head::-webkit-details-marker, .mod_acd--hybrid .acd_head::-webkit-details-marker {
  display: none;
}

.mod_acd .select_power_group:not(:last-child), .mod_acd--hybrid .select_power_group:not(:last-child) {
  border-bottom: dashed 1px #eaeaea;
}

.mod_acd .acd_icon, .mod_acd--hybrid .acd_icon {
  position: absolute;
  top: 50%;
  right: 1.6875rem;
  width: 14px;
  margin-top: -1px;
  pointer-events: none;
}

.mod_acd .acd_icon::before, .mod_acd--hybrid .acd_icon::before,
.mod_acd .acd_icon::after,
.mod_acd--hybrid .acd_icon::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 14px;
  height: 2px;
  background-color: #707070;
  content: "";
}

.mod_acd .acd_icon::after, .mod_acd--hybrid .acd_icon::after {
  transform: rotate(-90deg);
  transition: transform 0.2s ease;
}

.mod_acd .acd_body, .mod_acd--hybrid .acd_body {
  padding: 0 1.0625rem 1.25rem;
  overflow: hidden;
}

.mod_acd--text dd {
  display: none;
}

.mod_acd--hybrid {
  border: none;
  border-radius: 0;
  background: transparent;
}

.mod_acd--hybrid li {
  margin: 0.5rem 0 0;
}

.mod_acd--hybrid dl.colors {
  border: 1px solid #eee;
  border-radius: 7px;
  background: #fff;
  font-weight: 500;
  font-size: 13px;
  line-height: 1.6;
  letter-spacing: 0.06em;
}

.mod_acd--hybrid dl.colors.tone--blue {
  border: 1px solid #34B4ED;
}

.mod_acd--hybrid dl.colors.tone--blue dt {
  background-color: #F4FBFF;
}

.mod_acd--hybrid dl.colors.tone--blue .elm {
  border-top-color: #34B4ED;
}

.mod_acd--hybrid dl.colors.tone--orange {
  border: 1px solid #ED9834;
}

.mod_acd--hybrid dl.colors.tone--orange dt {
  background-color: #FFF7EF;
}

.mod_acd--hybrid dl.colors.tone--orange .elm {
  border-top-color: #ED9834;
}

.mod_acd--hybrid dl.colors.tone--green {
  border: 1px solid #70C71A;
}

.mod_acd--hybrid dl.colors.tone--green dt {
  background-color: #F7FFEF;
}

.mod_acd--hybrid dl.colors.tone--green .elm {
  border-top-color: #70C71A;
}

.mod_acd--hybrid dl.colors.tone--red {
  border: 1px solid #ED3466;
}

.mod_acd--hybrid dl.colors.tone--red dt {
  background-color: #FFF4F7;
}

.mod_acd--hybrid dl.colors.tone--red .elm {
  border-top-color: #ED3466;
}

.mod_acd--hybrid dl.colors.tone--yellow {
  border: 1px solid #FFE200;
}

.mod_acd--hybrid dl.colors.tone--yellow dt {
  background-color: #FFFDF4;
}

.mod_acd--hybrid dl.colors.tone--yellow .elm {
  border-top-color: #FFE200;
}

.mod_acd--hybrid dd {
  display: none;
}

.mod_acd--hybrid .colors dt {
  position: relative;
  padding: 0.5rem 0.9rem;
  padding-right: 2.8rem;
  border-radius: 7px;
}

.mod_acd--hybrid .colors dt .accent {
  max-width: 93px;
}

.mod_acd--hybrid .colors dt:after {
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 0.9rem;
  width: 15px;
  height: 15px;
  transform: translateY(1px);
  transform: translateY(-50%);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  content: "";
}

.mod_acd--hybrid .colors dt,
.mod_acd--hybrid .colors .elm_head {
  display: flex;
  align-items: center;
}

.mod_acd--hybrid .colors dt .accent,
.mod_acd--hybrid .colors .elm_head .accent {
  margin-right: 0.7rem;
}

.mod_acd--hybrid .colors dt .accent img.small,
.mod_acd--hybrid .colors .elm_head .accent img.small {
  max-width: 26px;
}

.mod_acd--hybrid .colors dt .title,
.mod_acd--hybrid .colors .elm_head .title {
  font-weight: 600;
  font-size: 100%;
  line-height: 1.2;
}

.mod_acd--hybrid .colors dt .title strong,
.mod_acd--hybrid .colors .elm_head .title strong {
  color: #eb5505;
}

.mod_acd--hybrid .elm {
  position: relative;
  width: 100%;
  padding: 0;
  border-top: 1px solid #eee;
}

.mod_acd--hybrid .elm_head {
  margin-bottom: 0.8rem;
  font-size: 115%;
}

.mod_acd--hybrid .elm_head .accent {
  max-width: 50px;
  padding: 0 0.4rem;
}

.mod_acd--hybrid .elm_body .img {
  margin: 0 0 1rem 0;
}

.mod_acd--hybrid .elm_foot {
  padding: 0;
  text-align: center;
}

.mod_acd--hybrid .close_txt {
  color: #eb5505;
  font-weight: 600;
  font-size: 110%;
  text-decoration: underline;
}

.mod_acd--hybrid .close_icon {
  position: absolute;
  top: -20px;
  right: -20px;
  width: 40px;
  height: 40px;
  background: url("/energy/denki/pr/prime/images/icon/close.png") no-repeat center center;
  background-size: 18px;
}

.mod_acd--hybrid .mdl dt:after {
  background-image: url("/energy/denki/pr/prime/images/icon/pls.png");
}

.mod_acd--hybrid .mdl dd {
  z-index: 300;
  position: fixed;
  top: 0;
  top: 0;
  left: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.67);
}

.mod_acd--hybrid .mdl .in {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 550px;
  height: 100%;
  margin: 0 auto;
  padding: 0 1rem;
}

.mod_acd--hybrid .mdl .elm {
  border-radius: 9px;
  background: #fff;
}

.mod_acd--hybrid .mdl.mini {
  margin: 0;
}

.mod_acd--hybrid .mdl.mini dl {
  border: none;
}

.mod_acd--hybrid .mdl.mini dt {
  padding: 0;
}

.mod_acd--hybrid .mdl.mini dt:after {
  position: initial;
  margin-left: 0.4em;
  transform: translateY(0);
}

.mod_acd--hybrid .mdl.mini .elm_head {
  text-align: center;
}

.mod_acd--hybrid .mdl.mini .elm_head .title {
  width: 100%;
}

.mod_acd--hybrid .mdl.mini .elm_head .accent {
  display: none;
}

.mod_acd--hybrid .acd dl.colors.active dt:after {
  background-image: url("/energy/denki/pr/prime/images/icon/up.png");
}

.mod_acd--hybrid .acd dt:after {
  background-image: url("/energy/denki/pr/prime/images/icon/dn.png");
}

.mod_acd--hybrid .acd .elm_head,
.mod_acd--hybrid .acd .elm_foot {
  display: none;
}

.mod_acd--hybrid .open dd {
  display: block;
}

.mod_acd--hybrid .open dt {
  display: none;
}

.mod_acd--hybrid .open .elm {
  padding-bottom: 1.3em;
  border-top: none;
}

.mod_acd--hybrid .open .elm_foot {
  display: none;
}

.mod_acd--hybrid .open .elm_body .mod_acd--txt .elm {
  padding: 0 0 0.8rem;
}

.mod_acd .elm_h3 {
  margin-bottom: 0.7em;
  color: #eb5505;
  letter-spacing: 0.1em;
  font-weight: 600;
}
.mod_acd .elm_h4 {
  margin-bottom: 0.5em;
  letter-spacing: 0.1em;
  font-weight: 600;
}
.mod_acd .elm_chui {
  color: #777;
  font-size: 0.625rem;
  line-height: 1.6;
}
.mod_acd .elm_hr, .mod_acd .elm_hr--obake {
  margin: 1rem 0;
  border: none;
  border-bottom: 1px dashed #eee;
}
.mod_acd .elm_hr--obake {
  border: none;
}

.m_table01 {
  margin: 2rem 0;
}
.m_table01 table {
  width: 100%;
  line-height: 1.3;
  letter-spacing: 0.1em;
  font-weight: 500;
  font-size: 13px;
}
@media screen and (max-width: 769px) {
  .m_table01 table {
    font-size: 11px;
  }
}
.m_table01 table span {
  display: inline-block;
}
.m_table01 table, .m_table01 td, .m_table01 th {
  border: 1px solid #707070;
  border-collapse: collapse;
}
.m_table01 td, .m_table01 th {
  padding: 1em 1.3em;
  vertical-align: middle;
  padding: 1em 0.7em;
}
@media screen and (max-width: 769px) {
  .m_table01 td, .m_table01 th {
    padding: 1em 0.7em;
  }
}
.m_table01 th {
  background: #DBDBDB;
}
.m_table01 th.red {
  background: #E40000;
  color: #fff;
}
.m_table01 td.red {
  background: #FDE5E5;
}
.m_table01 td.star {
  position: relative;
}
.m_table01 td.star:after {
  content: "★";
  position: absolute;
  right: 0.6em;
  top: 0.5em;
  font-size: 11px;
}
.m_table01 tr th:first-child {
  text-align: center;
  width: 1em;
  padding: 0.7em;
}
.m_table01 .txtred {
  color: #E40000;
  font-weight: 600;
  text-align: center;
}
.m_table01 .txtbigger {
  font-size: 20px;
}

.m_tabdetail {
  border: 2px solid #707070;
  border-radius: 0 0 12px 12px;
  padding: 0 0.8em 2rem;
}

.m_tabhead {
  z-index: 10;
}
.m_tabhead ul {
  display: flex;
  gap: 5px;
  justify-content: space-between;
}
.m_tabhead ul li {
  cursor: pointer;
  position: relative;
  background: #DEDEDE;
  border-radius: 12px 12px 0 0;
  text-align: center;
  font-weight: 600;
  font-size: 16px;
  width: 33.3333333333%;
  padding: 0.8em 0.5em;
  line-height: 1.3;
}
.m_tabhead ul li.is-active {
  background: #fff;
  border: 2px solid #707070;
  border-bottom: none;
}
.m_tabhead ul li.is-active:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: #fff;
  position: absolute;
  bottom: -2px;
  left: 0;
}
.m_tabhead ul li span {
  display: inline-block;
}

#m_steps {
  background: #FEFAE9;
  padding-bottom: 2em;
}
#m_steps .title {
  font-weight: 600;
  text-align: center;
  font-size: 18px;
  line-height: 1.4;
}
#m_steps .title small {
  display: block;
  color: #EB5505;
  font-weight: 600;
  letter-spacing: 0;
  font-size: 12px;
  margin-bottom: 0.5em;
}
#m_steps .itleImage {
  width: 70%;
  max-width: 212px;
  margin: 1.5em auto 0;
}
#m_steps .step {
  margin-bottom: 1.5rem;
  display: none;
  background: #fff;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 0 12px rgba(224, 205, 126, 0.5);
}
#m_steps .stepHeader, #m_steps .stepBody, #m_steps .stepFooter {
  padding: 1.3em;
}
#m_steps .stepHeader {
  padding: 2.2em 0;
}
#m_steps .stepBody {
  background: #F2FAFF;
}
#m_steps .step .options {
  flex-direction: column;
}
#m_steps .step .options span {
  display: block;
  width: 100%;
  text-align: left;
}
#m_steps .options {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  text-align: center;
}
#m_steps .options small {
  display: block;
  line-height: 1;
}
#m_steps .options.centerMode span {
  text-align: center;
}
#m_steps .options span {
  display: inline-block;
  padding: 1.2em 1.2em;
  border: 1px solid #fff;
  border-radius: 6px;
  cursor: pointer;
  background: #fff;
  font-weight: 600;
  font-size: 14px;
}
#m_steps .options span i {
  transform: translateY(-2px);
  font-size: 90%;
  font-style: normal;
  display: inline-block;
  margin: 0 0.3em;
  font-weight: 600;
  line-height: 1;
  padding: 0.3em 0.5em;
  border-radius: 50px;
}
#m_steps .options span i.labelAri {
  background: #007BFF;
  color: #fff;
}
#m_steps .options span i.labelNasi {
  background: #DEEEFF;
  color: #6BB1FC;
}
#m_steps .options span.active {
  border: 1px solid #0A81FF;
}
#m_steps .step1 .options {
  gap: 1em;
  margin-bottom: 1.8em;
}
#m_steps .step1 .options span {
  width: 33.3333333333%;
  border-radius: 18px;
  background: #fff;
  border: 1px solid #F8F06C;
  padding: 2em 0 2.1em;
  color: #EB5505;
  font-size: 16px;
}
#m_steps .step1 .options span small {
  color: #000;
  opacity: 0.5;
}
#m_steps .step1 .options span.active {
  background: #F87630;
  border: 1px solid #F87630;
  color: #fff;
}
#m_steps .step1 .options span.active small {
  color: #fff;
}
#m_steps #openHintModal {
  text-align: center;
  display: block;
  padding: 0.6em;
  color: #0A7FF9;
  cursor: pointer;
  font-weight: 600;
  font-size: 13px;
  text-decoration: none;
}
#m_steps #openHintModal span:after {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url("../images/2025/icon_q.png") no-repeat center center;
  background-size: cover;
  transform: translateY(2px);
  margin-left: 0.2em;
}
#m_steps #hintModal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 9999;
  align-items: center;
}
#m_steps #hintModalContent {
  background: #fff;
  width: 95%;
  max-width: 600px;
  margin: 0 auto;
  padding: 20px;
  position: relative;
  border-radius: 12px;
  overflow: hidden;
}
#m_steps #hintModalContent h3 {
  font-weight: 600;
  margin-bottom: 1em;
  font-size: 15px;
}
#m_steps #hintModalContent img {
  width: 100%;
  border: 1px solid #ccc;
}
#m_steps #closeHintModal {
  position: absolute;
  top: 15px;
  right: 15px;
  cursor: pointer;
  font-size: 1.2em;
  width: 20px;
  height: 20px;
  transform: rotate(45deg);
}
#m_steps #closeHintModal:after, #m_steps #closeHintModal:before {
  content: "";
  display: block;
  background: #000;
  border-radius: 50px;
  position: absolute;
  right: 0;
  top: 0;
}
#m_steps #closeHintModal:before {
  width: 2px;
  height: 20px;
  top: 0%;
  left: 50%;
  transform: translateX(-1px);
}
#m_steps #closeHintModal:after {
  width: 20px;
  height: 2px;
  top: 50%;
  left: 0%;
  transform: translateY(-1px);
}
#m_steps #result,
#m_steps #telMessage {
  font-weight: bold;
  font-size: 1.2em;
  margin-top: 30px;
  display: none;
}
#m_steps #result {
  background: #FFEA99;
  padding: 2rem 0;
  margin-bottom: -1.7em;
}
#m_steps #result .resultInner {
  border-radius: 18px;
  overflow: hidden;
}
#m_steps #result .resultHead {
  text-align: center;
  padding: 2.5rem 0 1.8rem;
  background: #F7FCFF;
}
#m_steps #result .resultHead strong {
  margin: 0.5em 0;
  line-height: 1.2;
  font-weight: 600;
  display: block;
  color: #007BFF;
  font-size: 28px;
}
#m_steps #result .resultBody {
  background: #F7FCFF;
}
#m_steps #result .resultFoot {
  background: #fff;
  text-align: center;
  padding: 1.5em 1.5rem 2.9rem 1.5rem;
  border-radius: 0 0 18px 18px;
}
#m_steps #result .resultFoot a {
  max-width: 500px;
  margin: 0 auto;
  font-size: 17px;
  color: #FFF;
  font-weight: 600;
  display: block;
  padding: 1.5rem 3rem 1.5rem 1.5rem;
  border-radius: 500px;
  background: url("../images/2025/cvArrow.png") no-repeat right 1em center;
  background-size: 26px;
  background-color: #FF700B;
  box-shadow: 0 5px 0 #CC5E10;
}
#m_steps #result .resultEnd {
  font-size: 12px;
  text-align: center;
  padding: 1.5em 0;
  font-weight: 500;
}
#m_steps #telMessage {
  width: 90%;
  background: #fff;
  border-radius: 18px;
  max-width: 550px;
  margin: 0 auto;
  text-align: center;
  border: 2px solid #0A81FF;
  overflow: hidden;
}
#m_steps #telMessage .telTtile {
  font-size: 15px;
  background: #F2FAFF;
  padding: 1em;
}
#m_steps #telMessage .telBOX {
  padding: 1.5em 1em 2em;
}
#m_steps #telMessage .telBOX .telBOX_Head {
  font-size: 13px;
}
#m_steps #telMessage .telBOX .telBOX_Body {
  margin: 0.5em 0 0;
}
#m_steps #telMessage .telBOX .telBOX_Body #telNumber {
  line-height: 1;
  display: inline-block;
  font-size: 195%;
  letter-spacing: 0.01em;
}
#m_steps #telMessage .telBOX .telBOX_Body span {
  display: inline-block;
  font-size: 80%;
}
#m_steps #telMessage .telBOX .telBOX_Foot {
  margin-top: 1em;
  font-size: 12px;
  font-weight: 500;
}

.m_uqbutton {
  text-align: center;
  font-size: 16px;
  font-weight: 600;
}
.m_uqbutton p {
  margin-bottom: 0.7em;
}
.m_uqbutton p:before, .m_uqbutton p:after {
  content: "";
  display: inline-block;
  width: 2px;
  height: 1.3em;
  background: #000;
}
.m_uqbutton p:before {
  transform: translate3d(-15px, 3px, 0) rotate(-30deg);
}
.m_uqbutton p:after {
  transform: translate3d(13px, 3px, 0) rotate(30deg);
}
.m_uqbutton a {
  line-height: 1;
  display: block;
  background: url(/energy/denki/all_denka/cmn/images/point/u.png) no-repeat right 1em center;
  background-size: 16px;
  background-color: #098FCF;
  color: #fff;
  padding: 1.3em 0;
  border-radius: 16px;
  transition: all 0.3s ease;
}
.m_uqbutton a:hover {
  opacity: 0.6;
}
.m_uqbutton a span {
  color: #F5FC4C;
}

.imgMax {
  display: block;
  max-width: 420px;
  margin: 4rem auto;
}
@media screen and (max-width: 769px) {
  .imgMax {
    margin: 2rem auto;
  }
}

.forSP {
  display: none;
}
@media screen and (max-width: 769px) {
  .forSP {
    display: inline;
  }
}

.forPC {
  display: inline;
}
@media screen and (max-width: 769px) {
  .forPC {
    display: none;
  }
}