@charset "UTF-8";
/* style.css */
#page-header {
  width: 100%;
  max-width: 750px;
  margin: 0 auto;
}
#container {
  width: 100%;
  max-width: 750px;
  margin: 0 auto 12%;
}
.styled-content {
  background: url("/lp/electricity/style_d/assets/img/tricolor.png") center 0 no-repeat, url("/lp/electricity/style_d/assets/img/tricolor.png") center bottom no-repeat, url("/lp/electricity/style_d/assets/img/bg.png") 0 center repeat-y;
  background-size: 100% auto, 100% auto, 100%;
  padding: 2.67% 0 7.2%;
  margin: 0 auto;
}
.styled-content img {
  display: block;
  width: 100%;
  height: auto;
}
.styled-content-inner {
  width: 97.34%;
  background: rgba(255,255,255,0.7);
  border-radius: 4vw;
  box-shadow: 0 0 0.67vw rgba(132,158,175,0.36);
  margin: 0 auto;
  padding: 2.4% 0 2.67%;
}
.icon-dpoint {
  width: 11.92%;
  margin: 0 0 0 2.4%;
}
.styled--ttl {
  width: 93.29%;
  text-align: center;
  margin: 0 auto 8.22%;
}
.top-box {
  width: 89.05%;
  background: url("/lp/electricity/style_d/assets/img/bg_top.png") center 0 no-repeat;
  background-size: 100% auto;
  margin: 0 auto 1.92%;
  padding: 3.84% 0 32.06% 0;
}
.top--head {
  width: 95.39%;
  margin: -10.76% 0 9.08% 4%;
}
.top--name {
  width: 85.08%;
  margin: 0 0 2.47% 7.08%;
}
.top--navi1 {
  width: 87.54%;
  margin: 0 0 0 4.77%;
}
.top--navi2 {
  width: 88.93%;
  margin: -6.76% 0 0 4%;
}
.top--point {
  width: 95.9%;
  margin: 0 auto 7.73%;
}



.campaign-box {
  width: 95.9%;
  margin: 0 auto 9.59%;
  padding: 1px 0 2.47%;
  position: relative;
}
.dcard-box {
  width: 95.9%;
  margin: 0 auto 9.59%;
  padding: 1px 0 2.47%;
  position: relative;
}
.dcard-box .dcard--icon {
  width: 40px;
  margin: 0 auto 10px auto;
}
.dcard-box .dcard--img {
  margin: 0 auto 20px auto;
}
.dcard-box .dcard--link {
  width: 85.72%;
  margin: 0 auto;
}

.privilege-box {
  padding: 1.37% 0 0 0;
}
.privilege-content {
  width: 95.9%;
  background: #fff;
  border-radius: 4vw;
  box-shadow: 0 0 0.67vw rgba(217,217,217,0.6);
  margin: 23.29% auto 4.11%;
  padding: 0.14% 0 0 0;
}
.privilege1 {
  margin: 19.18% auto 28.77%;
}
.privilege2 {
  padding: 0.14% 0 4.66%;
}
.privilege1--ttl {
  margin: -27.14% 0 0 0;
  padding: 2.86% 0 0 0;
}
.privilege1--graph {
  width: 89.15%;
  margin: -5.71% 0 3.58% 6.29%;
}
.privilege1--note {
  width: 83.43%;
  margin: 0 0 2.86% 7.86%;
}
.privilege1--link {
  width: 83.43%;
  margin: 0 0 2.86% 7.86%;
}
.privilege1--point {
  width: 99.43%;
  margin: 0 auto 7.73%;
}
.privilege2--ttl {
  margin: -27.14% 0 0 0;
  padding: 2.86% 0 0 0;
}
.privilege2--head {
  width: 67%;
  margin: -2.57% 0 5.15% 18.58%;
}
.privilege2--note {
  width: 94.58%;
  margin: 0 0 0 2.15%;
}
.privilege--point {
  width: 95.9%;
  margin: 0 auto 12.61%;
}
.nocost-box {
  width: 95.9%;
  background: url("/lp/electricity/style_d/assets/img/bg_nocost.png") center 0 repeat;
  background-size: 100% auto;
  margin: 1.37% auto 3.84%;
  padding: 3.57% 0 4.11%;
  border-radius: 4vw;
}
.nocost--head {
  width: 99.86%;
  margin: 0 auto -3%;
}
.nocost--txt {
  width: 94.29%;
  margin: 0 auto 3.29%;
}
.nocost--btn {
  width: 90%;
  margin: 0 auto;
}
.nocost-note{
  color: #fff;
  font-size: 18px;
  margin: 3.29% 5% 0;
  text-indent: -2em;
  padding-left: 2em;
}
.entry-box {
  width: 95.9%;
  background: url("/lp/electricity/style_d/assets/img/bg_entry_v1.png") center 0 no-repeat;
  margin: 0 auto;
  background-size: 100% auto;
  padding: 14.8% 0 4%;
}
.entry-box-first{
  margin-bottom: 8%;
}
.entry--ribbon {
  margin: 0 auto;
}
.entry-web--btn {
  width: 85.72%;
  margin: -2.42% auto 2.29%;
}
.entry-web--btn + .entry-web--btn{
  width: 85.72%;
  margin: 0% auto 5%;
}
.entry--txt1 {
  width: 72.58%;
  margin: 0 auto 4%;
}



.entry--txt2 {
  width: 81.71%;
  margin: 0 auto 3.29%;
  position: relative;
}
.entry--txt2 a {
  width: 18.35%;
  margin: 6.11% 0 0 47.5%;
  position: absolute;
  top: 0;
  left: 0;
}
.entry-line--btn {
  width: 85.72%;
  margin: 0 auto 6.86%;
}
.entry-tel--head {
  width: 87.29%;
  margin: 7.5% auto 1%;
}
.entry--tel {
  width: 84.29%;
  margin: 0 auto 2.58%;
}
.entry-tel--note {
  width: 84.72%;
  margin: 0 auto 5.15%;
}
.entry-term--btn {
  width: 92.86%;
  margin: 0 auto;
}
.dgold-box {
  width: 95.9%;
  background: url("/lp/electricity/style_d/assets/img/bg_dgold.png") center 0 no-repeat;
  background-size: 100% 100%;
  margin: 8.22% auto 15.35%;
  padding: 0.14% 0 3.84%;
}
.dgold--head {
  width: 94.58%;
  margin: -5.28% 0 0 1.58%;
}
.dgold-content {
  width: 94.29%;
  background: #fff;
  border: 0.54vw solid #d00e31;
  border-radius: 4vw;
  margin: 0 auto;
  padding: 3.72% 0;
  box-sizing: border-box;
}
.dgold--img {
  width: 98.16%;
  margin: 0 auto 3.99%;
}
.dgold--txt1 {
  width: 88.79%;
  margin: 0 0 2.61% 2.77%;
}
.dgold-txt--btn {
  width: 60%;
  margin: 0 auto 2.92%;
}
.dgold--txt3 {
  width: 40.91%;
  margin: 0 0 4.3% 7.52%;
}
.dgold--note {
  width: 91.52%;
  margin: 0 0 3.53% 2.92%;
}
.dgold--txt2 {
  width: 64.55%;
  margin: 0 0 0 2.92%;
}
.aboutd-box {
  width: 95.9%;
  background: #fff;
  border: 0.54vw solid #d00e31;
  border-radius: 4vw 4vw 0 0;
  margin: 0 auto;
  padding: 0.14% 0 4.94% 0;
  box-sizing: border-box;
}
.aboutd--pop {
  width: 72.26%;
  margin: -8.38% auto 0.73%;
}
.aboutd--lead {
  width: 83.53%;
  margin: 0 auto 1.74%;
}
.aboutd--img1 {
  width: 90.32%;
  margin: 0 0 2.75% 2.32%;
}
.aboutd--img2 {
  width: 91.19%;
  margin: 0 0 4.63% 2.03%;
}
.aboutd--note {
  width: 65.76%;
  margin: 0 0 0 7.66%;
}
.aboutd--bottom {
  width: 95.9%;
  margin: -0.54% auto 5.48%;
}
.denki-box {
  width: 95.9%;
  background: #f2f7ff;
  border: 0.94vw solid #006ebc;
  border-radius: 4vw;
  margin: 6.85% auto 3.57%;
  padding: 5.76% 0 5.48% 0;
  box-sizing: border-box;
}
.denki--ttl {
  width: 77.12%;
  margin: 0 auto 5.25%;
}
.denki--img {
  width: 97.82%;
  margin: 0 0 3.21% 2.19%;
}
.denki--pop {
  width: 94.17%;
  margin: 0 auto 4.38%;
}
.denki--txt {
  width: 76.54%;
  margin: 0 auto;
}
.qa-box {
  width: 93.16%;
  margin: 0 auto 6.58%;
}
.qa--ttl {
  margin: 0 0 3.68%;
}
.qa-content:after {
  content: "";
  display: block;
  clear: both;
}
.qa--txt {
  width: 49.86%;
  float: left;
  margin: 0 0 2.65%;
}
.qa--txt:nth-child(even) {
  float: right;
}
.switch-box {
  width: 95.9%;
  background: #fff;
  border: 0.94vw solid #006ebc;
  border-radius: 4vw;
  margin: 0 auto 5.21%;
  padding: 3.57% 0 6.85% 0;
}
.switch--ttl {
  width: 89.95%;
  margin: 0 auto 2.92%;
}
.switch--lead {
  width: 87.91%;
  margin: 0 auto 1.75%;
}
.switch--steps {
  width: 96.36%;
  margin: 0 0 3.8% 1.03%;
}
.switch-howto {
  width: 96.8%;
  background: url("/lp/electricity/style_d/assets/img/bg_howto_switch.png") center 0 no-repeat;
  background-size: 100% 100%;
  margin: 0 auto 3.8%;
  padding: 0 0 4.67% 0;
}
.switch-howto--ttl {
  width: 62.05%;
  margin: 0 0 1.51% 37.35%;
}
.switch-howto--note {
  width: 73.05%;
  margin: 0 0 2.87% 4.97%;
}
.switch-howto--1 {
  width: 88.56%;
  margin: 0 0 0 5.13%;
}
.switch-howto--link {
  width: 63.41%;
  margin: 0 0 0 18.83%;
}
.switch-howto--2 {
  width: 88.56%;
  margin: 0 0 0 5.13%;
}
.switch-howto--3 {
  width: 88.56%;
  margin: 0 0 0 5.13%;
}
.switch-point {
  width: 94.76%;
  background: url("/lp/electricity/style_d/assets/img/bg_point_switch.png") center 0 no-repeat;
  background-size: 100% auto;
  margin: 0 auto 3.5%;
  padding: 10.21% 0 5.25% 0;
}
.switch-point--head {
  width: 85.7%;
  margin: 0 auto 1.24%;
}
.switch-point--img {
  width: 61.24%;
  margin: 0 0 2.31% 12.16%;
}
.switch-point--btn {
  width: 64.77%;
  margin: 0 auto 3.24%;
}
.switch-point--note {
  width: 76.31%;
  margin: 0 0 0 10.16%;
}
.switch--note {
  width: 88.49%;
  margin: 0 auto;
}
.simulation-box {
  width: 95.9%;
  background: #fff;
  border: 0.67vw solid #00a0ff;
  border-radius: 4vw;
  margin: 0 auto 6.85%;
  padding: 3.57% 0 4.39% 0;
}
.simulation--head {
  width: 78.56%;
  margin: 0 auto 3.63%;
}
.simulation--btn {
  width: 86.96%;
  margin: 0 auto;
}
footer {
  padding: 0 0 0 0;
}
#footer_wrap {
  padding: 20px 3% 0;
}
#footer_wrap #pagetop {
  width: 85%;
  margin: 0 auto;
}
#footer_wrap #pagetop a {
  border-radius: 8px;
  padding: 10px 0;
  display: block;
  text-shadow: 1px 1px 0 rgba(0,0,0,0.5);
  background: #0d86d1;
}
#footer_wrap #pagetop a span {
  padding-right: 22px;
  background: url("/lp/electricity/style_d/assets/img/btn_icon_pagetop.png") right center no-repeat;
  background-size: 13px 10px;
}

/* modal */
.mfp-content {
  width: 90% !important;
  height: 90vh;
  overflow: scroll;
  background: #fff;
  padding: 8%;
  position: relative;
  box-sizing: border-box;
}
.mfp-content .mfp-close {
  position: fixed;
  top: 30px;
  right: 20px;
  z-index: 100;
}
.mfp-content .mfp-hide__inner {
  margin-bottom: 30px;
}
.mfp-content .mfp-hide__inner h4 {
  font-weight: 600;
  font-size: 16px;
  font-size: 1rem;
  margin-bottom: 10px;
}
.mfp-content .mfp-hide__inner:last-child {
  margin-bottom: 0;
}
.mfp-content .mfp-hide__inner p,
.mfp-content .mfp-hide__inner li {
	font-weight: bold;
}
.mfp-content .mfp-hide__inner .scroll_r {
  width: 100%;
  background: #ccc;
  color: #fff;
  text-align: center;
  display: block;
  padding: 4px 0;
}
.entry-web--btn-link{
  display: inline-block;
}

/* 追従モーダル */
.styleplan_flx_cta_area{
  position: fixed;
  -webkit-transform: translate(-50%, 0%);
  -moz-transform: translate(-50%, 0%);
  -ms-transform: translate(-50%, 0%);
  -o-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
  bottom: -100%;
  left: 50%;
  z-index: 50;
  width: 100%;
  max-width: 750px;
  background-color: #FFE100;
  transition: bottom 1s;
  padding: 3.3% 0;
  margin: 0 auto;
}
.styleplan_flx_cta_area.-active{
  bottom: -1px;
}
.styleplan_flx_title {
  margin-left: auto;
  margin-right: auto;
  max-width: 750px;
  text-align: center;
}
.styleplan_flx_title img {
  width: 86.8%;
}
.styleplan_flx_cta_flex {
  display: flex;
  justify-content: center;
  margin-top: 1.3%;
}
.styleplan_flx_button_link {
  display: block;
  max-width: 455px;
  margin: 0 1.3%;
  width: 44.67%;
}
.styleplan_flx_button_link img {
  width: 100%;
}
.pc_dis_ib {
  display: inline-block;
}
.sp_dis_ib {
  display: none;
}


@media screen and (max-width: 768px) {
  .nocost-note{
    font-size: 12px;
  }
  .entry--tel {
    margin: 0 auto;
  }
  .pc_dis_ib {
    display: none;
  }
  .sp_dis_ib {
    display: inline-block;
  }
}