@charset "UTF-8";

/* ============================================================================
 * Module
 * ========================================================================= */
/* ----------------------------------------------------------------------------
 * Heading
 * ------------------------------------------------------------------------- */
/* ------------------------------------
 * Module
 * --------------------------------- */
.m-hdg {
  color: #333;
  font-weight: bold;
}

.m-hdg-01 {
  padding: 20px 0 10px 0;
}

@media screen and (max-width: 767px) {
  .m-hdg-01 {
    padding: 10px 0 10px 0;
  }
}

.m-hdg-01 > .m-hdg {
  font-size: 20px;
  color: #e93817;
  line-height: 1.3;
}

@media screen and (max-width: 767px) {
  .m-hdg-01 > .m-hdg {
    font-size: 15px;
    color: #333;
  }
}

.m-hdg-img {
  text-align: center;
}

.m-hdg-img > img {
  max-width: 100%;
  height: auto;
}

@media screen and (max-width: 767px) {
  .m-hdg-line {
    margin-bottom: 0;
  }
}

.m-hdg-line > .m-hdg {
  font-size: 16px;
  line-height: 1.5;
}

@media screen and (max-width: 767px) {
  .m-hdg-line > .m-hdg {
    font-size: 16px;
  }
}

.m-hdg-02 {
  margin: 0;
}

@media screen and (max-width: 767px) {
  .m-hdg-02 {
    margin: 0;
  }
}

.m-hdg-02 > .m-hdg {
  font-size: 26px;
  line-height: 1.3;
}

@media screen and (max-width: 767px) {
  .m-hdg-02 > .m-hdg {
    font-size: 20px;
    font-weight: bold;
  }
}

.m-hdg-03 {
  margin: 0;
}

@media screen and (max-width: 767px) {
  .m-hdg-03 {
    margin: 0;
  }
}

.m-hdg-03 > .m-hdg {
  font-size: 22px;
  line-height: 1.3;
}

@media screen and (max-width: 767px) {
  .m-hdg-03 > .m-hdg {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.2;
  }
}

.m-hdg-04 {
  margin: 0;
}

@media screen and (max-width: 767px) {
  .m-hdg-04 {
    margin: 0;
  }
}

.m-hdg-04 > .m-hdg {
  font-size: 16px;
  line-height: 1.3;
}

@media screen and (max-width: 767px) {
  .m-hdg-04 > .m-hdg {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.2;
  }
}

.m-hdg-05 {
  border-bottom: 4px solid #3075d5;
  text-align: center;
  font-size: 36px;
}

@media screen and (max-width: 767px) {
  .m-hdg-05 {
    font-size: 20px;
  }
}

.m-hdg-06 {
  border-bottom: 2px solid #e8e8e8;
  text-align: center;
  font-size: 24px;
}

@media screen and (max-width: 767px) {
  .m-hdg-06 {
    font-size: 16px;
  }
}

.m-hdg-07 {
  margin: 0;
  display: flex;
}

@media screen and (max-width: 767px) {
  .m-hdg-07 {
    align-items: center;
  }
}

.m-hdg-07 img {
  width: 40px;
  height: 40px;
  margin-right: 10px;
}

@media screen and (max-width: 767px) {
  .m-hdg-07 img {
    width: 40px;
    height: 40px;
    margin-right: 10px;
  }
}

.m-hdg-07 h2, .m-hdg-07 h3, .m-hdg-07 h4, .m-hdg-07 h5, .m-hdg-07 h6 {
  color: #e40077;
  font-size: 28px;
  position: relative;
}

.m-hdg-07 h2[data-color=c-base], .m-hdg-07 h3[data-color=c-base], .m-hdg-07 h4[data-color=c-base], .m-hdg-07 h5[data-color=c-base], .m-hdg-07 h6[data-color=c-base] {
  color: #333 !important;
}

.m-hdg-07 h2[data-color=c-link], .m-hdg-07 h3[data-color=c-link], .m-hdg-07 h4[data-color=c-link], .m-hdg-07 h5[data-color=c-link], .m-hdg-07 h6[data-color=c-link] {
  color: #333 !important;
}

.m-hdg-07 h2[data-color=jcom], .m-hdg-07 h3[data-color=jcom], .m-hdg-07 h4[data-color=jcom], .m-hdg-07 h5[data-color=jcom], .m-hdg-07 h6[data-color=jcom] {
  color: #e93817 !important;
}

.m-hdg-07 h2[data-color=tv], .m-hdg-07 h3[data-color=tv], .m-hdg-07 h4[data-color=tv], .m-hdg-07 h5[data-color=tv], .m-hdg-07 h6[data-color=tv] {
  color: #e40077 !important;
}

.m-hdg-07 h2[data-color=net], .m-hdg-07 h3[data-color=net], .m-hdg-07 h4[data-color=net], .m-hdg-07 h5[data-color=net], .m-hdg-07 h6[data-color=net] {
  color: #0085cd !important;
}

.m-hdg-07 h2[data-color=phone], .m-hdg-07 h3[data-color=phone], .m-hdg-07 h4[data-color=phone], .m-hdg-07 h5[data-color=phone], .m-hdg-07 h6[data-color=phone] {
  color: #00a33e !important;
}

.m-hdg-07 h2[data-color=mobile], .m-hdg-07 h3[data-color=mobile], .m-hdg-07 h4[data-color=mobile], .m-hdg-07 h5[data-color=mobile], .m-hdg-07 h6[data-color=mobile] {
  color: #00a4a8 !important;
}

.m-hdg-07 h2[data-color=ele], .m-hdg-07 h3[data-color=ele], .m-hdg-07 h4[data-color=ele], .m-hdg-07 h5[data-color=ele], .m-hdg-07 h6[data-color=ele] {
  color: #f18d00 !important;
}

.m-hdg-07 h2[data-color=gas], .m-hdg-07 h3[data-color=gas], .m-hdg-07 h4[data-color=gas], .m-hdg-07 h5[data-color=gas], .m-hdg-07 h6[data-color=gas] {
  color: #0a308f !important;
}

.m-hdg-07 h2[data-color=cvNew], .m-hdg-07 h3[data-color=cvNew], .m-hdg-07 h4[data-color=cvNew], .m-hdg-07 h5[data-color=cvNew], .m-hdg-07 h6[data-color=cvNew] {
  color: #e83416 !important;
}

.m-hdg-07 h2[data-color=new], .m-hdg-07 h3[data-color=new], .m-hdg-07 h4[data-color=new], .m-hdg-07 h5[data-color=new], .m-hdg-07 h6[data-color=new] {
  color: #ff5600 !important;
}

.m-hdg-07 h2[data-color=cvMember], .m-hdg-07 h3[data-color=cvMember], .m-hdg-07 h4[data-color=cvMember], .m-hdg-07 h5[data-color=cvMember], .m-hdg-07 h6[data-color=cvMember] {
  color: #5e9600 !important;
}

.m-hdg-07 h2[data-color=member], .m-hdg-07 h3[data-color=member], .m-hdg-07 h4[data-color=member], .m-hdg-07 h5[data-color=member], .m-hdg-07 h6[data-color=member] {
  color: #6baa00 !important;
}

.m-hdg-07 h2[data-color=grayA], .m-hdg-07 h3[data-color=grayA], .m-hdg-07 h4[data-color=grayA], .m-hdg-07 h5[data-color=grayA], .m-hdg-07 h6[data-color=grayA] {
  color: #333 !important;
}

.m-hdg-07 h2[data-color=grayB], .m-hdg-07 h3[data-color=grayB], .m-hdg-07 h4[data-color=grayB], .m-hdg-07 h5[data-color=grayB], .m-hdg-07 h6[data-color=grayB] {
  color: #666 !important;
}

.m-hdg-07 h2[data-color=grayC], .m-hdg-07 h3[data-color=grayC], .m-hdg-07 h4[data-color=grayC], .m-hdg-07 h5[data-color=grayC], .m-hdg-07 h6[data-color=grayC] {
  color: #969696 !important;
}

.m-hdg-07 h2[data-color=grayD], .m-hdg-07 h3[data-color=grayD], .m-hdg-07 h4[data-color=grayD], .m-hdg-07 h5[data-color=grayD], .m-hdg-07 h6[data-color=grayD] {
  color: #e0e0e0 !important;
}

.m-hdg-07 h2[data-color=grayE], .m-hdg-07 h3[data-color=grayE], .m-hdg-07 h4[data-color=grayE], .m-hdg-07 h5[data-color=grayE], .m-hdg-07 h6[data-color=grayE] {
  color: #eee !important;
}

.m-hdg-07 h2[data-color=grayF], .m-hdg-07 h3[data-color=grayF], .m-hdg-07 h4[data-color=grayF], .m-hdg-07 h5[data-color=grayF], .m-hdg-07 h6[data-color=grayF] {
  color: #f5f5f5 !important;
}

.m-hdg-07 h2[data-color=link], .m-hdg-07 h3[data-color=link], .m-hdg-07 h4[data-color=link], .m-hdg-07 h5[data-color=link], .m-hdg-07 h6[data-color=link] {
  color: #225383 !important;
}

.m-hdg-07 h2[data-color=mdu], .m-hdg-07 h3[data-color=mdu], .m-hdg-07 h4[data-color=mdu], .m-hdg-07 h5[data-color=mdu], .m-hdg-07 h6[data-color=mdu] {
  color: #039ebc !important;
}

.m-hdg-07 h2[data-color=sdu], .m-hdg-07 h3[data-color=sdu], .m-hdg-07 h4[data-color=sdu], .m-hdg-07 h5[data-color=sdu], .m-hdg-07 h6[data-color=sdu] {
  color: #dd7a41 !important;
}

.m-hdg-07 h2[data-color=gray-c], .m-hdg-07 h3[data-color=gray-c], .m-hdg-07 h4[data-color=gray-c], .m-hdg-07 h5[data-color=gray-c], .m-hdg-07 h6[data-color=gray-c] {
  color: #b5b5b5 !important;
}

.m-hdg-07 h2[data-color=blue], .m-hdg-07 h3[data-color=blue], .m-hdg-07 h4[data-color=blue], .m-hdg-07 h5[data-color=blue], .m-hdg-07 h6[data-color=blue] {
  color: #0b318f !important;
}

.m-hdg-07 h2[data-color=isFree], .m-hdg-07 h3[data-color=isFree], .m-hdg-07 h4[data-color=isFree], .m-hdg-07 h5[data-color=isFree], .m-hdg-07 h6[data-color=isFree] {
  color: #ff6600 !important;
}

.m-hdg-07 h2[data-color=aquaDark], .m-hdg-07 h3[data-color=aquaDark], .m-hdg-07 h4[data-color=aquaDark], .m-hdg-07 h5[data-color=aquaDark], .m-hdg-07 h6[data-color=aquaDark] {
  color: #029ebb !important;
}

.m-hdg-07 h2[data-color=jyuryo], .m-hdg-07 h3[data-color=jyuryo], .m-hdg-07 h4[data-color=jyuryo], .m-hdg-07 h5[data-color=jyuryo], .m-hdg-07 h6[data-color=jyuryo] {
  color: #f4a433 !important;
}

@media screen and (max-width: 767px) {
  .m-hdg-07 h2, .m-hdg-07 h3, .m-hdg-07 h4, .m-hdg-07 h5, .m-hdg-07 h6 {
    font-size: 20px;
  }
}

.m-hdg sup {
  vertical-align: text-top;
  position: relative;
  top: 0.7em;
}

.m-hdg sub {
  vertical-align: text-bottom;
  position: static;
}

/*campaign heading*/
.m-hdg-campaign {
  padding: 40px 0 20px 0;
}

@media screen and (max-width: 767px) {
  .m-hdg-campaign {
    padding: 10px 0 10px 0;
  }
}

/* ----------------------------------------------------------------------------
 * Utility
 * ------------------------------------------------------------------------- */
/* ------------------------------------
 * color
 * --------------------------------- */
/* ------------------------------------
 * TextAlign
 * --------------------------------- */
.m-al {
  text-align: left !important;
}

@media screen and (max-width: 767px) {
  .m-al-sp {
    text-align: left !important;
  }
}

.m-ac {
  text-align: center !important;
}

@media screen and (max-width: 767px) {
  .m-ac-sp {
    text-align: center !important;
  }
}

.m-ac-pc {
  text-align: center !important;
}

@media screen and (max-width: 767px) {
  .m-ac-pc {
    text-align: left !important;
  }
}

.m-ar {
  text-align: right !important;
}

/* ------------------------------------
 * VerticalAlign
 * --------------------------------- */
.m-vat {
  vertical-align: top !important;
}

.m-vam {
  vertical-align: middle !important;
}

.m-vab {
  vertical-align: bottom !important;
}

/* ------------------------------------
 * Display
 * --------------------------------- */
.m-pc-hidden {
  display: none !important;
}

.m-sp-hidden {
  display: block !important;
}

@media screen and (max-width: 767px) {
  .m-pc-hidden {
    display: block !important;
  }
  .m-sp-hidden {
    display: none !important;
  }
}

/* ------------------------------------
 * Wrap
 * --------------------------------- */
.m-nowrap {
  white-space: nowrap !important;
}

/* ------------------------------------
 * Width
 * --------------------------------- */
.m-w0 {
  width: 0% !important;
}

.m-w5 {
  width: 5% !important;
}

.m-w10 {
  width: 10% !important;
}

.m-w15 {
  width: 15% !important;
}

.m-w20 {
  width: 20% !important;
}

.m-w25 {
  width: 25% !important;
}

.m-w30 {
  width: 30% !important;
}

.m-w35 {
  width: 35% !important;
}

.m-w40 {
  width: 40% !important;
}

.m-w45 {
  width: 45% !important;
}

.m-w50 {
  width: 50% !important;
}

.m-w55 {
  width: 55% !important;
}

.m-w60 {
  width: 60% !important;
}

.m-w65 {
  width: 65% !important;
}

.m-w70 {
  width: 70% !important;
}

.m-w75 {
  width: 75% !important;
}

.m-w80 {
  width: 80% !important;
}

.m-w85 {
  width: 85% !important;
}

.m-w90 {
  width: 90% !important;
}

.m-w95 {
  width: 95% !important;
}

.m-w100 {
  width: 100% !important;
}

.m-w105 {
  width: 105% !important;
}

.m-w110 {
  width: 110% !important;
}

.m-w115 {
  width: 115% !important;
}

.m-w120 {
  width: 120% !important;
}

.m-w125 {
  width: 125% !important;
}

.m-w130 {
  width: 130% !important;
}

.m-w135 {
  width: 135% !important;
}

.m-w140 {
  width: 140% !important;
}

.m-w145 {
  width: 145% !important;
}

.m-w150 {
  width: 150% !important;
}

.m-w155 {
  width: 155% !important;
}

.m-w160 {
  width: 160% !important;
}

.m-w165 {
  width: 165% !important;
}

.m-w170 {
  width: 170% !important;
}

.m-w175 {
  width: 175% !important;
}

.m-w180 {
  width: 180% !important;
}

.m-w185 {
  width: 185% !important;
}

.m-w190 {
  width: 190% !important;
}

.m-w195 {
  width: 195% !important;
}

.m-w200 {
  width: 200% !important;
}

.m-w205 {
  width: 205% !important;
}

.m-w210 {
  width: 210% !important;
}

.m-w215 {
  width: 215% !important;
}

.m-w220 {
  width: 220% !important;
}

.m-w225 {
  width: 225% !important;
}

.m-w230 {
  width: 230% !important;
}

.m-w235 {
  width: 235% !important;
}

.m-w240 {
  width: 240% !important;
}

.m-w245 {
  width: 245% !important;
}

.m-w250 {
  width: 250% !important;
}

.m-w255 {
  width: 255% !important;
}

.m-w260 {
  width: 260% !important;
}

.m-w265 {
  width: 265% !important;
}

.m-w270 {
  width: 270% !important;
}

.m-w275 {
  width: 275% !important;
}

.m-w280 {
  width: 280% !important;
}

.m-w285 {
  width: 285% !important;
}

.m-w290 {
  width: 290% !important;
}

.m-w295 {
  width: 295% !important;
}

.m-w300 {
  width: 300% !important;
}

.m-w305 {
  width: 305% !important;
}

.m-w310 {
  width: 310% !important;
}

.m-w315 {
  width: 315% !important;
}

.m-w320 {
  width: 320% !important;
}

.m-w325 {
  width: 325% !important;
}

.m-w330 {
  width: 330% !important;
}

.m-w335 {
  width: 335% !important;
}

.m-w340 {
  width: 340% !important;
}

.m-w345 {
  width: 345% !important;
}

.m-w350 {
  width: 350% !important;
}

.m-w355 {
  width: 355% !important;
}

.m-w360 {
  width: 360% !important;
}

.m-w365 {
  width: 365% !important;
}

.m-w370 {
  width: 370% !important;
}

.m-w375 {
  width: 375% !important;
}

.m-w380 {
  width: 380% !important;
}

.m-w385 {
  width: 385% !important;
}

.m-w390 {
  width: 390% !important;
}

.m-w395 {
  width: 395% !important;
}

.m-w400 {
  width: 400% !important;
}

.m-w405 {
  width: 405% !important;
}

.m-w410 {
  width: 410% !important;
}

.m-w415 {
  width: 415% !important;
}

.m-w420 {
  width: 420% !important;
}

.m-w425 {
  width: 425% !important;
}

.m-w430 {
  width: 430% !important;
}

.m-w435 {
  width: 435% !important;
}

.m-w440 {
  width: 440% !important;
}

.m-w445 {
  width: 445% !important;
}

.m-w450 {
  width: 450% !important;
}

.m-w455 {
  width: 455% !important;
}

.m-w460 {
  width: 460% !important;
}

.m-w465 {
  width: 465% !important;
}

.m-w470 {
  width: 470% !important;
}

.m-w475 {
  width: 475% !important;
}

.m-w480 {
  width: 480% !important;
}

.m-w485 {
  width: 485% !important;
}

.m-w490 {
  width: 490% !important;
}

.m-w495 {
  width: 495% !important;
}

.m-w500 {
  width: 500% !important;
}

.m-w505 {
  width: 505% !important;
}

.m-w510 {
  width: 510% !important;
}

.m-w515 {
  width: 515% !important;
}

.m-w520 {
  width: 520% !important;
}

.m-w525 {
  width: 525% !important;
}

.m-w530 {
  width: 530% !important;
}

.m-w535 {
  width: 535% !important;
}

.m-w540 {
  width: 540% !important;
}

.m-w545 {
  width: 545% !important;
}

.m-w550 {
  width: 550% !important;
}

.m-w555 {
  width: 555% !important;
}

.m-w560 {
  width: 560% !important;
}

.m-w565 {
  width: 565% !important;
}

.m-w570 {
  width: 570% !important;
}

.m-w575 {
  width: 575% !important;
}

.m-w580 {
  width: 580% !important;
}

.m-w585 {
  width: 585% !important;
}

.m-w590 {
  width: 590% !important;
}

.m-w595 {
  width: 595% !important;
}

.m-w600 {
  width: 600% !important;
}

.m-w605 {
  width: 605% !important;
}

.m-w610 {
  width: 610% !important;
}

.m-w615 {
  width: 615% !important;
}

.m-w620 {
  width: 620% !important;
}

.m-w625 {
  width: 625% !important;
}

.m-w630 {
  width: 630% !important;
}

.m-w635 {
  width: 635% !important;
}

.m-w640 {
  width: 640% !important;
}

.m-w645 {
  width: 645% !important;
}

.m-w650 {
  width: 650% !important;
}

.m-w655 {
  width: 655% !important;
}

.m-w660 {
  width: 660% !important;
}

.m-w665 {
  width: 665% !important;
}

.m-w670 {
  width: 670% !important;
}

.m-w675 {
  width: 675% !important;
}

.m-w680 {
  width: 680% !important;
}

.m-w685 {
  width: 685% !important;
}

.m-w690 {
  width: 690% !important;
}

.m-w695 {
  width: 695% !important;
}

.m-w700 {
  width: 700% !important;
}

.m-w705 {
  width: 705% !important;
}

.m-w710 {
  width: 710% !important;
}

.m-w715 {
  width: 715% !important;
}

.m-w720 {
  width: 720% !important;
}

.m-w725 {
  width: 725% !important;
}

.m-w730 {
  width: 730% !important;
}

.m-w735 {
  width: 735% !important;
}

.m-w740 {
  width: 740% !important;
}

.m-w745 {
  width: 745% !important;
}

.m-w750 {
  width: 750% !important;
}

.m-w755 {
  width: 755% !important;
}

.m-w760 {
  width: 760% !important;
}

.m-w765 {
  width: 765% !important;
}

.m-w770 {
  width: 770% !important;
}

.m-w775 {
  width: 775% !important;
}

.m-w780 {
  width: 780% !important;
}

.m-w785 {
  width: 785% !important;
}

.m-w790 {
  width: 790% !important;
}

.m-w795 {
  width: 795% !important;
}

.m-w800 {
  width: 800% !important;
}

.m-w805 {
  width: 805% !important;
}

.m-w810 {
  width: 810% !important;
}

.m-w815 {
  width: 815% !important;
}

.m-w820 {
  width: 820% !important;
}

.m-w825 {
  width: 825% !important;
}

.m-w830 {
  width: 830% !important;
}

.m-w835 {
  width: 835% !important;
}

.m-w840 {
  width: 840% !important;
}

.m-w845 {
  width: 845% !important;
}

.m-w850 {
  width: 850% !important;
}

.m-w855 {
  width: 855% !important;
}

.m-w860 {
  width: 860% !important;
}

.m-w865 {
  width: 865% !important;
}

.m-w870 {
  width: 870% !important;
}

.m-w875 {
  width: 875% !important;
}

.m-w880 {
  width: 880% !important;
}

.m-w885 {
  width: 885% !important;
}

.m-w890 {
  width: 890% !important;
}

.m-w895 {
  width: 895% !important;
}

.m-w900 {
  width: 900% !important;
}

.m-w905 {
  width: 905% !important;
}

.m-w910 {
  width: 910% !important;
}

.m-w915 {
  width: 915% !important;
}

.m-w920 {
  width: 920% !important;
}

.m-w925 {
  width: 925% !important;
}

.m-w930 {
  width: 930% !important;
}

.m-w935 {
  width: 935% !important;
}

.m-w940 {
  width: 940% !important;
}

.m-w945 {
  width: 945% !important;
}

.m-w950 {
  width: 950% !important;
}

.m-w955 {
  width: 955% !important;
}

.m-w960 {
  width: 960% !important;
}

.m-w965 {
  width: 965% !important;
}

.m-w970 {
  width: 970% !important;
}

.m-w975 {
  width: 975% !important;
}

.m-w980 {
  width: 980% !important;
}

.m-w985 {
  width: 985% !important;
}

.m-w990 {
  width: 990% !important;
}

.m-w995 {
  width: 995% !important;
}

.m-w1000 {
  width: 1000% !important;
}

.m-w-m-100 {
  min-width: 100%;
}

.m-w-m-0 {
  min-width: 0%;
}

/* ------------------------------------
 * Margin
 * --------------------------------- */
/* Margin */
.m-m-0 {
  margin: 0px !important;
}

.m-m-1 {
  margin: 1px !important;
}

.m-m-2 {
  margin: 2px !important;
}

.m-m-3 {
  margin: 3px !important;
}

.m-m-4 {
  margin: 4px !important;
}

.m-m-5 {
  margin: 5px !important;
}

.m-m-6 {
  margin: 6px !important;
}

.m-m-7 {
  margin: 7px !important;
}

.m-m-8 {
  margin: 8px !important;
}

.m-m-9 {
  margin: 9px !important;
}

.m-m-10 {
  margin: 10px !important;
}

.m-m-11 {
  margin: 11px !important;
}

.m-m-12 {
  margin: 12px !important;
}

.m-m-13 {
  margin: 13px !important;
}

.m-m-14 {
  margin: 14px !important;
}

.m-m-15 {
  margin: 15px !important;
}

.m-m-16 {
  margin: 16px !important;
}

.m-m-17 {
  margin: 17px !important;
}

.m-m-18 {
  margin: 18px !important;
}

.m-m-19 {
  margin: 19px !important;
}

.m-m-20 {
  margin: 20px !important;
}

/* MarginTop */
.m-mt-0 {
  margin-top: 0px !important;
}

.m-mt-5 {
  margin-top: 5px !important;
}

.m-mt-10 {
  margin-top: 10px !important;
}

.m-mt-15 {
  margin-top: 15px !important;
}

.m-mt-20 {
  margin-top: 20px !important;
}

.m-mt-25 {
  margin-top: 25px !important;
}

.m-mt-30 {
  margin-top: 30px !important;
}

.m-mt-35 {
  margin-top: 35px !important;
}

.m-mt-40 {
  margin-top: 40px !important;
}

.m-mt-45 {
  margin-top: 45px !important;
}

.m-mt-50 {
  margin-top: 50px !important;
}

.m-mt-55 {
  margin-top: 55px !important;
}

.m-mt-60 {
  margin-top: 60px !important;
}

.m-mt-65 {
  margin-top: 65px !important;
}

.m-mt-70 {
  margin-top: 70px !important;
}

.m-mt-75 {
  margin-top: 75px !important;
}

.m-mt-80 {
  margin-top: 80px !important;
}

.m-mt-85 {
  margin-top: 85px !important;
}

.m-mt-90 {
  margin-top: 90px !important;
}

.m-mt-95 {
  margin-top: 95px !important;
}

.m-mt-100 {
  margin-top: 100px !important;
}

/* MarginBottom */
.m-mb-0 {
  margin-bottom: 0px !important;
}

.m-mb-5 {
  margin-bottom: 5px !important;
}

.m-mb-10 {
  margin-bottom: 10px !important;
}

.m-mb-15 {
  margin-bottom: 15px !important;
}

.m-mb-20 {
  margin-bottom: 20px !important;
}

.m-mb-25 {
  margin-bottom: 25px !important;
}

.m-mb-30 {
  margin-bottom: 30px !important;
}

.m-mb-35 {
  margin-bottom: 35px !important;
}

.m-mb-40 {
  margin-bottom: 40px !important;
}

.m-mb-45 {
  margin-bottom: 45px !important;
}

.m-mb-50 {
  margin-bottom: 50px !important;
}

.m-mb-55 {
  margin-bottom: 55px !important;
}

.m-mb-60 {
  margin-bottom: 60px !important;
}

.m-mb-65 {
  margin-bottom: 65px !important;
}

.m-mb-70 {
  margin-bottom: 70px !important;
}

.m-mb-75 {
  margin-bottom: 75px !important;
}

.m-mb-80 {
  margin-bottom: 80px !important;
}

.m-mb-85 {
  margin-bottom: 85px !important;
}

.m-mb-90 {
  margin-bottom: 90px !important;
}

.m-mb-95 {
  margin-bottom: 95px !important;
}

.m-mb-100 {
  margin-bottom: 100px !important;
}

/* MarginLeft */
.m-ml-0 {
  margin-left: 0px !important;
}

.m-ml-5 {
  margin-left: 5px !important;
}

.m-ml-10 {
  margin-left: 10px !important;
}

.m-ml-15 {
  margin-left: 15px !important;
}

.m-ml-20 {
  margin-left: 20px !important;
}

.m-ml-25 {
  margin-left: 25px !important;
}

.m-ml-30 {
  margin-left: 30px !important;
}

.m-ml-35 {
  margin-left: 35px !important;
}

.m-ml-40 {
  margin-left: 40px !important;
}

.m-ml-45 {
  margin-left: 45px !important;
}

.m-ml-50 {
  margin-left: 50px !important;
}

.m-ml-55 {
  margin-left: 55px !important;
}

.m-ml-60 {
  margin-left: 60px !important;
}

.m-ml-65 {
  margin-left: 65px !important;
}

.m-ml-70 {
  margin-left: 70px !important;
}

.m-ml-75 {
  margin-left: 75px !important;
}

.m-ml-80 {
  margin-left: 80px !important;
}

.m-ml-85 {
  margin-left: 85px !important;
}

.m-ml-90 {
  margin-left: 90px !important;
}

.m-ml-95 {
  margin-left: 95px !important;
}

.m-ml-100 {
  margin-left: 100px !important;
}

/* MarginRight */
.m-mr-0 {
  margin-right: 0px !important;
}

.m-mr-5 {
  margin-right: 5px !important;
}

.m-mr-10 {
  margin-right: 10px !important;
}

.m-mr-15 {
  margin-right: 15px !important;
}

.m-mr-20 {
  margin-right: 20px !important;
}

.m-mr-25 {
  margin-right: 25px !important;
}

.m-mr-30 {
  margin-right: 30px !important;
}

.m-mr-35 {
  margin-right: 35px !important;
}

.m-mr-40 {
  margin-right: 40px !important;
}

.m-mr-45 {
  margin-right: 45px !important;
}

.m-mr-50 {
  margin-right: 50px !important;
}

.m-mr-55 {
  margin-right: 55px !important;
}

.m-mr-60 {
  margin-right: 60px !important;
}

.m-mr-65 {
  margin-right: 65px !important;
}

.m-mr-70 {
  margin-right: 70px !important;
}

.m-mr-75 {
  margin-right: 75px !important;
}

.m-mr-80 {
  margin-right: 80px !important;
}

.m-mr-85 {
  margin-right: 85px !important;
}

.m-mr-90 {
  margin-right: 90px !important;
}

.m-mr-95 {
  margin-right: 95px !important;
}

.m-mr-100 {
  margin-right: 100px !important;
}

@media screen and (max-width: 767px) {
  .m-mb-sp0 {
    margin-bottom: 0px !important;
  }
}

@media screen and (max-width: 767px) {
  .m-mb-sp1 {
    margin-bottom: 1px !important;
  }
}

@media screen and (max-width: 767px) {
  .m-mb-sp2 {
    margin-bottom: 2px !important;
  }
}

@media screen and (max-width: 767px) {
  .m-mb-sp3 {
    margin-bottom: 3px !important;
  }
}

@media screen and (max-width: 767px) {
  .m-mb-sp4 {
    margin-bottom: 4px !important;
  }
}

@media screen and (max-width: 767px) {
  .m-mb-sp5 {
    margin-bottom: 5px !important;
  }
}

@media screen and (max-width: 767px) {
  .m-mb-sp6 {
    margin-bottom: 6px !important;
  }
}

@media screen and (max-width: 767px) {
  .m-mb-sp7 {
    margin-bottom: 7px !important;
  }
}

@media screen and (max-width: 767px) {
  .m-mb-sp8 {
    margin-bottom: 8px !important;
  }
}

@media screen and (max-width: 767px) {
  .m-mb-sp9 {
    margin-bottom: 9px !important;
  }
}

@media screen and (max-width: 767px) {
  .m-mb-sp10 {
    margin-bottom: 10px !important;
  }
}

@media screen and (max-width: 767px) {
  .m-mb-sp11 {
    margin-bottom: 11px !important;
  }
}

@media screen and (max-width: 767px) {
  .m-mb-sp12 {
    margin-bottom: 12px !important;
  }
}

@media screen and (max-width: 767px) {
  .m-mb-sp13 {
    margin-bottom: 13px !important;
  }
}

@media screen and (max-width: 767px) {
  .m-mb-sp14 {
    margin-bottom: 14px !important;
  }
}

@media screen and (max-width: 767px) {
  .m-mb-sp15 {
    margin-bottom: 15px !important;
  }
}

@media screen and (max-width: 767px) {
  .m-mb-sp16 {
    margin-bottom: 16px !important;
  }
}

@media screen and (max-width: 767px) {
  .m-mb-sp17 {
    margin-bottom: 17px !important;
  }
}

@media screen and (max-width: 767px) {
  .m-mb-sp18 {
    margin-bottom: 18px !important;
  }
}

@media screen and (max-width: 767px) {
  .m-mb-sp19 {
    margin-bottom: 19px !important;
  }
}

@media screen and (max-width: 767px) {
  .m-mb-sp20 {
    margin-bottom: 20px !important;
  }
}

.m-m-auto {
  margin: auto;
}

@media screen and (max-width: 767px) {
  .m-m-auto-sp {
    margin: auto;
  }
}

.m-m-pc0 {
  margin: 0 !important;
}

@media screen and (max-width: 767px) {
  .m-m-sp0 {
    margin: 0 !important;
  }
}

/* ------------------------------------
 * Padding
 * --------------------------------- */
/* Padding */
.m-p-0 {
  padding: 0px !important;
}

.m-p-1 {
  padding: 1px !important;
}

.m-p-2 {
  padding: 2px !important;
}

.m-p-3 {
  padding: 3px !important;
}

.m-p-4 {
  padding: 4px !important;
}

.m-p-5 {
  padding: 5px !important;
}

.m-p-6 {
  padding: 6px !important;
}

.m-p-7 {
  padding: 7px !important;
}

.m-p-8 {
  padding: 8px !important;
}

.m-p-9 {
  padding: 9px !important;
}

.m-p-10 {
  padding: 10px !important;
}

.m-p-11 {
  padding: 11px !important;
}

.m-p-12 {
  padding: 12px !important;
}

.m-p-13 {
  padding: 13px !important;
}

.m-p-14 {
  padding: 14px !important;
}

.m-p-15 {
  padding: 15px !important;
}

.m-p-16 {
  padding: 16px !important;
}

.m-p-17 {
  padding: 17px !important;
}

.m-p-18 {
  padding: 18px !important;
}

.m-p-19 {
  padding: 19px !important;
}

.m-p-20 {
  padding: 20px !important;
}

/* PaddingTop */
.m-pt-0 {
  padding-top: 0px !important;
}

.m-pt-5 {
  padding-top: 5px !important;
}

.m-pt-10 {
  padding-top: 10px !important;
}

.m-pt-15 {
  padding-top: 15px !important;
}

.m-pt-20 {
  padding-top: 20px !important;
}

.m-pt-25 {
  padding-top: 25px !important;
}

.m-pt-30 {
  padding-top: 30px !important;
}

.m-pt-35 {
  padding-top: 35px !important;
}

.m-pt-40 {
  padding-top: 40px !important;
}

.m-pt-45 {
  padding-top: 45px !important;
}

.m-pt-50 {
  padding-top: 50px !important;
}

.m-pt-55 {
  padding-top: 55px !important;
}

.m-pt-60 {
  padding-top: 60px !important;
}

.m-pt-65 {
  padding-top: 65px !important;
}

.m-pt-70 {
  padding-top: 70px !important;
}

.m-pt-75 {
  padding-top: 75px !important;
}

.m-pt-80 {
  padding-top: 80px !important;
}

.m-pt-85 {
  padding-top: 85px !important;
}

.m-pt-90 {
  padding-top: 90px !important;
}

.m-pt-95 {
  padding-top: 95px !important;
}

.m-pt-100 {
  padding-top: 100px !important;
}

/* PaddingBottom */
.m-pb-0 {
  padding-bottom: 0px !important;
}

.m-pb-5 {
  padding-bottom: 5px !important;
}

.m-pb-10 {
  padding-bottom: 10px !important;
}

.m-pb-15 {
  padding-bottom: 15px !important;
}

.m-pb-20 {
  padding-bottom: 20px !important;
}

.m-pb-25 {
  padding-bottom: 25px !important;
}

.m-pb-30 {
  padding-bottom: 30px !important;
}

.m-pb-35 {
  padding-bottom: 35px !important;
}

.m-pb-40 {
  padding-bottom: 40px !important;
}

.m-pb-45 {
  padding-bottom: 45px !important;
}

.m-pb-50 {
  padding-bottom: 50px !important;
}

.m-pb-55 {
  padding-bottom: 55px !important;
}

.m-pb-60 {
  padding-bottom: 60px !important;
}

.m-pb-65 {
  padding-bottom: 65px !important;
}

.m-pb-70 {
  padding-bottom: 70px !important;
}

.m-pb-75 {
  padding-bottom: 75px !important;
}

.m-pb-80 {
  padding-bottom: 80px !important;
}

.m-pb-85 {
  padding-bottom: 85px !important;
}

.m-pb-90 {
  padding-bottom: 90px !important;
}

.m-pb-95 {
  padding-bottom: 95px !important;
}

.m-pb-100 {
  padding-bottom: 100px !important;
}

.m-pb-105 {
  padding-bottom: 105px !important;
}

.m-pb-110 {
  padding-bottom: 110px !important;
}

.m-pb-115 {
  padding-bottom: 115px !important;
}

.m-pb-120 {
  padding-bottom: 120px !important;
}

.m-pb-125 {
  padding-bottom: 125px !important;
}

.m-pb-130 {
  padding-bottom: 130px !important;
}

.m-pb-135 {
  padding-bottom: 135px !important;
}

.m-pb-140 {
  padding-bottom: 140px !important;
}

.m-pb-145 {
  padding-bottom: 145px !important;
}

.m-pb-150 {
  padding-bottom: 150px !important;
}

/* PaddingLeft */
.m-pl-0 {
  padding-left: 0px !important;
}

.m-pl-5 {
  padding-left: 5px !important;
}

.m-pl-10 {
  padding-left: 10px !important;
}

.m-pl-15 {
  padding-left: 15px !important;
}

.m-pl-20 {
  padding-left: 20px !important;
}

.m-pl-25 {
  padding-left: 25px !important;
}

.m-pl-30 {
  padding-left: 30px !important;
}

.m-pl-35 {
  padding-left: 35px !important;
}

.m-pl-40 {
  padding-left: 40px !important;
}

.m-pl-45 {
  padding-left: 45px !important;
}

.m-pl-50 {
  padding-left: 50px !important;
}

.m-pl-55 {
  padding-left: 55px !important;
}

.m-pl-60 {
  padding-left: 60px !important;
}

.m-pl-65 {
  padding-left: 65px !important;
}

.m-pl-70 {
  padding-left: 70px !important;
}

.m-pl-75 {
  padding-left: 75px !important;
}

.m-pl-80 {
  padding-left: 80px !important;
}

.m-pl-85 {
  padding-left: 85px !important;
}

.m-pl-90 {
  padding-left: 90px !important;
}

.m-pl-95 {
  padding-left: 95px !important;
}

.m-pl-100 {
  padding-left: 100px !important;
}

/* PaddingRight */
.m-pr-0 {
  padding-right: 0px !important;
}

.m-pr-5 {
  padding-right: 5px !important;
}

.m-pr-10 {
  padding-right: 10px !important;
}

.m-pr-15 {
  padding-right: 15px !important;
}

.m-pr-20 {
  padding-right: 20px !important;
}

.m-pr-25 {
  padding-right: 25px !important;
}

.m-pr-30 {
  padding-right: 30px !important;
}

.m-pr-35 {
  padding-right: 35px !important;
}

.m-pr-40 {
  padding-right: 40px !important;
}

.m-pr-45 {
  padding-right: 45px !important;
}

.m-pr-50 {
  padding-right: 50px !important;
}

.m-pr-55 {
  padding-right: 55px !important;
}

.m-pr-60 {
  padding-right: 60px !important;
}

.m-pr-65 {
  padding-right: 65px !important;
}

.m-pr-70 {
  padding-right: 70px !important;
}

.m-pr-75 {
  padding-right: 75px !important;
}

.m-pr-80 {
  padding-right: 80px !important;
}

.m-pr-85 {
  padding-right: 85px !important;
}

.m-pr-90 {
  padding-right: 90px !important;
}

.m-pr-95 {
  padding-right: 95px !important;
}

.m-pr-100 {
  padding-right: 100px !important;
}

.m-pt-0 {
  padding-top: 0 !important;
}

.m-pb-0 {
  padding-bottom: 0 !important;
}

.m-pr-0 {
  padding-right: 0 !important;
}

.m-pl-0 {
  padding-left: 0 !important;
}

.m-p-pc0 {
  padding: 0 !important;
}

@media screen and (max-width: 767px) {
  .m-p-sp0 {
    padding: 0 !important;
  }
  .m-p-pc0 {
    padding: inherit !important;
  }
}

@media screen and (max-width: 767px) {
  .m-pb-sp0 {
    padding-bottom: 0px !important;
  }
}

@media screen and (max-width: 767px) {
  .m-pb-sp1 {
    padding-bottom: 1px !important;
  }
}

@media screen and (max-width: 767px) {
  .m-pb-sp2 {
    padding-bottom: 2px !important;
  }
}

@media screen and (max-width: 767px) {
  .m-pb-sp3 {
    padding-bottom: 3px !important;
  }
}

@media screen and (max-width: 767px) {
  .m-pb-sp4 {
    padding-bottom: 4px !important;
  }
}

@media screen and (max-width: 767px) {
  .m-pb-sp5 {
    padding-bottom: 5px !important;
  }
}

@media screen and (max-width: 767px) {
  .m-pb-sp6 {
    padding-bottom: 6px !important;
  }
}

@media screen and (max-width: 767px) {
  .m-pb-sp7 {
    padding-bottom: 7px !important;
  }
}

@media screen and (max-width: 767px) {
  .m-pb-sp8 {
    padding-bottom: 8px !important;
  }
}

@media screen and (max-width: 767px) {
  .m-pb-sp9 {
    padding-bottom: 9px !important;
  }
}

@media screen and (max-width: 767px) {
  .m-pb-sp10 {
    padding-bottom: 10px !important;
  }
}

@media screen and (max-width: 767px) {
  .m-pb-sp11 {
    padding-bottom: 11px !important;
  }
}

@media screen and (max-width: 767px) {
  .m-pb-sp12 {
    padding-bottom: 12px !important;
  }
}

@media screen and (max-width: 767px) {
  .m-pb-sp13 {
    padding-bottom: 13px !important;
  }
}

@media screen and (max-width: 767px) {
  .m-pb-sp14 {
    padding-bottom: 14px !important;
  }
}

@media screen and (max-width: 767px) {
  .m-pb-sp15 {
    padding-bottom: 15px !important;
  }
}

@media screen and (max-width: 767px) {
  .m-pb-sp16 {
    padding-bottom: 16px !important;
  }
}

@media screen and (max-width: 767px) {
  .m-pb-sp17 {
    padding-bottom: 17px !important;
  }
}

@media screen and (max-width: 767px) {
  .m-pb-sp18 {
    padding-bottom: 18px !important;
  }
}

@media screen and (max-width: 767px) {
  .m-pb-sp19 {
    padding-bottom: 19px !important;
  }
}

@media screen and (max-width: 767px) {
  .m-pb-sp20 {
    padding-bottom: 20px !important;
  }
}

/* ------------------------------------
 * font-color
 * --------------------------------- */
.m-txtClr-jcom {
  color: #e93817 !important;
}

.m-txtClr-myjcom {
  color: #e73817 !important;
}

.m-txtClr-tv {
  color: #e40077 !important;
}

.m-txtClr-net {
  color: #0085cd !important;
}

.m-txtClr-phone {
  color: #00a33e !important;
}

.m-txtClr-mobile {
  color: #00a4a8 !important;
}

.m-txtClr-ele {
  color: #f18d00 !important;
}

.m-txtClr-gas {
  color: #0a308f !important;
}

.m-txtClr-gray {
  color: #b5b5b5 !important;
}

.m-txtClr-grayB {
  color: #f5f5f5 !important;
}

.m-txtClr-white {
  color: #ffffff !important;
}

.m-txtClr-default {
  color: #333333 !important;
}

.m-txtClr-jyuryo {
  color: #f4a433 !important;
}

.m-txtClr-member {
  color: #5e9600 !important;
}

.m-txtClr-red {
  color: #FF0000 !important;
}

.m-txtClr-home {
  color: #fa7268 !important;
}

.m-txtClr-netflix {
  color: #d81f26 !important;
}

.m-txtClr-new {
  color: #ff5600 !important;
}

.m-txtClr-hoken {
  color: #e60044 !important;
}

.m-txtClr-telemedicine {
  color: #00855e !important;
}

/* ------------------------------------
 * border-color
 * --------------------------------- */
.m-border-jcom {
  border: 1px solid #e93817 !important;
}

.m-border-tv {
  border: 1px solid #e40077 !important;
}

.m-border-net {
  border: 1px solid #0085cd !important;
}

.m-border-phone {
  border: 1px solid #00a33e !important;
}

.m-border-mobile {
  border: 1px solid #00a4a8 !important;
}

.m-border-ele {
  border: 1px solid #f18d00 !important;
}

.m-border-gas {
  border: 1px solid #0a308f !important;
}

.m-border-grayA {
  border: 1px solid #333 !important;
}

.m-border-grayB {
  border: 1px solid #666 !important;
}

.m-border-grayC {
  border: 1px solid #969696 !important;
}

.m-border-grayD {
  border: 1px solid #e0e0e0 !important;
}

.m-border-grayF {
  border: 1px solid #f5f5f5 !important;
}

/* ------------------------------------
 * background-color
 * --------------------------------- */
.m-bg-jcom {
  background-color: #e93817 !important;
}

.m-bg-tv {
  background-color: #e40077 !important;
}

.m-bg-net {
  background-color: #0085cd !important;
}

.m-bg-phone {
  background-color: #00a33e !important;
}

.m-bg-mobile {
  background-color: #00a4a8 !important;
}

.m-bg-ele {
  background-color: #f18d00 !important;
}

.m-bg-gas {
  background-color: #0a308f !important;
}

.m-bg-cvNew {
  background-color: #e83416 !important;
}

.m-bg-new {
  background-color: #ff5600 !important;
}

.m-bg-cvMember {
  background-color: #5e9600 !important;
}

.m-bg-member {
  background-color: #6baa00 !important;
}

.m-bg-grayA {
  background-color: #333 !important;
}

.m-bg-grayB {
  background-color: #666 !important;
}

.m-bg-grayC {
  background-color: #969696 !important;
}

.m-bg-grayD {
  background-color: #e0e0e0 !important;
}

.m-bg-grayF {
  background-color: #f5f5f5 !important;
}

.m-bg-grayG {
  background-color: #464545 !important;
  color: #fff !important;
}

.m-bg-grayE-color {
  background-color: #eee !important;
}

.m-bg-mdu {
  background-color: #039ebc !important;
}

.m-bg-sdu {
  background-color: #dd7a41 !important;
}

.m-bg-wh {
  background-color: #dd7a41 !important;
}

.m-bg-skin {
  background-color: #FFF9E5 !important;
}

.m-bg-jyuryo {
  background-color: #f4a433 !important;
}

.m-bg-white {
  background-color: #fff !important;
}

.m-bg-red {
  background-color: #FF0000 !important;
}

.m-bg-right-blue {
  background-color: #ebf4ff !important;
}

.m-bg-mobileC {
  background-color: #3075d5 !important;
}

.m-bg-mobileD {
  background-color: #2c7f7c !important;
}

.m-bg-mobileE {
  background-color: #edf7ff !important;
}

.m-bg-home {
  background-color: #fa7268 !important;
}

.m-bg-netflix {
  background-color: #d81f26 !important;
}

.m-bg-hoken {
  background-color: #e60044 !important;
}

.m-bg-telemedicine {
  background-color: #00855e !important;
}

.m-bg-tvA {
  background-color: #ef66b2 !important;
}

.m-bg-tvB {
  background-color: #facce5 !important;
}

.m-bg-netA {
  background-color: #d3ecfc !important;
}

.m-bg-netB {
  background-color: #f0f9ff !important;
}

.m-bg-phoneA {
  background-color: #cfec90 !important;
}

.m-bg-phoneB {
  background-color: #eff8dd !important;
}

.m-bg-mobileA {
  background-color: #65c9cd !important;
}

.m-bg-mobileB {
  background-color: #ccedee !important;
}

.m-bg-mobileuUique {
  background-color: #2c7f7c !important;
}

.m-bg-eleA {
  background-color: #f7bb65 !important;
}

.m-bg-eleB {
  background-color: #fff5e5 !important;
}

.m-bg-gasA {
  background-color: #6d83dc !important;
}

.m-bg-gasB {
  background-color: #dbe0ee !important;
}

.m-bg-red {
  background-color: #FF0000 !important;
}

/* ------------------------------------
 * font-size
 * --------------------------------- */
.m-fs-65 {
  font-size: 65px !important;
}

@media screen and (max-width: 767px) {
  .m-fs-sp-65 {
    font-size: 65px !important;
  }
}

.m-fs-48 {
  font-size: 48px !important;
}

@media screen and (max-width: 767px) {
  .m-fs-sp-48 {
    font-size: 48px !important;
  }
}

.m-fs-40 {
  font-size: 40px !important;
}

@media screen and (max-width: 767px) {
  .m-fs-sp-40 {
    font-size: 40px !important;
  }
}

.m-fs-32 {
  font-size: 32px !important;
}

@media screen and (max-width: 767px) {
  .m-fs-sp-32 {
    font-size: 32px !important;
  }
}

.m-fs-30 {
  font-size: 30px !important;
}

@media screen and (max-width: 767px) {
  .m-fs-sp-30 {
    font-size: 30px !important;
  }
}

.m-fs-28 {
  font-size: 28px !important;
}

@media screen and (max-width: 767px) {
  .m-fs-sp-28 {
    font-size: 28px !important;
  }
}

.m-fs-26 {
  font-size: 26px !important;
}

@media screen and (max-width: 767px) {
  .m-fs-sp-26 {
    font-size: 26px !important;
  }
}

.m-fs-24 {
  font-size: 24px !important;
}

@media screen and (max-width: 767px) {
  .m-fs-sp-24 {
    font-size: 24px !important;
  }
}

.m-fs-22 {
  font-size: 22px !important;
}

@media screen and (max-width: 767px) {
  .m-fs-sp-22 {
    font-size: 22px !important;
  }
}

.m-fs-20 {
  font-size: 20px !important;
}

@media screen and (max-width: 767px) {
  .m-fs-sp-20 {
    font-size: 20px !important;
  }
}

.m-fs-19 {
  font-size: 19px !important;
}

@media screen and (max-width: 767px) {
  .m-fs-sp-19 {
    font-size: 19px !important;
  }
}

.m-fs-ll {
  font-size: 18px !important;
}

@media screen and (max-width: 767px) {
  .m-fs-sp-ll {
    font-size: 18px !important;
  }
}

.m-fs-17 {
  font-size: 17px !important;
}

@media screen and (max-width: 767px) {
  .m-fs-sp-17 {
    font-size: 17px !important;
  }
}

.m-fs-l {
  font-size: 16px !important;
}

@media screen and (max-width: 767px) {
  .m-fs-sp-l {
    font-size: 16px !important;
  }
}

.m-fs-15 {
  font-size: 15px !important;
}

@media screen and (max-width: 767px) {
  .m-fs-sp-15 {
    font-size: 15px !important;
  }
}

.m-fs-m {
  font-size: 14px !important;
}

@media screen and (max-width: 767px) {
  .m-fs-sp-m {
    font-size: 14px !important;
  }
}

.m-fs-13 {
  font-size: 13px !important;
}

@media screen and (max-width: 767px) {
  .m-fs-sp-13 {
    font-size: 13px !important;
  }
}

.m-fs-s {
  font-size: 12px !important;
}

@media screen and (max-width: 767px) {
  .m-fs-sp-s {
    font-size: 12px !important;
  }
}

.m-fs-11 {
  font-size: 11px !important;
}

@media screen and (max-width: 767px) {
  .m-fs-sp-11 {
    font-size: 11px !important;
  }
}

.m-fs-ss {
  font-size: 10px !important;
}

@media screen and (max-width: 767px) {
  .m-fs-sp-ss {
    font-size: 10px !important;
  }
}

/* ------------------------------------
 * line-height
 * --------------------------------- */
.m-lh-xxxl {
  line-height: 28px;
}

@media screen and (max-width: 767px) {
  .m-lh-sp-xxxl {
    line-height: 28px;
  }
}

.m-lh-xxl {
  line-height: 26px;
}

@media screen and (max-width: 767px) {
  .m-lh-sp-xxl {
    line-height: 26px;
  }
}

.m-lh-xl {
  line-height: 24px;
}

@media screen and (max-width: 767px) {
  .m-lh-sp-xl {
    line-height: 24px;
  }
}

.m-lh-ll {
  line-height: 22px;
}

@media screen and (max-width: 767px) {
  .m-lh-sp-ll {
    line-height: 22px;
  }
}

.m-lh-l {
  line-height: 20px;
}

@media screen and (max-width: 767px) {
  .m-lh-sp-l {
    line-height: 20px;
  }
}

.m-lh-m {
  line-height: 18px;
}

@media screen and (max-width: 767px) {
  .m-lh-sp-m {
    line-height: 18px;
  }
}

.m-lh-s {
  line-height: 16px;
}

@media screen and (max-width: 767px) {
  .m-lh-sp-s {
    line-height: 16px;
  }
}

.m-lh-ss {
  line-height: 14px;
}

@media screen and (max-width: 767px) {
  .m-lh-sp-ss {
    line-height: 14px;
  }
}

.m-lh-xs {
  line-height: 12px;
}

@media screen and (max-width: 767px) {
  .m-lh-sp-xs {
    line-height: 12px;
  }
}

.m-lh-xxs {
  line-height: 10px;
}

@media screen and (max-width: 767px) {
  .m-lh-sp-xxs {
    line-height: 10px;
  }
}

/* ------------------------------------
 * font-weight
 * --------------------------------- */
.m-fw-bold {
  font-weight: bold !important;
}

.m-fw-normal {
  font-weight: normal !important;
}

strong {
  color: #333;
  font-weight: bold;
}

/* ------------------------------------
 * block-center
 * --------------------------------- */
.m-block-ct {
  margin: 0 auto;
}

.m-txt-ct {
  align-items: center !important;
  display: flex !important;
  justify-content: center !important;
}

.m-txt-ct-pc {
  align-items: center;
  display: flex;
  justify-content: center;
}

@media screen and (max-width: 767px) {
  .m-txt-ct-pc {
    align-items: normal;
    display: block;
    justify-content: normal;
  }
}

@media screen and (max-width: 767px) {
  .m-txt-ct-sp {
    align-items: center;
    display: flex;
    justify-content: center;
  }
}

/* ------------------------------------
 * font-color
 * --------------------------------- */
.m-color-jcom {
  color: #e93817 !important;
}

.m-color-myjcom {
  color: #e73817 !important;
}

.m-color-tv {
  color: #e40077 !important;
}

.m-color-net {
  color: #0085cd !important;
}

.m-color-phone {
  color: #00a33e !important;
}

.m-color-mobile {
  color: #00a4a8 !important;
}

.m-color-ele {
  color: #f18d00 !important;
}

.m-color-gas {
  color: #0a308f !important;
}

.m-color-gray {
  color: #b5b5b5 !important;
}

.m-color-grayB {
  color: #f5f5f5 !important;
}

.m-color-white {
  color: #ffffff !important;
}

.m-color-default {
  color: #333333 !important;
}

.m-color-jyuryo {
  color: #f4a433 !important;
}

.m-color-member {
  color: #5e9600 !important;
}

.m-color-red {
  color: #FF0000 !important;
}

.m-color-home {
  color: #fa7268 !important;
}

.m-color-netflix {
  color: #d81f26 !important;
}

.m-color-new {
  color: #ff5600 !important;
}

.m-color-hoken {
  color: #e60044 !important;
}

.m-color-telemedicine {
  color: #00855e !important;
}

.m-color-mobileC {
  color: #3075d5 !important;
}

.m-color-mobileD {
  color: #2c7f7c !important;
}

.m-color-mobileE {
  color: #ea0ca9 !important;
}

/* ------------------------------------
 * border-bottom-color
 * --------------------------------- */
.m-border {
  border: #dcdcdc 1px solid;
}

.m-border-jcom {
  border: 1px solid #e93817 !important;
}

.m-border-myjcom {
  border: 1px solid #e73817 !important;
}

.m-border-tv {
  border: 1px solid #e40077 !important;
}

.m-border-net {
  border: 1px solid #0085cd !important;
}

.m-border-phone {
  border: 1px solid #00a33e !important;
}

.m-border-mobile {
  border: 1px solid #00a4a8 !important;
}

.m-border-ele {
  border: 1px solid #f18d00 !important;
}

.m-border-gas {
  border: 1px solid #0a308f !important;
}

.m-border-gray {
  border: 1px solid #b5b5b5 !important;
}

.m-border-grayB {
  border: 1px solid #f5f5f5 !important;
}

.m-border-white {
  border: 1px solid #ffffff !important;
}

.m-border-default {
  border: 1px solid #333333 !important;
}

.m-border-jyuryo {
  border: 1px solid #f4a433 !important;
}

.m-border-member {
  border: 1px solid #5e9600 !important;
}

.m-border-red {
  border: 1px solid #FF0000 !important;
}

.m-border-home {
  border: 1px solid #fa7268 !important;
}

.m-border-netflix {
  border: 1px solid #d81f26 !important;
}

.m-border-new {
  border: 1px solid #ff5600 !important;
}

.m-border-hoken {
  border: 1px solid #e60044 !important;
}

.m-border-telemedicine {
  border: 1px solid #00855e !important;
}

.m-border-mobileE {
  border-color: #ea0ca9 !important;
}

.m-border-mobileuUique {
  border-color: #2c7f7c !important;
}

.m-border-mobiledefault {
  border-color: #333333 !important;
}

.m-border2 {
  border-bottom: #dcdcdc 2px solid;
}

.m-border2-jcom {
  border-bottom: 2px solid #e93817 !important;
}

.m-border2-myjcom {
  border-bottom: 2px solid #e73817 !important;
}

.m-border2-tv {
  border-bottom: 2px solid #e40077 !important;
}

.m-border2-net {
  border-bottom: 2px solid #0085cd !important;
}

.m-border2-phone {
  border-bottom: 2px solid #00a33e !important;
}

.m-border2-mobile {
  border-bottom: 2px solid #00a4a8 !important;
}

.m-border2-ele {
  border-bottom: 2px solid #f18d00 !important;
}

.m-border2-gas {
  border-bottom: 2px solid #0a308f !important;
}

.m-border2-gray {
  border-bottom: 2px solid #b5b5b5 !important;
}

.m-border2-grayB {
  border-bottom: 2px solid #f5f5f5 !important;
}

.m-border2-white {
  border-bottom: 2px solid #ffffff !important;
}

.m-border2-default {
  border-bottom: 2px solid #333333 !important;
}

.m-border2-jyuryo {
  border-bottom: 2px solid #f4a433 !important;
}

.m-border2-member {
  border-bottom: 2px solid #5e9600 !important;
}

.m-border2-red {
  border-bottom: 2px solid #FF0000 !important;
}

.m-border2-home {
  border-bottom: 2px solid #fa7268 !important;
}

.m-border2-netflix {
  border-bottom: 2px solid #d81f26 !important;
}

.m-border2-new {
  border-bottom: 2px solid #ff5600 !important;
}

.m-border2-hoken {
  border-bottom: 2px solid #e60044 !important;
}

.m-border2-telemedicine {
  border-bottom: 2px solid #00855e !important;
}

.m-border-pc {
  border: #dcdcdc 1px solid;
}

@media screen and (max-width: 767px) {
  .m-border-pc {
    border: none;
  }
}

.m-border-sp {
  border: none;
}

@media screen and (max-width: 767px) {
  .m-border-sp {
    border: #dcdcdc 1px solid;
  }
}

.m-border-right {
  border-right: #dcdcdc 1px solid;
}

.m-border-none {
  border: none !important;
}

/* ------------------------------------
 * font-type
 * --------------------------------- */
.m-font-arial-sans {
  font-family: Arial, Sans-Serif !important;
}

.m-font-noto-sans-jp {
  font-family: "Noto Sans JP" !important;
}

.m-font-noto-sans-jp-medium {
  font-family: "Noto Sans Japanese Medium" !important;
}

/* ------------------------------------
 * height 高さ設定
 * --------------------------------- */
.m-height-0 {
  height: 0px !important;
}

.m-height-1 {
  height: 1px !important;
}

.m-height-2 {
  height: 2px !important;
}

.m-height-3 {
  height: 3px !important;
}

.m-height-4 {
  height: 4px !important;
}

.m-height-5 {
  height: 5px !important;
}

.m-height-6 {
  height: 6px !important;
}

.m-height-7 {
  height: 7px !important;
}

.m-height-8 {
  height: 8px !important;
}

.m-height-9 {
  height: 9px !important;
}

.m-height-10 {
  height: 10px !important;
}

.m-height-11 {
  height: 11px !important;
}

.m-height-12 {
  height: 12px !important;
}

.m-height-13 {
  height: 13px !important;
}

.m-height-14 {
  height: 14px !important;
}

.m-height-15 {
  height: 15px !important;
}

.m-height-16 {
  height: 16px !important;
}

.m-height-17 {
  height: 17px !important;
}

.m-height-18 {
  height: 18px !important;
}

.m-height-19 {
  height: 19px !important;
}

.m-height-20 {
  height: 20px !important;
}

.m-height-21 {
  height: 21px !important;
}

.m-height-22 {
  height: 22px !important;
}

.m-height-23 {
  height: 23px !important;
}

.m-height-24 {
  height: 24px !important;
}

.m-height-25 {
  height: 25px !important;
}

.m-height-26 {
  height: 26px !important;
}

.m-height-27 {
  height: 27px !important;
}

.m-height-28 {
  height: 28px !important;
}

.m-height-29 {
  height: 29px !important;
}

.m-height-30 {
  height: 30px !important;
}

.m-height-31 {
  height: 31px !important;
}

.m-height-32 {
  height: 32px !important;
}

.m-height-33 {
  height: 33px !important;
}

.m-height-34 {
  height: 34px !important;
}

.m-height-35 {
  height: 35px !important;
}

.m-height-36 {
  height: 36px !important;
}

.m-height-37 {
  height: 37px !important;
}

.m-height-38 {
  height: 38px !important;
}

.m-height-39 {
  height: 39px !important;
}

.m-height-40 {
  height: 40px !important;
}

.m-height-41 {
  height: 41px !important;
}

.m-height-42 {
  height: 42px !important;
}

.m-height-43 {
  height: 43px !important;
}

.m-height-44 {
  height: 44px !important;
}

.m-height-45 {
  height: 45px !important;
}

.m-height-46 {
  height: 46px !important;
}

.m-height-47 {
  height: 47px !important;
}

.m-height-48 {
  height: 48px !important;
}

.m-height-49 {
  height: 49px !important;
}

.m-height-50 {
  height: 50px !important;
}

.m-height-51 {
  height: 51px !important;
}

.m-height-52 {
  height: 52px !important;
}

.m-height-53 {
  height: 53px !important;
}

.m-height-54 {
  height: 54px !important;
}

.m-height-55 {
  height: 55px !important;
}

.m-height-56 {
  height: 56px !important;
}

.m-height-57 {
  height: 57px !important;
}

.m-height-58 {
  height: 58px !important;
}

.m-height-59 {
  height: 59px !important;
}

.m-height-60 {
  height: 60px !important;
}

.m-height-61 {
  height: 61px !important;
}

.m-height-62 {
  height: 62px !important;
}

.m-height-63 {
  height: 63px !important;
}

.m-height-64 {
  height: 64px !important;
}

.m-height-65 {
  height: 65px !important;
}

.m-height-66 {
  height: 66px !important;
}

.m-height-67 {
  height: 67px !important;
}

.m-height-68 {
  height: 68px !important;
}

.m-height-69 {
  height: 69px !important;
}

.m-height-70 {
  height: 70px !important;
}

.m-height-71 {
  height: 71px !important;
}

.m-height-72 {
  height: 72px !important;
}

.m-height-73 {
  height: 73px !important;
}

.m-height-74 {
  height: 74px !important;
}

.m-height-75 {
  height: 75px !important;
}

.m-height-76 {
  height: 76px !important;
}

.m-height-77 {
  height: 77px !important;
}

.m-height-78 {
  height: 78px !important;
}

.m-height-79 {
  height: 79px !important;
}

.m-height-80 {
  height: 80px !important;
}

.m-height-81 {
  height: 81px !important;
}

.m-height-82 {
  height: 82px !important;
}

.m-height-83 {
  height: 83px !important;
}

.m-height-84 {
  height: 84px !important;
}

.m-height-85 {
  height: 85px !important;
}

.m-height-86 {
  height: 86px !important;
}

.m-height-87 {
  height: 87px !important;
}

.m-height-88 {
  height: 88px !important;
}

.m-height-89 {
  height: 89px !important;
}

.m-height-90 {
  height: 90px !important;
}

.m-height-91 {
  height: 91px !important;
}

.m-height-92 {
  height: 92px !important;
}

.m-height-93 {
  height: 93px !important;
}

.m-height-94 {
  height: 94px !important;
}

.m-height-95 {
  height: 95px !important;
}

.m-height-96 {
  height: 96px !important;
}

.m-height-97 {
  height: 97px !important;
}

.m-height-98 {
  height: 98px !important;
}

.m-height-99 {
  height: 99px !important;
}

.m-height-100 {
  height: 100px !important;
}

.m-height-101 {
  height: 101px !important;
}

.m-height-102 {
  height: 102px !important;
}

.m-height-103 {
  height: 103px !important;
}

.m-height-104 {
  height: 104px !important;
}

.m-height-105 {
  height: 105px !important;
}

.m-height-106 {
  height: 106px !important;
}

.m-height-107 {
  height: 107px !important;
}

.m-height-108 {
  height: 108px !important;
}

.m-height-109 {
  height: 109px !important;
}

.m-height-110 {
  height: 110px !important;
}

.m-height-111 {
  height: 111px !important;
}

.m-height-112 {
  height: 112px !important;
}

.m-height-113 {
  height: 113px !important;
}

.m-height-114 {
  height: 114px !important;
}

.m-height-115 {
  height: 115px !important;
}

.m-height-116 {
  height: 116px !important;
}

.m-height-117 {
  height: 117px !important;
}

.m-height-118 {
  height: 118px !important;
}

.m-height-119 {
  height: 119px !important;
}

.m-height-120 {
  height: 120px !important;
}

.m-height-121 {
  height: 121px !important;
}

.m-height-122 {
  height: 122px !important;
}

.m-height-123 {
  height: 123px !important;
}

.m-height-124 {
  height: 124px !important;
}

.m-height-125 {
  height: 125px !important;
}

.m-height-126 {
  height: 126px !important;
}

.m-height-127 {
  height: 127px !important;
}

.m-height-128 {
  height: 128px !important;
}

.m-height-129 {
  height: 129px !important;
}

.m-height-130 {
  height: 130px !important;
}

.m-height-131 {
  height: 131px !important;
}

.m-height-132 {
  height: 132px !important;
}

.m-height-133 {
  height: 133px !important;
}

.m-height-134 {
  height: 134px !important;
}

.m-height-135 {
  height: 135px !important;
}

.m-height-136 {
  height: 136px !important;
}

.m-height-137 {
  height: 137px !important;
}

.m-height-138 {
  height: 138px !important;
}

.m-height-139 {
  height: 139px !important;
}

.m-height-140 {
  height: 140px !important;
}

.m-height-141 {
  height: 141px !important;
}

.m-height-142 {
  height: 142px !important;
}

.m-height-143 {
  height: 143px !important;
}

.m-height-144 {
  height: 144px !important;
}

.m-height-145 {
  height: 145px !important;
}

.m-height-146 {
  height: 146px !important;
}

.m-height-147 {
  height: 147px !important;
}

.m-height-148 {
  height: 148px !important;
}

.m-height-149 {
  height: 149px !important;
}

.m-height-150 {
  height: 150px !important;
}

.m-height-151 {
  height: 151px !important;
}

.m-height-152 {
  height: 152px !important;
}

.m-height-153 {
  height: 153px !important;
}

.m-height-154 {
  height: 154px !important;
}

.m-height-155 {
  height: 155px !important;
}

.m-height-156 {
  height: 156px !important;
}

.m-height-157 {
  height: 157px !important;
}

.m-height-158 {
  height: 158px !important;
}

.m-height-159 {
  height: 159px !important;
}

.m-height-160 {
  height: 160px !important;
}

.m-height-161 {
  height: 161px !important;
}

.m-height-162 {
  height: 162px !important;
}

.m-height-163 {
  height: 163px !important;
}

.m-height-164 {
  height: 164px !important;
}

.m-height-165 {
  height: 165px !important;
}

.m-height-166 {
  height: 166px !important;
}

.m-height-167 {
  height: 167px !important;
}

.m-height-168 {
  height: 168px !important;
}

.m-height-169 {
  height: 169px !important;
}

.m-height-170 {
  height: 170px !important;
}

.m-height-171 {
  height: 171px !important;
}

.m-height-172 {
  height: 172px !important;
}

.m-height-173 {
  height: 173px !important;
}

.m-height-174 {
  height: 174px !important;
}

.m-height-175 {
  height: 175px !important;
}

.m-height-176 {
  height: 176px !important;
}

.m-height-177 {
  height: 177px !important;
}

.m-height-178 {
  height: 178px !important;
}

.m-height-179 {
  height: 179px !important;
}

.m-height-180 {
  height: 180px !important;
}

.m-height-181 {
  height: 181px !important;
}

.m-height-182 {
  height: 182px !important;
}

.m-height-183 {
  height: 183px !important;
}

.m-height-184 {
  height: 184px !important;
}

.m-height-185 {
  height: 185px !important;
}

.m-height-186 {
  height: 186px !important;
}

.m-height-187 {
  height: 187px !important;
}

.m-height-188 {
  height: 188px !important;
}

.m-height-189 {
  height: 189px !important;
}

.m-height-190 {
  height: 190px !important;
}

.m-height-191 {
  height: 191px !important;
}

.m-height-192 {
  height: 192px !important;
}

.m-height-193 {
  height: 193px !important;
}

.m-height-194 {
  height: 194px !important;
}

.m-height-195 {
  height: 195px !important;
}

.m-height-196 {
  height: 196px !important;
}

.m-height-197 {
  height: 197px !important;
}

.m-height-198 {
  height: 198px !important;
}

.m-height-199 {
  height: 199px !important;
}

.m-height-200 {
  height: 200px !important;
}

.m-height-201 {
  height: 201px !important;
}

.m-height-202 {
  height: 202px !important;
}

.m-height-203 {
  height: 203px !important;
}

.m-height-204 {
  height: 204px !important;
}

.m-height-205 {
  height: 205px !important;
}

.m-height-206 {
  height: 206px !important;
}

.m-height-207 {
  height: 207px !important;
}

.m-height-208 {
  height: 208px !important;
}

.m-height-209 {
  height: 209px !important;
}

.m-height-210 {
  height: 210px !important;
}

.m-height-211 {
  height: 211px !important;
}

.m-height-212 {
  height: 212px !important;
}

.m-height-213 {
  height: 213px !important;
}

.m-height-214 {
  height: 214px !important;
}

.m-height-215 {
  height: 215px !important;
}

.m-height-216 {
  height: 216px !important;
}

.m-height-217 {
  height: 217px !important;
}

.m-height-218 {
  height: 218px !important;
}

.m-height-219 {
  height: 219px !important;
}

.m-height-220 {
  height: 220px !important;
}

.m-height-221 {
  height: 221px !important;
}

.m-height-222 {
  height: 222px !important;
}

.m-height-223 {
  height: 223px !important;
}

.m-height-224 {
  height: 224px !important;
}

.m-height-225 {
  height: 225px !important;
}

.m-height-226 {
  height: 226px !important;
}

.m-height-227 {
  height: 227px !important;
}

.m-height-228 {
  height: 228px !important;
}

.m-height-229 {
  height: 229px !important;
}

.m-height-230 {
  height: 230px !important;
}

.m-height-231 {
  height: 231px !important;
}

.m-height-232 {
  height: 232px !important;
}

.m-height-233 {
  height: 233px !important;
}

.m-height-234 {
  height: 234px !important;
}

.m-height-235 {
  height: 235px !important;
}

.m-height-236 {
  height: 236px !important;
}

.m-height-237 {
  height: 237px !important;
}

.m-height-238 {
  height: 238px !important;
}

.m-height-239 {
  height: 239px !important;
}

.m-height-240 {
  height: 240px !important;
}

.m-height-241 {
  height: 241px !important;
}

.m-height-242 {
  height: 242px !important;
}

.m-height-243 {
  height: 243px !important;
}

.m-height-244 {
  height: 244px !important;
}

.m-height-245 {
  height: 245px !important;
}

.m-height-246 {
  height: 246px !important;
}

.m-height-247 {
  height: 247px !important;
}

.m-height-248 {
  height: 248px !important;
}

.m-height-249 {
  height: 249px !important;
}

.m-height-250 {
  height: 250px !important;
}

.m-height-251 {
  height: 251px !important;
}

.m-height-252 {
  height: 252px !important;
}

.m-height-253 {
  height: 253px !important;
}

.m-height-254 {
  height: 254px !important;
}

.m-height-255 {
  height: 255px !important;
}

.m-height-256 {
  height: 256px !important;
}

.m-height-257 {
  height: 257px !important;
}

.m-height-258 {
  height: 258px !important;
}

.m-height-259 {
  height: 259px !important;
}

.m-height-260 {
  height: 260px !important;
}

.m-height-261 {
  height: 261px !important;
}

.m-height-262 {
  height: 262px !important;
}

.m-height-263 {
  height: 263px !important;
}

.m-height-264 {
  height: 264px !important;
}

.m-height-265 {
  height: 265px !important;
}

.m-height-266 {
  height: 266px !important;
}

.m-height-267 {
  height: 267px !important;
}

.m-height-268 {
  height: 268px !important;
}

.m-height-269 {
  height: 269px !important;
}

.m-height-270 {
  height: 270px !important;
}

.m-height-271 {
  height: 271px !important;
}

.m-height-272 {
  height: 272px !important;
}

.m-height-273 {
  height: 273px !important;
}

.m-height-274 {
  height: 274px !important;
}

.m-height-275 {
  height: 275px !important;
}

.m-height-276 {
  height: 276px !important;
}

.m-height-277 {
  height: 277px !important;
}

.m-height-278 {
  height: 278px !important;
}

.m-height-279 {
  height: 279px !important;
}

.m-height-280 {
  height: 280px !important;
}

.m-height-281 {
  height: 281px !important;
}

.m-height-282 {
  height: 282px !important;
}

.m-height-283 {
  height: 283px !important;
}

.m-height-284 {
  height: 284px !important;
}

.m-height-285 {
  height: 285px !important;
}

.m-height-286 {
  height: 286px !important;
}

.m-height-287 {
  height: 287px !important;
}

.m-height-288 {
  height: 288px !important;
}

.m-height-289 {
  height: 289px !important;
}

.m-height-290 {
  height: 290px !important;
}

.m-height-291 {
  height: 291px !important;
}

.m-height-292 {
  height: 292px !important;
}

.m-height-293 {
  height: 293px !important;
}

.m-height-294 {
  height: 294px !important;
}

.m-height-295 {
  height: 295px !important;
}

.m-height-296 {
  height: 296px !important;
}

.m-height-297 {
  height: 297px !important;
}

.m-height-298 {
  height: 298px !important;
}

.m-height-299 {
  height: 299px !important;
}

.m-height-300 {
  height: 300px !important;
}

.m-height-301 {
  height: 301px !important;
}

.m-height-302 {
  height: 302px !important;
}

.m-height-303 {
  height: 303px !important;
}

.m-height-304 {
  height: 304px !important;
}

.m-height-305 {
  height: 305px !important;
}

.m-height-306 {
  height: 306px !important;
}

.m-height-307 {
  height: 307px !important;
}

.m-height-308 {
  height: 308px !important;
}

.m-height-309 {
  height: 309px !important;
}

.m-height-310 {
  height: 310px !important;
}

.m-height-311 {
  height: 311px !important;
}

.m-height-312 {
  height: 312px !important;
}

.m-height-313 {
  height: 313px !important;
}

.m-height-314 {
  height: 314px !important;
}

.m-height-315 {
  height: 315px !important;
}

.m-height-316 {
  height: 316px !important;
}

.m-height-317 {
  height: 317px !important;
}

.m-height-318 {
  height: 318px !important;
}

.m-height-319 {
  height: 319px !important;
}

.m-height-320 {
  height: 320px !important;
}

.m-height-321 {
  height: 321px !important;
}

.m-height-322 {
  height: 322px !important;
}

.m-height-323 {
  height: 323px !important;
}

.m-height-324 {
  height: 324px !important;
}

.m-height-325 {
  height: 325px !important;
}

.m-height-326 {
  height: 326px !important;
}

.m-height-327 {
  height: 327px !important;
}

.m-height-328 {
  height: 328px !important;
}

.m-height-329 {
  height: 329px !important;
}

.m-height-330 {
  height: 330px !important;
}

.m-height-331 {
  height: 331px !important;
}

.m-height-332 {
  height: 332px !important;
}

.m-height-333 {
  height: 333px !important;
}

.m-height-334 {
  height: 334px !important;
}

.m-height-335 {
  height: 335px !important;
}

.m-height-336 {
  height: 336px !important;
}

.m-height-337 {
  height: 337px !important;
}

.m-height-338 {
  height: 338px !important;
}

.m-height-339 {
  height: 339px !important;
}

.m-height-340 {
  height: 340px !important;
}

.m-height-341 {
  height: 341px !important;
}

.m-height-342 {
  height: 342px !important;
}

.m-height-343 {
  height: 343px !important;
}

.m-height-344 {
  height: 344px !important;
}

.m-height-345 {
  height: 345px !important;
}

.m-height-346 {
  height: 346px !important;
}

.m-height-347 {
  height: 347px !important;
}

.m-height-348 {
  height: 348px !important;
}

.m-height-349 {
  height: 349px !important;
}

.m-height-350 {
  height: 350px !important;
}

.m-height-351 {
  height: 351px !important;
}

.m-height-352 {
  height: 352px !important;
}

.m-height-353 {
  height: 353px !important;
}

.m-height-354 {
  height: 354px !important;
}

.m-height-355 {
  height: 355px !important;
}

.m-height-356 {
  height: 356px !important;
}

.m-height-357 {
  height: 357px !important;
}

.m-height-358 {
  height: 358px !important;
}

.m-height-359 {
  height: 359px !important;
}

.m-height-360 {
  height: 360px !important;
}

.m-height-361 {
  height: 361px !important;
}

.m-height-362 {
  height: 362px !important;
}

.m-height-363 {
  height: 363px !important;
}

.m-height-364 {
  height: 364px !important;
}

.m-height-365 {
  height: 365px !important;
}

.m-height-366 {
  height: 366px !important;
}

.m-height-367 {
  height: 367px !important;
}

.m-height-368 {
  height: 368px !important;
}

.m-height-369 {
  height: 369px !important;
}

.m-height-370 {
  height: 370px !important;
}

.m-height-371 {
  height: 371px !important;
}

.m-height-372 {
  height: 372px !important;
}

.m-height-373 {
  height: 373px !important;
}

.m-height-374 {
  height: 374px !important;
}

.m-height-375 {
  height: 375px !important;
}

.m-height-376 {
  height: 376px !important;
}

.m-height-377 {
  height: 377px !important;
}

.m-height-378 {
  height: 378px !important;
}

.m-height-379 {
  height: 379px !important;
}

.m-height-380 {
  height: 380px !important;
}

.m-height-381 {
  height: 381px !important;
}

.m-height-382 {
  height: 382px !important;
}

.m-height-383 {
  height: 383px !important;
}

.m-height-384 {
  height: 384px !important;
}

.m-height-385 {
  height: 385px !important;
}

.m-height-386 {
  height: 386px !important;
}

.m-height-387 {
  height: 387px !important;
}

.m-height-388 {
  height: 388px !important;
}

.m-height-389 {
  height: 389px !important;
}

.m-height-390 {
  height: 390px !important;
}

.m-height-391 {
  height: 391px !important;
}

.m-height-392 {
  height: 392px !important;
}

.m-height-393 {
  height: 393px !important;
}

.m-height-394 {
  height: 394px !important;
}

.m-height-395 {
  height: 395px !important;
}

.m-height-396 {
  height: 396px !important;
}

.m-height-397 {
  height: 397px !important;
}

.m-height-398 {
  height: 398px !important;
}

.m-height-399 {
  height: 399px !important;
}

.m-height-400 {
  height: 400px !important;
}

.m-height-401 {
  height: 401px !important;
}

.m-height-402 {
  height: 402px !important;
}

.m-height-403 {
  height: 403px !important;
}

.m-height-404 {
  height: 404px !important;
}

.m-height-405 {
  height: 405px !important;
}

.m-height-406 {
  height: 406px !important;
}

.m-height-407 {
  height: 407px !important;
}

.m-height-408 {
  height: 408px !important;
}

.m-height-409 {
  height: 409px !important;
}

.m-height-410 {
  height: 410px !important;
}

.m-height-411 {
  height: 411px !important;
}

.m-height-412 {
  height: 412px !important;
}

.m-height-413 {
  height: 413px !important;
}

.m-height-414 {
  height: 414px !important;
}

.m-height-415 {
  height: 415px !important;
}

.m-height-416 {
  height: 416px !important;
}

.m-height-417 {
  height: 417px !important;
}

.m-height-418 {
  height: 418px !important;
}

.m-height-419 {
  height: 419px !important;
}

.m-height-420 {
  height: 420px !important;
}

.m-height-421 {
  height: 421px !important;
}

.m-height-422 {
  height: 422px !important;
}

.m-height-423 {
  height: 423px !important;
}

.m-height-424 {
  height: 424px !important;
}

.m-height-425 {
  height: 425px !important;
}

.m-height-426 {
  height: 426px !important;
}

.m-height-427 {
  height: 427px !important;
}

.m-height-428 {
  height: 428px !important;
}

.m-height-429 {
  height: 429px !important;
}

.m-height-430 {
  height: 430px !important;
}

.m-height-431 {
  height: 431px !important;
}

.m-height-432 {
  height: 432px !important;
}

.m-height-433 {
  height: 433px !important;
}

.m-height-434 {
  height: 434px !important;
}

.m-height-435 {
  height: 435px !important;
}

.m-height-436 {
  height: 436px !important;
}

.m-height-437 {
  height: 437px !important;
}

.m-height-438 {
  height: 438px !important;
}

.m-height-439 {
  height: 439px !important;
}

.m-height-440 {
  height: 440px !important;
}

.m-height-441 {
  height: 441px !important;
}

.m-height-442 {
  height: 442px !important;
}

.m-height-443 {
  height: 443px !important;
}

.m-height-444 {
  height: 444px !important;
}

.m-height-445 {
  height: 445px !important;
}

.m-height-446 {
  height: 446px !important;
}

.m-height-447 {
  height: 447px !important;
}

.m-height-448 {
  height: 448px !important;
}

.m-height-449 {
  height: 449px !important;
}

.m-height-450 {
  height: 450px !important;
}

.m-height-451 {
  height: 451px !important;
}

.m-height-452 {
  height: 452px !important;
}

.m-height-453 {
  height: 453px !important;
}

.m-height-454 {
  height: 454px !important;
}

.m-height-455 {
  height: 455px !important;
}

.m-height-456 {
  height: 456px !important;
}

.m-height-457 {
  height: 457px !important;
}

.m-height-458 {
  height: 458px !important;
}

.m-height-459 {
  height: 459px !important;
}

.m-height-460 {
  height: 460px !important;
}

.m-height-461 {
  height: 461px !important;
}

.m-height-462 {
  height: 462px !important;
}

.m-height-463 {
  height: 463px !important;
}

.m-height-464 {
  height: 464px !important;
}

.m-height-465 {
  height: 465px !important;
}

.m-height-466 {
  height: 466px !important;
}

.m-height-467 {
  height: 467px !important;
}

.m-height-468 {
  height: 468px !important;
}

.m-height-469 {
  height: 469px !important;
}

.m-height-470 {
  height: 470px !important;
}

.m-height-471 {
  height: 471px !important;
}

.m-height-472 {
  height: 472px !important;
}

.m-height-473 {
  height: 473px !important;
}

.m-height-474 {
  height: 474px !important;
}

.m-height-475 {
  height: 475px !important;
}

.m-height-476 {
  height: 476px !important;
}

.m-height-477 {
  height: 477px !important;
}

.m-height-478 {
  height: 478px !important;
}

.m-height-479 {
  height: 479px !important;
}

.m-height-480 {
  height: 480px !important;
}

.m-height-481 {
  height: 481px !important;
}

.m-height-482 {
  height: 482px !important;
}

.m-height-483 {
  height: 483px !important;
}

.m-height-484 {
  height: 484px !important;
}

.m-height-485 {
  height: 485px !important;
}

.m-height-486 {
  height: 486px !important;
}

.m-height-487 {
  height: 487px !important;
}

.m-height-488 {
  height: 488px !important;
}

.m-height-489 {
  height: 489px !important;
}

.m-height-490 {
  height: 490px !important;
}

.m-height-491 {
  height: 491px !important;
}

.m-height-492 {
  height: 492px !important;
}

.m-height-493 {
  height: 493px !important;
}

.m-height-494 {
  height: 494px !important;
}

.m-height-495 {
  height: 495px !important;
}

.m-height-496 {
  height: 496px !important;
}

.m-height-497 {
  height: 497px !important;
}

.m-height-498 {
  height: 498px !important;
}

.m-height-499 {
  height: 499px !important;
}

.m-height-500 {
  height: 500px !important;
}

@media screen and (max-width: 767px) {
  .m-height-sp-0 {
    height: 0px !important;
  }
  .m-height-sp-1 {
    height: 1px !important;
  }
  .m-height-sp-2 {
    height: 2px !important;
  }
  .m-height-sp-3 {
    height: 3px !important;
  }
  .m-height-sp-4 {
    height: 4px !important;
  }
  .m-height-sp-5 {
    height: 5px !important;
  }
  .m-height-sp-6 {
    height: 6px !important;
  }
  .m-height-sp-7 {
    height: 7px !important;
  }
  .m-height-sp-8 {
    height: 8px !important;
  }
  .m-height-sp-9 {
    height: 9px !important;
  }
  .m-height-sp-10 {
    height: 10px !important;
  }
  .m-height-sp-11 {
    height: 11px !important;
  }
  .m-height-sp-12 {
    height: 12px !important;
  }
  .m-height-sp-13 {
    height: 13px !important;
  }
  .m-height-sp-14 {
    height: 14px !important;
  }
  .m-height-sp-15 {
    height: 15px !important;
  }
  .m-height-sp-16 {
    height: 16px !important;
  }
  .m-height-sp-17 {
    height: 17px !important;
  }
  .m-height-sp-18 {
    height: 18px !important;
  }
  .m-height-sp-19 {
    height: 19px !important;
  }
  .m-height-sp-20 {
    height: 20px !important;
  }
  .m-height-sp-21 {
    height: 21px !important;
  }
  .m-height-sp-22 {
    height: 22px !important;
  }
  .m-height-sp-23 {
    height: 23px !important;
  }
  .m-height-sp-24 {
    height: 24px !important;
  }
  .m-height-sp-25 {
    height: 25px !important;
  }
  .m-height-sp-26 {
    height: 26px !important;
  }
  .m-height-sp-27 {
    height: 27px !important;
  }
  .m-height-sp-28 {
    height: 28px !important;
  }
  .m-height-sp-29 {
    height: 29px !important;
  }
  .m-height-sp-30 {
    height: 30px !important;
  }
  .m-height-sp-31 {
    height: 31px !important;
  }
  .m-height-sp-32 {
    height: 32px !important;
  }
  .m-height-sp-33 {
    height: 33px !important;
  }
  .m-height-sp-34 {
    height: 34px !important;
  }
  .m-height-sp-35 {
    height: 35px !important;
  }
  .m-height-sp-36 {
    height: 36px !important;
  }
  .m-height-sp-37 {
    height: 37px !important;
  }
  .m-height-sp-38 {
    height: 38px !important;
  }
  .m-height-sp-39 {
    height: 39px !important;
  }
  .m-height-sp-40 {
    height: 40px !important;
  }
  .m-height-sp-41 {
    height: 41px !important;
  }
  .m-height-sp-42 {
    height: 42px !important;
  }
  .m-height-sp-43 {
    height: 43px !important;
  }
  .m-height-sp-44 {
    height: 44px !important;
  }
  .m-height-sp-45 {
    height: 45px !important;
  }
  .m-height-sp-46 {
    height: 46px !important;
  }
  .m-height-sp-47 {
    height: 47px !important;
  }
  .m-height-sp-48 {
    height: 48px !important;
  }
  .m-height-sp-49 {
    height: 49px !important;
  }
  .m-height-sp-50 {
    height: 50px !important;
  }
  .m-height-sp-51 {
    height: 51px !important;
  }
  .m-height-sp-52 {
    height: 52px !important;
  }
  .m-height-sp-53 {
    height: 53px !important;
  }
  .m-height-sp-54 {
    height: 54px !important;
  }
  .m-height-sp-55 {
    height: 55px !important;
  }
  .m-height-sp-56 {
    height: 56px !important;
  }
  .m-height-sp-57 {
    height: 57px !important;
  }
  .m-height-sp-58 {
    height: 58px !important;
  }
  .m-height-sp-59 {
    height: 59px !important;
  }
  .m-height-sp-60 {
    height: 60px !important;
  }
  .m-height-sp-61 {
    height: 61px !important;
  }
  .m-height-sp-62 {
    height: 62px !important;
  }
  .m-height-sp-63 {
    height: 63px !important;
  }
  .m-height-sp-64 {
    height: 64px !important;
  }
  .m-height-sp-65 {
    height: 65px !important;
  }
  .m-height-sp-66 {
    height: 66px !important;
  }
  .m-height-sp-67 {
    height: 67px !important;
  }
  .m-height-sp-68 {
    height: 68px !important;
  }
  .m-height-sp-69 {
    height: 69px !important;
  }
  .m-height-sp-70 {
    height: 70px !important;
  }
  .m-height-sp-71 {
    height: 71px !important;
  }
  .m-height-sp-72 {
    height: 72px !important;
  }
  .m-height-sp-73 {
    height: 73px !important;
  }
  .m-height-sp-74 {
    height: 74px !important;
  }
  .m-height-sp-75 {
    height: 75px !important;
  }
  .m-height-sp-76 {
    height: 76px !important;
  }
  .m-height-sp-77 {
    height: 77px !important;
  }
  .m-height-sp-78 {
    height: 78px !important;
  }
  .m-height-sp-79 {
    height: 79px !important;
  }
  .m-height-sp-80 {
    height: 80px !important;
  }
  .m-height-sp-81 {
    height: 81px !important;
  }
  .m-height-sp-82 {
    height: 82px !important;
  }
  .m-height-sp-83 {
    height: 83px !important;
  }
  .m-height-sp-84 {
    height: 84px !important;
  }
  .m-height-sp-85 {
    height: 85px !important;
  }
  .m-height-sp-86 {
    height: 86px !important;
  }
  .m-height-sp-87 {
    height: 87px !important;
  }
  .m-height-sp-88 {
    height: 88px !important;
  }
  .m-height-sp-89 {
    height: 89px !important;
  }
  .m-height-sp-90 {
    height: 90px !important;
  }
  .m-height-sp-91 {
    height: 91px !important;
  }
  .m-height-sp-92 {
    height: 92px !important;
  }
  .m-height-sp-93 {
    height: 93px !important;
  }
  .m-height-sp-94 {
    height: 94px !important;
  }
  .m-height-sp-95 {
    height: 95px !important;
  }
  .m-height-sp-96 {
    height: 96px !important;
  }
  .m-height-sp-97 {
    height: 97px !important;
  }
  .m-height-sp-98 {
    height: 98px !important;
  }
  .m-height-sp-99 {
    height: 99px !important;
  }
  .m-height-sp-100 {
    height: 100px !important;
  }
  .m-height-sp-101 {
    height: 101px !important;
  }
  .m-height-sp-102 {
    height: 102px !important;
  }
  .m-height-sp-103 {
    height: 103px !important;
  }
  .m-height-sp-104 {
    height: 104px !important;
  }
  .m-height-sp-105 {
    height: 105px !important;
  }
  .m-height-sp-106 {
    height: 106px !important;
  }
  .m-height-sp-107 {
    height: 107px !important;
  }
  .m-height-sp-108 {
    height: 108px !important;
  }
  .m-height-sp-109 {
    height: 109px !important;
  }
  .m-height-sp-110 {
    height: 110px !important;
  }
  .m-height-sp-111 {
    height: 111px !important;
  }
  .m-height-sp-112 {
    height: 112px !important;
  }
  .m-height-sp-113 {
    height: 113px !important;
  }
  .m-height-sp-114 {
    height: 114px !important;
  }
  .m-height-sp-115 {
    height: 115px !important;
  }
  .m-height-sp-116 {
    height: 116px !important;
  }
  .m-height-sp-117 {
    height: 117px !important;
  }
  .m-height-sp-118 {
    height: 118px !important;
  }
  .m-height-sp-119 {
    height: 119px !important;
  }
  .m-height-sp-120 {
    height: 120px !important;
  }
  .m-height-sp-121 {
    height: 121px !important;
  }
  .m-height-sp-122 {
    height: 122px !important;
  }
  .m-height-sp-123 {
    height: 123px !important;
  }
  .m-height-sp-124 {
    height: 124px !important;
  }
  .m-height-sp-125 {
    height: 125px !important;
  }
  .m-height-sp-126 {
    height: 126px !important;
  }
  .m-height-sp-127 {
    height: 127px !important;
  }
  .m-height-sp-128 {
    height: 128px !important;
  }
  .m-height-sp-129 {
    height: 129px !important;
  }
  .m-height-sp-130 {
    height: 130px !important;
  }
  .m-height-sp-131 {
    height: 131px !important;
  }
  .m-height-sp-132 {
    height: 132px !important;
  }
  .m-height-sp-133 {
    height: 133px !important;
  }
  .m-height-sp-134 {
    height: 134px !important;
  }
  .m-height-sp-135 {
    height: 135px !important;
  }
  .m-height-sp-136 {
    height: 136px !important;
  }
  .m-height-sp-137 {
    height: 137px !important;
  }
  .m-height-sp-138 {
    height: 138px !important;
  }
  .m-height-sp-139 {
    height: 139px !important;
  }
  .m-height-sp-140 {
    height: 140px !important;
  }
  .m-height-sp-141 {
    height: 141px !important;
  }
  .m-height-sp-142 {
    height: 142px !important;
  }
  .m-height-sp-143 {
    height: 143px !important;
  }
  .m-height-sp-144 {
    height: 144px !important;
  }
  .m-height-sp-145 {
    height: 145px !important;
  }
  .m-height-sp-146 {
    height: 146px !important;
  }
  .m-height-sp-147 {
    height: 147px !important;
  }
  .m-height-sp-148 {
    height: 148px !important;
  }
  .m-height-sp-149 {
    height: 149px !important;
  }
  .m-height-sp-150 {
    height: 150px !important;
  }
  .m-height-sp-151 {
    height: 151px !important;
  }
  .m-height-sp-152 {
    height: 152px !important;
  }
  .m-height-sp-153 {
    height: 153px !important;
  }
  .m-height-sp-154 {
    height: 154px !important;
  }
  .m-height-sp-155 {
    height: 155px !important;
  }
  .m-height-sp-156 {
    height: 156px !important;
  }
  .m-height-sp-157 {
    height: 157px !important;
  }
  .m-height-sp-158 {
    height: 158px !important;
  }
  .m-height-sp-159 {
    height: 159px !important;
  }
  .m-height-sp-160 {
    height: 160px !important;
  }
  .m-height-sp-161 {
    height: 161px !important;
  }
  .m-height-sp-162 {
    height: 162px !important;
  }
  .m-height-sp-163 {
    height: 163px !important;
  }
  .m-height-sp-164 {
    height: 164px !important;
  }
  .m-height-sp-165 {
    height: 165px !important;
  }
  .m-height-sp-166 {
    height: 166px !important;
  }
  .m-height-sp-167 {
    height: 167px !important;
  }
  .m-height-sp-168 {
    height: 168px !important;
  }
  .m-height-sp-169 {
    height: 169px !important;
  }
  .m-height-sp-170 {
    height: 170px !important;
  }
  .m-height-sp-171 {
    height: 171px !important;
  }
  .m-height-sp-172 {
    height: 172px !important;
  }
  .m-height-sp-173 {
    height: 173px !important;
  }
  .m-height-sp-174 {
    height: 174px !important;
  }
  .m-height-sp-175 {
    height: 175px !important;
  }
  .m-height-sp-176 {
    height: 176px !important;
  }
  .m-height-sp-177 {
    height: 177px !important;
  }
  .m-height-sp-178 {
    height: 178px !important;
  }
  .m-height-sp-179 {
    height: 179px !important;
  }
  .m-height-sp-180 {
    height: 180px !important;
  }
  .m-height-sp-181 {
    height: 181px !important;
  }
  .m-height-sp-182 {
    height: 182px !important;
  }
  .m-height-sp-183 {
    height: 183px !important;
  }
  .m-height-sp-184 {
    height: 184px !important;
  }
  .m-height-sp-185 {
    height: 185px !important;
  }
  .m-height-sp-186 {
    height: 186px !important;
  }
  .m-height-sp-187 {
    height: 187px !important;
  }
  .m-height-sp-188 {
    height: 188px !important;
  }
  .m-height-sp-189 {
    height: 189px !important;
  }
  .m-height-sp-190 {
    height: 190px !important;
  }
  .m-height-sp-191 {
    height: 191px !important;
  }
  .m-height-sp-192 {
    height: 192px !important;
  }
  .m-height-sp-193 {
    height: 193px !important;
  }
  .m-height-sp-194 {
    height: 194px !important;
  }
  .m-height-sp-195 {
    height: 195px !important;
  }
  .m-height-sp-196 {
    height: 196px !important;
  }
  .m-height-sp-197 {
    height: 197px !important;
  }
  .m-height-sp-198 {
    height: 198px !important;
  }
  .m-height-sp-199 {
    height: 199px !important;
  }
  .m-height-sp-200 {
    height: 200px !important;
  }
  .m-height-sp-201 {
    height: 201px !important;
  }
  .m-height-sp-202 {
    height: 202px !important;
  }
  .m-height-sp-203 {
    height: 203px !important;
  }
  .m-height-sp-204 {
    height: 204px !important;
  }
  .m-height-sp-205 {
    height: 205px !important;
  }
  .m-height-sp-206 {
    height: 206px !important;
  }
  .m-height-sp-207 {
    height: 207px !important;
  }
  .m-height-sp-208 {
    height: 208px !important;
  }
  .m-height-sp-209 {
    height: 209px !important;
  }
  .m-height-sp-210 {
    height: 210px !important;
  }
  .m-height-sp-211 {
    height: 211px !important;
  }
  .m-height-sp-212 {
    height: 212px !important;
  }
  .m-height-sp-213 {
    height: 213px !important;
  }
  .m-height-sp-214 {
    height: 214px !important;
  }
  .m-height-sp-215 {
    height: 215px !important;
  }
  .m-height-sp-216 {
    height: 216px !important;
  }
  .m-height-sp-217 {
    height: 217px !important;
  }
  .m-height-sp-218 {
    height: 218px !important;
  }
  .m-height-sp-219 {
    height: 219px !important;
  }
  .m-height-sp-220 {
    height: 220px !important;
  }
  .m-height-sp-221 {
    height: 221px !important;
  }
  .m-height-sp-222 {
    height: 222px !important;
  }
  .m-height-sp-223 {
    height: 223px !important;
  }
  .m-height-sp-224 {
    height: 224px !important;
  }
  .m-height-sp-225 {
    height: 225px !important;
  }
  .m-height-sp-226 {
    height: 226px !important;
  }
  .m-height-sp-227 {
    height: 227px !important;
  }
  .m-height-sp-228 {
    height: 228px !important;
  }
  .m-height-sp-229 {
    height: 229px !important;
  }
  .m-height-sp-230 {
    height: 230px !important;
  }
  .m-height-sp-231 {
    height: 231px !important;
  }
  .m-height-sp-232 {
    height: 232px !important;
  }
  .m-height-sp-233 {
    height: 233px !important;
  }
  .m-height-sp-234 {
    height: 234px !important;
  }
  .m-height-sp-235 {
    height: 235px !important;
  }
  .m-height-sp-236 {
    height: 236px !important;
  }
  .m-height-sp-237 {
    height: 237px !important;
  }
  .m-height-sp-238 {
    height: 238px !important;
  }
  .m-height-sp-239 {
    height: 239px !important;
  }
  .m-height-sp-240 {
    height: 240px !important;
  }
  .m-height-sp-241 {
    height: 241px !important;
  }
  .m-height-sp-242 {
    height: 242px !important;
  }
  .m-height-sp-243 {
    height: 243px !important;
  }
  .m-height-sp-244 {
    height: 244px !important;
  }
  .m-height-sp-245 {
    height: 245px !important;
  }
  .m-height-sp-246 {
    height: 246px !important;
  }
  .m-height-sp-247 {
    height: 247px !important;
  }
  .m-height-sp-248 {
    height: 248px !important;
  }
  .m-height-sp-249 {
    height: 249px !important;
  }
  .m-height-sp-250 {
    height: 250px !important;
  }
  .m-height-sp-251 {
    height: 251px !important;
  }
  .m-height-sp-252 {
    height: 252px !important;
  }
  .m-height-sp-253 {
    height: 253px !important;
  }
  .m-height-sp-254 {
    height: 254px !important;
  }
  .m-height-sp-255 {
    height: 255px !important;
  }
  .m-height-sp-256 {
    height: 256px !important;
  }
  .m-height-sp-257 {
    height: 257px !important;
  }
  .m-height-sp-258 {
    height: 258px !important;
  }
  .m-height-sp-259 {
    height: 259px !important;
  }
  .m-height-sp-260 {
    height: 260px !important;
  }
  .m-height-sp-261 {
    height: 261px !important;
  }
  .m-height-sp-262 {
    height: 262px !important;
  }
  .m-height-sp-263 {
    height: 263px !important;
  }
  .m-height-sp-264 {
    height: 264px !important;
  }
  .m-height-sp-265 {
    height: 265px !important;
  }
  .m-height-sp-266 {
    height: 266px !important;
  }
  .m-height-sp-267 {
    height: 267px !important;
  }
  .m-height-sp-268 {
    height: 268px !important;
  }
  .m-height-sp-269 {
    height: 269px !important;
  }
  .m-height-sp-270 {
    height: 270px !important;
  }
  .m-height-sp-271 {
    height: 271px !important;
  }
  .m-height-sp-272 {
    height: 272px !important;
  }
  .m-height-sp-273 {
    height: 273px !important;
  }
  .m-height-sp-274 {
    height: 274px !important;
  }
  .m-height-sp-275 {
    height: 275px !important;
  }
  .m-height-sp-276 {
    height: 276px !important;
  }
  .m-height-sp-277 {
    height: 277px !important;
  }
  .m-height-sp-278 {
    height: 278px !important;
  }
  .m-height-sp-279 {
    height: 279px !important;
  }
  .m-height-sp-280 {
    height: 280px !important;
  }
  .m-height-sp-281 {
    height: 281px !important;
  }
  .m-height-sp-282 {
    height: 282px !important;
  }
  .m-height-sp-283 {
    height: 283px !important;
  }
  .m-height-sp-284 {
    height: 284px !important;
  }
  .m-height-sp-285 {
    height: 285px !important;
  }
  .m-height-sp-286 {
    height: 286px !important;
  }
  .m-height-sp-287 {
    height: 287px !important;
  }
  .m-height-sp-288 {
    height: 288px !important;
  }
  .m-height-sp-289 {
    height: 289px !important;
  }
  .m-height-sp-290 {
    height: 290px !important;
  }
  .m-height-sp-291 {
    height: 291px !important;
  }
  .m-height-sp-292 {
    height: 292px !important;
  }
  .m-height-sp-293 {
    height: 293px !important;
  }
  .m-height-sp-294 {
    height: 294px !important;
  }
  .m-height-sp-295 {
    height: 295px !important;
  }
  .m-height-sp-296 {
    height: 296px !important;
  }
  .m-height-sp-297 {
    height: 297px !important;
  }
  .m-height-sp-298 {
    height: 298px !important;
  }
  .m-height-sp-299 {
    height: 299px !important;
  }
  .m-height-sp-300 {
    height: 300px !important;
  }
  .m-height-sp-301 {
    height: 301px !important;
  }
  .m-height-sp-302 {
    height: 302px !important;
  }
  .m-height-sp-303 {
    height: 303px !important;
  }
  .m-height-sp-304 {
    height: 304px !important;
  }
  .m-height-sp-305 {
    height: 305px !important;
  }
  .m-height-sp-306 {
    height: 306px !important;
  }
  .m-height-sp-307 {
    height: 307px !important;
  }
  .m-height-sp-308 {
    height: 308px !important;
  }
  .m-height-sp-309 {
    height: 309px !important;
  }
  .m-height-sp-310 {
    height: 310px !important;
  }
  .m-height-sp-311 {
    height: 311px !important;
  }
  .m-height-sp-312 {
    height: 312px !important;
  }
  .m-height-sp-313 {
    height: 313px !important;
  }
  .m-height-sp-314 {
    height: 314px !important;
  }
  .m-height-sp-315 {
    height: 315px !important;
  }
  .m-height-sp-316 {
    height: 316px !important;
  }
  .m-height-sp-317 {
    height: 317px !important;
  }
  .m-height-sp-318 {
    height: 318px !important;
  }
  .m-height-sp-319 {
    height: 319px !important;
  }
  .m-height-sp-320 {
    height: 320px !important;
  }
  .m-height-sp-321 {
    height: 321px !important;
  }
  .m-height-sp-322 {
    height: 322px !important;
  }
  .m-height-sp-323 {
    height: 323px !important;
  }
  .m-height-sp-324 {
    height: 324px !important;
  }
  .m-height-sp-325 {
    height: 325px !important;
  }
  .m-height-sp-326 {
    height: 326px !important;
  }
  .m-height-sp-327 {
    height: 327px !important;
  }
  .m-height-sp-328 {
    height: 328px !important;
  }
  .m-height-sp-329 {
    height: 329px !important;
  }
  .m-height-sp-330 {
    height: 330px !important;
  }
  .m-height-sp-331 {
    height: 331px !important;
  }
  .m-height-sp-332 {
    height: 332px !important;
  }
  .m-height-sp-333 {
    height: 333px !important;
  }
  .m-height-sp-334 {
    height: 334px !important;
  }
  .m-height-sp-335 {
    height: 335px !important;
  }
  .m-height-sp-336 {
    height: 336px !important;
  }
  .m-height-sp-337 {
    height: 337px !important;
  }
  .m-height-sp-338 {
    height: 338px !important;
  }
  .m-height-sp-339 {
    height: 339px !important;
  }
  .m-height-sp-340 {
    height: 340px !important;
  }
  .m-height-sp-341 {
    height: 341px !important;
  }
  .m-height-sp-342 {
    height: 342px !important;
  }
  .m-height-sp-343 {
    height: 343px !important;
  }
  .m-height-sp-344 {
    height: 344px !important;
  }
  .m-height-sp-345 {
    height: 345px !important;
  }
  .m-height-sp-346 {
    height: 346px !important;
  }
  .m-height-sp-347 {
    height: 347px !important;
  }
  .m-height-sp-348 {
    height: 348px !important;
  }
  .m-height-sp-349 {
    height: 349px !important;
  }
  .m-height-sp-350 {
    height: 350px !important;
  }
  .m-height-sp-351 {
    height: 351px !important;
  }
  .m-height-sp-352 {
    height: 352px !important;
  }
  .m-height-sp-353 {
    height: 353px !important;
  }
  .m-height-sp-354 {
    height: 354px !important;
  }
  .m-height-sp-355 {
    height: 355px !important;
  }
  .m-height-sp-356 {
    height: 356px !important;
  }
  .m-height-sp-357 {
    height: 357px !important;
  }
  .m-height-sp-358 {
    height: 358px !important;
  }
  .m-height-sp-359 {
    height: 359px !important;
  }
  .m-height-sp-360 {
    height: 360px !important;
  }
  .m-height-sp-361 {
    height: 361px !important;
  }
  .m-height-sp-362 {
    height: 362px !important;
  }
  .m-height-sp-363 {
    height: 363px !important;
  }
  .m-height-sp-364 {
    height: 364px !important;
  }
  .m-height-sp-365 {
    height: 365px !important;
  }
  .m-height-sp-366 {
    height: 366px !important;
  }
  .m-height-sp-367 {
    height: 367px !important;
  }
  .m-height-sp-368 {
    height: 368px !important;
  }
  .m-height-sp-369 {
    height: 369px !important;
  }
  .m-height-sp-370 {
    height: 370px !important;
  }
  .m-height-sp-371 {
    height: 371px !important;
  }
  .m-height-sp-372 {
    height: 372px !important;
  }
  .m-height-sp-373 {
    height: 373px !important;
  }
  .m-height-sp-374 {
    height: 374px !important;
  }
  .m-height-sp-375 {
    height: 375px !important;
  }
  .m-height-sp-376 {
    height: 376px !important;
  }
  .m-height-sp-377 {
    height: 377px !important;
  }
  .m-height-sp-378 {
    height: 378px !important;
  }
  .m-height-sp-379 {
    height: 379px !important;
  }
  .m-height-sp-380 {
    height: 380px !important;
  }
  .m-height-sp-381 {
    height: 381px !important;
  }
  .m-height-sp-382 {
    height: 382px !important;
  }
  .m-height-sp-383 {
    height: 383px !important;
  }
  .m-height-sp-384 {
    height: 384px !important;
  }
  .m-height-sp-385 {
    height: 385px !important;
  }
  .m-height-sp-386 {
    height: 386px !important;
  }
  .m-height-sp-387 {
    height: 387px !important;
  }
  .m-height-sp-388 {
    height: 388px !important;
  }
  .m-height-sp-389 {
    height: 389px !important;
  }
  .m-height-sp-390 {
    height: 390px !important;
  }
  .m-height-sp-391 {
    height: 391px !important;
  }
  .m-height-sp-392 {
    height: 392px !important;
  }
  .m-height-sp-393 {
    height: 393px !important;
  }
  .m-height-sp-394 {
    height: 394px !important;
  }
  .m-height-sp-395 {
    height: 395px !important;
  }
  .m-height-sp-396 {
    height: 396px !important;
  }
  .m-height-sp-397 {
    height: 397px !important;
  }
  .m-height-sp-398 {
    height: 398px !important;
  }
  .m-height-sp-399 {
    height: 399px !important;
  }
  .m-height-sp-400 {
    height: 400px !important;
  }
  .m-height-sp-401 {
    height: 401px !important;
  }
  .m-height-sp-402 {
    height: 402px !important;
  }
  .m-height-sp-403 {
    height: 403px !important;
  }
  .m-height-sp-404 {
    height: 404px !important;
  }
  .m-height-sp-405 {
    height: 405px !important;
  }
  .m-height-sp-406 {
    height: 406px !important;
  }
  .m-height-sp-407 {
    height: 407px !important;
  }
  .m-height-sp-408 {
    height: 408px !important;
  }
  .m-height-sp-409 {
    height: 409px !important;
  }
  .m-height-sp-410 {
    height: 410px !important;
  }
  .m-height-sp-411 {
    height: 411px !important;
  }
  .m-height-sp-412 {
    height: 412px !important;
  }
  .m-height-sp-413 {
    height: 413px !important;
  }
  .m-height-sp-414 {
    height: 414px !important;
  }
  .m-height-sp-415 {
    height: 415px !important;
  }
  .m-height-sp-416 {
    height: 416px !important;
  }
  .m-height-sp-417 {
    height: 417px !important;
  }
  .m-height-sp-418 {
    height: 418px !important;
  }
  .m-height-sp-419 {
    height: 419px !important;
  }
  .m-height-sp-420 {
    height: 420px !important;
  }
  .m-height-sp-421 {
    height: 421px !important;
  }
  .m-height-sp-422 {
    height: 422px !important;
  }
  .m-height-sp-423 {
    height: 423px !important;
  }
  .m-height-sp-424 {
    height: 424px !important;
  }
  .m-height-sp-425 {
    height: 425px !important;
  }
  .m-height-sp-426 {
    height: 426px !important;
  }
  .m-height-sp-427 {
    height: 427px !important;
  }
  .m-height-sp-428 {
    height: 428px !important;
  }
  .m-height-sp-429 {
    height: 429px !important;
  }
  .m-height-sp-430 {
    height: 430px !important;
  }
  .m-height-sp-431 {
    height: 431px !important;
  }
  .m-height-sp-432 {
    height: 432px !important;
  }
  .m-height-sp-433 {
    height: 433px !important;
  }
  .m-height-sp-434 {
    height: 434px !important;
  }
  .m-height-sp-435 {
    height: 435px !important;
  }
  .m-height-sp-436 {
    height: 436px !important;
  }
  .m-height-sp-437 {
    height: 437px !important;
  }
  .m-height-sp-438 {
    height: 438px !important;
  }
  .m-height-sp-439 {
    height: 439px !important;
  }
  .m-height-sp-440 {
    height: 440px !important;
  }
  .m-height-sp-441 {
    height: 441px !important;
  }
  .m-height-sp-442 {
    height: 442px !important;
  }
  .m-height-sp-443 {
    height: 443px !important;
  }
  .m-height-sp-444 {
    height: 444px !important;
  }
  .m-height-sp-445 {
    height: 445px !important;
  }
  .m-height-sp-446 {
    height: 446px !important;
  }
  .m-height-sp-447 {
    height: 447px !important;
  }
  .m-height-sp-448 {
    height: 448px !important;
  }
  .m-height-sp-449 {
    height: 449px !important;
  }
  .m-height-sp-450 {
    height: 450px !important;
  }
  .m-height-sp-451 {
    height: 451px !important;
  }
  .m-height-sp-452 {
    height: 452px !important;
  }
  .m-height-sp-453 {
    height: 453px !important;
  }
  .m-height-sp-454 {
    height: 454px !important;
  }
  .m-height-sp-455 {
    height: 455px !important;
  }
  .m-height-sp-456 {
    height: 456px !important;
  }
  .m-height-sp-457 {
    height: 457px !important;
  }
  .m-height-sp-458 {
    height: 458px !important;
  }
  .m-height-sp-459 {
    height: 459px !important;
  }
  .m-height-sp-460 {
    height: 460px !important;
  }
  .m-height-sp-461 {
    height: 461px !important;
  }
  .m-height-sp-462 {
    height: 462px !important;
  }
  .m-height-sp-463 {
    height: 463px !important;
  }
  .m-height-sp-464 {
    height: 464px !important;
  }
  .m-height-sp-465 {
    height: 465px !important;
  }
  .m-height-sp-466 {
    height: 466px !important;
  }
  .m-height-sp-467 {
    height: 467px !important;
  }
  .m-height-sp-468 {
    height: 468px !important;
  }
  .m-height-sp-469 {
    height: 469px !important;
  }
  .m-height-sp-470 {
    height: 470px !important;
  }
  .m-height-sp-471 {
    height: 471px !important;
  }
  .m-height-sp-472 {
    height: 472px !important;
  }
  .m-height-sp-473 {
    height: 473px !important;
  }
  .m-height-sp-474 {
    height: 474px !important;
  }
  .m-height-sp-475 {
    height: 475px !important;
  }
  .m-height-sp-476 {
    height: 476px !important;
  }
  .m-height-sp-477 {
    height: 477px !important;
  }
  .m-height-sp-478 {
    height: 478px !important;
  }
  .m-height-sp-479 {
    height: 479px !important;
  }
  .m-height-sp-480 {
    height: 480px !important;
  }
  .m-height-sp-481 {
    height: 481px !important;
  }
  .m-height-sp-482 {
    height: 482px !important;
  }
  .m-height-sp-483 {
    height: 483px !important;
  }
  .m-height-sp-484 {
    height: 484px !important;
  }
  .m-height-sp-485 {
    height: 485px !important;
  }
  .m-height-sp-486 {
    height: 486px !important;
  }
  .m-height-sp-487 {
    height: 487px !important;
  }
  .m-height-sp-488 {
    height: 488px !important;
  }
  .m-height-sp-489 {
    height: 489px !important;
  }
  .m-height-sp-490 {
    height: 490px !important;
  }
  .m-height-sp-491 {
    height: 491px !important;
  }
  .m-height-sp-492 {
    height: 492px !important;
  }
  .m-height-sp-493 {
    height: 493px !important;
  }
  .m-height-sp-494 {
    height: 494px !important;
  }
  .m-height-sp-495 {
    height: 495px !important;
  }
  .m-height-sp-496 {
    height: 496px !important;
  }
  .m-height-sp-497 {
    height: 497px !important;
  }
  .m-height-sp-498 {
    height: 498px !important;
  }
  .m-height-sp-499 {
    height: 499px !important;
  }
  .m-height-sp-500 {
    height: 500px !important;
  }
}

.m-height-full {
  height: 100%;
}

/* ------------------------------------
 * width 幅 auto
 * --------------------------------- */
.m-width-auto {
  width: auto !important;
}

/* ------------------------------------
 * width 幅 initial
 * --------------------------------- */
.m-maxwidth-initial {
  max-width: initial !important;
}

.m-width-initial {
  width: initial !important;
}

.m-width-full {
  width: 100% !important;
}

/* ------------------------------------
 * その他
 * --------------------------------- */
.m-notice {
  font-size: 10px;
  padding: 5px 10px;
  margin: 0 10px;
  color: #fff;
  font-weight: bold;
  background: #e93817;
  vertical-align: middle;
  border-radius: 2px;
  display: inline-block;
}

.m-notice[data-bg-color=jcom] {
  background: #e93817 !important;
}

.m-notice[data-bg-color=myjcom] {
  background: #e73817 !important;
}

.m-notice[data-bg-color=tv] {
  background: #e40077 !important;
}

.m-notice[data-bg-color=net] {
  background: #0085cd !important;
}

.m-notice[data-bg-color=phone] {
  background: #00a33e !important;
}

.m-notice[data-bg-color=mobile] {
  background: #00a4a8 !important;
}

.m-notice[data-bg-color=ele] {
  background: #f18d00 !important;
}

.m-notice[data-bg-color=gas] {
  background: #0a308f !important;
}

.m-notice[data-bg-color=gray] {
  background: #b5b5b5 !important;
}

.m-notice[data-bg-color=grayB] {
  background: #f5f5f5 !important;
}

.m-notice[data-bg-color=white] {
  background: #ffffff !important;
}

.m-notice[data-bg-color=default] {
  background: #333333 !important;
}

.m-notice[data-bg-color=jyuryo] {
  background: #f4a433 !important;
}

.m-notice[data-bg-color=member] {
  background: #5e9600 !important;
}

.m-notice[data-bg-color=red] {
  background: #FF0000 !important;
}

.m-notice[data-bg-color=home] {
  background: #fa7268 !important;
}

.m-notice[data-bg-color=netflix] {
  background: #d81f26 !important;
}

.m-notice[data-bg-color=new] {
  background: #ff5600 !important;
}

.m-notice[data-bg-color=hoken] {
  background: #e60044 !important;
}

.m-notice[data-bg-color=telemedicine] {
  background: #00855e !important;
}

@media screen and (max-width: 767px) {
  .m-notice[data-sp-line='block'] {
    display: table !important;
    margin: 0 auto;
    margin-top: 5px;
  }
}

.m-width-available {
  width: -webkit-fill-available;
}

.m-over-hide {
  overflow: hidden;
}

.m-disp-block {
  display: block !important;
}

.m-triangle, .m-triangle-right, .m-triangle-left, .m-triangle-bottom, .m-triangle-top {
  width: 15px;
}

.m-triangle-right {
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 15px solid #e93817;
}

.m-triangle-right[data-border-color=jcom] {
  border-left: 15px solid #e93817 !important;
}

.m-triangle-right[data-border-color=myjcom] {
  border-left: 15px solid #e73817 !important;
}

.m-triangle-right[data-border-color=tv] {
  border-left: 15px solid #e40077 !important;
}

.m-triangle-right[data-border-color=net] {
  border-left: 15px solid #0085cd !important;
}

.m-triangle-right[data-border-color=phone] {
  border-left: 15px solid #00a33e !important;
}

.m-triangle-right[data-border-color=mobile] {
  border-left: 15px solid #00a4a8 !important;
}

.m-triangle-right[data-border-color=ele] {
  border-left: 15px solid #f18d00 !important;
}

.m-triangle-right[data-border-color=gas] {
  border-left: 15px solid #0a308f !important;
}

.m-triangle-right[data-border-color=gray] {
  border-left: 15px solid #b5b5b5 !important;
}

.m-triangle-right[data-border-color=grayB] {
  border-left: 15px solid #f5f5f5 !important;
}

.m-triangle-right[data-border-color=white] {
  border-left: 15px solid #ffffff !important;
}

.m-triangle-right[data-border-color=default] {
  border-left: 15px solid #333333 !important;
}

.m-triangle-right[data-border-color=jyuryo] {
  border-left: 15px solid #f4a433 !important;
}

.m-triangle-right[data-border-color=member] {
  border-left: 15px solid #5e9600 !important;
}

.m-triangle-right[data-border-color=red] {
  border-left: 15px solid #FF0000 !important;
}

.m-triangle-right[data-border-color=home] {
  border-left: 15px solid #fa7268 !important;
}

.m-triangle-right[data-border-color=netflix] {
  border-left: 15px solid #d81f26 !important;
}

.m-triangle-right[data-border-color=new] {
  border-left: 15px solid #ff5600 !important;
}

.m-triangle-right[data-border-color=hoken] {
  border-left: 15px solid #e60044 !important;
}

.m-triangle-right[data-border-color=telemedicine] {
  border-left: 15px solid #00855e !important;
}

.m-triangle-left {
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 15px solid #e93817;
}

.m-triangle-left[data-border-color=jcom] {
  border-right: 15px solid #e93817 !important;
}

.m-triangle-left[data-border-color=myjcom] {
  border-right: 15px solid #e73817 !important;
}

.m-triangle-left[data-border-color=tv] {
  border-right: 15px solid #e40077 !important;
}

.m-triangle-left[data-border-color=net] {
  border-right: 15px solid #0085cd !important;
}

.m-triangle-left[data-border-color=phone] {
  border-right: 15px solid #00a33e !important;
}

.m-triangle-left[data-border-color=mobile] {
  border-right: 15px solid #00a4a8 !important;
}

.m-triangle-left[data-border-color=ele] {
  border-right: 15px solid #f18d00 !important;
}

.m-triangle-left[data-border-color=gas] {
  border-right: 15px solid #0a308f !important;
}

.m-triangle-left[data-border-color=gray] {
  border-right: 15px solid #b5b5b5 !important;
}

.m-triangle-left[data-border-color=grayB] {
  border-right: 15px solid #f5f5f5 !important;
}

.m-triangle-left[data-border-color=white] {
  border-right: 15px solid #ffffff !important;
}

.m-triangle-left[data-border-color=default] {
  border-right: 15px solid #333333 !important;
}

.m-triangle-left[data-border-color=jyuryo] {
  border-right: 15px solid #f4a433 !important;
}

.m-triangle-left[data-border-color=member] {
  border-right: 15px solid #5e9600 !important;
}

.m-triangle-left[data-border-color=red] {
  border-right: 15px solid #FF0000 !important;
}

.m-triangle-left[data-border-color=home] {
  border-right: 15px solid #fa7268 !important;
}

.m-triangle-left[data-border-color=netflix] {
  border-right: 15px solid #d81f26 !important;
}

.m-triangle-left[data-border-color=new] {
  border-right: 15px solid #ff5600 !important;
}

.m-triangle-left[data-border-color=hoken] {
  border-right: 15px solid #e60044 !important;
}

.m-triangle-left[data-border-color=telemedicine] {
  border-right: 15px solid #00855e !important;
}

.m-triangle-bottom {
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  border-top: 15px solid #e93817;
}

.m-triangle-bottom[data-border-color=jcom] {
  border-top: 15px solid #e93817 !important;
}

.m-triangle-bottom[data-border-color=myjcom] {
  border-top: 15px solid #e73817 !important;
}

.m-triangle-bottom[data-border-color=tv] {
  border-top: 15px solid #e40077 !important;
}

.m-triangle-bottom[data-border-color=net] {
  border-top: 15px solid #0085cd !important;
}

.m-triangle-bottom[data-border-color=phone] {
  border-top: 15px solid #00a33e !important;
}

.m-triangle-bottom[data-border-color=mobile] {
  border-top: 15px solid #00a4a8 !important;
}

.m-triangle-bottom[data-border-color=ele] {
  border-top: 15px solid #f18d00 !important;
}

.m-triangle-bottom[data-border-color=gas] {
  border-top: 15px solid #0a308f !important;
}

.m-triangle-bottom[data-border-color=gray] {
  border-top: 15px solid #b5b5b5 !important;
}

.m-triangle-bottom[data-border-color=grayB] {
  border-top: 15px solid #f5f5f5 !important;
}

.m-triangle-bottom[data-border-color=white] {
  border-top: 15px solid #ffffff !important;
}

.m-triangle-bottom[data-border-color=default] {
  border-top: 15px solid #333333 !important;
}

.m-triangle-bottom[data-border-color=jyuryo] {
  border-top: 15px solid #f4a433 !important;
}

.m-triangle-bottom[data-border-color=member] {
  border-top: 15px solid #5e9600 !important;
}

.m-triangle-bottom[data-border-color=red] {
  border-top: 15px solid #FF0000 !important;
}

.m-triangle-bottom[data-border-color=home] {
  border-top: 15px solid #fa7268 !important;
}

.m-triangle-bottom[data-border-color=netflix] {
  border-top: 15px solid #d81f26 !important;
}

.m-triangle-bottom[data-border-color=new] {
  border-top: 15px solid #ff5600 !important;
}

.m-triangle-bottom[data-border-color=hoken] {
  border-top: 15px solid #e60044 !important;
}

.m-triangle-bottom[data-border-color=telemedicine] {
  border-top: 15px solid #00855e !important;
}

.m-triangle-top {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 15px solid #e93817;
}

.m-triangle-top[data-border-color=jcom] {
  border-bottom: 15px solid #e93817 !important;
}

.m-triangle-top[data-border-color=myjcom] {
  border-bottom: 15px solid #e73817 !important;
}

.m-triangle-top[data-border-color=tv] {
  border-bottom: 15px solid #e40077 !important;
}

.m-triangle-top[data-border-color=net] {
  border-bottom: 15px solid #0085cd !important;
}

.m-triangle-top[data-border-color=phone] {
  border-bottom: 15px solid #00a33e !important;
}

.m-triangle-top[data-border-color=mobile] {
  border-bottom: 15px solid #00a4a8 !important;
}

.m-triangle-top[data-border-color=ele] {
  border-bottom: 15px solid #f18d00 !important;
}

.m-triangle-top[data-border-color=gas] {
  border-bottom: 15px solid #0a308f !important;
}

.m-triangle-top[data-border-color=gray] {
  border-bottom: 15px solid #b5b5b5 !important;
}

.m-triangle-top[data-border-color=grayB] {
  border-bottom: 15px solid #f5f5f5 !important;
}

.m-triangle-top[data-border-color=white] {
  border-bottom: 15px solid #ffffff !important;
}

.m-triangle-top[data-border-color=default] {
  border-bottom: 15px solid #333333 !important;
}

.m-triangle-top[data-border-color=jyuryo] {
  border-bottom: 15px solid #f4a433 !important;
}

.m-triangle-top[data-border-color=member] {
  border-bottom: 15px solid #5e9600 !important;
}

.m-triangle-top[data-border-color=red] {
  border-bottom: 15px solid #FF0000 !important;
}

.m-triangle-top[data-border-color=home] {
  border-bottom: 15px solid #fa7268 !important;
}

.m-triangle-top[data-border-color=netflix] {
  border-bottom: 15px solid #d81f26 !important;
}

.m-triangle-top[data-border-color=new] {
  border-bottom: 15px solid #ff5600 !important;
}

.m-triangle-top[data-border-color=hoken] {
  border-bottom: 15px solid #e60044 !important;
}

.m-triangle-top[data-border-color=telemedicine] {
  border-bottom: 15px solid #00855e !important;
}

.m-sup-super {
  vertical-align: super;
}

/* ------------------------------------
 * color box
 * --------------------------------- */
.m-color-box {
  width: 18px;
  height: 18px;
  border-radius: 3px;
  border: 1px solid #dfdfdf;
  display: inline-block;
  background-color: #000000;
  position: relative;
  top: 5px;
  margin: 0 5px 0 0;
}

/* ------------------------------------
 * flex box center
 * --------------------------------- */
.m-square {
  font-size: 18px;
  color: #FFFFFF;
  padding: 0 7px;
  background-color: #333333;
  font-family: "Noto Sans JP";
  margin: 0 10px 0 0;
}

.m-circle-icon {
  width: 25px;
  height: 25px;
  font-size: 12px;
  font-weight: bold;
  color: #FFFFFF;
  border-radius: 25px;
  background-color: #333333;
  font-family: "Noto Sans JP";
  text-align: center;
  line-height: 25px;
}

.m-flex-center {
  display: flex;
  justify-content: flex-start;
}

.m-flex-center .m-flex-left {
  display: flex;
  align-items: center;
}

.m-flex-center .m-flex-left img {
  max-width: 40px;
}

.m-flex-center .m-flex-right {
  display: flex;
  align-items: center;
}

.m-flex-center .m-flex-right img {
  max-width: 40px;
}

/* ------------------------------------
 * radious
 * --------------------------------- */
.m-radious {
  border-radius: 3px;
}

/* ------------------------------------
 * position
 * --------------------------------- */
.m-relative {
  position: relative;
}

.m-absolute {
  position: absolute;
}

/* ------------------------------------
 * link
 * --------------------------------- */
a.m-underline-none {
  text-decoration: none !important;
}

a.m-underline-none:hover {
  text-decoration: none !important;
}

/* ------------------------------------
 * モジュールリスト説明用
 * --------------------------------- */
[data-bg-color=jcom] {
  background: #e93817 !important;
  color: #ffffff;
}

[data-bg-color='white'] {
  color: #333333;
}

[data-bg-color=myjcom] {
  background: #e73817 !important;
  color: #ffffff;
}

[data-bg-color='white'] {
  color: #333333;
}

[data-bg-color=tv] {
  background: #e40077 !important;
  color: #ffffff;
}

[data-bg-color='white'] {
  color: #333333;
}

[data-bg-color=net] {
  background: #0085cd !important;
  color: #ffffff;
}

[data-bg-color='white'] {
  color: #333333;
}

[data-bg-color=phone] {
  background: #00a33e !important;
  color: #ffffff;
}

[data-bg-color='white'] {
  color: #333333;
}

[data-bg-color=mobile] {
  background: #00a4a8 !important;
  color: #ffffff;
}

[data-bg-color='white'] {
  color: #333333;
}

[data-bg-color=ele] {
  background: #f18d00 !important;
  color: #ffffff;
}

[data-bg-color='white'] {
  color: #333333;
}

[data-bg-color=gas] {
  background: #0a308f !important;
  color: #ffffff;
}

[data-bg-color='white'] {
  color: #333333;
}

[data-bg-color=gray] {
  background: #b5b5b5 !important;
  color: #ffffff;
}

[data-bg-color='white'] {
  color: #333333;
}

[data-bg-color=grayB] {
  background: #f5f5f5 !important;
  color: #ffffff;
}

[data-bg-color='white'] {
  color: #333333;
}

[data-bg-color='white'] {
  background: #ffffff !important;
  color: #ffffff;
}

[data-bg-color='white'] {
  color: #333333;
}

[data-bg-color=default] {
  background: #333333 !important;
  color: #ffffff;
}

[data-bg-color='white'] {
  color: #333333;
}

[data-bg-color=jyuryo] {
  background: #f4a433 !important;
  color: #ffffff;
}

[data-bg-color='white'] {
  color: #333333;
}

[data-bg-color=member] {
  background: #5e9600 !important;
  color: #ffffff;
}

[data-bg-color='white'] {
  color: #333333;
}

[data-bg-color=red] {
  background: #FF0000 !important;
  color: #ffffff;
}

[data-bg-color='white'] {
  color: #333333;
}

[data-bg-color=home] {
  background: #fa7268 !important;
  color: #ffffff;
}

[data-bg-color='white'] {
  color: #333333;
}

[data-bg-color=netflix] {
  background: #d81f26 !important;
  color: #ffffff;
}

[data-bg-color='white'] {
  color: #333333;
}

[data-bg-color=new] {
  background: #ff5600 !important;
  color: #ffffff;
}

[data-bg-color='white'] {
  color: #333333;
}

[data-bg-color=hoken] {
  background: #e60044 !important;
  color: #ffffff;
}

[data-bg-color='white'] {
  color: #333333;
}

[data-bg-color=telemedicine] {
  background: #00855e !important;
  color: #ffffff;
}

[data-bg-color='white'] {
  color: #333333;
}

/* ----------------------------------------------------------------------------
 * Text
 * ------------------------------------------------------------------------- */
/* ------------------------------------
 * Module
 * --------------------------------- */
.m-txt {
  font-size: 14px;
  margin-bottom: 0;
  margin-top: 0;
  word-break: break-all;
}

.m-txt a, .m-txt-underline {
  text-decoration: underline !important;
  color: #225383;
}

.m-txt a[target="_blank"]::after, .m-txt-underline[target="_blank"]::after {
  content: url(../../resources/images/icon/icon_blank.png);
  position: relative;
  top: 0;
  left: 3px;
  padding-right: 7px;
}

.m-txt a.m-pdf[target="_blank"]::after, .m-txt-underline.m-pdf[target="_blank"]::after {
  content: " ";
  display: inline-block;
  background-image: url(../../resources/images/icon/icon_pdf.svg);
  background-size: 16px 16px;
  vertical-align: middle;
  border: none;
  width: 20px !important;
  height: 20px !important;
  background-repeat: no-repeat;
}

.m-txt a:hover {
  text-decoration: none !important;
}

.m-txt-bold {
  font-weight: bold;
}

.m-txt:not(:last-child) {
  margin-bottom: 10px;
}

.m-txt-box {
  margin-bottom: 20px;
  letter-spacing: 1.1px;
}

.m-txt-box p {
  margin: 0 0 10px 0;
}

.m-txt-box-icon-quot {
  color: #e93817;
  font-family: 'Noto Sans JP';
  font-size: 14px;
  position: relative;
  text-align: center;
  display: inline-block;
}

.m-txt-box-icon-quot::before {
  position: absolute;
  content: "";
  width: 5px;
  height: 16px;
  top: 3px;
  left: -3%;
  background: url(/common_v3/images/icon/icon_rec_quot01.png) no-repeat;
}

.m-txt-box-icon-quot::after {
  position: absolute;
  content: "";
  width: 5px;
  height: 16px;
  top: 3px;
  right: -3%;
  background: url(/common_v3/images/icon/icon_rec_quot02.png) no-repeat;
}

.m-txt-title {
  margin-top: 0;
  margin-bottom: 10px;
}

.m-list, .m-list-icon {
  counter-reset: number;
}

.m-list li, .m-list-icon li {
  padding: 5px 0;
}

.m-list.m-list-anotation li, .m-list-anotation.m-list-icon li {
  padding-top: 0 !important;
  padding-right: 0 !important;
  padding-bottom: 0 !important;
}

.m-list-asterisk-num.m-list-anotation li {
  padding-left: 1.5em;
  text-indent: -1.3em;
}

.m-list-asterisk-num li::before {
  counter-increment: number;
  content: "*" counter(number) " ";
}

.m-list-asterisk.m-list-anotation li {
  padding-left: 1.3em;
  text-indent: -0.6em;
}

.m-list-asterisk li::before {
  content: "* ";
}

.m-list-kome-num.m-list-anotation li {
  padding-left: 2em;
  text-indent: -2em;
}

.m-list-kome-num li::before {
  counter-increment: number;
  content: "※" counter(number) " ";
}

.m-list-kome.m-list-anotation li {
  padding-left: 1.5em;
  text-indent: -1.3em;
}

.m-list-kome li {
  padding-left: 1.5em;
  text-indent: -1.5em;
}

.m-list-kome li::before {
  content: "※ ";
}

.m-list-num li {
  padding-left: 1.2em;
  text-indent: -1.2em;
}

.m-list-num li::before {
  counter-increment: number;
  content: counter(number) ". ";
}

.m-list-default li {
  list-style: disc;
  margin: 0 0 0 20px;
  padding: 0 5px 5px 0;
}

.m-list.m-list-anotation li, .m-list-anotation.m-list-icon li {
  font-size: 10px;
}

.m-list-icon {
  position: relative;
}

.m-list-icon li {
  padding-left: 1.5em;
  text-align: left;
}

.m-list-icon li::before {
  padding-left: 0.5em;
  text-indent: -0.5em;
  position: absolute;
  left: 0;
}

.m-list-icon[data-icon="mobile"] li::before {
  content: url(/resources/images/icon/icn_green_check.png);
}

.m-list-icon[data-icon="net"] li::before {
  content: url(/resources/images/icon/icn_blue_check.png);
}

.m-list-none li {
  list-style: none;
}

#footerNote {
  margin: 0px 0 -28px 0;
  border-top: 1px solid #e0e0e0;
  padding: 15px 10px;
  color: #333333;
  font-size: 10px;
  zoom: 1;
}

#footerNote p {
  margin: 0;
}

.m-icon-txt-box {
  font-size: 12px;
}

.m-icon-txt-box p {
  margin-left: 2.8em;
  text-indent: -2.0em;
  line-height: 1.2em;
  margin-top: 0;
}

.m-icon-txt-box p img {
  margin-right: 7px;
  height: 17px;
  vertical-align: bottom;
}

.m-icon-txt-box p a {
  margin-left: 5px;
}

.m-icon-txt-box p a:link, .m-icon-txt-box p a:visited {
  color: #225383;
  text-decoration: underline;
}

.m-icon-txt-box p a:hover {
  text-decoration: none;
}

.m-qa-box {
  margin: 0;
}

.m-qa-box-child:not(:first-child) {
  border-top: 1px solid #cccccc;
}

.m-qa-box-list {
  margin: 7px 0 0 15px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.m-qa-box-list li {
  display: flex;
  align-items: flex-start;
  margin-bottom: 10px;
}

.m-qa-box-list li::before {
  border-radius: 3px;
  color: #fff;
  padding: 5px;
  margin-right: 10px;
  display: table-cell;
}

.m-qa-box-list li p {
  color: #333333;
  margin-top: 0;
  padding-top: 2px;
}

.m-qa-box-list-q {
  font-weight: bold;
}

.m-qa-box-list-q span {
  background: #666666;
  border-radius: 3px;
  color: #fff;
  padding: 1px 6px;
  margin-right: 10px;
  text-align: center;
  vertical-align: middle;
}

.m-qa-box-list-a span {
  background: #e93817;
  border-radius: 3px;
  color: #fff;
  padding: 1px 7px;
  margin-right: 10px;
  text-align: center;
  vertical-align: middle;
}

.m-qa-box-list-a span + p {
  font-weight: normal;
}

#tool-tip {
  display: none;
  top: 20px;
  left: 20px;
  padding: 20px 30px;
  border-radius: 3px;
  background: #666666;
  color: #fff;
  position: fixed;
  width: 200px;
  z-index: 99;
  opacity: 0.8;
}

.m-circle-box {
  padding: 5px 15px;
  display: flex;
  justify-content: left;
  align-items: center;
}

.m-circle-box span {
  font-size: 16px;
  margin: 0 50px 0 0;
  position: relative;
}

.m-circle-box span[data-circle-color=c-base]:after {
  content: "";
  position: absolute;
  width: 30px;
  height: 30px;
  border-radius: 20px;
  top: -3px;
  right: -35px;
  background: #333 !important;
}

.m-circle-box span[data-circle-color=c-link]:after {
  content: "";
  position: absolute;
  width: 30px;
  height: 30px;
  border-radius: 20px;
  top: -3px;
  right: -35px;
  background: #333 !important;
}

.m-circle-box span[data-circle-color=jcom]:after {
  content: "";
  position: absolute;
  width: 30px;
  height: 30px;
  border-radius: 20px;
  top: -3px;
  right: -35px;
  background: #e93817 !important;
}

.m-circle-box span[data-circle-color=tv]:after {
  content: "";
  position: absolute;
  width: 30px;
  height: 30px;
  border-radius: 20px;
  top: -3px;
  right: -35px;
  background: #e40077 !important;
}

.m-circle-box span[data-circle-color=net]:after {
  content: "";
  position: absolute;
  width: 30px;
  height: 30px;
  border-radius: 20px;
  top: -3px;
  right: -35px;
  background: #0085cd !important;
}

.m-circle-box span[data-circle-color=phone]:after {
  content: "";
  position: absolute;
  width: 30px;
  height: 30px;
  border-radius: 20px;
  top: -3px;
  right: -35px;
  background: #00a33e !important;
}

.m-circle-box span[data-circle-color=mobile]:after {
  content: "";
  position: absolute;
  width: 30px;
  height: 30px;
  border-radius: 20px;
  top: -3px;
  right: -35px;
  background: #00a4a8 !important;
}

.m-circle-box span[data-circle-color=ele]:after {
  content: "";
  position: absolute;
  width: 30px;
  height: 30px;
  border-radius: 20px;
  top: -3px;
  right: -35px;
  background: #f18d00 !important;
}

.m-circle-box span[data-circle-color=gas]:after {
  content: "";
  position: absolute;
  width: 30px;
  height: 30px;
  border-radius: 20px;
  top: -3px;
  right: -35px;
  background: #0a308f !important;
}

.m-circle-box span[data-circle-color=cvNew]:after {
  content: "";
  position: absolute;
  width: 30px;
  height: 30px;
  border-radius: 20px;
  top: -3px;
  right: -35px;
  background: #e83416 !important;
}

.m-circle-box span[data-circle-color=new]:after {
  content: "";
  position: absolute;
  width: 30px;
  height: 30px;
  border-radius: 20px;
  top: -3px;
  right: -35px;
  background: #ff5600 !important;
}

.m-circle-box span[data-circle-color=cvMember]:after {
  content: "";
  position: absolute;
  width: 30px;
  height: 30px;
  border-radius: 20px;
  top: -3px;
  right: -35px;
  background: #5e9600 !important;
}

.m-circle-box span[data-circle-color=member]:after {
  content: "";
  position: absolute;
  width: 30px;
  height: 30px;
  border-radius: 20px;
  top: -3px;
  right: -35px;
  background: #6baa00 !important;
}

.m-circle-box span[data-circle-color=grayA]:after {
  content: "";
  position: absolute;
  width: 30px;
  height: 30px;
  border-radius: 20px;
  top: -3px;
  right: -35px;
  background: #333 !important;
}

.m-circle-box span[data-circle-color=grayB]:after {
  content: "";
  position: absolute;
  width: 30px;
  height: 30px;
  border-radius: 20px;
  top: -3px;
  right: -35px;
  background: #666 !important;
}

.m-circle-box span[data-circle-color=grayC]:after {
  content: "";
  position: absolute;
  width: 30px;
  height: 30px;
  border-radius: 20px;
  top: -3px;
  right: -35px;
  background: #969696 !important;
}

.m-circle-box span[data-circle-color=grayD]:after {
  content: "";
  position: absolute;
  width: 30px;
  height: 30px;
  border-radius: 20px;
  top: -3px;
  right: -35px;
  background: #e0e0e0 !important;
}

.m-circle-box span[data-circle-color=grayE]:after {
  content: "";
  position: absolute;
  width: 30px;
  height: 30px;
  border-radius: 20px;
  top: -3px;
  right: -35px;
  background: #eee !important;
}

.m-circle-box span[data-circle-color=grayF]:after {
  content: "";
  position: absolute;
  width: 30px;
  height: 30px;
  border-radius: 20px;
  top: -3px;
  right: -35px;
  background: #f5f5f5 !important;
}

.m-circle-box span[data-circle-color=link]:after {
  content: "";
  position: absolute;
  width: 30px;
  height: 30px;
  border-radius: 20px;
  top: -3px;
  right: -35px;
  background: #225383 !important;
}

.m-circle-box span[data-circle-color=mdu]:after {
  content: "";
  position: absolute;
  width: 30px;
  height: 30px;
  border-radius: 20px;
  top: -3px;
  right: -35px;
  background: #039ebc !important;
}

.m-circle-box span[data-circle-color=sdu]:after {
  content: "";
  position: absolute;
  width: 30px;
  height: 30px;
  border-radius: 20px;
  top: -3px;
  right: -35px;
  background: #dd7a41 !important;
}

.m-circle-box span[data-circle-color=gray-c]:after {
  content: "";
  position: absolute;
  width: 30px;
  height: 30px;
  border-radius: 20px;
  top: -3px;
  right: -35px;
  background: #b5b5b5 !important;
}

.m-circle-box span[data-circle-color=blue]:after {
  content: "";
  position: absolute;
  width: 30px;
  height: 30px;
  border-radius: 20px;
  top: -3px;
  right: -35px;
  background: #0b318f !important;
}

.m-circle-box span[data-circle-color=isFree]:after {
  content: "";
  position: absolute;
  width: 30px;
  height: 30px;
  border-radius: 20px;
  top: -3px;
  right: -35px;
  background: #ff6600 !important;
}

.m-circle-box span[data-circle-color=aquaDark]:after {
  content: "";
  position: absolute;
  width: 30px;
  height: 30px;
  border-radius: 20px;
  top: -3px;
  right: -35px;
  background: #029ebb !important;
}

.m-circle-box span[data-circle-color=jyuryo]:after {
  content: "";
  position: absolute;
  width: 30px;
  height: 30px;
  border-radius: 20px;
  top: -3px;
  right: -35px;
  background: #f4a433 !important;
}

.m-circle-box span[data-circle-color=silver]:after {
  content: "";
  position: absolute;
  width: 30px;
  height: 30px;
  border-radius: 20px;
  top: -3px;
  right: -35px;
  background: #c0c0c0 !important;
}

.m-circle-box span[data-circle-color=gold]:after {
  content: "";
  position: absolute;
  width: 30px;
  height: 30px;
  border-radius: 20px;
  top: -3px;
  right: -35px;
  background: #dab300 !important;
}

.m-number-list {
  margin: 0 10px 25px 10px;
  counter-reset: number;
}

.m-number-list li {
  text-align: left;
  margin-bottom: 5px;
  padding-left: 30px;
  position: relative;
}

.m-number-list li::before {
  counter-increment: number;
  content: counter(number) " ";
  background-color: #e93817;
  display: block;
  float: left;
  line-height: 22px;
  margin-left: -30px;
  text-align: center;
  height: 22px;
  width: 22px;
  border-radius: 50%;
  color: #fff;
  position: absolute;
  top: -2px;
}

.m-number-list[data-number-color=c-base] li::before {
  background-color: #333 !important;
}

.m-number-list[data-number-color=c-link] li::before {
  background-color: #333 !important;
}

.m-number-list[data-number-color=jcom] li::before {
  background-color: #e93817 !important;
}

.m-number-list[data-number-color=tv] li::before {
  background-color: #e40077 !important;
}

.m-number-list[data-number-color=net] li::before {
  background-color: #0085cd !important;
}

.m-number-list[data-number-color=phone] li::before {
  background-color: #00a33e !important;
}

.m-number-list[data-number-color=mobile] li::before {
  background-color: #00a4a8 !important;
}

.m-number-list[data-number-color=ele] li::before {
  background-color: #f18d00 !important;
}

.m-number-list[data-number-color=gas] li::before {
  background-color: #0a308f !important;
}

.m-number-list[data-number-color=cvNew] li::before {
  background-color: #e83416 !important;
}

.m-number-list[data-number-color=new] li::before {
  background-color: #ff5600 !important;
}

.m-number-list[data-number-color=cvMember] li::before {
  background-color: #5e9600 !important;
}

.m-number-list[data-number-color=member] li::before {
  background-color: #6baa00 !important;
}

.m-number-list[data-number-color=grayA] li::before {
  background-color: #333 !important;
}

.m-number-list[data-number-color=grayB] li::before {
  background-color: #666 !important;
}

.m-number-list[data-number-color=grayC] li::before {
  background-color: #969696 !important;
}

.m-number-list[data-number-color=grayD] li::before {
  background-color: #e0e0e0 !important;
}

.m-number-list[data-number-color=grayE] li::before {
  background-color: #eee !important;
}

.m-number-list[data-number-color=grayF] li::before {
  background-color: #f5f5f5 !important;
}

.m-number-list[data-number-color=link] li::before {
  background-color: #225383 !important;
}

.m-number-list[data-number-color=mdu] li::before {
  background-color: #039ebc !important;
}

.m-number-list[data-number-color=sdu] li::before {
  background-color: #dd7a41 !important;
}

.m-number-list[data-number-color=gray-c] li::before {
  background-color: #b5b5b5 !important;
}

.m-number-list[data-number-color=blue] li::before {
  background-color: #0b318f !important;
}

.m-number-list[data-number-color=isFree] li::before {
  background-color: #ff6600 !important;
}

.m-number-list[data-number-color=aquaDark] li::before {
  background-color: #029ebb !important;
}

.m-number-list[data-number-color=jyuryo] li::before {
  background-color: #f4a433 !important;
}

.m-number-list[data-number-color=silver] li::before {
  background-color: #c0c0c0 !important;
}

.m-number-list[data-number-color=gold] li::before {
  background-color: #dab300 !important;
}

/* ----------------------------------------------------------------------------
 * Table
 * ------------------------------------------------------------------------- */
/* ------------------------------------
 * Module
 * --------------------------------- */
.m-tbl {
  width: 100%;
  margin-top: 10px;
  border-collapse: collapse;
  border: 1px solid #dfdfdf;
  word-break: break-all;
}

.m-tbl th {
  font-weight: bold;
}

.m-tbl th, .m-tbl td {
  padding: 10px;
  font-size: 12px;
  text-align: left;
  vertical-align: middle;
  line-height: 1.45;
  border: 1px solid #dfdfdf;
}

.m-tbl caption {
  text-align: left;
  margin-bottom: 5px;
  font-weight: bold;
  color: #333333;
}

.m-tbl .m-txt-box .m-txt {
  font-size: 12px;
  margin: 0 0;
}

.m-tbl .m-list li, .m-tbl .m-list-icon li {
  font-size: 12px;
  padding-top: 0;
  padding-bottom: 0;
}

.m-tbl .m-list.m-list-anotation li, .m-tbl .m-list-anotation.m-list-icon li {
  font-size: 10px;
  padding-top: 0;
  padding-bottom: 0;
}

.m-tbl-bd-none {
  border: none !important;
}

.m-tbl-bg-grayA {
  background-color: #666;
}

.m-tbl-bg-grayB {
  background-color: #dcdcdc;
}

.m-tbl-bg-grayC {
  background-color: #f5f5f5;
}

.m-tbl-bg-netA {
  background-color: #66b6e1;
}

.m-tbl-bg-netB {
  background-color: #cce7f5;
}

@media screen and (max-width: 767px) {
  .m-tbl-sp-firstSlim colgroup * {
    width: 50% !important;
  }
  .m-tbl-sp-firstSlim colgroup *:first-child {
    width: 30px !important;
  }
  .m-tbl-sp-vertical colgroup * {
    width: 100% !important;
  }
}

.m-tbl-fix {
  table-layout: fixed;
}

.m-tbl-ac th, .m-tbl-ac td {
  text-align: center;
}

@media screen and (max-width: 767px) {
  .m-tbl-sp-vertical {
    border-right: none;
    border-bottom: none;
    border-left: none;
  }
  .m-tbl-sp-vertical tr, .m-tbl-sp-vertical th, .m-tbl-sp-vertical td {
    display: block;
  }
  .m-tbl-sp-vertical th, .m-tbl-sp-vertical td {
    border-top: none;
  }
}

@media screen and (max-width: 767px) {
  .m-tbl-scroll {
    width: 100%;
    overflow-x: scroll;
  }
  .m-tbl-scroll .m-tbl {
    width: 767px;
  }
  .m-tbl-scroll::-webkit-scrollbar {
    height: 10px;
  }
  .m-tbl-scroll::-webkit-scrollbar-track {
    background: #eee;
  }
  .m-tbl-scroll::-webkit-scrollbar-thumb {
    border-radius: 15px;
    background: #999;
  }
}

.m-tbl-thin th, .m-tbl-thin td {
  padding: 7px 5px;
}

.m-tooltip-tbl {
  position: relative;
}

.m-tooltip-tbl .moreToolTipPos {
  position: absolute;
  top: 10px;
  right: -10px;
}

/* ----------------------------------------------------------------------------
 * Box
 * ------------------------------------------------------------------------- */
/* ------------------------------------
 * Module
 * --------------------------------- */
/* IEハック用mixin */
.m-box-plan {
  width: 100%;
  padding: 10px 20px;
  border: 1px solid #b5b5b5;
  border-radius: 5px;
}

.m-box-border {
  width: 100%;
  padding: 10px;
  border: #dcdcdc 1px solid;
}

.m-box-border:not(:last-of-type) {
  margin-bottom: 30px;
}

.m-box-border4 {
  width: 100%;
  border: #F5F5F5 4px solid;
}

.m-box-qa {
  padding: 30px 20px 20px;
  background: #fcf4d0;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .m-box-qa {
    padding: 20px 10px 10px;
  }
}

.m-box-qa-hdg {
  margin: 0 0 10px;
  color: #ff5600;
  font-size: 20px;
  text-align: center;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .m-box-qa-hdg {
    margin: 0 0 20px;
    font-size: 16px;
  }
}

.m-box-qa-link {
  max-width: 600px;
}

.m-box-qa-link li {
  padding-left: 1.5em;
  text-indent: -1.5em;
}

@media screen and (min-width: 768px) {
  .m-box-qa-link {
    margin: 20px auto 0;
  }
}

.m-box-qa-link a {
  color: #225383;
}

.m-box-qa-icon {
  margin-right: 5px;
  color: #ff5600;
  font-weight: bold;
}

.m-box-qa-btn {
  margin: 20px 0 10px 0;
}

.m-box-otherservice {
  margin-top: 30px;
  padding: 15px 15px 15px 40px;
  border-top: 1px solid #e0e0e0;
  font-size: 12px;
}

@media screen and (max-width: 767px) {
  .m-box-otherservice {
    padding: 10px;
  }
}

.m-box-otherservice a {
  font-size: 12px;
  color: #1f5283;
  text-decoration: underline;
}

.m-box-otherservice a:hover {
  text-decoration: none;
}

.m-box-otherservice .m-service-list {
  margin: 0;
  text-align: right;
}

@media screen and (max-width: 767px) {
  .m-box-otherservice .m-service-list {
    padding-top: 0;
  }
}

@media screen and (min-width: 768px) {
  .m-box-otherserviceList {
    display: flex;
    align-items: center;
  }
}

.m-box-otherserviceList dt {
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .m-box-otherserviceList dt {
    width: 150px;
    padding-right: 10px;
  }
}

@media screen and (max-width: 767px) {
  .m-box-otherserviceList dt {
    margin-bottom: 10px;
  }
}

.m-box-otherserviceList dd {
  margin-top: -5px;
}

@media screen and (min-width: 768px) {
  .m-box-otherserviceList dd {
    flex: 1;
  }
}

.m-box-otherserviceList-link::after {
  content: "";
  display: block;
  clear: both;
}

.m-box-otherserviceList-link li {
  float: left;
  margin: 5px 20px 0 0;
}

.m-box-otherserviceList-link li a {
  padding-left: 0;
}

.m-box-channel {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 10px;
  font-size: 14px;
  border: 1px solid #e5e5e5;
}

.m-box-channel-header {
  display: flex;
  align-items: center;
}

@media screen and (min-width: 768px) {
  .m-box-channel-header {
    min-height: 60px;
  }
}

.m-box-channel-header > * {
  margin: 0;
}

.m-box-channel-hdg {
  padding-left: 10px;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .m-box-channel-hdg {
    font-size: 14px;
  }
}

.m-box-channel-img {
  width: 30%;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .m-box-channel-img {
    width: 100px;
  }
  .m-box-channel-img > img {
    width: 70%;
  }
}

.m-box-channel-body {
  font-size: 12px;
  margin-top: 10px;
}

@media screen and (min-width: 768px) {
  .m-box-channel-body {
    min-height: 85px;
  }
}

@media screen and (max-width: 767px) {
  .m-box-channel-body {
    margin-top: 15px;
  }
}

.m-box-channel-body > * {
  margin-top: 0;
}

.m-box-back {
  background: #f5f5f5;
  padding: 15px 0;
  text-align: center;
}

.m-box-back[data-color=tv] {
  color: #fff;
  background: #e40077 !important;
}

.m-box-back[data-color=net] {
  color: #fff;
  background: #0085cd !important;
}

.m-box-back[data-color=phone] {
  color: #fff;
  background: #00a33e !important;
}

.m-box-back[data-color=mobile] {
  color: #fff;
  background: #00a4a8 !important;
}

.m-box-back[data-color=ele] {
  color: #fff;
  background: #f18d00 !important;
}

.m-box-back[data-color=gas] {
  color: #fff;
  background: #0a308f !important;
}

.m-box-back[data-color=gray] {
  color: #fff;
  background: #e5e5e5 !important;
}

.m-box-back[data-color=blue] {
  color: #fff;
  background: #0b318f !important;
}

.m-box-back[data-color=isFree] {
  color: #fff;
  background: #ff6600 !important;
}

.m-box-back[data-color=aquaDark] {
  color: #fff;
  background: #029ebb !important;
}

.m-box-back[data-color=blackA] {
  color: #fff;
  background: #464545 !important;
}

.m-box-back[data-color=jcom] {
  color: #fff;
  background: #e93817 !important;
}

.m-box-back[data-color=skin] {
  color: #fff;
  background: #FFF9E5 !important;
}

.m-box-back[data-color=alldenka] {
  color: #fff;
  background: #f16c00 !important;
}

.m-box-back[data-color=jyuryo] {
  color: #fff;
  background: #f4a433 !important;
}

.m-box-back[data-color=planTarget] {
  color: #fff;
  background: #fcf3d9 !important;
}

.m-box-back[data-color=lightGray] {
  color: #fff;
  background: #f0f0f0 !important;
}

.m-box-back[data-color=thinGrary] {
  color: #fff;
  background: #dcdcdc !important;
}

.m-box-back[data-color=default] {
  color: #fff;
  background: #333333 !important;
}

.m-box-back[data-color=mobileBackLight] {
  color: #fff;
  background: #edf7ff !important;
}

.m-box-back[data-color=mobileBackGreen] {
  color: #fff;
  background: #ecf6f6 !important;
}

.m-box-back[data-color=mobileBackLightBlue] {
  color: #fff;
  background: #d7edef !important;
}

.m-box-back[data-color=netflix] {
  color: #fff;
  background: #d81f26 !important;
}

.m-box-back[data-color=home] {
  color: #fff;
  background: #fa7268 !important;
}

.m-box-back[data-color=hoken] {
  color: #fff;
  background: #e60044 !important;
}

@media screen and (max-width: 767px) {
  .m-box-back {
    padding: 10px;
  }
}

.m-thumbnail-txt-img {
  padding: 0 0 10px 0;
}

@media screen and (min-width: 768px) {
  .m-thumbnail-txt-img {
    max-width: 38%;
  }
}

.m-thumbnail-txt-body {
  padding: 0 10px;
}

.m-thumbnail-txt-body a {
  color: #1f5283;
  font-weight: bold;
}

.m-thumbnail-txt-body a:hover {
  text-decoration: none !important;
}

.m-thumbnail {
  display: flex;
}

.m-thumbnail[data-float="right"] {
  flex-direction: row-reverse;
}

.m-thumbnail[data-float="right"]-txt-img {
  padding: 0 0 10px 15px;
}

@media screen and (max-width: 767px) {
  .m-thumbnail[data-dir-sp="col"] {
    display: flex;
    flex-direction: column;
  }
  .m-thumbnail[data-dir-sp="col"] .m-thumbnail-txt-img, .m-thumbnail[data-dir-sp="col"] .m-thumbnail-txt-body {
    padding: 0 0 10px;
    text-align: center;
  }
  .m-thumbnail[data-dir-sp="col"] .m-thumbnail-txt-body {
    text-align: left;
  }
}

@media screen and (max-width: 767px) {
  .m-thumbnail[data-dir-sp="col-rev"] {
    display: flex;
    flex-direction: column-reverse;
  }
  .m-thumbnail[data-dir-sp="col-rev"] .m-thumbnail-txt-img {
    padding: 10px 0 0;
    text-align: center;
    float: none;
  }
  .m-thumbnail[data-dir-sp="col-rev"] .m-thumbnail-txt-img img {
    width: 100%;
  }
}

.m-accordion {
  margin-top: 10px;
  font-size: 14px;
  border: 1px solid #ddd;
}

.m-accordion-hdg a, .m-accordion-hdg-qa a {
  display: block;
  padding: 12px 50px 12px 20px;
  background-position: 97.4% 50%;
  background-repeat: no-repeat;
  background-image: url(/resources/images/icon/icon_open.png);
}

.m-accordion-hdg a.is-active, .m-accordion-hdg-qa a.is-active {
  background-image: url(/resources/images/icon/icon_close.png);
}

.m-accordion-hdg a:hover, .m-accordion-hdg-qa a:hover {
  text-decoration: none;
}

@media screen and (max-width: 767px) {
  .m-accordion-hdg a, .m-accordion-hdg-qa a {
    padding: 10px 40px 10px 10px;
  }
}

.m-accordion-hdg-qa {
  flex: 95%;
}

.m-accordion-hdg-qa a {
  padding: 12px 50px 12px 0;
}

.m-accordion-hdg-qa-img, .m-accordion-hdg-qa-img-m img {
  text-align: center;
  padding: 12px 0 12px 5px;
  width: 40px;
  margin-right: 10px;
}

.m-accordion-hdg-qa-img img, .m-accordion-hdg-qa-img-m img img {
  width: 20px;
  height: auto;
}

.m-accordion-hdg-qa-img-m img {
  width: 40px !important;
}

.m-accordion-hdg-qa-wrap {
  display: table;
  width: 100%;
}

.m-accordion-hdg-qa-wrap > div, .m-accordion-hdg-qa-wrap > h3 {
  display: table-cell;
}

.m-accordion-body {
  display: none;
}

.m-accordion-contents, .m-accordion-contents-qa {
  padding: 30px 20px;
  border-top: 1px solid #ddd;
}

@media screen and (max-width: 767px) {
  .m-accordion-contents, .m-accordion-contents-qa {
    padding: 15px 10px;
  }
}

.m-accordion-contents-qa {
  display: flex;
  width: 100%;
  padding: 20px 20px 15px 0;
}

.m-accordion-contents-qa-img {
  text-align: center;
  padding: 0 0 12px 5px;
  width: 40px;
  margin-right: 10px;
}

.m-accordion-contents-qa-img img {
  width: 20px;
  height: auto;
}

.m-accordion-contents-anser {
  flex: 95%;
}

.m-accordion-close {
  margin: 0;
  padding: 5px 20px;
  text-align: right;
  border-top: 1px solid #ddd;
}

@media screen and (max-width: 767px) {
  .m-accordion-close-wrap {
    display: none !important;
  }
}

.m-accordion-close a {
  display: inline-block;
  padding: 5px 5px 5px 30px;
  background: url(/resources/images/icon/icon_close.png) 0 50% no-repeat;
}

.m-accordion-close a:hover {
  text-decoration: none;
}

.m-grid-container {
  width: 100%;
  margin: 0 auto 30px;
}

.m-grid-start {
  justify-content: flex-start !important;
}

.m-grid-center {
  justify-content: center !important;
}

.m-grid-end {
  justify-content: flex-end !important;
}

.m-grid-row {
  position: relative;
  z-index: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0;
}

.m-grid-row[data-gap="sm"] {
  margin: -10px 0 0;
}

.m-grid-row[data-gap="sm"] .m-grid-col {
  margin-top: 10px;
  padding: 0 5px;
}

@media screen and (max-width: 767px) {
  .m-grid-row[data-gap-sp="sm"] {
    margin: -10px 0 0;
  }
}

@media screen and (max-width: 767px) {
  .m-grid-row[data-gap-sp="sm"] .m-grid-col {
    margin-top: 10px;
    padding: 0 5px;
  }
}

.m-grid-row[data-gap="none"] {
  margin: 0;
}

.m-grid-row[data-gap="none"] .m-grid-col {
  margin: 0;
  padding: 0;
}

@media screen and (max-width: 767px) {
  .m-grid-row[data-gap-sp="none"] {
    margin: 0;
  }
  .m-grid-row[data-gap-sp="none"] .m-grid-col {
    margin: 0;
    padding: 0;
  }
}

.m-grid-row .m-order-1 {
  -ms-flex-order: 1 !important;
  -webkit-order: 1 !important;
  order: 1 !important;
}

.m-grid-row .m-order-2 {
  -ms-flex-order: 2 !important;
  -webkit-order: 2 !important;
  order: 2 !important;
}

.m-grid-row .m-order-3 {
  -ms-flex-order: 3 !important;
  -webkit-order: 3 !important;
  order: 3 !important;
}

.m-grid-row .m-order-4 {
  -ms-flex-order: 4 !important;
  -webkit-order: 4 !important;
  order: 4 !important;
}

.m-grid-row .m-order-5 {
  -ms-flex-order: 5 !important;
  -webkit-order: 5 !important;
  order: 5 !important;
}

.m-grid-row .m-order-6 {
  -ms-flex-order: 6 !important;
  -webkit-order: 6 !important;
  order: 6 !important;
}

.m-grid-row .m-order-7 {
  -ms-flex-order: 7 !important;
  -webkit-order: 7 !important;
  order: 7 !important;
}

.m-grid-row .m-order-8 {
  -ms-flex-order: 8 !important;
  -webkit-order: 8 !important;
  order: 8 !important;
}

.m-grid-row .m-order-9 {
  -ms-flex-order: 9 !important;
  -webkit-order: 9 !important;
  order: 9 !important;
}

.m-grid-row .m-order-10 {
  -ms-flex-order: 10 !important;
  -webkit-order: 10 !important;
  order: 10 !important;
}

.m-grid-row .m-order-11 {
  -ms-flex-order: 11 !important;
  -webkit-order: 11 !important;
  order: 11 !important;
}

.m-grid-row .m-order-12 {
  -ms-flex-order: 12 !important;
  -webkit-order: 12 !important;
  order: 12 !important;
}

@media screen and (max-width: 767px) {
  .m-grid-row .m-order-sp-1 {
    -ms-flex-order: 1 !important;
    -webkit-order: 1 !important;
    order: 1 !important;
  }
  .m-grid-row .m-order-sp-2 {
    -ms-flex-order: 2 !important;
    -webkit-order: 2 !important;
    order: 2 !important;
  }
  .m-grid-row .m-order-sp-3 {
    -ms-flex-order: 3 !important;
    -webkit-order: 3 !important;
    order: 3 !important;
  }
  .m-grid-row .m-order-sp-4 {
    -ms-flex-order: 4 !important;
    -webkit-order: 4 !important;
    order: 4 !important;
  }
  .m-grid-row .m-order-sp-5 {
    -ms-flex-order: 5 !important;
    -webkit-order: 5 !important;
    order: 5 !important;
  }
  .m-grid-row .m-order-sp-6 {
    -ms-flex-order: 6 !important;
    -webkit-order: 6 !important;
    order: 6 !important;
  }
  .m-grid-row .m-order-sp-7 {
    -ms-flex-order: 7 !important;
    -webkit-order: 7 !important;
    order: 7 !important;
  }
  .m-grid-row .m-order-sp-8 {
    -ms-flex-order: 8 !important;
    -webkit-order: 8 !important;
    order: 8 !important;
  }
  .m-grid-row .m-order-sp-9 {
    -ms-flex-order: 9 !important;
    -webkit-order: 9 !important;
    order: 9 !important;
  }
  .m-grid-row .m-order-sp-10 {
    -ms-flex-order: 10 !important;
    -webkit-order: 10 !important;
    order: 10 !important;
  }
  .m-grid-row .m-order-sp-11 {
    -ms-flex-order: 11 !important;
    -webkit-order: 11 !important;
    order: 11 !important;
  }
  .m-grid-row .m-order-sp-12 {
    -ms-flex-order: 12 !important;
    -webkit-order: 12 !important;
    order: 12 !important;
  }
}

.m-grid-col {
  position: relative;
  width: 100%;
  padding: 0 0 20px 0;
}

.m-grid-col:first-child {
  padding-left: 0;
}

.m-grid-col:last-child {
  padding-right: 0;
}

.m-grid-col[data-col="1"] {
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}

.m-grid-col[data-col="2"] {
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

.m-grid-col[data-col="3"] {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}

.m-grid-col[data-col="4"] {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.m-grid-col[data-col="5"] {
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}

.m-grid-col[data-col="6"] {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.m-grid-col[data-col="7"] {
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}

.m-grid-col[data-col="8"] {
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}

.m-grid-col[data-col="9"] {
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}

.m-grid-col[data-col="10"] {
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}

.m-grid-col[data-col="11"] {
  -ms-flex: 0 0 91.666667%;
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}

.m-grid-col[data-col="12"] {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

_:-ms-fullscreen, :root .m-grid-col[data-col="12"] {
  min-width: 100%;
}

.m-grid-col[data-col="1-5"] {
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
}

@media screen and (max-width: 767px) {
  .m-grid-col[data-col-sp="1"] {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .m-grid-col[data-col-sp="2"] {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .m-grid-col[data-col-sp="3"] {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .m-grid-col[data-col-sp="4"] {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .m-grid-col[data-col-sp="5"] {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .m-grid-col[data-col-sp="6"] {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .m-grid-col[data-col-sp="7"] {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .m-grid-col[data-col-sp="8"] {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .m-grid-col[data-col-sp="9"] {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .m-grid-col[data-col-sp="10"] {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .m-grid-col[data-col-sp="11"] {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .m-grid-col[data-col-sp="12"] {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .m-grid-col[data-col-sp="1-5"] {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
}

.m-grid-col[data-content="center"] {
  display: flex;
  justify-content: center;
}

@media screen and (max-width: 767px) {
  .m-grid-col[data-content-sp="center"] {
    display: flex;
    justify-content: center;
  }
}

.m-grid-col[data-box="line"] {
  border: 1px solid #e5e5e5;
}

.m-box-heading {
  width: 100%;
  padding: 10px 15px 15px;
  border: #e5e5e5 2px solid;
  margin: 5px;
  border-radius: 3px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 20px;
}

@media screen and (max-width: 767px) {
  .m-box-heading {
    padding: 10px 10px 15px;
  }
}

.m-box-heading[data-border-color=tv] {
  border: 2px solid #e40077 !important;
}

.m-box-heading[data-border-color=net] {
  border: 2px solid #0085cd !important;
}

.m-box-heading[data-border-color=phone] {
  border: 2px solid #00a33e !important;
}

.m-box-heading[data-border-color=mobile] {
  border: 2px solid #00a4a8 !important;
}

.m-box-heading[data-border-color=ele] {
  border: 2px solid #f18d00 !important;
}

.m-box-heading[data-border-color=gas] {
  border: 2px solid #0a308f !important;
}

.m-box-heading[data-border-color=gray] {
  border: 2px solid #e5e5e5 !important;
}

.m-box-heading[data-border-color=blue] {
  border: 2px solid #0b318f !important;
}

.m-box-heading[data-border-color=isFree] {
  border: 2px solid #ff6600 !important;
}

.m-box-heading[data-border-color=aquaDark] {
  border: 2px solid #029ebb !important;
}

.m-box-heading[data-border-color=blackA] {
  border: 2px solid #464545 !important;
}

.m-box-heading[data-border-color=jcom] {
  border: 2px solid #e93817 !important;
}

.m-box-heading[data-border-color=skin] {
  border: 2px solid #FFF9E5 !important;
}

.m-box-heading[data-border-color=alldenka] {
  border: 2px solid #f16c00 !important;
}

.m-box-heading[data-border-color=jyuryo] {
  border: 2px solid #f4a433 !important;
}

.m-box-heading[data-border-color=planTarget] {
  border: 2px solid #fcf3d9 !important;
}

.m-box-heading[data-border-color=lightGray] {
  border: 2px solid #f0f0f0 !important;
}

.m-box-heading[data-border-color=thinGrary] {
  border: 2px solid #dcdcdc !important;
}

.m-box-heading[data-border-color=default] {
  border: 2px solid #333333 !important;
}

.m-box-heading[data-border-color=mobileBackLight] {
  border: 2px solid #edf7ff !important;
}

.m-box-heading[data-border-color=mobileBackGreen] {
  border: 2px solid #ecf6f6 !important;
}

.m-box-heading[data-border-color=mobileBackLightBlue] {
  border: 2px solid #d7edef !important;
}

.m-box-heading[data-border-color=netflix] {
  border: 2px solid #d81f26 !important;
}

.m-box-heading[data-border-color=home] {
  border: 2px solid #fa7268 !important;
}

.m-box-heading[data-border-color=hoken] {
  border: 2px solid #e60044 !important;
}

.m-box-heading-contents-title {
  color: #333333;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
  margin-top: 11px;
}

@media screen and (max-width: 767px) {
  .m-box-heading-contents-title {
    font-size: 16px;
  }
}

.m-box-heading-contents-txt {
  font-size: 12px;
  text-align: left;
  margin: 0;
}

@media screen and (max-width: 767px) {
  .m-box-heading-contents-txt {
    font-size: 12px;
  }
}

.m-box-heading .m-small {
  font-size: 10px;
}

picture {
  width: 100%;
}

picture img {
  width: 100% !important;
}

.m-sp-bubble {
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  padding: 10px;
  position: relative;
}

.m-sp-bubble[data-border-color=tv] {
  border: 1px solid #e40077 !important;
}

.m-sp-bubble[data-border-color=net] {
  border: 1px solid #0085cd !important;
}

.m-sp-bubble[data-border-color=phone] {
  border: 1px solid #00a33e !important;
}

.m-sp-bubble[data-border-color=mobile] {
  border: 1px solid #00a4a8 !important;
}

.m-sp-bubble[data-border-color=ele] {
  border: 1px solid #f18d00 !important;
}

.m-sp-bubble[data-border-color=gas] {
  border: 1px solid #0a308f !important;
}

.m-sp-bubble[data-border-color=gray] {
  border: 1px solid #e5e5e5 !important;
}

.m-sp-bubble[data-border-color=blue] {
  border: 1px solid #0b318f !important;
}

.m-sp-bubble[data-border-color=isFree] {
  border: 1px solid #ff6600 !important;
}

.m-sp-bubble[data-border-color=aquaDark] {
  border: 1px solid #029ebb !important;
}

.m-sp-bubble[data-border-color=blackA] {
  border: 1px solid #464545 !important;
}

.m-sp-bubble[data-border-color=jcom] {
  border: 1px solid #e93817 !important;
}

.m-sp-bubble[data-border-color=skin] {
  border: 1px solid #FFF9E5 !important;
}

.m-sp-bubble[data-border-color=alldenka] {
  border: 1px solid #f16c00 !important;
}

.m-sp-bubble[data-border-color=jyuryo] {
  border: 1px solid #f4a433 !important;
}

.m-sp-bubble[data-border-color=planTarget] {
  border: 1px solid #fcf3d9 !important;
}

.m-sp-bubble[data-border-color=lightGray] {
  border: 1px solid #f0f0f0 !important;
}

.m-sp-bubble[data-border-color=thinGrary] {
  border: 1px solid #dcdcdc !important;
}

.m-sp-bubble[data-border-color=default] {
  border: 1px solid #333333 !important;
}

.m-sp-bubble[data-border-color=mobileBackLight] {
  border: 1px solid #edf7ff !important;
}

.m-sp-bubble[data-border-color=mobileBackGreen] {
  border: 1px solid #ecf6f6 !important;
}

.m-sp-bubble[data-border-color=mobileBackLightBlue] {
  border: 1px solid #d7edef !important;
}

.m-sp-bubble[data-border-color=netflix] {
  border: 1px solid #d81f26 !important;
}

.m-sp-bubble[data-border-color=home] {
  border: 1px solid #fa7268 !important;
}

.m-sp-bubble[data-border-color=hoken] {
  border: 1px solid #e60044 !important;
}

.m-sp-bubble[data-bg-color=tv] {
  background: #e40077 !important;
}

.m-sp-bubble[data-bg-color=net] {
  background: #0085cd !important;
}

.m-sp-bubble[data-bg-color=phone] {
  background: #00a33e !important;
}

.m-sp-bubble[data-bg-color=mobile] {
  background: #00a4a8 !important;
}

.m-sp-bubble[data-bg-color=ele] {
  background: #f18d00 !important;
}

.m-sp-bubble[data-bg-color=gas] {
  background: #0a308f !important;
}

.m-sp-bubble[data-bg-color=gray] {
  background: #e5e5e5 !important;
}

.m-sp-bubble[data-bg-color=blue] {
  background: #0b318f !important;
}

.m-sp-bubble[data-bg-color=isFree] {
  background: #ff6600 !important;
}

.m-sp-bubble[data-bg-color=aquaDark] {
  background: #029ebb !important;
}

.m-sp-bubble[data-bg-color=blackA] {
  background: #464545 !important;
}

.m-sp-bubble[data-bg-color=jcom] {
  background: #e93817 !important;
}

.m-sp-bubble[data-bg-color=skin] {
  background: #FFF9E5 !important;
}

.m-sp-bubble[data-bg-color=alldenka] {
  background: #f16c00 !important;
}

.m-sp-bubble[data-bg-color=jyuryo] {
  background: #f4a433 !important;
}

.m-sp-bubble[data-bg-color=planTarget] {
  background: #fcf3d9 !important;
}

.m-sp-bubble[data-bg-color=lightGray] {
  background: #f0f0f0 !important;
}

.m-sp-bubble[data-bg-color=thinGrary] {
  background: #dcdcdc !important;
}

.m-sp-bubble[data-bg-color=default] {
  background: #333333 !important;
}

.m-sp-bubble[data-bg-color=mobileBackLight] {
  background: #edf7ff !important;
}

.m-sp-bubble[data-bg-color=mobileBackGreen] {
  background: #ecf6f6 !important;
}

.m-sp-bubble[data-bg-color=mobileBackLightBlue] {
  background: #d7edef !important;
}

.m-sp-bubble[data-bg-color=netflix] {
  background: #d81f26 !important;
}

.m-sp-bubble[data-bg-color=home] {
  background: #fa7268 !important;
}

.m-sp-bubble[data-bg-color=hoken] {
  background: #e60044 !important;
}

.m-sp-bubble::before {
  display: block;
  content: "";
  width: 15px;
  height: 15px;
  margin-top: -7px;
  margin-left: -8px;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  background-color: #fff;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
}

.m-sp-bubble[data-border-color=tv]::before {
  border-top: 1px solid #e40077 !important;
  border-right: 1px solid #e40077 !important;
}

.m-sp-bubble[data-border-color=net]::before {
  border-top: 1px solid #0085cd !important;
  border-right: 1px solid #0085cd !important;
}

.m-sp-bubble[data-border-color=phone]::before {
  border-top: 1px solid #00a33e !important;
  border-right: 1px solid #00a33e !important;
}

.m-sp-bubble[data-border-color=mobile]::before {
  border-top: 1px solid #00a4a8 !important;
  border-right: 1px solid #00a4a8 !important;
}

.m-sp-bubble[data-border-color=ele]::before {
  border-top: 1px solid #f18d00 !important;
  border-right: 1px solid #f18d00 !important;
}

.m-sp-bubble[data-border-color=gas]::before {
  border-top: 1px solid #0a308f !important;
  border-right: 1px solid #0a308f !important;
}

.m-sp-bubble[data-border-color=gray]::before {
  border-top: 1px solid #e5e5e5 !important;
  border-right: 1px solid #e5e5e5 !important;
}

.m-sp-bubble[data-border-color=blue]::before {
  border-top: 1px solid #0b318f !important;
  border-right: 1px solid #0b318f !important;
}

.m-sp-bubble[data-border-color=isFree]::before {
  border-top: 1px solid #ff6600 !important;
  border-right: 1px solid #ff6600 !important;
}

.m-sp-bubble[data-border-color=aquaDark]::before {
  border-top: 1px solid #029ebb !important;
  border-right: 1px solid #029ebb !important;
}

.m-sp-bubble[data-border-color=blackA]::before {
  border-top: 1px solid #464545 !important;
  border-right: 1px solid #464545 !important;
}

.m-sp-bubble[data-border-color=jcom]::before {
  border-top: 1px solid #e93817 !important;
  border-right: 1px solid #e93817 !important;
}

.m-sp-bubble[data-border-color=skin]::before {
  border-top: 1px solid #FFF9E5 !important;
  border-right: 1px solid #FFF9E5 !important;
}

.m-sp-bubble[data-border-color=alldenka]::before {
  border-top: 1px solid #f16c00 !important;
  border-right: 1px solid #f16c00 !important;
}

.m-sp-bubble[data-border-color=jyuryo]::before {
  border-top: 1px solid #f4a433 !important;
  border-right: 1px solid #f4a433 !important;
}

.m-sp-bubble[data-border-color=planTarget]::before {
  border-top: 1px solid #fcf3d9 !important;
  border-right: 1px solid #fcf3d9 !important;
}

.m-sp-bubble[data-border-color=lightGray]::before {
  border-top: 1px solid #f0f0f0 !important;
  border-right: 1px solid #f0f0f0 !important;
}

.m-sp-bubble[data-border-color=thinGrary]::before {
  border-top: 1px solid #dcdcdc !important;
  border-right: 1px solid #dcdcdc !important;
}

.m-sp-bubble[data-border-color=default]::before {
  border-top: 1px solid #333333 !important;
  border-right: 1px solid #333333 !important;
}

.m-sp-bubble[data-border-color=mobileBackLight]::before {
  border-top: 1px solid #edf7ff !important;
  border-right: 1px solid #edf7ff !important;
}

.m-sp-bubble[data-border-color=mobileBackGreen]::before {
  border-top: 1px solid #ecf6f6 !important;
  border-right: 1px solid #ecf6f6 !important;
}

.m-sp-bubble[data-border-color=mobileBackLightBlue]::before {
  border-top: 1px solid #d7edef !important;
  border-right: 1px solid #d7edef !important;
}

.m-sp-bubble[data-border-color=netflix]::before {
  border-top: 1px solid #d81f26 !important;
  border-right: 1px solid #d81f26 !important;
}

.m-sp-bubble[data-border-color=home]::before {
  border-top: 1px solid #fa7268 !important;
  border-right: 1px solid #fa7268 !important;
}

.m-sp-bubble[data-border-color=hoken]::before {
  border-top: 1px solid #e60044 !important;
  border-right: 1px solid #e60044 !important;
}

.m-sp-bubble[data-bg-color=tv]::before {
  background: #e40077 !important;
}

.m-sp-bubble[data-bg-color=net]::before {
  background: #0085cd !important;
}

.m-sp-bubble[data-bg-color=phone]::before {
  background: #00a33e !important;
}

.m-sp-bubble[data-bg-color=mobile]::before {
  background: #00a4a8 !important;
}

.m-sp-bubble[data-bg-color=ele]::before {
  background: #f18d00 !important;
}

.m-sp-bubble[data-bg-color=gas]::before {
  background: #0a308f !important;
}

.m-sp-bubble[data-bg-color=gray]::before {
  background: #e5e5e5 !important;
}

.m-sp-bubble[data-bg-color=blue]::before {
  background: #0b318f !important;
}

.m-sp-bubble[data-bg-color=isFree]::before {
  background: #ff6600 !important;
}

.m-sp-bubble[data-bg-color=aquaDark]::before {
  background: #029ebb !important;
}

.m-sp-bubble[data-bg-color=blackA]::before {
  background: #464545 !important;
}

.m-sp-bubble[data-bg-color=jcom]::before {
  background: #e93817 !important;
}

.m-sp-bubble[data-bg-color=skin]::before {
  background: #FFF9E5 !important;
}

.m-sp-bubble[data-bg-color=alldenka]::before {
  background: #f16c00 !important;
}

.m-sp-bubble[data-bg-color=jyuryo]::before {
  background: #f4a433 !important;
}

.m-sp-bubble[data-bg-color=planTarget]::before {
  background: #fcf3d9 !important;
}

.m-sp-bubble[data-bg-color=lightGray]::before {
  background: #f0f0f0 !important;
}

.m-sp-bubble[data-bg-color=thinGrary]::before {
  background: #dcdcdc !important;
}

.m-sp-bubble[data-bg-color=default]::before {
  background: #333333 !important;
}

.m-sp-bubble[data-bg-color=mobileBackLight]::before {
  background: #edf7ff !important;
}

.m-sp-bubble[data-bg-color=mobileBackGreen]::before {
  background: #ecf6f6 !important;
}

.m-sp-bubble[data-bg-color=mobileBackLightBlue]::before {
  background: #d7edef !important;
}

.m-sp-bubble[data-bg-color=netflix]::before {
  background: #d81f26 !important;
}

.m-sp-bubble[data-bg-color=home]::before {
  background: #fa7268 !important;
}

.m-sp-bubble[data-bg-color=hoken]::before {
  background: #e60044 !important;
}

.m-anc-box {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}

.m-anc-box-column {
  width: 100%;
  padding: 10px 5px 5px 5px;
}

.m-anc-box-column[data-col="1"] {
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}

.m-anc-box-column[data-col="2"] {
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

.m-anc-box-column[data-col="3"] {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}

.m-anc-box-column[data-col="4"] {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.m-anc-box-column[data-col="5"] {
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}

.m-anc-box-column[data-col="6"] {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.m-anc-box-column[data-col="7"] {
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}

.m-anc-box-column[data-col="8"] {
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}

.m-anc-box-column[data-col="9"] {
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}

.m-anc-box-column[data-col="10"] {
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}

.m-anc-box-column[data-col="11"] {
  -ms-flex: 0 0 91.666667%;
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}

.m-anc-box-column[data-col="12"] {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.m-anc-box-column[data-col="1-5"] {
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
}

@media screen and (max-width: 767px) {
  .m-anc-box-column[data-col-sp="1"] {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .m-anc-box-column[data-col-sp="2"] {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .m-anc-box-column[data-col-sp="3"] {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .m-anc-box-column[data-col-sp="4"] {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .m-anc-box-column[data-col-sp="5"] {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .m-anc-box-column[data-col-sp="6"] {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .m-anc-box-column[data-col-sp="7"] {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .m-anc-box-column[data-col-sp="8"] {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .m-anc-box-column[data-col-sp="9"] {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .m-anc-box-column[data-col-sp="10"] {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .m-anc-box-column[data-col-sp="11"] {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .m-anc-box-column[data-col-sp="12"] {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.m-anc-box-column:first-child {
  padding-left: 0;
}

@media screen and (max-width: 767px) {
  .m-anc-box-column:first-child {
    padding-left: 5px;
  }
}

.m-anc-box-column:last-child {
  padding-right: 0;
}

@media screen and (max-width: 767px) {
  .m-anc-box-column:last-child {
    padding-right: 5px;
  }
}

.m-menu-box {
  width: 100%;
  border: 1px solid #ccc;
  margin-bottom: 10px;
  text-align: center;
  font: 13px/1.231 'メイリオ','Meiryo','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック', arial,helvetica,clean,sans-serif;
}

.m-menu-box-title {
  background: #666666;
  color: #fff;
  text-align: center;
  position: relative;
}

.m-menu-box-title a {
  display: block;
  padding: 20px 20px 20px 60px;
  color: #fff;
}

.m-menu-box-title a::before {
  content: "";
  width: 45px;
  height: 45px;
  top: 50%;
  margin-top: -23px;
  left: 14px;
}

.m-menu-box-title a::after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 4%;
  margin-top: -4px;
}

.m-menu-box-title a[data-menu-type='jyuryo']::before {
  background: url(/service/electricity/price/images/icon/icon_jyuryou.png) no-repeat;
  background-size: 45px;
  position: absolute;
}

.m-menu-box-title a[data-menu-type='alldenka']::before {
  background: url(/service/electricity/price/images/icon/icon_all.png) no-repeat;
  background-size: 45px;
  position: absolute;
}

.m-menu-box-title[data-bg-color=tv] {
  background: #e40077 !important;
}

.m-menu-box-title[data-bg-color=net] {
  background: #0085cd !important;
}

.m-menu-box-title[data-bg-color=phone] {
  background: #00a33e !important;
}

.m-menu-box-title[data-bg-color=mobile] {
  background: #00a4a8 !important;
}

.m-menu-box-title[data-bg-color=ele] {
  background: #f18d00 !important;
}

.m-menu-box-title[data-bg-color=gas] {
  background: #0a308f !important;
}

.m-menu-box-title[data-bg-color=gray] {
  background: #e5e5e5 !important;
}

.m-menu-box-title[data-bg-color=blue] {
  background: #0b318f !important;
}

.m-menu-box-title[data-bg-color=isFree] {
  background: #ff6600 !important;
}

.m-menu-box-title[data-bg-color=aquaDark] {
  background: #029ebb !important;
}

.m-menu-box-title[data-bg-color=blackA] {
  background: #464545 !important;
}

.m-menu-box-title[data-bg-color=jcom] {
  background: #e93817 !important;
}

.m-menu-box-title[data-bg-color=skin] {
  background: #FFF9E5 !important;
}

.m-menu-box-title[data-bg-color=alldenka] {
  background: #f16c00 !important;
}

.m-menu-box-title[data-bg-color=jyuryo] {
  background: #f4a433 !important;
}

.m-menu-box-title[data-bg-color=planTarget] {
  background: #fcf3d9 !important;
}

.m-menu-box-title[data-bg-color=lightGray] {
  background: #f0f0f0 !important;
}

.m-menu-box-title[data-bg-color=thinGrary] {
  background: #dcdcdc !important;
}

.m-menu-box-title[data-bg-color=default] {
  background: #333333 !important;
}

.m-menu-box-title[data-bg-color=mobileBackLight] {
  background: #edf7ff !important;
}

.m-menu-box-title[data-bg-color=mobileBackGreen] {
  background: #ecf6f6 !important;
}

.m-menu-box-title[data-bg-color=mobileBackLightBlue] {
  background: #d7edef !important;
}

.m-menu-box-title[data-bg-color=netflix] {
  background: #d81f26 !important;
}

.m-menu-box-title[data-bg-color=home] {
  background: #fa7268 !important;
}

.m-menu-box-title[data-bg-color=hoken] {
  background: #e60044 !important;
}

.m-menu-box-label {
  font-size: 16px;
  font-weight: bold;
}

.m-menu-box-contants-sub {
  min-height: 133px;
}

.m-menu-box p {
  line-height: 1.5;
}

.m-ele-menu {
  border: 1px solid #e93817;
}

.m-ele-menu-title {
  display: table;
  text-align: center;
  background-color: #e93817;
  padding: 5px 30px;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -ms-border-radius: 20px;
  top: -13px;
  position: relative;
  color: #fff;
  margin: 0 auto;
  width: 237px;
}

.m-ele-menu-title[data-bg-color=tv] {
  background-color: #e40077 !important;
}

.m-ele-menu-title[data-bg-color=net] {
  background-color: #0085cd !important;
}

.m-ele-menu-title[data-bg-color=phone] {
  background-color: #00a33e !important;
}

.m-ele-menu-title[data-bg-color=mobile] {
  background-color: #00a4a8 !important;
}

.m-ele-menu-title[data-bg-color=ele] {
  background-color: #f18d00 !important;
}

.m-ele-menu-title[data-bg-color=gas] {
  background-color: #0a308f !important;
}

.m-ele-menu-title[data-bg-color=gray] {
  background-color: #e5e5e5 !important;
}

.m-ele-menu-title[data-bg-color=blue] {
  background-color: #0b318f !important;
}

.m-ele-menu-title[data-bg-color=isFree] {
  background-color: #ff6600 !important;
}

.m-ele-menu-title[data-bg-color=aquaDark] {
  background-color: #029ebb !important;
}

.m-ele-menu-title[data-bg-color=blackA] {
  background-color: #464545 !important;
}

.m-ele-menu-title[data-bg-color=jcom] {
  background-color: #e93817 !important;
}

.m-ele-menu-title[data-bg-color=skin] {
  background-color: #FFF9E5 !important;
}

.m-ele-menu-title[data-bg-color=alldenka] {
  background-color: #f16c00 !important;
}

.m-ele-menu-title[data-bg-color=jyuryo] {
  background-color: #f4a433 !important;
}

.m-ele-menu-title[data-bg-color=planTarget] {
  background-color: #fcf3d9 !important;
}

.m-ele-menu-title[data-bg-color=lightGray] {
  background-color: #f0f0f0 !important;
}

.m-ele-menu-title[data-bg-color=thinGrary] {
  background-color: #dcdcdc !important;
}

.m-ele-menu-title[data-bg-color=default] {
  background-color: #333333 !important;
}

.m-ele-menu-title[data-bg-color=mobileBackLight] {
  background-color: #edf7ff !important;
}

.m-ele-menu-title[data-bg-color=mobileBackGreen] {
  background-color: #ecf6f6 !important;
}

.m-ele-menu-title[data-bg-color=mobileBackLightBlue] {
  background-color: #d7edef !important;
}

.m-ele-menu-title[data-bg-color=netflix] {
  background-color: #d81f26 !important;
}

.m-ele-menu-title[data-bg-color=home] {
  background-color: #fa7268 !important;
}

.m-ele-menu-title[data-bg-color=hoken] {
  background-color: #e60044 !important;
}

.m-ele-menu-body {
  display: flex;
  padding: 10px 20px 20px 20px;
}

@media screen and (max-width: 767px) {
  .m-ele-menu-body {
    display: block;
  }
}

.m-ele-menu-body-title {
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  margin-top: 0;
  margin-bottom: 10px;
}

.m-ele-menu-body-left, .m-ele-menu-body-right {
  padding: 10px;
  border: solid 1px #e93817;
  flex: 46%;
  -webkit-border-radius: 6px;
  -ms-border-radius: 6px;
}

.m-ele-menu-body-left[data-border-color=tv], .m-ele-menu-body-right[data-border-color=tv] {
  border: 2px solid #e40077 !important;
}

.m-ele-menu-body-left[data-border-color=net], .m-ele-menu-body-right[data-border-color=net] {
  border: 2px solid #0085cd !important;
}

.m-ele-menu-body-left[data-border-color=phone], .m-ele-menu-body-right[data-border-color=phone] {
  border: 2px solid #00a33e !important;
}

.m-ele-menu-body-left[data-border-color=mobile], .m-ele-menu-body-right[data-border-color=mobile] {
  border: 2px solid #00a4a8 !important;
}

.m-ele-menu-body-left[data-border-color=ele], .m-ele-menu-body-right[data-border-color=ele] {
  border: 2px solid #f18d00 !important;
}

.m-ele-menu-body-left[data-border-color=gas], .m-ele-menu-body-right[data-border-color=gas] {
  border: 2px solid #0a308f !important;
}

.m-ele-menu-body-left[data-border-color=gray], .m-ele-menu-body-right[data-border-color=gray] {
  border: 2px solid #e5e5e5 !important;
}

.m-ele-menu-body-left[data-border-color=blue], .m-ele-menu-body-right[data-border-color=blue] {
  border: 2px solid #0b318f !important;
}

.m-ele-menu-body-left[data-border-color=isFree], .m-ele-menu-body-right[data-border-color=isFree] {
  border: 2px solid #ff6600 !important;
}

.m-ele-menu-body-left[data-border-color=aquaDark], .m-ele-menu-body-right[data-border-color=aquaDark] {
  border: 2px solid #029ebb !important;
}

.m-ele-menu-body-left[data-border-color=blackA], .m-ele-menu-body-right[data-border-color=blackA] {
  border: 2px solid #464545 !important;
}

.m-ele-menu-body-left[data-border-color=jcom], .m-ele-menu-body-right[data-border-color=jcom] {
  border: 2px solid #e93817 !important;
}

.m-ele-menu-body-left[data-border-color=skin], .m-ele-menu-body-right[data-border-color=skin] {
  border: 2px solid #FFF9E5 !important;
}

.m-ele-menu-body-left[data-border-color=alldenka], .m-ele-menu-body-right[data-border-color=alldenka] {
  border: 2px solid #f16c00 !important;
}

.m-ele-menu-body-left[data-border-color=jyuryo], .m-ele-menu-body-right[data-border-color=jyuryo] {
  border: 2px solid #f4a433 !important;
}

.m-ele-menu-body-left[data-border-color=planTarget], .m-ele-menu-body-right[data-border-color=planTarget] {
  border: 2px solid #fcf3d9 !important;
}

.m-ele-menu-body-left[data-border-color=lightGray], .m-ele-menu-body-right[data-border-color=lightGray] {
  border: 2px solid #f0f0f0 !important;
}

.m-ele-menu-body-left[data-border-color=thinGrary], .m-ele-menu-body-right[data-border-color=thinGrary] {
  border: 2px solid #dcdcdc !important;
}

.m-ele-menu-body-left[data-border-color=default], .m-ele-menu-body-right[data-border-color=default] {
  border: 2px solid #333333 !important;
}

.m-ele-menu-body-left[data-border-color=mobileBackLight], .m-ele-menu-body-right[data-border-color=mobileBackLight] {
  border: 2px solid #edf7ff !important;
}

.m-ele-menu-body-left[data-border-color=mobileBackGreen], .m-ele-menu-body-right[data-border-color=mobileBackGreen] {
  border: 2px solid #ecf6f6 !important;
}

.m-ele-menu-body-left[data-border-color=mobileBackLightBlue], .m-ele-menu-body-right[data-border-color=mobileBackLightBlue] {
  border: 2px solid #d7edef !important;
}

.m-ele-menu-body-left[data-border-color=netflix], .m-ele-menu-body-right[data-border-color=netflix] {
  border: 2px solid #d81f26 !important;
}

.m-ele-menu-body-left[data-border-color=home], .m-ele-menu-body-right[data-border-color=home] {
  border: 2px solid #fa7268 !important;
}

.m-ele-menu-body-left[data-border-color=hoken], .m-ele-menu-body-right[data-border-color=hoken] {
  border: 2px solid #e60044 !important;
}

.m-ele-menu[data-border-color=tv] {
  border: 2px solid #e40077 !important;
}

.m-ele-menu[data-border-color=net] {
  border: 2px solid #0085cd !important;
}

.m-ele-menu[data-border-color=phone] {
  border: 2px solid #00a33e !important;
}

.m-ele-menu[data-border-color=mobile] {
  border: 2px solid #00a4a8 !important;
}

.m-ele-menu[data-border-color=ele] {
  border: 2px solid #f18d00 !important;
}

.m-ele-menu[data-border-color=gas] {
  border: 2px solid #0a308f !important;
}

.m-ele-menu[data-border-color=gray] {
  border: 2px solid #e5e5e5 !important;
}

.m-ele-menu[data-border-color=blue] {
  border: 2px solid #0b318f !important;
}

.m-ele-menu[data-border-color=isFree] {
  border: 2px solid #ff6600 !important;
}

.m-ele-menu[data-border-color=aquaDark] {
  border: 2px solid #029ebb !important;
}

.m-ele-menu[data-border-color=blackA] {
  border: 2px solid #464545 !important;
}

.m-ele-menu[data-border-color=jcom] {
  border: 2px solid #e93817 !important;
}

.m-ele-menu[data-border-color=skin] {
  border: 2px solid #FFF9E5 !important;
}

.m-ele-menu[data-border-color=alldenka] {
  border: 2px solid #f16c00 !important;
}

.m-ele-menu[data-border-color=jyuryo] {
  border: 2px solid #f4a433 !important;
}

.m-ele-menu[data-border-color=planTarget] {
  border: 2px solid #fcf3d9 !important;
}

.m-ele-menu[data-border-color=lightGray] {
  border: 2px solid #f0f0f0 !important;
}

.m-ele-menu[data-border-color=thinGrary] {
  border: 2px solid #dcdcdc !important;
}

.m-ele-menu[data-border-color=default] {
  border: 2px solid #333333 !important;
}

.m-ele-menu[data-border-color=mobileBackLight] {
  border: 2px solid #edf7ff !important;
}

.m-ele-menu[data-border-color=mobileBackGreen] {
  border: 2px solid #ecf6f6 !important;
}

.m-ele-menu[data-border-color=mobileBackLightBlue] {
  border: 2px solid #d7edef !important;
}

.m-ele-menu[data-border-color=netflix] {
  border: 2px solid #d81f26 !important;
}

.m-ele-menu[data-border-color=home] {
  border: 2px solid #fa7268 !important;
}

.m-ele-menu[data-border-color=hoken] {
  border: 2px solid #e60044 !important;
}

.m-icon-plus {
  padding: 0 10px;
}

@media screen and (max-width: 767px) {
  .m-icon-plus {
    padding: 10px;
  }
}

.m-icon-plus img {
  width: 36px;
  height: 36px;
}

.m-txt-contents-box-top {
  min-height: 95px;
}

@media screen and (max-width: 767px) {
  .m-txt-contents-box-top {
    min-height: initial;
  }
}

.m-main-vs {
  display: flex;
}

@media screen and (max-width: 767px) {
  .m-main-vs {
    display: block;
  }
}

.m-main-vs-left {
  margin-right: 5px;
}

@media screen and (max-width: 767px) {
  .m-main-vs-left {
    margin-right: 0;
  }
}

.m-main-vs-right {
  margin-left: 5px;
}

.m-main-vs-right a {
  display: block;
}

.m-main-vs-right img {
  max-width: initial;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .m-main-vs-right {
    flex: 100%;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
  }
}

.m-main-vs-inline {
  height: 250px;
  background: url(/service/gas/images/bg_kv.jpg) center top no-repeat #312E27;
  background-size: auto 100%;
  position: relative;
  margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
  .m-main-vs-inline {
    background: none;
    height: auto;
    margin-bottom: 0;
  }
}

.m-main-vs-inline-box {
  position: absolute;
  top: 50px;
  left: 40px;
  z-index: 0;
}

@media screen and (max-width: 767px) {
  .m-main-vs-inline-box {
    position: relative;
    top: 0;
    left: auto;
  }
}

.m-main-vs-inline-box-wrap {
  position: relative;
  width: 960px;
  height: 328px;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .m-main-vs-inline-box-wrap {
    height: auto;
  }
}

.m-main-vs-inline-box-wrap-inner {
  position: relative;
  width: 100%;
  max-width: 990px;
  margin: 0 auto;
}

.m-step {
  display: flex;
  display: -webkit-flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.m-step-li {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding-right: 35px;
}

.m-step-column {
  position: relative;
  border: 1px solid #e50914;
  height: 100%;
}

.m-step-column .m-step-non-str {
  top: 50%;
  position: absolute;
  width: 100%;
  margin: 10px 0 !important;
}

.m-step-column-title {
  letter-spacing: 1.1px;
  margin: 15px 10px !important;
  text-align: center !important;
}

@media screen and (max-width: 767px) {
  .m-step-column-title {
    margin: 5px !important;
    padding-bottom: 0;
  }
}

.m-step-num {
  color: #ffffff;
  background-color: #e93817;
  font-family: Noto Sans Japanese Bold;
  font-size: 16px;
  text-align: center;
  padding: 10px 0;
  font-weight: bold;
}

.m-step-str {
  margin: 0 10px 15px 10px;
}

.m-step-typec::before {
  bottom: -33px;
  height: 50px;
  width: 50px;
  content: "";
  display: block;
  position: absolute;
  background-color: #fff;
  border: 1px solid #ccc;
  border-left: none;
  border-top: none;
  left: 50%;
  transform: rotate(45deg) translateX(-50%);
}

.m-step-typec[data-border-typec-color=tv]::before {
  border-color: #e40077 !important;
}

.m-step-typec[data-border-typec-color=net]::before {
  border-color: #0085cd !important;
}

.m-step-typec[data-border-typec-color=phone]::before {
  border-color: #00a33e !important;
}

.m-step-typec[data-border-typec-color=mobile]::before {
  border-color: #00a4a8 !important;
}

.m-step-typec[data-border-typec-color=ele]::before {
  border-color: #f18d00 !important;
}

.m-step-typec[data-border-typec-color=gas]::before {
  border-color: #0a308f !important;
}

.m-step-typec[data-border-typec-color=gray]::before {
  border-color: #e5e5e5 !important;
}

.m-step-typec[data-border-typec-color=blue]::before {
  border-color: #0b318f !important;
}

.m-step-typec[data-border-typec-color=isFree]::before {
  border-color: #ff6600 !important;
}

.m-step-typec[data-border-typec-color=aquaDark]::before {
  border-color: #029ebb !important;
}

.m-step-typec[data-border-typec-color=blackA]::before {
  border-color: #464545 !important;
}

.m-step-typec[data-border-typec-color=jcom]::before {
  border-color: #e93817 !important;
}

.m-step-typec[data-border-typec-color=skin]::before {
  border-color: #FFF9E5 !important;
}

.m-step-typec[data-border-typec-color=alldenka]::before {
  border-color: #f16c00 !important;
}

.m-step-typec[data-border-typec-color=jyuryo]::before {
  border-color: #f4a433 !important;
}

.m-step-typec[data-border-typec-color=planTarget]::before {
  border-color: #fcf3d9 !important;
}

.m-step-typec[data-border-typec-color=lightGray]::before {
  border-color: #f0f0f0 !important;
}

.m-step-typec[data-border-typec-color=thinGrary]::before {
  border-color: #dcdcdc !important;
}

.m-step-typec[data-border-typec-color=default]::before {
  border-color: #333333 !important;
}

.m-step-typec[data-border-typec-color=mobileBackLight]::before {
  border-color: #edf7ff !important;
}

.m-step-typec[data-border-typec-color=mobileBackGreen]::before {
  border-color: #ecf6f6 !important;
}

.m-step-typec[data-border-typec-color=mobileBackLightBlue]::before {
  border-color: #d7edef !important;
}

.m-step-typec[data-border-typec-color=netflix]::before {
  border-color: #d81f26 !important;
}

.m-step-typec[data-border-typec-color=home]::before {
  border-color: #fa7268 !important;
}

.m-step-typec[data-border-typec-color=hoken]::before {
  border-color: #e60044 !important;
}

.m-step-typec[data-border-typec-color=tv] .m-title-box {
  border-color: #e40077 !important;
}

.m-step-typec[data-border-typec-color=net] .m-title-box {
  border-color: #0085cd !important;
}

.m-step-typec[data-border-typec-color=phone] .m-title-box {
  border-color: #00a33e !important;
}

.m-step-typec[data-border-typec-color=mobile] .m-title-box {
  border-color: #00a4a8 !important;
}

.m-step-typec[data-border-typec-color=ele] .m-title-box {
  border-color: #f18d00 !important;
}

.m-step-typec[data-border-typec-color=gas] .m-title-box {
  border-color: #0a308f !important;
}

.m-step-typec[data-border-typec-color=gray] .m-title-box {
  border-color: #e5e5e5 !important;
}

.m-step-typec[data-border-typec-color=blue] .m-title-box {
  border-color: #0b318f !important;
}

.m-step-typec[data-border-typec-color=isFree] .m-title-box {
  border-color: #ff6600 !important;
}

.m-step-typec[data-border-typec-color=aquaDark] .m-title-box {
  border-color: #029ebb !important;
}

.m-step-typec[data-border-typec-color=blackA] .m-title-box {
  border-color: #464545 !important;
}

.m-step-typec[data-border-typec-color=jcom] .m-title-box {
  border-color: #e93817 !important;
}

.m-step-typec[data-border-typec-color=skin] .m-title-box {
  border-color: #FFF9E5 !important;
}

.m-step-typec[data-border-typec-color=alldenka] .m-title-box {
  border-color: #f16c00 !important;
}

.m-step-typec[data-border-typec-color=jyuryo] .m-title-box {
  border-color: #f4a433 !important;
}

.m-step-typec[data-border-typec-color=planTarget] .m-title-box {
  border-color: #fcf3d9 !important;
}

.m-step-typec[data-border-typec-color=lightGray] .m-title-box {
  border-color: #f0f0f0 !important;
}

.m-step-typec[data-border-typec-color=thinGrary] .m-title-box {
  border-color: #dcdcdc !important;
}

.m-step-typec[data-border-typec-color=default] .m-title-box {
  border-color: #333333 !important;
}

.m-step-typec[data-border-typec-color=mobileBackLight] .m-title-box {
  border-color: #edf7ff !important;
}

.m-step-typec[data-border-typec-color=mobileBackGreen] .m-title-box {
  border-color: #ecf6f6 !important;
}

.m-step-typec[data-border-typec-color=mobileBackLightBlue] .m-title-box {
  border-color: #d7edef !important;
}

.m-step-typec[data-border-typec-color=netflix] .m-title-box {
  border-color: #d81f26 !important;
}

.m-step-typec[data-border-typec-color=home] .m-title-box {
  border-color: #fa7268 !important;
}

.m-step-typec[data-border-typec-color=hoken] .m-title-box {
  border-color: #e60044 !important;
}

.m-step-typec:last-child::before {
  content: none;
}

.m-step-column::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -25px;
  border-style: solid;
  border-width: 6px 0 6px 10px;
  border-color: transparent transparent transparent #b5b5b5;
}

.m-step-li:last-child {
  padding-right: 0;
}

.m-step-li:last-child .m-step-column::after {
  content: none;
}

@media screen and (max-width: 767px) {
  .m-step-column::after {
    content: none;
  }
  .m-step-li {
    width: 100%;
    padding-right: 0;
  }
  .m-step-str {
    display: none;
  }
  .m-step-column-title {
    border-bottom: none;
  }
}

.m-camp-box {
  padding: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.m-camp-box-thumbnail {
  display: flex;
  flex: 1 0 auto;
}

.m-camp-box-thumbnail-img {
  flex: 45%;
  padding: 0 10px 0 0;
}

.m-camp-box-thumbnail-img .m-camp-box-banner img {
  max-width: 70px !important;
}

.m-camp-box-thumbnail-txt {
  flex: 55%;
}

.m-camp-box[data-border-color=tv] {
  border: 1px solid #e40077 !important;
}

.m-camp-box[data-border-color=net] {
  border: 1px solid #0085cd !important;
}

.m-camp-box[data-border-color=phone] {
  border: 1px solid #00a33e !important;
}

.m-camp-box[data-border-color=mobile] {
  border: 1px solid #00a4a8 !important;
}

.m-camp-box[data-border-color=ele] {
  border: 1px solid #f18d00 !important;
}

.m-camp-box[data-border-color=gas] {
  border: 1px solid #0a308f !important;
}

.m-camp-box[data-border-color=gray] {
  border: 1px solid #e5e5e5 !important;
}

.m-camp-box[data-border-color=blue] {
  border: 1px solid #0b318f !important;
}

.m-camp-box[data-border-color=isFree] {
  border: 1px solid #ff6600 !important;
}

.m-camp-box[data-border-color=aquaDark] {
  border: 1px solid #029ebb !important;
}

.m-camp-box[data-border-color=blackA] {
  border: 1px solid #464545 !important;
}

.m-camp-box[data-border-color=jcom] {
  border: 1px solid #e93817 !important;
}

.m-camp-box[data-border-color=skin] {
  border: 1px solid #FFF9E5 !important;
}

.m-camp-box[data-border-color=alldenka] {
  border: 1px solid #f16c00 !important;
}

.m-camp-box[data-border-color=jyuryo] {
  border: 1px solid #f4a433 !important;
}

.m-camp-box[data-border-color=planTarget] {
  border: 1px solid #fcf3d9 !important;
}

.m-camp-box[data-border-color=lightGray] {
  border: 1px solid #f0f0f0 !important;
}

.m-camp-box[data-border-color=thinGrary] {
  border: 1px solid #dcdcdc !important;
}

.m-camp-box[data-border-color=default] {
  border: 1px solid #333333 !important;
}

.m-camp-box[data-border-color=mobileBackLight] {
  border: 1px solid #edf7ff !important;
}

.m-camp-box[data-border-color=mobileBackGreen] {
  border: 1px solid #ecf6f6 !important;
}

.m-camp-box[data-border-color=mobileBackLightBlue] {
  border: 1px solid #d7edef !important;
}

.m-camp-box[data-border-color=netflix] {
  border: 1px solid #d81f26 !important;
}

.m-camp-box[data-border-color=home] {
  border: 1px solid #fa7268 !important;
}

.m-camp-box[data-border-color=hoken] {
  border: 1px solid #e60044 !important;
}

.m-camp-box .m-notice {
  padding: 2px 10px;
}

.m-camp-box .m-txt-box {
  margin-bottom: 10px;
}

.m-camp-box-order {
  margin-top: 10px;
  padding: 5px 10px;
  font-size: 12px;
  background: #fde3de;
  flex: 0 0 auto;
}

.m-camp-box-order p {
  margin-top: 0;
}

.m-social-box-thumbnail-img {
  flex: 0%;
  padding: 0 10px 0 0;
}

.m-social-box-thumbnail-txt {
  flex: 77%;
}

.m-icon-set-box-table {
  border: none;
  width: auto;
  margin: auto;
}

.m-icon-set-box-table td {
  padding: 0 5px;
  text-align: center;
}

.m-icon-set-box-table td .m-icon-set-box-plus {
  font-size: 22px;
  padding: 5px 0;
  line-height: 40px;
}

.m-icon-set-box-sub {
  margin: 5px -50px !important;
  font-size: 12px;
}

.m-icon-set-box-border, .m-icon-set-box-border-non {
  padding: 5px 20px !important;
  border: 1px solid #b5b5b5 !important;
  text-align: center;
}

.m-icon-set-box-border-non {
  border: none !important;
  padding: 5px 0 !important;
}

.m-icon-set-box-wrap {
  font-family: 'Noto Sans JP';
}

@media screen and (max-width: 767px) {
  .m-icon-set-box-wrap {
    padding: 20px 10px;
  }
}

.m-ondemand-box-hdg {
  margin-bottom: 25px;
}

@media screen and (max-width: 767px) {
  .m-ondemand-box-hdg {
    margin-bottom: 20px;
    text-align: center;
  }
}

.m-ondemand-box-link {
  display: block;
  width: 240px;
}

.m-ondemand-box-link-wrap {
  -ms-flex: 0 0 240px;
  flex: 0 0 240px;
  max-width: 240px;
}

@media screen and (max-width: 767px) {
  .m-ondemand-box-link-wrap {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .m-ondemand-box-link {
    width: 100%;
    background: #000;
  }
}

.m-ondemand-box-link:hover {
  text-decoration: none;
}

.m-ondemand-box-link:hover img {
  opacity: 1;
}

.m-ondemand-box-img {
  display: flex;
  align-items: center;
  height: 240px;
  background: #000;
}

@media screen and (max-width: 767px) {
  .m-ondemand-box-img {
    width: 180px;
    height: 150px;
  }
}

.m-ondemand-box-img img {
  width: 100%;
  height: auto;
}

@media screen and (max-width: 767px) {
  .m-ondemand-box-img img {
    max-width: 180px;
    max-height: 150px;
  }
}

.m-ondemand-box-detail {
  background: #676767;
  padding: 7px;
}

.m-ondemand-box-title {
  background: #e6e6e6;
  font-weight: bold;
  min-height: 34px;
  padding: 10px;
}

@media screen and (max-width: 767px) {
  .m-ondemand-box-title {
    padding: 10px 10px 0;
    font-weight: normal;
    background: none;
  }
}

.m-ondemand-box-title > * {
  margin: 0;
}

@media screen and (max-width: 767px) {
  .m-ondemand-box-title > * {
    color: #fff;
    font-size: 10px !important;
  }
}

.m-ondemand-box-price {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-top: 1px solid #e5e5e5;
  border-left: 1px solid #e5e5e5;
}

@media screen and (max-width: 767px) {
  .m-ondemand-box-price {
    margin-top: 20px;
  }
}

.m-ondemand-box-price > dt, .m-ondemand-box-price > dd {
  display: table-cell;
  font-weight: bold;
  vertical-align: middle;
  border-right: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}

@media screen and (max-width: 767px) {
  .m-ondemand-box-price > dt, .m-ondemand-box-price > dd {
    font-size: 13px;
  }
}

.m-ondemand-box-price > dt {
  width: 55%;
  padding: 6px 15px;
  text-align: center;
  background: #eee;
}

@media screen and (max-width: 767px) {
  .m-ondemand-box-price > dt {
    width: 60%;
    padding: 10px 2px;
  }
}

.m-ondemand-box-price > dd {
  width: 45%;
  padding: 8px 20px;
}

@media screen and (max-width: 767px) {
  .m-ondemand-box-price > dd {
    width: 40%;
    padding: 10px 2px;
    text-align: right;
  }
}

.m-ondemand-box-info-wrap {
  -ms-flex: 1;
  flex: 1;
  padding-left: 50px;
}

@media screen and (max-width: 767px) {
  .m-ondemand-box-info-wrap {
    padding-left: 0;
  }
}

.m-ondemand-box-info .m-txt-box {
  margin: 50px 0;
  font-size: 12px;
}

@media screen and (max-width: 767px) {
  .m-ondemand-box-info .m-txt-box {
    margin: 20px 0;
    font-size: 13px;
  }
}

@media screen and (max-width: 767px) {
  .m-ondemand-box .m-grid-row {
    display: block;
  }
}

.m-nav-mobile-head {
  border-top: solid 3px #3075d5;
  border-bottom: solid 1px #dddddd;
}

.m-nav-mobileuUique-head {
  border-top: solid 3px #2c7f7c;
  border-bottom: solid 1px #dddddd;
}

.m-nav-mobiledefault-head {
  border-top: solid 3px #333333;
  border-bottom: solid 1px #dddddd;
}

.m-link-shadow-box {
  width: 100%;
  border: 1px solid #999999;
  border-radius: 5px;
  float: left;
  text-align: center;
  height: 100%;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.25);
}

.m-link-shadow-box-title {
  position: relative;
  padding: 15px;
}

.m-link-shadow-box-title::after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  transform: rotate(-224deg);
  -webkit-transform: rotate(-224deg);
  -ms-transform: rotate(-224deg);
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -6px;
}

.m-link-shadow-box-title::after[data-arrow='right']::after {
  border-top: 2px solid #e83416;
  border-left: 2px solid #e83416;
}

.m-link-shadow-box-title[data-arrow-color=tv]::after {
  border-top: 2px solid #e40077;
  border-left: 2px solid #e40077;
}

.m-link-shadow-box-title[data-arrow-color=net]::after {
  border-top: 2px solid #0085cd;
  border-left: 2px solid #0085cd;
}

.m-link-shadow-box-title[data-arrow-color=phone]::after {
  border-top: 2px solid #00a33e;
  border-left: 2px solid #00a33e;
}

.m-link-shadow-box-title[data-arrow-color=mobile]::after {
  border-top: 2px solid #00a4a8;
  border-left: 2px solid #00a4a8;
}

.m-link-shadow-box-title[data-arrow-color=ele]::after {
  border-top: 2px solid #f18d00;
  border-left: 2px solid #f18d00;
}

.m-link-shadow-box-title[data-arrow-color=gas]::after {
  border-top: 2px solid #0a308f;
  border-left: 2px solid #0a308f;
}

.m-link-shadow-box-title[data-arrow-color=gray]::after {
  border-top: 2px solid #e5e5e5;
  border-left: 2px solid #e5e5e5;
}

.m-link-shadow-box-title[data-arrow-color=blue]::after {
  border-top: 2px solid #0b318f;
  border-left: 2px solid #0b318f;
}

.m-link-shadow-box-title[data-arrow-color=isFree]::after {
  border-top: 2px solid #ff6600;
  border-left: 2px solid #ff6600;
}

.m-link-shadow-box-title[data-arrow-color=aquaDark]::after {
  border-top: 2px solid #029ebb;
  border-left: 2px solid #029ebb;
}

.m-link-shadow-box-title[data-arrow-color=blackA]::after {
  border-top: 2px solid #464545;
  border-left: 2px solid #464545;
}

.m-link-shadow-box-title[data-arrow-color=jcom]::after {
  border-top: 2px solid #e93817;
  border-left: 2px solid #e93817;
}

.m-link-shadow-box-title[data-arrow-color=skin]::after {
  border-top: 2px solid #FFF9E5;
  border-left: 2px solid #FFF9E5;
}

.m-link-shadow-box-title[data-arrow-color=alldenka]::after {
  border-top: 2px solid #f16c00;
  border-left: 2px solid #f16c00;
}

.m-link-shadow-box-title[data-arrow-color=jyuryo]::after {
  border-top: 2px solid #f4a433;
  border-left: 2px solid #f4a433;
}

.m-link-shadow-box-title[data-arrow-color=planTarget]::after {
  border-top: 2px solid #fcf3d9;
  border-left: 2px solid #fcf3d9;
}

.m-link-shadow-box-title[data-arrow-color=lightGray]::after {
  border-top: 2px solid #f0f0f0;
  border-left: 2px solid #f0f0f0;
}

.m-link-shadow-box-title[data-arrow-color=thinGrary]::after {
  border-top: 2px solid #dcdcdc;
  border-left: 2px solid #dcdcdc;
}

.m-link-shadow-box-title[data-arrow-color=default]::after {
  border-top: 2px solid #333333;
  border-left: 2px solid #333333;
}

.m-link-shadow-box-title[data-arrow-color=mobileBackLight]::after {
  border-top: 2px solid #edf7ff;
  border-left: 2px solid #edf7ff;
}

.m-link-shadow-box-title[data-arrow-color=mobileBackGreen]::after {
  border-top: 2px solid #ecf6f6;
  border-left: 2px solid #ecf6f6;
}

.m-link-shadow-box-title[data-arrow-color=mobileBackLightBlue]::after {
  border-top: 2px solid #d7edef;
  border-left: 2px solid #d7edef;
}

.m-link-shadow-box-title[data-arrow-color=netflix]::after {
  border-top: 2px solid #d81f26;
  border-left: 2px solid #d81f26;
}

.m-link-shadow-box-title[data-arrow-color=home]::after {
  border-top: 2px solid #fa7268;
  border-left: 2px solid #fa7268;
}

.m-link-shadow-box-title[data-arrow-color=hoken]::after {
  border-top: 2px solid #e60044;
  border-left: 2px solid #e60044;
}

.m-link-shadow-box-hr {
  display: none;
}

@media screen and (max-width: 767px) {
  .m-link-shadow-box-hr {
    display: block;
  }
  .m-link-shadow-box-hr[data-border-color=tv] {
    border-top: 2px solid #e40077;
    margin: 2px 10px 20px 10px;
  }
  .m-link-shadow-box-hr[data-border-color=net] {
    border-top: 2px solid #0085cd;
    margin: 2px 10px 20px 10px;
  }
  .m-link-shadow-box-hr[data-border-color=phone] {
    border-top: 2px solid #00a33e;
    margin: 2px 10px 20px 10px;
  }
  .m-link-shadow-box-hr[data-border-color=mobile] {
    border-top: 2px solid #00a4a8;
    margin: 2px 10px 20px 10px;
  }
  .m-link-shadow-box-hr[data-border-color=ele] {
    border-top: 2px solid #f18d00;
    margin: 2px 10px 20px 10px;
  }
  .m-link-shadow-box-hr[data-border-color=gas] {
    border-top: 2px solid #0a308f;
    margin: 2px 10px 20px 10px;
  }
  .m-link-shadow-box-hr[data-border-color=gray] {
    border-top: 2px solid #e5e5e5;
    margin: 2px 10px 20px 10px;
  }
  .m-link-shadow-box-hr[data-border-color=blue] {
    border-top: 2px solid #0b318f;
    margin: 2px 10px 20px 10px;
  }
  .m-link-shadow-box-hr[data-border-color=isFree] {
    border-top: 2px solid #ff6600;
    margin: 2px 10px 20px 10px;
  }
  .m-link-shadow-box-hr[data-border-color=aquaDark] {
    border-top: 2px solid #029ebb;
    margin: 2px 10px 20px 10px;
  }
  .m-link-shadow-box-hr[data-border-color=blackA] {
    border-top: 2px solid #464545;
    margin: 2px 10px 20px 10px;
  }
  .m-link-shadow-box-hr[data-border-color=jcom] {
    border-top: 2px solid #e93817;
    margin: 2px 10px 20px 10px;
  }
  .m-link-shadow-box-hr[data-border-color=skin] {
    border-top: 2px solid #FFF9E5;
    margin: 2px 10px 20px 10px;
  }
  .m-link-shadow-box-hr[data-border-color=alldenka] {
    border-top: 2px solid #f16c00;
    margin: 2px 10px 20px 10px;
  }
  .m-link-shadow-box-hr[data-border-color=jyuryo] {
    border-top: 2px solid #f4a433;
    margin: 2px 10px 20px 10px;
  }
  .m-link-shadow-box-hr[data-border-color=planTarget] {
    border-top: 2px solid #fcf3d9;
    margin: 2px 10px 20px 10px;
  }
  .m-link-shadow-box-hr[data-border-color=lightGray] {
    border-top: 2px solid #f0f0f0;
    margin: 2px 10px 20px 10px;
  }
  .m-link-shadow-box-hr[data-border-color=thinGrary] {
    border-top: 2px solid #dcdcdc;
    margin: 2px 10px 20px 10px;
  }
  .m-link-shadow-box-hr[data-border-color=default] {
    border-top: 2px solid #333333;
    margin: 2px 10px 20px 10px;
  }
  .m-link-shadow-box-hr[data-border-color=mobileBackLight] {
    border-top: 2px solid #edf7ff;
    margin: 2px 10px 20px 10px;
  }
  .m-link-shadow-box-hr[data-border-color=mobileBackGreen] {
    border-top: 2px solid #ecf6f6;
    margin: 2px 10px 20px 10px;
  }
  .m-link-shadow-box-hr[data-border-color=mobileBackLightBlue] {
    border-top: 2px solid #d7edef;
    margin: 2px 10px 20px 10px;
  }
  .m-link-shadow-box-hr[data-border-color=netflix] {
    border-top: 2px solid #d81f26;
    margin: 2px 10px 20px 10px;
  }
  .m-link-shadow-box-hr[data-border-color=home] {
    border-top: 2px solid #fa7268;
    margin: 2px 10px 20px 10px;
  }
  .m-link-shadow-box-hr[data-border-color=hoken] {
    border-top: 2px solid #e60044;
    margin: 2px 10px 20px 10px;
  }
  .m-link-shadow-box-contents img {
    display: none;
  }
}

.m-link-shadow-box-contents img {
  margin-bottom: 30px;
}

.m-link-shadow-box a {
  height: 100%;
  display: block;
}

.m-link-shadow-box a:hover {
  opacity: 0.6;
  text-decoration: none !important;
}

.m-tooltip {
  display: table;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .m-tooltip {
    position: relative;
  }
}

.m-tooltip > * {
  display: table-cell;
  padding: 0px 19px 0 0;
  vertical-align: middle;
  text-align: center;
  box-sizing: content-box;
}

.m-tooltip > * img {
  padding: 0;
  box-sizing: content-box;
}

.m-tooltip-none img {
  width: 20px;
  padding-top: 10px;
}

@media screen and (max-width: 767px) {
  .m-tooltip .iconTooltip {
    position: static;
  }
}

@media screen and (max-width: 767px) {
  .m-tooltip .toolTipBaloonTypeA.isActive {
    top: -100px;
    left: 0;
    width: 100%;
    height: 140px;
  }
}

@media screen and (max-width: 767px) {
  .m-tooltip .toolTipBaloonTypeA.isActive::before, .m-tooltip .toolTipBaloonTypeA.isActive::after {
    display: none;
  }
}

.m-step-no {
  border-radius: 14px !important;
  margin-right: 15px;
  padding: 4px 20px !important;
}

.m-title-box-label-str[data-label-icon="on"] {
  position: relative;
}

.m-title-box-label-str[data-label-icon="on"] > .m-title-box-label-icon {
  display: inline-block;
  font-weight: bold;
  height: 26px;
  padding: 0 10px;
  line-height: 2;
  position: absolute;
  left: 20px;
  top: 50%;
  margin-top: -13px;
  background: #fff;
  border-radius: 50px;
}

@media screen and (max-width: 767px) {
  .m-title-box-label-str[data-label-icon="on"] > .m-title-box-label-icon {
    position: static;
  }
}

@media screen and (max-width: 767px) {
  .m-title-box-label-str[data-label-icon="on"] em {
    display: block;
  }
}

.m-box-set-price {
  padding-right: 30px;
  font-size: 24px;
  font-weight: bold;
  position: relative;
  align-self: center;
}

.m-box-set-price::after {
  content: "";
  display: block;
  border: 15px solid transparent;
  border-left: 15px solid #bdc4e0;
  position: absolute;
  right: -15px;
  top: 50%;
  margin-top: -15px;
}

@media screen and (max-width: 767px) {
  .m-box-set-price {
    padding-bottom: 0;
  }
  .m-box-set-price::after {
    border: 15px solid transparent;
    border-top: 15px solid #bdc4e0;
    position: static;
    display: inline-block;
    margin-top: 10px;
  }
}

.m-box-set-discount {
  padding-left: 50px;
}

@media screen and (max-width: 767px) {
  .m-box-set-discount {
    text-align: center;
  }
}

.m-box-set-discount-desc {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: -10px;
  margin-top: 10px;
}

.m-box-set-discount-value img {
  width: 18px;
  vertical-align: text-bottom;
}

.m-box-set-discount-value span {
  padding-left: 10px;
  font-size: 44px;
}

.m-box-start {
  font-size: 16px;
}

.m-box-start-heading {
  width: 80%;
  border: 1px solid #f18d00;
  border-radius: 6px;
  padding: 8px;
  text-align: center;
  position: relative;
}

@media screen and (max-width: 767px) {
  .m-box-start-heading {
    width: 100%;
    margin-bottom: 40px;
  }
}

.m-box-start-heading > * {
  margin: 0 0 5px;
}

.m-box-start-heading > *:last-child {
  margin: 0;
}

.m-box-start-heading::after {
  content: "";
  display: inline-block;
  border: 15px solid transparent;
  border-left: 15px solid #f18d00;
  margin-top: 15px;
  position: absolute;
  right: -25%;
  top: 50%;
  margin-top: -15px;
}

@media screen and (max-width: 767px) {
  .m-box-start-heading::after {
    border: 15px solid transparent;
    border-top: 15px solid #f18d00;
    margin-top: 15px;
    left: 50%;
    right: auto;
    top: auto;
    bottom: -45px;
    margin: 0 0 0 -15px;
  }
}

.m-box-start-content {
  text-align: center;
}

.m-box-start-content > * {
  margin: 0 0 5px;
}

.m-box-start-content > *:last-child {
  margin: 0;
}

.m-box-start-txt {
  font-size: 18px;
  margin-bottom: -10px;
}

.m-box-start-price {
  font-size: 40px;
}

@media screen and (max-width: 767px) {
  .m-stepflow {
    margin-bottom: calc((30  / 768) * 100vw);
  }
}

.m-stepflow-inner {
  box-sizing: border-box;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  height: 0;
  padding-top: calc((89 / 789) * 100%);
}

.m-stepflow-inner[data-stepflow-bgimg=tv] {
  background-image: url(/resources/images/bg/step_bg_tv_pc.png);
}

.m-stepflow-inner[data-stepflow-bgimg=net] {
  background-image: url(/resources/images/bg/step_bg_net_pc.png);
}

.m-stepflow-inner[data-stepflow-bgimg=phone] {
  background-image: url(/resources/images/bg/step_bg_phone_pc.png);
}

.m-stepflow-inner[data-stepflow-bgimg=mobile] {
  background-image: url(/resources/images/bg/step_bg_mobile_pc.png);
}

.m-stepflow-inner[data-stepflow-bgimg=ele] {
  background-image: url(/resources/images/bg/step_bg_ele_pc.png);
}

.m-stepflow-inner[data-stepflow-bgimg=gas] {
  background-image: url(/resources/images/bg/step_bg_gas_pc.png);
}

.m-stepflow-inner[data-stepflow-bgimg=gray] {
  background-image: url(/resources/images/bg/step_bg_gray_pc.png);
}

.m-stepflow-inner[data-stepflow-bgimg=blue] {
  background-image: url(/resources/images/bg/step_bg_blue_pc.png);
}

.m-stepflow-inner[data-stepflow-bgimg=isFree] {
  background-image: url(/resources/images/bg/step_bg_isFree_pc.png);
}

.m-stepflow-inner[data-stepflow-bgimg=aquaDark] {
  background-image: url(/resources/images/bg/step_bg_aquaDark_pc.png);
}

.m-stepflow-inner[data-stepflow-bgimg=blackA] {
  background-image: url(/resources/images/bg/step_bg_blackA_pc.png);
}

.m-stepflow-inner[data-stepflow-bgimg=jcom] {
  background-image: url(/resources/images/bg/step_bg_jcom_pc.png);
}

.m-stepflow-inner[data-stepflow-bgimg=skin] {
  background-image: url(/resources/images/bg/step_bg_skin_pc.png);
}

.m-stepflow-inner[data-stepflow-bgimg=alldenka] {
  background-image: url(/resources/images/bg/step_bg_alldenka_pc.png);
}

.m-stepflow-inner[data-stepflow-bgimg=jyuryo] {
  background-image: url(/resources/images/bg/step_bg_jyuryo_pc.png);
}

.m-stepflow-inner[data-stepflow-bgimg=planTarget] {
  background-image: url(/resources/images/bg/step_bg_planTarget_pc.png);
}

.m-stepflow-inner[data-stepflow-bgimg=lightGray] {
  background-image: url(/resources/images/bg/step_bg_lightGray_pc.png);
}

.m-stepflow-inner[data-stepflow-bgimg=thinGrary] {
  background-image: url(/resources/images/bg/step_bg_thinGrary_pc.png);
}

.m-stepflow-inner[data-stepflow-bgimg=default] {
  background-image: url(/resources/images/bg/step_bg_default_pc.png);
}

.m-stepflow-inner[data-stepflow-bgimg=mobileBackLight] {
  background-image: url(/resources/images/bg/step_bg_mobileBackLight_pc.png);
}

.m-stepflow-inner[data-stepflow-bgimg=mobileBackGreen] {
  background-image: url(/resources/images/bg/step_bg_mobileBackGreen_pc.png);
}

.m-stepflow-inner[data-stepflow-bgimg=mobileBackLightBlue] {
  background-image: url(/resources/images/bg/step_bg_mobileBackLightBlue_pc.png);
}

.m-stepflow-inner[data-stepflow-bgimg=netflix] {
  background-image: url(/resources/images/bg/step_bg_netflix_pc.png);
}

.m-stepflow-inner[data-stepflow-bgimg=home] {
  background-image: url(/resources/images/bg/step_bg_home_pc.png);
}

.m-stepflow-inner[data-stepflow-bgimg=hoken] {
  background-image: url(/resources/images/bg/step_bg_hoken_pc.png);
}

@media screen and (max-width: 767px) {
  .m-stepflow-inner {
    position: relative;
    padding-top: calc((181 / 710) * 100%);
  }
  .m-stepflow-inner[data-stepflow-bgimg=tv] {
    background-image: url(/resources/images/bg/step_bg_tv_sp.png);
  }
  .m-stepflow-inner[data-stepflow-bgimg=net] {
    background-image: url(/resources/images/bg/step_bg_net_sp.png);
  }
  .m-stepflow-inner[data-stepflow-bgimg=phone] {
    background-image: url(/resources/images/bg/step_bg_phone_sp.png);
  }
  .m-stepflow-inner[data-stepflow-bgimg=mobile] {
    background-image: url(/resources/images/bg/step_bg_mobile_sp.png);
  }
  .m-stepflow-inner[data-stepflow-bgimg=ele] {
    background-image: url(/resources/images/bg/step_bg_ele_sp.png);
  }
  .m-stepflow-inner[data-stepflow-bgimg=gas] {
    background-image: url(/resources/images/bg/step_bg_gas_sp.png);
  }
  .m-stepflow-inner[data-stepflow-bgimg=gray] {
    background-image: url(/resources/images/bg/step_bg_gray_sp.png);
  }
  .m-stepflow-inner[data-stepflow-bgimg=blue] {
    background-image: url(/resources/images/bg/step_bg_blue_sp.png);
  }
  .m-stepflow-inner[data-stepflow-bgimg=isFree] {
    background-image: url(/resources/images/bg/step_bg_isFree_sp.png);
  }
  .m-stepflow-inner[data-stepflow-bgimg=aquaDark] {
    background-image: url(/resources/images/bg/step_bg_aquaDark_sp.png);
  }
  .m-stepflow-inner[data-stepflow-bgimg=blackA] {
    background-image: url(/resources/images/bg/step_bg_blackA_sp.png);
  }
  .m-stepflow-inner[data-stepflow-bgimg=jcom] {
    background-image: url(/resources/images/bg/step_bg_jcom_sp.png);
  }
  .m-stepflow-inner[data-stepflow-bgimg=skin] {
    background-image: url(/resources/images/bg/step_bg_skin_sp.png);
  }
  .m-stepflow-inner[data-stepflow-bgimg=alldenka] {
    background-image: url(/resources/images/bg/step_bg_alldenka_sp.png);
  }
  .m-stepflow-inner[data-stepflow-bgimg=jyuryo] {
    background-image: url(/resources/images/bg/step_bg_jyuryo_sp.png);
  }
  .m-stepflow-inner[data-stepflow-bgimg=planTarget] {
    background-image: url(/resources/images/bg/step_bg_planTarget_sp.png);
  }
  .m-stepflow-inner[data-stepflow-bgimg=lightGray] {
    background-image: url(/resources/images/bg/step_bg_lightGray_sp.png);
  }
  .m-stepflow-inner[data-stepflow-bgimg=thinGrary] {
    background-image: url(/resources/images/bg/step_bg_thinGrary_sp.png);
  }
  .m-stepflow-inner[data-stepflow-bgimg=default] {
    background-image: url(/resources/images/bg/step_bg_default_sp.png);
  }
  .m-stepflow-inner[data-stepflow-bgimg=mobileBackLight] {
    background-image: url(/resources/images/bg/step_bg_mobileBackLight_sp.png);
  }
  .m-stepflow-inner[data-stepflow-bgimg=mobileBackGreen] {
    background-image: url(/resources/images/bg/step_bg_mobileBackGreen_sp.png);
  }
  .m-stepflow-inner[data-stepflow-bgimg=mobileBackLightBlue] {
    background-image: url(/resources/images/bg/step_bg_mobileBackLightBlue_sp.png);
  }
  .m-stepflow-inner[data-stepflow-bgimg=netflix] {
    background-image: url(/resources/images/bg/step_bg_netflix_sp.png);
  }
  .m-stepflow-inner[data-stepflow-bgimg=home] {
    background-image: url(/resources/images/bg/step_bg_home_sp.png);
  }
  .m-stepflow-inner[data-stepflow-bgimg=hoken] {
    background-image: url(/resources/images/bg/step_bg_hoken_sp.png);
  }
}

.m-stepflow-list {
  display: flex;
  margin-top: calc((85 / 789) * -100%);
}

@media screen and (max-width: 767px) {
  .m-stepflow-list {
    margin-top: calc(((240 / 726) * -100vw) / 2);
  }
}

@media screen and (max-width: 450px) {
  .m-stepflow-list {
    margin-top: calc(((300 / 726) * -100vw) / 2);
  }
}

@media screen and (max-width: 375px) {
  .m-stepflow-list {
    margin-top: calc(((330 / 726) * -100vw) / 2);
  }
}

.m-stepflow-list li {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 25%;
  margin-left: 25px;
}

@media screen and (max-width: 767px) {
  .m-stepflow-list li {
    margin-left: calc((15 / 768) * 100vw);
  }
}

.m-stepflow-list[data-stepflow-color=tv] .m-stepflow-label {
  background-color: #e40077;
}

.m-stepflow-list[data-stepflow-color=net] .m-stepflow-label {
  background-color: #0085cd;
}

.m-stepflow-list[data-stepflow-color=phone] .m-stepflow-label {
  background-color: #00a33e;
}

.m-stepflow-list[data-stepflow-color=mobile] .m-stepflow-label {
  background-color: #00a4a8;
}

.m-stepflow-list[data-stepflow-color=ele] .m-stepflow-label {
  background-color: #f18d00;
}

.m-stepflow-list[data-stepflow-color=gas] .m-stepflow-label {
  background-color: #0a308f;
}

.m-stepflow-list[data-stepflow-color=gray] .m-stepflow-label {
  background-color: #e5e5e5;
}

.m-stepflow-list[data-stepflow-color=blue] .m-stepflow-label {
  background-color: #0b318f;
}

.m-stepflow-list[data-stepflow-color=isFree] .m-stepflow-label {
  background-color: #ff6600;
}

.m-stepflow-list[data-stepflow-color=aquaDark] .m-stepflow-label {
  background-color: #029ebb;
}

.m-stepflow-list[data-stepflow-color=blackA] .m-stepflow-label {
  background-color: #464545;
}

.m-stepflow-list[data-stepflow-color=jcom] .m-stepflow-label {
  background-color: #e93817;
}

.m-stepflow-list[data-stepflow-color=skin] .m-stepflow-label {
  background-color: #FFF9E5;
}

.m-stepflow-list[data-stepflow-color=alldenka] .m-stepflow-label {
  background-color: #f16c00;
}

.m-stepflow-list[data-stepflow-color=jyuryo] .m-stepflow-label {
  background-color: #f4a433;
}

.m-stepflow-list[data-stepflow-color=planTarget] .m-stepflow-label {
  background-color: #fcf3d9;
}

.m-stepflow-list[data-stepflow-color=lightGray] .m-stepflow-label {
  background-color: #f0f0f0;
}

.m-stepflow-list[data-stepflow-color=thinGrary] .m-stepflow-label {
  background-color: #dcdcdc;
}

.m-stepflow-list[data-stepflow-color=default] .m-stepflow-label {
  background-color: #333333;
}

.m-stepflow-list[data-stepflow-color=mobileBackLight] .m-stepflow-label {
  background-color: #edf7ff;
}

.m-stepflow-list[data-stepflow-color=mobileBackGreen] .m-stepflow-label {
  background-color: #ecf6f6;
}

.m-stepflow-list[data-stepflow-color=mobileBackLightBlue] .m-stepflow-label {
  background-color: #d7edef;
}

.m-stepflow-list[data-stepflow-color=netflix] .m-stepflow-label {
  background-color: #d81f26;
}

.m-stepflow-list[data-stepflow-color=home] .m-stepflow-label {
  background-color: #fa7268;
}

.m-stepflow-list[data-stepflow-color=hoken] .m-stepflow-label {
  background-color: #e60044;
}

.m-stepflow-label {
  font-size: 12px;
  padding: 8px 20px 5px 20px;
  display: inline-block;
  border-radius: 14px;
  margin-top: 10px;
  background-color: #e93817;
  color: #fff;
  line-height: 1;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .m-stepflow-label {
    font-size: calc((12 / 768) * 100vw);
    padding-top: calc((8 / 768) * 100vw);
    padding-bottom: calc((5 / 768) * 100vw);
    padding-left: calc((20 / 768) * 100vw);
    padding-right: calc((20 / 768) * 100vw);
  }
}

.m-stepflow-txt {
  margin-top: 10px;
  font-size: 12px;
}

/* ----------------------------------------------------------------------------
 * Grid
 * ------------------------------------------------------------------------- */
/* ------------------------------------
 * Module
 * --------------------------------- */
/* ----------------------------------------------------------------------------
 * List
 * ------------------------------------------------------------------------- */
/* ------------------------------------
 * Module
 * --------------------------------- */
.m-hr {
  margin: 30px 0 30px;
  border-top: 1px solid #dfdfdf;
  width: 100%;
}

.m-hr-dotted {
  border-top: 2px dashed #dfdfdf;
}

.m-hr[data-color=tv] {
  border-top: 2px solid #e40077 !important;
}

.m-hr[data-color=net] {
  border-top: 2px solid #0085cd !important;
}

.m-hr[data-color=phone] {
  border-top: 2px solid #00a33e !important;
}

.m-hr[data-color=mobile] {
  border-top: 2px solid #00a4a8 !important;
}

.m-hr[data-color=ele] {
  border-top: 2px solid #f18d00 !important;
}

.m-hr[data-color=gas] {
  border-top: 2px solid #0a308f !important;
}

.m-hr[data-color=gray] {
  border-top: 2px solid #b5b5b5 !important;
}

.m-hr[data-color=blue] {
  border-top: 2px solid #0b318f !important;
}

.m-hr[data-color=isFree] {
  border-top: 2px solid #ff6600 !important;
}

.m-hr[data-color=aquaDark] {
  border-top: 2px solid #029ebb !important;
}

.m-hr[data-color=lightGray] {
  border-top: 2px solid #f0f0f0 !important;
}

.m-hr[data-color=thinGrary] {
  border-top: 2px solid #dcdcdc !important;
}

.m-hr[data-color=mobileBackLight] {
  border-top: 2px solid #edf7ff !important;
}

.m-hr[data-color=mobileBackGreen] {
  border-top: 2px solid #ecf6f6 !important;
}

.m-hr[data-color=netBackLight] {
  border-top: 2px solid #f3faff !important;
}

.m-hr[data-color=homeLivingCoral] {
  border-top: 2px solid #fa7268 !important;
}

.m-hr[data-color=home] {
  border-top: 2px solid #fa7268 !important;
}

.m-hr[data-color=netflix] {
  border-top: 2px solid #d81f26 !important;
}

@media screen and (max-width: 767px) {
  .m-hr .m-hr {
    margin: 50px calc(50% - 50vw);
    width: 100%;
  }
}

.m-hr-box, .m-br-box {
  text-align: center;
  position: relative;
}

.m-hr-box .m-hr-title, .m-br-box .m-hr-title {
  margin: 0 auto;
  position: absolute;
  top: -10px;
  right: 0;
  left: 0;
  z-index: 1;
  font-size: 12px;
}

.m-hr-box .m-hr-title span, .m-br-box .m-hr-title span {
  display: inline-block;
  border-radius: 16px;
  color: #fff;
  background: #0b318f;
  padding: 3px 22px 2px 22px;
}

@media screen and (max-width: 767px) {
  .m-hr-box .m-hr-title span, .m-br-box .m-hr-title span {
    font-size: 12px;
    padding: 3px 22px 2px 22px;
  }
}

.m-hr-box .m-hr-title span[data-color=tv], .m-br-box .m-hr-title span[data-color=tv] {
  background: #e40077 !important;
}

.m-hr-box .m-hr-title span[data-color=net], .m-br-box .m-hr-title span[data-color=net] {
  background: #0085cd !important;
}

.m-hr-box .m-hr-title span[data-color=phone], .m-br-box .m-hr-title span[data-color=phone] {
  background: #00a33e !important;
}

.m-hr-box .m-hr-title span[data-color=mobile], .m-br-box .m-hr-title span[data-color=mobile] {
  background: #00a4a8 !important;
}

.m-hr-box .m-hr-title span[data-color=ele], .m-br-box .m-hr-title span[data-color=ele] {
  background: #f18d00 !important;
}

.m-hr-box .m-hr-title span[data-color=gas], .m-br-box .m-hr-title span[data-color=gas] {
  background: #0a308f !important;
}

.m-hr-box .m-hr-title span[data-color=gray], .m-br-box .m-hr-title span[data-color=gray] {
  background: #b5b5b5 !important;
}

.m-hr-box .m-hr-title span[data-color=blue], .m-br-box .m-hr-title span[data-color=blue] {
  background: #0b318f !important;
}

.m-hr-box .m-hr-title span[data-color=isFree], .m-br-box .m-hr-title span[data-color=isFree] {
  background: #ff6600 !important;
}

.m-hr-box .m-hr-title span[data-color=aquaDark], .m-br-box .m-hr-title span[data-color=aquaDark] {
  background: #029ebb !important;
}

.m-hr-box .m-hr-title span[data-color=lightGray], .m-br-box .m-hr-title span[data-color=lightGray] {
  background: #f0f0f0 !important;
}

.m-hr-box .m-hr-title span[data-color=thinGrary], .m-br-box .m-hr-title span[data-color=thinGrary] {
  background: #dcdcdc !important;
}

.m-hr-box .m-hr-title span[data-color=mobileBackLight], .m-br-box .m-hr-title span[data-color=mobileBackLight] {
  background: #edf7ff !important;
}

.m-hr-box .m-hr-title span[data-color=mobileBackGreen], .m-br-box .m-hr-title span[data-color=mobileBackGreen] {
  background: #ecf6f6 !important;
}

.m-hr-box .m-hr-title span[data-color=netBackLight], .m-br-box .m-hr-title span[data-color=netBackLight] {
  background: #f3faff !important;
}

.m-hr-box .m-hr-title span[data-color=homeLivingCoral], .m-br-box .m-hr-title span[data-color=homeLivingCoral] {
  background: #fa7268 !important;
}

.m-hr-box .m-hr-title span[data-color=home], .m-br-box .m-hr-title span[data-color=home] {
  background: #fa7268 !important;
}

.m-hr-box .m-hr-title span[data-color=netflix], .m-br-box .m-hr-title span[data-color=netflix] {
  background: #d81f26 !important;
}

.m-hr-box .m-hr-title span[data-type="nonback"], .m-br-box .m-hr-title span[data-type="nonback"] {
  background: #fff !important;
  color: #0b318f;
}

.m-hr-box .m-hr-title span[data-type="nonback"][data-color=tv], .m-br-box .m-hr-title span[data-type="nonback"][data-color=tv] {
  color: #e40077 !important;
}

.m-hr-box .m-hr-title span[data-type="nonback"][data-color=net], .m-br-box .m-hr-title span[data-type="nonback"][data-color=net] {
  color: #0085cd !important;
}

.m-hr-box .m-hr-title span[data-type="nonback"][data-color=phone], .m-br-box .m-hr-title span[data-type="nonback"][data-color=phone] {
  color: #00a33e !important;
}

.m-hr-box .m-hr-title span[data-type="nonback"][data-color=mobile], .m-br-box .m-hr-title span[data-type="nonback"][data-color=mobile] {
  color: #00a4a8 !important;
}

.m-hr-box .m-hr-title span[data-type="nonback"][data-color=ele], .m-br-box .m-hr-title span[data-type="nonback"][data-color=ele] {
  color: #f18d00 !important;
}

.m-hr-box .m-hr-title span[data-type="nonback"][data-color=gas], .m-br-box .m-hr-title span[data-type="nonback"][data-color=gas] {
  color: #0a308f !important;
}

.m-hr-box .m-hr-title span[data-type="nonback"][data-color=gray], .m-br-box .m-hr-title span[data-type="nonback"][data-color=gray] {
  color: #b5b5b5 !important;
}

.m-hr-box .m-hr-title span[data-type="nonback"][data-color=blue], .m-br-box .m-hr-title span[data-type="nonback"][data-color=blue] {
  color: #0b318f !important;
}

.m-hr-box .m-hr-title span[data-type="nonback"][data-color=isFree], .m-br-box .m-hr-title span[data-type="nonback"][data-color=isFree] {
  color: #ff6600 !important;
}

.m-hr-box .m-hr-title span[data-type="nonback"][data-color=aquaDark], .m-br-box .m-hr-title span[data-type="nonback"][data-color=aquaDark] {
  color: #029ebb !important;
}

.m-hr-box .m-hr-title span[data-type="nonback"][data-color=lightGray], .m-br-box .m-hr-title span[data-type="nonback"][data-color=lightGray] {
  color: #f0f0f0 !important;
}

.m-hr-box .m-hr-title span[data-type="nonback"][data-color=thinGrary], .m-br-box .m-hr-title span[data-type="nonback"][data-color=thinGrary] {
  color: #dcdcdc !important;
}

.m-hr-box .m-hr-title span[data-type="nonback"][data-color=mobileBackLight], .m-br-box .m-hr-title span[data-type="nonback"][data-color=mobileBackLight] {
  color: #edf7ff !important;
}

.m-hr-box .m-hr-title span[data-type="nonback"][data-color=mobileBackGreen], .m-br-box .m-hr-title span[data-type="nonback"][data-color=mobileBackGreen] {
  color: #ecf6f6 !important;
}

.m-hr-box .m-hr-title span[data-type="nonback"][data-color=netBackLight], .m-br-box .m-hr-title span[data-type="nonback"][data-color=netBackLight] {
  color: #f3faff !important;
}

.m-hr-box .m-hr-title span[data-type="nonback"][data-color=homeLivingCoral], .m-br-box .m-hr-title span[data-type="nonback"][data-color=homeLivingCoral] {
  color: #fa7268 !important;
}

.m-hr-box .m-hr-title span[data-type="nonback"][data-color=home], .m-br-box .m-hr-title span[data-type="nonback"][data-color=home] {
  color: #fa7268 !important;
}

.m-hr-box .m-hr-title span[data-type="nonback"][data-color=netflix], .m-br-box .m-hr-title span[data-type="nonback"][data-color=netflix] {
  color: #d81f26 !important;
}

.m-point {
  display: table;
}

.m-point-box, .m-point-title {
  display: table-cell;
}

.m-point-box {
  vertical-align: middle;
  padding: 3px;
  background: #e40077;
  text-align: center;
  color: #fff;
  min-width: 50px;
  display: inline-table;
  margin-right: 10px;
  font-family: "Noto Sans JP";
}

.m-point-box p {
  margin: 0;
  line-height: 1.2em;
}

.m-point-box .m-point-num-title {
  font-size: 12px !important;
}

.m-point-box .m-point-num {
  font-size: 22px !important;
  font-weight: bold;
}

.m-point-box[data-color=tv] {
  background: #e40077 !important;
}

.m-point-box[data-color=net] {
  background: #0085cd !important;
}

.m-point-box[data-color=phone] {
  background: #00a33e !important;
}

.m-point-box[data-color=mobile] {
  background: #00a4a8 !important;
}

.m-point-box[data-color=ele] {
  background: #f18d00 !important;
}

.m-point-box[data-color=gas] {
  background: #0a308f !important;
}

.m-point-box[data-color=gray] {
  background: #b5b5b5 !important;
}

.m-point-box[data-color=blue] {
  background: #0b318f !important;
}

.m-point-box[data-color=isFree] {
  background: #ff6600 !important;
}

.m-point-box[data-color=aquaDark] {
  background: #029ebb !important;
}

.m-point-box[data-color=lightGray] {
  background: #f0f0f0 !important;
}

.m-point-box[data-color=thinGrary] {
  background: #dcdcdc !important;
}

.m-point-box[data-color=mobileBackLight] {
  background: #edf7ff !important;
}

.m-point-box[data-color=mobileBackGreen] {
  background: #ecf6f6 !important;
}

.m-point-box[data-color=netBackLight] {
  background: #f3faff !important;
}

.m-point-box[data-color=homeLivingCoral] {
  background: #fa7268 !important;
}

.m-point-box[data-color=home] {
  background: #fa7268 !important;
}

.m-point-box[data-color=netflix] {
  background: #d81f26 !important;
}

.m-point-title {
  vertical-align: middle;
  font-size: 14px;
  line-height: 1.3;
  font-weight: bold;
  margin-bottom: 0;
  padding: 10px;
}

@media screen and (max-width: 767px) {
  .m-point-title {
    padding: 0 5px;
  }
}

.m-label {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.m-label-title {
  text-align: left;
  font-size: 22px;
  line-height: 1.3;
  font-weight: normal;
  color: #333;
  margin-bottom: 0;
  margin-right: 10px;
}

@media screen and (max-width: 767px) {
  .m-label-title {
    font-size: 16px;
  }
}

.m-label-box {
  height: 50px;
  width: 50px;
  border-radius: 50%;
  line-height: 50px;
  text-align: center;
  background: #e40077;
  color: #fff;
}

.m-label-box[data-color=tv] {
  background: #e40077 !important;
}

.m-label-box[data-color=net] {
  background: #0085cd !important;
}

.m-label-box[data-color=phone] {
  background: #00a33e !important;
}

.m-label-box[data-color=mobile] {
  background: #00a4a8 !important;
}

.m-label-box[data-color=ele] {
  background: #f18d00 !important;
}

.m-label-box[data-color=gas] {
  background: #0a308f !important;
}

.m-label-box[data-color=gray] {
  background: #b5b5b5 !important;
}

.m-label-box[data-color=blue] {
  background: #0b318f !important;
}

.m-label-box[data-color=isFree] {
  background: #ff6600 !important;
}

.m-label-box[data-color=aquaDark] {
  background: #029ebb !important;
}

.m-label-box[data-color=lightGray] {
  background: #f0f0f0 !important;
}

.m-label-box[data-color=thinGrary] {
  background: #dcdcdc !important;
}

.m-label-box[data-color=mobileBackLight] {
  background: #edf7ff !important;
}

.m-label-box[data-color=mobileBackGreen] {
  background: #ecf6f6 !important;
}

.m-label-box[data-color=netBackLight] {
  background: #f3faff !important;
}

.m-label-box[data-color=homeLivingCoral] {
  background: #fa7268 !important;
}

.m-label-box[data-color=home] {
  background: #fa7268 !important;
}

.m-label-box[data-color=netflix] {
  background: #d81f26 !important;
}

.m-label-box-title {
  width: 50px;
  margin: 0;
  font-weight: bold;
}

.m-title-box {
  width: 100%;
  border: 1px solid #ccc;
  margin-bottom: 10px;
  text-align: center;
  font: 13px/1.231 'メイリオ','Meiryo','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック', arial,helvetica,clean,sans-serif;
}

.m-title-box[data-border-color=tv] {
  border: 1px solid #e40077 !important;
}

.m-title-box[data-border-color=net] {
  border: 1px solid #0085cd !important;
}

.m-title-box[data-border-color=phone] {
  border: 1px solid #00a33e !important;
}

.m-title-box[data-border-color=mobile] {
  border: 1px solid #00a4a8 !important;
}

.m-title-box[data-border-color=ele] {
  border: 1px solid #f18d00 !important;
}

.m-title-box[data-border-color=gas] {
  border: 1px solid #0a308f !important;
}

.m-title-box[data-border-color=gray] {
  border: 1px solid #b5b5b5 !important;
}

.m-title-box[data-border-color=blue] {
  border: 1px solid #0b318f !important;
}

.m-title-box[data-border-color=isFree] {
  border: 1px solid #ff6600 !important;
}

.m-title-box[data-border-color=aquaDark] {
  border: 1px solid #029ebb !important;
}

.m-title-box[data-border-color=lightGray] {
  border: 1px solid #f0f0f0 !important;
}

.m-title-box[data-border-color=thinGrary] {
  border: 1px solid #dcdcdc !important;
}

.m-title-box[data-border-color=mobileBackLight] {
  border: 1px solid #edf7ff !important;
}

.m-title-box[data-border-color=mobileBackGreen] {
  border: 1px solid #ecf6f6 !important;
}

.m-title-box[data-border-color=netBackLight] {
  border: 1px solid #f3faff !important;
}

.m-title-box[data-border-color=homeLivingCoral] {
  border: 1px solid #fa7268 !important;
}

.m-title-box[data-border-color=home] {
  border: 1px solid #fa7268 !important;
}

.m-title-box[data-border-color=netflix] {
  border: 1px solid #d81f26 !important;
}

.m-title-box-label, .m-title-box-label-recommended {
  background: #666666;
  color: #fff;
  text-align: center;
  padding: 15px 0;
  display: table;
  width: 100%;
}

.m-title-box-label-recommended {
  padding: 10px 5px 10px 5px;
}

.m-title-box-label-notice, .m-title-box-label-str {
  display: table-cell;
}

.m-title-box-label-notice {
  padding-right: 5px;
}

.m-title-box-label-notice span {
  font-size: 14px;
  background: #e93817;
  padding: 3px 5px 2px 5px;
  font-weight: bold;
  border-radius: 2px;
  word-break: keep-all;
  display: inline-block;
}

.m-title-box-label-str {
  width: 100%;
  font-size: 16px;
}

.m-title-box-label-str h3 {
  font-size: 16px;
  color: #333333;
  font-weight: bold;
}

.m-title-box-label[data-color=tv], .m-title-box-label-recommended[data-color=tv] {
  background: #e40077 !important;
}

.m-title-box-label[data-color=net], .m-title-box-label-recommended[data-color=net] {
  background: #0085cd !important;
}

.m-title-box-label[data-color=phone], .m-title-box-label-recommended[data-color=phone] {
  background: #00a33e !important;
}

.m-title-box-label[data-color=mobile], .m-title-box-label-recommended[data-color=mobile] {
  background: #00a4a8 !important;
}

.m-title-box-label[data-color=ele], .m-title-box-label-recommended[data-color=ele] {
  background: #f18d00 !important;
}

.m-title-box-label[data-color=gas], .m-title-box-label-recommended[data-color=gas] {
  background: #0a308f !important;
}

.m-title-box-label[data-color=gray], .m-title-box-label-recommended[data-color=gray] {
  background: #b5b5b5 !important;
}

.m-title-box-label[data-color=blue], .m-title-box-label-recommended[data-color=blue] {
  background: #0b318f !important;
}

.m-title-box-label[data-color=isFree], .m-title-box-label-recommended[data-color=isFree] {
  background: #ff6600 !important;
}

.m-title-box-label[data-color=aquaDark], .m-title-box-label-recommended[data-color=aquaDark] {
  background: #029ebb !important;
}

.m-title-box-label[data-color=lightGray], .m-title-box-label-recommended[data-color=lightGray] {
  background: #f0f0f0 !important;
}

.m-title-box-label[data-color=thinGrary], .m-title-box-label-recommended[data-color=thinGrary] {
  background: #dcdcdc !important;
}

.m-title-box-label[data-color=mobileBackLight], .m-title-box-label-recommended[data-color=mobileBackLight] {
  background: #edf7ff !important;
}

.m-title-box-label[data-color=mobileBackGreen], .m-title-box-label-recommended[data-color=mobileBackGreen] {
  background: #ecf6f6 !important;
}

.m-title-box-label[data-color=netBackLight], .m-title-box-label-recommended[data-color=netBackLight] {
  background: #f3faff !important;
}

.m-title-box-label[data-color=homeLivingCoral], .m-title-box-label-recommended[data-color=homeLivingCoral] {
  background: #fa7268 !important;
}

.m-title-box-label[data-color=home], .m-title-box-label-recommended[data-color=home] {
  background: #fa7268 !important;
}

.m-title-box-label[data-color=netflix], .m-title-box-label-recommended[data-color=netflix] {
  background: #d81f26 !important;
}

.m-title-box-label[data-title-color=tv], .m-title-box-label-recommended[data-title-color=tv] {
  color: #e40077 !important;
}

.m-title-box-label[data-title-color=net], .m-title-box-label-recommended[data-title-color=net] {
  color: #0085cd !important;
}

.m-title-box-label[data-title-color=phone], .m-title-box-label-recommended[data-title-color=phone] {
  color: #00a33e !important;
}

.m-title-box-label[data-title-color=mobile], .m-title-box-label-recommended[data-title-color=mobile] {
  color: #00a4a8 !important;
}

.m-title-box-label[data-title-color=ele], .m-title-box-label-recommended[data-title-color=ele] {
  color: #f18d00 !important;
}

.m-title-box-label[data-title-color=gas], .m-title-box-label-recommended[data-title-color=gas] {
  color: #0a308f !important;
}

.m-title-box-label[data-title-color=gray], .m-title-box-label-recommended[data-title-color=gray] {
  color: #b5b5b5 !important;
}

.m-title-box-label[data-title-color=blue], .m-title-box-label-recommended[data-title-color=blue] {
  color: #0b318f !important;
}

.m-title-box-label[data-title-color=isFree], .m-title-box-label-recommended[data-title-color=isFree] {
  color: #ff6600 !important;
}

.m-title-box-label[data-title-color=aquaDark], .m-title-box-label-recommended[data-title-color=aquaDark] {
  color: #029ebb !important;
}

.m-title-box-label[data-title-color=lightGray], .m-title-box-label-recommended[data-title-color=lightGray] {
  color: #f0f0f0 !important;
}

.m-title-box-label[data-title-color=thinGrary], .m-title-box-label-recommended[data-title-color=thinGrary] {
  color: #dcdcdc !important;
}

.m-title-box-label[data-title-color=mobileBackLight], .m-title-box-label-recommended[data-title-color=mobileBackLight] {
  color: #edf7ff !important;
}

.m-title-box-label[data-title-color=mobileBackGreen], .m-title-box-label-recommended[data-title-color=mobileBackGreen] {
  color: #ecf6f6 !important;
}

.m-title-box-label[data-title-color=netBackLight], .m-title-box-label-recommended[data-title-color=netBackLight] {
  color: #f3faff !important;
}

.m-title-box-label[data-title-color=homeLivingCoral], .m-title-box-label-recommended[data-title-color=homeLivingCoral] {
  color: #fa7268 !important;
}

.m-title-box-label[data-title-color=home], .m-title-box-label-recommended[data-title-color=home] {
  color: #fa7268 !important;
}

.m-title-box-label[data-title-color=netflix], .m-title-box-label-recommended[data-title-color=netflix] {
  color: #d81f26 !important;
}

.m-title-box-strong {
  color: #fff;
  font-size: 20px;
}

.m-title-box-strong[data-title-color=tv] {
  color: #e40077 !important;
}

.m-title-box-strong[data-title-color=net] {
  color: #0085cd !important;
}

.m-title-box-strong[data-title-color=phone] {
  color: #00a33e !important;
}

.m-title-box-strong[data-title-color=mobile] {
  color: #00a4a8 !important;
}

.m-title-box-strong[data-title-color=ele] {
  color: #f18d00 !important;
}

.m-title-box-strong[data-title-color=gas] {
  color: #0a308f !important;
}

.m-title-box-strong[data-title-color=gray] {
  color: #b5b5b5 !important;
}

.m-title-box-strong[data-title-color=blue] {
  color: #0b318f !important;
}

.m-title-box-strong[data-title-color=isFree] {
  color: #ff6600 !important;
}

.m-title-box-strong[data-title-color=aquaDark] {
  color: #029ebb !important;
}

.m-title-box-strong[data-title-color=lightGray] {
  color: #f0f0f0 !important;
}

.m-title-box-strong[data-title-color=thinGrary] {
  color: #dcdcdc !important;
}

.m-title-box-strong[data-title-color=mobileBackLight] {
  color: #edf7ff !important;
}

.m-title-box-strong[data-title-color=mobileBackGreen] {
  color: #ecf6f6 !important;
}

.m-title-box-strong[data-title-color=netBackLight] {
  color: #f3faff !important;
}

.m-title-box-strong[data-title-color=homeLivingCoral] {
  color: #fa7268 !important;
}

.m-title-box-strong[data-title-color=home] {
  color: #fa7268 !important;
}

.m-title-box-strong[data-title-color=netflix] {
  color: #d81f26 !important;
}

.m-title-box p {
  margin: 0;
}

.m-totalpayment {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.m-totalpayment::before {
  content: "+";
  top: 50%;
  left: 0;
  right: 0;
  margin: auto;
  font-size: 38px;
  border-radius: 50%;
  border: solid 1px #00a5a8;
  width: 40px;
  height: 40px;
  color: #00a5a8;
  z-index: 3;
  text-align: center;
  position: absolute;
  line-height: 0.9em;
  background: #fff;
}

.m-totalpayment::after {
  right: -20px;
  border: 1px solid #00a5a8;
  border-radius: 50%;
  height: 40px;
  width: 40px;
  background: #fff;
  z-index: 3;
}

.m-totalpayment-box {
  border-color: #00a4a8;
  width: 50%;
}

.m-totalpayment-box-label {
  color: #333;
  font-size: 15px;
  display: flex;
  justify-content: center;
  padding: 10px 20px;
}

.m-totalpayment-box-label-str {
  text-align: center;
  font-size: 20px;
}

@media screen and (max-width: 767px) {
  .m-totalpayment-box-label-str {
    font-size: 16px !important;
  }
}

.m-totalpayment-box-label > * {
  font-weight: bold;
}

.m-totalpayment-box:first-child {
  padding-right: 10px;
}

.m-totalpayment-box:last-child {
  padding-left: 10px;
}

.m-totalpayment-box-contents, .m-totalpayment-box-conv {
  text-align: center;
  padding-top: 20px;
}

.m-totalpayment-box-contents .m-txt, .m-totalpayment-box-conv .m-txt {
  font-size: 15px !important;
}

@media screen and (max-width: 767px) {
  .m-totalpayment-box-contents .m-txt, .m-totalpayment-box-conv .m-txt {
    font-size: 12px !important;
  }
}

.m-totalpayment-box-contents em, .m-totalpayment-box-conv em {
  font-size: 30px;
}

@media screen and (max-width: 767px) {
  .m-totalpayment-box-contents em, .m-totalpayment-box-conv em {
    font-size: 24px !important;
  }
}

.m-icon-sim {
  padding: 5px 0 5px 20px;
  background: url(/resources/images/icon/icon_basic_sim.png) no-repeat left center;
  background-size: 15px;
}

.m-icon-sp {
  padding: 5px 0 5px 20px;
  background: url(/resources/images/icon/icon_basic_phone.png) no-repeat left center;
  background-size: 15px;
}

.m-free {
  margin: 10px 10px 0;
  padding: 10px;
  background: #f5f5f5 !important;
  border-radius: 10px;
}

.m-free-strong {
  font-size: 20px;
}

.m-free-strong[data-color=tv] {
  color: #e40077 !important;
}

.m-free-strong[data-color=net] {
  color: #0085cd !important;
}

.m-free-strong[data-color=phone] {
  color: #00a33e !important;
}

.m-free-strong[data-color=mobile] {
  color: #00a4a8 !important;
}

.m-free-strong[data-color=ele] {
  color: #f18d00 !important;
}

.m-free-strong[data-color=gas] {
  color: #0a308f !important;
}

.m-free-strong[data-color=gray] {
  color: #b5b5b5 !important;
}

.m-free-strong[data-color=blue] {
  color: #0b318f !important;
}

.m-free-strong[data-color=isFree] {
  color: #ff6600 !important;
}

.m-free-strong[data-color=aquaDark] {
  color: #029ebb !important;
}

.m-free-strong[data-color=lightGray] {
  color: #f0f0f0 !important;
}

.m-free-strong[data-color=thinGrary] {
  color: #dcdcdc !important;
}

.m-free-strong[data-color=mobileBackLight] {
  color: #edf7ff !important;
}

.m-free-strong[data-color=mobileBackGreen] {
  color: #ecf6f6 !important;
}

.m-free-strong[data-color=netBackLight] {
  color: #f3faff !important;
}

.m-free-strong[data-color=homeLivingCoral] {
  color: #fa7268 !important;
}

.m-free-strong[data-color=home] {
  color: #fa7268 !important;
}

.m-free-strong[data-color=netflix] {
  color: #d81f26 !important;
}

.m-txt-contents {
  padding: 10px;
}

.m-multiple-line {
  display: flex !important;
}

@media screen and (max-width: 767px) {
  .m-multiple-line {
    display: block !important;
    padding-right: 30px !important;
    padding-top: 0;
    padding-bottom: 0;
  }
}

.m-multiple-line-box {
  padding: 5px 5px 0px 5px;
  border: none;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .m-multiple-line-box {
    padding: 0px;
  }
}

@media screen and (max-width: 767px) {
  .m-multiple-line-box-contents {
    display: flex;
  }
}

.m-multiple-line-box-contents-sub {
  margin: 0 !important;
  font-size: 12px !important;
}

@media screen and (max-width: 767px) {
  .m-multiple-line-box-contents-sub {
    font-size: 11px !important;
    text-align: center;
  }
}

.m-multiple-line-box-contents-title {
  margin: 0 !important;
  font-size: 18px !important;
  font-weight: bold !important;
}

@media screen and (max-width: 767px) {
  .m-multiple-line-box-contents-title {
    font-size: 15px !important;
    font-weight: bold !important;
    text-align: center;
  }
}

.m-multiple-line-box-contents-title-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

@media screen and (max-width: 767px) {
  .m-multiple-line-box-contents-title-box {
    width: 50%;
    font-size: 11px !important;
    align-items: flex-start;
    margin-right: 5px;
  }
}

.m-multiple-line-box-contents-text {
  margin: 0 !important;
  font-weight: bold !important;
}

.m-multiple-line-box-contents-text[data-color=tv] {
  color: #e40077 !important;
}

.m-multiple-line-box-contents-text[data-color=net] {
  color: #0085cd !important;
}

.m-multiple-line-box-contents-text[data-color=phone] {
  color: #00a33e !important;
}

.m-multiple-line-box-contents-text[data-color=mobile] {
  color: #00a4a8 !important;
}

.m-multiple-line-box-contents-text[data-color=ele] {
  color: #f18d00 !important;
}

.m-multiple-line-box-contents-text[data-color=gas] {
  color: #0a308f !important;
}

.m-multiple-line-box-contents-text[data-color=gray] {
  color: #b5b5b5 !important;
}

.m-multiple-line-box-contents-text[data-color=blue] {
  color: #0b318f !important;
}

.m-multiple-line-box-contents-text[data-color=isFree] {
  color: #ff6600 !important;
}

.m-multiple-line-box-contents-text[data-color=aquaDark] {
  color: #029ebb !important;
}

.m-multiple-line-box-contents-text[data-color=lightGray] {
  color: #f0f0f0 !important;
}

.m-multiple-line-box-contents-text[data-color=thinGrary] {
  color: #dcdcdc !important;
}

.m-multiple-line-box-contents-text[data-color=mobileBackLight] {
  color: #edf7ff !important;
}

.m-multiple-line-box-contents-text[data-color=mobileBackGreen] {
  color: #ecf6f6 !important;
}

.m-multiple-line-box-contents-text[data-color=netBackLight] {
  color: #f3faff !important;
}

.m-multiple-line-box-contents-text[data-color=homeLivingCoral] {
  color: #fa7268 !important;
}

.m-multiple-line-box-contents-text[data-color=home] {
  color: #fa7268 !important;
}

.m-multiple-line-box-contents-text[data-color=netflix] {
  color: #d81f26 !important;
}

.m-multiple-line-box[data-direction=top] {
  border: none !important;
  border-top: 1px solid #dcdcdc !important;
}

@media screen and (max-width: 767px) {
  .m-multiple-line-box[data-direction=top] {
    padding-bottom: 6px;
    margin-bottom: 10px;
  }
}

.m-multiple-line-box[data-direction=bottom] {
  border: none !important;
  border-bottom: 1px solid #dcdcdc !important;
}

@media screen and (max-width: 767px) {
  .m-multiple-line-box[data-direction=bottom] {
    padding-bottom: 6px;
    margin-bottom: 10px;
  }
}

.m-multiple-line-box[data-direction=left] {
  border: none !important;
  border-left: 1px solid #dcdcdc !important;
}

@media screen and (max-width: 767px) {
  .m-multiple-line-box[data-direction=left] {
    padding-bottom: 6px;
    margin-bottom: 10px;
  }
}

.m-multiple-line-box[data-direction=right] {
  border: none !important;
  border-right: 1px solid #dcdcdc !important;
}

@media screen and (max-width: 767px) {
  .m-multiple-line-box[data-direction=right] {
    padding-bottom: 6px;
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 767px) {
  .m-multiple-line-box[data-sp-direction=top] {
    border: none !important;
    border-top: 1px solid #dcdcdc !important;
  }
  .m-multiple-line-box[data-sp-direction=bottom] {
    border: none !important;
    border-bottom: 1px solid #dcdcdc !important;
  }
  .m-multiple-line-box[data-sp-direction=left] {
    border: none !important;
    border-left: 1px solid #dcdcdc !important;
  }
  .m-multiple-line-box[data-sp-direction=right] {
    border: none !important;
    border-right: 1px solid #dcdcdc !important;
  }
}

.m-hr-plus {
  position: relative;
}

.m-hr-plus img {
  width: 35px;
  position: absolute;
  right: 0;
  left: 0;
  top: -17px;
  margin: 0 auto;
}

/* ----------------------------------------------------------------------------
 * Link
 * ------------------------------------------------------------------------- */
/* ------------------------------------
 * Module
 * --------------------------------- */
/* ------------------------------------
  * text link
  * --------------------------------- */
.m-link a, .m-link-inline a, .m-link-pr a, .m-link-pr-inline a {
  text-decoration: none;
  color: #225383;
  text-indent: 8px;
}

.m-link a:hover, .m-link-inline a:hover, .m-link-pr a:hover, .m-link-pr-inline a:hover {
  text-decoration: underline;
}

.m-link-inline li, .m-link-pr-inline li {
  display: inline-block;
  margin-bottom: 5px;
}

.m-link-inline li:not(:last-child), .m-link-pr-inline li:not(:last-child) {
  margin-right: 20px;
}

.m-link-pr li p {
  font-size: 12px;
  margin-top: 3px;
  text-indent: 0px;
}

@media screen and (max-width: 767px) {
  .m-link-pr li p {
    margin-top: 0;
  }
}

.m-link-pr li {
  display: flex;
  align-items: flex-start;
}

.m-link-pr li a {
  text-decoration: underline;
}

.m-link-pr li a:hover {
  text-decoration: none;
}

.m-link-pr li span {
  padding: 3px 20px;
  font-size: 10px;
  color: #fff;
  margin-right: 10px;
  word-break: keep-all;
}

.m-link-pr li .m-pr {
  background-color: #e83416;
}

.m-link-pr span[data-bg-color=tv] {
  background-color: #e40077;
}

.m-link-pr span[data-bg-color=net] {
  background-color: #0085cd;
}

.m-link-pr span[data-bg-color=phone] {
  background-color: #00a33e;
}

.m-link-pr span[data-bg-color=mobile] {
  background-color: #00a4a8;
}

.m-link-pr span[data-bg-color=ele] {
  background-color: #f18d00;
}

.m-link-pr span[data-bg-color=gas] {
  background-color: #0a308f;
}

.m-link-pr span[data-bg-color=gray] {
  background-color: #b5b5b5;
}

.m-link-pr span[data-bg-color=blue] {
  background-color: #0b318f;
}

.m-link-pr span[data-bg-color=member] {
  background-color: #5e9600;
}

.m-link-pr span[data-bg-color=netflix] {
  background-color: #d81f26;
}

.m-link-pr span[data-bg-color=home] {
  background-color: #fa7268;
}

.m-link-pr span[data-bg-color=hoken] {
  background-color: #e60044;
}

.m-link-pr span[data-bg-color=telemedicine] {
  background-color: #00855e;
}

@media screen and (max-width: 767px) {
  .m-link-pr li span {
    padding: 1px 20px;
  }
}

.m-link-pr li {
  margin-bottom: 10px;
}

.m-link-arrow {
  position: relative;
  display: inline-block;
  font-size: 14px;
  margin: 0;
}

@media screen and (max-width: 767px) {
  .m-link-arrow {
    margin-bottom: 5px;
  }
}

.m-link-arrow:not(.m-pdf)[target="_blank"]::after {
  content: url(../../resources/images/icon/icon_blank.png);
  position: relative;
  top: 0;
  border: none;
  left: 3px;
}

.m-link-arrow[data-arrow-type="left"]::before {
  position: absolute;
  content: "";
  vertical-align: middle;
  top: 6px;
  left: 0;
  box-sizing: border-box;
  width: 3px;
  height: 3px;
  border: 3px solid transparent;
  border-left: 3px solid #e83416;
}

.m-link-arrow[data-arrow-type="left"][data-arrow-color=tv]::before {
  border-left: 3px solid #e40077;
}

.m-link-arrow[data-arrow-type="left"][data-arrow-color=net]::before {
  border-left: 3px solid #0085cd;
}

.m-link-arrow[data-arrow-type="left"][data-arrow-color=phone]::before {
  border-left: 3px solid #00a33e;
}

.m-link-arrow[data-arrow-type="left"][data-arrow-color=mobile]::before {
  border-left: 3px solid #00a4a8;
}

.m-link-arrow[data-arrow-type="left"][data-arrow-color=ele]::before {
  border-left: 3px solid #f18d00;
}

.m-link-arrow[data-arrow-type="left"][data-arrow-color=gas]::before {
  border-left: 3px solid #0a308f;
}

.m-link-arrow[data-arrow-type="left"][data-arrow-color=gray]::before {
  border-left: 3px solid #b5b5b5;
}

.m-link-arrow[data-arrow-type="left"][data-arrow-color=blue]::before {
  border-left: 3px solid #0b318f;
}

.m-link-arrow[data-arrow-type="left"][data-arrow-color=member]::before {
  border-left: 3px solid #5e9600;
}

.m-link-arrow[data-arrow-type="left"][data-arrow-color=netflix]::before {
  border-left: 3px solid #d81f26;
}

.m-link-arrow[data-arrow-type="left"][data-arrow-color=home]::before {
  border-left: 3px solid #fa7268;
}

.m-link-arrow[data-arrow-type="left"][data-arrow-color=hoken]::before {
  border-left: 3px solid #e60044;
}

.m-link-arrow[data-arrow-type="left"][data-arrow-color=telemedicine]::before {
  border-left: 3px solid #00855e;
}

.m-pdf::after {
  content: " ";
  display: inline-block;
  background-image: url(../../resources/images/icon/icon_pdf.svg);
  background-size: 16px 16px;
  vertical-align: middle;
  border: none;
  width: 20px !important;
  height: 20px !important;
  background-repeat: no-repeat;
}

.m-link-arrow[data-arrow-type="right"] {
  position: relative;
  display: inline-block;
  padding-left: 0;
}

.m-link-arrow[data-arrow-type="right"]::after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  position: absolute;
  right: 20px;
  border-top: 2px solid #e83416;
  border-right: 2px solid #e83416;
  top: 50%;
  margin-top: -4px;
}

@media screen and (max-width: 767px) {
  .m-link-arrow[data-arrow-type="right"]::after {
    right: 20px;
  }
}

.m-link-arrow[data-arrow-type="right"][data-arrow-color=tv]::after {
  border-top: 2px solid #e40077;
  border-right: 2px solid #e40077;
}

.m-link-arrow[data-arrow-type="right"][data-arrow-color=net]::after {
  border-top: 2px solid #0085cd;
  border-right: 2px solid #0085cd;
}

.m-link-arrow[data-arrow-type="right"][data-arrow-color=phone]::after {
  border-top: 2px solid #00a33e;
  border-right: 2px solid #00a33e;
}

.m-link-arrow[data-arrow-type="right"][data-arrow-color=mobile]::after {
  border-top: 2px solid #00a4a8;
  border-right: 2px solid #00a4a8;
}

.m-link-arrow[data-arrow-type="right"][data-arrow-color=ele]::after {
  border-top: 2px solid #f18d00;
  border-right: 2px solid #f18d00;
}

.m-link-arrow[data-arrow-type="right"][data-arrow-color=gas]::after {
  border-top: 2px solid #0a308f;
  border-right: 2px solid #0a308f;
}

.m-link-arrow[data-arrow-type="right"][data-arrow-color=gray]::after {
  border-top: 2px solid #b5b5b5;
  border-right: 2px solid #b5b5b5;
}

.m-link-arrow[data-arrow-type="right"][data-arrow-color=blue]::after {
  border-top: 2px solid #0b318f;
  border-right: 2px solid #0b318f;
}

.m-link-arrow[data-arrow-type="right"][data-arrow-color=member]::after {
  border-top: 2px solid #5e9600;
  border-right: 2px solid #5e9600;
}

.m-link-arrow[data-arrow-type="right"][data-arrow-color=netflix]::after {
  border-top: 2px solid #d81f26;
  border-right: 2px solid #d81f26;
}

.m-link-arrow[data-arrow-type="right"][data-arrow-color=home]::after {
  border-top: 2px solid #fa7268;
  border-right: 2px solid #fa7268;
}

.m-link-arrow[data-arrow-type="right"][data-arrow-color=hoken]::after {
  border-top: 2px solid #e60044;
  border-right: 2px solid #e60044;
}

.m-link-arrow[data-arrow-type="right"][data-arrow-color=telemedicine]::after {
  border-top: 2px solid #00855e;
  border-right: 2px solid #00855e;
}

.m-link-arrow[data-arrow-type="back"] {
  background-color: #eeeeee;
  position: relative;
  display: inline-block;
  padding: 8px 10px 8px 15px;
  border-radius: 3px;
  font-size: 12px;
}

.m-link-arrow[data-arrow-type="back"]::after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  transform: rotate(-136deg);
  -webkit-transform: rotate(-136deg);
  -ms-transform: rotate(-136deg);
  position: absolute;
  left: 10px;
  border-top: 2px solid #e83416;
  border-right: 2px solid #e83416;
  top: 50%;
  margin-top: -6px;
}

@media screen and (max-width: 767px) {
  .m-link-arrow[data-arrow-type="back"]::after {
    left: 10px;
  }
}

.m-link-arrow[data-arrow-type="back"][data-arrow-color=tv]::after {
  border-top: 2px solid #e40077;
  border-right: 2px solid #e40077;
}

.m-link-arrow[data-arrow-type="back"][data-arrow-color=net]::after {
  border-top: 2px solid #0085cd;
  border-right: 2px solid #0085cd;
}

.m-link-arrow[data-arrow-type="back"][data-arrow-color=phone]::after {
  border-top: 2px solid #00a33e;
  border-right: 2px solid #00a33e;
}

.m-link-arrow[data-arrow-type="back"][data-arrow-color=mobile]::after {
  border-top: 2px solid #00a4a8;
  border-right: 2px solid #00a4a8;
}

.m-link-arrow[data-arrow-type="back"][data-arrow-color=ele]::after {
  border-top: 2px solid #f18d00;
  border-right: 2px solid #f18d00;
}

.m-link-arrow[data-arrow-type="back"][data-arrow-color=gas]::after {
  border-top: 2px solid #0a308f;
  border-right: 2px solid #0a308f;
}

.m-link-arrow[data-arrow-type="back"][data-arrow-color=gray]::after {
  border-top: 2px solid #b5b5b5;
  border-right: 2px solid #b5b5b5;
}

.m-link-arrow[data-arrow-type="back"][data-arrow-color=blue]::after {
  border-top: 2px solid #0b318f;
  border-right: 2px solid #0b318f;
}

.m-link-arrow[data-arrow-type="back"][data-arrow-color=member]::after {
  border-top: 2px solid #5e9600;
  border-right: 2px solid #5e9600;
}

.m-link-arrow[data-arrow-type="back"][data-arrow-color=netflix]::after {
  border-top: 2px solid #d81f26;
  border-right: 2px solid #d81f26;
}

.m-link-arrow[data-arrow-type="back"][data-arrow-color=home]::after {
  border-top: 2px solid #fa7268;
  border-right: 2px solid #fa7268;
}

.m-link-arrow[data-arrow-type="back"][data-arrow-color=hoken]::after {
  border-top: 2px solid #e60044;
  border-right: 2px solid #e60044;
}

.m-link-arrow[data-arrow-type="back"][data-arrow-color=telemedicine]::after {
  border-top: 2px solid #00855e;
  border-right: 2px solid #00855e;
}

.m-icn-blank {
  margin: 0 3px;
  vertical-align: middle;
  position: relative;
  top: -1px;
}

.m-icn-blank[data-type="pdf"], .m-icn-blank[data-type="page"] {
  width: 16px;
  height: 16px;
}

.m-icn-blank[data-type="external"] {
  width: 11px;
  height: 10px;
}

.m-link-title-set li {
  display: inline-block;
}

.m-link-title-set-title {
  border-right: 1px solid #ddd;
  padding: 0 15px 0 0;
  margin-top: 0;
  margin-bottom: 10px;
  margin-right: 15px;
  color: #69a700;
  font-weight: bold;
}

/* ------------------------------------
 * arrow right color
 * --------------------------------- */
/* ------------------------------------
 * btn border color
 * --------------------------------- */
a[data-border-color=tv] {
  border: 1px solid #e40077;
}

a[data-border-color=net] {
  border: 1px solid #0085cd;
}

a[data-border-color=phone] {
  border: 1px solid #00a33e;
}

a[data-border-color=mobile] {
  border: 1px solid #00a4a8;
}

a[data-border-color=ele] {
  border: 1px solid #f18d00;
}

a[data-border-color=gas] {
  border: 1px solid #0a308f;
}

a[data-border-color=gray] {
  border: 1px solid #b5b5b5;
}

a[data-border-color=blue] {
  border: 1px solid #0b318f;
}

a[data-border-color=member] {
  border: 1px solid #5e9600;
}

a[data-border-color=netflix] {
  border: 1px solid #d81f26;
}

a[data-border-color=home] {
  border: 1px solid #fa7268;
}

a[data-border-color=hoken] {
  border: 1px solid #e60044;
}

a[data-border-color=telemedicine] {
  border: 1px solid #00855e;
}

/* ------------------------------------
 * ancor
 * --------------------------------- */
.m-anc-link-box {
  padding-bottom: 15px;
}

.m-anc-link-box .m-anc-link-fixed {
  display: table;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  margin-top: 10px;
  table-layout: fixed;
}

.m-anc-link-box .m-anc-link-fixed li {
  position: relative;
  border-right: 1px solid #dfdfdf;
  height: auto;
  display: table-cell;
  box-sizing: border-box;
  padding: 0 5px;
  vertical-align: middle;
  line-height: 1.3;
}

.m-anc-link-box .m-anc-link-fixed li a {
  display: block;
  font-size: 10px;
  text-align: center;
  color: #666666;
  position: relative;
}

.m-anc-link-box .m-anc-link-fixed li a:link, .m-anc-link-box .m-anc-link-fixed li a:visited, .m-anc-link-box .m-anc-link-fixed li a:hover {
  text-decoration: none;
}

.m-anc-link-box .m-anc-link-fixed li a:hover {
  opacity: 0.6;
}

.m-anc-link-box .m-anc-link-fixed li a::after {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  position: absolute;
  bottom: -8px;
  left: 47%;
  border-top: 1px solid #e83416;
  border-right: 1px solid #e83416;
}

.m-anc-link-box .m-anc-link-fixed li a[data-arrow=right] {
  position: relative;
  padding-right: 15px;
}

@media screen and (max-width: 767px) {
  .m-anc-link-box .m-anc-link-fixed li a[data-arrow=right] {
    padding-right: 8px;
  }
}

.m-anc-link-box .m-anc-link-fixed li a[data-arrow=right]::after {
  left: auto;
  bottom: auto;
  right: 6px;
  top: 50%;
  margin-top: -4px;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

@media screen and (max-width: 767px) {
  .m-anc-link-box .m-anc-link-fixed li a[data-arrow=right]::after {
    right: 6px;
    margin-top: -8px;
    box-sizing: border-box;
  }
}

.m-anc-link-box .m-anc-link-fixed li a[data-anc-color=tv]::after {
  border-top: 1px solid #e40077;
  border-right: 1px solid #e40077;
}

.m-anc-link-box .m-anc-link-fixed li a[data-anc-color=net]::after {
  border-top: 1px solid #0085cd;
  border-right: 1px solid #0085cd;
}

.m-anc-link-box .m-anc-link-fixed li a[data-anc-color=phone]::after {
  border-top: 1px solid #00a33e;
  border-right: 1px solid #00a33e;
}

.m-anc-link-box .m-anc-link-fixed li a[data-anc-color=mobile]::after {
  border-top: 1px solid #00a4a8;
  border-right: 1px solid #00a4a8;
}

.m-anc-link-box .m-anc-link-fixed li a[data-anc-color=ele]::after {
  border-top: 1px solid #f18d00;
  border-right: 1px solid #f18d00;
}

.m-anc-link-box .m-anc-link-fixed li a[data-anc-color=gas]::after {
  border-top: 1px solid #0a308f;
  border-right: 1px solid #0a308f;
}

.m-anc-link-box .m-anc-link-fixed li a[data-anc-color=gray]::after {
  border-top: 1px solid #b5b5b5;
  border-right: 1px solid #b5b5b5;
}

.m-anc-link-box .m-anc-link-fixed li a[data-anc-color=blue]::after {
  border-top: 1px solid #0b318f;
  border-right: 1px solid #0b318f;
}

.m-anc-link-box .m-anc-link-fixed li a[data-anc-color=member]::after {
  border-top: 1px solid #5e9600;
  border-right: 1px solid #5e9600;
}

.m-anc-link-box .m-anc-link-fixed li a[data-anc-color=netflix]::after {
  border-top: 1px solid #d81f26;
  border-right: 1px solid #d81f26;
}

.m-anc-link-box .m-anc-link-fixed li a[data-anc-color=home]::after {
  border-top: 1px solid #fa7268;
  border-right: 1px solid #fa7268;
}

.m-anc-link-box .m-anc-link-fixed li a[data-anc-color=hoken]::after {
  border-top: 1px solid #e60044;
  border-right: 1px solid #e60044;
}

.m-anc-link-box .m-anc-link-fixed li a[data-anc-color=telemedicine]::after {
  border-top: 1px solid #00855e;
  border-right: 1px solid #00855e;
}

.m-anc-link-box .m-anc-link-fixed li:first-Child {
  border-left: 1px solid #dfdfdf;
}

.m-anc-link-box .m-anc-link-fixed:not(:first-child) {
  margin-top: 20px;
}

@media screen and (max-width: 767px) {
  .m-anc-link-box .m-anc-link-fixed li:first-Child {
    border-left: none !important;
  }
  .m-anc-link-box .m-anc-link-fixed li:last-child {
    border-right: none !important;
  }
  .m-anc-link-box .m-anc-link-fixed:not(:first-child) {
    margin-top: 0;
  }
  .m-anc-link-box .m-anc-link-fixed li {
    margin-bottom: 10px;
  }
  .m-anc-link-box .m-anc-link-fixed li a {
    display: block;
    padding: 10px 0 20px;
    font-weight: 700;
  }
  .m-anc-link-box .m-anc-link-fixed li a::after {
    position: absolute;
    content: "";
    display: block;
    width: 7px;
    height: 7px;
    top: 68%;
    right: 50%;
    margin-right: -3px;
  }
  .m-anc-link-box .m-anc-link-fixed li a[data-anc-color=tv]::after {
    border-top: 1px solid #e40077;
    border-right: 1px solid #e40077;
  }
  .m-anc-link-box .m-anc-link-fixed li a[data-anc-color=net]::after {
    border-top: 1px solid #0085cd;
    border-right: 1px solid #0085cd;
  }
  .m-anc-link-box .m-anc-link-fixed li a[data-anc-color=phone]::after {
    border-top: 1px solid #00a33e;
    border-right: 1px solid #00a33e;
  }
  .m-anc-link-box .m-anc-link-fixed li a[data-anc-color=mobile]::after {
    border-top: 1px solid #00a4a8;
    border-right: 1px solid #00a4a8;
  }
  .m-anc-link-box .m-anc-link-fixed li a[data-anc-color=ele]::after {
    border-top: 1px solid #f18d00;
    border-right: 1px solid #f18d00;
  }
  .m-anc-link-box .m-anc-link-fixed li a[data-anc-color=gas]::after {
    border-top: 1px solid #0a308f;
    border-right: 1px solid #0a308f;
  }
  .m-anc-link-box .m-anc-link-fixed li a[data-anc-color=gray]::after {
    border-top: 1px solid #b5b5b5;
    border-right: 1px solid #b5b5b5;
  }
  .m-anc-link-box .m-anc-link-fixed li a[data-anc-color=blue]::after {
    border-top: 1px solid #0b318f;
    border-right: 1px solid #0b318f;
  }
  .m-anc-link-box .m-anc-link-fixed li a[data-anc-color=member]::after {
    border-top: 1px solid #5e9600;
    border-right: 1px solid #5e9600;
  }
  .m-anc-link-box .m-anc-link-fixed li a[data-anc-color=netflix]::after {
    border-top: 1px solid #d81f26;
    border-right: 1px solid #d81f26;
  }
  .m-anc-link-box .m-anc-link-fixed li a[data-anc-color=home]::after {
    border-top: 1px solid #fa7268;
    border-right: 1px solid #fa7268;
  }
  .m-anc-link-box .m-anc-link-fixed li a[data-anc-color=hoken]::after {
    border-top: 1px solid #e60044;
    border-right: 1px solid #e60044;
  }
  .m-anc-link-box .m-anc-link-fixed li a[data-anc-color=telemedicine]::after {
    border-top: 1px solid #00855e;
    border-right: 1px solid #00855e;
  }
}

@media screen and (max-width: 767px) and (max-width: 767px) {
  .m-anc-link-box .m-anc-link-fixed[data-sp-layout="grid"] {
    display: flex;
    flex-wrap: wrap;
    table-layout: auto;
  }
}

@media screen and (max-width: 767px) {
  .m-anc-link-box .m-anc-link-fixed[data-sp-layout="grid"] li {
    width: 33.2%;
    display: inline-block;
  }
  .m-anc-link-box .m-anc-link-fixed[data-sp-layout="grid"] li:nth-of-type(3n) {
    border-right: none;
  }
}

@media screen and (max-width: 767px) and (max-width: 767px) {
  .m-anc-link-box .m-anc-link-fixed[data-sp-layout="grid"] li {
    display: block;
    width: calc(100% / 3 - 2px);
  }
}

.m-anc-link-single-box {
  overflow: hidden;
  background: #f5f5f5;
  padding: 8px 10px;
  zoom: 1;
}

.m-anc-link-single li, .m-anc-link-single-flex li {
  margin-left: 0;
  margin-right: 10px;
  line-height: 2;
}

.m-anc-link-single li a, .m-anc-link-single-flex li a {
  font-size: 12px;
  color: #666666;
  text-decoration: none !important;
  text-indent: -1.5em;
}

.m-anc-link-single li a:visited, .m-anc-link-single-flex li a:visited, .m-anc-link-single li a:hover, .m-anc-link-single-flex li a:hover {
  text-decoration: underline !important;
}

@media screen and (max-width: 767px) {
  .m-anc-link-single .m-anc-link-single-flex li:first-Child, .m-anc-link-single-flex .m-anc-link-single-flex li:first-Child {
    margin-left: 0;
  }
}

.m-anc-link-single-flex li {
  float: left;
}

.m-anc-link-single-flex li a {
  text-align: center;
}

.m-anc-link-single-flex:after {
  display: block;
  clear: both;
  content: "";
}

.m-anc-link {
  display: block;
  width: 100%;
  height: 100%;
  padding-bottom: 10px;
}

.m-anc-link img {
  width: 100%;
}

.m-anc-link:hover {
  text-decoration: none;
  opacity: 0.6;
}

.m-anc-link .m-box-heading {
  height: 100%;
}

.m-anc-link .m-box-heading-contents {
  height: 100%;
  width: 100%;
  padding: 10px;
  border: #e5e5e5 2px solid;
  margin: 0;
  border-radius: 3px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 20px;
  position: relative;
}

.m-anc-link .m-box-heading-contents .m-hr-title {
  margin: 0 auto;
  position: absolute;
  top: -10px;
  right: 0;
  left: 0;
  font-size: 12px;
}

.m-anc-link .m-box-heading-contents .m-hr-title span {
  display: inline-block;
  border-radius: 16px;
  color: #fff;
  background: #0b318f;
  padding: 3px 22px 2px 22px;
}

.m-anc-link .m-box-heading-contents .m-hr-title span[data-color=tv] {
  background: #e40077;
}

.m-anc-link .m-box-heading-contents .m-hr-title span[data-color=net] {
  background: #0085cd;
}

.m-anc-link .m-box-heading-contents .m-hr-title span[data-color=phone] {
  background: #00a33e;
}

.m-anc-link .m-box-heading-contents .m-hr-title span[data-color=mobile] {
  background: #00a4a8;
}

.m-anc-link .m-box-heading-contents .m-hr-title span[data-color=ele] {
  background: #f18d00;
}

.m-anc-link .m-box-heading-contents .m-hr-title span[data-color=gas] {
  background: #0a308f;
}

.m-anc-link .m-box-heading-contents .m-hr-title span[data-color=gray] {
  background: #b5b5b5;
}

.m-anc-link .m-box-heading-contents .m-hr-title span[data-color=blue] {
  background: #0b318f;
}

.m-anc-link .m-box-heading-contents .m-hr-title span[data-color=member] {
  background: #5e9600;
}

.m-anc-link .m-box-heading-contents .m-hr-title span[data-color=netflix] {
  background: #d81f26;
}

.m-anc-link .m-box-heading-contents .m-hr-title span[data-color=home] {
  background: #fa7268;
}

.m-anc-link .m-box-heading-contents .m-hr-title span[data-color=hoken] {
  background: #e60044;
}

.m-anc-link .m-box-heading-contents .m-hr-title span[data-color=telemedicine] {
  background: #00855e;
}

.m-anc-link .m-box-heading-contents::after {
  content: "";
  width: 11px;
  height: 11px;
  margin-left: -5px;
  position: absolute;
  bottom: 15px;
  left: 50%;
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  border-top: 2px solid #e83416;
  border-right: 2px solid #e83416;
}

@media screen and (max-width: 767px) {
  .m-anc-link .m-box-heading-contents::after {
    bottom: 15px;
  }
}

.m-anc-link .m-box-heading-contents[data-border-color=tv] {
  border: 2px solid #e40077;
}

.m-anc-link .m-box-heading-contents[data-border-color=net] {
  border: 2px solid #0085cd;
}

.m-anc-link .m-box-heading-contents[data-border-color=phone] {
  border: 2px solid #00a33e;
}

.m-anc-link .m-box-heading-contents[data-border-color=mobile] {
  border: 2px solid #00a4a8;
}

.m-anc-link .m-box-heading-contents[data-border-color=ele] {
  border: 2px solid #f18d00;
}

.m-anc-link .m-box-heading-contents[data-border-color=gas] {
  border: 2px solid #0a308f;
}

.m-anc-link .m-box-heading-contents[data-border-color=gray] {
  border: 2px solid #b5b5b5;
}

.m-anc-link .m-box-heading-contents[data-border-color=blue] {
  border: 2px solid #0b318f;
}

.m-anc-link .m-box-heading-contents[data-border-color=member] {
  border: 2px solid #5e9600;
}

.m-anc-link .m-box-heading-contents[data-border-color=netflix] {
  border: 2px solid #d81f26;
}

.m-anc-link .m-box-heading-contents[data-border-color=home] {
  border: 2px solid #fa7268;
}

.m-anc-link .m-box-heading-contents[data-border-color=hoken] {
  border: 2px solid #e60044;
}

.m-anc-link .m-box-heading-contents[data-border-color=telemedicine] {
  border: 2px solid #00855e;
}

.m-anc-link .m-box-heading-contents[data-anc-color=tv]::after {
  border-top: 2px solid #e40077;
  border-right: 2px solid #e40077;
}

.m-anc-link .m-box-heading-contents[data-anc-color=net]::after {
  border-top: 2px solid #0085cd;
  border-right: 2px solid #0085cd;
}

.m-anc-link .m-box-heading-contents[data-anc-color=phone]::after {
  border-top: 2px solid #00a33e;
  border-right: 2px solid #00a33e;
}

.m-anc-link .m-box-heading-contents[data-anc-color=mobile]::after {
  border-top: 2px solid #00a4a8;
  border-right: 2px solid #00a4a8;
}

.m-anc-link .m-box-heading-contents[data-anc-color=ele]::after {
  border-top: 2px solid #f18d00;
  border-right: 2px solid #f18d00;
}

.m-anc-link .m-box-heading-contents[data-anc-color=gas]::after {
  border-top: 2px solid #0a308f;
  border-right: 2px solid #0a308f;
}

.m-anc-link .m-box-heading-contents[data-anc-color=gray]::after {
  border-top: 2px solid #b5b5b5;
  border-right: 2px solid #b5b5b5;
}

.m-anc-link .m-box-heading-contents[data-anc-color=blue]::after {
  border-top: 2px solid #0b318f;
  border-right: 2px solid #0b318f;
}

.m-anc-link .m-box-heading-contents[data-anc-color=member]::after {
  border-top: 2px solid #5e9600;
  border-right: 2px solid #5e9600;
}

.m-anc-link .m-box-heading-contents[data-anc-color=netflix]::after {
  border-top: 2px solid #d81f26;
  border-right: 2px solid #d81f26;
}

.m-anc-link .m-box-heading-contents[data-anc-color=home]::after {
  border-top: 2px solid #fa7268;
  border-right: 2px solid #fa7268;
}

.m-anc-link .m-box-heading-contents[data-anc-color=hoken]::after {
  border-top: 2px solid #e60044;
  border-right: 2px solid #e60044;
}

.m-anc-link .m-box-heading-contents[data-anc-color=telemedicine]::after {
  border-top: 2px solid #00855e;
  border-right: 2px solid #00855e;
}

.m-anc-link .m-box-heading-contents[data-border-width=ss] {
  border-width: 1px !important;
}

.m-anc-link .m-box-heading-contents[data-border-width=s] {
  border-width: 2px !important;
}

.m-anc-link .m-box-heading-contents[data-border-width=m] {
  border-width: 3px !important;
}

.m-anc-link .m-box-heading-contents[data-border-width=l] {
  border-width: 4px !important;
}

.m-anc-link .m-box-heading-contents[data-border-width=ll] {
  border-width: 5px !important;
}

.m-anc-link .m-box-heading-contents[data-border-radius=ss] {
  border-radius: 1px !important;
}

.m-anc-link .m-box-heading-contents[data-border-radius=s] {
  border-radius: 2px !important;
}

.m-anc-link .m-box-heading-contents[data-border-radius=m] {
  border-radius: 3px !important;
}

.m-anc-link .m-box-heading-contents[data-border-radius=l] {
  border-radius: 4px !important;
}

.m-anc-link .m-box-heading-contents[data-border-radius=ll] {
  border-radius: 5px !important;
}

.m-anc-link .m-box-heading-contents-title {
  margin-top: 5px;
}

.m-anc-link .m-hr-box {
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.m-anc-link .m-hr-box img {
  margin-bottom: 10px;
}

.m-anc-link p {
  text-align: center;
  margin-bottom: 5px;
}

.m-column-link {
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
}

.m-column-link-prev a:hover, .m-column-link-next a:hover {
  text-decoration: none;
}

.m-column-link-prev a {
  padding-left: 15px;
  background: url(/resources/images/icon/arrow_prev.png) no-repeat left center;
  box-sizing: border-box;
  text-align: left;
}

.m-column-link-next a {
  background: url(/resources/images/icon/arrow_next.png) no-repeat right center;
  padding-right: 15px;
  box-sizing: border-box;
  text-align: right;
}

.m-sns-link-group li {
  float: left;
  padding: 5px;
}

.m-sns-link-group:last-child {
  clear: both;
}

.m-mobile-item {
  position: relative;
  display: inline-block;
  font-size: 14px;
  margin: 0;
  text-align: center;
  width: 100%;
  padding: 15px;
  border-radius: 5px;
  text-decoration: none !important;
}

.m-mobile-item:hover {
  opacity: 0.6;
}

.m-mobile-item-img {
  margin-right: 10px;
}

@media screen and (max-width: 767px) {
  .m-mobile-item-img img {
    height: 80px;
  }
}

.m-mobile-item-txt {
  align-items: center !important;
  margin: 10px 0 !important;
}

.m-mobile-item-txt p {
  font-size: 12px !important;
}

@media screen and (max-width: 767px) {
  .m-mobile-item-txt p {
    margin-top: 5px !important;
    font-size: 16px !important;
  }
}

.m-mobile-item-txt .m-notice {
  margin: 0 5px !important;
}

@media screen and (max-width: 767px) {
  .m-mobile-item-txt .m-notice {
    margin-left: 0 !important;
  }
}

@media screen and (max-width: 767px) {
  .m-mobile-item-txt {
    margin: 0 !important;
  }
}

.m-mobile-item-title, .m-mobile-item-title-sp {
  margin: 0 0 10px 0 !important;
}

.m-mobile-item-title p, .m-mobile-item-title-sp p {
  font-size: 18px !important;
  margin: 0;
}

@media screen and (max-width: 767px) {
  .m-mobile-item-title, .m-mobile-item-title-sp {
    display: none;
  }
}

.m-mobile-item-title-sp {
  display: none;
}

@media screen and (max-width: 767px) {
  .m-mobile-item-title-sp {
    display: block;
    margin-bottom: 0 !important;
    text-align: left;
  }
  .m-mobile-item-title-sp p {
    font-size: 22px !important;
  }
}

.m-mobile-item-price {
  font-size: 18px !important;
  color: #e83416 !important;
  font-weight: bold !important;
}

@media screen and (max-width: 767px) {
  .m-mobile-item-price {
    font-size: 22px !important;
  }
}

@media screen and (max-width: 767px) {
  .m-mobile-item {
    margin-bottom: 5px;
    display: flex;
  }
}

.m-mobile-item[data-arrow-type="right"]::after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  position: absolute;
  right: 20px;
  border-top: 2px solid #e83416;
  border-right: 2px solid #e83416;
  top: 50%;
  margin-top: -4px;
}

@media screen and (max-width: 767px) {
  .m-mobile-item[data-arrow-type="right"]::after {
    right: 20px;
  }
}

.m-mobile-item[data-arrow-color=tv]::after {
  border-top: 2px solid #e40077;
  border-right: 2px solid #e40077;
}

.m-mobile-item[data-arrow-color=net]::after {
  border-top: 2px solid #0085cd;
  border-right: 2px solid #0085cd;
}

.m-mobile-item[data-arrow-color=phone]::after {
  border-top: 2px solid #00a33e;
  border-right: 2px solid #00a33e;
}

.m-mobile-item[data-arrow-color=mobile]::after {
  border-top: 2px solid #00a4a8;
  border-right: 2px solid #00a4a8;
}

.m-mobile-item[data-arrow-color=ele]::after {
  border-top: 2px solid #f18d00;
  border-right: 2px solid #f18d00;
}

.m-mobile-item[data-arrow-color=gas]::after {
  border-top: 2px solid #0a308f;
  border-right: 2px solid #0a308f;
}

.m-mobile-item[data-arrow-color=gray]::after {
  border-top: 2px solid #b5b5b5;
  border-right: 2px solid #b5b5b5;
}

.m-mobile-item[data-arrow-color=blue]::after {
  border-top: 2px solid #0b318f;
  border-right: 2px solid #0b318f;
}

.m-mobile-item[data-arrow-color=member]::after {
  border-top: 2px solid #5e9600;
  border-right: 2px solid #5e9600;
}

.m-mobile-item[data-arrow-color=netflix]::after {
  border-top: 2px solid #d81f26;
  border-right: 2px solid #d81f26;
}

.m-mobile-item[data-arrow-color=home]::after {
  border-top: 2px solid #fa7268;
  border-right: 2px solid #fa7268;
}

.m-mobile-item[data-arrow-color=hoken]::after {
  border-top: 2px solid #e60044;
  border-right: 2px solid #e60044;
}

.m-mobile-item[data-arrow-color=telemedicine]::after {
  border-top: 2px solid #00855e;
  border-right: 2px solid #00855e;
}

@media screen and (max-width: 767px) {
  .m-mobile-item[data-no-arrow="sp"]::after {
    content: none !important;
  }
}

.m-mobile-item[data-no-arrow="sp"][data-arrow-type="right"]::after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  position: absolute;
  right: 20px;
  border-top: 2px solid #e83416;
  border-right: 2px solid #e83416;
  top: 50%;
  margin-top: -4px;
}

@media screen and (max-width: 767px) {
  .m-mobile-item[data-no-arrow="sp"][data-arrow-type="right"]::after {
    right: 20px;
  }
}

.m-mobile-item[data-no-arrow="sp"][data-arrow-color=tv]::after {
  border-top: 2px solid #e40077;
  border-right: 2px solid #e40077;
}

.m-mobile-item[data-no-arrow="sp"][data-arrow-color=net]::after {
  border-top: 2px solid #0085cd;
  border-right: 2px solid #0085cd;
}

.m-mobile-item[data-no-arrow="sp"][data-arrow-color=phone]::after {
  border-top: 2px solid #00a33e;
  border-right: 2px solid #00a33e;
}

.m-mobile-item[data-no-arrow="sp"][data-arrow-color=mobile]::after {
  border-top: 2px solid #00a4a8;
  border-right: 2px solid #00a4a8;
}

.m-mobile-item[data-no-arrow="sp"][data-arrow-color=ele]::after {
  border-top: 2px solid #f18d00;
  border-right: 2px solid #f18d00;
}

.m-mobile-item[data-no-arrow="sp"][data-arrow-color=gas]::after {
  border-top: 2px solid #0a308f;
  border-right: 2px solid #0a308f;
}

.m-mobile-item[data-no-arrow="sp"][data-arrow-color=gray]::after {
  border-top: 2px solid #b5b5b5;
  border-right: 2px solid #b5b5b5;
}

.m-mobile-item[data-no-arrow="sp"][data-arrow-color=blue]::after {
  border-top: 2px solid #0b318f;
  border-right: 2px solid #0b318f;
}

.m-mobile-item[data-no-arrow="sp"][data-arrow-color=member]::after {
  border-top: 2px solid #5e9600;
  border-right: 2px solid #5e9600;
}

.m-mobile-item[data-no-arrow="sp"][data-arrow-color=netflix]::after {
  border-top: 2px solid #d81f26;
  border-right: 2px solid #d81f26;
}

.m-mobile-item[data-no-arrow="sp"][data-arrow-color=home]::after {
  border-top: 2px solid #fa7268;
  border-right: 2px solid #fa7268;
}

.m-mobile-item[data-no-arrow="sp"][data-arrow-color=hoken]::after {
  border-top: 2px solid #e60044;
  border-right: 2px solid #e60044;
}

.m-mobile-item[data-no-arrow="sp"][data-arrow-color=telemedicine]::after {
  border-top: 2px solid #00855e;
  border-right: 2px solid #00855e;
}

.m-mobile-item[data-no-arrow="pc"]::after {
  content: none;
}

@media screen and (max-width: 767px) {
  .m-mobile-item[data-no-arrow="pc"][data-arrow-type="right"]::after {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    position: absolute;
    right: 20px;
    border-top: 2px solid #e83416;
    border-right: 2px solid #e83416;
    top: 50%;
    margin-top: -4px;
  }
}

@media screen and (max-width: 767px) and (max-width: 767px) {
  .m-mobile-item[data-no-arrow="pc"][data-arrow-type="right"]::after {
    right: 20px;
  }
}

@media screen and (max-width: 767px) {
  .m-mobile-item[data-no-arrow="pc"][data-arrow-color=tv]::after {
    border-top: 2px solid #e40077;
    border-right: 2px solid #e40077;
  }
  .m-mobile-item[data-no-arrow="pc"][data-arrow-color=net]::after {
    border-top: 2px solid #0085cd;
    border-right: 2px solid #0085cd;
  }
  .m-mobile-item[data-no-arrow="pc"][data-arrow-color=phone]::after {
    border-top: 2px solid #00a33e;
    border-right: 2px solid #00a33e;
  }
  .m-mobile-item[data-no-arrow="pc"][data-arrow-color=mobile]::after {
    border-top: 2px solid #00a4a8;
    border-right: 2px solid #00a4a8;
  }
  .m-mobile-item[data-no-arrow="pc"][data-arrow-color=ele]::after {
    border-top: 2px solid #f18d00;
    border-right: 2px solid #f18d00;
  }
  .m-mobile-item[data-no-arrow="pc"][data-arrow-color=gas]::after {
    border-top: 2px solid #0a308f;
    border-right: 2px solid #0a308f;
  }
  .m-mobile-item[data-no-arrow="pc"][data-arrow-color=gray]::after {
    border-top: 2px solid #b5b5b5;
    border-right: 2px solid #b5b5b5;
  }
  .m-mobile-item[data-no-arrow="pc"][data-arrow-color=blue]::after {
    border-top: 2px solid #0b318f;
    border-right: 2px solid #0b318f;
  }
  .m-mobile-item[data-no-arrow="pc"][data-arrow-color=member]::after {
    border-top: 2px solid #5e9600;
    border-right: 2px solid #5e9600;
  }
  .m-mobile-item[data-no-arrow="pc"][data-arrow-color=netflix]::after {
    border-top: 2px solid #d81f26;
    border-right: 2px solid #d81f26;
  }
  .m-mobile-item[data-no-arrow="pc"][data-arrow-color=home]::after {
    border-top: 2px solid #fa7268;
    border-right: 2px solid #fa7268;
  }
  .m-mobile-item[data-no-arrow="pc"][data-arrow-color=hoken]::after {
    border-top: 2px solid #e60044;
    border-right: 2px solid #e60044;
  }
  .m-mobile-item[data-no-arrow="pc"][data-arrow-color=telemedicine]::after {
    border-top: 2px solid #00855e;
    border-right: 2px solid #00855e;
  }
}

.m-link-box {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 10px 5px;
  border-right: 1px solid #dfdfdf;
  border-bottom: 1px solid #dfdfdf;
  box-sizing: border-box;
  position: relative;
}

.m-link-box:link, .m-link-box:visited, .m-link-box:hover {
  text-decoration: none;
}

.m-link-box:hover {
  opacity: 0.6;
}

.m-link-box-list {
  border-top: 1px solid #dfdfdf;
  border-left: 1px solid #dfdfdf;
}

.m-link-box::after {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -3px;
  border-left-style: solid;
  border-left-width: 2px;
  border-top-style: solid;
  border-top-width: 2px;
}

.m-link-box[data-arrow-type="left"]::after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.m-link-box[data-arrow-type="top"]::after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.m-link-box[data-arrow-type="right"]::after {
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}

.m-link-box[data-arrow-type="bottom"]::after {
  -webkit-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  transform: rotate(225deg);
}

.m-link-box[data-arrow-color=tv]::after {
  border-color: #e40077;
}

.m-link-box[data-arrow-color=net]::after {
  border-color: #0085cd;
}

.m-link-box[data-arrow-color=phone]::after {
  border-color: #00a33e;
}

.m-link-box[data-arrow-color=mobile]::after {
  border-color: #00a4a8;
}

.m-link-box[data-arrow-color=ele]::after {
  border-color: #f18d00;
}

.m-link-box[data-arrow-color=gas]::after {
  border-color: #0a308f;
}

.m-link-box[data-arrow-color=gray]::after {
  border-color: #b5b5b5;
}

.m-link-box[data-arrow-color=blue]::after {
  border-color: #0b318f;
}

.m-link-box[data-arrow-color=member]::after {
  border-color: #5e9600;
}

.m-link-box[data-arrow-color=netflix]::after {
  border-color: #d81f26;
}

.m-link-box[data-arrow-color=home]::after {
  border-color: #fa7268;
}

.m-link-box[data-arrow-color=hoken]::after {
  border-color: #e60044;
}

.m-link-box[data-arrow-color=telemedicine]::after {
  border-color: #00855e;
}

/* ----------------------------------------------------------------------------
 * Button
 * ------------------------------------------------------------------------- */
/* ------------------------------------
 * button
 * --------------------------------- */
.m-btn, .m-btn-anc, .m-btn-conv, .m-btn-conv-sumi, .m-btn-conv-sumi-ele, .m-btn-conv-sumi-mobile, .m-btn-conv-sumi-gas {
  display: block;
  position: relative;
  background: #ffffff;
  box-sizing: border-box;
  border: 1px solid #b5b5b5;
  font-size: 14px;
  padding: 10px 30px;
  text-align: center;
  border-radius: 5px;
  width: 100%;
  font-weight: bold;
  max-width: 100%;
}

.m-btn:link, .m-btn-anc:link, .m-btn-conv:link, .m-btn-conv-sumi:link, .m-btn-conv-sumi-ele:link, .m-btn-conv-sumi-mobile:link, .m-btn-conv-sumi-gas:link, .m-btn:visited, .m-btn-anc:visited, .m-btn-conv:visited, .m-btn-conv-sumi:visited, .m-btn-conv-sumi-ele:visited, .m-btn-conv-sumi-mobile:visited, .m-btn-conv-sumi-gas:visited, .m-btn:hover, .m-btn-anc:hover, .m-btn-conv:hover, .m-btn-conv-sumi:hover, .m-btn-conv-sumi-ele:hover, .m-btn-conv-sumi-mobile:hover, .m-btn-conv-sumi-gas:hover {
  text-decoration: none;
}

.m-btn:hover, .m-btn-anc:hover, .m-btn-conv:hover, .m-btn-conv-sumi:hover, .m-btn-conv-sumi-ele:hover, .m-btn-conv-sumi-mobile:hover, .m-btn-conv-sumi-gas:hover {
  opacity: 0.6;
}

.m-btn p, .m-btn-anc p, .m-btn-conv p, .m-btn-conv-sumi p, .m-btn-conv-sumi-ele p, .m-btn-conv-sumi-mobile p, .m-btn-conv-sumi-gas p {
  font-size: 16px;
  margin-top: 0;
}

@media screen and (max-width: 767px) {
  .m-btn p, .m-btn-anc p, .m-btn-conv p, .m-btn-conv-sumi p, .m-btn-conv-sumi-ele p, .m-btn-conv-sumi-mobile p, .m-btn-conv-sumi-gas p {
    font-size: 16px;
    margin: 7px 0;
  }
}

.m-btn[data-width="600"], .m-btn-anc[data-width="600"], .m-btn-conv[data-width="600"], .m-btn-conv-sumi[data-width="600"], .m-btn-conv-sumi-ele[data-width="600"], .m-btn-conv-sumi-mobile[data-width="600"], .m-btn-conv-sumi-gas[data-width="600"] {
  max-width: 600px;
}

.m-btn[data-width="280"], .m-btn-anc[data-width="280"], .m-btn-conv[data-width="280"], .m-btn-conv-sumi[data-width="280"], .m-btn-conv-sumi-ele[data-width="280"], .m-btn-conv-sumi-mobile[data-width="280"], .m-btn-conv-sumi-gas[data-width="280"] {
  max-width: 280px;
}

.m-btn[data-type="arrow"]::after, .m-btn-anc[data-type="arrow"]::after, .m-btn-conv[data-type="arrow"]::after, .m-btn-conv-sumi[data-type="arrow"]::after, .m-btn-conv-sumi-ele[data-type="arrow"]::after, .m-btn-conv-sumi-mobile[data-type="arrow"]::after, .m-btn-conv-sumi-gas[data-type="arrow"]::after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  position: absolute;
  right: 20px;
  border-top: 2px solid #e83416;
  border-right: 2px solid #e83416;
  top: 50%;
  margin-top: -5px;
}

@media screen and (max-width: 767px) {
  .m-btn[data-type="arrow"]::after, .m-btn-anc[data-type="arrow"]::after, .m-btn-conv[data-type="arrow"]::after, .m-btn-conv-sumi[data-type="arrow"]::after, .m-btn-conv-sumi-ele[data-type="arrow"]::after, .m-btn-conv-sumi-mobile[data-type="arrow"]::after, .m-btn-conv-sumi-gas[data-type="arrow"]::after {
    right: 18px;
  }
}

.m-btn[data-arrow-color=jcom]::after, .m-btn-anc[data-arrow-color=jcom]::after, .m-btn-conv[data-arrow-color=jcom]::after, .m-btn-conv-sumi[data-arrow-color=jcom]::after, .m-btn-conv-sumi-ele[data-arrow-color=jcom]::after, .m-btn-conv-sumi-mobile[data-arrow-color=jcom]::after, .m-btn-conv-sumi-gas[data-arrow-color=jcom]::after {
  border-top: 2px solid #e83416;
  border-right: 2px solid #e83416;
}

.m-btn[data-arrow-color=tv]::after, .m-btn-anc[data-arrow-color=tv]::after, .m-btn-conv[data-arrow-color=tv]::after, .m-btn-conv-sumi[data-arrow-color=tv]::after, .m-btn-conv-sumi-ele[data-arrow-color=tv]::after, .m-btn-conv-sumi-mobile[data-arrow-color=tv]::after, .m-btn-conv-sumi-gas[data-arrow-color=tv]::after {
  border-top: 2px solid #e40077;
  border-right: 2px solid #e40077;
}

.m-btn[data-arrow-color=net]::after, .m-btn-anc[data-arrow-color=net]::after, .m-btn-conv[data-arrow-color=net]::after, .m-btn-conv-sumi[data-arrow-color=net]::after, .m-btn-conv-sumi-ele[data-arrow-color=net]::after, .m-btn-conv-sumi-mobile[data-arrow-color=net]::after, .m-btn-conv-sumi-gas[data-arrow-color=net]::after {
  border-top: 2px solid #0085cd;
  border-right: 2px solid #0085cd;
}

.m-btn[data-arrow-color=phone]::after, .m-btn-anc[data-arrow-color=phone]::after, .m-btn-conv[data-arrow-color=phone]::after, .m-btn-conv-sumi[data-arrow-color=phone]::after, .m-btn-conv-sumi-ele[data-arrow-color=phone]::after, .m-btn-conv-sumi-mobile[data-arrow-color=phone]::after, .m-btn-conv-sumi-gas[data-arrow-color=phone]::after {
  border-top: 2px solid #00a33e;
  border-right: 2px solid #00a33e;
}

.m-btn[data-arrow-color=mobile]::after, .m-btn-anc[data-arrow-color=mobile]::after, .m-btn-conv[data-arrow-color=mobile]::after, .m-btn-conv-sumi[data-arrow-color=mobile]::after, .m-btn-conv-sumi-ele[data-arrow-color=mobile]::after, .m-btn-conv-sumi-mobile[data-arrow-color=mobile]::after, .m-btn-conv-sumi-gas[data-arrow-color=mobile]::after {
  border-top: 2px solid #00a4a8;
  border-right: 2px solid #00a4a8;
}

.m-btn[data-arrow-color=ele]::after, .m-btn-anc[data-arrow-color=ele]::after, .m-btn-conv[data-arrow-color=ele]::after, .m-btn-conv-sumi[data-arrow-color=ele]::after, .m-btn-conv-sumi-ele[data-arrow-color=ele]::after, .m-btn-conv-sumi-mobile[data-arrow-color=ele]::after, .m-btn-conv-sumi-gas[data-arrow-color=ele]::after {
  border-top: 2px solid #f18d00;
  border-right: 2px solid #f18d00;
}

.m-btn[data-arrow-color=gas]::after, .m-btn-anc[data-arrow-color=gas]::after, .m-btn-conv[data-arrow-color=gas]::after, .m-btn-conv-sumi[data-arrow-color=gas]::after, .m-btn-conv-sumi-ele[data-arrow-color=gas]::after, .m-btn-conv-sumi-mobile[data-arrow-color=gas]::after, .m-btn-conv-sumi-gas[data-arrow-color=gas]::after {
  border-top: 2px solid #0a308f;
  border-right: 2px solid #0a308f;
}

.m-btn[data-arrow-color=gray]::after, .m-btn-anc[data-arrow-color=gray]::after, .m-btn-conv[data-arrow-color=gray]::after, .m-btn-conv-sumi[data-arrow-color=gray]::after, .m-btn-conv-sumi-ele[data-arrow-color=gray]::after, .m-btn-conv-sumi-mobile[data-arrow-color=gray]::after, .m-btn-conv-sumi-gas[data-arrow-color=gray]::after {
  border-top: 2px solid #b5b5b5;
  border-right: 2px solid #b5b5b5;
}

.m-btn[data-arrow-color=blue]::after, .m-btn-anc[data-arrow-color=blue]::after, .m-btn-conv[data-arrow-color=blue]::after, .m-btn-conv-sumi[data-arrow-color=blue]::after, .m-btn-conv-sumi-ele[data-arrow-color=blue]::after, .m-btn-conv-sumi-mobile[data-arrow-color=blue]::after, .m-btn-conv-sumi-gas[data-arrow-color=blue]::after {
  border-top: 2px solid #0b318f;
  border-right: 2px solid #0b318f;
}

.m-btn[data-arrow-color=ele-sumi]::after, .m-btn-anc[data-arrow-color=ele-sumi]::after, .m-btn-conv[data-arrow-color=ele-sumi]::after, .m-btn-conv-sumi[data-arrow-color=ele-sumi]::after, .m-btn-conv-sumi-ele[data-arrow-color=ele-sumi]::after, .m-btn-conv-sumi-mobile[data-arrow-color=ele-sumi]::after, .m-btn-conv-sumi-gas[data-arrow-color=ele-sumi]::after {
  border-top: 2px solid #3399cc;
  border-right: 2px solid #3399cc;
}

.m-btn[data-arrow-color=room]::after, .m-btn-anc[data-arrow-color=room]::after, .m-btn-conv[data-arrow-color=room]::after, .m-btn-conv-sumi[data-arrow-color=room]::after, .m-btn-conv-sumi-ele[data-arrow-color=room]::after, .m-btn-conv-sumi-mobile[data-arrow-color=room]::after, .m-btn-conv-sumi-gas[data-arrow-color=room]::after {
  border-top: 2px solid #02a3c0;
  border-right: 2px solid #02a3c0;
}

.m-btn[data-arrow-color=home]::after, .m-btn-anc[data-arrow-color=home]::after, .m-btn-conv[data-arrow-color=home]::after, .m-btn-conv-sumi[data-arrow-color=home]::after, .m-btn-conv-sumi-ele[data-arrow-color=home]::after, .m-btn-conv-sumi-mobile[data-arrow-color=home]::after, .m-btn-conv-sumi-gas[data-arrow-color=home]::after {
  border-top: 2px solid #fa7268;
  border-right: 2px solid #fa7268;
}

.m-btn[data-arrow-color=netflix]::after, .m-btn-anc[data-arrow-color=netflix]::after, .m-btn-conv[data-arrow-color=netflix]::after, .m-btn-conv-sumi[data-arrow-color=netflix]::after, .m-btn-conv-sumi-ele[data-arrow-color=netflix]::after, .m-btn-conv-sumi-mobile[data-arrow-color=netflix]::after, .m-btn-conv-sumi-gas[data-arrow-color=netflix]::after {
  border-top: 2px solid #d81f26;
  border-right: 2px solid #d81f26;
}

.m-btn[data-arrow-color=hoken]::after, .m-btn-anc[data-arrow-color=hoken]::after, .m-btn-conv[data-arrow-color=hoken]::after, .m-btn-conv-sumi[data-arrow-color=hoken]::after, .m-btn-conv-sumi-ele[data-arrow-color=hoken]::after, .m-btn-conv-sumi-mobile[data-arrow-color=hoken]::after, .m-btn-conv-sumi-gas[data-arrow-color=hoken]::after {
  border-top: 2px solid #e60044;
  border-right: 2px solid #e60044;
}

.m-btn[data-arrow-color=telemedicine]::after, .m-btn-anc[data-arrow-color=telemedicine]::after, .m-btn-conv[data-arrow-color=telemedicine]::after, .m-btn-conv-sumi[data-arrow-color=telemedicine]::after, .m-btn-conv-sumi-ele[data-arrow-color=telemedicine]::after, .m-btn-conv-sumi-mobile[data-arrow-color=telemedicine]::after, .m-btn-conv-sumi-gas[data-arrow-color=telemedicine]::after {
  border-top: 2px solid #00855e;
  border-right: 2px solid #00855e;
}

.m-btn.m-shadow, .m-shadow.m-btn-anc, .m-shadow.m-btn-conv, .m-shadow.m-btn-conv-sumi, .m-shadow.m-btn-conv-sumi-ele, .m-shadow.m-btn-conv-sumi-mobile, .m-shadow.m-btn-conv-sumi-gas {
  box-shadow: 0 3px 6px -3px #999;
  -webkit-box-shadow: 0 3px 6px -3px #999;
}

.m-btn-anc[data-type="arrow"]::after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  position: absolute;
  right: 20px;
  border-top: 2px solid #e83416;
  border-right: 2px solid #e83416;
  top: 50%;
  margin-top: -7px;
}

@media screen and (max-width: 767px) {
  .m-btn-anc[data-type="arrow"]::after {
    right: 15px;
  }
}

.m-btn-anc[data-arrow-color=jcom]::after {
  border-top: 2px solid #e83416 !important;
  border-right: 2px solid #e83416 !important;
}

.m-btn-anc[data-arrow-color=tv]::after {
  border-top: 2px solid #e40077 !important;
  border-right: 2px solid #e40077 !important;
}

.m-btn-anc[data-arrow-color=net]::after {
  border-top: 2px solid #0085cd !important;
  border-right: 2px solid #0085cd !important;
}

.m-btn-anc[data-arrow-color=phone]::after {
  border-top: 2px solid #00a33e !important;
  border-right: 2px solid #00a33e !important;
}

.m-btn-anc[data-arrow-color=mobile]::after {
  border-top: 2px solid #00a4a8 !important;
  border-right: 2px solid #00a4a8 !important;
}

.m-btn-anc[data-arrow-color=ele]::after {
  border-top: 2px solid #f18d00 !important;
  border-right: 2px solid #f18d00 !important;
}

.m-btn-anc[data-arrow-color=gas]::after {
  border-top: 2px solid #0a308f !important;
  border-right: 2px solid #0a308f !important;
}

.m-btn-anc[data-arrow-color=gray]::after {
  border-top: 2px solid #b5b5b5 !important;
  border-right: 2px solid #b5b5b5 !important;
}

.m-btn-anc[data-arrow-color=blue]::after {
  border-top: 2px solid #0b318f !important;
  border-right: 2px solid #0b318f !important;
}

.m-btn-anc[data-arrow-color=ele-sumi]::after {
  border-top: 2px solid #3399cc !important;
  border-right: 2px solid #3399cc !important;
}

.m-btn-anc[data-arrow-color=room]::after {
  border-top: 2px solid #02a3c0 !important;
  border-right: 2px solid #02a3c0 !important;
}

.m-btn-anc[data-arrow-color=home]::after {
  border-top: 2px solid #fa7268 !important;
  border-right: 2px solid #fa7268 !important;
}

.m-btn-anc[data-arrow-color=netflix]::after {
  border-top: 2px solid #d81f26 !important;
  border-right: 2px solid #d81f26 !important;
}

.m-btn-anc[data-arrow-color=hoken]::after {
  border-top: 2px solid #e60044 !important;
  border-right: 2px solid #e60044 !important;
}

.m-btn-anc[data-arrow-color=telemedicine]::after {
  border-top: 2px solid #00855e !important;
  border-right: 2px solid #00855e !important;
}

@media screen and (max-width: 767px) {
  .m-btn .m-sp-none, .m-btn-anc .m-sp-none, .m-btn-conv .m-sp-none, .m-btn-conv-sumi .m-sp-none, .m-btn-conv-sumi-ele .m-sp-none, .m-btn-conv-sumi-mobile .m-sp-none, .m-btn-conv-sumi-gas .m-sp-none {
    display: none;
  }
}

.m-btn-conv, .m-btn-conv-sumi, .m-btn-conv-sumi-ele, .m-btn-conv-sumi-mobile, .m-btn-conv-sumi-gas {
  height: 60px !important;
  line-height: 20px !important;
  background: linear-gradient(to bottom, #eb5d45 0%, #e83416 100%);
  color: #ffffff;
  font-size: 16px;
  border: none;
  font-weight: bold;
  padding: 0;
  margin-bottom: 0;
  box-shadow: 0 1px 5px -2px #222;
}

.m-btn-conv img, .m-btn-conv-sumi img, .m-btn-conv-sumi-ele img, .m-btn-conv-sumi-mobile img, .m-btn-conv-sumi-gas img {
  width: 18px;
  height: auto;
  vertical-align: middle;
  margin-right: 10px;
  margin-left: 0px;
}

.m-btn-conv p, .m-btn-conv-sumi p, .m-btn-conv-sumi-ele p, .m-btn-conv-sumi-mobile p, .m-btn-conv-sumi-gas p {
  margin: 0;
}

@media screen and (max-width: 767px) {
  .m-btn-conv, .m-btn-conv-sumi, .m-btn-conv-sumi-ele, .m-btn-conv-sumi-mobile, .m-btn-conv-sumi-gas {
    font-size: 14px;
    padding: 5px;
  }
  .m-btn-conv img, .m-btn-conv-sumi img, .m-btn-conv-sumi-ele img, .m-btn-conv-sumi-mobile img, .m-btn-conv-sumi-gas img {
    width: 16px;
    height: auto;
    margin-right: 5px;
    margin-left: 0px;
  }
}

.m-btn-conv[data-bg-color="grade-green"], .m-btn-conv-sumi[data-bg-color="grade-green"], .m-btn-conv-sumi-ele[data-bg-color="grade-green"], .m-btn-conv-sumi-mobile[data-bg-color="grade-green"], .m-btn-conv-sumi-gas[data-bg-color="grade-green"] {
  background: linear-gradient(to bottom, #6baa00 0%, #5e9600 100%);
}

.m-btn-conv[data-bg-color="contact"], .m-btn-conv-sumi[data-bg-color="contact"], .m-btn-conv-sumi-ele[data-bg-color="contact"], .m-btn-conv-sumi-mobile[data-bg-color="contact"], .m-btn-conv-sumi-gas[data-bg-color="contact"] {
  background: #ffffff;
  color: #333;
  border: 1px solid #ff5600;
}

.m-btn-conv[data-bg-color="white"], .m-btn-conv-sumi[data-bg-color="white"], .m-btn-conv-sumi-ele[data-bg-color="white"], .m-btn-conv-sumi-mobile[data-bg-color="white"], .m-btn-conv-sumi-gas[data-bg-color="white"] {
  background: #ffffff;
  color: #333 !important;
}

.m-btn-conv[data-bg-color=jcom]::after, .m-btn-conv-sumi[data-bg-color=jcom]::after, .m-btn-conv-sumi-ele[data-bg-color=jcom]::after, .m-btn-conv-sumi-mobile[data-bg-color=jcom]::after, .m-btn-conv-sumi-gas[data-bg-color=jcom]::after {
  background: #e83416 !important;
}

.m-btn-conv[data-bg-color=tv]::after, .m-btn-conv-sumi[data-bg-color=tv]::after, .m-btn-conv-sumi-ele[data-bg-color=tv]::after, .m-btn-conv-sumi-mobile[data-bg-color=tv]::after, .m-btn-conv-sumi-gas[data-bg-color=tv]::after {
  background: #e40077 !important;
}

.m-btn-conv[data-bg-color=net]::after, .m-btn-conv-sumi[data-bg-color=net]::after, .m-btn-conv-sumi-ele[data-bg-color=net]::after, .m-btn-conv-sumi-mobile[data-bg-color=net]::after, .m-btn-conv-sumi-gas[data-bg-color=net]::after {
  background: #0085cd !important;
}

.m-btn-conv[data-bg-color=phone]::after, .m-btn-conv-sumi[data-bg-color=phone]::after, .m-btn-conv-sumi-ele[data-bg-color=phone]::after, .m-btn-conv-sumi-mobile[data-bg-color=phone]::after, .m-btn-conv-sumi-gas[data-bg-color=phone]::after {
  background: #00a33e !important;
}

.m-btn-conv[data-bg-color=mobile]::after, .m-btn-conv-sumi[data-bg-color=mobile]::after, .m-btn-conv-sumi-ele[data-bg-color=mobile]::after, .m-btn-conv-sumi-mobile[data-bg-color=mobile]::after, .m-btn-conv-sumi-gas[data-bg-color=mobile]::after {
  background: #00a4a8 !important;
}

.m-btn-conv[data-bg-color=ele]::after, .m-btn-conv-sumi[data-bg-color=ele]::after, .m-btn-conv-sumi-ele[data-bg-color=ele]::after, .m-btn-conv-sumi-mobile[data-bg-color=ele]::after, .m-btn-conv-sumi-gas[data-bg-color=ele]::after {
  background: #f18d00 !important;
}

.m-btn-conv[data-bg-color=gas]::after, .m-btn-conv-sumi[data-bg-color=gas]::after, .m-btn-conv-sumi-ele[data-bg-color=gas]::after, .m-btn-conv-sumi-mobile[data-bg-color=gas]::after, .m-btn-conv-sumi-gas[data-bg-color=gas]::after {
  background: #0a308f !important;
}

.m-btn-conv[data-bg-color=gray]::after, .m-btn-conv-sumi[data-bg-color=gray]::after, .m-btn-conv-sumi-ele[data-bg-color=gray]::after, .m-btn-conv-sumi-mobile[data-bg-color=gray]::after, .m-btn-conv-sumi-gas[data-bg-color=gray]::after {
  background: #b5b5b5 !important;
}

.m-btn-conv[data-bg-color=blue]::after, .m-btn-conv-sumi[data-bg-color=blue]::after, .m-btn-conv-sumi-ele[data-bg-color=blue]::after, .m-btn-conv-sumi-mobile[data-bg-color=blue]::after, .m-btn-conv-sumi-gas[data-bg-color=blue]::after {
  background: #0b318f !important;
}

.m-btn-conv[data-bg-color=ele-sumi]::after, .m-btn-conv-sumi[data-bg-color=ele-sumi]::after, .m-btn-conv-sumi-ele[data-bg-color=ele-sumi]::after, .m-btn-conv-sumi-mobile[data-bg-color=ele-sumi]::after, .m-btn-conv-sumi-gas[data-bg-color=ele-sumi]::after {
  background: #3399cc !important;
}

.m-btn-conv[data-bg-color=room]::after, .m-btn-conv-sumi[data-bg-color=room]::after, .m-btn-conv-sumi-ele[data-bg-color=room]::after, .m-btn-conv-sumi-mobile[data-bg-color=room]::after, .m-btn-conv-sumi-gas[data-bg-color=room]::after {
  background: #02a3c0 !important;
}

.m-btn-conv[data-bg-color=home]::after, .m-btn-conv-sumi[data-bg-color=home]::after, .m-btn-conv-sumi-ele[data-bg-color=home]::after, .m-btn-conv-sumi-mobile[data-bg-color=home]::after, .m-btn-conv-sumi-gas[data-bg-color=home]::after {
  background: #fa7268 !important;
}

.m-btn-conv[data-bg-color=netflix]::after, .m-btn-conv-sumi[data-bg-color=netflix]::after, .m-btn-conv-sumi-ele[data-bg-color=netflix]::after, .m-btn-conv-sumi-mobile[data-bg-color=netflix]::after, .m-btn-conv-sumi-gas[data-bg-color=netflix]::after {
  background: #d81f26 !important;
}

.m-btn-conv[data-bg-color=hoken]::after, .m-btn-conv-sumi[data-bg-color=hoken]::after, .m-btn-conv-sumi-ele[data-bg-color=hoken]::after, .m-btn-conv-sumi-mobile[data-bg-color=hoken]::after, .m-btn-conv-sumi-gas[data-bg-color=hoken]::after {
  background: #e60044 !important;
}

.m-btn-conv[data-bg-color=telemedicine]::after, .m-btn-conv-sumi[data-bg-color=telemedicine]::after, .m-btn-conv-sumi-ele[data-bg-color=telemedicine]::after, .m-btn-conv-sumi-mobile[data-bg-color=telemedicine]::after, .m-btn-conv-sumi-gas[data-bg-color=telemedicine]::after {
  background: #00855e !important;
}

@media screen and (max-width: 767px) {
  .m-btn-conv-txt {
    display: none !important;
  }
}

.m-btn-conv-sumi, .m-btn-conv-sumi-ele, .m-btn-conv-sumi-mobile, .m-btn-conv-sumi-gas {
  background: #ffffff;
  color: #333;
  border: 1px solid #cccccc !important;
  margin-bottom: 0;
}

.m-btn-conv-sumi p, .m-btn-conv-sumi-ele p, .m-btn-conv-sumi-mobile p, .m-btn-conv-sumi-gas p {
  margin: 0;
}

.m-btn-conv-sumi-ele {
  color: #f18d00 !important;
  border: 1px solid #f18d00 !important;
  box-shadow: 0 1px 5px -2px #222;
}

.m-btn-conv-sumi-ele[data-type="arrow"]::after {
  border-top: 2px solid #f18d00 !important;
  border-right: 2px solid #f18d00 !important;
}

.m-btn-conv-sumi-ele img {
  width: 25px;
  height: auto;
  margin-right: 10px;
  margin-left: 0px;
}

@media screen and (max-width: 767px) {
  .m-btn-conv-sumi-ele img {
    width: 18px;
    height: auto;
    margin-right: 3px;
    margin-left: 0px;
  }
}

.m-btn-conv-sumi-mobile {
  border: 1px solid #00a4a8 !important;
  color: #00a4a8 !important;
  box-shadow: 0 1px 5px -2px #222;
  margin-bottom: 0;
}

.m-btn-conv-sumi-mobile[data-type="arrow"]::after {
  border-top: 2px solid #00a4a8 !important;
  border-right: 2px solid #00a4a8 !important;
}

.m-btn-conv-sumi-gas {
  color: #0a308f !important;
  border: 1px solid #0a308f !important;
  box-shadow: 0 1px 5px -2px #222;
}

.m-btn-conv-sumi-gas[data-type="arrow"]::after {
  border-top: 2px solid #0a308f !important;
  border-right: 2px solid #0a308f !important;
}

.m-btn-conv-sumi-gas img {
  width: 25px;
  height: auto;
  margin-right: 10px;
  margin-left: 0px;
}

@media screen and (max-width: 767px) {
  .m-btn-conv-sumi-gas img {
    width: 20px;
    height: auto;
    margin-right: 5px;
    margin-left: 0px;
  }
}

.m-center-align {
  align-items: center !important;
  display: flex !important;
  justify-content: center !important;
}

[data-col="12"] .m-conv-tel {
  height: 40px;
}

@media screen and (max-width: 767px) {
  [data-col="12"] .m-conv-tel {
    height: 60px;
  }
}

.m-conv-tel {
  height: 60px;
}

.m-conv-tel a {
  pointer-events: none;
  display: block;
  font-size: 14px;
  color: #0e0d6a;
  line-height: 1;
  padding: 0px 0;
  text-align: center;
  color: #333 !important;
  cursor: pointer;
}

@media screen and (min-width: 768px) {
  .m-conv-tel a[href^="tel:"] {
    pointer-events: none;
    z-index: -1;
  }
}

.m-conv-tel a:hover {
  opacity: 0.6;
}

.m-conv-tel a img {
  width: 28px;
}

.m-conv-tel a .m-open {
  vertical-align: middle;
  display: inline-block;
  padding-bottom: 8px;
  padding-left: 5px;
  font-weight: normal;
}

@media screen and (max-width: 767px) {
  .m-conv-tel a .m-open {
    font-size: 10px;
    padding-bottom: 3px;
  }
}

.m-conv-tel a .m-tel-num {
  font-size: 22px;
  font-family: 'Arial', sans-serif;
  position: relative;
  font-weight: normal;
  margin: 0 0 0;
}

.m-conv-tel a .m-tel-num::before {
  display: inline-block;
  content: "";
  background-image: url(/resources/images/icon/icon_side_freecall.png);
  background-size: 28px;
  background-repeat: no-repeat;
  width: 28px;
  height: 25px;
  padding-right: 5px;
  margin-bottom: -3px;
  vertical-align: middle;
}

@media screen and (max-width: 767px) {
  .m-conv-tel a .m-tel-num::before {
    background-size: 20px;
    width: 20px;
    padding-right: 4px;
    margin-bottom: -8px;
  }
}

@media screen and (max-width: 767px) {
  .m-conv-tel a .m-tel-num {
    font-size: 18px;
  }
}

.m-conv-tel a span {
  margin: 0;
  color: #333 !important;
}

@media screen and (max-width: 767px) {
  .m-conv-tel a {
    background: #ffffff !important;
    pointer-events: visible;
  }
}

.m-conv-tel ul li:first-child {
  font-size: 10px;
  margin-right: 1%;
}

.m-conv-tel ul li {
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  display: inline-block;
  font-size: 10px;
  margin: 0 5px;
  color: #333 !important;
}

.m-conv-tel ul li .m-tel-sp-hidden {
  display: inline-block !important;
}

@media screen and (max-width: 767px) {
  .m-conv-tel {
    display: block;
    position: relative;
    background: #ffffff;
    box-sizing: border-box;
    border: 1px solid #0e0d6a;
    font-size: 14px;
    padding: 12px 20px;
    text-align: center;
    border-radius: 5px;
    padding: 0;
    width: 100%;
    font-weight: bold;
    height: 60px;
    box-shadow: 0 1px 5px -2px #222;
  }
  .m-conv-tel .m-tel-sp-hidden {
    display: none !important;
  }
  .m-conv-tel:link, .m-conv-tel:visited, .m-conv-tel:hover {
    text-decoration: none;
  }
  .m-conv-tel:hover {
    opacity: 0.6;
  }
}

.m-sp-new-line {
  display: inline;
  font-size: 16px !important;
}

@media screen and (max-width: 767px) {
  .m-sp-new-line {
    font-size: 14px !important;
    display: block !important;
  }
}

.m-simulation {
  background: #ddd !important;
  padding: 10px 20px;
}

@media screen and (max-width: 767px) {
  .m-simulation {
    padding: 10px !important;
  }
}

.m-simulation .m-btn-conv[data-type="arrow"]::after, .m-simulation .m-btn-conv-sumi[data-type="arrow"]::after, .m-simulation .m-btn-conv-sumi-ele[data-type="arrow"]::after, .m-simulation .m-btn-conv-sumi-mobile[data-type="arrow"]::after, .m-simulation .m-btn-conv-sumi-gas[data-type="arrow"]::after {
  border-top: 2px solid #e83416 !important;
  border-right: 2px solid #e83416 !important;
}

.m-simulation .m-btn-conv-sumi-ele[data-type="arrow"]::after {
  border-top: 2px solid #f18d00 !important;
  border-right: 2px solid #f18d00 !important;
}

.m-simulation .m-btn-conv-sumi-mobile[data-type="arrow"]::after {
  border-top: 2px solid #00a4a8 !important;
  border-right: 2px solid #00a4a8 !important;
}

.m-simulation .m-list li, .m-simulation .m-list-icon li {
  padding-top: 0;
  padding-bottom: 0;
}

.m-simulation .m-grid-container {
  margin-bottom: 0;
}

.m-simulation .m-conv-tel a {
  background: transparent !important;
  padding: 10px;
}

@media screen and (max-width: 767px) {
  .m-simulation .m-conv-tel a {
    padding: 0 !important;
  }
  .m-simulation .m-conv-tel a .m-tel-num {
    font-size: 13px;
  }
  .m-simulation .m-conv-tel a .m-tel-num::before {
    display: inline-block;
    content: "";
    background-image: url(/resources/images/icon/icon_side_freecall.png);
    background-size: 20px;
    background-repeat: no-repeat;
    width: 20px;
    height: 15px;
    padding-right: 5px;
    margin-bottom: -3px;
  }
  .m-simulation .m-conv-tel a .m-conv-tel ul li:first-child {
    margin-right: 0;
  }
}

.m-simulation .m-conv-tel::after {
  border-top: none !important;
  border-right: none !important;
}

@media screen and (max-width: 767px) {
  .m-simulation .m-conv-tel {
    padding: 13px 1px 13px 1px;
  }
  .m-simulation .m-conv-tel ul li {
    margin: 0;
  }
}

/* ----------------------------------------------------------------------------
 * Media
 * ------------------------------------------------------------------------- */
/* ------------------------------------
 * Module
 * --------------------------------- */
.m-media, .m-media-link {
  text-align: center !important;
  margin: 0 0 10px 0;
}

.m-media-link {
  margin: 0;
  position: relative;
  display: inline-block;
}

.m-media-link img {
  width: initial !important;
}

.m-media-link .m-zoom {
  line-height: 0;
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 10px;
  background: rgba(0, 0, 0, 0.2);
  font-size: 20px;
  border-radius: 3px;
}

.m-media-link .m-zoom img {
  width: 30px;
  height: 30px;
}

@media screen and (max-width: 767px) {
  .m-media-link .m-zoom img {
    width: 15px;
    height: 15px;
  }
}

.m-media-video {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
}

.m-media-video iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

@media screen and (max-width: 767px) {
  .m-media, .m-media-link {
    width: 100%;
  }
}

.m-al {
  text-align: left !important;
}

/* ----------------------------------------------------------------------------
 * Image
 * ------------------------------------------------------------------------- */
/* ------------------------------------
 * Module
 * --------------------------------- */
.m-image-min {
  min-width: 0%;
}

.m-demo {
  border: dashed 2px #f5f5f5;
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 20px 0;
  width: 100%;
}