@charset "UTF-8";

/* support2 用共通パーツ調整 */
header#cmn_head {
  margin-bottom: 0;
}

#sec_faq_search {
  font-size: 1.6rem;
  font-weight: 400;
}

/* /energy/denki/pr/passcmn/css/base.css カスタマイズ版 */
.inner {
  max-width: 600px;
  margin: 0 auto;
  padding: 0 1.6rem;
}

#wrap {
  overflow: hidden;
}

.chui {
  text-align: left;
  font-size: 10px;
  line-height: 1.4;
  display: inline-block;
  padding: 1rem 0;
}
.chui li {
  margin-bottom: 4px;
  text-align: justify;
}
.chui li:last-child {
  margin-bottom: 0;
}

.cvbtn {
  background: #eee;
  border-radius: 100px;
  display: inline-block;
  box-shadow: 0 5px 0 rgba(0, 0, 0, 0.27);
  width: 90%;
  max-width: 260px;
  text-align: center;
  position: relative;
  cursor: pointer;
  transition: all 0.1s ease-in;
}
.cvbtn:hover {
  background: orange;
  transform: scale(1.2);
}
.cvbtn:after {
  content: "";
  display: block;
  background: url(/energy/denki/pr/passcmn/images/cvbtnarrow.png) no-repeat center center;
  background-size: 100%;
  height: 10px;
  width: 10px;
  position: absolute;
  top: 40%;
  top: calc(50% - 5px);
  right: 16px;
}
.cvbtn img {
  height: 45px;
  width: auto;
}
.cvbtn + .ex {
  margin-top: 1.5em;
  font-size: 11px;
  color: #fff;
}
.cvbtn + .ex a {
  color: #fff;
  display: inline-block;
  padding: 0 0.3em;
  font-weight: 600;
}
.cvbtn + .cvbtn2 {
  margin-top: 0.8rem;
}

.cvbtn2 {
  background: #eee;
  border-radius: 100px;
  display: inline-block;
  box-shadow: 0 5px 0 rgba(0, 0, 0, 0.27);
  width: 90%;
  max-width: 260px;
  text-align: center;
  position: relative;
  cursor: pointer;
  transition: all 0.1s ease-in;
}
.cvbtn2:hover {
  background: orange;
  transform: scale(1.2);
}
.cvbtn2:after {
  content: "";
  display: block;
  background: url(/energy/denki/pr/passcmn/images/cvbtnarrow.png) no-repeat center center;
  background-size: 100%;
  height: 10px;
  width: 10px;
  position: absolute;
  top: 40%;
  top: calc(50% - 5px);
  right: 16px;
}
.cvbtn2 img {
  height: 45px;
  width: auto;
}
.cvbtn2 + .ex {
  margin-top: 1.5em;
  font-size: 11px;
  color: #fff;
}
.cvbtn2 + .ex a {
  color: #fff;
  display: inline-block;
  padding: 0 0.3em;
  font-weight: 600;
}
.cvbtn2 + .cvbtn {
  margin-top: 0.8rem;
}

#cvArea {
  background: rgba(0, 0, 0, 0.37);
  text-align: center;
  padding: 2rem 0;
  transform: rotate(-3deg);
  margin: 9px -1rem 17px;
  position: relative;
  z-index: 2;
  margin-top: -1rem;
}
#cvArea:before {
  content: "";
  display: block;
  height: 100%;
  width: 100%;
  background: #fff;
  position: absolute;
  top: 0;
  left: 0;
  transform: rotate(6deg);
  z-index: 1;
  background: #D53E0A;
}
#cvArea p {
  margin-bottom: 1rem;
}
#cvArea .inner {
  max-width: 400px;
  transform: rotate(3deg);
  padding: 0 2rem;
  position: relative;
  z-index: 3;
}
#cvArea .chui {
  color: #fff;
}

#denkiExplenation {
  background-color: #fff;
  color: #868686;
}

.denkiExplenation {
  margin: 1rem 0;
}
.denkiExplenation .chui {
  color: #868686;
  padding: 0;
}

.denkiExplenation_head {
  background: url(/energy/denki/pr/passcmn/images/denkiexplenation01bg.png) no-repeat center center;
  background-size: auto 100%;
  padding-top: 4rem;
  margin-top: -2rem;
}
.denkiExplenation_head p {
  margin-bottom: 0.5rem;
}
.denkiExplenation_head .chui small {
  color: #b40000;
}

.denkiExplenation_point {
  margin: 1.5rem 0 0;
}
.denkiExplenation_point .inner {
  padding: 0;
}
.denkiExplenation_point h3 {
  padding: 0 2rem;
  max-width: 360px;
  margin: 0 auto;
}

.denkiExplenation_joken {
  margin-bottom: 1rem;
  padding: 1rem 0 0;
  background: rgba(248, 248, 248, 0.75);
}
.denkiExplenation_joken .title {
  font-weight: 600;
  font-size: 12px;
  margin-bottom: -0.8em;
}
.denkiExplenation_joken ul li {
  position: relative;
  text-indent: -1em;
  margin-left: 1em;
}

.denkiExplenation_miryoku {
  text-align: center;
  margin: 1rem 0 2rem;
  overflow: hidden;
}
.denkiExplenation_miryoku .cvbtn {
  margin-bottom: 2rem;
}
.denkiExplenation_miryoku h3 {
  margin: 3rem auto 1rem;
  width: 80%;
  max-width: 300px;
}
.denkiExplenation_miryoku h4 {
  margin: 2rem auto 1rem;
  width: 80%;
  max-width: 161px;
}
.denkiExplenation_miryoku h5 {
  margin: 1rem auto 1.5rem;
  width: 100%;
}
.denkiExplenation_miryoku p {
  margin: 1rem 0;
}
.denkiExplenation_miryoku .chui {
  padding: 0;
}
.denkiExplenation_miryoku .slider {
  max-width: 600px;
  margin: 0 auto 1rem;
  background: url(/energy/denki/pr/passcmn/images/denkiexplenation_mi03_sbg.png) no-repeat center top;
  background-size: auto 86%;
}
.denkiExplenation_miryoku .slider .elm {
  padding: 0 1rem;
}
.denkiExplenation_miryoku .slider .slick-dots {
  margin: 0.5rem 0 1rem;
}
.denkiExplenation_miryoku .slider .slick-dots li {
  vertical-align: middle;
  display: inline-block;
  text-indent: -9999px;
  height: 6px;
  width: 6px;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 100%;
  margin: 3px;
}
.denkiExplenation_miryoku .slider .slick-dots li.slick-active {
  background: #ED6F00;
}

#footer {
  background: #9A2700;
  text-align: center;
  font-size: 9px;
  font-weight: 600;
  color: #fff;
  margin-top: -2rem;
  padding: 3.5rem 0 2.5rem;
}
#footer .inner {
  padding: 0;
}

.denkiExplenation_miryoku .cvbtn + .cpbnr {
  margin: -1em -0.4em 0;
}

#cvArea .cpbnr {
  margin: 1.6em -0.6em 0;
}

.cpbnr {
  display: block;
  position: relative;
  z-index: 10;
  text-align: center;
}
.cpbnr img {
  display: inline-block;
  max-width: 550px;
}

.mod_Acd {
  border: 2px solid #ccc;
  padding: 0 0.8rem 0.5rem;
  padding-bottom: 0;
  border-radius: 4px;
  color: #333;
  margin-bottom: 1rem;
}
.mod_Acd .mod_Acd-trigg {
  padding: 0.5rem 0;
  font-size: 14px;
  font-weight: 600;
  text-align: left;
  background: url(/energy/denki/pr/passcmn/images/flow_ico_und_org2.png) no-repeat right center;
  background-size: 14px;
}
.mod_Acd .mod_Acd-trigg.active {
  background: url(/energy/denki/pr/passcmn/images/flow_ico_top_org2.png) no-repeat right center;
  background-size: 14px;
}
.mod_Acd .mod_Acd-target {
  border-top: 1px dashed #ccc;
  font-size: 13px;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  display: none;
}

.mod_flow {
  text-align: center;
  padding-bottom: 1rem !important;
}
.mod_flow .flow-t01 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 0.5em;
  line-height: 1.2;
}
.mod_flow .flow-t02, .mod_flow .flow-t03 {
  font-size: 16px;
  color: #EC5500;
  border: 1px solid #EC5500;
  line-height: 1.2;
  padding: 0.7rem 0;
  border-radius: 4px;
  margin: 1rem 0 0.8rem;
}
.mod_flow .flow-t03 {
  background: #FFEFE6;
}
.mod_flow p {
  margin: 0.5rem 0;
  text-align: left;
}
.mod_flow .chui {
  margin-top: -0.3rem;
  display: block;
  text-align: left;
  opacity: 0.8;
}
.mod_flow .arrow {
  margin: 0 auto;
  width: 32px;
}
.mod_flow .image {
  margin: 1.3rem auto 1rem;
  max-width: 320px;
}
.mod_flow .bigBg {
  background: #FFEFE6;
  margin: 0 -0.8rem;
  padding: 1rem;
}
.mod_flow .bigBg h6 {
  font-weight: 600;
  font-size: 14px;
}
.mod_flow .bigBg p {
  text-align: center;
  font-size: 22px;
  color: #EC5500;
  font-weight: 600;
}

.mod_faq {
  margin-bottom: 3.5rem;
}
.mod_faq h3 {
  text-align: center;
  font-size: 22px;
  font-weight: 400;
  color: #333;
  margin-bottom: 0.8em;
}
.mod_faq dl:last-child {
  border-bottom: 1px solid #ebebeb;
}
.mod_faq dt {
  line-height: 1;
  padding: 1.2em 30px;
  font-size: 16px;
  font-weight: 600;
  position: relative;
  background-position: 6px center;
  background-repeat: no-repeat;
  background-size: 17px;
  background-image: url(/energy/denki/pr/passcmn/images/faq_simbol.png);
  color: #333;
  border-top: 1px solid #ebebeb;
  cursor: pointer;
}
.mod_faq dt:hover {
  color: #EC5600 !important;
}
.mod_faq dt:after {
  content: "";
  display: block;
  width: 17px;
  height: 17px;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 17px;
  background-image: url(/energy/denki/pr/passcmn/images/faq_arrow-d.png);
  position: absolute;
  top: 50%;
  right: 17px;
  margin-top: -8.5px;
}
.mod_faq dt.active {
  color: #EC5600 !important;
}
.mod_faq dt.active:after {
  background-image: url(/energy/denki/pr/passcmn/images/faq_arrow-u.png);
}
.mod_faq dd {
  padding: 1.2rem;
  font-size: 14px;
  background: #f6f6f6;
}
.mod_faq dd p {
  color: #333;
}
.mod_faq dd .chui {
  padding: 0;
}

.pontaMessage, .pontaMessage_bk, .pontaMessage_single {
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  display: block;
  margin-bottom: 1.5rem;
  background: rgba(117, 117, 117, 0.38);
  padding: 1rem;
  border-radius: 4px;
  margin-top: -0.5rem;
  line-height: 1.4;
}
.pontaMessage a, .pontaMessage_bk a, .pontaMessage_single a {
  color: #fff;
  display: block;
  margin-top: 0.6rem;
  font-size: 13px;
}

.pontaMessage_bk, .pontaMessage_single {
  background: #fff;
  box-shadow: 0 0 5px #ccc;
  color: #000;
  font-weight: 400;
}
.pontaMessage_bk a, .pontaMessage_single a {
  color: #ED5507;
}

.pontaMessage_single {
  margin: 0.5rem auto 1rem;
  max-width: 400px;
  width: 93%;
}

.mod_userv {
  margin-top: 2rem;
  margin-bottom: 3.5rem;
}
.mod_userv .inner {
  padding: 0;
}
.mod_userv h3 {
  text-align: center;
  font-size: 22px;
  font-weight: 400;
  color: #333;
  margin-bottom: 0.8em;
}
.mod_userv li {
  background: #FFF0BC;
  border-radius: 36px;
  padding: 1.5rem;
  position: relative;
  margin: 3em 0;
  box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.1);
}
.mod_userv li p {
  text-align: justify;
}
.mod_userv li span {
  display: block;
  height: 100px;
  width: 82px;
  position: absolute;
  bottom: -3px;
}
.mod_userv li span img {
  width: 100%;
  height: auto;
}
.mod_userv li:nth-child(even) {
  margin-left: 2rem;
  padding-left: 3.5rem;
}
.mod_userv li:nth-child(even) span {
  left: -41px;
}
.mod_userv li:nth-child(odd) {
  margin-right: 2rem;
  padding-right: 3.5rem;
}
.mod_userv li:nth-child(odd) span {
  right: -41px;
}

/* /energy/denki/moving-non-cs/cmn/css/style.css カスタマイズ版 */
:root {
  --color-primary: #eb5505;
  --color-alert: #d92323;
}

.l-contents {
  font-feature-settings: "palt" 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #fff;
  color: #333;
  font-size: 1.4rem;
  line-height: 1.5;
  font-family: "Noto Sans JP", sans-serif;
  font-kerning: auto;
}
.l-contents img {
  max-width: 100%;
  height: auto;
}

.l-contents p, .l-contents h1, .l-contents h2, .l-contents h3, .l-contents h4, .l-contents h5, .l-contents h6, .l-contents p, .l-contents li, .l-contents dt, .l-contents dd, .l-contents form, .l-contents pre, .l-contents td, .l-contents th, .l-contents label, .l-contents div, .l-contents figure, figcaption {
  font-size: 1.4rem;
}

.l-header {
  height: 50px;
}

#cmn_foot {
  padding-bottom: 100px;
}

.m-button-group {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin: -4px;
}
.m-button-group > * {
  margin: 4px 4px;
}
.m-button-group__note {
  width: 100%;
  text-align: center;
}
.m-button-group.-left {
  justify-content: flex-start;
}
.m-button-group.-right {
  justify-content: flex-end;
}
.m-button-group.-horizontal {
  flex-direction: column;
}

.m-button {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  transition: opacity 0.2s ease-out;
}

.m-button-primary {
  position: relative;
  padding: 12px 26px 12px 20px;
  border-radius: 24px;
  font-weight: bold;
}

.m-link {
  text-decoration: underline;
}

.m-list-dot__item {
  position: relative;
  padding-left: 1em;
}
.m-list-dot__item::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "・";
}

.m-list-note {
  color: #666;
}
.m-list-note__item::before {
  content: "※";
}

.m-list-note-order {
  color: #666;
  counter-reset: order;
}
.m-list-note-order__item {
  position: relative;
  padding-left: 2em;
}
.m-list-note-order__item::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "※" counter(order);
  counter-increment: order;
}

.m-grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  align-items: stretch;
  gap: 10px;
}
.m-grid__item.-col1 {
  grid-column: span 1;
}
.m-grid__item.-col2 {
  grid-column: span 2;
}
.m-grid__item.-col3 {
  grid-column: span 3;
}
.m-grid__item.-col4 {
  grid-column: span 4;
}
.m-grid__item.-col5 {
  grid-column: span 5;
}
.m-grid__item.-col6 {
  grid-column: span 6;
}
.m-grid__item.-col7 {
  grid-column: span 7;
}
.m-grid__item.-col8 {
  grid-column: span 8;
}
.m-grid__item.-col9 {
  grid-column: span 9;
}
.m-grid__item.-col10 {
  grid-column: span 10;
}
.m-grid__item.-col11 {
  grid-column: span 11;
}
.m-grid__item.-col12 {
  grid-column: span 12;
}

.m-inner-full, .m-inner {
  margin: 0 auto;
}

.m-inner {
  max-width: 840px;
  padding: 0 20px;
}

.m-inner-full {
  padding: 0 20px;
}

.m-header-unit {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
}

.m-header-logo {
  display: block;
  transition: opacity 0.2s ease-out;
}
.m-header-logo img {
  width: 105px;
  height: 17px;
}

.m-mv {
  padding-top: 1px;
  background: var(--color-primary);
}
.m-mv__title img, .m-mv__img img {
  width: 100%;
  height: auto;
}
.m-mv__title {
  width: 69.9745547074vw;
  max-width: 568px;
  margin: 0 auto 2.0356234097vw;
}
.m-mv__img {
  width: 93.3842239186vw;
  max-width: 812px;
  margin: 0 auto;
  overflow: hidden;
}
.m-mv__img img {
  margin-left: 2.0356234097vw;
}
.m-mv__link {
  padding-top: 27px;
  text-align: center;
}
.m-mv__link > .m-link {
  color: #fff;
}
.m-mv__notice {
  margin-bottom: -95px;
  padding: 30px 0 115px;
}

.keigenLink {
  width: 90%;
  max-width: 460px;
  margin: 2rem auto 2rem;
}
.keigenLink img {
  max-width: 100%;
}

.nenchouLink {
  font-size: 1.1rem;
  text-align: center;
}
.nenchouLink a {
  text-decoration: underline;
}

.m-box {
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.m-box--moving {
  padding: 24px 2.6rem 20px;
}
.m-box--entry {
  padding: 22px 2rem 30px;
}
.m-box--after {
  padding: 10px 0.6rem 30px;
}

.mod_acd {
  border: 2px solid #d6d6d6;
  border-radius: 20px;
  background: #fff;
}
.mod_acd .acd_head {
  display: flex;
  position: relative;
  align-items: center;
  margin-bottom: 0;
  padding: 1rem 1.4375rem;
  font-weight: 700;
  font-size: 0.875rem;
  cursor: pointer;
}
.mod_acd .acd_head > * {
  font-size: 1em;
}
.mod_acd .acd_head::-webkit-details-marker {
  display: none;
}
.mod_acd .acd_icon {
  position: absolute;
  top: 50%;
  right: 1.375rem;
  width: 18px;
  height: 18px;
  transform: translateY(-50%);
  pointer-events: none;
}
.mod_acd .acd_icon::before,
.mod_acd .acd_icon::after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 18px;
  height: 2px;
  transform: translate(-50%, -50%);
  background-color: #707070;
  content: "";
}
.mod_acd .acd_icon::after {
  transform: translate(-50%, -50%) rotate(-90deg);
  transform-origin: center center;
  transition: transform 0.2s ease;
}
.mod_acd[open] .acd_icon::after {
  transform: translate(-50%, -50%) rotate(0deg);
}
.mod_acd .acd_body {
  padding: 0 2.8rem 1.25rem;
  overflow: hidden;
}
.mod_acd.flow, .mod_acd.campaign {
  border: none;
}
.mod_acd.flow .acd_icon, .mod_acd.campaign .acd_icon {
  right: 2rem;
  width: 28px;
  height: 28px;
  border-radius: 50%;
}
.mod_acd.flow .acd_icon::before, .mod_acd.flow .acd_icon::after, .mod_acd.campaign .acd_icon::before, .mod_acd.campaign .acd_icon::after {
  width: 14px;
}
.mod_acd.flow, .mod_acd.campaign {
  background: #f5f5f5;
}
.mod_acd.flow .acd_head, .mod_acd.campaign .acd_head {
  padding: 3rem 5.8rem 3rem 2rem;
  font-size: 1.6rem;
  font-weight: 700;
}
.mod_acd.campaign.aupay .acd_head {
  background: #f97725;
  color: #fff;
}
.mod_acd.flow .acd_head > h3, .mod_acd.campaign .acd_head > h3  {
  font-weight: inherit;
}
.mod_acd.flow .acd_icon, .mod_acd.campaign .acd_icon {
  background: var(--color-primary);
}
.mod_acd.campaign.aupay .acd_icon {
  background: #fff;
}
.mod_acd.flow .acd_icon::before, .mod_acd.flow .acd_icon::after, .mod_acd.campaign .acd_icon::before, .mod_acd.campaign .acd_icon::after {
  background-color: #fff;
}
.mod_acd.campaign.aupay .acd_icon::before, .mod_acd.campaign.aupay .acd_icon::after {
  background: var(--color-primary);
}
.mod_acd.campaign.hayatoku {
  background: var(--color-primary);
}
.mod_acd.campaign.aupay {
  overflow: hidden;
}
.mod_acd.campaign .acd_body {
  padding: 0.8rem 2rem 5rem;
}
.mod_acd.campaign.aupay .acd_body {
  padding-top: 1.2rem;
}
.mod_acd.campaign .cpNotes {
  padding: 0 1.25rem 1.25rem;
  background: #fff;
  font-size: 1.1rem;
}
.mod_acd.point .acd_body {
  padding: 9px 13px 17px;
  border-radius: 0 0 20px 20px;
  background: #f5f5f5;
}

.mod_expander .head {
  display: flex;
  position: relative;
  align-items: center;
  margin-bottom: 0;
  padding: 0.25rem 1.5rem 0.25rem 0;
  font-weight: 700;
  cursor: pointer;
}
.mod_expander .head::-webkit-details-marker {
  display: none;
}
.mod_expander .icon {
  position: absolute;
  top: 50%;
  right: 0;
  width: 8px;
  height: 8px;
  margin-top: -2px;
  transform: translate(-50%, -50%) rotate(-45deg);
  border-bottom: 2px solid;
  border-left: 2px solid;
  pointer-events: none;
}
.mod_expander[open] .icon {
  transform: translate(-50%, -50%) rotate(135deg);
}
.mod_expander .body {
  overflow: hidden;
}

.inner {
  box-sizing: border-box;
}

.inner.narrow {
  padding-right: 3.6rem;
  padding-left: 3.6rem;
}

.txtColor {
  color: var(--color-primary);
}

.txtAlert {
  color: #d92323;
}

.mod_contents {
  overflow: hidden;
  padding: 0 0 40px;
  background: #fcf6d3;
}

.mod_kv {
  padding: 1.6rem 0 1.5rem;
  text-align: center;
}
.mod_kv .title {
  width: 85.8638743455%;
  margin: 0 auto 8px;
}
.mod_kv .title img {
  width: 100%;
}
.mod_kv .img {
  width: 110.7329842932%;
  min-width: 423px;
  margin: 0 auto;
}
.mod_kv .img img {
  width: 100%;
}

.mod_tabList {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin: 0 -5px;
}
.mod_tabList > .tabItem {
  flex: 1;
  height: 100%;
  padding: 0 5px;
  text-align: center;
}
.mod_tabList .tabShoulder {
  display: inline-block;
  position: relative;
  margin-bottom: 8px;
  padding: 0 9px;
  font-weight: 700;
  font-size: 1.2rem;
}
.mod_tabList .tabShoulder::before, .mod_tabList .tabShoulder::after {
  display: block;
  position: absolute;
  top: 50%;
  width: 7px;
  height: 11px;
  transform: translateY(-50%);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  content: "";
}
.mod_tabList .tabShoulder::before {
  left: 0;
  background-image: url(/energy/denki/moving-non-cs/cmn/images/icon_slash_left.png);
}
.mod_tabList .tabShoulder::after {
  right: 0;
  background-image: url(/energy/denki/moving-non-cs/cmn/images/icon_slash_right.png);
}

.mod_tab {
  display: block;
  width: 100%;
  padding: 14px 10px;
  border-radius: 20px 20px 0px 0px;
  background: #ddd;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.16);
  font-weight: 700;
  line-height: 1.25;
  text-align: center;
}
.mod_tab[aria-selected=true] {
  background: #fff;
  color: var(--color-primary);
}

.mod_banner {
  margin-bottom: 40px;
  text-align: center;
}

.mod_banner a{
    transition: all 0.3s;
}

.mod_banner a:hover {
    opacity: 0.7;
}

.mod_banner .notes{
  margin-top: 10px;
  text-align: left;
  font-size: 1.3rem;
}

.mod_banner .notice {
  margin-top: 20px;
}

.mod_panel + .mod_panel {
  margin-top: 40px;
}
.mod_panel {
  padding: 14px 16px 20px;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0px 0px 12px #f5edbb;
}
.mod_panel .cpImg {
  margin-bottom: 10px;
  text-align: center;
}
.mod_panel .cpImg img {
  width: 100%;
}
.mod_panel .stepShoulder {
  display: table;
  margin: -23px auto 23px;
  padding: 3px 8px 4px;
  border-radius: 4px;
  background: var(--color-primary);
  color: #fff;
  font-size: 1.1rem;
  font-weight: 700;
}
.mod_panel .stepContent[data-active="false"] {
  display: none;
}
.mod_panel .stepContent[data-active="true"] {
  display: block;
}
.mod_panel .stepContent .notes {
  margin-top: 10px;
  font-size: 1.2rem;

}
.mod_panel .heading {
  margin-bottom: 15px;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 1.5;
  text-align: center;
}
.mod_panel .heading.disabled {
  margin-bottom: 8px;
  color: rgb(46 34 12 / 0.37);
}
.mod_panel .heading .color {
  color: var(--color-primary);
}
.mod_panel_footer {
  padding: 16px;
  margin: 24px -16px -20px;
  background: rgb(252 245 209 / 0.31);
}
.mod_panel_footer mark {
  margin-inline: 0.25em;
  padding: 0 0.25em;
  border-radius: 2px;
  background-color: #FEE45A;
  font-weight: 700;
}
.mod_panel_footer .notes {
  font-size: 1.1rem;
}
.mod_panel_footer a {
  text-decoration: underline;
}
@media (hover: hover) {
  .mod_panel_footer a:hover {
    text-decoration: none;
  }
}

.mod_anchor {
  text-align: center;
}
.mod_anchor > a {
  display: inline-block;
  position: relative;
  padding: 3.5px 24px 3.5px 0;
  border-bottom: 1px solid;
  color: #707070;
  font-weight: 700;
  font-size: 1.2rem;
}
.mod_anchor > a::before {
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 14px;
  height: 8px;
  transform: translateY(-50%);
  background: url(/energy/denki/moving-non-cs/cmn/images/icon_arrow_down.png) no-repeat left top/cover;
  content: "";
}
.mod_anchor.link > a::before {
  transform: translateY(-50%) rotate(-90deg);
}

.mod_preconfirm {
  margin-top: 24px;
}
.mod_preconfirm .heading {
  margin-bottom: 12px;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1.75;
  text-align: center;
}
.mod_preconfirm .heading .shoulder {
  color: var(--color-primary);
  font-size: 1.6rem;
}
.mod_preconfirm .heading .lead {
  font-size: 2rem;
}
.mod_preconfirm .mod_notesList > li {
  font-weight: 500;
  font-size: 1.1rem;
  line-height: 1.6;
}
.mod_preconfirm .mod_notesList a {
  color: var(--color-primary);
  text-decoration: underline;
}


.sec_contact_tel {
  position: relative;
  margin-top: 28px;
  margin-bottom: 0;
  padding: 15px 0;
  border-top: solid 2px #dedede;
  border-bottom: solid 2px #dedede;
}
.sec_contact_tel .ac_btn {
  position: absolute;
  right: 0;
  top: auto;
  bottom: 50%;
  margin-bottom: 0;
  padding-right: 15px;
  transform: translateY(50%);
  background: url(/energy/denki/moving-non-cs/cmn/images/icon_arrow_acd.svg) right center no-repeat;
  background-size: 11px 6px;
  color: #EB5505;
  font-weight: 700;
  font-size: 1.2rem;
}
.sec_contact_tel .ac_btn.clickBtn_on0 {
  bottom: 15px;
  transform: translateY(0);
  background-image: url(/energy/denki/moving-non-cs/cmn/images/icon_arrow_acd_close.svg);
}
.sec_contact_tel h3 {
  margin-bottom: 0 !important;
  padding-right: 65px;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.5;
}
.sec_contact_tel .ac_detail {
  padding: 16px 0 33px;
}

.mod_section {
  padding-top: 40px;
}
.mod_section + .mod_section {
  margin-top: 40px;
  border-top: 1px dashed #c3c3c3;
}
.mod_section .heading {
  margin-bottom: 28px;
  font-weight: 700;
  font-size: 2.2rem;
  text-align: center;
}
.mod_section .heading .shoulder {
  display: block;
  font-size: 1.8rem;
}
.mod_section .img {
  text-align: center;
}
.mod_section .img:not(:last-child) {
  margin-bottom: 20px;
}

.mod_campaign {
  padding: 60px 0 40px;
}
.mod_campaign .mod_acd:not(:last-child) {
  margin-bottom: 20px;
}
.mod_campaign .title {
  margin-bottom: 24px;
  text-align: center;
  font-size: 2.4rem;
  font-weight: 700;
}

.mod_cpDetail {
  font-size: 1.1rem;
}
.mod_cpDetail .term {
  margin-bottom: 0.4rem;
  font-weight: 700;
}
.mod_cpDetail .term:not(:first-child) {
  margin-top: 20px;
}
.mod_cpDetail .desc {
  font-weight: 500;
}
.mod_cpDetail .desc p, .mod_cpDetail .desc ul, .mod_cpDetail .desc li {
  font-weight: inherit;
}
.mod_cpDetail .desc .notes {
  font-size: 1.2rem;
}
.mod_cpDetail dl > dt:not(:first-child) {
  margin-top: 14px;
}
.mod_cpDetail .mt1em {
  margin-top: 14px;
}
.mod_cpDetail a {
  text-decoration: underline;
}
.mod_cpDetail a:hover {
  text-decoration: none;
}
.mod_cpDetail .elm_h3 {
  margin-bottom: 0.7em;
  color: var(--color-primary);
  font-size: 0.875rem;
  letter-spacing: 0.1em;
}
.mod_cpDetail .elm_h4 {
  margin-bottom: 0.5em;
  font-size: 0.875rem;
  letter-spacing: 0.1em;
}
.mod_cpDetail .elm_label {
  display: inline-block;
  padding: 0.5em 0.8em;
  border-radius: 4px;
  font-style: normal;
  font-size: 75%;
}
.mod_cpDetail .elm_chui {
  color: #777;
  font-weight: 500;
  font-size: 1.1rem;
  line-height: 1.714;
}
.mod_cpDetail .elm_hr, .mod_cpDetail .elm_hr--obake {
  margin: 1rem 0;
  border: none;
  border-bottom: 1px dashed #eee;
}


.mod_box {
  padding: 18px;
  border: 2px solid #ddd;
  border-radius: 20px;
}
.mod_box .title {
  margin-bottom: 16px;
  font-weight: 700;
  font-size: 1.6rem;
}
.mod_box .text {
  font-size: 1.6rem;
  font-weight: 500;
}
.mod_box .notes {
  margin-top: 16px;
  font-size: 1.1rem;
}

.m-call-box {
  padding: 8px 12px 10px;
  border-radius: 8px;
  background: #fef4ef;
}
.m-call-box__title {
  margin-bottom: 10px;
  padding-bottom: 7px;
  border-bottom: 1px solid #c1c1c1;
  font-weight: 700;
  font-size: 1.3rem;
  line-height: 1.231;
  text-align: center;
}
.m-call-box__number img {
  max-width: 388px;
  margin: 0 auto;
}

.m-explanation {
  padding-bottom: 40px;
}
.m-explanation__img--full {
  margin: 20px -2rem 0;
}
.m-explanation__link {
  margin-top: 30px;
  text-align: center;
}
.m-explanation__link a {
  text-decoration: underline;
}
.m-explanation .m-note {
  margin-top: 10px;
  color: #666;
  font-size: 1.1rem;
}

.m-app {
  padding: 30px 0;
  background: #f7f7f7;
}
.m-app__box {
  padding: 25px 15px 15px;
  border-radius: 8px;
  background: #fff;
}
.m-app__title {
  margin-bottom: 23px;
  font-size: 2.1rem;
  line-height: 1.429;
  text-align: center;
}
.m-app__title img {
  max-width: 349px;
  margin: 0 auto;
}
.m-app__img {
  margin-bottom: 21px;
}
.m-app__img img {
  max-width: 112px;
  margin: 0 auto;
}
.m-app__lead {
  margin-bottom: 30px;
  font-weight: 700;
  font-size: 2rem;
  line-height: 1.35;
  text-align: center;
}
.m-app__lead strong {
  color: #ea5505;
}

.m-app-feature {
  position: relative;
  margin-top: 17px;
  padding: 35px 20px 20px;
  border: 1px solid #ec5401;
  border-radius: 4px;
}
.m-app-feature__header {
  position: absolute;
  top: -16px;
  left: 50%;
  width: 276px;
  margin-left: -138px;
  padding: 4px 25px 5px;
  border-radius: 5px;
  background: #ffe528;
  font-weight: 700;
  font-size: 1.6rem;
  text-align: center;
}
.m-app-feature__item {
  position: relative;
  padding-left: 24px;
  font-weight: 700;
  font-size: 1.7rem;
  line-height: 1.353;
}
.m-app-feature__item:not(:last-child) {
  margin-bottom: 4px;
}
.m-app-feature__item strong {
  color: #ea5505;
}
.m-app-feature__item::before {
  display: block;
  position: absolute;
  top: 6px;
  left: 0;
  width: 14px;
  height: 12px;
  background: url(/energy/denki/moving-non-cs/cmn/images/icon_check.png) no-repeat left top/14px 12px;
  content: "";
}

.m-flow {
  margin-top: 60px;
}
.m-flow__title {
  position: relative;
  margin-bottom: 34px;
  padding-bottom: 20px;
  font-weight: 600;
  font-size: 2.6rem;
  text-align: center;
}
.m-flow__title::before {
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 80px;
  margin-left: -40px;
  border-top: 6px solid #eb5705;
  border-radius: 10px;
  content: "";
}

.m-flow-important {
  margin-bottom: 18px;
  padding: 14px 2.4rem;
  background: #ffefe6;
}
.m-flow-important__title {
  margin-bottom: 8px;
  font-weight: 700;
  font-size: 1.4rem;
  text-align: center;
}
.m-flow-important__text strong {
  display: block;
  color: #ec5500;
  font-weight: 700;
  font-size: 2.2rem;
  line-height: 1.227;
  text-align: center;
}
.m-flow-important__text .m-note {
  margin-top: 10px;
  font-weight: 700;
  font-size: 1.1rem;
}

.m-flow-list__item {
  position: relative;
}
.m-flow-list__item:not(:first-child)::before {
  display: block;
  position: absolute;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -16px;
  border-width: 15px 16px 0 16px;
  border-style: solid;
  border-color: #d8d8d8 transparent transparent transparent;
  content: "";
}
.m-flow-list__item .m-list-note,
.m-flow-list__item .m-list-note-order {
  font-size: 1.1rem;
}
.m-flow-list__img + .m-list-note, .m-flow-list__img + .m-list-note-order {
  margin-top: 20px;
}
.m-flow-list--entry .m-flow-list__item {
  display: flex;
  align-items: center;
}
.m-flow-list--entry .m-flow-list__item:not(:first-child) {
  margin-top: 35px;
}
.m-flow-list--entry .m-flow-list__item:not(:first-child)::before {
  top: -20px;
}
.m-flow-list--after .m-flow-list__item {
  padding: 0 9px;
}
.m-flow-list--after .m-flow-list__item:not(:first-child) {
  margin-top: 64px;
}
.m-flow-list--after .m-flow-list__item:not(:first-child)::before {
  top: -40px;
}
.m-flow-list--after .m-flow-list__item:nth-child(2)::before, .m-flow-list--after .m-flow-list__item:last-child::before {
  border-top-color: #ec5401;
}
.m-flow-list--after .m-flow-list__item:last-child .m-list-note {
  margin-top: 10px;
}
.m-flow-list__title {
  margin-bottom: 10px;
  font-weight: 700;
  font-size: 1.8rem;
  text-align: center;
}
.m-flow-list__text {
  font-weight: 700;
  font-size: 1.9rem;
  line-height: 1.409;
}
.m-flow-list__text > span {
  display: inline-block;
}
.m-flow-list__text strong {
  background-image: linear-gradient(transparent 59.26%, #f1f0f0 0%);
}
.m-flow-list__number {
  margin-right: 14px;
  color: #eb5705;
  font-weight: 900;
  font-size: 2.9rem;
  font-family: "Noto Sans JP", sans-serif;
}
.m-flow-list__box {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 9px;
  border: 1px solid #ec5401;
  border-radius: 4px;
  text-align: center;
}
.m-flow-list__box--start {
  background: #ffefe6;
}
.m-flow-list__label {
  color: #ec5401;
  font-weight: 1.6rem;
  font-weight: 700;
}

.mod_info {
  padding: 30px 0;
  background: #f7f7f7;
}
.mod_info .title {
  margin-bottom: 16px;
  font-weight: 700;
  font-size: 1.8rem;
}
.mod_info .link {
  margin-top: 50px;
  font-size: 1.2rem;
}
.mod_info .text {
  font-weight: 500;
}
.mod_info .notes {
  margin-top: 16px;
  font-size: 1.1rem;
}

.mod_descList > dt {
  margin-bottom: 10px;
  font-weight: 700;
  font-size: 1.4rem;
}
.mod_descList > dt:not(:first-child) {
  margin-top: 20px;
}
.mod_descList > dd {
  font-size: 1.2rem;
  line-height: 1.333;
}
.mod_descList > dd a {
  color: inherit;
  text-decoration: underline;
}

.mod_notesList > li {
  position: relative;
  padding-left: 1.2em;
}
.mod_notesList > li::before {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  content: "※";
}
.mod_notesList.order {
  counter-reset: order;
}
.mod_notesList.order > li {
  padding-left: 2em;
  counter-increment: order;
}
.mod_notesList.order > li::before {
  content: "※" counter(order);
}

.mod_numList > li {
  position: relative;
  padding-left: 1em;
  text-indent: -1em;
}

.mod_dotList > li {
  position: relative;
  padding-left: 1em;
}
.mod_dotList > li::before {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  content: "·";
}

.mod_noticeArea {
  margin-top: 55px;
  padding-top: 30px;
  background: #f7f7f7;
}
.mod_noticeArea .title {
  font-weight: 700;
  font-size: 2rem;
  text-align: center;
}

.mod_complete {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 -2.8rem;
  padding: 25px 0;
  background: #fff;
}
.mod_complete .icon {
  flex-shrink: 0;
  width: 21px;
  height: 18px;
  margin-right: 16px;
}
.mod_complete .text {
  color: var(--color-primary);
  font-weight: 700;
  font-size: 2rem;
}

.mod_flowItem {
  padding-bottom: 48px;
  font-weight: 500;
}
.mod_flowItem p {
  font-weight: 500;
}
.mod_complete + .mod_flowItem {
  padding-top: 48px;
}
.mod_flowItem .flowHeading {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}
.mod_flowItem .flowHeading .number {
  margin-right: 12px;
  padding-right: 12px;
  border-right: 2px solid #d9d9d9;
  color: var(--color-primary);
  font-weight: 700;
  font-size: 3.2rem;
}
.mod_flowItem .flowHeading .text {
  flex: 1;
  font-weight: 700;
  font-size: 1.6rem;
  text-align: left;
}
.mod_flowItem .img img {
  width: 100%;
}
.mod_flowItem .img:not(:last-child) {
  margin-bottom: 12px;
}
.mod_flowItem .notes {
  margin-top: 8px;
  font-size: 1.1rem;
}

.m-faq {
  margin-bottom: 0;
  padding-top: 52px;
}
.m-faq.mod_faq {
  letter-spacing: 0.09em;
}
.m-faq.mod_faq dt {
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 1.286;
}
.m-faq.mod_faq dt::after {
  right: 0;
}
.m-faq.mod_faq dd {
  margin-bottom: 15px;
  padding: 15px;
  font-size: 1.3rem;
  line-height: 1.385;
}
.m-faq.mod_faq dd p:not(:last-child) {
  margin-bottom: 10px;
}
.m-faq.mod_faq dd a {
  text-decoration: underline;
}
.m-faq.mod_faq dd img {
  max-width: 750px;
}
.m-faq .m-faq__title {
  margin-bottom: 30px;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.167;
  text-align: center;
}

.mod_cv {
  padding-bottom: 33px;
}
.mod_cv[data-active="false"] {
  display: none;
}
.mod_cv .btnWrap {
  text-align: center;
}
.mod_cv .btnWrap .shoulder {
  margin-bottom: 4px;
  color: #d92323;
  font-weight: 700;
  font-size: 1.1rem;
}
.mod_cv .btnWrap .btn {
  display: inline-block;
  position: relative;
  width: 100%;
  max-width: 350px;
  padding: 13px 20px;
  border-radius: 40px;
  background: var(--color-primary);
  color: #fff;
  font-weight: 700;
  font-size: 1.6rem;
  text-align: center;
  box-sizing: border-box;
  box-shadow: 0px 5px 0px #CE4B05;
}
.mod_cv .btnWrap .btn.disabled {
  background: #F5F5F5;
  box-shadow: none;
  color: #C0C0C0;
  pointer-events: none;
}
.mod_cv .btnWrap .btn > span {
  display: block;
  font-size: 1.2rem;
}
.mod_cv .btnWrap .btn::before {
  display: block;
  position: absolute;
  top: 50%;
  right: 24px;
  width: 7px;
  height: 12px;
  transform: translateY(-50%);
  background: url(/denki/assets/img/cs/support2/icon_arrow_btn.svg) no-repeat center center / contain;
  content: "";
}
.mod_cv .btnWrap .btn.disabled::before {
  background-image: url(/denki/assets/img/cs/support2/icon_arrow_btn_disabled.svg);
}

#alert[data-active="false"] {
  display: none;
}
.mod_alertBox {
  margin-bottom: 43px;
  padding: 14px;
  border-radius: 7px;
  background: #FFF4E8;
}
.mod_alertBox .text {
  font-size: 1.3rem;
}
.mod_alertBox .lead {
  font-weight: 500;
  color: var(--color-primary);
}
.mod_alertBox .toggle {
  margin-top: 8px;
  text-align: right;
}
.mod_alertBox .toggle > button {
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  color: currentColor;
  text-decoration: underline;
  font-size: 1.2rem;
  cursor: pointer;
}
.mod_alertBox .detail[aria-hidden="true"] {
  display: none;
}
.mod_alertBox .detail {
  margin-top: 15px;
  padding-top: 14px;
  border-top: 1px solid #fff;
}
.mod_alertBox .detail .text:not(:last-child) {
  margin-bottom: 1em;
}
.mod_alertBox .detailHeading {
  position: relative;
  padding-left: 16px;
  margin-bottom: 14px;
  font-size: 1.5rem;
  font-weight: 500;
}
.mod_alertBox .detailHeading::before {
  display: block;
  position: absolute;
  top: 4px;
  left: 0;
  width: 12px;
  height: 12px;
  background: url(/denki/assets/img/cs/support2/icon_square.svg) no-repeat center center / contain;
  content: '';
}
.mod_alertBox .box {
  background-color: #FAFAFA;
  padding: 6px 10px 8px;
  border-radius: 4px;
}

.mod_question {
  margin-bottom: 60px;
}
.mod_question[data-active="false"] {
  display: none;
}
.mod_question .img {
  margin-bottom: 25px;
  text-align: center;
}
.mod_question .img img {
  max-width: 316px;
  min-width: 158px;
  width: 48.47%;
}
.mod_question .text {
  margin-bottom: 25px;
  text-align: center;
  font-size: 1.4rem;
  font-weight: 700;
}
.mod_question .notes {
  margin-top: 14px;
  text-align: center;
  font-size: 1.1rem;
  color: rgb(0 0 0 / 0.6);
}
.mod_question .row {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 25px;
}
.mod_question .checkList {
  padding: 5px 0 5px 13px;
  border-radius: 7px;
  background: #FAFAFA;
}
.mod_question .checkList > li {
  position: relative;
  padding: 8px 0;
  font-size: 1.2rem;
  font-weight: 500;
}
.mod_question .checkList > li::before {
  display: inline-block;
  width: 1em;
  text-align: center;
  font-weight: 500;
  content: '\00B7';
}
.mod_question .checkList > li:not(:first-child) {
  border-top: 1px solid #fff;
}

.radioWrap * {
  box-sizing: border-box;
}
.radioWrap {
  display: inline-block;
  height: 83px;
  flex: 1;
  line-height: 1;
  cursor: pointer;
}
.radioWrap input {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  -webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
          clip-path: polygon(0 0, 0 0, 0 0, 0 0);
  border: 0;
}
.radioWrap input:checked + .radioWrap_label {
  border-color: #EB5505;
}
.radioWrap input:checked + .radioWrap_label::after {
  opacity: 1;
}
.radioWrap_label {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  position: relative;
  padding: 15px 8px 15px 26px;
  border: 2px solid rgb(112 112 112 / 0.15);
  border-radius: 15px;
  background-color: #fff;
  text-align: center;
  font-size: 1.6rem;
  font-weight: 500;
  transition: border-color 0.15s ease-out;
}
.radioWrap_label::before, .radioWrap_label::after {
  top: 50%;
  display: block;
  position: absolute;
  border-radius: 100%;
  transform: translateY(-50%);
  content: "";
}
.radioWrap_label::before {
  left: 13px;
  width: 14px;
  height: 14px;
  background: #F5F5F5;
}
.radioWrap_label::before {
  border-radius: 100%;
}
.radioWrap_label::after {
  left: 16px;
  width: 10px;
  height: 10px;
  background: #EB5505;
  opacity: 0;
  transition: opacity 0.15s ease-out;
}
.radioWrap_label .number {
  margin-right: 3px;
  vertical-align: baseline;
  font-size: 2rem;
}

#gnav .btn_contractor {
  display: none;
}

#rnav ul li:last-child {
  display: none;
}

.forSp {
  display: none;
}

.forPc {
  display: none;
}

@media screen and (min-width: 769px) {
  .l-contents {
    font-size: 1.6rem;
    line-height: 1.438;
  }
  .l-contents p, .l-contents h1, .l-contents h2, .l-contents h3, .l-contents h4, .l-contents h5, .l-contents h6, .l-contents p, .l-contents li, .l-contents dt, .l-contents dd, .l-contents form, .l-contents pre, .l-contents td, .l-contents th, .l-contents label, .l-contents div, .l-contents figure, figcaption {
    font-size: 1.6rem;
  }
  .l-header {
    height: 70px;
  }
  #cmn_foot {
    padding-bottom: 100px;
  }
  .m-button:hover {
    opacity: 0.7;
  }
  .m-link:hover {
    text-decoration: none;
  }
  .m-grid {
    gap: 18px;
  }
  .m-grid__item.-col1-pc {
    grid-column: span 1;
  }
  .m-grid__item.-col2-pc {
    grid-column: span 2;
  }
  .m-grid__item.-col3-pc {
    grid-column: span 3;
  }
  .m-grid__item.-col4-pc {
    grid-column: span 4;
  }
  .m-grid__item.-col5-pc {
    grid-column: span 5;
  }
  .m-grid__item.-col6-pc {
    grid-column: span 6;
  }
  .m-grid__item.-col7-pc {
    grid-column: span 7;
  }
  .m-grid__item.-col8-pc {
    grid-column: span 8;
  }
  .m-grid__item.-col9-pc {
    grid-column: span 9;
  }
  .m-grid__item.-col10-pc {
    grid-column: span 10;
  }
  .m-grid__item.-col11-pc {
    grid-column: span 11;
  }
  .m-grid__item.-col12-pc {
    grid-column: span 12;
  }
  .m-inner--narrow {
    max-width: 640px;
  }
  .m-inner-full {
    padding-right: 4rem;
    padding-left: 4rem;
  }
  .m-header-logo:hover {
    opacity: 0.7;
  }
  .m-header-logo img {
    width: 153px;
    height: 25px;
  }
  .m-mv__title {
    margin-bottom: 0;
  }
  .m-mv__img img {
    margin-left: 28px;
  }
  .nenchouLink {
    font-size: 0.875rem;
  }
  .nenchouLink a:hover {
    text-decoration: none;
  }
  .m-box--moving {
    padding: 40px 48px 33px;
  }
  .m-box--entry {
    padding: 44px 18px 57px;
  }
  .m-box--after {
    padding: 20px 20px 60px;
  }
  .mod_preconfirm .mod_notesList a:hover {
    text-decoration: none;
  }
  .m-call-box {
    padding: 12px 20px 18px;
  }
  .m-call-box__title {
    margin-bottom: 15px;
    padding-bottom: 11px;
    font-size: 1.6rem;
  }
  .m-explanation {
    padding-bottom: 70px;
  }
  .m-explanation__img {
    margin-bottom: 8px;
  }
  .m-explanation__img--full {
    margin: 20px 0 0;
  }
  .m-explanation__link a:hover {
    text-decoration: none;
  }
  .m-explanation .m-note {
    margin-top: 18px;
    font-size: 1.2rem;
  }
  .m-app {
    padding-top: 45px;
    padding-bottom: 60px;
  }
  .m-app__box {
    display: grid;
    grid-template-rows: auto 1fr;
    grid-template-columns: 130px calc(100% - 170px);
    -moz-column-gap: 40px;
    column-gap: 40px;
    padding: 30px 61px 37px;
  }
  .m-app__title {
    margin-bottom: 30px;
    font-size: 2.6rem;
    line-height: 1.308;
  }
  .m-app__title img {
    max-width: 508px;
  }
  .m-app__img {
    grid-row: 1/3;
    grid-column: 1/2;
    margin-bottom: 0;
  }
  .m-app__img img {
    max-width: 130px;
  }
  .m-app__lead {
    grid-row: 1/2;
    grid-column: 2/3;
    margin-bottom: 12px;
    font-size: 2.2rem;
    line-height: 1.409;
  }
  .m-app-feature {
    grid-row: 2/3;
    grid-column: 2/3;
    padding: 35px 29px 29px;
  }
  .m-app-feature__header {
    width: 327px;
    margin-left: -164px;
    padding-top: 5px;
    font-size: 1.8rem;
  }
  .m-app-feature__item {
    font-size: 2rem;
  }
  .m-app-feature__item:not(:last-child) {
    margin-bottom: 12px;
  }
  .m-flow {
    margin-top: 70px;
  }
  .m-flow__title {
    margin-bottom: 40px;
    font-size: 3.4rem;
  }
  .m-flow-important {
    margin-bottom: 23px;
    padding-top: 21px;
    padding-bottom: 28px;
  }
  .m-flow-important__title {
    margin-bottom: 14px;
    font-size: 1.8rem;
  }
  .m-flow-important__text strong {
    font-size: 2.6rem;
  }
  .m-flow-important__text strong br {
    display: none;
  }
  .m-flow-important__text .m-note {
    margin-top: 18px;
    font-size: 1.4rem;
    text-align: center;
  }
  .m-flow-list__item .m-list-note,
  .m-flow-list__item .m-list-note-order {
    font-size: 1.3rem;
    line-height: 1.538;
  }
  .m-flow-list__img + .m-list-note, .m-flow-list__img + .m-list-note-order {
    margin-top: 28px;
  }
  .m-flow-list--entry {
    display: flex;
    justify-content: center;
  }
  .m-flow-list--entry .m-flow-list__item {
    flex-direction: column;
    text-align: center;
  }
  .m-flow-list--entry .m-flow-list__item:not(:first-child) {
    margin-top: 0;
    margin-left: 45px;
  }
  .m-flow-list--entry .m-flow-list__item:not(:first-child)::before {
    top: 50%;
    left: -28px;
    margin-top: -16px;
    margin-left: 0;
    border-width: 16px 0 16px 15px;
    border-color: transparent transparent transparent #d8d8d8;
  }
  .m-flow-list--after .m-flow-list__item {
    padding: 0;
  }
  .m-flow-list--after .m-flow-list__item:not(:first-child) {
    margin-top: 96px;
  }
  .m-flow-list--after .m-flow-list__item:not(:first-child)::before {
    top: -60px;
    margin-left: -22px;
    border-width: 20px 22px 0 22px;
  }
  .m-flow-list--after .m-flow-list__item:nth-child(2) {
    margin-top: 86px;
  }
  .m-flow-list--after .m-flow-list__item:not(:first-child):not(:nth-last-child(-n+2)) {
    max-width: 440px;
    margin-right: auto;
    margin-left: auto;
  }
  .m-flow-list--after .m-flow-list__item:last-child {
    text-align: center;
  }
  .m-flow-list__title {
    font-size: 2.2rem;
  }
  .m-flow-list__text {
    font-size: 2.2rem;
  }
  .m-flow-list__number {
    margin-right: 0;
  }
  .m-flow-list__box {
    padding: 13px;
  }
  .m-flow-list__label {
    font-size: 2.2rem;
  }
  .mod_info .link {
    font-size: 1.4rem;
  }
  .mod_descList > dt {
    font-size: 1.8rem;
  }
  .mod_descList > dd a:hover {
    text-decoration: none;
  }
  .mod_descList > dd {
    font-size: 1.4rem;
    line-height: 1.429;
  }
  .m-faq.mod_faq dt {
    padding-left: 32px;
    background-size: 24px auto;
    background-position-x: left;
    font-size: 1.8rem;
  }
  .m-faq.mod_faq dd {
    margin-bottom: 20px;
    padding: 20px;
    font-size: 1.6rem;
    line-height: 1.313;
  }
  .m-faq.mod_faq dd .chui small {
    font-size: 1.3rem;
  }
  .m-faq.mod_faq dd a:hover {
    text-decoration: none;
  }
}
@media screen and (min-width: 769px) {
  .forPc {
    display: inline;
  }
}
@media screen and (max-width: 769px) {
  .forSp {
    display: inline;
  }
}
@media screen and (max-width: 768px) {
  .m-flow > .inner {
    padding-right: 2.5rem;
    padding-left: 2.5rem;
  }
  .m-flow-list__text br {
    display: none;
  }
}
@media screen and (max-width: 390px) {
  .mod_contactBox .icon {
    margin-right: 8px;
  }
  .mod_contactBox .number {
    font-size: 3.2rem;
  }
}
@media screen and (max-width: 320px) {
  .mod_cpDetail .elm_chui {
    font-size: 10px;
  }
}
@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto;
  }
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}

[class^="input-"] {
  position: relative;
  display: block;
  margin: .3rem 0 .3rem; }
  [class^="input-"]:last-child {
    margin-bottom: 0; }
  [class^="input-"] input[type='text'],
  [class^="input-"] input[type='tel'],
  [class^="input-"] input[type='email'],
  [class^="input-"] select,
  [class^="input-"] textarea {
    vertical-align: middle;
    font-size: 18px;
    line-height: normal;
    border: 1px solid #E5E5E5;
    background-color: #fff;
    border-radius: 6px;
    margin: 0;
    width: 100%;
    padding: 13px;
    display: block;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }
    [class^="input-"] input[type='text']:focus,
    [class^="input-"] input[type='tel']:focus,
    [class^="input-"] input[type='email']:focus,
    [class^="input-"] select:focus,
    [class^="input-"] textarea:focus {
      outline: 0;
      background-color: #FFF4E8; }
    @media screen and (max-width: 320px) {
      [class^="input-"] input[type='text'],
      [class^="input-"] input[type='tel'],
      [class^="input-"] input[type='email'],
      [class^="input-"] select,
      [class^="input-"] textarea {
        font-size: 14px;
        padding: .9em .8em; } }
  [class^="input-"] select {
    background-image: url(../images/ico-arrow.png);
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: 96% center;
    height: 49px;
    line-height: 1.3; }
    [class^="input-"] select:-ms-expand {
      display: none; }
  [class^="input-"] textarea {
    font-size: 16px;
    padding: 13px;
    min-height: 7.5em;
    resize: none;
    -webkit-appearance: none; }
  [class^="input-"] span {
    display: none; }
  [class^="input-"].js-alert input[type='text'],
  [class^="input-"].js-alert input[type='tel'],
  [class^="input-"].js-alert input[type='email'],
  [class^="input-"].js-alert textarea,
  [class^="input-"].js-alert select {
    color: #e00404;
    border: 1px solid #e77070;
    background-color: #ffecec; }
  [class^="input-"].js-alert span {
    display: block;
    color: #e00404;
    font-size: 13px;
    margin: .4em 0;
    width: 100%; }
    @media screen and (max-width: 320px) {
      [class^="input-"].js-alert span {
        font-size: 11px; } }

.input-date input {
  background-image: url(/denki/assets/img/cs/support2/ico_cal.png);
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: right center; }

.input-date input[type='tel'] {
  padding-right: 3.5em !important; }
  @media screen and (max-width: 320px) {
    .input-date input[type='tel'] {
      padding-right: 4em !important; } }

#datepicker-inline {
  border: none;
  box-sizing: border-box;
}
@media screen and (max-width: 414px) {
  #datepicker-inline {
    width: 100%;
  }
}

#datepicker-input-wrap {
  display: none;
}
#datepicker-inline .ui-datepicker {
  width: 100%;
  padding: 6px;
  border-color: rgb(112 112 112 / 0.15);
  border-radius: 6px;
  box-sizing: border-box;
}
#datepicker-inline .ui-datepicker .ui-datepicker-calendar {
  margin-bottom: 0;
}

.ui-datepicker .ui-datepicker-header {
  background: none;
  border: none; }

.ui-datepicker th {
  font-size: 10px;
  font-weight: 400;
  color: #999; }

.ui-datepicker td span, .ui-datepicker td a {
  text-align: center;
  padding: .5em .2em; }

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
  border: 1px solid #ffe0c1;
  background: #ffe0c1; }

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  border: 1px solid #F37F02;
  background: #ffe0c1;
  color: #F37F02; }

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
  border: 1px solid #F37F02;
  background: #F37F02;
  color: #fff; }

.ui-datepicker-today {
  border: 1px solid #F37F02 !important;
  background: #ffe0c1 !important;
  color: #F37F02 !important; }
  .ui-datepicker-today .ui-state-default {
    color: #9b5000 !important; }

.slash_ttl {
  margin: 2.375rem 0 1.25rem;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
}

.slash_ttl .text {
  display: inline-block;
  position: relative;
  padding: 0 5rem;
  font-size: 2rem;
}

.slash_ttl .text::before, .slash_ttl .text::after {
  display: inline-block;
  position: absolute;
  top: 50%;
  width: 20px;
  height: 34px;
  transform: translateY(-50%);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  content: "";
}

.slash_ttl .text::before {
  left: 0;
  background-image: url(/denki/assets/img/cs/support2/slash01.png);
}

.slash_ttl .text::after {
  right: 0;
  background-image: url(/denki/assets/img/cs/support2/slash02.png);
}