@charset "UTF-8";
.list {
  margin-top: 5px;
}
.list > li {
  font-size: var(--fsize12);
}

.fancybox-slide--html {
  padding: 12px !important;
}

.modal {
  display: none;
  width: 760px;
  border-radius: 10px;
}

.modal_area {
  letter-spacing: -1em;
  word-spacing: 0.1em;
  font-size: 0;
}
.modal_area > li {
  width: 48%;
  margin-top: 40px;
  display: inline-block;
  vertical-align: top;
}
.modal_area > li:nth-child(1), .modal_area > li:nth-child(2) {
  margin-top: 0;
}
.modal_area > li:nth-child(odd) {
  margin-right: 4%;
}
.modal_area > li > h2, .modal_area > li p, .modal_area > li ul > li {
  letter-spacing: 0.05em;
}
.modal_area > li > h2 {
  margin-bottom: 20px;
}

/*---------- ⇣全体の調整 ---------- */
.contents .image img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

.contents section article {
  padding: 0;
}

.contents section article h3,
.contents section article h4,
.contents section article p {
  margin: 0 0 8px;
}

.contents section .column2 {
  overflow: hidden;
}

.contents section article h4 {
  margin-bottom: 40px;
}

.contents section article h3 {
  margin: 60px 0;
}

/*---------- ⇣装飾---------- */
.cause {
  padding: 18px;
  border: solid 1px #d9d9d9;
  border-radius: 5px;
  text-align: left;
  font-weight: bold;
  font-size: 16px;
}

.teidenFont {
  padding-left: 0;
  text-align: left;
  font-weight: bold;
  font-size: var(--fsize18);
  line-height: 1.4;
}

.teidenBtn {
  font-size: var(--fsize18);
  font-weight: 500;
  margin-top: 20px;
}
.teidenBtn .txt {
  padding-right: 10px;
}
.teidenBtn > i {
  color: #000000;
  font-size: var(--fsize18);
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -9px;
  letter-spacing: normal;
}

.textNotesMb {
  list-style: none;
  letter-spacing: 0.02em;
  line-height: 1.4;
}
.textNotesMb .textNotes {
  font-size: var(--fsize12);
  text-indent: -1em;
  padding-left: 1em;
}
.textNotesMb.middleSize .textNotes {
  font-size: var(--fsize14);
  line-height: 1.8;
}

.teidenAlert {
  margin-top: 0;
  margin-bottom: 40px;
}
.teidenAlert > .contentsAlertTxt {
  margin-bottom: 0 !important;
}

.teidenAlertHead {
  color: #cb0000;
  border-bottom-color: #f3d6d6;
  margin-bottom: 10px !important;
}
.teidenAlertHead > .causeMark {
  background-color: #cb0000 !important;
  color: #fff;
}

.num {
  display: inline-block;
  letter-spacing: normal;
  vertical-align: middle;
  font-size: var(--fsize44);
  line-height: 1;
  font-weight: bold;
  position: relative;
  padding-left: 40px;
  padding-right: 15px;
}
.num.marginBtm {
  margin-bottom: 0.1em;
}
.num + p {
  letter-spacing: 0;
  font-size: var(--fsize13);
}
.num + .txt {
  display: inline-block;
  letter-spacing: normal;
  vertical-align: middle;
  font-size: var(--fsize14);
  line-height: 1.2;
}

.num:before {
  content: "";
  width: 32px;
  height: 32px;
  position: absolute;
  left: 0;
  top: calc(50% - 16px);
  background: url(/denki/cmn/img/ico_tel.svg) no-repeat left top;
  -webkit-background-size: contain;
          background-size: contain;
}

.arDown {
  text-align: center;
}

.no1,
.no2,
.no3,
.no4,
.no5,
.no6 {
  padding-left: 46px;
  background-position: left top;
  background-repeat: no-repeat;
  -webkit-background-size: 38px 38px;
          background-size: 38px;
}

.no1 {
  background-image: url("../img/icon_teiden_01.png");
}

.no2 {
  background-image: url("../img/icon_teiden_02.png");
}

.no3 {
  background-image: url("../img/icon_teiden_03.png");
}

.no4 {
  background-image: url("../img/icon_teiden_04.png");
}

.no5 {
  background-image: url("../img/icon_teiden_05.png");
}

.no6 {
  background-image: url("../img/icon_teiden_06.png");
}

/*---------- ⇣#contents ---------- */
.contents #teidenCont .content {
  width: 100%;
}
.contents #teidenCont .content .leftCol {
  float: left;
}
.contents #teidenCont .content .rightCol {
  float: right;
}
.contents #teidenCont .firstCont {
  border: 2px solid #f0f0f0;
  border-radius: var(--radius2);
  margin-top: 15px;
  padding: 30px;
  zoom: 1;
}
.contents #teidenCont .firstCont:before, .contents #teidenCont .firstCont:after {
  display: block;
  height: 0;
  visibility: hidden;
  content: " ";
}
.contents #teidenCont .firstCont:after {
  clear: both;
}
.contents #teidenCont .firstCont .column2 {
  overflow: visible;
}
.contents #teidenCont .firstCont .leftCol {
  max-width: 50.7731959%;
  height: auto;
}
.contents #teidenCont .firstCont .leftCol .sp {
  display: none;
}
.contents #teidenCont .firstCont .rightCol {
  max-width: 46.5206186%;
}
.contents #teidenCont .secondCont {
  border: 2px solid #f0f0f0;
  border-radius: var(--radius2);
  margin-top: 20px;
  padding: 30px;
}
.contents #teidenCont .secondCont .firstBlock,
.contents #teidenCont .secondCont .forthBlock,
.contents #teidenCont .secondCont .secondBlock,
.contents #teidenCont .secondCont .threadBlock {
  margin-bottom: 40px;
}
.contents #teidenCont .secondCont .firstBlock .image,
.contents #teidenCont .secondCont .forthBlock .image,
.contents #teidenCont .secondCont .secondBlock .image,
.contents #teidenCont .secondCont .threadBlock .image {
  margin: 0;
}
.contents #teidenCont .secondCont .secondBlock .cause,
.contents #teidenCont .secondCont .threadBlock .cause {
  margin: 0;
}
.contents #teidenCont .secondCont .causeMark {
  display: inline-block;
  height: 1.2em;
  width: 1.2em;
  line-height: 1.2;
  margin-right: 0.4em;
  background-color: var(--color-key);
  border-radius: 50%;
  text-align: center;
}
.contents #teidenCont .secondCont .causeMark:before {
  content: "!";
  font-size: 1em;
}
.contents #teidenCont .secondCont .firstBlock .leftCol {
  max-width: 36.34%;
  height: auto;
}
.contents #teidenCont .secondCont .firstBlock .leftCol .sp {
  display: none;
}
.contents #teidenCont .secondCont .firstBlock .rightCol {
  max-width: 61.08%;
}
.contents #teidenCont .secondCont .secondBlock {
  margin: 55px 0 60px;
}
.contents #teidenCont .secondCont .secondBlock .leftCol {
  width: 46.3917526%;
  height: auto;
}
.contents #teidenCont .secondCont .secondBlock .leftCol ul {
  margin: 0 0 15px;
  padding-left: 0;
}
.contents #teidenCont .secondCont .secondBlock .leftCol li {
  text-indent: -1em;
  padding-left: 1em;
}
.contents #teidenCont .secondCont .secondBlock .rightCol {
  width: 49.4845361%;
}
.contents #teidenCont .secondCont .threadBlock {
  margin: 0 0 60px;
}
.contents #teidenCont .secondCont .threadBlock .leftCol {
  width: 46.3917526%;
  height: auto;
}
.contents #teidenCont .secondCont .threadBlock .leftCol ul {
  margin: 0 0 15px;
  padding-left: 0;
}
.contents #teidenCont .secondCont .threadBlock .leftCol li {
  text-indent: -1em;
  padding-left: 1em;
}
.contents #teidenCont .secondCont .threadBlock .rightCol {
  width: 46.0051546%;
}
.contents #teidenCont .secondCont .forthBlock {
  margin-bottom: 0;
}
.contents #teidenCont .secondCont .forthBlock .column2 {
  margin-bottom: 20px;
}
.contents #teidenCont .secondCont .forthBlock .column2 .image {
  margin: 0 auto;
}
.contents #teidenCont .secondCont .forthBlock .leftCol,
.contents #teidenCont .secondCont .forthBlock .rightCol {
  max-width: 45.88%;
}
.contents #teidenCont .secondCont .forthBlock .leftCol .image,
.contents #teidenCont .secondCont .forthBlock .rightCol .image {
  max-width: 356px;
}
.contents #teidenCont .secondCont .forthBlock .cause {
  margin-top: 40px;
  margin-bottom: 40px;
}
.contents #teidenCont .secondCont .forthBlock .textNotes {
  font-size: var(--fsize20);
  margin-bottom: 0;
}
.contents #teidenCont .secondCont .forthBlock .if li {
  margin: 0.5em 0;
  padding-left: 1em;
  text-indent: -1em;
}
.contents #teidenCont .secondCont .forthBlock .customerCenterBlock {
  padding-top: 30px;
}
.contents #teidenCont .secondCont .forthBlock .customerCenterBlock ul {
  padding: 0;
}
.contents #teidenCont .secondCont .forthBlock .customerCenterBlock p {
  margin-bottom: 0;
}
.contents #teidenCont .secondCont .forthBlock .customerCenterBlock .customerCenterBlockTtl {
  font-weight: bold;
}
.contents #teidenCont .secondCont .forthBlock .customerCenterBlock .image {
  max-width: 361px;
}
.contents .notes {
  margin-top: 0.4em;
}

/*---------- 1カラム表示 スマホ ---------- */
@media screen and (max-width: 1024px) {
  .list {
    margin-top: 10px;
  }
  .list > li {
    font-size: var(--fsize20);
  }
  .modal {
    padding: 40px 10px 20px !important;
  }
  .modal_area > li {
    width: 100%;
    margin: 20px auto 0;
    display: block;
    max-width: 400px;
  }
  .modal_area > li:nth-child(1) {
    margin-top: 0;
  }
  .modal_area > li:nth-child(2) {
    margin-top: 20px;
  }
  .modal_area > li:nth-child(odd) {
    margin-right: auto;
  }
  .modal_area > li > h2 {
    margin-bottom: 10px;
  }
  .modal_area > li > .notes {
    margin-top: 5px;
  }
  .modal_area > li > .notes > li {
    fsize: var(--fsize20);
  }
  /*---------- ⇣全体の調整 ----------*/
  .contents section article,
  .contents section article p {
    padding: 0;
  }
  .contents section article h3 {
    margin: 25px 0;
  }
  /*---------- 装飾 ----------*/
  .contents section article .cause {
    padding: 10px;
    font-size: var(--fsize28);
  }
  .teidenFont {
    font-size: var(--fsize28);
  }
  .teidenBtn {
    font-size: var(--fsize28);
    margin-top: 20px;
  }
  .teidenAlert {
    margin-bottom: 20px;
  }
  .teidenAlertHead {
    margin-top: 2px !important;
    margin-bottom: 6px !important;
  }
  .teidenAlertHead > .causeMark {
    background-color: #cb0000 !important;
    color: #fff;
  }
  .num {
    display: block;
    font-size: var(--fsize44);
    padding-left: 40px;
    padding-right: 15px;
  }
  .num.marginBtm {
    margin-bottom: 0.1em;
  }
  .num + p {
    letter-spacing: 0;
    font-size: var(--fsize20);
  }
  .num + .txt {
    display: block;
    font-size: var(--fsize20);
  }
  .num:before {
    width: 32px;
    height: 32px;
    top: calc(50% - 16px);
  }
  .no1,
  .no2,
  .no3,
  .no4,
  .no5,
  .no6 {
    padding-left: 46px !important;
    background-position: left 0.4em;
    -webkit-background-size: 38px 38px;
            background-size: 38px;
    font-size: var(--fsize28);
    margin-bottom: 20px !important;
  }
  /*---------- ⇣#contents ----------*/
  .contents #teidenCont {
    padding: 0;
  }
  .contents #teidenCont h4 {
    margin: 20px 0;
  }
  .contents #teidenCont .content .leftCol,
  .contents #teidenCont .content .rightCol {
    float: none;
    margin: 0 auto 15px;
  }
  .contents #teidenCont .content .firstCont {
    padding: 30px;
  }
  .contents #teidenCont .content .firstCont .leftCol {
    margin: 0 auto 30px;
    max-width: 500px;
  }
  .contents #teidenCont .content .firstCont .leftCol .pc {
    display: none;
  }
  .contents #teidenCont .content .firstCont .leftCol .sp {
    display: block;
    text-align: left;
  }
  .contents #teidenCont .content .firstCont .rightCol {
    margin: 0 auto;
    max-width: none;
  }
  .contents #teidenCont .content .firstCont .rightCol p {
    text-align: left;
  }
  .contents #teidenCont .content .secondCont {
    padding: 30px;
  }
  .contents #teidenCont .content .secondCont .firstBlock,
  .contents #teidenCont .content .secondCont .forthBlock,
  .contents #teidenCont .content .secondCont .secondBlock,
  .contents #teidenCont .content .secondCont .threadBlock {
    margin-bottom: 30px;
  }
  .contents #teidenCont .content .secondCont .firstBlock .rightCol {
    margin: 0 auto;
  }
  .contents #teidenCont .content .secondCont .secondBlock .leftCol,
  .contents #teidenCont .content .secondCont .threadBlock .leftCol {
    margin: 0 auto;
  }
  .contents #teidenCont .content .secondCont .secondBlock .leftCol ul,
  .contents #teidenCont .content .secondCont .threadBlock .leftCol ul {
    margin: 0 0 10px;
  }
  .contents #teidenCont .content .secondCont .secondBlock .leftCol .cause,
  .contents #teidenCont .content .secondCont .threadBlock .leftCol .cause {
    margin: 0;
  }
  .contents #teidenCont .content .secondCont .secondBlock .rightCol,
  .contents #teidenCont .content .secondCont .threadBlock .rightCol {
    margin: 0 auto 10px;
    max-width: none;
  }
  .contents #teidenCont .content .secondCont .firstBlock .leftCol {
    margin: 0 auto 15px;
    max-width: 500px;
  }
  .contents #teidenCont .content .secondCont .firstBlock .leftCol .pc {
    display: none;
  }
  .contents #teidenCont .content .secondCont .firstBlock .leftCol .sp {
    display: block;
    text-align: left;
  }
  .contents #teidenCont .content .secondCont .firstBlock .rightCol {
    width: 100%;
    max-width: 500px;
  }
  .contents #teidenCont .content .secondCont .firstBlock .rightCol p {
    text-align: left;
  }
  .contents #teidenCont .content .secondCont .secondBlock {
    margin-top: 25px;
  }
  .contents #teidenCont .content .secondCont .secondBlock .leftCol {
    width: auto;
    max-width: 100%;
    height: auto;
  }
  .contents #teidenCont .content .secondCont .secondBlock .leftCol ul {
    padding-left: 0;
  }
  .contents #teidenCont .content .secondCont .secondBlock .leftCol li {
    font-size: var(--fsize28);
  }
  .contents #teidenCont .content .secondCont .secondBlock .rightCol {
    width: 92%;
    max-width: 384px;
    padding-right: 28px;
  }
}
@media screen and (max-width: 1024px) and (max-width: 488px) {
  .contents #teidenCont .content .secondCont .secondBlock .rightCol {
    padding-right: 6%;
  }
}
@media screen and (max-width: 1024px) {
  .contents #teidenCont .content .secondCont .threadBlock .leftCol {
    width: auto;
    max-width: 100%;
    height: auto;
  }
  .contents #teidenCont .content .secondCont .threadBlock .leftCol ul {
    padding-left: 0;
  }
  .contents #teidenCont .content .secondCont .threadBlock .leftCol li {
    font-size: var(--fsize28);
  }
  .contents #teidenCont .content .secondCont .threadBlock .leftCol p {
    margin: 0 auto 15px;
    padding: 10px;
    border: solid 1px #d9d9d9;
    border-radius: 5px;
  }
  .contents #teidenCont .content .secondCont .threadBlock .rightCol {
    width: 86%;
    max-width: 357px;
  }
  .contents #teidenCont .content .secondCont .forthBlock {
    margin-bottom: 0;
  }
  .contents #teidenCont .content .secondCont .forthBlock .column2 {
    margin-bottom: 0;
    padding: 0 10px;
  }
  .contents #teidenCont .content .secondCont .forthBlock .column2 .no1,
  .contents #teidenCont .content .secondCont .forthBlock .column2 .no2,
  .contents #teidenCont .content .secondCont .forthBlock .column2 .no3,
  .contents #teidenCont .content .secondCont .forthBlock .column2 .no4,
  .contents #teidenCont .content .secondCont .forthBlock .column2 .no5,
  .contents #teidenCont .content .secondCont .forthBlock .column2 .no6 {
    margin-bottom: 10px;
  }
  .contents #teidenCont .content .secondCont .forthBlock .column2 .image {
    margin: 0 auto;
  }
  .contents #teidenCont .content .secondCont .forthBlock .leftCol,
  .contents #teidenCont .content .secondCont .forthBlock .rightCol {
    margin: 0 auto 15px;
    width: 100%;
    max-width: 694px;
  }
  .contents #teidenCont .content .secondCont .forthBlock .cause {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .contents #teidenCont .content .secondCont .forthBlock .textNotes {
    padding-left: 1em;
  }
  .contents #teidenCont .content .secondCont .forthBlock .customerCenterBlock {
    padding-top: 10px;
  }
  .contents #teidenCont .content .secondCont .forthBlock .customerCenterBlock p {
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 1.6;
  }
}
@media screen and (max-width: 767px) {
  .list {
    margin-top: 1.3vw;
  }
  .list > li {
    font-size: 2.61vw;
  }
  .modal {
    padding: 5.22vw 1.3vw 2.61vw !important;
  }
  .modal_area > li {
    margin: 2.61vw auto 0;
  }
  .modal_area > li:nth-child(2) {
    margin-top: 2.61vw;
  }
  .modal_area > li > h2 {
    margin-bottom: 1.3vw;
  }
  .modal_area > li > .notes {
    margin-top: 0.65vw;
  }
  /*---------- ⇣全体の調整 ----------*/
  .contents section article h3 {
    margin: 3.26vw 0;
  }
  /*---------- 装飾 ----------*/
  .contents section article .cause {
    padding: 1.3vw;
    font-size: 3.65vw;
  }
  .teidenFont {
    font-size: 3.65vw;
  }
  .teidenBtn {
    font-size: 3.65vw;
    margin-top: 2.61vw;
  }
  .teidenAlert {
    margin-bottom: 2.61vw;
  }
  .teidenAlertHead {
    margin-top: 0.26vw !important;
    margin-bottom: 0.78vw !important;
  }
  .num {
    font-size: 5.74vw;
    padding-left: 5.22vw;
    padding-right: 1.96vw;
  }
  .num + p {
    font-size: 2.61vw;
  }
  .num + .txt {
    font-size: 2.61vw;
  }
  .num:before {
    width: 4.17vw;
    height: 4.17vw;
    top: calc(50% - 2.09vw);
  }
  .no1,
  .no2,
  .no3,
  .no4,
  .no5,
  .no6 {
    padding-left: 6vw !important;
    -webkit-background-size: 4.95vw 4.95vw;
            background-size: 4.95vw;
    font-size: 3.65vw;
    margin-bottom: 2.61vw !important;
  }
  /*---------- ⇣#contents ----------*/
  .contents #teidenCont h4 {
    margin: 2.61vw 0;
  }
  .contents #teidenCont .content .leftCol,
  .contents #teidenCont .content .rightCol {
    float: none;
    margin: 0 auto 1.96vw;
  }
  .contents #teidenCont .content .firstCont {
    padding: 3.91vw;
  }
  .contents #teidenCont .content .firstCont .leftCol {
    margin: 0 auto 3.91vw;
  }
  .contents #teidenCont .content .secondCont {
    padding: 3.91vw;
  }
  .contents #teidenCont .content .secondCont .firstBlock,
  .contents #teidenCont .content .secondCont .forthBlock,
  .contents #teidenCont .content .secondCont .secondBlock,
  .contents #teidenCont .content .secondCont .threadBlock {
    margin-bottom: 3.91vw;
  }
  .contents #teidenCont .content .secondCont .secondBlock .leftCol ul,
  .contents #teidenCont .content .secondCont .threadBlock .leftCol ul {
    margin: 0 0 1.3vw;
  }
  .contents #teidenCont .content .secondCont .secondBlock .rightCol,
  .contents #teidenCont .content .secondCont .threadBlock .rightCol {
    margin: 0 auto 1.3vw;
  }
  .contents #teidenCont .content .secondCont .firstBlock .leftCol {
    margin: 0 auto 1.96vw;
  }
  .contents #teidenCont .content .secondCont .secondBlock {
    margin-top: 3.26vw;
  }
  .contents #teidenCont .content .secondCont .secondBlock .leftCol li {
    font-size: 3.65vw;
  }
  .contents #teidenCont .content .secondCont .secondBlock .rightCol {
    padding-right: 3.65vw;
  }
  .contents #teidenCont .content .secondCont .threadBlock .leftCol li {
    font-size: 3.65vw;
  }
  .contents #teidenCont .content .secondCont .threadBlock .leftCol p {
    margin: 0 auto 1.96vw;
    padding: 1.3vw;
  }
  .contents #teidenCont .content .secondCont .forthBlock .column2 {
    padding: 0 1.3vw;
  }
  .contents #teidenCont .content .secondCont .forthBlock .column2 .no1,
  .contents #teidenCont .content .secondCont .forthBlock .column2 .no2,
  .contents #teidenCont .content .secondCont .forthBlock .column2 .no3,
  .contents #teidenCont .content .secondCont .forthBlock .column2 .no4,
  .contents #teidenCont .content .secondCont .forthBlock .column2 .no5,
  .contents #teidenCont .content .secondCont .forthBlock .column2 .no6 {
    margin-bottom: 1.3vw;
  }
  .contents #teidenCont .content .secondCont .forthBlock .leftCol,
  .contents #teidenCont .content .secondCont .forthBlock .rightCol {
    margin: 0 auto 1.96vw;
  }
  .contents #teidenCont .content .secondCont .forthBlock .cause {
    margin-top: 2.61vw;
    margin-bottom: 2.61vw;
  }
  .contents #teidenCont .content .secondCont .forthBlock .customerCenterBlock {
    padding-top: 1.3vw;
  }
  .contents #teidenCont .content .secondCont .forthBlock .customerCenterBlock p {
    margin-top: 1.3vw;
    margin-bottom: 1.3vw;
  }
}